@charset "utf-8";
/* ============================================================
   大相撲 巡業LP（/special/sumo/jungyo/）専用スタイル
   ../css/style2.css（/special/sumo/ と共通）を前提に、
   このページ固有の要素だけを追加する。
   新規の色・フォントサイズの定義は避け、既存トークン
   （.red #F03C3C / .day_list_label #2a3163 / .btn-l #BE1F1F 等）を再利用する。
============================================================ */

/* 席種カラー（指示書_4 §6-8-4で確定。座席図凡例・カード・比較表で共通して使うため
   :root に置く。このCSSは special/sumo/jungyo/index.html 専用で他ページから読み込まれないため
   スコープ漏れの心配はない）
   タマリS＝濃紺／アリーナイス＝オレンジ／2階A＝赤／3階B＝青（指示書_4 §6-8-4-5の指定通り） */
:root{
	--jungyo-c-tamari: #1b2a6b;
	--jungyo-c-arena: #d9761f;
	--jungyo-c-standa: #b03a2e;
	--jungyo-c-standb: #4a6fa5;
	--jungyo-c-unsold: #d6d7db;
	--jungyo-c-unsold-text: #63636d;
	--jungyo-c-check: #2f6b4a;
}

/* ------------------------------------------------------------
   パンくず（ヘッダー直下・H1の上）
   #globalheader は position:fixed / height:111px（PC）/ 62px（SP, max-width:767px）
   （assets/global/css/style2.css の定義。special/sumo/css/style2.css はこれを継承）。
   オフセットはこのラッパー側に持たせ、パンくず自体・111pxのベタ書きはしない。
------------------------------------------------------------ */
.jungyo-breadcrumb-bar{
	padding-top: 111px;
	background: #fff;
}
@media screen and (max-width: 767px){
	.jungyo-breadcrumb-bar{
		padding-top: 62px;
	}
}
/* .jungyo-breadcrumb-bar .section-inner{
	padding: 14px 0;
} */

/* 相撲LP ヘッダーオフセット修正（2026-08-24）で、共通の ../css/style2.css 側に
   .main{padding-top:111px}（SPは767px以下で61px）が追加された。
   このページは既に .jungyo-breadcrumb-bar 自身がヘッダー分のオフセットを
   確保しているため、.main 側の分がそのまま足されると二重オフセットになり、
   ヘッダーとメインビジュアルの間隔が広がりすぎる。このページでは .main の
   padding-top を打ち消す（オフセットは .jungyo-breadcrumb-bar のみが担う）。 */
.main{
	padding-top: 0;
}

/* special/sumo/css/style2.css に
   @media screen and (max-width:1024px){ .breadcrumb{ display:none; } }
   という記述があり（旧Breadcrumb NavXTの名残と見られる。特集ページ側でパンくずを
   使うのは今回が初めてで、これまで顕在化していなかった）、このままだとスマホ幅で
   このページのパンくずが消える。style2.css より後に読み込む本ファイルで明示的に上書きする。 */
nav.breadcrumb{
	display: block;
}
@media screen and (max-width: 1024px){
	nav.breadcrumb{
		display: block;
	}
}
nav.breadcrumb ol{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
}
nav.breadcrumb li{
	position: relative;
	font-size: 13px;
	color: #666;
}
nav.breadcrumb li + li{
	padding-left: 18px;
}
nav.breadcrumb li + li:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 6px;
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	transform: rotate(45deg);
}
nav.breadcrumb a{
	color: #666;
	text-decoration: underline;
}
nav.breadcrumb a:hover{
	opacity: 0.7;
}
nav.breadcrumb li[aria-current="page"]{
	color: #050505;
	font-weight: 600;
}

/* ------------------------------------------------------------
   ファーストビュー（/special/sumo/ の .mv を移植）
   画像は特集ページの慣例に合わせ special/sumo/jungyo/img/ に複写して使用するため、
   背景画像の参照先だけを ../css/style2.css の ../image/ から ../img/ に上書きする。
   background-size / position / repeat 等は style2.css の指定をそのまま引き継ぐ。
------------------------------------------------------------ */
.mv{
	background-image: url("../img/mv_bgred.png"),url("../img/mv_main.jpg");
}
.mv_rightimg_wrap{
	background-image: url("../img/mv_deco1.png");
}
.mv_bottomimg_wrap{
	background-image: url("../img/mv_deco2.png");
}

