@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;700&display=swap");

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

/************************************
** 足場の上から、別の生き方へ デザイン v2（2026/10/14）
** 方針：余白・明朝の見出し・色を絞る。モチーフはラッキングの継ぎ目（二重線）
************************************/
:root{
  --tsh-paper:#F3F3F0;
  --tsh-white:#FFFFFF;
  --tsh-ink:#1C232C;
  --tsh-text:#3A434E;
  --tsh-steel:#5B6573;
  --tsh-line:#D9DCDF;
  --tsh-line-soft:#ECEEF0;
  --tsh-navy:#1F3A5F;
  --tsh-orange:#B85A1F;
  --tsh-orange-soft:#D4824A;
  --tsh-mincho:"Shippori Mincho","Yu Mincho","Hiragino Mincho ProN",serif;
}

body{background-color:var(--tsh-paper) !important;color:var(--tsh-ink);}
.main,.sidebar{background:transparent;border:0;border-radius:0;}
a{color:var(--tsh-navy);}
a:hover{color:#142640;}

/* ヘッダー：明るい地に細い線 */
.header-container,.header-container-in,.header{background:var(--tsh-paper) !important;background-image:none !important;}
.header-container{border-bottom:1px solid var(--tsh-line);}
.header-container .site-name-text{font-family:var(--tsh-mincho);color:var(--tsh-ink) !important;font-weight:700;letter-spacing:.06em;font-size:22px;}
.header-container .tagline{color:var(--tsh-steel);font-size:11px;letter-spacing:.12em;}
.navi,.navi-in>ul{background:var(--tsh-paper) !important;}
.navi-in a{color:var(--tsh-ink) !important;font-weight:500;letter-spacing:.12em;font-size:14px;}
.navi-in a:hover{background:transparent !important;box-shadow:inset 0 -1px 0 var(--tsh-ink);}
@media screen and (min-width:1024px){
  .navi-in>ul{display:flex;flex-wrap:nowrap;justify-content:center;}
  .navi-in>ul>li{width:auto !important;flex:1 1 0;min-width:0;}
  .navi-in>ul>li>a{padding:0 8px;white-space:nowrap;}
}

/* 継ぎ目の二重線 */
.tsh-seam{display:block;height:3px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;}

/* 記事一覧のカード */
.entry-card-wrap,.related-entry-card-wrap{background:var(--tsh-white);border:1px solid var(--tsh-line);border-radius:0;box-shadow:none;}
.entry-card-wrap:hover{border-color:var(--tsh-ink);}
.entry-card-content{padding:12px 14px 14px;}
.entry-card-title,.related-entry-card-title{font-family:var(--tsh-mincho);font-size:17px;font-weight:700;line-height:1.6;color:var(--tsh-ink);}
.e-card-snippet,.entry-card-snippet{display:none;}
.cat-label{background:var(--tsh-white) !important;color:var(--tsh-ink) !important;border:0;border-radius:0;font-size:11px;letter-spacing:.12em;padding:2px 8px;top:8px;left:8px;}
.entry-card-meta,.post-date{color:var(--tsh-steel);font-size:12px;}

/* 記事本文 */
.article h1.entry-title{font-family:var(--tsh-mincho);font-size:28px;font-weight:700;line-height:1.55;letter-spacing:.02em;}
.entry-content{line-height:2.05;color:var(--tsh-ink);}
.article h2{background:none !important;color:var(--tsh-ink);border:0;border-radius:0;padding:0 0 14px;margin-top:3em;
  font-family:var(--tsh-mincho);font-size:23px;font-weight:700;line-height:1.6;position:relative;}
.article h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-top:1px solid var(--tsh-ink);border-bottom:1px solid var(--tsh-ink);}
.article h3{border:0;padding:0 0 0 18px;position:relative;font-family:var(--tsh-mincho);font-size:19px;font-weight:700;margin-top:2.2em;background:none;}
.article h3::before{content:"";position:absolute;left:0;top:.35em;bottom:.35em;width:3px;border-left:1px solid var(--tsh-orange);border-right:1px solid var(--tsh-orange);}

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

