/*
 * E クローム×紺 — ヴァイスシュヴァルツのロゴの配色に寄せる。
 * ロゴの文字は「白→銀→灰で中央に地平線が入るクローム」＋「濃紺の縁取り」、Schwarz は濃紺の塗り。
 * 見出し・ロゴ文字にクロームの帯、天井と縁取りに濃紺。強調色は使わず紺の太字で価格を立てる。
 */
:root {
  --navy: #0b1633;
  --navy-2: #16244d;
  --chrome: linear-gradient(180deg, #ffffff 0%, #e6e9ef 44%, #a9b1c0 50%, #d9dde5 56%, #f6f7fa 100%);
  --chrome-text: linear-gradient(180deg, #ffffff 0%, #dfe3ea 45%, #8d96a8 52%, #c9ced8 60%, #ffffff 100%);
  --c-bg: #ffffff; --c-surface: #eef1f6; --c-ink: #0b1633; --c-text: #262c3d; --c-muted: #667089; --c-line: #dde2ea; --c-link: #1d3f94;
  --c-accent: #16307a; --c-accent-ink: #ffffff;
  --c-header-bg: #0b1633; --c-header-fg: #ffffff;
  --c-h2-bg: #eef1f6; --c-h2-fg: #0b1633; --c-h2-bar: #0b1633;
  --c-summary-bg: #ffffff; --c-summary-border: #0b1633;
  --rar-sp-bg: linear-gradient(180deg, #ffffff, #c9ced8 50%, #eef0f4); --rar-sp-fg: #0b1633;
  --rar-other-bg: #e7ebf2; --rar-other-fg: #0b1633;
  --font-display: "M PLUS 1p", var(--font-body); --font-num: "Oswald", var(--font-body); --display-weight: 800;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --c-bg: #0a1124; --c-surface: #121b33; --c-ink: #eef1f7; --c-text: #d3d8e4; --c-muted: #929ab0; --c-line: #233052; --c-link: #9db8ff;
  --c-accent: #b9c9ff; --c-accent-ink: #0a1124; --c-header-bg: #050a18; --c-h2-fg: #0b1633;
  --c-summary-bg: #0e1630; --c-summary-border: #c9ced8; --rar-other-bg: #1c2747; --rar-other-fg: #d3d8e4; color-scheme: dark;
} }

/* 天井: 濃紺＋下端にクロームの線。ロゴ文字はクロームの塗り */
.site-header { border-bottom: 0; box-shadow: inset 0 -3px 0 0 #a9b1c0; }
.logo-text { background: var(--chrome-text); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: .04em; }
.logo-mark { border-color: #c9ced8; }
.logo-mark i:first-child { background: var(--chrome); color: #0b1633; }   /* 紋章の白い半分 */
.logo-mark i:last-child { background: #0b1633; color: #e6e9ef; }          /* 黒い半分 */

/* 見出し: クロームの帯に濃紺の縁取り（ロゴの文字の作り） */
.guide h2 { border: 1.5px solid #0b1633; border-left-width: 6px; background: var(--chrome); color: #0b1633; text-shadow: 0 1px 0 rgba(255, 255, 255, .7); }
.guide h3 { border-bottom: 2px solid transparent; border-image: linear-gradient(90deg, #0b1633 0 64px, #dde2ea 64px) 1; }

/* 要点ボックス: 上帯を濃紺、文字はクローム */
.guide__price-now { padding: 0; overflow: hidden; }
.guide__price-now > * { margin-inline: var(--sp-4) !important; }
.guide p.guide__price-now__label--hi { margin: 0 !important; padding: var(--sp-2) var(--sp-4); background: #0b1633; color: #e6e9ef; letter-spacing: .04em; }
.guide__price-now > :last-child { margin-bottom: var(--sp-4) !important; }
.podium { margin-top: var(--sp-4); }
.podium__rank { background: var(--chrome); color: #0b1633; box-shadow: 0 0 0 1.5px #0b1633; }
.podium__item--1 .podium__rank { background: #0b1633; color: #ffffff; box-shadow: 0 0 0 1.5px #a9b1c0; }
.podium__item--1 .cardimg { box-shadow: 0 0 0 2px #0b1633, 0 0 0 4px #c9ced8; }
.guide__table thead th { background: #0b1633; color: #e6e9ef; }
.guide__cta { background: #0b1633; }