@charset "UTF-8";

/*!
Theme Name: AI怪談工房
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: TRUNK-STUDIO
Author URI: https://trunk-studio.jp/
Template:   cocoon-master
Version:    1.0
*/

/* ===============================
    common
   =============================== */
#header-container, #footer {
	background-color: rgba( 1.25,0,0,0.5 );
}
.site-name-text {
	letter-spacing: 0.1em;
	color: #ffffef !important;
	text-shadow: 1px 1px 2px #666600
}
a {
	color: #003355;
	text-decoration: none;
	text-shadow: 0 0 0.1px #005577;
	transition: 0.5s;
}
a:hover {
	color: #007799;
	text-shadow: 0 0 4px #fff;
	/*background-color: rgba( 0,0,0,0 );*/
}
.main, .sidebar {
	font-feature-settings: "palt";
	text-shadow: 0 0 1px #bbaaaa;
	background-color: rgba( 247,247,255,0.75 );
}
/* 翻訳 */
.gt_switcher_wrapper {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
.gt_switcher_wrapper > a {
	display: block;
	padding: 0 0.2em 0.2em 0.6em;
	background-color: rgba( 247,247,255,0.25 );
	border: solid 1px #666;
	border-radius: 2em;
	text-shadow: 0 0 1px #000000;
}
.gt_switcher_wrapper > a span {
	color: #fff !important;
}
hr.wp-block-separator {
	opacity: 0;
}
blockquote figure img {
	display: block;
	margin: 0 auto;
}
.pr_text {
    margin-bottom:1em;
    font-size: 12px;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}
#breadcrumb , #breadcrumb span {
	color: #555;
}
.cat-label {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	border: none !important;
	box-shadow: 0 0 1px rgba( 255,255,255,0.4 );
	opacity: 0.9;
}

/* ===============================
    header
   =============================== */
.logo.logo-header.logo-text { /* ヘッダタイトル */
	padding-top: 64px;
}
#header .site-name-text {
	font-size: 180% !important;
}
.tagline { /* スローガン余白 */
	margin-bottom: 4em;
}
#header-container .navi {
	background-color:  inherit;
	border-top: solid 1px rgba( 127,127,127,0.2 );
	border-bottom: solid 2px rgba( 127,127,127,0.1 );
}
/* ===============================
    contents
   =============================== */
.appeal-content { /* お知らせ（アピール）*/
	color: #fff;
	text-shadow: 0.5px 0.5px 2px #000000;
	background-color: rgba( 247,247,255,0.15 );
}
/* ----- carousel ----- */ 
#carousel-in.carousel-in {
	margin-top: 240px;
	margin-bottom: -0.6em;
	background-color: rgba( 247,247,255,0 );
}
#carousel-in .cat-label {
	display: none;
}
.carousel-entry-card figure{
	box-shadow: 0 0 12px rgba( 255,255,255,0.2 );
	border: solid 1px rgba( 255,255,255,0.2 );
}
.carousel-entry-card-content {
	position: relative;
}
.carousel-entry-card-title {
	width: 100%;
	/*height: 2.4em;*/
	padding: 0 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 60%;
	overflow: none;
	text-align: right;
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000;
	font-weight: bold;
	/*background-color: rgba( 0,0,0,0.8 );*/
	position: absolute;
	bottom: 0.75em;
}
/* ----- top carousel ----- */

/* ----- YouTubeショート ----- */
.youtube iframe {
	max-height: 90vh;
  position: relative;
  aspect-ratio:9 /16; /* ビデオの横/縦比 */
}
.youtube .video {
  height: 100%;
  margin: 0 auto;
  overflow: visible;
  padding-bottom: 0;
  width: 727px; /* ビデオ横幅 */
}
.youtube .video-container {
  margin: 0 auto;
}
/* ----- /YouTubeショート ----- */

