@charset "utf-8";
/*絶対値＜＝検索用*/
* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}
html,body {
	margin: 0;
	padding: 0;
}
body {
	display: block;
	position: relative;
	background-color: #FFF;
	text-align: center;
	font-family: "Noto Serif JP",sans-serif;
	line-height: 180%;
	letter-spacing: 0;
	color: #7E732C;
	overflow-x: hidden;
}
p {
	font-weight: 400;
}
.h1_img,.h2_img{margin: 0;padding: 0;font-size: 0;}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover{opacity: 0.8;}
img{
	width:auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
ul li{
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
.wrapper{
	position: relative;
	display: block;
	margin: 0 auto;
	height: 100%;
	width: auto;
	background-image: url("../pic/bg_pc.webp");
	background-attachment: fixed;
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
}
.wrap{
	position: relative;
	display: block;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	box-shadow: 2px 2px 20px 10px rgba(0, 0, 0, 0.1);
}
section{
	display: block;
	position: relative;
}
header{
	background-color:#C9B65F; 
}
header p{
	font-size: 16px;
	line-height: 1.9em;
	text-align: center;
	color: #FFF;
	font-weight: 500;
}
/*TOP*/
.top_img{
	width: 100%;
	vertical-align: bottom;
}
/**/
.h2_div{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.h2_line{
	width: 83px;
	height: auto;
	margin: 0 10px;
}
.h2moji{
	margin: 0;padding: 0;
	font-size: 16px;
	line-height: 150%;
	color: #FFF;
	width: fit-content;
}
.ticket_div{
	padding: 24px 0;
	background-color: #C9B65F;
}
.ticket_comesoon_flex_div{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
	max-width: 345px;
}
.ticket_comesoon_h_div{
	width: fit-content;
	display: block;
}
.ticket_comesoon_m_div{

}
.comesoon_p1{
	color: #FFF;
	font-size: 20px;
	line-height: 150%;
	font-weight: 700;
}
.comesoon_p2{
	color: #FFF;
	font-size: 13px;
	line-height: 180%;
	font-weight: 500;
}
.x_btn_img{
	padding-top: 3px;
	width: 156px;/*絶対値*/
	height: auto;
}
.tic_x_p{
	color: #FFF;
	font-weight: 700;
	font-size: 13px;
	margin: 16px auto;
	line-height: 180%;
}
.grade_line_img{
	width: 100%;
	height: auto;
}
/*WHAT*/
.what_h_div{
	background-image: url("../pic/bg_what_h.webp");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 180px auto;
}
.what_m_div{
	background-image: url("../pic/bg_what_m.webp");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 180px auto;
	padding: 50px 0;
}
.h2_what_img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 242px;
}
.what_b{
	font-size: 18px;
	line-height: 180%;
	font-weight: 700;
	margin: 18px auto;	
}
.what_p{
	margin: 0 auto;
	width: 96%;
	max-width: 331px;
	font-size: 13px;
	color: #7E732C;
	line-height: 180%;
	font-weight: 500;
	text-align: left;
	margin-bottom: 18px;
}
.what_p span{white-space: nowrap;}
footer{
	padding-top: 40px;
	padding-bottom: 130px;
	background-color: #FFDCF3;
}
footer a{
	color: inherit;
}
.koushiki_btn_img{
	width: 96%;
	max-width: 345px;
	height: auto;
}
.footer_copy_p{
	filter: none;
	color: #770034;
	font-weight: 500;
	font-size: 10px;
	margin: 40px auto;
	line-height: 180%;
}
.footer_copy_span{
	filter: none;
	color: #770034;	
}
/*チケット販売時*/
.tic_title_p{
	font-weight: 700;
	margin-top: 28px;
}
.ticket_in_div{
	margin: 0 auto;
	border-radius: 4px;
	width: 100%;
	max-width: 345px;
	padding: 10px 8px;
	background-color: #e4daaf;
	text-align: left;
	color: #695705;
	font-weight: 500;
}
.tic_table_div{
	width: 100%;
	margin: 6px auto;
}
.tic_table_in_div{
	margin-left: auto;
	margin-right: 0;
	width: 96%;
	max-width: 311px;
	border-radius: 4px;
	overflow: hidden;
}
.tic_tyui_ul{
	margin: 4px auto;
}
.tic_tyui_ul li{
	font-size: 11px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5em;
}
.tic_tr{
	width: 100%;
	display: flex;
	min-height: 42px;
}
.tic_tr_border{
	border-bottom: 1.5px solid #e4daaf;
}
.tic_tr p{
	font-family: "Noto Sans JP",sans-serif;
	font-weight: bold;
}
.tic_th{
	background-color: #695705;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46.5%;
}
.tic_th p{
	padding: 16px 0;
	font-size: 13px;
	text-align: center;
	color: #FFF;
}
.tic_td{
	width: 53.5%;
	background-color: #FFF;
	display: flex;
	align-items: center;
	padding: 16px 14px;	
}
.tic_td p{
	width: 100%;
	font-size: 18px;
	text-align: left;
	width: fit-content;
	color: #695705;
}
.tic_table_in_div{

}
.tic_p11{
	font-size: 11px !important;
	line-height: 1.5em;
	overflow-wrap: break-word;
	word-break: break-all;
	margin: 2px auto;
}
.tic_p13{
	font-size: 13px !important;
	line-height: 1.6em;
}
.tic_p14{
	font-size: 14px !important;
	line-height: 1.6em;
}
.o_tik_btn_img{
	width: 100%;
	margin-top: 14px;
	margin-bottom: 2px;
}
.o_tik_btn_img:hover{
	opacity: 0.8;
}
.tic_toku_img{
	width: 100%;
	height: auto;
	max-width: 150px;
	margin-top: 24px; 
}
.tic_toku_p{
	font-size: 12px !important;
	margin-top: 10px;
	line-height: 1.5em;
}
/*X フォロー＆リポストキャンペーン*/
.xrp_div{
	padding: 24px 0;
	background-color: #E4DBAF;
	color: #534A0E;
	font-family: "Noto Sans JP",sans-serif;
}
.xrp_div a{
	color: inherit;
}
.xrp_in_div{
	width: 98%;
	max-width: 350px;
	margin: 0 auto;
}
.h2xrp{
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 1em;
}
.xrp_b{
	width: 100%;
	font-size: 16px;
	border-bottom: 1px solid #534A0E; 
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: 500;
}
.xrp_p{
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	font-weight: 400;
}
.xrp_l-int05{	
	text-indent: -0.5em;
}
.xrp_l-int1{
	padding-left: 1em;
	text-indent: -1em;
}
.xrp_l-aki1{	
	text-indent: -1em;

}
.xrp_btn_img{
	margin: 8px auto;
}
.xrp_ul{
	padding: 0;
	padding-left: 1em;
}

.xrp_ul li{
	list-style:initial;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	font-weight: 400;
	padding-left: 0;
	text-indent: 0;
	padding-bottom: 1em;
}
.xrp_in_ul{
	padding-top: 4px;
	padding-left: 1em;
}
.xrp_in_ul li{
	padding-bottom: 0.5em;
}
.xrp_ul li::marker,.xrp_in_ul li::marker {
  font-size: 10px;
}
.xrp_tyui_div{
	width: 100%;
	max-width: 350px;
	background-color: #d6cd9f;
	border-radius: 5px;
	padding: 16px;
	margin-top: 1.5em;
}
.xrp_kojin_p{
	text-align: right;
	margin: 1px;
	margin-right: 0.5em;
}
@media screen and (max-width: 440px) {

}
@media screen and (max-width: 375px) {
	.what_h_div{
		background-size: 160px auto;
	}
	.what_m_div{
		background-size: 160px auto;
	}
}
@media screen and (max-width: 358px) {
	.what_h_div{
		background-size: 100px auto;
	}
	.what_m_div{
		background-size: 100px auto;
	}
	.ticket_comesoon_flex_div{
		display: block;
	}
	.ticket_comesoon_h_div{
		width: 100%;
		text-align: center;
		margin-bottom: 8px;
	}
	.what_p span{
		white-space: normal;
	}
}