/* このページでは .mv の直前に既にヘッダー分のオフセットを確保した
   パンくずバー（.jungyo-breadcrumb-bar）があるため、style2.css側の
   .mv{padding:145px 0 40px}（SPは70px 0 20px）をそのまま使うとオフセットが
   二重になる。上側だけ装飾用の余白分に縮小する。 */
.mv{
	padding-top: 40px;
}
@media screen and (max-width: 650px){
	.mv{
		padding-top: 20px;
	}
}

/* ------------------------------------------------------------
   FVステータスボックス（指示書_9§4／§7）
   構造・基本配色（金縁・ダーク半透明・.mv_status_*一式）は
   /special/sumo/ 側の共通CSS（../css/style2.css）をそのまま流用し、
   ここでは新規に定義していない（完了報告参照：共通ファイルに既存のため複製不要）。
   ここで上書きするのは、多言語（WOVN）で英語が2〜3割長くなっても
   崩れないようにする折り返し許可のみ。white-space:nowrap のままだと
   .mv_status_name / .mv_status_from が長い英訳で見切れてしまうため、
   このページに限り2行折り返しを許可する（親ページ側の表示には影響しない。
   このファイルは special/sumo/jungyo/index.html だけが読み込むため）。
------------------------------------------------------------ */
.mv_status_name,
.mv_status_from{
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}
@media screen and (max-width: 650px){
	/* SPでのタップ領域確保（指示書_9§7：44px以上） */
	.mv_status_col{
		min-height: 44px;
	}
}

/* ------------------------------------------------------------
   本場所ページへの導線バナー（指示書_9§6）
   親ページ a.mv_jungyo_banner と対称構造・同サイズ感で新規定義。
   アクセント色は新規色を起こさず、親ページの ../css/style2.css で既に
   使われている朱赤トークン #D13209（.mv_status_badge の背景・開催月タブの
   active色と同じ値）を流用し、金縁のJUNGYOバナーと見分けがつくようにしている。
   本ファイル内で既存の紺 #2a3163（年間販売スケジュール表・タイムテーブル見出し等）も
   検討したが、この帯は写真背景に重なる半透明ダーク地（rgba(0,0,0,.55)）のため、
   紺だと文字・枠線としての視認性が低い。#D13209はダーク地の上でも読みやすい
   明度があり、親ページのFV改修でも同条件（同じダーク帯上）で既に採用実績がある
   （../css/style2.css の .mv_status_badge 参照）ため、こちらを選んだ。
------------------------------------------------------------ */
.mv_honbasho_banner{
	position: relative;
	z-index: 2;
	max-width: 820px;
	margin: 10px auto 0;
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	background: rgba(0,0,0,0.55);
	border: 1px solid #D13209;
	padding: 12px 18px;
}
.mv_honbasho_banner_label{
	flex: 0 0 auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 10.5px;
	letter-spacing: 2.4px;
	color: #D13209;
	border: 1px solid #D13209;
	padding: 4px 8px;
}
.mv_honbasho_banner_text{
	flex: 1;
	min-width: 0;
	color: #fff;
	font-family: "Yu Mincho", 游明朝, 游明朝体, "Noto Serif JP", serif;
	font-size: 15px;
	line-height: 1.4;
}
.mv_honbasho_banner_arrow{
	flex: 0 0 auto;
	color: #D13209;
	font-size: 19px;
}
@media screen and (max-width: 650px){
	.mv_honbasho_banner{
		padding: 10px 14px;
		gap: 10px;
	}
	.mv_honbasho_banner_text{
		font-size: 13px;
	}
}

