/* venues.html 専用（page-event.css と同じ分け方。base.css のキャッシュに影響させない）
会場カードは「一覧の白カード＋詳細ページの表」の語彙で組む。新しい色は足さない */
/* ヒーローとステータス帯は /entry と共通（base.css の .entry_hero / .status_bar をそのまま使う）。
前提3点はステータス帯の下に置くので、上に余白を取る */
.venue_premise{margin-top:40px}
/* 前提3点。読ませたい塊なので .notices と同じ「地を変えた場所」に置く */
.venue_premise{
padding:24px 24px;background:var(--nm-mist);border-left:5px solid var(--nm-ink);
display:grid;gap:10px;
}
.venue_premise li{font-size:1.4rem;line-height:1.95;padding-left:1.2em;text-indent:-1.2em}
.venue_premise li::before{content:"・";display:inline-block;width:1.2em;text-indent:0}
.venue_count{
display:inline-block;margin-left:12px;padding:2px 10px;border-radius:999px;
background:var(--nm-ink);color:var(--nm-white);
font-family:var(--nm-font-cond);font-size:1.3rem;font-weight:700;letter-spacing:.08em;vertical-align:middle;
}
/* --- 会場カード --- */
.venue_card{
margin-top:24px;padding:32px 32px 28px;
background:var(--nm-white);border:1px solid var(--nm-line);
box-shadow:3px 3px 6px rgba(35,33,33,.12);
}
.venue_card + .venue_card{margin-top:20px}
.venue_tags{display:flex;flex-wrap:wrap;gap:6px}
.venue_tags li{
display:inline-block;padding:4px 12px;border-radius:999px;
background:var(--nm-tag-field);font-size:1.2rem;line-height:1.6;letter-spacing:.04em;
}
.venue_tags li.area{background:var(--nm-ink);color:var(--nm-white);font-weight:700}
.venue_name{margin-top:14px;font-size:2.4rem;font-weight:900;line-height:1.4;letter-spacing:.03em}
.venue_facility{
display:block;margin-top:2px;font-size:1.4rem;font-weight:700;letter-spacing:.06em;color:#5f646a;
}
.venue_summary{margin-top:12px;font-size:1.5rem;line-height:1.95;max-width:820px}
/* 会場からの申し出。本文に埋もれさせない（.term_must と同じ赤の縦罫） */
.venue_offer{
margin-top:20px;padding:14px 16px;border-left:3px solid var(--nm-red);
background:rgba(210,45,55,.05);font-size:1.4rem;line-height:1.9;
}
/* 仕様表。詳細ページの .info_table と同じ「左に項目・下罫」 */
.venue_spec{margin:20px 0 0}
.venue_spec > div{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--nm-line)}
.venue_spec > div:first-child{border-top:1px solid var(--nm-line)}
.venue_spec dt{
flex:none;width:112px;font-size:1.3rem;font-weight:700;letter-spacing:.06em;
color:var(--nm-gray);line-height:1.8;padding-top:1px;
}
.venue_spec dd{margin:0;flex:1;min-width:0;font-size:1.4rem;line-height:1.8}
.venue_note{display:block;margin-top:8px;font-size:1.2rem;line-height:1.7;color:#5f646a}
/* 料金表。SPでもスクロールさせず、プラン名を折り返して3列を収める（金額はnowrap） */
.venue_price{width:100%;border-collapse:collapse;font-size:1.3rem;line-height:1.6}
.venue_price th,.venue_price td{padding:8px 10px;border:1px solid var(--nm-line);text-align:left;vertical-align:top}
.venue_price thead th{background:#f5f5f5;font-weight:700;white-space:nowrap}
.venue_price td:nth-child(n+2){white-space:nowrap;text-align:right;font-family:var(--nm-font-en)}
.venue_actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
.venue_more{display:inline-flex;align-items:center;min-height:44px;font-size:1.4rem}
.venue_src{margin-top:12px;font-size:1.2rem;line-height:1.7;color:#5f646a}
.venue_offer_cta{margin-top:20px}
/* 2行になるボタンは文節（.wbr）で折る。「フォ／ーム」のような語中改行を防ぐ（2026-09-04 実機指摘） */
.venue_offer_cta .btn_label{text-align:center;line-height:1.5}
.venue_band{margin-top:48px}
.venue_band .band_inner{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.venue_band h2{font-size:2rem;font-weight:900;letter-spacing:.04em;line-height:1.45}
.venue_band p{margin-top:6px;font-size:1.3rem;color:rgba(255,255,255,.82)}
@media screen and (max-width:767px){
.venue_premise{margin-top:28px}
.venue_premise{padding:18px 16px}
.venue_card{padding:22px 16px 20px}
.venue_name{font-size:2rem}
.venue_spec > div{flex-direction:column;gap:4px;padding:12px 0}
.venue_spec dt{width:auto}
.venue_price th,.venue_price td{padding:8px 6px}
.venue_price td:first-child{font-size:1.25rem}
.venue_actions .btn,.venue_offer_cta .btn{width:100%;justify-content:center}
.venue_band{padding:22px 20px}
}