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

/* ===== なおの転職ノート カスタムデザイン（B案：実用ガイド型） ===== */
:root{--nao-primary:#3D4F5C;--nao-primary-dark:#2E3D48;--nao-accent:#C1654A;--nao-accent-dark:#A9553D;--nao-sage:#8A9A7B;--nao-line:#E3E0D9;--nao-text:#2F3437;}
/* ヘッダー */
.header-container,.header{background:var(--nao-primary);}
.header .site-name-text,.site-name a{color:#fff !important;letter-spacing:.08em;font-weight:600;}
.tagline{color:rgba(255,255,255,.72) !important;font-size:13px;}
/* グローバルナビ */
.navi-in > ul > li > a{color:#fff;font-weight:500;}
.navi-in > ul > li:hover > a{background:rgba(255,255,255,.12);}
.navi-in > ul > li.current-menu-item > a{box-shadow:inset 0 -3px 0 var(--nao-accent);}
.navi-in > ul .sub-menu{background:var(--nao-primary-dark);}
.navi-in > ul .sub-menu li a{color:#fff;}
.navi-in > ul .sub-menu li a:hover{background:rgba(255,255,255,.12);}
/* アピールエリア */
.appeal{color:#fff;padding:56px 20px;}
.appeal-in{max-width:840px;margin:0 auto;text-align:center;}
.appeal-title{color:#fff !important;font-size:26px;line-height:1.6;font-weight:600;margin-bottom:14px;}
.appeal-content,.appeal-message,.nao-appeal-lead{color:rgba(255,255,255,.86) !important;font-size:15px;line-height:1.9;}
.nao-appeal-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;}
.nao-btn{display:inline-block;padding:12px 24px;border-radius:4px;border:1px solid rgba(255,255,255,.55);color:#fff !important;text-decoration:none !important;font-size:14px;font-weight:600;transition:.2s;}
.nao-btn:hover{background:rgba(255,255,255,.14);}
.nao-btn-primary{background:var(--nao-accent);border-color:var(--nao-accent);}
.nao-btn-primary:hover{background:var(--nao-accent-dark);border-color:var(--nao-accent-dark);}
.appeal-button{display:none;}
/* 見出し */
.article h2{background:transparent;border:none;border-left:5px solid var(--nao-primary);border-bottom:1px solid var(--nao-line);border-radius:0;padding:6px 0 10px 14px;font-size:23px;color:var(--nao-text);}
.article h3{background:transparent;border:none;border-left:3px solid var(--nao-accent);padding:2px 0 2px 12px;font-size:19px;color:var(--nao-text);}
/* 本文 */
.entry-content{line-height:1.95;}
.entry-content p{margin-bottom:1.5em;}
.entry-content strong{background:linear-gradient(transparent 62%,rgba(193,101,74,.22) 62%);font-weight:700;}
.entry-content a{color:var(--nao-primary);text-decoration:underline;text-underline-offset:3px;}
.entry-content a:hover{color:var(--nao-accent);}
/* カード一覧 */
.entry-card-wrap,.card-thumb img,.entry-card-thumb img{border-radius:6px;}
.list .entry-card-wrap{background:#fff;border:1px solid var(--nao-line);transition:.2s;}
.list .entry-card-wrap:hover{box-shadow:0 6px 18px rgba(61,79,92,.12);transform:translateY(-2px);}
.cat-label{background:var(--nao-primary);border:none;font-size:11px;letter-spacing:.04em;}
/* サイドバー */
.sidebar h3,.sidebar .widget-sidebar-title{background:transparent;border:none;border-left:4px solid var(--nao-primary);border-bottom:1px solid var(--nao-line);border-radius:0;padding:4px 0 8px 12px;font-size:16px;color:var(--nao-text);}
.author-box,.widget-profile,.sidebar .author-box{border:1px solid var(--nao-line);border-radius:6px;background:#fff;}
/* テーブル */
.entry-content table th{background:var(--nao-primary);color:#fff;font-weight:600;}
.entry-content table td,.entry-content table th{border-color:var(--nao-line);}
/* 引用・目次 */
.entry-content blockquote{background:#fff;border-left:4px solid var(--nao-sage);}
.toc{border:1px solid var(--nao-line);background:#fff;border-radius:6px;}
.toc-title{color:var(--nao-primary);font-weight:600;}
/* フッター */
.footer{background:var(--nao-primary);color:rgba(255,255,255,.82);}
.footer a,.footer .site-name-text{color:#fff !important;}
/* モバイル */
@media screen and (max-width:834px){
  .appeal{padding:38px 16px;}
  .appeal-title{font-size:20px;}
  .nao-btn{padding:11px 16px;font-size:13px;}
  .article h2{font-size:20px;}
  .article h3{font-size:17px;}
}

/* サイドバー プロフィールカード */
.nao-profile{border:1px solid var(--nao-line);border-radius:6px;background:#fff;padding:18px;}
.nao-profile-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.nao-profile-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:var(--nao-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;}
.nao-profile-meta{display:flex;flex-direction:column;}
.nao-profile-name{font-size:16px;color:var(--nao-text);line-height:1.4;}
.nao-profile-role{font-size:12px;color:#77807f;margin-top:3px;}
.nao-profile-text{font-size:13px;line-height:1.85;color:#4a5254;margin:0 0 14px;}
.nao-profile-link{display:block;text-align:center;padding:9px;border:1px solid var(--nao-primary);border-radius:4px;color:var(--nao-primary) !important;font-size:13px;font-weight:600;text-decoration:none !important;transition:.2s;}
.nao-profile-link:hover{background:var(--nao-primary);color:#fff !important;}

/* アピールエリア内側の背景を消す */
.appeal .appeal-in,.appeal .appeal-content,.appeal .appeal-message{background:transparent !important;box-shadow:none !important;}
.appeal .appeal-in{padding:0 16px !important;}

/* サイドバー見出し（ブロックウィジェット） */
.sidebar h2.wp-block-heading,.sidebar h3.wp-block-heading{background:transparent;border:none;border-left:4px solid var(--nao-primary);border-bottom:1px solid var(--nao-line);border-radius:0;padding:4px 0 8px 12px;font-size:16px;color:var(--nao-text);margin-bottom:14px;}
.sidebar .wp-block-latest-posts__list li{padding:8px 0;border-bottom:1px dotted var(--nao-line);}
.sidebar .wp-block-latest-posts__featured-image img{border-radius:4px;}
.sidebar .wp-block-categories li{padding:6px 0;border-bottom:1px dotted var(--nao-line);}
.sidebar a{color:var(--nao-text);}
.sidebar a:hover{color:var(--nao-accent);}

/* プロフィール写真アイコン */
img.nao-profile-avatar{width:60px;height:60px;flex:0 0 60px;border-radius:50%;object-fit:cover;object-position:50% 50%;display:block;margin:0;}
.nao-profile-head{align-items:center;}

/* 記事末尾のCTAブロック */
.nao-cta{margin:28px 0;}
.nao-cta-item{border:1px solid var(--nao-line);border-left:4px solid var(--nao-primary);border-radius:4px;background:#fff;padding:18px 20px;margin-bottom:14px;}
.nao-cta-name{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.5;}
.nao-cta-name a{color:var(--nao-primary) !important;text-decoration:none !important;}
.nao-cta-name a:hover{color:var(--nao-accent) !important;text-decoration:underline !important;}
.nao-cta-cond{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.nao-cta-cond li{font-size:12.5px;line-height:1.5;background:#EFEDE8;color:#4a5254;border-radius:3px;padding:4px 9px;margin:0;}
.nao-cta-cond li.area-all{background:rgba(138,154,123,.22);color:#41533a;font-weight:600;}
.nao-cta-cond li.area-limited{background:rgba(193,101,74,.14);color:#8d4630;}
.nao-cta-desc{font-size:13.5px;line-height:1.8;color:#4a5254;margin:0;}
.nao-cta-note{font-size:13px;line-height:1.8;color:#6b7375;margin:14px 0 0;}
@media screen and (max-width:834px){.nao-cta-item{padding:15px 16px;}.nao-cta-name{font-size:16px;}}

/* ===== Webメディア仕上げ 2026-09 ===== */
:root{--nao-paper:#f7f6f2;--nao-muted:#687379;--nao-line:#dfe3e3;--nao-accent:#b9654c;--nao-primary:#3d4f5c;--nao-primary-dark:#2e3d48;--nao-text:#293236}
body{background:var(--nao-paper);color:var(--nao-text);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.header-container,.header{background:var(--nao-primary)}
.header-in{min-height:88px;display:flex;align-items:center;justify-content:center}
.logo{margin:0}.site-name-text{font-size:25px;line-height:1.35}
.header .site-name-text,.site-name a{color:#fff!important;letter-spacing:.08em;font-weight:650}
.tagline{margin-top:4px;color:rgba(255,255,255,.72)!important;font-size:12px;line-height:1.5}
.navi{background:var(--nao-primary-dark);border-top:1px solid rgba(255,255,255,.08)}
.navi-in>ul{justify-content:center}.navi-in>ul>li>a{min-height:48px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em}
.navi-in>ul>li:hover>a{background:rgba(255,255,255,.1)}
.navi-in>ul>li.current-menu-item>a{box-shadow:inset 0 -3px 0 var(--nao-accent)}
.content-in{padding-top:38px;padding-bottom:54px}.main,.sidebar{border-radius:8px}.main{background:#fff;box-shadow:0 1px 0 rgba(39,50,55,.04)}
.breadcrumb{color:var(--nao-muted);font-size:12px}.entry-title{font-size:clamp(26px,3vw,36px);line-height:1.5;letter-spacing:.01em}.date-tags{color:var(--nao-muted);font-size:12px}
.entry-content{line-height:2}.entry-content p{margin-bottom:1.65em}
.entry-content h2,.article h2{margin-top:2.6em;background:transparent;border:none;border-left:5px solid var(--nao-primary);border-bottom:1px solid var(--nao-line);border-radius:0;padding:7px 0 11px 15px;font-size:24px;line-height:1.55;color:var(--nao-text)}
.entry-content h3,.article h3{margin-top:2.1em;background:transparent;border:none;border-left:3px solid var(--nao-accent);padding:3px 0 3px 12px;font-size:20px;line-height:1.6;color:var(--nao-text)}
.entry-content strong{background:linear-gradient(transparent 62%,rgba(185,101,76,.2) 62%);font-weight:700}.entry-content a{color:var(--nao-primary);text-decoration:underline;text-underline-offset:3px}.entry-content a:hover{color:var(--nao-accent)}
.entry-content blockquote{background:var(--nao-paper);border-left:4px solid var(--nao-sage)}.toc{border:1px solid var(--nao-line);background:var(--nao-paper);border-radius:7px;box-shadow:none}.toc-title{color:var(--nao-primary);font-weight:700}
.list{gap:22px}.list .entry-card-wrap{background:#fff;border:1px solid var(--nao-line);border-radius:8px;overflow:hidden;transition:.2s ease}.list .entry-card-wrap:hover{border-color:#c7cdce;box-shadow:0 12px 28px rgba(46,61,72,.1);transform:translateY(-2px)}
.entry-card-thumb,.entry-card-thumb img,.card-thumb img{border-radius:0}.entry-card-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}.entry-card-content{padding:18px 19px 17px}.entry-card-title{font-size:18px;line-height:1.65;font-weight:700;color:var(--nao-text)}.entry-card-snippet{margin-top:9px;color:var(--nao-muted);font-size:13px;line-height:1.75}.entry-card-meta{margin-top:14px;color:var(--nao-muted);font-size:11px}.cat-label{background:var(--nao-primary);border:none;font-size:10px;letter-spacing:.04em;padding:5px 9px}.admin-pv{display:none!important}
.sidebar{background:transparent}.sidebar .widget{margin-bottom:28px;padding:23px;background:#fff;border:1px solid var(--nao-line);border-radius:8px}.sidebar h2.wp-block-heading,.sidebar h3.wp-block-heading,.sidebar h3,.sidebar .widget-sidebar-title{margin:0 0 15px;padding:3px 0 8px 12px;background:transparent;border:none;border-left:4px solid var(--nao-primary);border-bottom:1px solid var(--nao-line);border-radius:0;color:var(--nao-text);font-size:16px}.sidebar-scroll{display:none}.nao-profile{border:0;padding:0}
.footer{padding-top:42px;background:var(--nao-primary-dark);color:rgba(255,255,255,.78)}.footer a,.footer .site-name-text{color:#fff!important}.navi-footer-in>ul{flex-wrap:wrap;justify-content:center;gap:4px 0}.navi-footer-in a{font-size:12px;letter-spacing:.01em}.copyright{font-size:11px;letter-spacing:.03em}
@media screen and (max-width:1023px){.content-in{padding:24px 14px 44px}.main{padding:28px 24px}.sidebar .widget{padding:20px}}
@media screen and (max-width:834px){.header-in{min-height:68px;padding:8px 56px}.site-name-text{font-size:19px}.tagline{display:none}.content-in{padding:18px 12px 34px}.main{padding:24px 18px;border-radius:6px}.entry-title{font-size:25px;line-height:1.55}.entry-content h2,.article h2{font-size:21px}.entry-content h3,.article h3{font-size:18px}.ect-tile-card-2-wrap .entry-card-wrap{width:100%!important;margin:0 0 18px!important;position:relative!important;left:auto!important;top:auto!important}.ect-tile-card-2-wrap .list{height:auto!important;display:block!important}.entry-card-content{padding:16px 16px 15px}.entry-card-title{font-size:17px}.entry-card-snippet{display:block;font-size:13px}.footer{padding-bottom:24px}}
@media screen and (max-width:480px){.main{padding:22px 16px}.entry-content{font-size:16px;line-height:1.95}.entry-title{font-size:23px}.footer .site-name-text{font-size:18px}}
	

/* ===== 一覧カードの高さをそろえる（nao-card-clamp） ===== */
.entry-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(1.65em * 2);}
.entry-card-snippet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:calc(1.75em * 3);}
@media screen and (max-width:834px){
.entry-card-title{-webkit-line-clamp:2;min-height:calc(1.6em * 2);}
.entry-card-snippet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:calc(1.75em * 2);}
}


/* ===== トップページだけグローバルナビを非表示（nao-home-nav） ===== */
body.home .navi{display:none;}
body.home .header-container,body.home .header{border-bottom:none;}