/* ------------------------------------------------------------
   FV「1日で完結する特別な興行「巡業」」の行間・フォントサイズを詰める
   （指示書_9§7）。ステータスボックス追加でFVが縦に伸びる分を吸収するため。
   テキストは1文字も削っていない。.mv_tour_list はこのページにしかない
   要素だが、../css/style2.css 側は変更せずこのページ専用ファイルで上書きする。
------------------------------------------------------------ */
/* ステータスボックス（.mv_tour_price.mv_status_box）とこの直後の.mv_tour_listが
   余白なしで接してしまうため、このページ専用にmv_tour_list側へ上のマージンを追加する
   （共通の../css/style2.cssは変更せず、他ページのmv_tour_listには影響しない）。 */
.mv_tour_list{
	margin-top: 20px;
}
.mv_tour_list h2{
	font-size: 16px;
	padding: 8px 0;
	/* 共通../css/style2.cssの汎用h2セレクタ（h2{margin:0 0 30px 0}）が
	   .mv_tour_list h2 にもマージン30pxを効かせてしまい、h2の下に余分な
	   余白ができるため、このページに限りmarginを打ち消す（padding側は
	   共通の.mv_tour_list h2のborder-bottom装飾用に残す）。 */
	margin: 0;
}
.mv_tour_list th{
	font-size: 13.5px;
	line-height: 1.5;
}
.mv_tour_list td,
.mv_tour_list th{
	padding: 8px 2px;
}

.jungyo-hero{
	padding: 40px 0 60px;
}
.jungyo-hero-cta{
	margin-top: 20px;
	text-align: center;
}

/* ------------------------------------------------------------
   年間販売スケジュール表
------------------------------------------------------------ */
.jungyo-schedule-table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.jungyo-schedule-table th,
.jungyo-schedule-table td{
	border: 1px solid #ddd;
	padding: 14px 12px;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
}
.jungyo-schedule-table thead th{
	background: #2a3163;
	color: #fff;
	font-weight: bold;
}
.jungyo-schedule-table tbody tr.is-onsale td{
	background: #fff5f5;
}
.jungyo-schedule-table .status-onsale{
	color: #BE1F1F;
	font-weight: bold;
}
.jungyo-schedule-table .status-preparing{
	color: #8F8F8F;
}
.jungyo-schedule-table .btn{
	font-size: 14px;
	padding: 8px 30px 8px 16px;
}
@media screen and (max-width: 767px){
	.jungyo-schedule-table{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* ------------------------------------------------------------
   本場所との違い比較表
------------------------------------------------------------ */
.jungyo-compare-table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.jungyo-compare-table th,
.jungyo-compare-table td{
	border: 1px solid #ddd;
	padding: 14px 12px;
	font-size: 15px;
	vertical-align: top;
}
.jungyo-compare-table thead th{
	background: #2a3163;
	color: #fff;
	text-align: center;
}
.jungyo-compare-table th[scope="row"]{
	background: #f8f4e6;
	white-space: nowrap;
	text-align: left;
}
.jungyo-compare-table td.is-jungyo{
	color: #BE1F1F;
	font-weight: bold;
}
@media screen and (max-width: 767px){
	.jungyo-compare-table{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* ------------------------------------------------------------
   巡業の一日（タイムテーブル）
------------------------------------------------------------ */
.jungyo-timetable{
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.jungyo-timetable th,
.jungyo-timetable td{
	border-bottom: 1px solid #eaeaea;
	padding: 14px 12px;
	font-size: 15px;
	text-align: left;
	vertical-align: top;
}
.jungyo-timetable th{
	width: 140px;
	color: #2a3163;
	font-weight: bold;
	white-space: nowrap;
}
.jungyo-timetable-note{
	margin-top: 12px;
	font-size: 13px;
	color: #8F8F8F;
}

/* ------------------------------------------------------------
   会場アクセス：.hl_h3 は白文字前提（#highlightの暗い背景用）のため、
   明るい背景のこのセクションでは #tour .hl_h3 と同じ考え方で黒文字に上書きする
------------------------------------------------------------ */
.jungyo-hl-dark{
	color: #050505;
}

/* タブ（ul.tabs）とタブパネルの中身の間が詰まっている対策。
   .tabs li の margin:10px（共通CSS）だけでは足りないため、このページのタブパネルにだけ
   上の余白を追加する。h3.tour-ttl 自体には margin-top が無い（共通CSS）ため、ここで補う。 */
.tab-content{
	margin-top: 30px;
}

/* ============================================================
   会場切替タブ（#tour ul.tabs.venue_tabs）
   共有CSS（../css/style2.css）の .section-inner .tabs 系のルールは
   そのまま残し、変更しない（親ページ/special/sumo/の開催月タブ・
   プラン内容タブ、他ページのタブに影響しないため）。
   このページだけ ul.tabs に .venue_tabs を追加し、必ず
   「#tour .tabs.venue_tabs」でスコープしたセレクタで上書きする。
   DOM骨格（ul.tabs > li.theme-aki/theme-fuyu > a[href="#theme-*"]、
   li.active の付け外し）はjs/script.js・jungyo-tabs.jsが依存しているため
   変更していない。変更したのは a の中身（子要素）とCSSのみ。
============================================================ */
#tour .tabs.venue_tabs{
	display: flex;
	flex-wrap: nowrap;
	justify-content: stretch;
	gap: 20px;
	margin: 0 0 10px;
}
#tour .tabs.venue_tabs li{
	position: relative;
	margin: 0;
	width: auto;
	flex: 1 1 0;
	min-width: 0;
	text-align: left;
}
#tour .tabs.venue_tabs li a{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	min-height: 190px;
	padding: 0;
	background: #111;
	border: 2px solid rgba(5,5,5,.15);
	border-radius: 6px;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	transition: border-color .25s ease;
}
#tour .tabs.venue_tabs li a:hover{
	border-color: rgba(217,191,98,.8);
}
#tour .tabs.venue_tabs li a:focus-visible{
	border-color: rgba(217,191,98,.8);
	outline: 2px solid #D9BF62;
	outline-offset: 3px;
}
#tour .tabs.venue_tabs li.active a{
	border-color: #D9BF62;
	box-shadow: 0 0 0 1px rgba(217,191,98,.35);
	cursor: default;
}
#tour .tabs.venue_tabs li.active a:hover{
	border-color: #D9BF62;
}

