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

/************************************
** 足場の上から、別の生き方へ デザイン（2026/10）
** モチーフ：ラッキング（板金の重ね継ぎ目）
************************************/
:root{
  --tsh-navy:#1f3a5f;
  --tsh-navy-deep:#142640;
  --tsh-orange:#e8772e;
  --tsh-orange-dark:#b85a1f;
  --tsh-steel:#5b6573;
  --tsh-sheet:#eef2f6;
  --tsh-line:#d8dfe7;
  --tsh-ink:#1c232c;
}

body{background-color:var(--tsh-sheet);color:var(--tsh-ink);}
.main,.sidebar{border-radius:8px;}

/* ヘッダー：紺の板金に継ぎ目 */
.header-container{background-color:var(--tsh-navy) !important;
  background-image:repeating-linear-gradient(180deg,transparent 0 22px,rgba(255,255,255,.05) 22px 23px);}
.header-container .site-name-text{color:#fff;font-weight:900;letter-spacing:.04em;}
.header-container .tagline{color:#c8d4e4;font-size:12px;}
.header-in{padding-bottom:6px;}
.navi,.navi-in>ul{background-color:var(--tsh-navy-deep) !important;}
.navi-in a{color:#fff !important;font-weight:700;}
.navi-in a:hover{background-color:transparent !important;box-shadow:inset 0 -3px 0 var(--tsh-orange);}

/* 継ぎ目の区切り線（板金の重ね） */
.tsh-seam{height:10px;margin:28px 0;border:0;
  background:linear-gradient(180deg,var(--tsh-line) 0 2px,transparent 2px 6px,var(--tsh-line) 6px 8px,transparent 8px);}

/* 記事一覧のカード */
.entry-card-wrap,.related-entry-card-wrap{background:#fff;border:1px solid var(--tsh-line);border-radius:6px;overflow:hidden;}
.entry-card-wrap:hover{border-color:var(--tsh-navy);}
.entry-card-content{padding:10px 12px 12px;}
.entry-card-title,.related-entry-card-title{font-size:16px;font-weight:700;line-height:1.55;color:var(--tsh-ink);}
.e-card-snippet,.entry-card-snippet{display:none;}
.cat-label{background-color:var(--tsh-navy) !important;border:0;border-radius:3px;font-size:11px;padding:2px 8px;top:8px;left:8px;}
.entry-card-meta,.post-date{color:var(--tsh-steel);font-size:12px;}

/* 記事本文 */
.article h1.entry-title{font-size:24px;font-weight:900;line-height:1.5;}
.entry-content{line-height:1.95;}
.article h2{background-color:var(--tsh-navy) !important;color:#fff;border-left:6px solid var(--tsh-orange);border-radius:3px;
  padding:14px 16px;font-size:20px;line-height:1.5;margin-top:2.6em;
  background-image:repeating-linear-gradient(180deg,transparent 0 14px,rgba(255,255,255,.05) 14px 15px);}
.article h3{border:0;border-bottom:2px solid var(--tsh-navy);padding:6px 0 6px 14px;position:relative;font-size:18px;margin-top:2em;}
.article h3::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:5px;background:var(--tsh-orange);border-radius:2px;}

/* PR表記：冒頭だけ小さく控えめに */
.entry-content>p.has-background:first-child[style*="eef2f7"]{font-size:12px;color:var(--tsh-steel);padding:8px 12px;border-radius:4px;}

/* 例文などの青い枠 */
.entry-content p.has-background[style*="eef2f7"]{border-radius:6px;border:1px solid var(--tsh-line);}

/* なおきの本音：アイコン付きの吹き出し */
.entry-content p.has-background[style*="fff4e8"]{position:relative;padding:16px 16px 16px 78px !important;border-radius:6px;min-height:84px;}
.entry-content p.has-background[style*="fff4e8"]::before{content:"";position:absolute;left:14px;top:16px;width:50px;height:50px;border-radius:50%;
  background:#fff url(/wp-content/uploads/2026/10/naoki-profile.webp) center/cover no-repeat;border:2px solid var(--tsh-orange);}
.entry-content p.has-background[style*="fff4e8"] strong:first-child{color:var(--tsh-orange-dark);}

/* 表 */
.entry-content .wp-block-table table{border-collapse:collapse;font-size:14px;width:100%;}

/* 目次 */
.toc{border:1px solid var(--tsh-line) !important;border-top:4px solid var(--tsh-navy) !important;border-radius:6px;background:#fff;padding:14px 18px;}
.toc-title{color:var(--tsh-navy);font-weight:900;}
.toc a{color:var(--tsh-ink);text-decoration:none;}
.toc a:hover{color:var(--tsh-orange-dark);text-decoration:underline;}
.entry-content .wp-block-table th{background:var(--tsh-navy);color:#fff;border:1px solid var(--tsh-navy);font-weight:700;}
.entry-content .wp-block-table td{border:1px solid var(--tsh-line);background:#fff;}
.entry-content .wp-block-table tr:nth-child(even) td{background:#f7f9fb;}

/* ボタン：押せる感じの板金ボタン */
.entry-content .wp-block-button__link{border-radius:6px;padding:16px 26px;font-weight:700;font-size:16px;
  box-shadow:0 4px 0 var(--tsh-orange-dark);transition:transform .08s,box-shadow .08s;}
.entry-content .wp-block-button__link:active{transform:translateY(3px);box-shadow:0 1px 0 var(--tsh-orange-dark);}
.entry-content .wp-block-button__link:focus-visible{outline:3px solid var(--tsh-navy);outline-offset:3px;}

.entry-content .wp-block-button__link[style*="1f3a5f"]{box-shadow:0 4px 0 #0f1f35;}

/* 図解 */
.entry-content .wp-block-image img{border-radius:6px;border:1px solid var(--tsh-line);}

/* フッター */
#footer{background-image:repeating-linear-gradient(180deg,transparent 0 22px,rgba(255,255,255,.05) 22px 23px);}

/************************************
** トップページ（固定ページ「ホーム」）
************************************/
.home.page .entry-title,.home.page .date-tags,.home.page .sns-share,.home.page .sns-follow,.home.page .article-header .eye-catch-wrap{display:none;}
.home.page .article{margin-top:0;}
.home.page .footer-meta,.home.page .author-info,.home.page .post-update,.home.page .entry-categories-tags{display:none;}

.tsh-hero{background:var(--tsh-navy);color:#fff;border-radius:8px;padding:28px 22px 26px;position:relative;overflow:hidden;
  background-image:repeating-linear-gradient(180deg,transparent 0 30px,rgba(255,255,255,.06) 30px 31px);}
.tsh-hero::after{content:"";position:absolute;right:0;top:0;bottom:0;width:8px;background:var(--tsh-orange);}
.tsh-hero-lead{color:#c8d4e4;font-size:14px;font-weight:700;margin:0 0 8px;}
.tsh-hero .tsh-hero-title{margin:0 0 14px;font-size:26px;font-weight:900;line-height:1.45;color:#fff;}
.tsh-hero-text{font-size:15px;line-height:1.85;color:#e6ecf3;margin:0 0 20px;}
.tsh-hero-btn{display:block;background:var(--tsh-orange);color:#fff !important;text-decoration:none;font-weight:700;text-align:center;
  padding:15px 18px;border-radius:6px;box-shadow:0 4px 0 var(--tsh-orange-dark);}
.tsh-hero-btn:focus-visible{outline:3px solid #fff;outline-offset:3px;}

.tsh-sec-title{color:var(--tsh-navy);margin:34px 0 12px;font-size:19px;font-weight:900;line-height:1.5;}

.tsh-paths{display:grid;gap:10px;}
.tsh-path{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;background:#fff;border:1px solid var(--tsh-line);
  border-left:6px solid var(--tsh-navy);border-radius:6px;padding:14px 16px;text-decoration:none !important;color:var(--tsh-ink) !important;}
.tsh-path:hover{border-color:var(--tsh-navy);border-left-color:var(--tsh-orange);}
.tsh-path strong{font-size:17px;display:block;}
.tsh-path span{font-size:13px;color:var(--tsh-steel);display:block;line-height:1.6;}
.tsh-path em{font-style:normal;font-size:12px;color:var(--tsh-steel);white-space:nowrap;}

.tsh-read{list-style:none;padding:0 !important;margin:0;counter-reset:read;display:grid;gap:12px;}
.tsh-read li{counter-increment:read;margin:0 !important;}
.tsh-read a{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--tsh-line);
  border-radius:6px;padding:10px;text-decoration:none !important;color:var(--tsh-ink) !important;position:relative;}
.tsh-read img{width:120px;height:68px;object-fit:cover;border-radius:4px;display:block;}
.tsh-read a::before{content:counter(read);position:absolute;left:-6px;top:-8px;width:26px;height:26px;border-radius:50%;
  background:var(--tsh-orange);color:#fff;font-weight:900;font-size:14px;line-height:26px;text-align:center;}
.tsh-read small{display:block;color:var(--tsh-orange-dark);font-weight:700;font-size:12px;}
.tsh-read b{display:block;font-size:15px;line-height:1.5;}

.tsh-profile{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--tsh-line);
  border-radius:8px;padding:16px;margin-top:34px;}
.tsh-profile img{width:64px;height:64px;border-radius:50%;border:2px solid var(--tsh-orange);object-fit:cover;}
.tsh-profile p{margin:0 0 6px;font-size:14px;line-height:1.8;}
.tsh-profile a{font-weight:700;color:var(--tsh-navy);}

@media (prefers-reduced-motion:reduce){.entry-content .wp-block-button__link{transition:none;}}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
  .article h2{font-size:18px;}
  .tsh-hero .tsh-hero-title{font-size:23px;}
  .tsh-read a{grid-template-columns:96px 1fr;}
  .tsh-read img{width:96px;height:54px;}
  .tsh-path{grid-template-columns:1fr;}
  .tsh-path em{display:none;}
}