/*
Theme Name: 家計の保健室 Child
Theme URI: https://kakei-hokenshitsu.jp/
Description: 家計の保健室（FP相談・X集客）SWELL子テーマ。ブランド=若草グリーン+クリーム。
Author: 家計の保健室 編集部
Template: swell
Version: 1.0.0
*/

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Zen+Maru+Gothic:wght@500;700&display=swap");

:root{
  --kh-main:#5FA777;      /* 若草グリーン（安心・保健室） */
  --kh-main-d:#4C8C62;    /* 濃いめ（ホバー/見出し） */
  --kh-accent:#EF8A5B;    /* やわらかコーラル（CTA） */
  --kh-accent-d:#E2743F;
  --kh-bg:#FCF9F2;        /* クリーム背景 */
  --kh-ink:#33403A;       /* 文字（やや緑みのダーク） */
}

/* SWELL カラー上書き（footprint分散） */
body,.l-header,.p-globalNav,.l-footer,.l-content,.l-container{
  --color_main:var(--kh-main);
  --color_text_main:var(--kh-ink);
}
body{background:var(--kh-bg);color:var(--kh-ink);font-family:"Noto Sans JP",sans-serif;}

/* 見出し（Zen Maru Gothicで柔らかさ＝保健室トーン） */
.post_content h2,.p-postList__title,.c-pageTitle__title,.l-sidebar__title{
  font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif;
}
.post_content h2{
  background:#fff;border-left:6px solid var(--kh-main);
  color:var(--kh-main-d);padding:.6em .8em;border-radius:6px;
}

/* CTAボタン（SWELLデフォルト黒を上書き） */
.wp-block-button__link,.swell-block-button__link,.c-btn{
  background-color:var(--kh-accent)!important;color:#fff!important;
  border-radius:999px!important;min-height:44px;font-weight:700;
}
.wp-block-button__link:hover,.swell-block-button__link:hover,.c-btn:hover{
  background-color:var(--kh-accent-d)!important;
}

/* タップターゲット44px & フォーカス可視 */
a,button{min-height:auto;}
*:focus-visible{outline:3px solid var(--kh-main);outline-offset:2px;}

/* SWELLデフォルトメインビジュアル（「さぁ、始めよう。」プレースホルダ）をトップで非表示 */
.l-mainVisual__image--default,.p-mainVisual__slide--default,
.home .l-mainVisual,.home #main_visual,.p-mainVisual--default{display:none!important;}

/* トップページは1カラム（サイドバー非表示・コンテンツ全幅のLP） */
.home .l-sidebar{display:none!important;}
.home .l-mainContent,.home #main_content,.home .l-content,.home .c-postListWrap{width:100%!important;max-width:100%!important;flex:0 0 100%!important;}
.home .l-content > .l-container,.home .post_content{max-width:1040px;margin-left:auto;margin-right:auto;}

