@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ▼ カルーセルのカード全体 */
.carousel-entry-card {
  background: rgba(10,10,12,.85) !important; /* 黒っぽい背景 */
  border: 1px solid rgba(201,167,108,.4);   /* 金色っぽい枠 */
  box-shadow: 0 0 12px rgba(0,0,0,.6);      /* 影で浮かせる */
  border-radius: 6px;
  overflow: hidden;
}

/* ▼ カテゴリラベル */
.cat-label {
  background: #c9a76c !important; /* 金色 */
  color: #000 !important;         /* 黒文字でくっきり */
  font-weight: bold;
  font-size: 0.75em;
  padding: 2px 6px;
  border-radius: 3px;
}

/* ▼ 記事タイトル */
.carousel-entry-title a {
  color: #f1e9d2 !important; /* 明るいベージュ */
  font-family: 'Noto Serif JP', serif; /* 明朝体 */
  text-shadow: 0 0 6px rgba(0,0,0,.8);
  font-size: 1.1em;
}
.carousel-entry-title a:hover {
  color: #c9a76c !important; /* ホバーで金色 */
}
/* ▼ 記事タイトル（カルーセル用・上書きバージョン） */
.carousel-entry-title a {
  color: #f5eede !important;  /* 明るめベージュ */
  font-family: 'Noto Serif JP', serif;
  text-shadow: 0 0 8px rgba(0,0,0,.85); /* 影を濃く */
  font-size: 1.4em;           /* サイズUP */
  font-weight: bold;          /* 太字 */
  line-height: 1.3;
}
.carousel-entry-title a:hover {
  color: #ffd479 !important;  /* ホバーで金色 */
}
/* ▼ カルーセル記事タイトル強制上書き */
.carousel-entry-title a,
.entry-card-title a,
.card-title a {
  color: #ffd479 !important;   /* 明るい金色で確認しやすく */
  font-size: 1.6em !important; /* 強制的に大きく */
  font-weight: bold !important;
  text-shadow: 0 0 8px rgba(0,0,0,.85);
}
.carousel-entry-title a:hover,
.entry-card-title a:hover,
.card-title a:hover {
  color: #ff9c2a !important; /* ホバーでオレンジ金に */
}
/* ▼ カルーセル記事タイトルの強制スタイル */
.carousel-entry-title a,
.carousel-entry-title .entry-title a,
.entry-card-title a {
  color: #ffd479 !important;   /* 金色で確認用 */
  font-size: 1.8em !important; /* デカめにして変化を分かりやすく */
  font-weight: bold !important;
  text-shadow: 0 0 10px rgba(0,0,0,.9);
}
/* === DEBUG: カルーセル内タイトルを強制で金色＆デカく（あとで消してOK） === */

/* Swiper系のコンテナ配下で、カードのタイトルらしきaに片っ端から当てる */
.swiper, .swiper-container { } /* 存在チェック用のダミー */

.swiper .entry-card-title a,
.swiper .entry-title a,
.swiper-container .entry-card-title a,
.swiper-container .entry-title a,
.swiper .carousel-entry-title a,
.swiper-container .carousel-entry-title a,
.swiper .carousel-entry-card .entry-title a,
.swiper-container .carousel-entry-card .entry-title a {
  color: #ffd479 !important;     /* 派手な金色（確認用） */
  font-size: 1.8em !important;   /* デカめ（確認用） */
  font-weight: 700 !important;
  text-shadow: 0 0 10px rgba(0,0,0,.9);
}
/* === DEBUG: 読まれてるか確認（すぐ消してOK） === */
#header { outline: 2px solid #ff00aa !important; }
/* === DEBUG: カルーセル内の “タイトル箱” を見つける（青枠） === */
.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title {
  outline: 2px solid #00e5ff !important; /* 青枠 */
}
/* ▼ カルーセル記事タイトル：見やすくドン */
.carousel .entry-card-title a,
.carousel .card-title a,
.carousel .entry-title a,
.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title{
  color: #ffd479 !important;        /* 明るい金色 */
  font-size: 1.8em !important;      /* まずは大きめに（後で調整OK） */
  font-weight: 700 !important;
  text-shadow: 0 0 10px rgba(0,0,0,.9);
  line-height: 1.25;
}

/* （任意）ホバー時ちょい変化 */
.carousel .entry-card-title a:hover,
.carousel .card-title a:hover,
.carousel .entry-title a:hover{
  color:#ffe3a6 !important;
}
/* ▼ カルーセル記事タイトル（渋めミステリー風仕上げ） */
.carousel .entry-card-title a,
.carousel .card-title a,
.carousel .entry-title a,
.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title{
  color: #c9a76c !important;        /* くすんだ金色 */
  font-size: 1.4em !important;      /* 少し大きめに強調 */
  font-weight: 700 !important;      /* 太字 */
  text-shadow: 0 0 6px rgba(0,0,0,.8); /* 控えめな影で雰囲気UP */
  line-height: 1.3;
}
/* === カルーセル記事タイトル（渋めミステリー風仕上げ） === */
.carousel .entry-card-title a,
.carousel .card-title a,
.carousel .entry-title a,
.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title {
  color: #c9a76c !important;        /* くすんだ金色 */
  font-size: 1.4em !important;      /* 少し大きめ */
  font-weight: 700 !important;      /* 太字 */
  text-shadow: 0 0 6px rgba(0,0,0,.8); /* 控えめな影 */
  line-height: 1.3;
}
/* ==== デバッグ線を完全オフ ==== */
#header,
.header,
.header-container,
.site-header {
  outline: none !important;
}

