/* ============================================================
   Hi-Ka luxe override — ネイル・サロン部門専用
   すんすん本体（かわいい路線）と切り離し、
   生成り×金×墨・角丸なしの高級トーンに統一する。
   読み込み: 各ネイル関連ページの </head> 直前（最後に勝たせる）
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;600;700&display=swap');

:root{
  --pink:#c9ae78; --pink-d:#8e6d38; --ink:#33302b; --muted:#6b6154; --line:#e0d3b8;
  --bg:#f6f1e6; --bg-pink:#f4eee1; --bg-mint:#f4eee1; --bg-sky:#f4eee1; --bg-lav:#f4eee1; --bg-lemon:#f4eee1;
  --grad-pink:linear-gradient(135deg,#3a362f,#33302b);
  --grad-mint:linear-gradient(135deg,#f4eee1,#efe6d2);
  --grad-sky:linear-gradient(135deg,#f4eee1,#efe6d2);
  --grad-lav:linear-gradient(135deg,#f4eee1,#efe6d2);
  --grad-warm:linear-gradient(135deg,#f4eee1,#e6d8bc);
  --grad-rainbow:linear-gradient(90deg,#b3924f,#8e6d38);
  --mint:#c9ae78; --mint-d:#8e6d38; --sky:#c9ae78; --sky-d:#8e6d38;
  --lav:#c9ae78; --lav-d:#8e6d38; --lemon:#c9ae78; --orange:#a8874a; --peach:#d9c79a;
  --radius:0; --radius-lg:0;
  --shadow:0 10px 28px -18px rgba(51,48,43,.35);
  --shadow-lg:0 22px 44px -22px rgba(51,48,43,.4);
  --gold:#8e6d38; --gold-l:#b3924f; --paper:#faf6ee;
}

/* 「フレーム全て□」 */
*{border-radius:0 !important}

