@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* =====================================================================
   家がほしい.com LPデザイン準拠スキン (2026-08-04 WSM)
   対象: SWELL 2.17系 / 本体LP(松井さんデザイン)のトークンに全下層を統一
   構成: [A]CSS変数上書き(SWELL公開API・更新に強い)
         [B]コンポーネント補正(セレクタ依存・SWELL更新時に要回帰確認)
   注意: LP本体ページはプラグインがテーマCSSをdequeueするため無影響。
         /contact/ /contact/thanks/ /privacy-policy/ はページ内リセットが優先。
   ===================================================================== */

/* ---------- [A] SWELL CSS変数の上書き ---------- */
:root {
  /* LPトークン */
  --iega-green: #4f9f39;
  --iega-green-dark: #3a6230;
  --iega-green-deep: #137535;
  --iega-green-pale: #d7e9d3;
  --iega-bg-green: #f5faf6;
  --iega-orange-1: #ec6401;
  --iega-orange-2: #f4b420;

  /* SWELL変数へマッピング */
  --color_main: var(--iega-green-dark);
  --color_main_thin: rgba(79, 159, 57, 0.06);
  --color_main_dark: rgba(42, 74, 35, 1);
  --color_htag: #333333;
  --color_gradient1: var(--iega-orange-1);
  --color_gradient2: var(--iega-orange-2);
  --color_list_check: var(--iega-green);
  --color_list_num: var(--iega-green);
  --swl-font_family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, sans-serif;
  /* SWELL既定は500。游ゴシックでは500字形が無く400で描画されていたが、
     Noto Sans JPは500を持つため全体が太くなる。LP本体の本文が400なので合わせる。 */
  --swl-font_weight: 400;
}

/* ---------- [B] コンポーネント補正 ---------- */

/* ロゴ(テキスト): LPと同じ「家が欲しい.com」表記に(表示のみ差替・blognameは不変更) */
.l-header .c-headLogo__link,
.l-fixHeader .c-headLogo__link,
.c-headLogo.-txt .c-headLogo__link {
  color: var(--iega-green-dark) !important;
  font-weight: 700;
  font-size: 0 !important;
}
.c-headLogo.-txt .c-headLogo__link::after {
  content: "家が欲しい.com";
  font-size: 24px;
  line-height: 1.3;
}
@media (max-width: 959px) {
  .c-headLogo.-txt .c-headLogo__link::after { font-size: 20px; }
}

/* グロナビ: ホバー緑 */
.c-gnav > li:hover > a, .c-gnav > .-current > a { color: var(--iega-green-deep); }

/* 記事h2: LPの型(左緑バー+下罫線)。SWELLの帯・塗りを打ち消す */
.post_content h2 {
  position: relative;
  padding: 2px 0 10px 18px !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #ddd !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #333 !important;
  font-weight: 700;
}
.post_content h2::before {
  content: "" !important;
  position: absolute;
  left: 0; top: 4px; bottom: 14px;
  width: 5px; border-radius: 3px;
  background: var(--iega-green);
}
.post_content h2::after { content: none !important; }

/* 記事h3: 濃緑+薄緑下線 */
.post_content h3 {
  padding: 0 0 6px !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 2px solid var(--iega-green-pale) !important;
  box-shadow: none !important;
  color: var(--iega-green-dark) !important;
}
.post_content h3::before, .post_content h3::after { content: none !important; }

/* 記事h4 */
.post_content h4 {
  background: none !important;
  border: 0 !important;
  color: #333 !important;
}

/* テーブル: 緑トーン(プラポリと同型) */
.post_content table th {
  background: var(--iega-bg-green);
  color: var(--iega-green-dark);
}
.post_content table th, .post_content table td { border-color: var(--iega-green-pale); }

/* CTAボタン: SWELL赤ボタンをLPのオレンジグラデに統一 */
.post_content .swell-block-button.red_ .swell-block-button__link,
.post_content .swell-block-button.red_ a {
  background: linear-gradient(132deg, var(--iega-orange-1) 0%, var(--iega-orange-2) 100%) !important;
  border-radius: 80px;
}

/* 引用 */
.post_content blockquote {
  background: var(--iega-bg-green);
  border-color: var(--iega-green-pale);
}

/* サイドバーのウィジェットタイトル */
.c-widget__title {
  background: none;
  border-bottom: 2px solid var(--iega-green-pale);
  color: var(--iega-green-dark);
}
.c-widget__title::before, .c-widget__title::after { background: var(--iega-green); }

/* SWELL目次 */
.p-toc { border-color: var(--iega-green-pale); }
.p-toc__title { color: var(--iega-green-dark); }

/* ページネーション・ボタンのフォーカス */
.c-pagination__link:hover, .c-pagination__link.-current { background: var(--iega-green-dark); }

/* フッター: LP原典準拠の白ベース */
.l-footer {
  background: #fff !important;
  border-top: 1px solid #eee;
  color: #333 !important;
}
.l-footer a { color: #333 !important; }
.l-footer a:hover { color: var(--iega-green) !important; text-decoration: underline; text-underline-offset: 4px; }
.l-footer__foot { background: #fff !important; }
.l-footer .c-copyright { color: #767676 !important; font-size: 12px; }

/* パンくず: 控えめに */
.p-breadcrumb { background: #fff; }