/* 例文などの青い枠 → 白い枠 */
.entry-content p.has-background[style*="eef2f7"]{background:var(--tsh-white) !important;border:1px solid var(--tsh-line);border-radius:0;padding:18px 20px;}

/* なおきの本音 → 現場ノート */
.entry-content p.has-background[style*="fff4e8"]{background:var(--tsh-white) !important;border:0 !important;border-top:1px solid var(--tsh-ink) !important;border-radius:0;
  padding:22px 22px 24px !important;font-family:var(--tsh-mincho);font-size:17px;line-height:1.95;position:relative;}
.entry-content p.has-background[style*="fff4e8"] strong:first-child{display:none;}
.entry-content p.has-background[style*="fff4e8"] strong:first-child+br{display:none;}
.entry-content p.has-background[style*="fff4e8"]::before{content:"現場ノート ― なおき";display:block;font-family:"Noto Sans JP",sans-serif;font-size:11px;letter-spacing:.24em;color:var(--tsh-orange);margin-bottom:10px;}

/* 表 */
.entry-content .wp-block-table table{border-collapse:collapse;font-size:14px;background:var(--tsh-white);}
.entry-content .wp-block-table th{background:var(--tsh-ink);color:#fff;border:1px solid var(--tsh-ink);font-weight:500;}
.entry-content .wp-block-table td{border:1px solid var(--tsh-line);background:var(--tsh-white);}
.entry-content .wp-block-table tr:nth-child(even) td{background:#FAFAF8;}
.entry-content .wp-block-table figcaption{font-size:12px;color:var(--tsh-steel);}

/* ボタン：角を立てた落ち着いたボタン */
.entry-content .wp-block-button__link{border-radius:0;padding:16px 28px;font-weight:500;font-size:15px;letter-spacing:.08em;box-shadow:none;}
.entry-content .wp-block-button__link[style*="e8772e"]{background-color:var(--tsh-ink) !important;}
.entry-content .wp-block-button__link[style*="1f3a5f"]{background-color:var(--tsh-navy) !important;}
.entry-content .wp-block-button__link::after{content:"→";margin-left:12px;}
.entry-content .wp-block-button__link:hover{opacity:.88;}
.entry-content .wp-block-button__link:focus-visible{outline:2px solid var(--tsh-orange);outline-offset:3px;}

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

/* 目次 */
.toc{border:0;border-top:1px solid var(--tsh-ink);background:var(--tsh-white);border-radius:0;}
.toc-title{font-family:var(--tsh-mincho);}

/* サイドバー */
.sidebar h2,.sidebar h3,.sidebar .wp-block-heading,.widget-sidebar-title{font-size:18px !important;background:none !important;color:var(--tsh-ink) !important;border:0;border-bottom:1px solid var(--tsh-ink);border-radius:0;font-family:var(--tsh-mincho);padding:0 0 8px;}

/* フッター */
#footer,.footer{background:var(--tsh-ink) !important;background-image:none !important;color:#C8CED6;}
#footer a{color:#E6E9EC;}

/************************************
** トップページ（固定ページ「ホーム」）
************************************/
.home.page .entry-title,.home.page .date-tags,.home.page .sns-share,.home.page .sns-follow,.home.page .article-header .eye-catch-wrap,
.home.page .footer-meta,.home.page .author-info,.home.page .post-update,.home.page .entry-categories-tags{display:none !important;}
.home.page .article{margin:0;padding:0;background:transparent;}
.home.page .sidebar{display:none;}
.home.page .main{width:100% !important;max-width:none;padding:0 !important;margin:0;}
.home.page .content-in{display:block;}
.home.page .entry-content{margin:0;line-height:1.9;}
.home.page .entry-content p{margin:0;}

.tsh2 a{text-decoration:none;}
.tsh2-wrap{max-width:1120px;margin:0 auto;padding-left:28px;padding-right:28px;box-sizing:border-box;}
.tsh2-label{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.24em;color:var(--tsh-orange);font-weight:500;}
.tsh2-label::before{content:"";display:block;width:32px;height:3px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;}
.tsh2-mincho{font-family:var(--tsh-mincho);}

.tsh2-hero{padding-top:96px;padding-bottom:88px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center;}
.tsh2-hero-text{display:flex;flex-direction:column;gap:26px;}
.tsh2-hero-title{font-family:var(--tsh-mincho);font-weight:700;font-size:clamp(30px,4.1vw,50px);line-height:1.38;letter-spacing:.04em;color:var(--tsh-ink);}
.tsh2-hero-lead{font-size:16px;line-height:2;color:var(--tsh-text);max-width:520px;}
.tsh2-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:16px;min-height:52px;padding:0 28px;background:var(--tsh-ink);color:#fff !important;font-size:14px;letter-spacing:.12em;}
.tsh2-btn:hover{opacity:.88;}
.tsh2-btn::after{content:"→";}
.tsh2-fig{margin:0;display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.tsh2-fig svg{width:100%;max-width:480px;height:auto;}
.tsh2-fig figcaption{font-size:11px;letter-spacing:.18em;color:#8A949F;}

.tsh2-band{background:var(--tsh-white);border-top:1px solid var(--tsh-line);border-bottom:1px solid var(--tsh-line);}
.tsh2-band .tsh2-wrap{padding-top:64px;padding-bottom:64px;display:flex;flex-direction:column;gap:36px;}
.tsh2-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;}
.tsh2-h{font-family:var(--tsh-mincho);font-weight:500;font-size:26px;letter-spacing:.06em;line-height:1.5;color:var(--tsh-ink);}
.tsh2-src{font-size:12px;color:var(--tsh-steel);letter-spacing:.06em;}
.tsh2-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));}
.tsh2-num{padding:8px 28px;border-left:1px solid var(--tsh-line);display:flex;flex-direction:column;gap:10px;}
.tsh2-num:first-child{border-left:0;padding-left:0;}
.tsh2-num span{font-size:13px;letter-spacing:.16em;color:var(--tsh-steel);}
.tsh2-num b{font-family:var(--tsh-mincho);font-weight:500;font-size:54px;line-height:1;color:var(--tsh-ink);}
.tsh2-num b small{font-size:19px;margin-left:6px;}
.tsh2-num.is-key b{color:var(--tsh-navy);}
.tsh2-more{align-self:flex-start;font-size:14px;letter-spacing:.08em;color:var(--tsh-navy);border-bottom:1px solid currentColor;padding-bottom:2px;}

