@charset "UTF-8";
/* =========================================================
   もりおか座映画祭2026  theme-c.css（C案：A案ベース）
   ・見出しなどの星：のぼりの水色 #1FC2D7
   ・MOVIE SELECT の帯：H202 S40 B80（#7AAECC）＋濃い文字（白文字はコントラスト不足のため）
   ・森田芳光監督特集の枠：フィルムの点線は A案と同じ
   ・ヘッダー／フッターのロゴ：山＋MORIOKA ZA CINEMA FESTIVAL まで（フッターはかな表記も）
   ========================================================= */
:root {
  --aqua:       #1fc2d7;   /* 星 */
  --movie-bg:   #7aaecc;   /* MOVIE SELECT の帯（H202 S40 B80） */
  --movie-ink:  #0b3c49;   /* 帯の上の見出し（コントラスト4.9） */
}

/* ---------- 星を水色に ---------- */
.ttl-st::before { background: var(--aqua); opacity: .55; }
.ttl.is-in .ttl-st::before { background: var(--aqua); filter: drop-shadow(0 0 5px rgba(31, 194, 215, .85)); }

/* ---------- MOVIE SELECT ---------- */
.band-movie { background: var(--movie-bg); color: var(--ink); }
.band-movie .ttl { color: var(--movie-ink); }
.band-movie .ttl .ja { color: rgba(17, 24, 39, .72); }
.band-movie .ttl-st::before { background: #fff; opacity: .8; }
.band-movie .ttl.is-in .ttl-st::before { background: #fff; filter: drop-shadow(0 0 6px rgba(255, 255, 255, .95)); }
.movie-note { color: rgba(17, 24, 39, .78); }
.feat-ttl { color: var(--movie-ink); }
.feat-ttl::after { background: rgba(11, 60, 73, .3); }
.films li { border-bottom-color: rgba(11, 60, 73, .22); }
.films a:hover { color: #fff; }
.film-meta { color: rgba(17, 24, 39, .7); }
.film-meta .talk { color: var(--movie-ink); }
.feat-desc { color: rgba(17, 24, 39, .88); }
/* 森田芳光監督特集：枠とフィルムの点線は A案と同じ（背景だけ帯の青になじむ白の透過に） */
.feat-main { background: linear-gradient(120deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .1)); border-color: rgba(255, 255, 255, .55); }
.feat-main::before, .feat-main::after { opacity: .8; }
.feat-main .feat-label { color: var(--movie-ink); }
.feat-main .feat-ttl { color: var(--ink); }

/* ---------- ロゴ（山＋英字）：ヘッダーを少し高くしてフィルム帯との間に余白 ---------- */
:root { --hd-h: 88px; }
.hd-in { padding-block: 15px; }
.hd-brand .mark { width: auto; height: 56px; }
.ft .mark { width: auto; height: 130px; }
@media (max-width: 1099px) {
  :root { --hd-h: 64px; }
  .hd-in { padding-block: 0; }
  .hd-brand .mark { width: auto; height: 46px; }
}