@charset "UTF-8";

/* =============================================

Page Common CSS
update:2019/09/26 12:30

================================================ */
/* Reset */
body {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {margin:0px;padding:0px;}
li,dt,dd {list-style:none;}
img {border:none;}

/* Utility */
.tL {text-align:left !important;}
.tR {text-align:right !important;}
.tC {text-align:center !important;}
.fL {float:left !important;}
.fR {float:right !important;}
.mb00 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.fz10 {font-size:10px !important;}
.fz12 {font-size:12px !important;}
.fz14 {font-size:14px !important;}
.fz16 {font-size:16px !important;}
.fz18 {font-size:18px !important;}
.fwB {font-weight:bold !important;}
.red {color:#d00 !important;}

/* Link */
a:link {
	color:#0186c7;
	text-decoration:none;
}
a:visited {color:#0186c7;}
a:hover {text-decoration:underline;}
a:active {color:#d00;}

/* Table */
table {
	border-collapse:collapse;
	text-align:center;
}
	th,td {border:1px solid #3c3c3c;}
	th {
		padding:8px;
		font-weight:normal;
	}
	td {padding:10px;}

/* Clearfix */
.clearfix {zoom:100%;}
.clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.note {font-size:14px;}
img {max-width:100%;}
.pc {display:block;}
.smp {display:none;}

body {
	color:#333;
	line-height:1.7em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;;
}

.wrapper {
	width:1200px;
	margin:0 auto;
}

.bg-yellow {
	background:#fbca01 url("img2025/bg_contents01_pc.jpg") no-repeat center 288px;
	padding-bottom:2.0em;
}
span.star {color:#d8006b;}


/* ■ヘッダ */
header {
	text-align:center;
	margin-bottom:2.0em;
	}
	header p.header-lead {
		background-color:#080403;
		padding:25px 0 17px;
		line-height:1.0em;
	}
	header p.logo img {vertical-align:top;}




/* コンテンツ */
.contents {
	width:1000px;
	margin:0 auto;
}
	section.contents-lead {
		margin-bottom:1.5em;
	}
	section.contents-lead p.title {
		font-size:46px;
		text-align:center;
		color:#c60000;
		line-height:1.2em;
		font-weight:bold;
		margin-bottom:0.5em;
	}
	section.contents-lead p {
		font-size:21px;
		line-height:1.4em;
	}

/* 黒線フレーム */
.frame {
	border:6px solid #000;
	border-radius:5px;
	background-color:#fff;
	padding:30px;
}

.contents h3 span {color:#fbca01;}

/* ======== シーズンシート・Vシート 会員のお客様 ======== */
	.vseat-member h2 {
		font-size:48px;
		text-align:center;
		font-weight:normal;
		line-height:0.9em;
		margin-bottom:0.8em;
	}
	.vseat-member h2 span {font-size:36px;}
	.vseat-member h3 {
		color:#fff;
		background-color:#080403;
		padding:0.5em 0.8em;
		border-left:8px solid #fbca01;
		font-weight:normal;
		margin-bottom:1.0em;
	}
article {margin-bottom:3.0em;}
article:last-child {margin-bottom:0;}

ul.note {
	font-size:12px;
}
	ul.note li {
		line-height:1.5em;
		margin-bottom:0.5em;
		text-indent:-1.0em;
		padding-left:1.0em;
	}
	ul.note li:last-child {
		margin-bottom:0;
	}


/* ■試合日程 */
/* ファースト ステージ */
.game-schedule dl.first-stage {
	margin-bottom:1.0em;
}
.game-schedule dl.first-stage dt {
	background:#32679c url("img2025/bg_icn_blue01.gif") repeat-y right top;
	cursor:pointer;
	padding-right:8px;
}
.game-schedule dl.first-stage dt .stage-title {
	padding:20px 0;
	color:#fff;
	text-align:center;
	font-size:28px;
	line-height:1.0em;
}
.game-schedule dl.first-stage dt span {
	margin-top:0.5em;
	font-size:16px;
	display:block;
}
.game-schedule dl.first-stage dt .stage-title {background:transparent url("img2025/icn_dwn_blue01.gif") no-repeat right center;}
.game-schedule dl.first-stage dt.active .stage-title {background:transparent url("img2025/icn_up_blue01.gif") no-repeat right center;}

dl.first-stage table thead th {background-color:#bbe6f3;}
dl.first-stage table tbody td:last-child {font-size:16px;}

dl.final-stage table thead th {background-color:#ffffdd;}
dl.final-stage table tbody td:last-child {font-size:16px;}

/* ファイナル ステージ */
.game-schedule dl.final-stage {
	margin-bottom:1.5em;
}
.game-schedule dl.final-stage dt {
	background:#ff6600 url("img2025/bg_icn_orange01.gif") repeat-y right top;
	cursor:pointer;
	padding-right:8px;
}
.game-schedule dl.final-stage dt .stage-title {
	padding:20px 0;
	color:#fff;
	text-align:center;
	font-size:28px;
	line-height:1.0em;
}
.game-schedule dl.final-stage dt span {
	margin-top:0.5em;
	font-size:16px;
	display:block;
}
.game-schedule dl.final-stage dt .stage-title {background:transparent url("img2025/icn_dwn_orange01.gif") no-repeat right center;}
.game-schedule dl.final-stage dt.active .stage-title {background:transparent url("img2025/icn_up_orange01.gif") no-repeat right center;}

.game-schedule span.star {
	color:#d8006b;
}

/* 料金区分① */
.game-schedule dl.first-stage td.type_a,
.game-schedule dl.final-stage td.type_a {background-color:#d46966;color:#fff;}
/* 料金区分② */
.game-schedule dl.first-stage td.type_b,
.game-schedule dl.final-stage td.type_b {background-color:#83bfd2;color:#fff;}
/* 料金区分③ */
.game-schedule dl.first-stage td.type_c,
.game-schedule dl.final-stage td.type_c {background-color:#a4c553;color:#fff;}
/* 料金区分④ */
.game-schedule dl.first-stage td.type_d,
.game-schedule dl.final-stage td.type_d {background-color:#bc79c5;color:#fff;}


/* ■販売券種 */
.ticket-type h3 {
	color:#fff;
	background:#080403 url("img2025/bg_icn_yellow01.gif") repeat-y right top;
	padding:0.5em 8px 0.5em 0.8em;
	border-left:8px solid #fbca01;
	font-weight:normal;
	margin-bottom:1.5em;
	cursor:pointer;
}
.ticket-type h3 .icn-yellow {background:transparent url("img2025/icn_dwn_yellow01.gif") no-repeat right center;}
.ticket-type h3.active .icn-yellow {background:transparent url("img2025/icn_up_yellow01.gif") no-repeat right center;}
.ticket-type p.lead img {
	vertical-align:bottom;
}

/* table */
.ticket-type table.fee {
	margin-bottom:1.0em;
}
/* col */
.ticket-type table.fee col.black {background-color:#080403;}
/*.ticket-type table.fee col {background-color:#ffffdd;}*/
/*.ticket-type table.fee col:nth-child(2n) {background-color:#ffffdd;}
.ticket-type table.fee col:nth-child(3),
.ticket-type table.fee col:nth-child(7) {background-color:#f9f9f9;}*/

/* 料金区分②と④をセル背景を灰色 01 */
/*.ticket-type table.fee col:nth-child(4),
.ticket-type table.fee col:nth-child(5),
.ticket-type table.fee col:nth-child(8),
.ticket-type table.fee col:nth-child(9) {background-color:#9e9e9e;}*/


 /* thead */
.ticket-type table.fee thead {
	font-size:12px;
	line-height:1.5em;
}
	.ticket-type table.fee thead tr.stage th:first-child{
		color:#fff;
	}
	.ticket-type table.fee thead tr.stage th {
		font-size:16px;
	}
	.ticket-type table.fee tr.classification th {font-size:16px;}
	.ticket-type table.fee tr.classification th span {font-size:18px;padding-left:0.2em;}
	/* 料金区分① */
	.ticket-type table.fee tr.classification th:nth-child(2) {background-color:#d46966;color:#fff;}
	/* 料金区分② */
	.ticket-type table.fee tr.classification th:nth-child(3) {background-color:#83bfd2;color:#fff;}
	/* 料金区分③ */
	.ticket-type table.fee tr.classification th:nth-child(4) {background-color:#a4c553;color:#fff;}
	/* 料金区分④ */
	.ticket-type table.fee tr.classification th:nth-child(5) {background-color:#bc79c5;color:#fff;}

	/*.ticket-type table.fee tr.ow-general th:nth-child(2n-1) {background-color:#e6e6e6;font-weight:bold;}*/
	.ticket-type table.fee tr.ow-general th:first-child {background-color:#080403;}
	/*.ticket-type table.fee tr.ow-general th:nth-child(2),
	.ticket-type table.fee tr.ow-general th:nth-child(4),
	.ticket-type table.fee tr.ow-general th:nth-child(6),
	.ticket-type table.fee tr.ow-general th:nth-child(8) {background-color:#fbca01;}*/
	.ticket-type table.fee tr.ow-general th {background-color:#fbca01;}
	
	/* 料金区分②と④をセル背景を灰色 02 */
/*
	.ticket-type table.fee tr.ow-general th:nth-child(4),
	.ticket-type table.fee tr.ow-general th:nth-child(8) {background-color:#9e9e9e;}
	.ticket-type table.fee tr.ow-general th:nth-child(5),
	.ticket-type table.fee tr.ow-general th:nth-child(9) {background-color:#9e9e9e;}
*/


.ticket-type table.fee tbody th {
	color:#fff;
	font-size:12px;
	line-height:1.5em;
}
/*.ticket-type table.fee tbody td {font-size:12px;}
.ticket-type table.fee tbody td:nth-of-type(2n-1) {
	font-size:16px;
	font-weight:bold;
}*/
.ticket-type table.fee tbody td {
	font-size:16px;
	font-weight:bold;
}



/* ■チケットのご購入に関して */
.bg-gray {background-color:#f2f2f2;}

.about-buy {padding:40px 36px;}

.about-buy h2 {
	font-size:48px;
	text-align:center;
	font-weight:normal;
	line-height:0.9em;
	margin-bottom:0.8em;
}

.about-buy ul.about-btn {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:space-between;
	margin-bottom:1.0em;
}
.about-buy ul.about-btn li {display:inline-block;}

.about-buy p.loppi-bnr {
	text-align:center;
	margin-bottom:2.0em;
}

.about-buy .period li {
	text-indent:-5.5em;
	padding-left:5.5em;
	margin-bottom:0.3em;
}
.about-buy .period li:last-child {
	margin-bottom:0;
}
.about-buy .period li span.close{
	display:inline-block;
	background-color:#d8d8d8;
	text-indent:0em;
	padding:0 1.0em;
	margin:0 0.3em;
	border-radius:5px;
}
.about-buy .period li span.recept{
	display:inline-block;
	background-color:#fbca01;
	color:#ac0000;
	text-indent:0em;
	padding:0 1.0em;
	margin:0 0.3em;
	border-radius:5px;
	font-weight:bold;
}


/*
.about-buy .period li:before {
	content:"●";
}
*/

/* ■お手続きが不要・必要なもの */
.procedure h3 {
	color:#fff;
	background:#080403 url("img2025/bg_icn_yellow01.gif") repeat-y right top;
	padding:0.5em 8px 0.5em 0.8em;
	border-left:8px solid #fbca01;
	font-weight:normal;
	margin-bottom:1.0em;
	cursor:pointer;
}
	.procedure h3 .icn-yellow {background:transparent url("img2025/icn_dwn_yellow01.gif") no-repeat right center;}
	.procedure h3.active .icn-yellow {background:transparent url("img2025/icn_up_yellow01.gif") no-repeat right center;}

	.procedure article {
		margin-bottom:2.0em;
	}
	.procedure h4 img {
		vertical-align:bottom;
	}
	.procedure .inner {
		background-color:#fff;
		border-radius:0 0 10px 10px;
		padding:2.0em 20px 3.0em;
	}
		.procedure p.lead {
			font-size:24px;
			margin-bottom:0.5em;
			line-height:1.4em;
		}
		/* リンクあり */
		.procedure a.more {
			display:block;
			padding:26px 0;
			margin:0 1.0em;
			border-radius:40px;
			font-size:32px;
			text-align:center;
			color:#fff;
			background-color:#d8006b;
			text-decoration:none;
		}
		.procedure a.more:hover {opacity:0.7;}
		/* リンクなしグレーアウト */
		.procedure p.more {
			padding:26px 0;
			margin:0 1.0em;
			border-radius:40px;
			font-size:32px;
			text-align:center;
			color:#fff;
			background-color:#a6a6a6;
		}
		.procedure dl.date {
			margin-bottom:0.5em;
			display: flex;
		}
			.procedure dl.date dt {
				display:flex;
				align-items: center;
				color:#fff;
				background-color:#080403;
				border-radius:5px;
				padding:0.1em 1.0em;
				font-size:16px;
				margin-right:0.5em;
			}
			.procedure dl.date dd {
				display:flex;
				align-items: center;
				font-size:24px;
				vertical-align:bottom;
				line-height:1.3;
			}

/* ■払い戻し方法 */
.refund h3 {
	color:#fff;
	background:#080403 url("img2025/bg_icn_yellow01.gif") repeat-y right top;
	padding:0.5em 8px 0.5em 0.8em;
	border-left:8px solid #fbca01;
	font-weight:normal;
	margin-bottom:1.0em;
	cursor:pointer;
}
	.refund h3 .icn-yellow {background:transparent url("img2025/icn_dwn_yellow01.gif") no-repeat right center;}
	.refund h3.active .icn-yellow {background:transparent url("img2025/icn_up_yellow01.gif") no-repeat right center;}

.refund p.lead {
	font-size:42px;
	padding:38px 20px 55px;
	line-height:1.3em;
}
.refund .refund-type {
	background-color:#fff;
	padding:20px;
	margin:0 0.5em 2.0em;
}
	.refund .refund-type p {
		font-size:24px;
		/*text-align:center;*/
	}
	.refund .refund-type p.type {
			font-size:30px;
			line-height:1.5em;
			text-indent: -1em;
			padding-left: 1em;
			/*text-align:center;*/
	}
	.refund .refund-type p.and {
		padding:0.5em 0;
	}
	.refund .refund-type p.note {
		font-size:18px;
		color:#d00;
		margin-top:1.0em;
	}
	.refund dl {
		margin-bottom:1.0em;
	}
	.refund dl dt {
		font-size:20px;
		padding:10px;
		border-bottom:1px dotted #080403;
	}
	.refund dl dd {
		padding:10px;
		line-height:1.5em;
		font-size:14px;
	}
	.refund em {
		font-style:normal;
		color:#d00;
	}


/* ■お問い合わせ */
.bg-black {background-color:#080403;}

.contact {
	color:#fff;
	text-align:center;
	padding:40px 36px;
}
	.contact h2 {
		font-size:44px;
		margin-bottom:1.0em;
		font-weight:normal;
	}
	/* スポーツダイヤルインフォメーション */
	.contact dl dt {
		font-size:30px;
		margin-bottom:0.5em;
	}
	.contact dl dd {
		font-size:30px;
		color:#fbca01;
	}
	.contact dl dd span {
		font-size:24px;
		color:#fff;
	}
	.contact dl dd a {
		color:#fbca01;
	}
	/* ローソンチケットインフォメーション */
	.contact dl.ltike-info {
		border-top:1px solid #fff;
		padding-top:1.0em;
		margin-top:1.0em;
		line-height:1.4em;
	}
	.contact dl.ltike-info dt {margin-bottom:0;}
	.contact dl.ltike-info dd {color:#fff;}
	.contact dl.ltike-info dt,
	.contact dl.ltike-info dd,
	.contact dl.ltike-info dd span {
		font-size:14px;
	}

	.contact .note em {
		font-style:normal;
		font-size:1.5em;
	}


/* ======== 契約席を購入する際に枚数を減らして購入する方法 ======== */
	.reduce header {
		margin-bottom:0;
	}
	.reduce header h1 {
		background-color:#080403;
		font-size:46px;
		color:#fff;
		line-height:1.2em;
		padding:0.5em 0;
	}

	/* TOPに戻る */
	.reduce .gotop {
		padding:0.5em 0.8em;
		background-color:#f9f9f9;
		margin-bottom:4.0em;
		border:1px solid #f2f2f2;
		font-size:20px;
	}
	.reduce .gotop a:before {
		content:"< ";
	}


.reduce .arrow-dwn {
	background:transparent url("img2025/icn_arrow_flow03.gif") no-repeat center bottom;
	padding-bottom:120px;
	margin-bottom:40px;
}
.reduce .arrow-dwn:last-child {
	background:none;
	padding-bottom:3.0em;
	margin-bottom:0;
}
.reduce .frame {
	overflow:hidden;
}
.reduce .frame .inner {
	overflow:hidden;
}
	.reduce .frame h2 {
		text-align:center;
		font-size:36px;
		line-height:1.5em;
		margin-bottom:1.0em;
		font-weight:normal;
	}
	.reduce .frame p.img {
		float:left;
		margin-right:2.0em;
	}
	.reduce .frame p.text {
		padding-top:1.0em;
		font-size:14px;
		line-height:1.5em;
	}

/* .entry-flow1 */
.reduce .entry-flow1 p.text {
	padding-top:1.0em;
	margin-bottom:1.0em;
}
.reduce .entry-flow1 p.limit {
	background-color:#ffffdd;
	padding:0.5em 0;
	text-align:center;
	font-size:20px;
	margin-bottom:1.0em;
}
.reduce .entry-flow1 ul.note {
	font-size:18px;
	color:#d00;
}

/* .entry-flow2 */
.reduce .entry-flow2 p.text {
	margin-bottom:1.0em;
	line-height:1.5em;
	font-size:14px;
}
.reduce .entry-flow2 ul.note em {
	color:#d00;
	font-style:normal;
}

/* .entry-flow3 */
.reduce .entry-flow3 {margin-bottom:4.0em;}
.reduce .entry-flow3 p.red {
	font-size:20px;
	color:#d00;
}


/* こちらボタン */
ul.btn-more {padding-bottom:4.0em;}
ul.btn-more li {
	text-align:center;
	margin-bottom:1.5em;
}
ul.btn-more li:last-child {margin-bottom:0;}
	ul.btn-more li a {
		display:inline-block;
		text-align:center;
		font-size:32px;
		border-radius:50px;
		color:#fff;
		padding:0.8em 0;
		width:700px;
		text-decoration:none;
	}
	ul.btn-more li a:hover {opacity:0.8;}
	ul.btn-more li a.pink {background-color:#d8006b;}
	ul.btn-more li a.blue {background-color:#006cb8;}
	ul.btn-more li p.gray {
		background-color:#a6a6a6;
		display:inline-block;
		text-align:center;
		font-size:32px;
		border-radius:50px;
		color:#fff;
		padding:0.8em 0;
		width:700px;
		text-decoration:none;	
	}


/* ======== 追加チケット購入方法 ======== */
.wrapper.addticket header {
	margin-bottom:0;
}
	.wrapper.addticket header h1 {
		background-color:#080403;
		font-size:46px;
		color:#fff;
		line-height:1.2em;
		padding:0.5em 0;
	}

	/* TOPに戻る */
	.addticket .gotop {
		padding:0.5em 0.8em;
		background-color:#f9f9f9;
		margin-bottom:4.0em;
		border:1px solid #f2f2f2;
		font-size:20px;
	}
	.addticket .gotop a:before {
		content:"< ";
	}

	.wrapper.addticket h3 {
		color:#fff;
		background-color:#080403;
		padding: 0.5em 8px 0.5em 0.8em;
		border-left:8px solid #fbca01;
		font-weight:normal;
		margin-bottom:0.5em;
	}
	.wrapper.addticket h3.js-accordionTrigger {
		margin-bottom:1.5em;
	}
	.wrapper.addticket article p {padding:0 20px;}
	.wrapper.addticket article.apply-flow p {padding:0;}
	.wrapper.addticket article.ticket-type  p {padding:0;}
	.wrapper.addticket .frame {margin-bottom:4.0em;}



	/* お申込方法 */
	.apply-detail h3 {
		color:#fff;
		background:#080403 url("img2025/bg_icn_yellow01.gif") repeat-y right top;
		padding:0.5em 8px 0.5em 0.8em;
		border-left:8px solid #fbca01;
		font-weight:normal;
		margin-bottom:1.0em;
		cursor:pointer;
	}
		.apply-detail h3 .icn-yellow {background:transparent url("img2025/icn_dwn_yellow01.gif") no-repeat right center;}
		.apply-detail h3.active .icn-yellow {background:transparent url("img2025/icn_up_yellow01.gif") no-repeat right center;}

		.apply-detail article {margin-bottom:2.0em;}
		.apply-detail article.apply-point {padding:0 20px;}
		.apply-detail article.apply-point .inner{
			padding:20px 30px;
			background-color:#fff;
		}
		.apply-detail article.apply-point dl {
			font-size:24px;
			line-height:1.5em;
			margin-bottom:0.8em;
		}
		.apply-detail article.apply-point dl dt:before {
			content:"●";
			color:#d8006b;
		}
		.apply-detail article.apply-point dl dd {text-indent:1.0em;}
		.apply-detail article.apply-point dl dd.note {line-height:1.3em;}

		/* 申し込みフロウ */
		.apply-detail article.apply-flow ul {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap:wrap;
		}
			.apply-detail article.apply-flow li {
				padding-right:39px;
				background:transparent url("img2025/icn_arrow_flow01.gif") no-repeat 280px 88px;
				margin-bottom:1.5em;
			}
			.apply-detail article.apply-flow li:last-child {background:none;}
			.apply-detail article.apply-flow li>div {
				width:270px;
				font-size:14px;
				line-height:1.5em;
			}
				.apply-detail article.apply-flow li dl {margin-top:0.5em;}
				.apply-detail article.apply-flow li dl dt {
					color:#fff;
					background-color:#080403;
					display:inline-block;
					padding:0 1.2em;
					font-size:12px;
					margin-bottom:0.3em;
				}
				.apply-detail article.apply-flow li dl dd {margin-bottom:0.5em;}
				.apply-detail article.apply-flow li dl dd:last-child {margin-bottom:0;}
				.apply-detail article.apply-flow li dl dd span.red {color:#ee0000;}
				.apply-detail article.apply-flow li dl dd span.blue {color:#1a77c5;}



/* ======== 店頭Loppiでの引取方法 ======== */
.loppi-trade header {
	margin-bottom:0;
}
	.loppi-trade h1 {
		background-color:#080403;
		font-size:46px;
		color:#fff;
		line-height:1.2em;
		padding:0.5em 0;
	}
	/* TOPに戻る */
	.loppi-trade .gotop {
		padding:0.5em 0.8em;
		background-color:#f9f9f9;
		margin-bottom:4.0em;
		border:1px solid #f2f2f2;
		font-size:20px;
	}
	.loppi-trade .gotop a:before {
		content:"< ";
	}
	.loppi-trade .lead {
		font-size:21px;
		line-height:1.5em;
	}
	.loppi-trade .lead p {
		margin-bottom:0.3em;
	}
		/* 申し込みフロウ */
		.loppi-trade .apply-detail article.apply-flow ul {
			margin-bottom:-1.5em;
		}
		.loppi-trade .apply-detail article.apply-flow li p:nth-child(n+2) {
			text-indent:-1.0em;
			padding-left:1.0em;
		}
		.loppi-trade .bg-gray {
			padding-bottom:6.0em;
		}


/* ======== 契約席をほしい日程だけ購入する方法 ======== */
	.date-seat header {
		background-color:#080403;
		padding-top:2.0em;
		margin-bottom:0;
	}
	.date-seat header .balloon {
		background:transparent url("img2025/icn_arrow_yellow01.gif") no-repeat center bottom;
		padding-bottom:21px;
		width:930px;
		margin:0 auto;
	}
	.date-seat .frame.entry-flow2 h2 {margin-bottom:0;}

		.date-seat header .balloon p {
			background-color:#fcc800;
			color:#dd0000;
			padding:0.7em 2.0em;
			font-size:42px;
			font-weight:bold;
			border-radius:50px;
		}
	.date-seat header h1 {
		background-color:#080403;
		font-size:50px;
		font-weight:normal;
		color:#fff;
		line-height:1.2em;
		padding:0.2em 0 0.5em;
	}

	/* TOPに戻る */
	.date-seat .gotop {
		padding:0.5em 0.8em;
		background-color:#f9f9f9;
		margin-bottom:3.0em;
		border:1px solid #f2f2f2;
		font-size:20px;
	}
	.date-seat .gotop a:before {
		content:"< ";
	}
	
	.date-seat .arrow-dwn {
		background:transparent url("img2025/icn_arrow_flow03.gif") no-repeat center bottom;
		padding-bottom:120px;
		margin-bottom:40px;
	}
	.date-seat .arrow-dwn:last-child {
		background:none;
		padding-bottom:3.0em;
		margin-bottom:0;
	}
	.date-seat .frame {
		overflow:hidden;
	}
	.date-seat .frame .inner {
		overflow:hidden;
	}
		.date-seat .frame h2 {
			text-align:center;
			font-size:36px;
			line-height:1.5em;
			margin-bottom:1.0em;
			font-weight:normal;
		}
		.date-seat .frame p.img {
			float:left;
			margin-right:2.0em;
		}
		.date-seat .frame p.text:first-child {
			padding-top:1.0em;
			font-size:14px;
			line-height:1.5em;
		}
		
		/* .entry-flow1 */
		.date-seat .entry-flow1 p {margin-bottom:1.0em;}
		.date-seat .entry-flow1 dl {margin-bottom:1.0em;}
		.date-seat .entry-flow1 dl dt {
			font-size:20px;
			border-bottom:1px dotted #333;
			padding-bottom:0.3em;
		}
		/* .entry-flow2 */
		.date-seat .entry-flow2 p.text {
			padding-top:0;
			margin-bottom:1.0em;
		}
		.date-seat .entry-flow2 p.caution {
			color:#d00;
			font-size:20px;
		}
		/* .entry-flow3 */
		.date-seat .entry-flow3 {
			margin-bottom:4.0em;
		}
		.date-seat .entry-flow3 p.text {
			font-size:14px;
			line-height:1.5em;
			margin-bottom:0.5em;
		}
		.date-seat .entry-flow3 p.caution {
			font-size:20px;
			line-height:1.5em;
			color:#d00;
			margin-bottom:0.5em;
		}

		.bg-white {background-color:#ffffff;}
		.bg-white .arrow-dwn {
			background: transparent url("img2025/icn_arrow_flow04.gif") no-repeat scroll center bottom;
			margin-bottom: 40px;
			padding-bottom: 120px;
		}


		/* ■ご契約席の確認方法 */
		.entry-confirm .confirm-lead {padding:3.0em 0;}
		.confirm-lead h2 {
			font-size:46px;
			text-align:center;
			line-height:1.5em;
			font-weight:normal;
			margin-bottom:0.8em;
		}
		.confirm-lead p.lead {
			text-align:center;
			color:#d8006b;
			font-size:36px;
			line-height:1.5em;
		}
		.confirm-lead p.lead+p {
			font-size:18px;
			margin-top:1.0em;
			margin-bottom:1.0em;
		}
		.confirm-lead p.btn {text-align:center;}
			.confirm-lead a.orange {
				font-size:24px;
				background-color:#e79117;
				color:#fff;
				padding:1.0em 2.0em;
				line-height:1.0em;
				display:inline-block;
				border-radius:40px;
				text-decoration:none;
			}
			.confirm-lead a.orange:hover {
				opacity:0.8;
			}
			.confirm-lead span.gray {
				background-color: #a6a6a6;
				border-radius: 40px;
				color: #fff;
				font-size:24px;
				padding:1.0em 2.0em;
				display:inline-block;
				}
		.entry-confirm .entry-flow1 dl.example dt {
			display:inline-block;
			background-color:#080403;
			color:#fff;
			line-height:1.0em;
			padding:0.3em 1.2em;
			font-size:14px;
			margin-bottom:0.5em;
		}
		.entry-confirm .entry-flow1 dl.example dd {font-size:18px;}
		.entry-confirm .entry-flow1 dl.example dd .red {color:#ee0000;}
		.entry-confirm .entry-flow1 dl.example dd .blue {color:#1a77c5;}
		.entry-confirm .entry-flow1 dl.example dd .number{
			font-size:24px;
			font-weight:bold;	
		}

		.entry-confirm ul.btn-more {
			margin-bottom:1.0em;
			padding-bottom:0;
		}


/* ■フッタ */
footer {
	padding:20px 0 30px;
	background-color:#fff;
	text-align:center;
	color:#080403;
	line-height:1.3em;
}
footer p.logo {margin-bottom:0.2em;}

footer p.logo img {
	max-width:8%;
}



/* ★★★ Media Queries 769px ★★★ */
@media screen and (max-width: 769px) {

.pc {display:none;}
.smp {display:block;}
section h2{
	margin-bottom:25px;
	text-align:center;
}
a:hover {text-decoration:none !important;}


/* ■ヘッダ */
header {
	line-height:1.0em;
	text-align:center;
	margin-bottom:1.0em;
}
	header p.header-lead {
		background-color:#080403;
		padding:13px 15px 12px 15px;
		line-height:1.0em;
	}


.wrapper {width:auto;}
.bg-yellow {background:#fbca01 url("img2025/bg_contents01_sp.jpg") no-repeat center top;}
.contents {width:auto;}

section {
	font-size:14px;
	line-height:1.4em;
	padding:0 20px;
}
section.contents-lead p.title {font-size:24px;}
section.contents-lead p {font-size:16px;}

.frame {
	border:3px solid #000;
	border-radius:5px;
	background-color:#fff;
	padding:2.0em 10px;
	margin:0 15px;
}


/* ======== シーズンシート・Vシート 会員のお客様 ======== */
.vseat-member h2 {font-size:24px;}
.vseat-member h2 span {font-size:18px;}

/* ■試合日程 */
/* ファースト ステージ */
.game-schedule dl.first-stage dt .stage-title {
	padding:0.8em 40px 0.8em 0.8em;
	text-align:left;
	font-size:20px;
	line-height:1.0em;
}
.game-schedule dl.first-stage dt span {
	margin-top:0.5em;
	line-height:1.3em;
	font-size:12px;
}

/* ファイナル ステージ */
.game-schedule dl.final-stage dt .stage-title {
	padding:0.8em 40px 0.8em 0.8em;
	text-align:left;
	font-size:20px;
	line-height:1.0em;
}
.game-schedule dl.final-stage dt span {
	margin-top:0.5em;
	line-height:1.3em;
	font-size:12px;
}

/* table */
.game-schedule dl table {
	width:100%;
	margin-top:0.5em;
}
.game-schedule dl table colgroup,
.game-schedule dl table thead {display:none;}
.game-schedule dl table th,
.game-schedule dl table td {border:none;}
.game-schedule dl table td {
	display:block;
	text-align:left;
	padding:3px;
}
.game-schedule dl table tr>td:first-child {
	text-align:center;
	font-size:18px;
	padding:6px 0;
}
.game-schedule dl.first-stage table tr>td:first-child {background-color:#bbe6f3;}
.game-schedule dl.final-stage table tr>td:first-child {background-color:#fcfebd;}
.game-schedule dl table tr>td:nth-child(2):before {content:"[日程] ";}
.game-schedule dl table tr>td:nth-child(3):before {content:"[対戦] ";}
.game-schedule dl table tr>td:nth-child(4):before {content:"[試合開始] ";}
.game-schedule dl table tr>td:nth-child(5):before {content:"[開場] ";font-size:14px;}
.game-schedule dl table tr>td:nth-child(6) {margin-bottom:1.0em;}

dl.first-stage table tbody td:last-child,
dl.final-stage table tbody td:last-child {
	color: #333;
}

/* ■販売券種 */
.ticket-type h3 {
	background-color:#080403;
	background-image:none;
	cursor:auto;
}
.ticket-type h3 .icn-yellow,
.ticket-type h3.active .icn-yellow {background:none;} 

/*  料金区分・共通*/
.ticket-type dl {margin-bottom:1.0em;}
.ticket-type dl dt {
	color:#fff;
	padding:0.5em 8px 0.5em 0;
	cursor:pointer;
	text-align:center;
	font-size:18px;
}
.ticket-type dl dt .icn-arrow {padding:3px 0;}
/* .ticket-type dl.fee-type01 table.fee tr.ow-general {} */
.ticket-type table.fee tbody td:nth-of-type(2n-1) {font-size: 14px;}

/* thead */
	.ticket-type table.fee thead tr.stage th:first-child{
		color:#fff;
		font-size:12px;
	}
	.ticket-type table.fee thead tr.stage th {
		font-size:14px;
	}
.ticket-type table.fee tbody th,	
.ticket-type table.fee tbody td {
	padding:5px;
	line-height: 1.5em;
}

/* 料金区分① */
.ticket-type dl.fee-bronze01 dt {background:#d46966 url("img2025/bg_icn01.png") repeat-y right top;color:#fff;}
.ticket-type dl.fee-bronze01 dt .icn-arrow {background:transparent url("img2025/icn_dwn01.png") no-repeat right center;}
.ticket-type dl.fee-bronze01 dt.active .icn-arrow {background:transparent url("img2025/icn_up01.png") no-repeat right center;}

/* 料金区分② */
.ticket-type dl.fee-silver01 dt {background:#83bfd2 url("img2025/bg_icn01.png") repeat-y right top;color:#fff;}
.ticket-type dl.fee-silver01 dt .icn-arrow {background:transparent url("img2025/icn_dwn01.png") no-repeat right center;}
.ticket-type dl.fee-silver01 dt.active .icn-arrow {background:transparent url("img2025/icn_up01.png") no-repeat right center;}

/* 料金区分③ */
.ticket-type dl.fee-gold01 dt {background:#a4c553 url("img2025/bg_icn01.png") repeat-y right top;color:#fff;}
.ticket-type dl.fee-gold01 dt .icn-arrow {background:transparent url("img2025/icn_dwn01.png") no-repeat right center;}
.ticket-type dl.fee-gold01 dt.active .icn-arrow {background:transparent url("img2025/icn_up01.png") no-repeat right center;}

/* 料金区分④ */
.ticket-type dl.fee-purple01 dt {background:#bc79c5 url("img2025/bg_icn01.png") repeat-y right top;color:#fff;}
.ticket-type dl.fee-purple01 dt .icn-arrow {background:transparent url("img2025/icn_dwn01.png") no-repeat right center;}
.ticket-type dl.fee-purple01 dt.active .icn-arrow {background:transparent url("img2025/icn_up01.png") no-repeat right center;}

.ticket-type table.fee {width:100%;}
.ticket-type table.fee tr.ow-general th:nth-child(2n-1) {
	background-color:#e6e6e6;
	font-weight:normal;
}
.ticket-type table.fee tr.ow-general th:nth-child(1) {background-color:inherit;font-weight:bold;}
.ticket-type table.fee tr.ow-general th:nth-child(2) {background-color:#fbca01;font-weight:bold;}

.ticket-type dl.fee-type01 table.fee tr.ow-general th:nth-child(3) {background-color:#e6e6e6;}

.ticket-type dl.fee-type02 table.fee tr.ow-general th:nth-child(3) {background-color:#e6e6e6;}
.ticket-type dl.fee-type02 table.fee col:nth-child(3) {background-color:#f9f9f9;}

.ticket-type dl.fee-type03 table.fee tr.ow-general th:nth-child(3) {background-color:#e6e6e6;}
.ticket-type dl.fee-type03 table.fee col:nth-child(3) {background-color:#f9f9f9;}

/* 2018/10/02 17:33:32 gray overwrite ogata */
/* .ticket-type dl.fee-silver01 table.fee tr.ow-general th:nth-child(2) {background-color:#e6e6e6;font-weight:bold;}
.ticket-type dl.fee-silver01 table.fee col:nth-child(2n) {background-color:#f9f9f9;}
.ticket-type dl.fee-platinum01 table.fee tr.ow-general th:nth-child(2) {background-color:#e6e6e6;font-weight:bold;}
.ticket-type dl.fee-platinum01 table.fee col:nth-child(2n) {background-color:#f9f9f9;} */

/* ■チケットのご購入に関して */
.about-buy {padding:30px 15px;}
	.about-buy h2 {
		font-size:24px;
		margin-bottom:1.0em;
	}
	.about-buy ul.about-btn {
		display:block;
		margin-bottom:0.3em;
		text-align:center;
	}
	.about-buy ul.about-btn li {
		display:block;
		margin-bottom:0.3em;
	}
	.about-buy p.loppi-bnr {margin-bottom:1.0em;}


/* ■お手続きが不要・必要なもの */
.procedure {margin-bottom:1.0em;}
	.procedure h3 .icn-yellow {padding-right:40px;}
	.procedure h4 {
		border-radius:10px 10px 0 0;
		text-align:center;
		background-color:#fbca01;
	}
	.procedure .inner {
		background-color:#fff;
		border-radius:0 0 10px 10px;
		padding:1.0em 15px;
	}
	.procedure p.lead {font-size:18px;}
	.procedure ul {font-size:12px;}
	.procedure ul li {
		text-indent:-1.0em;
		padding-left:1.0em;
	}
		.procedure a.more {
			padding:1.0em 0;
			margin:0;
			font-size:18px;
		}
		.procedure p.more {
			padding:1.0em 0;
			margin:0;
			font-size:20px;
		}
		.procedure dl.date {margin-bottom:0.8em;display:block}
			.procedure dl.date dt {
				display: inline-block;
				border-radius:5px;
				padding:0.3em 0.5em;
				font-size:16px;
				margin-right:0;
				margin-bottom:0.5em;
			}
			.procedure dl.date dd {
				display:block;
				font-size:18px;
			}


/* ■お買い求めいただいたチケット～ */
.refund h3 {margin-bottom:0;}
.refund h3 .icn-yellow {padding-right:40px;}
.refund p.lead {
	font-size:24px;
	padding:1.0em;
	line-height:1.3em;
}
.refund .refund-type {
	background-color:#ffffdd;
	padding:1.0em;
}
	.refund .refund-type p {
		font-size:16px;
		text-align:center;
	}
	.refund .refund-type p.type {
		font-size:16px;
		text-align:left;
		text-indent:-1.0em;
		padding-left:1.0em;
	}
	.refund .refund-type p.and {
		padding:0.5em 0;
	}
	.refund .refund-type p.note {
		font-size:14px;
		text-align:left;
		margin-top:1.0em;
	}
	.refund dl dt {
		font-size:16px;
		padding:0.5em;
	}
	.refund dl dd {padding:0.5em;}


/* ■お問い合わせ */
.contact {
	padding:40px 1.0em;
	text-align:left;
}
	.contact h2 {
		font-size:24px;
		line-height:1.3em;
	}
	/* スポーツダイヤルインフォメーション */
	.contact dl dt {font-size:16px;text-align:center;}
	.contact dl dd {font-size:18px;text-align:center;}
	.contact dl dd span {font-size:14px;}
	/* ローソンチケットインフォメーション */
	.contact dl.ltike-info {
		border-top:1px solid #a6a6a6;
		margin-top:1.0em;
		padding-top:1.0em;
	}
	.contact dl.ltike-info dt {
		font-size: 20px;
		margin-bottom: 1.0em;
	}
	.contact dl.ltike-info dd {
		font-size:40px;
		color:#fbca01;
	}



/* ======== 契約席を購入する際に枚数を減らして購入する方法 ======== */
	.reduce header h1 {
		font-size:20px;
		line-height:1.5em;
		font-weight:normal;
	}
	/* TOPに戻る */
	.reduce .gotop {
		margin-bottom:2.0em;
		font-size:14px;
	}

	.reduce .arrow-dwn {
		background:transparent url("img2025/icn_arrow_flow03_sp.gif") no-repeat center bottom;
		padding-bottom:40px;
		margin-bottom:1.0em;
	}
	.reduce .arrow-dwn:last-child {padding-bottom:40px;}
	.reduce .frame {padding:1.0em 15px;}
		.reduce .frame h2 {
			text-align:left;
			font-size:24px;
			line-height:1.3em;
			margin-bottom:0.5em;
			text-indent:-1.0em;
			padding-left:1.0em;
		}
		.reduce .frame p.img {
			float:none;
			margin-right:0;
		}
	/* .entry-flow1 */
	.reduce .entry-flow1 p.limit {
		font-size:16px;
		line-height:1.5em;
	}
	.reduce .entry-flow1 ul.note {
		font-size:18px;
		color:#d00;
	}

	/* .entry-flow3 */
	.reduce .entry-flow3 {margin-bottom:2.0em;}
	.reduce .entry-flow3 p.red {
		font-size:18px;
		line-height:1.4em;
	}

	/* こちらボタン */
	ul.btn-more {padding-bottom:2.0em;}
	ul.btn-more li {
		text-align:center;
		margin-bottom:0.5em;
	}
	ul.btn-more li:last-child {margin-bottom:0;}
		ul.btn-more li a {
			display:block;
			text-align:center;
			font-size:21px;
			border-radius:50px;
			color:#fff;
			padding:0.8em 0;
			width:auto;
			text-decoration:none;
			margin:0 15px;
		}
		ul.btn-more li a:hover {opacity:0.8;}
		ul.btn-more li p.gray {
			display:block;
			text-align:center;
			font-size:21px;
			border-radius:50px;
			color:#fff;
			padding:0.8em 0;
			width:auto;
			text-decoration:none;
			margin:0 15px;		
		}

/* ======== 追加チケット購入方法 ======== */
	.wrapper.addticket header h1 {
		font-size:20px;
	}
	/* TOPに戻る */
	.addticket .gotop {
		margin-bottom:2.0em;
		font-size:14px;
	}

	.addticket .frame {
		padding:1.0em 10px;
		
		}
	.addticket article {
		margin-bottom:2.0em;
	}
	.wrapper.addticket h3 {margin-bottom:0.5em;}

	.wrapper.addticket h3 .icn-yellow {padding:0.2em 0;}
	.wrapper.addticket article p {padding:0;}
	.wrapper.addticket .frame {margin-bottom:2.0em;}

	/* お申込み方法 */
	.apply-detail article.apply-flow ul {display:block;}
		.apply-detail article.apply-flow li {
			padding:0 10px 40px;
			background:transparent url("img2025/icn_arrow_flow02.gif") no-repeat center bottom;
			margin-bottom:1.5em;
		}
		.apply-detail article.apply-flow li:last-child {
			margin-bottom:0;
			padding-bottom:0;
		}
		.apply-detail article.apply-flow li>div {width:auto;}
		.apply-detail article.apply-flow li>div>p {text-align:center;margin-bottom:0.3em;}
		.apply-detail article.apply-flow li>div>p+p {text-align:left;}


/* ======== 店頭Loppi での引取方法 ======== */
.loppi-trade h1 {
	font-size:20px;
}
/* TOPに戻る */
.loppi-trade .gotop {
	margin-bottom:2.0em;
	font-size:14px;
}
.loppi-trade .bg-gray {
	padding-bottom:3em;
}
	.loppi-trade .lead {
		font-size:14px;
		line-height:1.5em;
	}
	.loppi-trade h3 .icn-yellow {padding:0.2em 0;}


/* ======== 契約席をほしい日程だけ購入する方法 ======== */
	.date-seat header .balloon {
		background:transparent url("img2025/icn_arrow_yellow01_sp.gif") no-repeat center bottom;
		padding-bottom:11px;
		width:auto;
		margin:0 1.0em;
	}
		.date-seat header .balloon p {
			padding:0.7em 0.2em;
			font-size:16px;
			font-weight:bold;
			border-radius:30px;
			font-weight:normal;
		}
	.date-seat header h1 {
		font-size:20px;
		font-weight:normal;
	}
	/* TOPに戻る */
	.date-seat .gotop {
		margin-bottom:2.0em;
		font-size:14px;
	}

	
	.date-seat .frame.entry-flow2 h2 {margin-bottom:0.5em;}
	.date-seat .arrow-dwn {
		background:transparent url("img2025/icn_arrow_flow03_sp.gif") no-repeat center bottom;
		padding-bottom:40px;
		margin-bottom:1.0em;
	}
	.date-seat .frame {padding:1.0em 15px;}
		.date-seat .frame h2 {
			text-align:left;
			font-size:24px;
			line-height:1.3em;
			margin-bottom:0.5em;
			text-indent:-1.0em;
			padding-left:1.0em;
		}
		.date-seat .frame p.img {
			float:none;
			margin-right:0;
			margin-bottom:0.5em;
		}
		/* .entry-flow1 */
		.date-seat .entry-flow1 dl dt {
			font-size:18px;
			padding:0.3em;
		}
		.date-seat .entry-flow1 dl dd {
			padding:0.3em;
		}
		/* .entry-flow2 */
		.date-seat .frame p.text:first-child {
			padding-top:0;
		}
		.date-seat .entry-flow2 p.caution {
			font-size:16px;
			line-height:1.5em;
		}
		/* .entry-flow3 */
		.date-seat .entry-flow3 {
			margin-bottom:2.0em;
		}
		.date-seat .entry-flow3 p.caution {
			font-size:16px;
		}
		.bg-white .arrow-dwn {
			background: transparent url("img2025/icn_arrow_flow04_sp.gif") no-repeat scroll center bottom;
			margin-bottom: 20px;
			padding-bottom: 40px;
		}

		.entry-confirm .confirm-lead {
			padding:1.0em 15px;
			margin-bottom:2.0em;
		}
		.confirm-lead h2 {
			padding-top:0.5em;
			font-size:24px;
		}
		.confirm-lead p.lead {
			font-size:18px;
			margin:1.0em;
			text-align:left;
		}
		.confirm-lead p.lead+p {
			font-size:14px;
			margin:1.0em;
		}
			.confirm-lead a.orange {
				font-size:16px;
				padding:1.0em 2.0em;
				border-radius:30px;
			}
			.confirm-lead span.gray {
				font-size:16px;
				padding:1.0em 2.0em;
				border-radius:30px;
			}
		.entry-confirm .entry-flow1 dl.example {margin-bottom:0;}
		.entry-confirm .entry-flow1 dl.example dt {
			font-size:12px;
			margin-bottom:0.2em;
		}
		.entry-confirm .entry-flow1 dl.example dd {
			font-size:14px;
			line-height:1.5em;
		}
		.entry-confirm .entry-flow1 dl.example dd .number{font-size:20px;}
		ul.btn-more+p.note {
			line-height:1.4em;
			margin:0 30px 2.0em;
			text-indent:-1.0em;
			padding-left:1.0em;
		}



/* ■フッタ */
footer {
	padding:15px 0;
	font-size:10px;
}
footer p.logo img {
	max-width:20%;
}

/* ★★★ Media Queries 769px ★★★ */
}