/* 背景画像：非activeはグレースケール＋減光、hover/focusで元に戻す */
#tour .tabs.venue_tabs .venue_tab_media{
	position: absolute;
	inset: 0;
	z-index: 0;
}
#tour .tabs.venue_tabs .venue_tab_media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(0.6) brightness(0.7);
	transition: filter .3s ease;
}
#tour .tabs.venue_tabs li.active .venue_tab_media img{
	filter: none;
}
#tour .tabs.venue_tabs li:not(.active) a:hover .venue_tab_media img,
#tour .tabs.venue_tabs li:not(.active) a:focus-visible .venue_tab_media img{
	filter: grayscale(0.15) brightness(0.9);
}

/* オーバーレイ：非activeはより暗く（画像タブが「選択できない」に見えないよう、
   暗さだけに頼らず.venue_tab_state（切り替える）とセットで役割を伝える） */
#tour .tabs.venue_tabs li a:before{
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.4) 45%, rgba(0,0,0,.82) 100%);
	pointer-events: none;
	transition: background .3s ease;
}
#tour .tabs.venue_tabs li:not(.active) a:before{
	background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.88) 100%);
}

/* activeタブの下端の▼：直下の.tab-content（開いているタブの中身）と
   繋がっていることを示す装飾のみのため、テキストではなくCSS生成にしている。
   aは画像を角丸でクリップするためoverflow:hiddenを持たせているので、
   その外側（下）にはみ出す必要があるこの矢印はliの疑似要素にしている
   （liにはoverflow:hiddenを持たせていないため、はみ出しがクリップされない）。 */
#tour .tabs.venue_tabs li.active:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -9px;
	z-index: 3;
	width: 0;
	height: 0;
	margin-left: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 9px solid #D9BF62;
	pointer-events: none;
}

/* リボン：親ページ.jungyo_promo_ribbon（朱赤 #D13209＝別ページへ遷移）とは
   あえて色を変え、金 #D9BF62（メインビジュアルのステータスボックスと同じ色）にして
   「ページ内切替」であることを区別する（指示書§8） */
