@charset "UTF-8";

/* ============================================================
   INDEX.CSS — イベントカラー変数（企画ごとに書き換え）
   event.css のデフォルト値をここで上書きするだけ。
   event.css 自体は触らない。

   WORKFLOW:
     1. :root の色変数を企画カラーに変更する
     2. 背景やフォントのカスタマイズはコメントアウトを外して追記
     3. 共通コンポーネントの変更は event.css へ
   ============================================================ */


/* ============================================================
   BRAND COLORS — 企画ごとに変更する
   ============================================================ */
:root {
   --color-main: #8f7dfd;
   /* ページ背景色 */
   --color-sub1: #8070f0;
   /* メインカラー（ボタン・ボーダー・見出しリボン） */
   --color-sub2: #8070f0;
   /* サブカラー（グラデーション端・濃色アクセント） */
   --color-sub3: #1cdb9e;
   /* 第3カラー（必要な場合のみ変更） */
   --color-sub4: #f8f878;
   /* 第4カラー（必要な場合のみ変更） */
   --color-local: #EF5D49;
   /* イベント固有アクセント（バッジ・ラベル等） */
   --color-text: #ffffff;
   --color-button: #1cdb9e;
}


/* ============================================================
   BACKGROUND (任意)
   企画の背景色・パターンが必要な場合にコメントアウトを外す
   ============================================================ */
/* body { background-color: #f0e8ff; } */


/* ============================================================
   SECTION TITLE IMAGES (任意)
   セクションタイトル画像のサイズを調整する場合
   ============================================================ */
/* .p-shinkansen .bannerImg img { max-width: 300px; margin: 0 auto; } */
/* .p-camera    .bannerImg img  { max-width: 280px; margin: 0 auto; } */
/* .p-prize     .bannerImg img  { max-width: 280px; margin: 0 auto; } */


/* ============================================================
   STAMP / AR GRID (任意)
   ARフレーム数が異なる場合に列数を変更する
   ============================================================ */
/* .icon-grid-4 { grid-template-columns: repeat(3, 1fr); } */


/* ============================================================
   FONT OVERRIDE (任意)
   企画カスタムフォントが必要な場合
   ============================================================ */
/* @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;900&display=swap'); */
/* .fontEvent { font-family: 'M PLUS Rounded 1c', sans-serif !important; } */



main {
   font-family: "Noto Sans JP", "Noto Serif JP", sans-serif;
}

.fontEvent {
   font-family: "Noto Sans JP", sans-serif !important;
}