/* ----- ブログカード調整 ----- */
.blogcard-wrap {
	background: none;
}
.blogcard {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 86%;
	background-color: #eeeeee;
	border-radius: 8px;
}
blockquote {
	text-align: justify;
	line-height: 1.4 !important;
}
blockquote a.blogcard-wrap {
	margin-bottom: 1em !important;
	width: 100%;
}
blockquote .blogcard {
	margin-top: -1.2em;
}
/* ----- /ブログカード調整 ----- */

/* ----- for pixta ----- */
.pixta span.external-icon {
	display: none;
}
.pixta {
	border-radius: 4px;
	background-color: #ffffff;
}
.pixta > div > div {
	margin: 32px auto !important;
	width: 300px;
}
.pixta > div > div > a {
	display: block;
}
/* ----- /for pixta ----- */

/* ----- for pochipp ----- */
.pochipp-box {
	font-family: "游ゴシック", "Yu Gothic", sans-serif;
	box-shadow: none;
}
.pochipp-box span.external-icon {
	display: none;	
}
.pochipp-box__logo {
	display: none !important; /* pochippロゴ消去（for pochipp） */
}
/* ----- /for pochipp ----- */

/* 外部リンクアイコン消去（専用セレクタ：.external-content）*/
.external-content span.external-icon {
	display: none;
}
/* =============================== */

/* カテゴリートップページ用背景 */

/* ウラシリ怪談 urasiri-kaidan */
.category-urasiri-kaidan #container {
  background: url('/wp-content/uploads/2025/07/ウラシリ-イメージ（斜め）Gen-ID：4725ecbc-3bf9-4362-8f23-634fd262c349.png') no-repeat center/cover fixed;
}

/* 写真怪談 photo-kaidan */
.category-photo-kaidan #container {
  background: url('/wp-content/uploads/2025/08/ChatGPT-Image-Aug-22-2025.png') no-repeat center/cover fixed;
}

/* 晩酌怪談 banshaku-kaidan */
.category-banshaku-kaidan #container {
  background: url('/wp-content/uploads/2025/08/ChatGPT-写真怪談工房-Aug-22-2025.png') no-repeat center/cover fixed;
}

/* 土地と風習 land-and-customs */
.category-land-and-customs #container {
  background: url('/wp-content/uploads/2025/08/ChatGPT-%E5%86%99%E7%9C%9F%E6%80%AA%E8%AB%87%E5%B7%A5%E6%88%BF-Aug-18-2025.png') no-repeat center/cover fixed;
}

/* 存在のゆらぎ flicker-of-being */
.category-flicker-of-being #container {
  background: url('/wp-content/uploads/2025/07/%E7%A9%BA%E9%96%93%E3%82%B0%E3%83%AA%E3%83%83%E3%83%81%E3%81%AE%E5%A0%B1%E5%91%8A.jpg') no-repeat center/cover fixed;
}

/* 日常の崩れ cracks-in-daily-life */
.category-cracks-in-daily-life #container {
  background: url('/wp-content/uploads/2025/08/ChatGPT-%E5%86%99%E7%9C%9F%E6%80%AA%E8%AB%87%E5%B7%A5%E6%88%BF-Aug-17-2025.png') no-repeat center/cover fixed;
}

/* 時のひずみ distortion-of-time */
.category-distortion-of-time #container {
  background: url('/wp-content/uploads/2025/07/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E5%85%85%E9%9B%BB%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%89%E3%81%AE%E8%A4%87%E8%A3%BD.jpg') no-repeat center/cover fixed;
}

/* 機械知のほとり edge-of-machine-mind */
.category-edge-of-machine-mind #container {
  background: url('/wp-content/uploads/2025/07/%E5%B0%91%E5%B9%B4%E3%81%A8%E3%83%81%E3%83%A3%E3%83%83%E3%83%88AI.jpg') no-repeat center/cover fixed;
}

/* 記録と痕跡 traces-in-records */
.category-traces-in-records #container {
  background: url('/wp-content/uploads/2025/07/AI%E6%98%A0%E7%94%BB%E5%88%B6%E4%BD%9C%E3%81%AE%E8%A9%B1.jpg') no-repeat center/cover fixed;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}