#tour .tabs.venue_tabs .venue_tab_ribbon{
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 8px;
   margin: 0 0 14px 0;
	padding: 4px 9px;
	background: #D9BF62;
	max-width: calc(100% - 28px);
}
#tour .tabs.venue_tabs .venue_tab_ribbon_en{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #050505;
	white-space: normal;
}
#tour .tabs.venue_tabs .venue_tab_ribbon_sub{
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: rgba(5,5,5,.7);
	border-left: 1px solid rgba(5,5,5,.35);
	padding-left: 8px;
	white-space: normal;
}

/* 本文（会場名・開催日） */
#tour .tabs.venue_tabs .venue_tab_body{
	position: relative;
	z-index: 2;
	padding: 12px 14px 14px;
}
#tour .tabs.venue_tabs .venue_tab_name{
	display: block;
	font-family: "Yu Mincho", 游明朝, 游明朝体, "Noto Serif JP", serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 4px;
}
#tour .tabs.venue_tabs .venue_tab_meta{
	display: block;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: rgba(255,255,255,.85);
}

/* 状態ラベル：「表示中」「切り替える ›」（画像の明暗だけに頼らず、
   非activeが押せることを文言で明示する。指示書§5の本体） */
#tour .tabs.venue_tabs .venue_tab_state{
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3;
}
#tour .tabs.venue_tabs .venue_tab_state_active,
#tour .tabs.venue_tabs .venue_tab_state_switch{
	display: none;
	align-items: center;
	gap: 3px;
	padding: 5px 9px;
	border-radius: 3px;
	white-space: normal;
}
#tour .tabs.venue_tabs .venue_tab_state_arrow{
	font-size: 13px;
}
#tour .tabs.venue_tabs .venue_tab_state_switch{
	background: rgba(5,5,5,.6);
	border: 1px solid rgba(255,255,255,.55);
	color: #fff;
	transition: background .25s ease, border-color .25s ease, color .25s ease;
}
#tour .tabs.venue_tabs li.active .venue_tab_state_active{
	display: inline-flex;
	background: #D9BF62;
	color: #050505;
}
#tour .tabs.venue_tabs li:not(.active) .venue_tab_state_switch{
	display: inline-flex;
}
#tour .tabs.venue_tabs li:not(.active) a:hover .venue_tab_state_switch,
#tour .tabs.venue_tabs li:not(.active) a:focus-visible .venue_tab_state_switch{
	background: #D9BF62;
	border-color: #D9BF62;
	color: #050505;
}

@media screen and (max-width: 1024px){
	#tour .tabs.venue_tabs li a{
		min-height: 170px;
	}
}

/* SP：縦積みにせず横並び2列のまま画像高さ・文字サイズを詰める（指示書§6）。
   共有CSS側の @media(max-width:650px){ .section-inner .tabs li{width:100%} }
   （タブが多い開催月タブ用の指定）がこのidセレクタより先に定義されているが、
   #tour を含むこちらの方が詳細度が高いため、ここでのwidth指定が優先される。 */
@media screen and (max-width: 650px){
	#tour .tabs.venue_tabs{
		gap: 8px;
		margin-bottom: 6px;
	}
	#tour .tabs.venue_tabs li{
		width: 50%;
	}
	#tour .tabs.venue_tabs li a{
		min-height: 132px;
	}
	#tour .tabs.venue_tabs .venue_tab_ribbon{
		margin: 8px 0 0 8px;
		padding: 3px 6px;
		gap: 6px;
	}
	#tour .tabs.venue_tabs .venue_tab_ribbon_en{
		font-size: 9.5px;
	}
	#tour .tabs.venue_tabs .venue_tab_ribbon_sub{
		font-size: 9px;
		padding-left: 6px;
	}
	#tour .tabs.venue_tabs .venue_tab_body{
		padding: 8px 8px 10px;
	}
	#tour .tabs.venue_tabs .venue_tab_name{
		font-size: 12.5px;
	}
	#tour .tabs.venue_tabs .venue_tab_meta{
		font-size: 10px;
	}
	#tour .tabs.venue_tabs .venue_tab_state{
		top: 6px;
		right: 6px;
	}
	#tour .tabs.venue_tabs .venue_tab_state_active,
	#tour .tabs.venue_tabs .venue_tab_state_switch{
		font-size: 9.5px;
		padding: 3px 6px;
	}
}
/* ============================================================
   /会場切替タブ
============================================================ */

