@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; color:#000; font-size:16px;line-height: 160%; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: top; overflow: hidden; }
a {color:#c66a00; text-decoration:none; transition: color 0.4s;  }
a:hover {color:#eb000c;}
img{ max-width:100%;}

.sp_none{ display: block; }
.pc_none{ display: none; }
.an_scl{ opacity: 0; }

.fw_title{font-family: "Noto Sans JP", serif;font-optical-sizing: auto;font-style: normal;}

.red_cl{ color:#eb000c; }
.white_cl{ color:#fff; }
.black_cl{ color: #000; }


.fs14{ font-size:0.7em; line-height: 150%; }
.fs16{ font-size:0.8em; line-height: 160%; }
.fs18{ font-size:0.9em; line-height: 160%; }
.fs22{ font-size:1.1em; line-height: 170%; }
.fs24{ font-size:1.2em; line-height: 170%; }
.fs26{ font-size:1.3em; line-height: 170%; }
.fs28{ font-size:1.4em; line-height: 170%; }
.fs30{ font-size:1.5em; line-height: 160%; }
.fs32{ font-size:1.6em; line-height: 150%; }
.fs34{ font-size:1.7em; line-height: 140%; }
.fs36{ font-size:1.8em; line-height: 140%; }
.fs38{ font-size:1.9em; line-height: 140%; }
.fs40{ font-size:2em; line-height: 120%; }
.fs60{ font-size:3em; line-height: 120%; }

.fws{ font-weight: 300; }
.fwb{ font-weight: 600; }

:root{--htmlfont:100px;}


/******************************************************************/
html{ font-size:var(--htmlfont); opacity: 0; transition: opacity 1s;visibility: hidden;}
html.pgshow{ opacity: 1;visibility: visible; }
/* html.wf-active,html.loading-delay{visibility: visible;} */
body{font-size: 0.2rem; line-height:155%; position: relative; background: #e50012;}
body::before{content: ""; position: absolute; top:.25rem; left: 0; width: 100vw; height: 14rem; z-index: -1; background:#fff;transform: skewY(-10deg);}




.wrap{ position: relative; z-index: 10; }
header{width:1300px; max-width: 100%; margin: 0 auto;padding:0; box-sizing: border-box; position: relative; text-align: center;}
	.headinpre{ width:113.08%;max-width:113.08%; margin-left: -6.54%; }
	.top_info{position: relative; z-index: 3;padding: 1.5em; margin-top: -0.8rem; width: 1000px; max-width: 91%; margin-left: auto; margin-right: auto; background: #e50012; color:#fff; box-sizing: border-box;}
		.toptitle{font-size: 2.1em; line-height: 1.1; color: #fff600; letter-spacing: -0.05em;}
		.top_smt{font-weight: 400; font-size:0.68em;}

		.top_contlist{}
			.top_contlist ul{ display: inline-block;padding-top: 0.5em; line-height: 1.2;  }
			.top_contlist ul li{ display: flex; text-align: left; padding-top: 0.5em; align-items: center;}
			.tpico{line-height: 1.4; background-color: #000; letter-spacing: 0.1em; padding:0 1.4em 0 0.2em; height:1.4em; width: 6em; text-align: center; margin-right:0; position: relative;}
			.tpico::after{ content:""; position: absolute; top: -1px; right: -1px; border: calc(0.7em + 2px) solid #e50012;border-left-color: transparent; display: block; width: 0; height: 0; }




.main{ width: 1000px; max-width: 91%; margin-left: auto; margin-right: auto;position: relative; z-index: 10; padding-bottom: 0.6rem;}
	.inner_mob{position:relative; box-sizing: border-box; background: #fff;margin-top:6%;}
		.mob_title{text-align: center; padding: 1em;background: #000; line-height: 0;}
			.tit_txjp{font-weight: 850; font-size: 2.4em; line-height: 1;color: #e50012; display: inline-block; padding-bottom: 0.2em; letter-spacing: 0.1em; }
			.tit_txen{font-size:0.8em; color: #fff600; display: inline-block; line-height: 1; letter-spacing: 0.26em;}

		.top_pv{ width:100%; }
			.topytbmob{ width: 100%; padding-bottom: 56.25%; position:relative;}
			.topytbmob iframe{ position: absolute; top:0; left:0; width:100%; height:100%; }
		.inner_cont{ padding: 2em; }
			.txin_mobws{width: 600px; margin: 0 auto; max-width: 100%;}


	.ticket_ints{ display: flex; padding-top: 0.3rem}
		.ticket_ints .ticket_instit{ text-align: center;  width:2.1rem; display: flex;justify-content: center;border-right: 2px solid #000;}
		.ticket_ints .ticket_insc{ padding:0 0 0 0.32rem ; line-height:180%; width: calc(100% - 2.3rem); box-sizing: border-box; }


	.ban_lcf{ display: inline-block; font-size: 0.24rem; line-height: 110%; padding: 0.45em 1.4em;margin: 0.1rem 0;border: 0.02rem solid #eb000c; position: relative; color: #eb000c; overflow: hidden;}
		.ban_lcf::before{content: "";width:150%;height:500%;opacity: 0;border-radius:999px;background: #eb000c;position: absolute;transition: all .5s ease-Out;top:50%;left: 50%; transform: translate(-50%,-50%) scale(0, 0); z-index:0;}
		.ban_lcf span{position: relative; z-index: 5;}
		.ban_lcf:hover{ color: #fff;}
		.ban_lcf:hover::before{ transform: translate(-50%,-50%) scale(1, 1);opacity: 1;}







footer{ display: block; background: #000; padding:2em 1em;color: #fff; text-align: center; }
footer .ftcopy{ line-height:2;  display: block;}

@media screen and (max-width:1300px) {

	body::before{height:113.8vw;}
}




@media screen and (max-width:1100px) {
	:root{--htmlfont:9vw;}

	/* body::before{height: 11.5rem;} */
}

@media screen and (max-width:768px) {
	:root{--htmlfont:13.02vw;}

	html{ width: 100%; overflow-x: hidden; }
	body{ overflow-x: hidden;}
	.sp_none{ display: none; }
	.pc_none{ display: block; }
	body::before{height:126.8vw;}

	.top_info{margin-top: -0.6rem;}
	.toptitle{font-size: 1.9em; line-height: 1.4;letter-spacing:0;}
		.tp_cx{font-size: 0.9em;}




	.ticket_ints{flex-wrap: wrap;}
	.ticket_ints .ticket_instit{ width: 100%;display: block;padding: 0 0 0.15rem 0; border-right: 0; border-bottom: 2px solid #000; margin-bottom: 0.15rem;}
	.ticket_ints .ticket_insc{ width: 100%; display: block; text-align: center; padding:0; word-break: break-all;  }
	.ticket_ints .ticket_insc .comment{text-align: left;}




}