/* 映画館ページ内だけに適用。既存の共通CSS・テンプレートは変更しない。 */
.cinema-page { color:var(--text, #1f2937); min-width:0; }
.cinema-page .cinema-disaster { margin:0 0 24px; }
.cinema-page .cinema-breadcrumb { margin:0 0 24px; font-size:14px; color:var(--text-soft, #596575); }
.cinema-page .cinema-intro { margin-bottom:36px; }
.cinema-page .cinema-eyebrow { margin:0 0 8px; color:var(--link, #0f4c81); font-size:14px; font-weight:700; }
.cinema-page h1 { margin:0 0 16px; font-size:clamp(25px, 2.7vw, 34px); line-height:1.5; }
.cinema-page p { text-indent:0; }
.cinema-page .cinema-intro > p { margin:0 0 16px; }
.cinema-page .cinema-notice { padding:14px 16px; border-left:3px solid var(--link, #0f4c81); background:#f3f6fa; font-size:14px; }
.cinema-page .cinema-region-nav { display:flex; flex-wrap:wrap; gap:12px; }
.cinema-page .cinema-region-nav a { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:44px; padding:8px 16px; border:1px solid #c8d5e2; text-decoration:none; font-weight:700; }
.cinema-page .cinema-region { margin-bottom:36px; scroll-margin-top:24px; }
.cinema-page .cinema-region h2 { display:flex; align-items:center; gap:12px; margin:0 0 20px; padding-bottom:12px; border-bottom:2px solid var(--header-bg, #0b2545); font-size:24px; line-height:1.5; }
.cinema-page .cinema-region h2 span { color:var(--text-soft, #596575); font-size:14px; font-weight:400; }
.cinema-page .cinema-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.cinema-page .cinema-card { display:flex; flex-direction:column; min-width:0; padding:22px; border:1px solid var(--card-border, #e5e7eb); border-top:3px solid var(--header-bg, #0b2545); background:var(--card-bg, #fff); border-radius:var(--card-radius, 0); box-shadow:var(--card-shadow, none); overflow-wrap:anywhere; }
.cinema-page .cinema-city { margin:0 0 8px; color:var(--text-soft, #596575); font-size:13px; }
.cinema-page .cinema-card h3 { margin:0 0 16px; font-size:20px; line-height:1.5; }
.cinema-page .cinema-address { margin:0 0 20px; font-size:14px; line-height:1.85; }
.cinema-page .cinema-address dt { color:var(--text-soft, #596575); font-size:12px; }
.cinema-page .cinema-address dd { margin:4px 0 0; }
.cinema-page .cinema-card-links { margin-top:auto; }
.cinema-page .cinema-button { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-height:48px; padding:10px 12px; background:var(--header-bg, #0b2545); color:#fff; font-size:14px; font-weight:700; line-height:1.6; text-decoration:none; }
.cinema-page .cinema-button:hover { background:#174773; color:#fff; }
.cinema-page a:focus-visible { outline:3px solid #3178bc; outline-offset:4px; }
.cinema-page .cinema-link-note { margin:10px 0 0; color:var(--text-soft, #596575); font-size:12px; line-height:1.7; }
.cinema-page .cinema-guide { display:inline-flex; align-items:center; min-height:44px; margin-top:4px; font-size:13px; }
.cinema-page .cinema-updated { margin:0 0 16px; color:var(--text-soft, #596575); font-size:13px; }
.cinema-page .cinema-home { display:inline-flex; align-items:center; min-height:44px; gap:20px; }
.cinema-page .cinema-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0; }
@media (max-width:640px) {
    .cinema-page .cinema-grid { grid-template-columns:minmax(0, 1fr); }
    .cinema-page .cinema-card { padding:20px; }
    .cinema-page .cinema-region-nav a { flex:1 1 120px; }
    .cinema-page .cinema-region h2 { font-size:22px; }
}