/* ------------------------------------------------------------
   よくある質問（sumoの .faq-one / .faq-ques / .faq-ans を流用。
   FAQPageの構造化データ（Microdata/JSON-LD）は付与しない）
------------------------------------------------------------ */
.jungyo-faq{
	margin-top: 20px;
}

/* ------------------------------------------------------------
   末尾：本場所LPへの相互リンク
------------------------------------------------------------ */
.jungyo-honbasho-link{
	text-align: center;
	padding: 60px 0;
	background: #f8f4e6;
}
.jungyo-honbasho-link p{
	font-size: 16px;
	margin-bottom: 16px;
}

/* ------------------------------------------------------------
   準備中の日程用：お知らせを受け取る（問い合わせページへの暫定導線）
------------------------------------------------------------ */
.btn-outline{
	display: inline-block;
	font-size: 14px;
	padding: 8px 20px;
	border: 1px solid #8F8F8F;
	border-radius: 4px;
	color: #555;
}
.btn-outline:hover{
	background: #f5f5f5;
}

/* ------------------------------------------------------------
   予約ボタン準備中表示（商品コード未確定のため非活性のダミー表示。
   本物のyoyakuリンクに差し替える手順はindex.html内のコメントを参照）
------------------------------------------------------------ */
.btn-disabled{
	display: inline-block;
	font-size: 15px;
	padding: 12px 24px;
	background: #ccc;
	color: #666;
	border-radius: 6px;
	cursor: not-allowed;
}

/* ============================================================
   席種カード（秋巡業6プラン。指示書_3 §2-3の例外により新規定義）
   ここだけ、席種を色で識別するための新規クラス・新規カラーを許可されている。
   フォント・本文サイズ・見出し階層・ボタンの基本形（.btn/.btn-l/.btn-outline/.btn-disabled）は
   既存トークンを流用し、新規定義は「色」と「カード専用レイアウト」のみに限定している。
============================================================ */

/* ---- 全プラン共通の帯 ---- */
.jungyo-common-band{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	background: #fff;
	border: 1px solid #ddd;
	border-left: 4px solid #D9BF62;
	border-radius: 8px;
	padding: 14px 18px;
	margin-top: 24px;
}
.jungyo-common-band-label{
	font-size: 13px;
	font-weight: bold;
	color: #a8802a;
	letter-spacing: 0.05em;
	white-space: nowrap;
}
.jungyo-common-band ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
}
.jungyo-common-band li{
	font-size: 14px;
	font-weight: bold;
	background: #f5f2ea;
	border-radius: 5px;
	padding: 5px 12px;
}

/* ---- 席の位置（座席図は主催者データ受領後に追加。現状はプレースホルダ） ---- */
.jungyo-seatmap-section{
	margin-top: 40px;
}
.jungyo-seatmap-wrap{
	display: grid;
	grid-template-columns: 1fr 280px;
	gap: 24px;
	align-items: start;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 20px;
	margin-top: 16px;
}
@media screen and (max-width: 1024px){
	.jungyo-seatmap-wrap{
		grid-template-columns: 1fr;
	}
}
.jungyo-seatmap-svg{
	width: 100%;
	height: auto;
	display: block;
}
.jungyo-seatmap-note{
	margin-top: 12px;
	font-size: 13px;
	color: #8F8F8F;
}
.jungyo-seat-legend{
	list-style: none;
	margin: 0;
	padding: 0;
}
.jungyo-seat-legend li{
	font-size: 13.5px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 7px 0;
	border-bottom: 1px dashed #e2e2e6;
}
.jungyo-seat-legend li:last-child{
	border-bottom: 0;
}
.jungyo-seat-legend li.is-unsold{
	opacity: 0.68;
}
.jungyo-seat-legend b{
	display: block;
}
.jungyo-seat-legend .d{
	display: block;
	color: #8F8F8F;
	font-size: 12px;
}
.jungyo-seat-swatch,
.jungyo-seat-dot{
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 3px;
	flex: 0 0 13px;
	margin-top: 3px;
}
.jungyo-seat-dot{
	border-radius: 50%;
	width: 9px;
	height: 9px;
	flex: 0 0 9px;
	margin-right: 4px;
	margin-top: 0;
	vertical-align: middle;
}
.jungyo-seat-pill{
	display: inline-block;
	background: #eef4ee;
	color: #2f6b26;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 6px;
	border-radius: 4px;
	margin-left: 5px;
	vertical-align: 1px;
}
.jungyo-seat-pill.is-unsold{
	background: #f0f0f3;
	color: #7a7a84;
}
.jungyo-seat-pill.is-check{
	background: #fff3cd;
	color: #8a6d1a;
}

