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


/* ===== コラム・記事ページの配色をトップページと統一 ===== */
:root{--tz-navy:#152238;--tz-paper:#F6F3EA;--tz-paper-deep:#EEE9DA;--tz-gold:#A9824F;--tz-seal:#A23B2E;--tz-ink:#1E1B16;--tz-ink-soft:#4B463D;--tz-line:rgba(30,27,22,.14)}
/* グローバルナビ */
#navi{background:var(--tz-navy);border-bottom:3px solid var(--tz-gold)}
#navi .navi-in > ul > li > a{color:#F6F3EA;transition:background .2s,color .2s}
#navi .navi-in > ul > li > a:hover{background:var(--tz-gold);color:#fff}
/* アーカイブ・記事ページの下地 */
body.archive, body.single, body.search{background:var(--tz-paper)}
.archive #main, .single #main, .search #main{background:transparent;border:none}
/* 一覧タイトル */
.archive-title{font-family:"Yu Mincho","游明朝","Noto Serif JP",serif;color:var(--tz-navy);font-size:26px;border-bottom:2px solid var(--tz-gold);padding-bottom:12px}
.archive-title .fa,.archive-title .fas,.archive-title .far{color:var(--tz-seal)}
/* 記事カード */
.archive .a-wrap{background:#fff;border:1px solid var(--tz-line);border-top:3px solid var(--tz-seal);margin-bottom:22px;padding:16px;transition:box-shadow .25s ease,transform .25s ease}
.archive .a-wrap:hover{box-shadow:0 8px 22px rgba(14,26,44,.12);transform:translateY(-2px);background:#fff}
.entry-card-title{color:var(--tz-navy);font-family:"Yu Mincho","游明朝","Noto Serif JP",serif;font-weight:700}
.entry-card-snippet{color:var(--tz-ink-soft)}
.cat-label{background:var(--tz-seal);color:#fff;border:none}
/* 記事本文 */
.single .article{background:#fff;border:1px solid var(--tz-line);padding:32px 36px}
.single .entry-title{font-family:"Yu Mincho","游明朝","Noto Serif JP",serif;color:var(--tz-navy)}
.single .article h2{background:var(--tz-paper-deep);color:var(--tz-navy);border-left:4px solid var(--tz-seal);border-radius:0;font-family:"Yu Mincho","游明朝","Noto Serif JP",serif}
.single .article h3{border-left:4px solid var(--tz-gold);border-top:none;border-bottom:1px solid var(--tz-line);border-right:none;color:var(--tz-navy);font-family:"Yu Mincho","游明朝","Noto Serif JP",serif}
.single .article a{color:var(--tz-seal)}
.single .article .page-menu a{color:#F6F3EA}
.toc{border:1px solid var(--tz-line);background:var(--tz-paper)}
.toc-title{color:var(--tz-navy)}
/* パンくず・メタ情報 */
.breadcrumb a{color:var(--tz-ink-soft)}
@media(max-width:640px){.single .article{padding:20px 16px}}


/* 記事内テーブルの配色統一 */
.single .article table thead th, .single .article table th{background:var(--tz-navy) !important;color:#fff !important;border-color:var(--tz-line)}
.single .article table td{border-color:var(--tz-line)}
.single .article table tr:nth-of-type(2n) td{background:var(--tz-paper)}
.single .article table tr:nth-of-type(2n+1) td{background:#fff}


/* ===== ヘッダーのスリム化とコラム一覧のカードグリッド化 ===== */
.tagline{display:none}
#header .logo-header img{max-height:72px;width:auto}
.logo-header{padding:14px 0}
/* コラム一覧: トップと同じ3列カード */
.archive #list.list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.archive .a-wrap{margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
.archive .entry-card{display:flex;flex-direction:column;height:100%}
.archive .entry-card-thumb{width:100%;margin:0;float:none}
.archive .entry-card-thumb img{width:100%;height:auto;display:block}
.archive .entry-card-content{margin:0;padding:18px 20px 22px;display:flex;flex-direction:column;flex:1;width:auto}
.archive .entry-card-title{font-size:16px;line-height:1.65;margin-bottom:8px}
.archive .entry-card-snippet{font-size:13px;line-height:1.8}
.archive .entry-card-meta{margin-top:10px}
.archive .entry-card-content::after{content:"続きを読む →";color:var(--tz-gold);font-size:13px;letter-spacing:.06em;margin-top:12px;display:block}
@media(max-width:820px){.archive #list.list{grid-template-columns:1fr}}


/************************************
** 固定ページの記事型表示の解消(SEO/AIO改善)
** 投稿日・更新日・著者情報を固定ページのみ非表示
************************************/
body.page .date-tags,
body.page .footer-meta {
  display: none;
}

/* NAP情報フッターは「本文のみ表示」ページでも表示する(SEO/AIO改善) */
.content-only .footer {
  display: block;
}

/* readability-fix 2026-07-20: 文字コントラスト改善 (WCAG AA) */
/* 記事内テーブル見出し: 白文字×薄水色→濃紺文字 */
table th,
.scrollable-table th {
  color: #1E3A5F;
}
/* お問い合わせページ: 薄灰色の案内文・非選択タブを濃く */
p.ml-or {
  color: #6F6F6F;
}
button.seg-btn {
  color: #4B5563;
}