/* 深紺×金×白銀テーマ（C案・2026-08-13承認）。既存CSSの後に読み込む上書き専用ファイル。外せば即・旧配色（黒×ブロンズ）に戻る */
/* カラーイメージ確認用：モンサン展LP調（深紺×金×白銀）のオーバーレイ。構造は一切変えない */
:root{
  --paper:#f3f5f9; --white:#ffffff;
  --black:#0a1526; --black-2:#101f36;
  --ink:#152238; --ink-2:#46566e; --ink-3:#5d6b80;   /* ⚠️2026-09-22 了以：#5d6b80（白地で3.2倍）→ 5.4倍。社長指摘＝グレーの文字が薄い */
  --line:#dde3ec; --line-dark:#c2cddc; --line-onblack:rgba(214,226,240,.16);
  --bronze:#c2a05e; --bronze-deep:#7d6330; --bronze-pale:#eaeef5;
}
/* 実績バンド（インライン色の上書き） */
.topstats{background:#0c1a2e !important}
.topstats .stat b{color:#d6b671 !important}
.topstats .stat span{color:#a7b6cc !important}
/* ヒーロー（黒→深紺） */
.page-head{background:linear-gradient(160deg,#0a1526 0%,#0e1e38 68%,#122745 100%) !important}
.page-head .ghost{-webkit-text-stroke-color:rgba(190,208,230,.12) !important}
.ph-visual figure::before{border-color:rgba(198,214,236,.45) !important}
.ph-visual .credit{color:rgba(198,214,236,.55) !important}
.hero-lead b{color:#d6b671 !important}
.hero-steps li b{border-color:#c2a05e !important;color:#d6b671 !important}
/* お知らせ */
.news-list .nt{color:#7d6330 !important;border-color:#c2cddc !important}
/* ランキングバッジ */
.rk-card .rk{background:rgba(10,21,38,.9) !important}
.rk-card.r1 .rk{background:#c2a05e !important}
/* 作る特集（黒帯→深紺） */
.maker{background:linear-gradient(150deg,#0a1526,#102343) !important}
.maker .ghost{-webkit-text-stroke-color:rgba(190,208,230,.1) !important}
.maker .free-note{border-color:rgba(194,160,94,.55) !important}
/* ヘアカタログの絞り込みパネル（ベージュ→白銀） */
.fpanel{border-color:#dde3ec !important;box-shadow:0 8px 28px rgba(20,35,60,.08) !important}
.fp-head{border-bottom-color:#e6ebf2 !important}
.fp-title{color:#152238 !important}
.fp-sub,.fld-hint{color:#5d6b80 !important}
.fp-sep span{color:#4d5f80 !important}
.fp-sep::after{background:#e6ebf2 !important}
.axis-row{border-bottom-color:#e9edf4 !important}
.axis-row .axis-lb{color:#4d5f80 !important}
.hair-chips button{border-color:#c9d3e0 !important;color:#44536b !important}
.hair-chips button.is-active{background:#152238 !important;border-color:#152238 !important;color:#fff !important}
.hair-chips button:hover{border-color:#c2a05e !important}
.fp-toggle{border-color:#c2cddc !important;color:#7d6330 !important}
.cat-tools label{color:#4d5f80 !important}
.cat-tools input,.cat-tools select{border-color:#c2cddc !important;color:#152238 !important}
.ct-chunk{border-color:#d5dde8 !important}
.ct-chunk .ct-lbl{color:#4d5f80 !important}
.ct-chunk.pref{background:#eef2f8 !important;border-color:#c9d5e6 !important}
.ct-chunk.pref .ct-lbl{color:#7d6330 !important}
.cat-actions button,.ct-actions button{background:#c2a05e !important;border-color:#c2a05e !important}
.cat-actions button.ghost,.ct-actions button.ghost{background:#fff !important;color:#7d6330 !important}
.offtog{color:#2c3c55 !important}
.view-tabs{border-color:#c2cddc !important}
.view-tabs button{color:#44536b !important}
.view-tabs button.is-active{background:#152238 !important;color:#fff !important}
.view-tabs button+button{border-left-color:#c2cddc !important}
.cat-count{color:#46566e !important}
.cat-count b{color:#7d6330 !important}
.note-wm{color:#5d6b80 !important}
.pcard{border-color:#dde3ec !important}
.pcard .no{color:#152238 !important}
.pcard .open{background:#152238 !important}
.pcard .open:hover{background:#c2a05e !important}
.pcard .cutbadge{background:rgba(16,31,54,.85) !important}

/* ===== C案：グラデーションさらに強く（明暗差を大きく・光を強く） ===== */
.page-head{background:
  radial-gradient(1200px 620px at 84% 4%, rgba(126,172,235,.62), rgba(126,172,235,.18) 42%, transparent 66%),
  radial-gradient(760px 460px at 6% 96%, rgba(52,92,150,.45), transparent 62%),
  linear-gradient(150deg,#050b16 0%,#0c1f3e 34%,#245089 66%,#12294c 88%,#081426 100%) !important}
.topstats{background:
  radial-gradient(1000px 340px at 50% -60%, rgba(120,165,225,.5), transparent 72%),
  linear-gradient(90deg,#070f1d 0%,#16345d 50%,#070f1d 100%) !important}
.maker{background:
  radial-gradient(1100px 580px at 90% 6%, rgba(126,172,235,.55), rgba(126,172,235,.15) 45%, transparent 65%),
  linear-gradient(146deg,#050b16 0%,#0e2444 42%,#28558f 78%,#0c1c36 100%) !important}
body.subpage .header{background:linear-gradient(180deg,rgba(5,11,22,.96),rgba(12,28,52,.88)) !important}
.home-cta .btn:not(.line),.maker .m-cta .btn,.btn-register,
.cat-actions button:not(.ghost),.ct-actions button:not(.ghost){
  background:linear-gradient(180deg,#e8cd8c 0%,#c9a75f 45%,#a0813f 100%) !important;
  border-color:#b3914f !important; color:#fff !important;
  text-shadow:0 1px 2px rgba(60,40,10,.4) !important;
  box-shadow:0 6px 18px rgba(10,20,40,.45) !important}
.topstats .stat b{background:linear-gradient(180deg,#f0dca4,#cfa960 58%,#a8873f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent !important;color:#d6b671 !important}

/* ===== 各ページ固有のベージュ/ブラウン直書き色の上書き ===== */
/* ランキング */
.rk-tabs button{border-color:#c2cddc !important;color:#44536b !important}
.rk-tabs button.is-active{background:#152238 !important;border-color:#152238 !important;color:#fff !important}
.past-btn{border-color:#c2a05e !important;color:#7d6330 !important}
.past-btn:hover{background:#c2a05e !important;color:#fff !important}
.rk-rank{color:#152238 !important}
.rk-rank.pick{background:#c2a05e !important;border-color:#c2a05e !important;color:#fff !important}
.rk-card{border-color:#dde3ec !important}
.rk-card .no{color:#152238 !important}
.rk-card .ids span{background:#edf1f7 !important;color:#4a5c76 !important}
.rk-card .pt{color:#5d6b80 !important}
.past-card{background:#f6f8fb !important}
.past-period{color:#7d6330 !important}
.past-tabs button.is-active{background:#152238 !important;border-color:#152238 !important}
.past-row{border-top-color:#e2e8f0 !important}
/* ビフォーアフター */
.mode-tabs button{border-color:#c2a05e !important;color:#7d6330 !important}
.mode-tabs button.is-active{background:#7d6330 !important;border-color:#7d6330 !important;color:#fff !important}
.ba-cell.after .lab{background:#c2a05e !important;color:#0a1526 !important}
.ba-cell.before .lab{background:#eef1f6 !important;color:#4d5f80 !important}
.bacard{border-color:#dde3ec !important}
.bacard-head{border-bottom-color:#eef1f6 !important}
.bacard-head .sno{color:#152238 !important}
.bacard-head .tags span{background:#edf1f7 !important;color:#4a5c76 !important}
.bacard-head .tags span.hcat{background:#152238 !important;color:#fff !important}
.chips button{border-color:#c9d3e0 !important;color:#44536b !important;background:#fff !important}
.chips button.is-active{background:#152238 !important;border-color:#152238 !important;color:#fff !important}
.chips button.hi.is-active{background:#7d6330 !important;border-color:#7d6330 !important}
/* 後ろ姿 */
.ucard{border-color:#dde3ec !important}
.ucard .no{color:#152238 !important}
.ucard .tg{background:#edf1f7 !important;color:#4a5c76 !important}
.ucard .tg.m{background:#efe9d8 !important;color:#7d6330 !important}
.srow input{border-color:#c2cddc !important;color:#152238 !important}
.srow button:not(.ghost){background:linear-gradient(180deg,#e8cd8c 0%,#c9a75f 45%,#a0813f 100%) !important;border-color:#b3914f !important}
.srow button.ghost{color:#7d6330 !important}
/* ヘアカタログ：カード・モーダル */
.scard{border-color:#dde3ec !important}
.scard-head .sno{color:#152238 !important}
.scard-head .tags span{background:#edf1f7 !important;color:#4a5c76 !important}
.scard-head .tags span.hcat{background:#152238 !important;color:#fff !important}
.angle .lab{background:#f2f5fa !important;color:#4d5f80 !important}
.btn360{border-color:#c2a05e !important;color:#7d6330 !important}
.btn360:hover{background:#c2a05e !important;color:#fff !important}
.gov-tabs{border-color:#c2cddc !important}
.gov-tabs button{color:#44536b !important}
.gov-tabs button.is-active{background:#152238 !important;color:#fff !important}
.gov-tabs button+button{border-left-color:#c2cddc !important}
.gov-body,.gov-angles{background:#f6f8fb !important}
.gov-sec-h{border-left-color:#c2a05e !important}
.gov-sec-h b{color:#152238 !important}
.ov-tags span{background:#edf1f7 !important;color:#4a5c76 !important}
.ov-tags span.hcat{background:#152238 !important;color:#fff !important}
.ov-head{border-bottom-color:#e6ebf2 !important}
.ov-head h2{color:#152238 !important}
.cut{border-color:#e3e9f1 !important}
.cut .cno{color:#4d5f80 !important}
.dov-card .side .no{color:#152238 !important}
.dov-card .side .m span{background:#edf1f7 !important;color:#4a5c76 !important}
.dov-card .side .buy{background:#152238 !important}
.dov-card .side .buy:hover{background:#c2a05e !important}
.pref-card{background:#f6f8fb !important}
.pref-card h2{color:#152238 !important}
.pref-grp h3{color:#7d6330 !important}
.pref-opts label{border-color:#c9d3e0 !important;color:#2c3c55 !important}
.pref-opts input,.offtog input{accent-color:#c2a05e !important}
.pref-save{background:#152238 !important}
.pref-save:hover{background:#c2a05e !important}
.pref-clear{border-color:#c9d3e0 !important;color:#44536b !important}
.pref-edit{border-color:#c2a05e !important;color:#7d6330 !important}
.pref-edit:hover{background:#c2a05e !important;color:#fff !important}
.pref-state{color:#5d6b80 !important}
.cat-pager button{border-color:#c2cddc !important;color:#152238 !important}
.cat-pager .cur{color:#46566e !important}
.cat-empty{color:#5d6b80 !important}
/* ヘアカタログを作る */
.bld-hero{background:linear-gradient(180deg,#eef2f8,#ffffff) !important;border-bottom-color:#dde3ec !important}
.bld-hero .en{color:#7d6330 !important}
.bld-hero h1{color:#152238 !important}
.bld-hero p{color:#46566e !important}
.bld-copy p b{color:#7d6330 !important}
.bld-steps span{background:#e6ecf5 !important;color:#4a5c76 !important}
.autobtn{background:linear-gradient(180deg,#e8cd8c 0%,#c9a75f 45%,#a0813f 100%) !important;border-color:#b3914f !important;text-shadow:0 1px 2px rgba(60,40,10,.4) !important}
.auto-hint,.shhint{color:#5d6b80 !important}
.trust-row span{color:#46566e !important}
.trust-row span::before{border-color:#c2a05e !important}
.trust-row a{color:#7d6330 !important}
.howto{border-color:#d5dde8 !important}
.howto summary{color:#7d6330 !important}
.howto summary::after{color:#c2a05e !important}
.howto li{color:#46566e !important;border-top-color:#e9edf4 !important}
.howto li b{color:#152238 !important}
.howto-car{border-color:#d5dde8 !important}
.hc-stage{background:#eef1f6 !important}
.hc-cap{color:#46566e !important}
.hc-dots button{border-color:#c2a05e !important}
.hc-dots button.on{background:#c2a05e !important}
.filt{background:rgba(255,255,255,.96) !important;border-bottom-color:#dde3ec !important}
.filt .lbl{color:#4d5f80 !important}
.filt button.chip{border-color:#c9d3e0 !important;background:#fff !important;color:#44536b !important}
.filt button.chip.on{background:#152238 !important;border-color:#152238 !important;color:#fff !important}
.shuffle{border-color:#c2cddc !important;color:#7d6330 !important}
.shuffle:hover{border-color:#c2a05e !important;color:#c2a05e !important}
.cell.sel{border-color:#c2a05e !important}
.cell.sel::after{background:rgba(194,160,94,.14) !important}
.cell .chk{border-color:#c2cddc !important}
.cell .chk::after{border-color:#c2a05e !important}
.cell.sel .chk{background:#c2a05e !important;border-color:#c2a05e !important}
.cell.sel .chk::after{border-color:#fff !important}
.bar{border-top-color:#dde3ec !important;box-shadow:0 -8px 24px rgba(20,35,60,.10) !important}
.bar .cnt{color:#152238 !important}
.bar .cnt b{color:#7d6330 !important}
.bar input.title{border-color:#c2cddc !important}
.bar .go{background:linear-gradient(180deg,#e8cd8c 0%,#c9a75f 45%,#a0813f 100%) !important;border-color:#b3914f !important;text-shadow:0 1px 2px rgba(60,40,10,.4) !important}
.bar .hint{color:#7d6330 !important}
.editbn{background:#eef2f8 !important;border-color:#c9d5e6 !important;color:#3d537a !important}
.editbn b{color:#152238 !important}
.editbn a{color:#7d6330 !important}
.done h2{color:#152238 !important}
.done .lead,.done label{color:#46566e !important}
.done .field input{border-color:#c2cddc !important;background:#f6f8fb !important}
.done .field button{background:#c2a05e !important;border-color:#c2a05e !important}
.done .acts .view{background:linear-gradient(180deg,#e8cd8c,#c9a75f 45%,#a0813f) !important;box-shadow:0 4px 14px rgba(20,35,60,.25) !important}
.done .acts .reg{background:#152238 !important}
.done .acts .close{background:#eef1f6 !important;color:#44536b !important}
.done .acts .resel{color:#7d6330 !important;border-color:#d3b678 !important}
.upsell{background:#f2f5fa !important;border-color:#c9d3e0 !important;color:#46566e !important}
.upsell b{color:#7d6330 !important}
.faqlink{color:#7d6330 !important}
.grid-loading{color:#7d6330 !important}
.grid-loading .sp{border-color:#dbe4f0 !important;border-top-color:#c2a05e !important}
#poolNote{color:#7d6330 !important}

.maker .m-visual .mock span{background:#0e1c33 !important}
.maker .m-visual .frame{border-color:rgba(198,214,236,.4) !important;background:rgba(255,255,255,.04) !important}

/* 「全カットを見る」ボタン（視認性修正 2026-08-13） */
.pcard .open{background:#152238 !important;color:#fff !important;border:none !important}
.pcard .open:hover{background:#c2a05e !important}