/**
 * 共通スキン（全ページのトンマナ統一）
 * 運営者情報・お問い合わせ・プライバシーポリシーの最後に読み込み、（各社ページには当てない：専用デザインの訴求力を優先）
 * 旧デザインの色・フォント・角丸・傾きを
 * トップ／広告LPと同じ「紺＋コイン色＋ピクセル影」に上書きする。
 * 色を変えるときは、この :root だけ直せば全ページに効く。
 */
/* フォントは各ページの<head>で読み込む（@importは表示を待たせるので使わない） */

:root{
  --ink:#1b1b3a; --ink-2:#2c2c5a; --paper:#f3f5fb; --coin:#ffc93c; --go:#ff4d6d; --mint:#2ec4b6; --mute:#6b6f8c;
  --display:"DotGothic16","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;
  --body:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",Meiryo,sans-serif;

  /* 旧トークンを新パレットに割り当て */
  --bg:var(--paper); --c:#fff; --t:var(--ink); --tl:var(--mute);
  --o:var(--go); --y:var(--coin); --gold:var(--coin); --mid:var(--coin);
  --m:var(--mint); --good:var(--mint); --s:var(--ink-2); --p:var(--go); --v:var(--ink); --bad:var(--go);
  --game:var(--coin);
  --brand-1:var(--ink-2); --brand-1d:var(--ink); --brand-2:var(--coin); --brand-2d:#c99700; --brand-bg:#e9ecf8;
}

body{font-family:var(--body)!important;background:var(--paper)!important;color:var(--ink)!important;line-height:1.8}
h1,h2{font-family:var(--body)!important;font-weight:900!important} /* 長い日本語の見出しはドット文字だと読みにくいので通常のゴシック */

/* ピクセル調：角丸と傾きをなくす */
*,*::before,*::after{border-radius:0!important}
[class*="fv-"],[class*="badge"],[class*="card"],[class*="btn"],[class*="logo"],h1 span,h2 span{transform:none!important}
[class*="card"]:hover,[class*="btn"]:hover{transform:translate(2px,2px)!important}

/* 装飾の絵文字・記号は外す */
.fv::before,.fv::after,.fv-dec-1,.fv-dec-2{display:none!important}

/* ヘッダー帯・PR帯 */
.pr-bar{background:#fff!important;color:var(--ink)!important;font-size:13px!important;text-align:left!important;padding:6px 16px!important;border-bottom:1px solid #dfe3f0!important}
.hdr,header.hdr{background:var(--ink)!important;border-bottom:4px solid var(--coin)!important}
.hdr a,.hdr-btn{border-radius:0!important}

/* 主ボタンは「決定」色に統一 */
.btn-mega,.final-btn,.hdr-btn,.sticky a,[class*="cta"] a{background:var(--go)!important;color:#fff!important;border:3px solid var(--ink)!important;box-shadow:4px 4px 0 var(--ink)!important}

/* フッター */
footer,.ftr{background:var(--ink)!important;color:#b9bdd9!important}
footer a,.ftr a{color:#fff!important}
:focus-visible{outline:3px solid var(--go)!important;outline-offset:2px}