.tsh2-paths{padding-top:104px;padding-bottom:88px;display:flex;flex-direction:column;gap:44px;scroll-margin-top:16px;}
.tsh2-paths-head{display:flex;flex-direction:column;gap:14px;}
.tsh2-paths-title{font-family:var(--tsh-mincho);font-weight:500;font-size:34px;line-height:1.5;letter-spacing:.04em;color:var(--tsh-ink);}
.tsh2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px;}
.tsh2-card{background:var(--tsh-white);border:1px solid var(--tsh-line);padding:34px 30px;display:flex;flex-direction:column;gap:18px;min-height:250px;color:var(--tsh-ink) !important;transition:border-color .15s;}
.tsh2-card:hover{border-color:var(--tsh-ink);}
.tsh2-card-top{display:flex;justify-content:space-between;align-items:flex-start;}
.tsh2-card-no{font-family:var(--tsh-mincho);font-size:15px;color:var(--tsh-steel);}
.tsh2-card-title{font-family:var(--tsh-mincho);font-size:23px;font-weight:700;line-height:1.5;}
.tsh2-card-text{font-size:14px;line-height:1.9;color:var(--tsh-text);}
.tsh2-card-go{margin-top:auto;font-size:13px;letter-spacing:.1em;color:var(--tsh-navy);}

