@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.4
*/

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

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

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

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

/* トップページ(フロントページ)ではSNSシェアボタンと投稿日・更新日を表示しない */
.home.page .sns-share,
.home.page .date-tags{display:none}

/* Giftly クリスマス配色: 深紅(#9b1c28)・ゴールド(#c9a227)・深緑(#1f5d46)・クリーム(#fbf6ec) */
/* 見出し: 深紅のグラデーション＋ゴールドのライン＋きらめき */
.article h2{position:relative;background:linear-gradient(135deg,#6f1520 0%,#9b1c28 50%,#b8323d 100%);color:#fff;border:none;border-radius:6px;padding:.75em 1.2em;letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 3px 10px rgba(155,28,40,.28);overflow:hidden}
.article h2::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#8a6a12,#e8c766 30%,#fff3c4 50%,#e8c766 70%,#8a6a12)}
.article h2::after{content:"✦";position:absolute;right:.8em;top:50%;transform:translateY(-50%);font-size:1.1em;color:#e8c766;opacity:.9;text-shadow:none}
.article h3{position:relative;border:none;background:linear-gradient(90deg,#fbf0d4 0%,rgba(251,246,236,0) 85%);padding:.45em .9em .45em 1.1em;border-radius:0 4px 4px 0}
.article h3::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#e8c766,#b88a14);border-radius:2px}
.article table th{background:linear-gradient(135deg,#6f1520,#9b1c28);color:#fff}
.main,.sidebar .widget{background:#fff}
.widget-sidebar-title,.widget_block h2{position:relative;background:linear-gradient(135deg,#6f1520 0%,#9b1c28 50%,#b8323d 100%);color:#fff;border:none;border-radius:6px;letter-spacing:.06em;box-shadow:0 2px 8px rgba(155,28,40,.25)}
.widget_block h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#8a6a12,#e8c766 30%,#fff3c4 50%,#e8c766 70%,#8a6a12)}
.footer{border-top:4px solid #c9a227}
a.wp-element-button:hover,.wp-block-button__link:hover{filter:brightness(1.1)}

/* フッターメニュー(運営者情報/プライバシーポリシー/お問い合わせ)を小さく表示 */
.navi-footer-in>.menu-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:.2em 1.2em}
.navi-footer-in>.menu-footer li{border:none;width:auto}
.navi-footer-in>.menu-footer li a{font-size:12px;padding:.3em .4em;color:#17452f;opacity:.85;background:transparent}
.navi-footer-in>.menu-footer li a:hover{opacity:1;text-decoration:underline;background:transparent}
.navi-footer-in>.menu-footer li:not(:last-child)::after{content:none}

/* 記事の日付(投稿日・更新日)と執筆者情報をサイト全体で非表示 */
.date-tags,.post-date,.post-update,.post-author,.author-info,.entry-card-meta .post-author{display:none!important}

/* フォローボタン(○○をフォローする)は全ページで非表示 */
.sns-follow{display:none!important}

/* 固定ページ(トップ以外: 運営者情報/プライバシーポリシー/お問い合わせ等): SNSシェア非表示・h2は装飾なしの落ち着いた見出し */
.page:not(.home) .sns-share{display:none!important}
.page:not(.home) .article h2{background:none;color:#3b2a28;border:none;border-bottom:2px solid #9b1c28;border-radius:0;box-shadow:none;text-shadow:none;letter-spacing:normal;padding:.3em 0;overflow:visible}
.page:not(.home) .article h2::before,.page:not(.home) .article h2::after{content:none}

/* フッターメニューはスマホでも横1行 */
.navi-footer-in>.menu-footer{flex-wrap:nowrap;gap:0 .9em}
.navi-footer-in>.menu-footer li a{white-space:nowrap}
@media screen and (max-width:480px){
  .navi-footer-in>.menu-footer{gap:0 .4em}
  .navi-footer-in>.menu-footer li a{font-size:11px;padding:.3em .2em}
}

/* トップページ: ピックアップ特集のカード・新着記事の画像グリッド */
.gg-card{background:#fff;border:1px solid #ead9a8;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(111,21,32,.12);transition:transform .2s,box-shadow .2s}
.gg-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(111,21,32,.2)}
.gg-card .wp-block-image{margin:0}
.gg-card .wp-block-image img{display:block;width:100%;height:auto;margin:0}
.gg-card-title{margin:0!important;padding:.6em .5em;background:linear-gradient(135deg,#6f1520,#9b1c28 55%,#b8323d);border-top:3px solid #c9a227}
.gg-card-title a{color:#fff;text-decoration:none;letter-spacing:.06em}
.gg-card-sub{margin:0!important;padding:.6em .8em .8em;font-size:12px;color:#5a4a3a;line-height:1.5}
.wp-block-latest-posts.gg-post-grid{gap:16px;padding:0;margin-left:0;list-style:none}
.wp-block-latest-posts.gg-post-grid li{background:#fff;border:1px solid #ead9a8;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(111,21,32,.1);margin-bottom:0}
.wp-block-latest-posts.gg-post-grid .wp-block-latest-posts__featured-image{margin:0}
.wp-block-latest-posts.gg-post-grid .wp-block-latest-posts__featured-image img{display:block;width:100%;height:auto;border-radius:0}
.wp-block-latest-posts.gg-post-grid a.wp-block-latest-posts__post-title{display:block;padding:.6em .8em .9em;font-size:13px;line-height:1.55;color:#3b2a28;text-decoration:none;font-weight:bold}
.wp-block-latest-posts.gg-post-grid a.wp-block-latest-posts__post-title:hover{color:#9b1c28}
.wp-block-latest-posts.gg-post-grid{width:100%;max-width:100%;box-sizing:border-box;margin:0;display:grid;grid-template-columns:repeat(3,1fr)}
.wp-block-latest-posts.gg-post-grid li{margin:0;width:auto}
@media screen and (max-width:834px){.wp-block-latest-posts.gg-post-grid{grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width:480px){.wp-block-latest-posts.gg-post-grid{grid-template-columns:1fr}}
.gg-card-sub{min-height:3.1em}
.wp-block-columns .wp-block-column>.gg-card{height:100%}
.wp-block-latest-posts.gg-post-grid.is-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}
.wp-block-latest-posts.gg-post-grid.is-grid li{width:auto!important;margin:0!important}
@media screen and (max-width:834px){.wp-block-latest-posts.gg-post-grid.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media screen and (max-width:480px){.wp-block-latest-posts.gg-post-grid.is-grid{grid-template-columns:minmax(0,1fr)!important}}