@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){
  /*必要ならばここにコードを書く*/
}

/* デザイン1段階目 2026-10-29：ヘッダー */
.th-header{background:#f7f0e3;border-bottom:1px solid #22201c;color:#22201c}
.th-top{max-width:1200px;margin:0 auto;padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.th-brand{display:flex;flex-direction:column;text-decoration:none;color:#22201c;line-height:1}
.th-brand:hover{color:#22201c}
.th-wordmark{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:28px;letter-spacing:.12em}
.th-tagline{font-family:'Klee One',cursive;font-weight:600;font-size:12px;letter-spacing:.2em;margin-top:5px}
.th-actions{display:flex;align-items:center;gap:6px}
.th-search{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#22201c}
.th-trial{font-size:13px;font-weight:700;color:#22201c;text-decoration:none;border:1px solid #22201c;border-radius:4px;padding:8px 10px;white-space:nowrap}
.th-trial:hover{background:#22201c;color:#f7f0e3}
.th-nav{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;gap:4px 20px;overflow-x:auto;white-space:nowrap;font-size:14px;border-top:1px dashed #b9ad98}
.th-nav a{color:#22201c;text-decoration:none;padding:11px 0}
.th-nav a:hover{color:#c8321f}

/* ===== デザイン2段階目 2026-10-29：色と書体 ===== */
:root{--th-paper:#f7f0e3;--th-paper2:#fffdf8;--th-ink:#22201c;--th-sub:#4d4740;--th-red:#c8321f;--th-marker:#fbe7a1;--th-line:#b9ad98;--th-line2:#e7dfd0;--th-link:#9c3b1d}

/* 地の色 */
body,#container,.content,.main,.sidebar,#footer,.footer{background-color:var(--th-paper)!important;color:var(--th-ink)}
.main{border:0}
.sidebar{border:0}

/* リンク（本文） */
.entry-content a{color:var(--th-link);text-decoration:underline;text-underline-offset:.2em}
.entry-content a:hover{color:var(--th-red)}

/* 記事タイトル */
body .entry-title{font-family:'Shippori Mincho',serif;font-weight:800;letter-spacing:.02em;line-height:1.55;color:var(--th-ink)}

/* カテゴリ名（アイキャッチ左上のラベル） */
.cat-label{font-family:'Klee One',cursive;font-weight:600;background:var(--th-paper2)!important;color:var(--th-red)!important;border:1px solid var(--th-red)!important}

/* 日付・著者 */
.date-tags,.post-date,.post-update{color:var(--th-sub)}
.author-name,.author-link{font-family:'Klee One',cursive;font-weight:600}

/* 本文の見出し：明朝＋蛍光ペン */
.entry-content h2{font-family:'Shippori Mincho',serif;font-weight:800;font-size:1.3em;line-height:1.55;background:none!important;border:0!important;padding:.2em 0 .1em!important;margin:2.2em 0 1em!important;color:var(--th-ink)!important;text-decoration:underline;text-decoration-color:var(--th-marker);text-decoration-thickness:.42em;text-underline-offset:-.22em;text-decoration-skip-ink:none}
.entry-content h2::before,.entry-content h2::after{display:none!important}
.entry-content h3{font-family:'Shippori Mincho',serif;font-weight:800;font-size:1.12em;background:none!important;border:0!important;border-bottom:1px dashed var(--th-line)!important;padding:0 0 .35em!important;margin:1.8em 0 .8em!important;color:var(--th-ink)!important}
.entry-content h3::before,.entry-content h3::after{display:none!important}

/* 表 */
.entry-content table{background:var(--th-paper2);border-collapse:collapse;border:0}
.entry-content th{background:var(--th-ink)!important;color:#fff!important;font-weight:700;border:1px solid var(--th-ink)!important}
.entry-content td{border:1px solid var(--th-line2)!important}

/* 目次 */
.toc{background:var(--th-paper2)!important;border:1px solid var(--th-line2)!important;border-radius:4px}
.toc-title{font-family:'Shippori Mincho',serif;font-weight:800}

/* ブログカード */
.blogcard{background:var(--th-paper2)!important;border:1px solid var(--th-line2)!important;border-radius:4px!important}

/* 著者ボックス */
.author-box{background:transparent!important;border:0!important;border-top:1px dashed var(--th-line)!important;border-radius:0!important}

/* 本文下のシェア */
.sns-share.ss-bottom .sns-share-message{font-family:'Klee One',cursive;font-weight:600}

/* フッター */
#footer,.footer{border-top:1px solid var(--th-ink)}

/* 1段階目の残り：ヘッダーのメニューのスクロールバーを隠し、続きがあることを右端のぼかしで示す */
.th-nav{scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent)}
.th-nav::-webkit-scrollbar{display:none}
@media (min-width:768px){.th-nav{-webkit-mask-image:none;mask-image:none}}

/* ===== デザイン3段階目 2026-10-29：POPとボタン ===== */
.th-popcta{margin:2.4em 0}
.th-pop{position:relative;margin:0 6px;padding:22px 16px 16px;box-shadow:0 1px 0 rgba(34,32,28,.10)}
.th-pop--white{background:#fffdf8;border:2px solid #22201c;transform:rotate(.6deg)}
.th-pop--yellow{background:#fbefb5;transform:rotate(-.8deg)}
.th-pop--pink{background:#ffd9df;transform:rotate(-.8deg)}
.th-pop--blue{background:#d6ecf7;transform:rotate(.8deg)}
.th-pop__tape{position:absolute;top:-10px;width:72px;height:20px;background:rgba(214,201,168,.8)}
.th-pop__tape--c{left:50%;margin-left:-36px;transform:rotate(3deg)}
.th-pop__tape--l{left:22px;transform:rotate(-5deg)}
.th-pop__tape--r{right:22px;transform:rotate(4deg)}
.th-pop__badge{position:absolute;top:-16px;right:-8px;width:64px;height:64px;border-radius:50%;background:#c8321f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);font-family:'Yusei Magic',sans-serif;font-size:11px;line-height:1.25;text-align:center}
.th-pop__badge b{font-size:15px;font-weight:400}
.entry-content .th-pop .th-pop__label{margin:0 0 6px;font-family:'Klee One',cursive;font-weight:600;font-size:14px;line-height:1.6;color:#22201c}
.entry-content .th-pop .th-pop__catch{margin:0 0 10px;padding-right:46px;font-family:'Yusei Magic',sans-serif;font-size:24px;line-height:1.5;color:#22201c}
.entry-content .th-pop .th-pop__body{margin:0 0 8px;font-family:'Klee One',cursive;font-weight:600;font-size:16px;line-height:1.75;color:#22201c}
.entry-content .th-pop .th-pop__price{margin:6px 0 0;font-family:'Yusei Magic',sans-serif;font-size:20px;line-height:1.5;color:#c8321f}
.th-pop .th-red{color:#c8321f}
.th-marker{background:linear-gradient(transparent 60%,#fbe7a1 60%)}
.entry-content a.th-cta__btn{display:block;margin:18px 0 0;text-align:center;background:#22201c;color:#f7f0e3!important;text-decoration:none!important;font-weight:700;font-size:16px;line-height:1.5;padding:15px 16px;border-radius:4px}
.entry-content a.th-cta__btn:hover{background:#c8321f;color:#fff!important}
.entry-content .th-cta__note{margin:10px 0 0;font-size:12px;line-height:1.7;color:#4d4740}
@media (min-width:768px){.th-popcta{max-width:560px;margin-left:auto;margin-right:auto}}

/* ===== デザイン4段階目 2026-10-29：古いボタン枠・サイドバー・トップの部品 ===== */
/* 古いボタン枠（Amazonリンクを含むものだけ） */
.entry-content div[style*="background:#fdf6ee"]:has(a[href*="amazon.co.jp"]),
.entry-content div[style*="background:#faf4e8"]:has(a[href*="amazon.co.jp"]),
.entry-content div[style*="background: #faf4e8"]:has(a[href*="amazon.co.jp"]),
.entry-content div[style*="background:#faf7f2"]:has(a[href*="amazon.co.jp"]),
.entry-content div[style*="border:2px solid #e8a33d"]:has(a[href*="amazon.co.jp"]),
.entry-content .wp-block-group.has-background:has(.wp-block-cocoon-blocks-button-1 a[href*="amazon.co.jp"]){background:#fffdf8!important;border:1px solid #22201c!important;border-radius:4px!important;box-shadow:none!important}
/* 古いボタン */
.entry-content a[href*="amazon.co.jp"][style*="background:#c2602f"],
.entry-content a[href*="amazon.co.jp"][style*="background: #c2602f"],
.entry-content a[href*="amazon.co.jp"][style*="background:#c8643c"],
.entry-content a[href*="amazon.co.jp"][style*="background:#e8a33d"],
.entry-content .wp-block-cocoon-blocks-button-1 a.btn[href*="amazon.co.jp"]{display:block!important;text-align:center!important;background:#22201c!important;color:#f7f0e3!important;border:0!important;border-radius:4px!important;text-decoration:none!important;box-shadow:none!important}
.entry-content a[href*="amazon.co.jp"][style*="background:#c2602f"]:hover,
.entry-content a[href*="amazon.co.jp"][style*="background: #c2602f"]:hover,
.entry-content a[href*="amazon.co.jp"][style*="background:#c8643c"]:hover,
.entry-content a[href*="amazon.co.jp"][style*="background:#e8a33d"]:hover,
.entry-content .wp-block-cocoon-blocks-button-1 a.btn[href*="amazon.co.jp"]:hover{background:#c8321f!important;color:#fff!important}
/* PCサイドバーの枠 */
#sidebar div[style*="border:2px solid #c2602f"]{background:#fffdf8!important;border:1px solid #22201c!important;border-radius:4px!important}
#sidebar a[href*="amazon.co.jp"][style*="background:#c2602f"]{background:#22201c!important;color:#f7f0e3!important;border-radius:4px!important}
#sidebar a[href*="amazon.co.jp"][style*="background:#c2602f"]:hover{background:#c8321f!important;color:#fff!important}
/* トップの部品 */
.entry-content ul.th-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:1em 0 2em;padding:0!important;list-style:none}
.entry-content ul.th-cards li{margin:0!important;padding:0!important;list-style:none}
.entry-content ul.th-cards li::before{display:none!important}
.entry-content ul.th-cards a{display:block;height:100%;box-sizing:border-box;background:#fffdf8;border:1px solid #e7dfd0;border-radius:4px;padding:14px 16px;text-decoration:none!important;color:#22201c!important}
.entry-content ul.th-cards a:hover{border-color:#22201c}
.entry-content ul.th-cards b{display:block;font-family:'Shippori Mincho',serif;font-weight:800;font-size:17px;line-height:1.5;margin-bottom:4px}
.entry-content ul.th-cards span{display:block;font-size:13px;line-height:1.6;color:#4d4740}
.th-tag{display:inline-block;font-family:'Yusei Magic',sans-serif;font-size:13px;line-height:1.4;color:#fff;background:#c8321f;padding:2px 8px;transform:rotate(-3deg);margin-left:6px;vertical-align:middle}
.entry-content ul.th-cards span.th-tag{display:inline-block;width:auto;margin:0 0 0 8px;color:#fff;font-size:13px}