.tsh2-note{background-color:var(--tsh-ink);background-image:repeating-linear-gradient(180deg,transparent 0 46px,rgba(255,255,255,.045) 46px 47px,transparent 47px 50px,rgba(255,255,255,.045) 50px 51px);color:#fff;}
.tsh2-note .tsh2-wrap{max-width:880px;padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:28px;}
.tsh2-note .tsh2-label{color:#E8A16E;}
.tsh2-note-quote{font-family:var(--tsh-mincho);font-size:clamp(22px,3.2vw,32px);line-height:1.85;letter-spacing:.04em;color:#fff;}
.tsh2-note-by{font-size:13px;letter-spacing:.12em;color:#C8CED6;}

.tsh2-read{padding-top:104px;padding-bottom:40px;display:flex;flex-direction:column;gap:32px;}
.tsh2-read-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--tsh-ink);padding-bottom:18px;}
.tsh2-list{list-style:none !important;margin:0 !important;padding:0 !important;}
.tsh2-list li{border-bottom:1px solid var(--tsh-line);margin:0 !important;padding:0 !important;list-style:none !important;}
.tsh2-list a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:baseline;padding:28px 0;color:var(--tsh-ink) !important;}
.tsh2-list a:hover .tsh2-list-title{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;}
.tsh2-list-no{font-family:var(--tsh-mincho);font-size:26px;color:var(--tsh-steel);}
.tsh2-list-title{font-family:var(--tsh-mincho);font-size:21px;font-weight:700;line-height:1.6;}
.tsh2-list-cat{font-size:12px;letter-spacing:.14em;color:var(--tsh-steel);}

.tsh2-new{padding-top:56px;padding-bottom:96px;}
.tsh2-new .tsh2-read-head{margin-bottom:24px;}

.tsh2-about{background:var(--tsh-white);border-top:1px solid var(--tsh-line);}
.tsh2-about .tsh2-wrap{max-width:880px;padding-top:80px;padding-bottom:80px;display:flex;flex-wrap:wrap;gap:36px;align-items:center;}
.tsh2-about img{width:112px;height:112px;border-radius:50%;object-fit:cover;}
.tsh2-about-body{flex:999 1 400px;min-width:0;display:flex;flex-direction:column;gap:12px;}
.tsh2-about-name{font-family:var(--tsh-mincho);font-size:22px;font-weight:700;}
.tsh2-about-text{font-size:15px;line-height:2;color:var(--tsh-text);}

.home.page #content{margin-top:0;}
.home.page .content-in{width:100% !important;max-width:none !important;padding:0 !important;}
.go-to-top-button{background-color:var(--tsh-ink) !important;color:#fff !important;border-radius:0;}
.entry-card-thumb img,.new-entry-card-thumb img,.widget-entry-card-thumb img,.related-entry-card-thumb img{border:1px solid var(--tsh-line);}
.author-box{background:var(--tsh-white);border:1px solid var(--tsh-line) !important;border-radius:0;}
.author-box .author-thumb img{border:0;}
.author-box .author-name a{font-family:var(--tsh-mincho);color:var(--tsh-ink);}
@media (prefers-reduced-motion:reduce){.tsh2-card{transition:none;}}

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

/*834px以下*/
@media screen and (max-width: 834px){
  .tsh2-hero{grid-template-columns:minmax(0,1fr);}
  .tsh2-fig{align-items:center;}
  .tsh2-hero{padding-top:56px;padding-bottom:56px;gap:36px;}
  .tsh2-paths,.tsh2-read{padding-top:72px;}
  .tsh2-note .tsh2-wrap{padding-top:72px;padding-bottom:72px;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  .tsh2-wrap{padding-left:20px;padding-right:20px;}
  .article h1.entry-title{font-size:24px;}
  .article h2{font-size:20px;}
  .tsh2-h{font-size:21px;}
  .tsh2-paths-title{font-size:26px;}
  .tsh2-num{border-left:0;padding:16px 0;border-top:1px solid var(--tsh-line);}
  .tsh2-num:first-child{border-top:0;}
  .tsh2-num b{font-size:44px;}
  .tsh2-list a{grid-template-columns:44px minmax(0,1fr);}
  .tsh2-list-cat{display:none;}
  .tsh2-list-title{font-size:18px;}
  .tsh2-card{padding:28px 22px;min-height:0;}
}