.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title {
  outline: none !important;
}

/* ==== カルーセル記事タイトル（渋めミステリー風仕上げ） ==== */
.carousel .entry-card-title a,
.carousel .card-title a,
.carousel .entry-title a,
.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title{
  color: #c9a76c !important;        /* くすんだ金色 */
  font-size: 1.4em !important;      /* 少し大きめ */
  font-weight: 700 !important;      /* 太字 */
  text-shadow: 0 0 6px rgba(0,0,0,.8); /* 控えめな影 */
  line-height: 1.3;
}
.carousel .entry-card-title a,
.carousel .card-title a,
.carousel .entry-title a,
.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title {
  color: #bfa066 !important;        /* 少し暗めの金 */
  font-size: 1.4em !important;
  font-weight: 700 !important;
  text-shadow: 0 0 4px rgba(0,0,0,.7); /* 影も控えめ */
  line-height: 1.3;
}
/* カルーセルのタイトル文字サイズ調整 */
.carousel-entry-title a {
  font-size: 1.2rem !important;   /* ←今より小さめに */
  line-height: 1.4 !important;    /* 行間をちょっと広げる */
  display: -webkit-box;
  -webkit-line-clamp: 2;          /* 最大2行で切る */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* ▼ カルーセルのタイトルを小さく・はみ出し防止（上書き用） */
.carousel .entry-card-title,
.carousel .card-title,
.carousel .entry-title{
  min-height: 3.6em !important;    /* 2行分の帯高さを確保 */
  padding: 6px 8px !important;
}

.carousel .entry-card-title a,
.carousel .card-title a,
.carousel .entry-title a,
.swiper .entry-card-title a,
.swiper-container .entry-card-title a{
  font-size: 1.12rem !important;   /* ←小さめに統一 */
  line-height: 1.4 !important;
  text-shadow: 0 0 4px rgba(0,0,0,.6) !important; /* 影も控えめに */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;   /* 最大2行で切る */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* DEBUG: 一時的にカルーセル内のリンクを極端に小さく＆黄色枠 */
.carousel a,
.swiper a,
.swiper-slide a{
  font-size: 10px !important;
  outline: 2px solid yellow !important;
}
/* カルーセルのタイトル調整（渋めミステリー風） */
.carousel a,
.swiper a,
.swiper-slide a{
  font-size: 1.05rem !important;     /* 少し小さめで見切れ防止 */
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;  /* タイトルは2行で省略 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;         /* 渋金 */
  text-shadow: 0 0 4px rgba(0,0,0,.6) !important;
  text-decoration: none !important;  /* 下線なし */
}

/* タイトル帯の高さを確保（2行想定） */
.carousel .entry-card,
.swiper-slide .entry-card{
  min-height: 3.6em !important;
  padding: 6px 8px !important;
}
/* カルーセルのタイトル調整（小さめ＆渋め） */
.carousel a,
.swiper a,
.swiper-slide a{
  font-size: 0.9rem !important;      /* 小さめに変更 */
  line-height: 1.3 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;  /* 2行でカット */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;         /* 渋金色 */
  text-shadow: 0 0 3px rgba(0,0,0,.7) !important;
  text-decoration: none !important;
}

/* タイトル枠の高さ調整 */
.carousel .entry-card,
.swiper-slide .entry-card{
  min-height: 3.2em !important;
  padding: 5px 7px !important;
}
/* === カルーセルタイトル：サイズを小さく固定＆見切れ防止（最終） === */

/* まず既存のサイズ指定を打ち消し（上にあっても無効化） */
.carousel .entry-card-title a,
.carousel .card-title a,
.carousel .entry-title a,
.swiper .entry-card-title a,
.swiper-container .entry-card-title a{
  font-size: inherit !important;
}

/* 小さめに再指定（このブロックが最後に来ること！） */
html body .carousel .entry-card-title a,
html body .carousel .card-title a,
html body .carousel .entry-title a{
  font-size: 0.9rem !important;     /* ←更に小さめ */
  line-height: 1.34 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important; /* 2行で省略 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;
  text-shadow: 0 0 3px rgba(0,0,0,.6) !important;
}

/* タイトル帯の高さも合わせて詰める */
html body .carousel .entry-card-title,
html body .carousel .card-title,
html body .carousel .entry-title{
  min-height: 3.2em !important;
  padding: 5px 7px !important;
}
html body .carousel .entry-card-title a,
html body .carousel .card-title a,
html body .carousel .entry-title a{
  font-size: 0.8rem !important;   /* ←さらに小さめ */
  line-height: 1.3 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;
  text-shadow: 0 0 3px rgba(0,0,0,.6) !important;
}
html body .carousel .entry-card-title a,
html body .carousel .card-title a,
html body .carousel .entry-title a {
  font-size: 0.75rem !important;   /* かなり小さめにする */
  line-height: 1.2 !important;
  height: 2.4em !important;        /* 高さを固定して2行分にする */
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;
  text-shadow: 0 0 3px rgba(0,0,0,.6) !important;
}
/* ▼ カルーセル：タイトルだけ小さく＆2行で省略（カード全体が<a>のタイプ対応） */
html body .carousel .entry-card a [class*="title"],
html body .carousel .entry-card [class*="title"]{
  font-size: 0.82rem !important;   /* ←さらに小さめ。様子見で 0.78〜0.9 の間で調整OK */
  line-height: 1.34 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important; /* 2行でカット */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;
  text-shadow: 0 0 3px rgba(0,0,0,.6) !important;
}

/* タイトル帯の高さと余白（2行想定） */
html body .carousel .entry-card [class*="title"]{
  min-height: 3.2em !important;
  padding: 5px 7px !important;
}
/* === Cocoon カルーセル：タイトルのサイズを確実に小さく＆2行で省略 === */

/* タイトル要素とその内側の全テキストを一括で上書き */
html body .carousel .entry-card .entry-card-title,
html body .carousel .entry-card .entry-card-title *,

html body .carousel .entry-card .entry-title,
html body .carousel .entry-card .entry-title *,

html body .carousel .entry-card .card-title,
html body .carousel .entry-card .card-title *,

html body .carousel .entry-card [class*="title"],
html body .carousel .entry-card [class*="title"] * {
  font-size: 0.78rem !important;   /* ←さらに小さめ（0.74〜0.86で微調整OK） */
  line-height: 1.3 !important;
  color: #c9a76c !important;
  text-shadow: 0 0 3px rgba(0,0,0,.6) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;   /* 2行でカット */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* タイトル帯の高さを2行分に固定（はみ出し防止） */
html body .carousel .entry-card .entry-card-title,
html body .carousel .entry-card .entry-title,
html body .carousel .entry-card .card-title,
html body .carousel .entry-card [class*="title"]{
  max-height: 2.7em !important;
  padding: 5px 7px !important;
}
/* ==== カルーセルのカード内テキストを基準サイズに固定（力技） ==== */
/* 1) カード全体の基準フォントサイズを小さく指定 */
html body .carousel .entry-card{
  font-size: 12px !important;   /* ← 小さめの基準。もっと小さくしたければ 11px 10px に */
  line-height: 1.35 !important;
}

/* 2) 子要素はすべて “親のサイズを継承” に固定（px指定を無効化） */
html body .carousel .entry-card *{
  font-size: inherit !important;
  line-height: inherit !important;
}

/* 3) タイトルは2行で省略（見切れ防止） */
html body .carousel .entry-card [class*="title"],
html body .carousel .entry-card [class*="title"] *{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;  /* 2行でカット */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;
  text-shadow: 0 0 3px rgba(0,0,0,.6) !important;
}

/* 4) カテゴリラベルは読みやすく微調整（任意） */
html body .carousel .entry-card .cat-label{
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
}
/* ==== 強制オーバーライド：カルーセルのタイトルを確実に小さく・2行で省略 ==== */
/* できるだけ高い特異性で上書き（同じクラス名を重ねて特異性を上げる） */
body.home.home.home .carousel.carousel .entry-card.entry-card
.entry-card-title.entry-card-title a,
body.home.home.home .carousel.carousel .entry-card.entry-card
.card-title.card-title a,
body.home.home.home .carousel.carousel .entry-card.entry-card
.entry-title.entry-title a {
  font-size: 0.78rem !important;   /* ←ここで最終サイズ。0.74〜0.86で微調整OK */
  line-height: 1.32 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;  /* 2行でカット */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #c9a76c !important;
  text-shadow: 0 0 3px rgba(0,0,0,.6) !important;
}

/* タイトル帯（リンクでない場合も拾う） */
body.home.home.home .carousel.carousel .entry-card.entry-card
.entry-card-title.entry-card-title,
body.home.home.home .carousel.carousel .entry-card.entry-card
.card-title.card-title,
body.home.home.home .carousel.carousel .entry-card.entry-card
.entry-title.entry-title {
  font-size: 0.78rem !important;   /* a要素じゃなくても同サイズに固定 */
  line-height: 1.32 !important;
  max-height: 2.7em !important;    /* 2行分で高さ固定 */
  padding: 5px 7px !important;
  overflow: hidden !important;
}