/* 各公演ページ（/osaka/index.html など）専用スタイル
デザインはポップ版（css/city-pop.css）と同じ。クラス名の .city_pop を .city_page に置き換えている。
テーマ：雪の日の水色 × 白 × ひまわり色（Noto Sans JP。角丸・色数は控えめ）
font-size は rem で書く（1rem = 16px。html の 62.5% 指定は使わない）。グリッドは使わない（flex / block / table で組む）。
動きは js/city.js（GSAP）。JS が動かなくても全要素が見える状態を初期値にしている。
※ ポップ版にない要素（英字見出しなしの和文見出し・所属・ACCESSボタン・お問い合わせ小見出し・
料金下の転売禁止の囲み）は、このファイルの「公演ページのみの指定」にまとめている。 */
.city_page {
/* KV（濃紺版と共通の指定）が使う色 */
--c-gold: #e9d3a1;
--p-sky: #6fb8fa;
--p-sky-deep: #3d8fcb;
--p-sky-pale: #e6f3fc;
--p-navy: #1f3f78;
--p-yellow: #ffd95a;
--p-clear-yellow: #fff24a; /* レモン寄りの黄色 */
--p-pink: #ff9db0;
--p-pink-pale: #ffeef1;
--p-mint: #a6e3d0;
--p-cream: #fffdf6;
/* 全画面メニュー（jquery.fatNav.css）が参照する色 */
--tk-black: #56a9e5; /* 全画面メニューの背景色 */
--tk-gold: #ffe27a;
--tk-white: #fff;
--tk-gray: #eaf5ff;
}
/* 書体の割り当て：濃紺版（css/city.css）と同じ要素に同じ書体を当てる
ここに無い要素は base.css の body の指定。 */
.city_page .sec_en,
.city_page .contact_tel {
font-family: var(--font-lexend);
}
.city_page .sale_list .sale_title .type,
.city_page .sale_list .sale_title .remark {
font-family: 'Roboto', 'Noto Sans JP', sans-serif;
}
/* ページ地色：CHROMA Atelier「Peach ribbon」のグラデーション
画面に固定した層（body::before）に敷き、6.12秒で行き来させる。
※ 元のSVGは縦横比 16:10 を保つため、縦長の画面では帯状にしか描かれない。
外側の