@charset "utf-8";/*ページ*/
/* ---------------------------------------------------------------------- */
#ticket {
/*
	color: var(--white);
*/
	background-color: rgba(0,0,0,0.9);
	background-color: #000;
	padding: 50px 0px;
}
#ticket .ticket {
}
@media screen and (max-width: 767px) {
	#ticket .ticket {
	}
}
/* ---------------------------------------------------------------------- */
.bloc#ticket-price {
}
.price {
	padding: 10px 5px;
}
.priceinner {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 10px 0px;
	margin-bottom: 20px;
}
.price dl {
	display: table-cell;
	text-align: center;
	vertical-align: top;
/*
	font-family: 'Noto Serif JP', serif;
*/
	background-color: rgba(255,255,255,0.9);
	background-color: var(--white);
	border: 1px solid #fff;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
/*
	background-color: var(--white);
*/
}
.price dt {
	font-size: 20px;
	font-weight: 700;
	padding: 10px;
}
.price dd {
	padding: 10px;
}
.price dl:last-child dd {
	padding: 15px 10px 20px 10px;
}
.price dd strong {
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1em;
}
.price dd strong i {
	font-weight: 600;
	padding: 0px 5px;
}
.price dd strong b {
	color: #c00;
	font-size: 40px;
	font-weight: 600;
}
.price dd strong span {
	font-size: 16px;
	font-weight: 400;
}
.price dd em {
	display: block;
	font-size: 18px;
	padding-top: 5px;
}
.pricebtm {
	text-align: center;
}
.pricebtm p {
	display: inline-block;
	color: var(--white);
	padding: 5px 5px;
}
@media screen and (max-width:767px) {
	.priceinner {
		display: block;
		width: auto;
	}
	.price dl {
		display: block;
		width: auto;
	}
	.price dl:first-child {
		margin-bottom: 10px;
	}
	.price dt {
		font-size: 24px;
		padding: 10px;
	}
	.price dd {
		padding: 10px;
	}
	.price dl:last-child dd {
		padding: 15px 10px;
	}
	.price dd strong {
		font-size: 18px;
	}
	.price dd strong i {
		padding: 0px 5px;
	}
	.price dd strong b {
		font-size: 40px;
	}
	.price dd strong span {
		font-size: 16px;
	}
	.price dd em {
		font-size: 18px;
	}
}
/* ---------------------------------------------------------------------- */
.bloc#ticket-presale {
/*
	background-image: url("../img/top/prologue.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
*/
	border-bottom: 5px solid #000;
}
.bloc#ticket-presale .bg {

	background-color: rgba(0,0,0,0.2);

	padding: 30px 0px;
}
.presale:last-child {
	margin-bottom: 0px;
}
.presalebloc {
	background-color: rgba(0,0,0,0.9);
}
.end .presalebloc {
}
.presalemain {
	vertical-align: middle;
	padding: 10px;
}
.end .presalemain {
	color: #ccc;
}
.presalebox {
	background-color: var(--white);
	background-color: rgba(255,255,255,1);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
/*
	margin-bottom: 10px;
*/
	padding: 0px;
}
.end .presalebox {
	background-color: transparent;
	background-color: rgba(0,0,0,0.9);
	background-color: rgba(255,255,255,0.2);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.presalebox:last-child {
	margin-bottom: 0px;
}
.presalename {
	text-align: center;
	border-bottom: 3px solid #000;
	padding: 15px 10px;
}
.presalename strong {
	font-size: 28px;
	font-weight: 700;
}
.end .presalename {
	background-color: transparent;
	border-bottom: 1px solid #999;
}
.end .presalename strong {
	color: #ccc;
	font-size: 24px;
}
.presaletex {
}
.end .presaletex {
}
.presaletex dl {
	font-size: 20px;
	text-align: center;
	border-bottom: 1px solid #000;
}
.end .presaletex dl {
	font-size: 16px;
	border-bottom: 1px solid #999;
}
.presaletex dl:first-child {
	border-top: none;
}
.presaletex dl:last-child {
	border-bottom: none;
}
.end .presaletex dl:first-child {
}
.presaletex dt {
	width: 30%;
	font-weight: 700;
	vertical-align: middle;
	border-right: 1px dotted #000;
	padding: 20px 10px;
}
/*210816*/
.presaletex dt {
	width: 25%;
}
.end .presaletex dt {
	color: #ccc;
	border-right: 1px dotted #999;
}
.presaletex dd {
	vertical-align: middle;
	padding: 20px 10px;
}
.end .presaletex dt,
.end .presaletex dd {
	padding: 10px 10px;
}
.presaletex dl:first-child dd {
}
.end .presaletex dl:first-child dd {
	text-decoration: line-through;
}
.presaletex dd a.ticklink {
	display: inline-block;
	color: var(--white);
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	background-color: var(--purple1);
	background-image: url("../img/parts/external.png");
	background-repeat: no-repeat;
	background-position: right;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	padding: 15px 50px;
}
.presaletex dd a[href^='tel'] {}

/*210823 一般発売*/
.presaletex dd strong {
	display: inline-block;
	font-size: 1.2em;
}
.presaletex dd .purchasesale p {
	display: inline-block;
	width: 45%;
	font-size: 16px;
	vertical-align: top;
	padding: 5px;
}
.presaletex dd .purchasesale p a.ticklink {
	display: block;
	padding: 15px 30px;
}
.presaletex dd .purchasesale p span {
	display: block;
}
/*220224 一般発売*/
.purchasesale {
	padding: 15px 0px;
}
.purchasesale.purchase-tokyo {
	border-bottom: 1px dashed #000;
}
.purchasesale b {
	display: block;
}

.presale-text {
	font-size: 14px;
	text-align: left;
	padding-top: 10px;
}
.end .presaletex dd a.ticklink {
	color: #ccc;
	background-color: #999;
	background-image: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	pointer-events: none;
}
.presaletex dd span {
	display: block;
	font-size: 14px;
}
.presaletex dd a.ticklink:hover {
	background-color: var(--purple2);
}
.presaletex dd b {
	display: block;
	color: var(--red4);
	font-size: 1em;
}
.presaletex-tokten {
	display: block;
	font-size: 14px;
	line-height: 1.4em;
	padding-top: 5px;
}
.presaletex ul {
	display: block;
}
.end .presaletex ul {
	display: none;
}
.presaletex li {
	display: block;
	position: relative;
	font-size: 12px;
	line-height: 1.4em;
	padding-left: 16px;
}
.presaletex li::before {
	content: "※";
	position: absolute;
	left: 0px;
	top: 0px;
}
.presaletex li:last-child {
	margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
	.presalemain {
		padding: 5px;
	}
	.presalename {
		text-align: center;
		border-bottom: 3px solid #000;
		padding: 15px 10px;
	}
	.presalename strong {
		font-size: 24px;
	}
	.end .presalename strong {
		font-size: 20px;
	}
	.presaletex dl {
		font-size: 16px;
	}
	.end .presaletex dl {
		font-size: 14px;
	}
	.presaletex dt {
		width: 25%;
		font-size: 14px;
		padding: 10px 5px;
	}
	.presaletex dd {
		padding: 10px 5px;
	}
	.end .presaletex dt,
	.end .presaletex dd {
		padding: 5px;
	}
	.presaletex dd a.ticklink {
		display: block;
		padding: 15px 20px;
	}

	/*210816*/
	.presaletex dd strong {
		display: block;
	}
	.presaletex dd .purchasesale p {
		display: block;
		width: auto;
		font-size: 14px;
		margin-bottom: 10px;
		padding: 2px 5px;
	}
	.presaletex dd p a {
		padding: 15px 20px;
	}

	.presaletex dd span {
		font-size: 13px;
	}
	.presaletex-tokten {
		text-align: left;
	}
}
/* ---------------------------------------------------------------------- */

.bloc#ticket-purchase {
	text-align: center;
	background-color: rgba(255,255,255,1);
	border-bottom: 5px solid #000;
	padding: 30px 0px;
}
.purchasesale {
}
/*
.purchase {
}
.ticket-ippan {
	display: inline-block;
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	background-color: rgba(255,255,255,0.9);
	padding: 40px 0px;
}
.ticket-ippan {
}
.ticket-ippan h3 {
	display: block;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 20px;
}
.ticket-ippan b {
	display: inline-block;
	color: #a3284c;
	font-size: 36px;
}
.ticket-ippan b span {
	font-size: 24px;
	font-weight: 500;
}
.ticket-ippan p {
	font-size: 18px;
	padding-top: 10px;
}
.ticket-ippan p span {
	font-size: 13px;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	.ticket-ippan b {
		font-size: 30px;
	}
	.ticket-ippan b span {
		font-size: 20px;
	}
}
.ticket-purchase {
	text-align: center;
	background-color: #ccc;
	padding: 40px 0px;
}
.ticket-purchase-title {
	margin-bottom: 20px;
}
.ticket-purchase-title h4 {
	font-size: 30px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
.ticket-purchase-osaka {
	padding: 20px 0px;
}
.ticket-purchase-osaka b {
	display: block;
	color: #900;
	font-size: 20px;
	font-weight: 500;
}
.ticket-purchase ul {
	width: 800px;
	margin: 0px auto;
}
.ticket-purchase ul li {
	background-color: var(--white);
	margin-bottom: 20px;
}
.ticket-purchase ul li:last-child {
	margin-bottom: 0px;
}
.ticket-purchase ul li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.ticket-purchase ul li dl dt {
	display: table-cell;
	width: 55%;
	vertical-align: middle;
	background-color: #000;
	background-image: url("../img/parts/arrow.png");
	background-repeat: no-repeat;
	background-position: right;
	padding: 20px 30px 20px 10px;
}
.ticket-purchase ul li dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 10px;
}
.ticket-purchase ul li dl dt strong {
	display: block;
	color: var(--white);
	font-size: 30px;
	font-weight: 500;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.4em;
}
.ticket-purchase ul li dl dt b {
	display: inline-block;
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	background-color: #900;
	margin-top: 10px;
	padding: 5px;
}
.ticket-purchase ul li dl dd div {
}
.ticket-purchase ul li dl dd div a {
	display: inline-block;
	color: var(--white);
	font-size: 20px;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	background-color: #c00;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
}
.ticket-purchase ul li dl dd div a span {
	display: block;
	background-image: url("../img/parts/external.png");
	background-repeat: no-repeat;
	background-position: right;
	padding: 15px 50px;
}
.ticket-purchase ul li dl dd div a:hover {
	background-color: #900;
}
.ticket-purchase ul li dl dd p {
	padding: 5px 0px;
}
.ticket-purchase ul li dl dd p b {
	font-size: 17px;
}
.ticket-purchase ul li dl dd p i {
	font-size: 15px;
}
.ticket-purchase ul li dl dd p a {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	padding: 5px 0px;
}
.ticket-purchase ul li dl dd p a span {
	display: block;
	background-image: url("../img/parts/tel.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 17px;
	padding-left: 25px;
}
.ticket-purchase ul li dl dd em {
	display: block;
	font-size: 15px;
	line-height: 1em;
	background-color: #f2f2f2;
	margin-top: 10px;
	padding: 10px 10px;
}
@media screen and (max-width: 767px) {
	.ticket-purchase {
		padding: 10px 0px;
	}
	.ticket-purchase-osaka b {
		font-size: 16px;
	}
	.ticket-purchase ul {
		width: auto;
	}
	.ticket-purchase ul li dl {
		display: block;
		width: auto;
	}
	.ticket-purchase ul li dl dt {
		display: block;
		width: auto;
		background-image: none;
		padding: 10px;
	}
	.ticket-purchase ul li dl dd {
		display: block;
		padding: 10px;
	}
	.ticket-purchase ul li dl dt strong {
		font-size: 24px;
	}
	.ticket-purchase ul li dl dt b {
		margin-top: 5px;
	}
	.ticket-purchase ul li dl dd em {
		font-size: 17px;
		line-height: 1.6em;
	}
	.ticket-purchase ul li dl dd p {
		font-size: 17px;
	}
	.ticket-purchase ul li dl dd p i {
		font-size: 14px;
	}
}
*/
/* ---------------------------------------------------------------------- */
.bloc#ticket-note {
	color: var(--white);
}
.note {
	padding: 0px 100px;
}
.note ul {
}
.note ul li {
	position: relative;
	border-bottom: 1px dashed #666;
	padding: 5px 0px 5px 20px;
}
.note ul li:last-child {
	border-bottom: none;
}
.note ul li::before {
	content: "※";
	position: absolute;
	left: 0px;
	top: 5px;
}
@media screen and (max-width: 767px) {
	.note {
		padding: 0px 10px;
	}
}
/* ---------------------------------------------------------------------- */