@charset "UTF-8";
/* =========================================================
   もりおか座映画祭2026  theme-h.css（H案：G案＋トップ写真の差し替え・全面の色を敷かない・MOVIE SELECT 見出しを白）
   ・写真全体には色を敷かず、左の情報は濃さ50％のボックス、右のメニューの後ろは色なし（グラデーション案はコメントで保存）
   ・文字の影は使わない
   ========================================================= */

/* ---------- ファーストビュー：新しい写真、全面の色はなし ---------- */
.fv-bg { background-image: url("../images/common/bg-nakatsugawa.jpg"); background-position: center 45%; }
.fv-tint { display: none; }
@media (max-width: 1099px) { .fv-tint { display: none; } }

/* ---------- 左：第1回〜CONGRANT までを濃い色のボックスに ---------- */
.fv-info {
  max-width: none; width: calc(272px + 48px); padding: 24px;
  background: rgba(10, 52, 62, .5);
}
/* 日付は TICKET・CONGRANT の枠と同じ幅に */
.fv-date img { width: 272px; max-width: 100%; filter: none; }

/* ---------- 右：メニューの後ろの色はいったん外す（戻すときは下のコメントを外す） ----------
.fv-nav { position: relative; padding: 26px 30px 26px 22px; }
.fv-nav::before {
  content: ""; position: absolute; z-index: -1; inset: -70px -90px;
  background: radial-gradient(closest-side, rgba(10, 52, 62, .5) 50%, rgba(10, 52, 62, .25) 75%, rgba(10, 52, 62, 0) 100%);
  pointer-events: none;
}
---------- */
.fv-nav .is-soon .en { opacity: .62; }

@media (max-width: 1099px) {
  .fv-info { width: 100%; padding: 20px; }
  .fv-date img { width: 100%; max-width: none; }
}

/* ---------- MOVIE SELECT：見出しを白に ---------- */
.band-movie .ttl { color: #fff; }