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

/* ===== KATUZIMN PRO DESIGN v1 (Claude) ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--gold:#C99A2E;--goldb:#FFC53D;--ink:#1c1c20;--sub:#5f5f68;--bg:#f6f5f1;--card:#fff;--line:#eceae4;--dark:#0e1220;}
body{font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--bg);line-height:1.95;-webkit-font-smoothing:antialiased;letter-spacing:.01em;}
a{color:var(--gold);text-decoration:none;}
a:hover{opacity:.82;}
#header,.header-container-in{background:var(--dark)!important;}
.logo a,.site-name a,.site-name-text-link{color:#fff!important;}
.site-name-text{font-weight:900;letter-spacing:.03em;}
.tagline,.site-description-text{color:#b9bcc8!important;}
.navi-in>ul>li>a{color:#e9e9ee!important;}
.navi-in>ul>li>a:hover{background:rgba(255,255,255,.08)!important;}
.article{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 30px rgba(20,20,30,.06);padding:2.2em 1.5em;}
@media screen and (min-width:768px){.article{padding:3em;}}
.entry-title,h1.entry-title{font-weight:900;line-height:1.5;font-size:1.7em;}
.entry-content h2{background:linear-gradient(90deg,#0e1220,#20263c);color:#fff;border:none;border-radius:10px;padding:.65em .9em;font-weight:800;font-size:1.32em;margin:2.4em 0 1.1em;position:relative;overflow:hidden;}
.entry-content h2::before{content:"";position:absolute;left:0;top:14%;height:72%;width:5px;background:var(--goldb);border-radius:0 4px 4px 0;}
.entry-content h3{border:none;border-left:5px solid var(--goldb);background:#faf8f2;padding:.5em .8em;border-radius:0 8px 8px 0;font-weight:800;font-size:1.14em;margin:2em 0 .9em;}
.entry-content{font-size:16.5px;color:#26262b;}
.entry-content p{margin:1.1em 0;line-height:1.98;}
.entry-content strong{font-weight:700;background:linear-gradient(transparent 62%,rgba(255,197,61,.45) 62%);padding:0 .05em;}
.entry-content a{color:var(--gold);border-bottom:1px solid rgba(201,154,46,.45);font-weight:700;}
.entry-content img,.wp-block-image img{border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.08);}
.wp-block-image{margin:1.9em 0;}
.entry-content ul,.entry-content ol{background:#faf9f5;border:1px solid var(--line);border-radius:10px;padding:1em 1em 1em 2.4em;}
.toc{background:#fbfaf6;border:1px solid var(--line);border-radius:12px;padding:1em 1.2em;}
.toc-title{font-weight:800;}
.toc-content ol ol{margin-left:1.3em;}
.toc-content ol ol li{font-size:.92em;}
.toc-content ol ol .toc-number{color:var(--gold);font-weight:600;}
.toc a{color:#33333a;border:none;}
.toc a:hover{color:var(--gold);}
.cta-box{background:linear-gradient(135deg,#0e1220,#222a44);color:#fff;border-radius:16px;padding:1.7em 1.4em;margin:2.2em 0;box-shadow:0 8px 30px rgba(14,18,32,.25);}
.cta-box p{color:#eef0f6;margin:.5em 0;}
.cta-box strong{color:var(--goldb);background:none;}
.cta-btn{display:block;text-align:center;background:var(--goldb);color:#0e1220!important;font-weight:900;padding:.95em 1em;border-radius:10px;margin-top:1.1em;border:none;box-shadow:0 4px 0 #b8862a;}
.cta-btn:hover{opacity:1;box-shadow:0 3px 0 #b8862a;}
.entry-content hr{border:none;border-top:1px solid var(--line);margin:2.4em 0 1.4em;}
.sns-share.ss-top{display:none!important;}
.sns-share.ss-bottom .sns-buttons a{font-size:.82em;}
.footer{background:var(--dark)!important;color:#c3c6d2!important;}
.footer a{color:#c3c6d2!important;}
.footer a:hover{color:#fff!important;}
@media screen and (max-width:480px){.entry-content{font-size:16px;}.entry-content h2{font-size:1.18em;}.article{border-radius:12px;}}
/* --- 目次 修正 v2 --- */
.toc{padding:1.2em 1.4em 1.2em 1.6em;}
.toc ol{background:none!important;border:none!important;border-radius:0!important;list-style:none!important;margin:0!important;padding:0!important;}
.toc ol li{margin:.45em 0;}
.toc ol ol{margin:.35em 0 .35em 1.5em!important;padding:0!important;}
.toc ol ol li{font-size:.92em;}
.toc-number{color:var(--gold);font-weight:700;margin-right:.55em;}
.toc ol ol .toc-number{color:var(--sub);font-weight:600;}
.toc a{border:none!important;color:#33333a;font-weight:500;}
.toc a:hover{color:var(--gold);}
/* --- 目次 番号復活（大=1. 中=(1)）v3 --- */
.toc-content .toc-list{counter-reset:toc1;list-style:none!important;padding-left:0!important;}
.toc-content .toc-list>li{counter-increment:toc1;position:relative;}
.toc-content .toc-list>li>a::before{content:counter(toc1) ". ";color:var(--gold);font-weight:800;margin-right:.2em;}
.toc-content .toc-list>li>ol{counter-reset:toc2;list-style:none!important;margin:.4em 0 .4em 1.5em!important;padding-left:0!important;}
.toc-content .toc-list>li>ol>li{counter-increment:toc2;font-size:.93em;}
.toc-content .toc-list>li>ol>li>a::before{content:"(" counter(toc2) ") ";color:var(--sub);font-weight:700;margin-right:.2em;}
.toc a{color:#2f2f36!important;border:none!important;text-decoration:none;}
.toc a:hover{color:var(--gold)!important;text-decoration:underline;}
/* --- 結論先出しボックス --- */
.lead-box{background:#fbf7ea;border:1px solid #f0e2b8;border-left:5px solid var(--goldb);border-radius:0 12px 12px 0;padding:1.2em 1.35em;margin:1.8em 0;}
.lead-box-ttl{font-weight:800;color:#7a5a12;margin:0 0 .55em;font-size:1.05em;}
.lead-box ul{background:none!important;border:none!important;padding:0 0 0 1.2em!important;margin:0;}
.lead-box li{margin:.45em 0;line-height:1.7;}
/* --- インパクト系デザイン --- */
.hook{background:linear-gradient(135deg,#0e1220,#232a44);color:#fff;border-radius:14px;padding:1.5em 1.3em;margin:0 0 1.4em;text-align:center;font-size:1.3em;font-weight:800;line-height:1.65;box-shadow:0 8px 30px rgba(14,18,32,.22);}
.hook p{margin:0;color:#fff;}
.pull{font-size:1.28em;font-weight:800;color:#1c1c20;border-left:5px solid var(--goldb);padding:.35em 0 .35em .85em;margin:1.9em 0;line-height:1.6;}
.alert{background:#fdf0ec;border:1px solid #f3c9bd;border-left:5px solid #e05a30;border-radius:0 12px 12px 0;padding:1.1em 1.3em;margin:1.9em 0;}
.alert p{margin:0;color:#7a2c15;}
.stat{background:#0e1220;color:#fff;border-radius:14px;padding:1.5em 1.2em;margin:1.9em 0;text-align:center;box-shadow:0 8px 30px rgba(14,18,32,.22);}
.stat-num{font-size:2.5em;font-weight:900;color:#FFC53D;line-height:1.1;text-shadow:0 0 24px rgba(255,197,61,.4);}
.stat-label{font-size:.86em;color:#cfd2dd;margin-top:.6em;line-height:1.6;}