@charset "utf-8";

/* Article rhythm is owned here, not by the retired #main heading rules. */
body.news-detail-page .news-body h2 { margin: 24px 0 16px; padding: 10px 16px; font-size: 1.2rem; line-height: 1.5; }
body.news-detail-page .news-body h3 { margin: 20px 0 14px; padding: 8px 16px; border: 1px solid #dce9f4; font-size: 1.05rem; line-height: 1.5; }
body.news-detail-page .news-body p + p { margin-top: 16px; }
body.news-detail-page .news-body ul, body.news-detail-page .news-body ol { padding-left: 24px; }

body.news-page { margin: 0; background: #f4f8fc; color: #24354a; }
body.news-page *, body.news-page *::before, body.news-page *::after { box-sizing: border-box; }
body.news-page .news-page-hero { background: linear-gradient(125deg, #123e69, #235d8e); color: #fff; }
body.news-page .news-page-hero__inner { width: min(1120px, calc(100% - 32px)); margin: auto; padding: 35px 0 38px; }
body.news-page .news-page-hero h1 { margin: 6px 0 8px; padding: 0; border: 0; background: none; color: #fff; font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.35; }
body.news-page .news-page-hero p { margin: 0; color: #e7f1fb; line-height: 1.7; }
body.news-page .news-page-hero__eyebrow { font-size: .75rem; font-weight: 700; letter-spacing: .13em; }
body.news-page #main.news-main { float: none; width: min(1120px, calc(100% - 32px)); max-width: none; margin: 0 auto; padding: 24px 0 56px; }
body.news-page #main nav[aria-label="パンくずリスト"] { margin: 0 0 17px; }
body.news-page #main .breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; color: #607489; font-size: .84rem; }
body.news-page #main .breadcrumb li { margin: 0; padding: 0; border: 0; background: none; }
body.news-page #main .breadcrumb li::before { content: none; }
body.news-page #main .breadcrumb a { color: #1769aa; text-decoration: none; }
body.news-page .hanabi-ad-container { max-width: 100%; }

body.news-list-page .news-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
body.news-list-page .news-list-item { margin: 0; padding: 0; overflow: hidden; background: #fff; border: 1px solid #d8e6f2; border-radius: 13px; box-shadow: 0 5px 18px rgba(28, 68, 103, .05); }
body.news-list-page .news-list-item > a { display: grid; grid-template-columns: 210px minmax(0, 1fr); grid-template-rows: auto auto 1fr; gap: 5px 20px; min-height: 142px; padding: 16px; color: inherit; text-decoration: none; }
body.news-list-page .news-list-item--text-only > a { display: block; }
body.news-list-page .news-list-item:hover { border-color: #a5cae9; background: #fbfdff; }
body.news-list-page .news-thumb-s { grid-row: 1 / 4; display: block; width: 100% !important; max-width: none !important; height: 142px !important; margin: 0; object-fit: cover; border-radius: 8px; }
body.news-list-page .news-list-date { grid-column: 2; margin: 0; color: #62778c; font-size: .78rem; }
body.news-list-page .news-list-title { grid-column: 2; margin: 0; color: #213b55; font-size: 1.1rem; font-weight: 700; line-height: 1.55; }
body.news-list-page .news-list-summary { grid-column: 2; margin: 0; color: #5d7082; font-size: .88rem; line-height: 1.7; }

body.news-page .news-type-label { display: inline-flex; align-items: center; margin: 0 8px 0 0; padding: 3px 9px; color: #245679; background: #e9f3fb; border: 0; border-radius: 6px; font-size: .76rem; font-weight: 700; line-height: 1.4; vertical-align: middle; }
body.news-page .news-type-cancel { color: #a13c42; background: #fff0f0; }
body.news-page .news-type-postpone, body.news-page .news-type-reschedule { color: #8e6116; background: #fff3dc; }
body.news-page .news-type-go_confirmed, body.news-page .news-type-go_today { color: #286c4c; background: #eaf7ee; }
body.news-page .news-type-live { color: #674f99; background: #f2edfc; }

body.news-detail-page #main > article { padding: clamp(18px, 3vw, 38px); background: #fff; border: 1px solid #d8e6f2; border-radius: 16px; box-shadow: 0 10px 26px rgba(28, 68, 103, .06); }
body.news-detail-page #main > article > h1 { margin: 0 0 18px; padding: 0; color: #213b55; background: none; border: 0; font-size: clamp(1.5rem, 2.7vw, 2.15rem); line-height: 1.45; }
body.news-detail-page #main > article > h1::first-letter, body.news-detail-page #main article h2::first-letter { padding: 0; border: 0; }
body.news-detail-page #main article h2 { color: #214c73; background: #eaf4ff; border: 0; border-left: 4px solid #2584cd; border-radius: 7px; }
body.news-detail-page #main article h3 { color: #214c73; background: #f5f9fd; border-color: #dce9f4; }
body.news-detail-page #main article h3::first-letter { padding: 0; border: 0; }
body.news-detail-page .news-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 0 0 18px; color: #66798c; font-size: .82rem; }
body.news-detail-page .news-meta .news-type-label { margin: 0; }
body.news-detail-page .news-author-sns { color: #1769aa; }
body.news-detail-page .news-thumb, body.news-detail-page .news-summary, body.news-detail-page .news-body, body.news-detail-page .news-related-fireworks, body.news-detail-page .author-box-wrap { margin: 0 0 24px; }
body.news-detail-page .news-thumb img { display: block; width: 100% !important; height: auto !important; max-width: 880px; margin: 0 auto; border-radius: 10px; }
body.news-detail-page .news-image-credit { display: block; margin-top: 7px; color: #748596; text-align: right; }
body.news-detail-page .news-summary { padding: 16px 18px; color: #334b60; background: #f0f7fd; border-left: 4px solid #3b8dcc; border-radius: 7px; line-height: 1.8; }
body.news-detail-page .news-summary p { margin: 0; }
body.news-detail-page .news-body { color: #2c4053; font-size: 1rem; line-height: 1.9; overflow-wrap: anywhere; }
body.news-detail-page .news-body img { max-width: 100%; height: auto; }
body.news-detail-page .news-body a, body.news-detail-page .news-related-fireworks a { color: #1769aa; }
body.news-detail-page .news-body-link, body.news-detail-page .news-external-link { margin: 18px 0; }
body.news-detail-page .news-body-link .btn5, body.news-detail-page .news-external-link .btn5 { display: inline-flex; align-items: center; min-height: 42px; padding: 9px 17px; color: #1769aa; background: #fff; border: 1px solid #a9cfee; border-radius: 999px; text-decoration: none; }
body.news-detail-page .news-body-link .btn5:hover, body.news-detail-page .news-external-link .btn5:hover { background: #eaf5ff; }
body.news-detail-page .news-related-fireworks { padding: 18px; background: #f7fbff; border: 1px solid #dbe9f5; border-radius: 10px; }
body.news-detail-page #main .news-related-fireworks h2 { margin: 0 0 9px; padding: 0; color: #274762; background: none; border: 0; font-size: 1.13rem; }
body.news-detail-page .news-related-fireworks ul { margin: 0; padding-left: 20px; }

@media (max-width: 700px) {
  body.news-page #main.news-main, body.news-page .news-page-hero__inner { width: calc(100% - 24px); }
  body.news-page #main.news-main { padding-top: 16px; }
  body.news-list-page .news-list-item > a { display: flex; flex-direction: column; gap: 8px; padding: 12px; }
  body.news-list-page .news-thumb-s { height: auto !important; aspect-ratio: 16 / 9; }
  body.news-list-page .news-list-title { font-size: 1rem; }
  body.news-detail-page #main > article { padding: 16px; }
}