@charset "utf-8";

#main {
	background: url(../img/bg_ticket_sp.jpg) no-repeat 50% 100%;
}
#site_name {
	background-image: url(../img/ttl_ticket_sp.png), url(../img/bg_ttl.png);
}

@media screen and (min-width:641px) {
	#main {background-size: 100% auto;}
	#site_name {
		background-image: url(../img/ttl_ticket_pc.png), url(../img/bg_ttl.png);
	}
}
@media screen and (min-width:768px) {
	#main {
		background: url(../img/bg_ticket_pc.jpg) no-repeat 50% 100%;
	}
}

/**************/
/*ticket page
/**************/
/*table fee*/
.scrollable {
	overflow: auto;
	max-width: 100%;
	margin-bottom: min(4vw, 30px);
}
.tbl.__fee {
	/*width: auto;*/
	min-width: 980px;
	margin-bottom: 5px;
}
.tbl.__fee th:nth-child(1) {width: 200px;}
.tbl.__fee th:nth-child(2) {width: 120px;}

.tbl.__fee tr:first-child th {
	text-align: center;
	background-color: #2f2f2f;
}
.tbl.__fee th {
	font-size: clamp(1.1rem, 2.996vw, 2.3rem);
	font-weight: 500;
	text-align: left;
	padding: min(2.5vw, 20px);
	width: min(60vw,480px);
}
.tbl.__fee td {
	font-size: clamp(1.1rem, 2.996vw, 2.3rem);
	font-weight: 400;
	text-align: center;
	padding: min(2.5vw, 20px);
}
.tbl.__fee td:nth-child(3) {
	text-align: left;
}
.tbl.__fee th em {
	font-size: clamp(1rem, 2.606vw, 2rem);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-style: normal;
}

.tbl th.cond_row,
.tbl td.cond_row {
	border-top: 1px dashed #fff;
}
.tbl th.cond_hiegh,
.tbl td.cond_hiegh {
	border-bottom: 1px dashed #fff;
}

@media screen and (min-width:641px) {
	.tbl.__fee {
		margin-bottom: min(2vw, 20px);
	}
	.tbl.__fee th,
	.tbl.__fee td {
		font-size: min(1.82vw, 1.4rem);
		padding: 12px 17px;
		display: table-cell;
	}
	.tbl.__fee th:nth-child(1) {width: 340px;}
	.tbl.__fee th:nth-child(2) {width: 180px;}
	.tbl.__fee th em {
		font-size: min(1.563vw, 1.2rem);
	}
}
@media screen and (min-width:1081px) {
	.tbl.__fee {margin-bottom: 40px;}
}
@media screen and (min-width:1200px) {
	.scrollable {
		overflow: auto;
		margin-bottom: 0;
	}
}
@media screen and (max-width:640px) {
}

/*seat*/
.fig_seat .img_map {
	display: block;
	margin-bottom: 20px;
}
.h4_seat {
	color: #000;
	font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	font-family: 'Noto Sans JP', sans-serif;
	text-indent: -0.5em;
	padding-bottom: min(2.5vw, 20px);
	margin-bottom: min(2vw, 15px);
	background: url(../img/cmn/line.png) 0 100% repeat-x;
}
.fig_seat .seat_li {
	color: #000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(1.5rem, 3.908vw, 3rem);
	margin-top: 5px;
}
.fig_seat .seat_li::before {
	content: '';
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	margin-right: .3em;
	vertical-align: -0.15em;
}
.fig_seat .seat_li.__air::before {background-color: #e84694;}
.fig_seat .seat_li.__face::before {background-color: #fac22e;}
.fig_seat .seat_li.__figure::before {background-color: #ee7300;}
.fig_seat .seat_li.__challenge::before {background-color: #0080cc;}
.fig_seat .seat_li.__welcome::before {background-color: #007e41;}

@media screen and (min-width:641px) {
	.h4_seat {
		font-size: min(2.085vw, 1.6rem);
		padding-bottom: min(1.2vw, 20px);
	}
	.fig_seat .seat_list {
		display: flex;
		flex-wrap: wrap;
	}
	.fig_seat .seat_li {
		font-size: min(2.345vw, 1.8rem);
		width: 50%;
	}

}

/*sale schedule*/
.schedule_dl {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: min(2.4vw, 20px);
}
.schedule_dl dt {
	font-size: clamp(1rem, 2.606vw, 2rem);
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	width: min(18vw, 140px);
	padding: min(1.2vw, 10px) min(1.2vw, 10px) min(1.4vw, 12px);
	margin-bottom: min(2.4vw, 20px);
	border: 1px solid #fff;
}
.schedule_dl dd {
	margin-bottom: min(3.6vw, 30px);
}
.schedule_dl dd:last-of-type {margin-bottom: 0;}

@media screen and (min-width:641px) {
	.schedule_dl {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 0;
	}
	.schedule_dl dt {
		font-size: min(1.692vw, 1.3rem);
		padding: 6px 6px 8px;
		width: 92px;
	}
	.schedule_dl dd {
		padding-top: 5px;
		width: calc(100% - 110px);
	}
}

/*seat*/
.fig_seat {
	background-color: #fff;
	padding: min(3.2vw, 25px) min(2.5vw, 20px);
	max-width: 750px;
}
@media screen and (min-width:641px) {
	.fig_seat {
		padding: 25px 20px;
	}
}

/*photos*/
.fugure_wrap_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fugure_wrap_flex .fig_photos {
	width: 48%;
	margin-top: min(5.2vw, 40px);
}

@media screen and (min-width:641px) {
	.fugure_wrap_flex .fig_photos {
		width: min(23%, 300px);
		margin-top: min(5.2vw, 25px);
	}
}
@media screen and (max-width:460px) {
	.fugure_wrap_flex {
		justify-content: center;
	}
	.fugure_wrap_flex .fig_photos {width: 65%;}
}