/* ===== home-emo.css（2026-10-03）トップページを黒基調・大きな文字・余白たっぷりに揃える。
   外すときは index.html の <link> 1行を消すだけで元に戻る。 ===== */
:root{--emo-bg:#0e1211;--emo-bg2:#111716;--emo-card:#161c1a;--emo-ink:#fbf7ef;--emo-text:#e8dfd0;--emo-soft:#c9bcac;--emo-mute:#9c8e7e;--emo-line:rgba(251,247,239,.09);--emo-glow:#ffc489}
html{background:var(--emo-bg)}
body{background:var(--emo-bg);color:var(--emo-text)}
/* ヘッダー：半透明の黒ガラス */
body .nh{background:rgba(10,13,12,.78);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
body .nh-nav>a,body .nh-i>span{color:var(--emo-ink)}
body .nh-nav>a:hover,body .nh-i:hover>span{color:var(--emo-glow)}
body .nh-nav>a[style]{color:var(--emo-ink)!important;border-color:rgba(255,255,255,.35)!important;background:transparent!important}
body .nh-b1{color:var(--emo-ink);border-color:rgba(255,255,255,.3)}
body .nh-burger span{background:var(--emo-ink)}
@media(max-width:1100px){body .nh-nav>a,body .nh-i>span{color:#2A211A}body .nh-nav>a[style]{color:#2A211A!important;border-color:rgba(42,33,26,.25)!important}}
/* 見出し・共通 */
body #ds-main h2{color:var(--emo-ink);font-size:clamp(32px,4.6vw,60px);line-height:1.35;letter-spacing:.03em;font-weight:600}
body #ds-main .label{color:var(--emo-mute)}
body #ds-main .eyebrow2{color:#e39a52}
body #ds-main .lead,body #ds-main p{color:var(--emo-soft)}
body .sec-pad{padding:clamp(96px,13vh,170px) 0}
body .btn-ghost{background:transparent;color:var(--emo-ink);border-color:rgba(255,255,255,.4)}
body .btn-ghost:hover{border-color:var(--emo-glow);color:var(--emo-glow)}
/* 冒頭の宣言 */
body .intro{background:var(--emo-bg)}
body .intro h2{font-size:clamp(44px,7vw,96px);line-height:1.2;letter-spacing:.02em;max-width:none}
body .intro p{color:var(--emo-soft);font-size:clamp(15px,1.5vw,18px);max-width:34em;margin-top:34px}
body .intro .facts{margin-top:64px;gap:clamp(40px,8vw,120px)}
body .intro .n{color:var(--emo-ink);font-size:clamp(44px,6vw,72px);font-weight:400}
body .intro .l{color:var(--emo-mute)}
/* 火のごちそう */
body .cookgal{background:var(--emo-bg)}
body .cookgal .cg-grid figure{border-radius:16px}
/* 薪 */
body .fwhome{background:var(--emo-bg2);border-color:var(--emo-line)}
body .fwhome .fwh-head .fwh-ek{background:transparent;border-color:rgba(255,196,137,.35)}
body .fwhome .fwh-head h2{font-weight:600}
/* ラジオ */
body .radioband{background:var(--emo-bg)}
body .radioband a{background:var(--emo-card);border-color:var(--emo-line)}
/* カード（WHAT WE DO・道具） */
body .do{background:var(--emo-bg)}
body .do .card{background:var(--emo-card);box-shadow:none;border:1px solid var(--emo-line)}
body .do .card:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.9);border-color:rgba(255,255,255,.18)}
body .do .card .jp{color:var(--emo-ink)}
body .do .card .ds{color:var(--emo-mute)}
body .do .card .en{color:#e39a52}
body #dougu a[href="/products.html"]{color:var(--emo-ink)!important;border-color:rgba(255,255,255,.4)!important}
/* 写真＋文章の帯 */
body .feat.kuuta{background:#141a18}
body .feat.harvia{background:var(--emo-bg)}
body .feat .bd .lead{color:var(--emo-soft)}
/* 施工事例 */
body .cases{background:var(--emo-bg)}
body .cases-grid figure{background:var(--emo-card);border-color:var(--emo-line)}
body .cases .note{color:var(--emo-mute)}
/* 火の風景 */
body .pband{background:var(--emo-bg2);border-color:var(--emo-line)}
/* ブランド */
body .brands{background:var(--emo-bg)}
body .brands .row a{background:transparent;color:var(--emo-text);border-color:rgba(255,255,255,.18)}
body .brands .row a b{color:var(--emo-ink)}
body .brands .row a:hover{border-color:var(--emo-glow);color:var(--emo-glow)}
body .brands .more{color:var(--emo-mute)}
body .brands .more a{color:var(--emo-soft)}
/* 保証 */
body .guard{background:var(--emo-bg2)}
body .guard .gcard{background:var(--emo-card);border-color:var(--emo-line)}
body .guard-note{margin-top:34px;text-align:center;font-size:13px;color:var(--emo-mute)!important;letter-spacing:.04em}
body .guard-note a{color:var(--emo-soft);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
/* 最初の一歩（インライン指定を上書き） */
body #firststep{background:var(--emo-bg)!important}
body #firststep h2,body #firststep h3{color:var(--emo-ink)!important}
body #firststep p{color:var(--emo-soft)!important}
body #firststep .fs-grid>div{background:var(--emo-card)!important;border-color:var(--emo-line)!important}
body #firststep .fs-grid>div>div[style*="border-radius:50%"]{background:rgba(255,255,255,.07)!important}
body #firststep .fs-grid a[href="/catalog.php"]{background:transparent!important;color:var(--emo-glow)!important;border-color:var(--emo-glow)!important}
body #firststep a[href^="tel:"]{color:var(--emo-ink)!important}
body #firststep a[href="/hajimete.html"]{color:var(--emo-glow)!important;border-color:rgba(255,196,137,.4)!important}
/* 連絡先 */
body .contact{background:var(--emo-bg2)}
body .contact .ccard{background:var(--emo-card);border-color:var(--emo-line);box-shadow:none}
body .contact .ccard .tel{color:var(--emo-ink)}
body .contact .ccard .tel small,body .contact .ccard .rows{color:var(--emo-mute)}
body .contact .ccard .rows{border-top-color:var(--emo-line)}
body .contact .ccard .rows a{color:var(--emo-soft)}
/* 読みもの案内・エリア・補助金・結び */
body #ds-main>div[style]{background:transparent!important;color:var(--emo-mute)!important}
body #ds-main>div[style] p{color:var(--emo-mute)!important}
body #ds-main>div[style] a{color:var(--emo-glow)!important;border-color:rgba(255,196,137,.4)!important}
body .ds-guide{background:var(--emo-bg)}
body .ds-guide h2{font-size:clamp(22px,2.4vw,30px)}
body .ds-guide .lead{color:var(--emo-mute)}
body .ds-guide-grid a{background:var(--emo-card);border-color:var(--emo-line)}
body .ds-guide-grid b{color:var(--emo-ink)}
body .ds-guide-grid span{color:var(--emo-mute)}
body .svc-area{background:var(--emo-bg2);border-top-color:var(--emo-line)}
body .svc-head{color:var(--emo-mute)}
body .svc-head b{color:var(--emo-ink)}
body .svc-head.svc-kyori{max-width:640px;margin:0 auto 22px;color:var(--emo-soft)}
body .svc-pref,body .svc-pref:first-of-type{border-color:var(--emo-line)}
body .svc-pref summary{color:var(--emo-text)}
body .svc-pref summary .sc{color:var(--emo-mute)}
body .svc-pref summary .pl{color:var(--emo-glow)}
body .svc-list{color:var(--emo-mute)}
body .svc-list a{color:var(--emo-soft);text-decoration:none}
body .svc-more a{color:var(--emo-glow)}
body .hojokin-strip{background:var(--emo-bg);border-top-color:rgba(255,196,137,.3)}
body .hojokin-strip .a{color:var(--emo-glow)}
body .hojokin-strip .b{color:var(--emo-soft)}
body .ds-endcta{background:var(--emo-bg2);color:var(--emo-text);border-top-color:var(--emo-line)}
body .ds-endcta h2{color:var(--emo-ink)!important;font-family:var(--serif);font-weight:600}
body .ds-endcta p.ds-endcta-lead{color:var(--emo-soft)}
body .ds-endcta-tel{background:var(--emo-card);border-color:var(--emo-line)}
body .ds-endcta-tel a{color:var(--emo-ink)}
body .ds-endcta-tel span{color:var(--emo-mute)}
body .ds-endcta-b2{color:var(--emo-ink);border-color:rgba(255,255,255,.35)}
body .ds-endcta-b2:hover{color:var(--emo-glow)}
body .ds-endcta-b3{background:var(--emo-card);color:#5ad28a;border-color:rgba(90,210,138,.4)}
body .ds-endcta-b3:hover{background:#1a2420}
body .ds-endcta-note{color:var(--emo-mute)}
/* フッター */
body .nf-tiles{background:var(--emo-bg);border-color:var(--emo-line)}
body .nf-tile{color:var(--emo-ink);border-color:var(--emo-line)}
body .nf-tile:hover{background:var(--emo-card)}
body .nf-tile .ar{color:var(--emo-glow)}
body .nf-mid{background:var(--emo-bg2)}
body .nf-cols .h{color:var(--emo-ink)}
body .nf-cols a{color:var(--emo-soft)}
body .nf-banner{background:var(--emo-card);border-color:var(--emo-line)}
body .nf-banner .t{color:var(--emo-text)}
body .nf-bot{background:#0a0d0c}
body .nf-sig{background:#0a0d0c}
body .nf-sig .nf-siglogo{filter:invert(1) brightness(1.3)}
/* スマホ下の連絡バー */
@media(max-width:1100px){
  body .ds-callbar{background:rgba(14,18,17,.94);border-top-color:rgba(255,255,255,.1);box-shadow:none}
  body .ds-callbar a{color:var(--emo-ink);border-left-color:rgba(255,255,255,.1)}
  body .ds-callbar .ds-callbar-tel{color:var(--emo-glow)}
  body .ds-callbar .ds-callbar-line{color:#5ad28a}
}
/* 結びの見出しは少し控えめに */
body .ds-endcta h2{font-size:clamp(26px,3.2vw,42px)!important;line-height:1.5}