body{background:#f6f1e6}
h1,h2,h3,h4,.sec-title{font-family:'Zen Old Mincho','Hiragino Mincho ProN','Yu Mincho',serif !important;letter-spacing:.08em}

/* サイト共通パーツの落ち着き */
.topbar{background:#33302b;color:#f2ecdf}
.topbar a{color:#e0d3b8}
.totop{background:#33302b;box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}
.progress{background:linear-gradient(90deg,#b3924f,#8e6d38)}
.kicker .e{display:none}
.kicker{border-color:#d9c79a;color:#8e6d38;background:#fff}

/* 信頼バッジ（kdw） */
.kdw span{background:#fdfaf2;border:1px solid #d9c79a !important;color:#5c554a;
  font-family:'Zen Old Mincho',serif;font-weight:600;letter-spacing:.06em}

/* ギャラリーのフィルタと件数表示 */
.dz-tab{color:#6b6154;border-color:#d9c79a !important;background:#fdfaf2;
  font-family:'Zen Old Mincho',serif !important;font-weight:700;letter-spacing:.08em}
.dz-tab.on{background:#33302b !important;color:#f2ecdf;border-color:#33302b !important;
  box-shadow:0 10px 22px -12px rgba(51,48,43,.55)}
.ph-count{color:#8e6d38 !important;border:1px solid #b3924f !important;
  font-family:'Zen Old Mincho',serif !important;letter-spacing:.2em}
.ph-cap{background:rgba(51,48,43,.82);font-family:'Zen Old Mincho',serif;letter-spacing:.06em}

/* ムードカード：ELEGANT / LOVELY とも同じ上質トーンに */
.mood-b,.mood-k{background:linear-gradient(160deg,#faf6ee,#f3ead8) !important;border:1px solid #cbb27c !important}
.mood-b .mood-kick,.mood-k .mood-kick{color:#8e6d38 !important}
.mood-card h3{color:#33302b !important}
.mood-card p{color:#6b6154 !important}
.mood-cta{background:#fdfaf2 !important;color:#8e6d38 !important;border:1px solid #b3924f !important;
  font-family:'Zen Old Mincho',serif !important;letter-spacing:.08em}

/* 3つの約束カード */
.feat-card{--ac:#e0d3b8 !important;--fg:linear-gradient(135deg,#faf6ee,#efe6d2) !important;--pc:#8e6d38 !important;
  background:#fdfaf2;border:1px solid #e0d3b8 !important}
.feat-card .fi{display:none}
.st-pill{background:#33302b !important;color:#f2ecdf !important;
  font-family:'Zen Old Mincho',serif !important;letter-spacing:.14em}

/* チップ注文カード・メニュー行 */
.cpn{--cc:#b3924f !important;background:#fdfaf2;border-color:#e0d3b8 !important}
.ctag{background:#f2ecdf !important;color:#8e6d38 !important;font-family:'Zen Old Mincho',serif !important}
.cpr{color:#8e6d38 !important;font-family:'Zen Old Mincho',serif !important}
.cbt{background:#33302b !important;color:#f2ecdf !important;font-family:'Zen Old Mincho',serif !important;letter-spacing:.08em}
.cbt.cbt-sub{background:#fdfaf2 !important;color:#5c554a !important;border:1px solid #d9c79a !important}
.mp-row{--mc:#b3924f !important;background:#fdfaf2;border-color:#e0d3b8 !important}
.mp-price{background:linear-gradient(135deg,#b3924f,#8e6d38) !important;color:#fff !important}

/* ボタン共通 */
.btn{font-family:'Zen Old Mincho',serif !important;font-weight:700;letter-spacing:.1em}
.btn:not(.ghost):not(.white){background:#33302b !important;color:#f2ecdf !important;
  box-shadow:0 14px 30px -14px rgba(51,48,43,.55) !important}
.btn.ghost{color:#8e6d38 !important;border-color:#b3924f !important;background:#fdfaf2 !important}

/* 予約固定バー・CTA帯 */
.rsv-bar{background:#33302b !important;border:1px solid #8e6d38}
.cta{background:linear-gradient(135deg,#3a362f,#2c2925) !important}

/* フッター・ページ末尾はトーンを合わせる */
footer{background:#2c2925 !important}

/* 診断・講座・図解カード */
.lsfig,.histfig{border-color:#d9c79a}

/* STEP 1〜4 */
.stp{background:#fdfaf2;border:1px solid #e0d3b8;box-shadow:0 10px 24px -18px rgba(51,48,43,.35)}
.stp .sno{background:#33302b !important;color:#f2ecdf;font-family:'Zen Old Mincho',serif !important;letter-spacing:.16em}
.stp .sic svg{color:#8e6d38 !important}

/* 推し活バナー：墨×金のダークセクションへ */
.oshi{background:linear-gradient(135deg,#3a362f 0%,#2c2925 55%,#453d2f 100%) !important}
.oshi .ok{background:rgba(255,255,255,.06);border:1px solid #8e6d38;color:#d9c79a;
  font-family:'Zen Old Mincho',serif !important;letter-spacing:.2em}
.oshi h2{font-family:'Zen Old Mincho',serif !important;letter-spacing:.1em}
.oshi p{color:rgba(242,236,223,.92) !important}
.oshi .btn.white{background:#f2ecdf !important;color:#33302b !important}
.oshi .deco{color:#b3924f !important}
.oshi-ph{width:210px;background:#f2ecdf;padding:10px 10px 6px;border:1px solid #b3924f;margin:0}
.oshi-ph img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}
.oshi-ph figcaption{font-family:'Zen Old Mincho',serif;font-size:11px;color:#8e6d38;
  letter-spacing:.14em;text-align:center;padding-top:6px}

/* 準備中のお知らせ枠：すんちゃんは出さない */
.secret-card{background:#fdfaf2 !important;border:1px solid #b3924f !important;box-shadow:none !important}
.secret-card h3{color:#33302b !important}
.secret-card p{color:#5c554a !important}
.peek-sun{display:none !important}

/* 季節ピックアップのタグ */
.ig-tag{background:rgba(51,48,43,.85) !important;font-family:'Zen Old Mincho',serif;letter-spacing:.08em}

/* 実例写真バンド（額装） */
.hk-band{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:960px;margin:34px auto 0}
@media(max-width:760px){.hk-band{grid-template-columns:repeat(2,1fr);gap:12px}}
.hk-band figure{margin:0;background:#fff;border:1px solid #d9c79a;padding:10px 10px 4px;
  box-shadow:0 14px 30px -22px rgba(51,48,43,.5)}
.hk-band img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}
.hk-band figcaption{font-family:'Zen Old Mincho',serif;font-size:12px;color:#8e6d38;
  letter-spacing:.18em;text-align:center;padding:8px 0}

/* Hi-Ka マスコット（白猫・オリジナル） */
.peek-hika{position:absolute;top:-72px;left:50%;transform:translateX(-50%);width:88px;line-height:0}
.peek-hika img{width:100%;height:auto}

/* ページ上部へ戻るボタン：すんちゃん顔は出さず金の矢印に */
.totop svg,.totop img{display:none}
.totop::after{content:"↑";color:#d9c79a;font-size:20px;font-family:'Zen Old Mincho',serif}

/* SHOPページのヒーロー：墨×金のダークへ／すんちゃんはHi-Kaマスコットに交代 */
.subhero.shop-hero{background:linear-gradient(135deg,#3a362f 0%,#2c2925 55%,#453d2f 100%) !important}
.shop-hero .nh-blob{display:none !important}
.shop-hero .sh-ghost{color:rgba(217,199,154,.08) !important;-webkit-text-fill-color:rgba(217,199,154,.08)}
.shop-hero h1 .en{color:#d9c79a !important}
.shop-hero p{text-shadow:none !important}
.honest-badge{background:#fdfaf2 !important;color:#8e6d38 !important;border:1px solid #b3924f !important;
  font-family:'Zen Old Mincho',serif !important;letter-spacing:.08em}
.sh-mascot .mascot,.sh-mascot .ns-wrap{display:none !important}

/* 施工ルーム（コンセプトイメージ） */
.room-fig{position:relative;max-width:920px;margin:34px auto 0;background:#fff;border:1px solid #d9c79a;
  padding:12px 12px 4px;box-shadow:0 18px 40px -26px rgba(51,48,43,.55)}
.room-fig img{width:100%;height:auto;display:block}
.room-fig .room-tag{position:absolute;top:24px;left:24px;background:rgba(51,48,43,.85);color:#d9c79a;
  font-family:'Zen Old Mincho',serif;font-size:11px;letter-spacing:.24em;padding:6px 14px}
.room-fig figcaption{font-family:'Zen Old Mincho',serif;font-size:12px;color:#8e6d38;letter-spacing:.06em;
  text-align:center;padding:8px 6px 10px}

/* 日本語見出しの改行を上品に：文節単位で折り返し＋行のバランス（対応ブラウザのみ・段階的強化） */
h1,h2,h3,h4,.sec-title,.mood-card h3,.hw-card h3,.stp h4{text-wrap:balance}
h1,h2,h3,h4,.sec-title,.mood-card h3,.hw-card h3,.stp h4{word-break:auto-phrase}
.kicker,.st-pill,.ctag,.mp-price,.ph-count{white-space:nowrap}

/* スマホでも文節で折り返す（本文にも適用・対応ブラウザのみ） */
main p,.sec-lead,figcaption,main li,.hw-card p,.hc-card p,.mood-card p,.stp p{word-break:auto-phrase}
.nw{white-space:nowrap}

/* カード本文は均等な折り返しに（文節折り返しは幅の狭いカードで行がガタつくため） */
.hc-card p,.hw-card p,.feat-card p,.mood-card p,.stp p{word-break:auto-phrase;text-wrap:pretty}
.sec-lead{text-wrap:balance}
main p,figcaption,main li{text-wrap:pretty}

/* COMING SOON テイザーバンド: ピンクを墨×金の高級トーンへ */
.nail-teaser{background:linear-gradient(135deg,#3a362f 0%,#2c2925 55%,#453d2f 100%) !important}
.nail-teaser::before{background-image:radial-gradient(circle at 12% 20%,rgba(217,199,154,.08),transparent 30%),radial-gradient(circle at 88% 82%,rgba(217,199,154,.07),transparent 32%)}
.nt-ghost{font-family:'Zen Old Mincho',serif !important;font-weight:700;-webkit-text-stroke:1.5px rgba(217,199,154,.08)}
.nt-big{font-family:'Zen Old Mincho',serif !important;font-weight:700;letter-spacing:.12em;
  background:linear-gradient(100deg,#fbf7ee 30%,#e8d195 50%,#fbf7ee 70%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}
.nt-sub{font-family:'Zen Old Mincho',serif !important;color:#d9c79a;letter-spacing:.16em}
.nt-copy{color:rgba(242,236,223,.92)}
.nail-teaser .deco{color:#b3924f !important}
.nt-minitips span{filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.nt-minitips span:nth-child(1){color:#f2ecdf !important}
.nt-minitips span:nth-child(2){color:#d9c79a !important}
.nt-minitips span:nth-child(3){color:#b3924f !important}
.nt-minitips span:nth-child(4){color:#ffffff !important}
.nt-minitips span:nth-child(5){color:#e8d5b5 !important}
.nail-teaser .btn.white{background:#f2ecdf !important;color:#33302b !important}

.jw{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}