@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon
Version:    1.1.2
*/
:root{--primary:#1a237e;--primary-dark:#0d1642;--primary-light:#3949ab;--accent:#e65100;--accent-light:#ff8f00;--bg:#f4f5f7;--white:#ffffff;--text:#212121;--border:#e0e0e0;}
body{background-color:var(--bg)!important;}
#header{background-image:url('https://sp-teacher.com/wp-content/uploads/2026/05/header-pop-v2.png')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#EEF2FF!important;min-height:380px!important;border-bottom:4px solid var(--accent)!important;padding:0!important;}
#header-in,.header-in{background:transparent!important;min-height:380px!important;}
.logo,.tagline,.site-name-text-link{display:none!important;}
/* ナビ：1行に収める・白文字 */
#navi,#navi *{box-sizing:border-box!important;}
#navi{background:#1565C0!important;border-bottom:3px solid var(--accent)!important;}
.navi-header-in{background:#1565C0!important;}
.navi-header-in>ul{display:flex!important;flex-wrap:nowrap!important;overflow:visible!important;margin:0!important;padding:0!important;list-style:none!important;}
.navi-header-in>ul>li>a{color:#ffffff!important;font-weight:700!important;font-size:15px!important;padding:14px 12px!important;white-space:nowrap!important;display:block!important;letter-spacing:0.05em!important;text-shadow:0 1px 2px rgba(0,0,0,0.3)!important;}
.navi-header-in>ul>li>a:hover,.navi-header-in>ul>li.current-menu-item>a{background:var(--accent)!important;color:#ffffff!important;}
.navi-header-in ul ul{background:var(--primary)!important;border-top:2px solid var(--accent)!important;position:absolute!important;z-index:999!important;}
.navi-header-in ul ul li a{color:#ffffff!important;border-bottom:1px solid rgba(255,255,255,0.15)!important;font-size:12px!important;padding:10px 14px!important;white-space:nowrap!important;}
.navi-header-in ul ul li a:hover{background:rgba(230,81,0,0.8)!important;color:#ffffff!important;}
/* 記事カード */
.entry-card,.related-entry-card{background:var(--white)!important;border-radius:8px!important;box-shadow:0 2px 10px rgba(0,0,0,0.08)!important;border:none!important;transition:transform 0.2s,box-shadow 0.2s!important;}
.entry-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px rgba(26,35,126,0.18)!important;}
.entry-card-title,.entry-card-title a{color:var(--primary)!important;font-weight:700!important;}
.entry-card-title a:hover{color:var(--accent)!important;}
.cat-label{background:var(--primary)!important;color:#fff!important;border-radius:3px!important;font-size:11px!important;font-weight:700!important;padding:2px 8px!important;}
/* 記事内 */
.article,.entry-content{background:var(--white)!important;border-radius:8px!important;padding:32px!important;box-shadow:0 2px 10px rgba(0,0,0,0.06)!important;}
.entry-content h2{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)!important;color:#fff!important;padding:12px 20px!important;border-radius:5px!important;border-left:none!important;font-size:19px!important;}
.entry-content h3{color:var(--primary)!important;border-left:4px solid var(--accent)!important;border-bottom:1px solid var(--border)!important;padding:8px 12px!important;background:transparent!important;font-size:17px!important;}
a{color:var(--primary-light)!important;}
a:hover{color:var(--accent)!important;}
/* サイドバー */
.sidebar .widget{background:var(--white)!important;border-radius:8px!important;box-shadow:0 2px 10px rgba(0,0,0,0.07)!important;border:none!important;overflow:hidden!important;margin-bottom:24px!important;}
.sidebar .widget-title,.sidebar .widgettitle{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)!important;color:#fff!important;padding:10px 16px!important;font-size:14px!important;font-weight:700!important;margin:0!important;border:none!important;}
.sidebar .textwidget,.sidebar .widget ul{padding:12px 16px!important;}
/* フッター */
#footer,.footer-wrapper{background:var(--primary-dark)!important;color:rgba(255,255,255,0.8)!important;border-top:4px solid var(--accent)!important;}
#footer a{color:rgba(255,255,255,0.75)!important;}
#footer a:hover{color:var(--accent-light)!important;}
.tagcloud a{background:var(--primary)!important;color:#fff!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;border:none!important;margin:3px!important;}
.tagcloud a:hover{background:var(--accent)!important;}
.btn,.more-btn{background:var(--accent)!important;color:#fff!important;border-radius:4px!important;font-weight:700!important;}
@media(max-width:768px){#header{min-height:180px!important;background-size:contain!important;background-position:top center!important;}.article{padding:16px!important;}.entry-content h2{font-size:16px!important;}}
/* ナビ修正：正しいセレクター・明るいブルー・白文字15px */
#navi{background:#1565C0!important;border-bottom:3px solid var(--accent)!important;}
#navi-in,.navi-in{background:#1565C0!important;}
#navi-in>ul,#navi .menu-header{display:flex!important;flex-wrap:nowrap!important;overflow:visible!important;margin:0!important;padding:0!important;list-style:none!important;}
#navi-in>ul>li>a,#navi .menu-header>li>a{color:#ffffff!important;font-weight:700!important;font-size:15px!important;padding:14px 12px!important;white-space:nowrap!important;display:block!important;line-height:1!important;letter-spacing:0.05em!important;}
#navi-in>ul>li>a:hover,#navi .menu-header>li>a:hover,#navi-in>ul>li.current-menu-item>a,#navi .menu-header>li.current-menu-item>a{background:var(--accent)!important;color:#ffffff!important;}

#navi-in>ul>li{height:auto!important;vertical-align:middle!important;}
#navi .menu-header{height:auto!important;}

/* ③ 目次（もくじ）スタイル */
.child-toc{background:#EEF2FF;border:2px solid #3949ab;border-radius:8px;padding:16px 20px;margin:24px 0;max-width:600px;}
.child-toc-title{font-weight:700;font-size:16px;color:#1A237E;margin-bottom:10px;}
.child-toc-list{margin:0;padding-left:20px;}
.child-toc-list li{margin:6px 0;font-size:14px;}
.child-toc-list li a{color:#1565C0;text-decoration:none;}
.child-toc-list li a:hover{color:#E65100;text-decoration:underline;}
.child-toc-list li.ctoc-h3{margin-left:16px;font-size:13px;list-style-type:circle;}

/* ② SNSシェアボタンスタイル */
.child-share-wrap{background:#f8f9fa;border-radius:8px;padding:16px;margin:20px 0;text-align:center;}
.child-share-label{font-size:14px;color:#555;margin:0 0 10px;font-weight:600;}
.child-share-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.csb{display:inline-block;padding:10px 22px;border-radius:24px;font-size:14px;font-weight:700;text-decoration:none;color:#fff!important;transition:opacity 0.2s;}
.csb:hover{opacity:0.85;color:#fff!important;}
.csb-x{background:#000;}
.csb-line{background:#06C755;}
.csb-hb{background:#00A4DE;}

/* ① 人気記事ウィジェット */
.child-popular-widget{width:100%!important;box-sizing:border-box!important;}
.child-popular-title{background:linear-gradient(90deg,#1a237e,#3949ab)!important;color:#fff!important;}
.child-popular-list{list-style:none!important;padding:0!important;margin:0!important;}
.cp-item{display:flex;align-items:flex-start;gap:8px;padding:8px 4px;border-bottom:1px solid #eee;}
.cp-item a{font-size:14px;color:#212121;text-decoration:none;line-height:1.4;flex:1;min-width:0;word-break:break-all;}
.cp-item a:hover{color:#1565C0;}
.cp-rank{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;margin-top:2px;}
.cp-r1{background:#D4AF37;}
.cp-r2{background:#9E9E9E;}
.cp-r3{background:#A05C34;}
.cp-r4,.cp-r5{background:#1565C0;}