.jungyo-plancards{
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3階スタンドイスB席の取扱終了（2026-08-27）で3枚構成に変更 */
	gap: 16px;
	margin-top: 24px;
}
/* 冬巡業タブは4席種（タマリS/タマリA/アリーナイス/スタンドイス）のため、
   このタブ配下だけ4列にする。秋巡業タブ（3列）には影響しない。 */
.theme-fuyu .jungyo-plancards{
	grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1024px){
	.jungyo-plancards{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 480px){
	.jungyo-plancards{
		grid-template-columns: 1fr;
	}
}

.jungyo-plancard{
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
}
.jungyo-plancard.is-recommended{
	border-color: #D9BF62;
	box-shadow: 0 0 0 2px rgba(217, 191, 98, 0.25);
}
.jungyo-plancard-bar{
	height: 5px;
}
.jungyo-plancard-badge{
	position: absolute;
	top: 0;
	right: 12px;
	background: #D9BF62;
	color: #050505;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 9px;
	border-radius: 0 0 5px 5px;
	letter-spacing: 0.04em;
}
.jungyo-plancard-body{
	padding: 18px 16px 16px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.jungyo-plancard-head{
	display: flex;
	gap: 12px;
	align-items: center;
}
.jungyo-plancard-minimap{
	flex: 0 0 72px;
	width: 72px;
	height: auto;
	border-radius: 5px;
	background: #f4f5f7;
}
.jungyo-plancard-name{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: 1.35;
}
.jungyo-plancard-perk{
	font-size: 12px;
	font-weight: bold;
	color: #7a4a10;
	background: #fdf3e0;
	border: 1px solid #f0dcb4;
	border-radius: 6px;
	padding: 7px 10px;
	margin: 12px 0 0;
	line-height: 1.45;
}
.jungyo-plancard-name .ro{
	display: block;
	font-size: 10.5px;
	color: #8F8F8F;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-top: 3px;
}
.jungyo-plancard-who{
	font-size: 13px;
	color: #2a3163;
	background: #eef2f7;
	border-radius: 6px;
	padding: 8px 10px;
	margin: 12px 0 14px;
	line-height: 1.5;
}
.jungyo-plancard-spec{
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	font-size: 13px;
	color: #555;
	flex: 1;
}
.jungyo-plancard-spec li{
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
}
.jungyo-plancard-spec li:last-child{
	border-bottom: 0;
}
.jungyo-plancard-spec .v{
	color: #050505;
	font-weight: bold;
	text-align: right;
}
.jungyo-plancard-spec .v.red{
	color: #F03C3C;
}
.jungyo-plancard-spec .v.no{
	color: #a0a0aa;
	font-weight: normal;
}
.jungyo-plancard-buy{
	border-top: 1px solid #ddd;
	padding-top: 12px;
	margin-top: auto;
}
.jungyo-plancard-opt{
	margin-bottom: 10px;
}
.jungyo-plancard-opt:last-child{
	margin-bottom: 0;
}
.jungyo-plancard-opt-label{
	font-size: 12px;
	color: #8F8F8F;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 6px;
}
.jungyo-plancard-opt-price{
	font-size: 17px;
	font-weight: bold;
}
/* special/sumo/css/style2.css の small{background:#333;color:#fff;display:block;padding:20px}
   （既存サイトのどこにも <small> の実使用箇所がない、古い未使用スタイルと見られる）が
   「／人」表記に効いてしまい、黒い帯として目立ちすぎるため、ここだけ元のインライン表示に戻す。 */
.jungyo-plancard-opt-price small{
	background: none;
	color: inherit;
	display: inline;
	text-align: left;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	margin-left: 2px;
}
.jungyo-plancard-opt .btn,
.jungyo-plancard-opt .btn-disabled,
.jungyo-plancard-opt .btn-outline{
	display: block;
	width: 100%;
	text-align: center;
	margin: 6px 0 0;
	box-sizing: border-box;
}
/* 共通の .btn は margin:0 10px（左右マージン）／font-size:22px／
   非対称padding（右65px＝矢印アイコン用の余白）を持つ大きな標準ボタン用の指定で、
   このカード内の小さいボタンにはサイズが大きすぎ、左右マージンぶんだけ右にずれて見える。
   カード内だけ margin を打ち消し、フォントサイズと余白をカードの他の文字（12〜17px）に合わせて縮小する。
   右矢印アイコン（.btn:after）は非対称paddingの根拠だったため、対称paddingに変えるのに合わせて非表示にする。 */
.jungyo-plancard-opt .btn{
	font-size: 14px;
	padding: 10px 16px;
}
.jungyo-plancard-opt .btn:after{
	display: none;
}
/* 販売終了時の非活性表示（.btn-disabled）も、カード内では他の予約ボタンと
   同じ余白・文字サイズに揃える（基本の.btn-disabledはpadding:12px 24px/font-size:15pxで
   別用途（お知らせを受け取る導線）向けのため、カード内だけこの上書きで統一する）。 */
.jungyo-plancard-opt .btn-disabled{
	font-size: 14px;
	padding: 10px 16px;
}

/* ---- 比較表（PC：表 ／ スマホ：席種ごとの縦積み） ---- */
.jungyo-plan-compare-table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}
.jungyo-plan-compare-table th,
.jungyo-plan-compare-table td{
	border: 1px solid #ddd;
	padding: 12px 10px;
	font-size: 14px;
	text-align: center;
}
.jungyo-plan-compare-table thead th{
	background: #f4f5f7;
}
.jungyo-plan-compare-table tbody th{
	text-align: left;
	white-space: nowrap;
	background: #fafafb;
	color: #555;
}
.jungyo-plan-compare-table-wrap{
	margin-bottom: 40px;
}
.jungyo-plan-compare-stacked{
	display: none;
	margin-bottom: 40px;
}
.jungyo-plan-compare-stack-item{
	background: #fff;
	border: 1px solid #ddd;
	border-top-width: 4px;
	border-radius: 8px;
	padding: 14px 16px;
	margin-top: 16px;
}
.jungyo-plan-compare-stack-item h4{
	font-size: 15px;
	margin: 0 0 8px;
}
.jungyo-plan-compare-stack-item dl{
	margin: 0;
}
.jungyo-plan-compare-stack-item dl > div{
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
	font-size: 13px;
}
.jungyo-plan-compare-stack-item dl > div:last-child{
	border-bottom: 0;
}
.jungyo-plan-compare-stack-item dt{
	color: #8F8F8F;
}
.jungyo-plan-compare-stack-item dd{
	margin: 0;
	font-weight: bold;
	text-align: right;
}
@media screen and (max-width: 650px){
	.jungyo-plan-compare-table-wrap{
		display: none;
	}
	.jungyo-plan-compare-stacked{
		display: block;
	}
}

/* ---- 価格差の説明（¥12,000→¥21,000＝2階席と1階フロアの違い） ---- */
.jungyo-price-note{
	background: #fff;
	border: 1px solid #ddd;
	border-left: 4px solid #D9BF62;
	border-radius: 8px;
	padding: 16px 18px;
	margin-top: 20px;
	font-size: 14px;
}