/* ===== 記事本文コンポーネント（Wave1〜・khs-接頭辞） ===== */
/* PR開示 */
.khs-disclosure{
  font-size:.82rem;color:#6b7a72;background:#fff;border:1px dashed #cdddd2;
  border-radius:6px;padding:.7em .9em;line-height:1.7;
}
/* 独自加工の図（SVG） */
.khs-figure{margin:1.6em 0;}
.khs-figure svg{width:100%;height:auto;border-radius:12px;}
.khs-figure figcaption{text-align:center;font-size:.85rem;color:#6b7a72;margin-top:8px;}
/* 編集部オリジナル表 */
.khs-table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem;background:#fff;border-radius:10px;overflow:hidden;}
.khs-table th,.khs-table td{border:1px solid #e6eee9;padding:.6em .7em;text-align:left;vertical-align:top;}
.khs-table thead th{background:var(--kh-main);color:#fff;font-weight:700;}
.khs-table tbody tr:nth-child(even){background:#f6faf7;}
/* CTA（無料相談への送客・コーラル） */
.khs-cta{
  display:flex;flex-direction:column;gap:.5em;align-items:flex-start;
  background:#fff;border:2px solid var(--kh-accent);border-radius:14px;
  padding:1.1em 1.2em;margin:1.6em 0;box-shadow:0 4px 14px rgba(239,138,91,.12);
}
.khs-cta--accent{border-color:var(--kh-main);box-shadow:0 4px 14px rgba(95,167,119,.14);}
.khs-cta__label{font-weight:700;color:var(--kh-ink);font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif;}
.khs-cta__btn{
  display:inline-block;background:var(--kh-accent);color:#fff;font-weight:700;
  text-decoration:none;border-radius:999px;padding:.7em 1.5em;min-height:44px;line-height:1.6;
}
.khs-cta__btn:hover{background:var(--kh-accent-d);}
.khs-cta--accent .khs-cta__btn{background:var(--kh-main);}
.khs-cta--accent .khs-cta__btn:hover{background:var(--kh-main-d);}
.khs-cta__note{font-size:.8rem;color:#6b7a72;}
/* 体験談・声の引用 */
.post_content blockquote{
  background:#f6faf7;border-left:4px solid var(--kh-main);
  border-radius:0 8px 8px 0;padding:.9em 1.1em;margin:1.2em 0;color:#3c4a43;
}
@media(max-width:600px){
  /* スマホ：比較表は横スクロール回避のため縦詰め可（shared/14§2） */
  .khs-table{font-size:.88rem;}
  .khs-cta{padding:1em;}
}

/* ===== フロントページ ===== */
.khs-hero{
  background:linear-gradient(135deg,#5FA777 0%,#6FB98A 55%,#EF8A5B 160%);
  color:#fff;border-radius:20px;padding:2.6em 1.8em;margin:0 0 2em;text-align:center;
}
.khs-hero__eyebrow{font-size:.9rem;font-weight:700;letter-spacing:.08em;opacity:.92;margin:0 0 .6em;}
.khs-hero__title{
  font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif;color:#fff;
  font-size:2rem;line-height:1.4;margin:0 0 .6em;text-shadow:0 2px 8px rgba(0,0,0,.12);
}
.khs-hero__title :is(span,br){-webkit-text-fill-color:#fff;}
.khs-hero__lead{font-size:1rem;line-height:1.85;max-width:640px;margin:0 auto 1.4em;opacity:.97;}
.khs-hero__cta{display:flex;gap:.8em;justify-content:center;flex-wrap:wrap;margin-bottom:1.6em;}
.khs-cta__btn--ghost{background:rgba(255,255,255,.16)!important;border:2px solid #fff;}
.khs-cta__btn--ghost:hover{background:rgba(255,255,255,.28)!important;}
.khs-badges{list-style:none;display:flex;gap:.6em;justify-content:center;flex-wrap:wrap;margin:0;padding:0;}
.khs-badges li{
  background:rgba(255,255,255,.92);color:var(--kh-main-d);border-radius:12px;
  padding:.6em .9em;font-size:.82rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:.2em;min-width:84px;
}
.khs-badges__num{font-size:1.05rem;color:var(--kh-accent-d);}
/* カードグリッド */
.khs-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1em;margin:1.2em 0 2em;}
.khs-card{
  display:flex;flex-direction:column;gap:.4em;background:#fff;border:1px solid #e6eee9;
  border-radius:14px;padding:1.3em;text-decoration:none;color:var(--kh-ink);transition:.15s;
}
.khs-card:hover{border-color:var(--kh-main);box-shadow:0 6px 18px rgba(95,167,119,.15);transform:translateY(-2px);}
.khs-card__icon{font-size:1.8rem;}
.khs-card__title{font-weight:700;font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif;color:var(--kh-main-d);font-size:1.1rem;}
.khs-card__desc{font-size:.9rem;line-height:1.7;color:#55615b;}
/* 信頼ブロック */
.khs-trust{background:#fff;border-radius:16px;padding:1.8em 1.6em;margin:0 0 2em;border:1px solid #eef3f0;}
.khs-trust__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;margin:1em 0;}
.khs-trust__item strong{color:var(--kh-main-d);font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif;}
.khs-trust__item p{font-size:.9rem;line-height:1.75;margin:.4em 0 0;color:#55615b;}
.khs-trust__note{font-size:.85rem;color:#6b7a72;background:#f6faf7;border-radius:8px;padding:.8em 1em;margin:1em 0 0;}
/* 最終CTA */
.khs-finalcta{text-align:center;background:var(--kh-bg);border-radius:16px;padding:2em 1.5em;margin:0 0 1em;}
.khs-finalcta__label{font-weight:700;font-size:1.15rem;font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif;color:var(--kh-main-d);margin:0 0 .8em;}
@media(max-width:600px){
  .khs-hero{padding:2em 1.2em;}
  .khs-hero__title{font-size:1.6rem;}
  .khs-cards{grid-template-columns:1fr;}
  .khs-trust__grid{grid-template-columns:1fr;}
}