/* ========================================
   stampcard 専用スタイル
   ========================================

   [ui-improvement] 2026-08-11 に **打ち消し部分だけを削除**した。
     要件 3.1節 No.8 / 懸念5・懸念11 / 要検討事項.md 検討4

   ⚠️ 当初の計画は「footer.css をファイルごと削除」だったが、実際に中身を読むと
      このファイルは打ち消し専用ではなく、**共通CSSとの互換に必要な修正**も
      同居していた。全部消すと stampcard 側が壊れるため、raffle.css と同じく
      「打ち消しだけ削る」方針に変更した。

   --- 削除したもの（本改修では共通CSS側が面倒を見る）---------------------------
     #wrapper / #contents / #app-root … 幅・padding・margin の !important リセット
                                        （中央480px化が効かなくなる元凶）
     .l-header__gnav {display:flex}    … 下部メニューの強制表示
                                        （新仕様ではサイト設定に従う・3.1節 No.11）
     .l-header__logo {display:none}    … ロゴの強制非表示
                                        （新仕様ではヘッダー表示設定に従う・3.1節 No.7）
     .l-footer__outer {display:none}   … 実フッターの強制非表示
     #app-root {padding-bottom:4.75rem}… 下部メニュー高さのハードコード
                                        （新仕様は --gnav-height トークン・3.1節 No.4）
     body {max-width:480px; margin:auto; background:#eeeeee}
                                       … 480px中央寄せと左右余白の色。
                                         新仕様では body の --app-shell-width と
                                         html の --gutter-color が担当する（3.1節 No.1・No.2）
     html {background-color:#eeeeee}   … 同上（左右余白の色）
     @media (min-width:744/808/992px)  … 共通CSSのPC段を打ち消してモバイル見た目を
                                         強制していた3ブロック。共通CSS側から
                                         PC段そのものを削除したので不要（Q&A#75）

   --- 残したもの（打ち消しではなく、共通CSSとの互換に必要）---------------------
     .main / .container-error / .alert-box1 … 100vw・viewport相対幅が
                                              480pxの中央列をはみ出す問題の修正。
                                              **新デザインでも同じ問題が起きるので必要**
     a / .card-item / .checkbox-main 等    … 共通CSSのリセットとの box-sizing・
                                              リンク色・チェックボックスの衝突回避
     body のタイポグラフィ（色・書体・行間）… stampcard 自身の見た目。レイアウトとは無関係

   --- develop マージ時の競合解消（2026-09-01）--------------------------------
     develop 側の 430ce54「fixed bug」は削除対象ブロック（body/html/#app-root等）に
     var(--stampcard-background_color) と min-height:100vh を追加していたが、
     本ファイルでは取り込まず削除を維持した。理由:
       ・.main の背景色・100vh は同コミットが index.css 側にも入れており、そちらで生きる
       ・左右余白（gutter）の色は新仕様でサイト設定の gutter_color が担当（3.1節 No.2）
       ・下部ナビ分の余白は共通CSSの --gnav-height ベースの padding が担当（3.1節 No.4）
   ======================================== */

/* stampcard 自身のタイポグラフィ。共通CSSのリセットに上書きされないよう残す。
   ⚠️ レイアウト（max-width / margin / background）はここでは指定しない。
      それらは本改修で共通CSS側（--app-shell-width / --gutter-color）が持つ。 */
body {
  color: #333 !important;
  font-family: 'Noto Sans JP', sans-serif !important;
  line-height: 1.5 !important;
}

.main {
  /* index.css は .main { width: 100vw } を当てている。
     body が 480px に縮んでも 100vw は viewport 全幅のままなので
     body 中央列をはみ出してしまう。body に追従する 100% に変える。
     手机端では 100vw ≈ 100% で見た目は同じ。 */
  width: 100% !important;
  max-width: 100% !important;
}

.container-error {
  width:100%
}

/* ---- モーダル alert-box1 ----
   index.css は .alert-box1 { position:fixed; left:50%; width:80% } を当てている。
   position:fixed の % は viewport 相対なので PC（1920px）で 1536px に
   膨れて stampcard 中央列（480px）を突き抜ける。
   → 90% + max-width:480px で「小屏は 90% 自适应 / 大屏は stampcard 列幅に揃える」 */
.alert-box1 {
  width: 90% !important;
  max-width: 480px !important;
}

/* ---- 共有 CSS のリンク色リセットを無効化（stampcard は index.css で制御） ---- */
a {
  color: inherit;
  text-decoration: none;
}

.card-item.flex-align-center {
  box-sizing: initial;
  line-height: initial;
}

.alert-box1 {
  box-sizing: initial;
}

.alert-box1 .btn {
  box-sizing: border-box;
}

.alert-box1 .btn-primary {
  box-sizing: border-box;
}
.flex-align-justify-center {
  text-decoration: none !important;
}
.checkbox-main :where(input[type=checkbox]) {
  top: 0;
  appearance: auto;
  position: unset;
}