@charset "UTF-8";

#title-01.before{
	position:relative;
}
#title-01.before::before{
	content: "\005C\0020事前に知っておきたい\0020\002F";
	position:absolute;
	width:100%;
	text-align:center;
	font-size: clamp(12px, 0.9vw, 14px);
	top:-16px;
	color:#111;
}


#ticket-kihon .card{
	max-width:400px;
	margin:0 20px;
}
#ticket-kihon .card .bt{
	margin-top:16px;
}

#ticket-kihon .card .ph-cercle{
	margin-bottom:12px;
	display:flex;
	justify-content: center;
}
#ticket-kihon .card .ph-cercle img{
	max-width:154px;
	border-radius:50%;
	overflow:hidden;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	border:none;
}

#ticket-kihon .title-nav{
	font-size: clamp(18px, 1.1vw, 24px);
	font-weight:bold;
	margin-bottom:4px;
}
#ticket-kihon .card li{
	text-align:center;
}


#schedule .on-beta{
	margin-top: 40px;
}
.mono .on-beta{
	padding: 20px 30px;
}
.on-beta .c-tx .tx + .tx{
	margin-top: 10px;
}


/*****************/
.conte-number .title{
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
}
.mono .conte-page{
	display: flex;
	justify-content: center;
	align-items:  stretch;
	flex-direction: row-reverse;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.conte-page .c-ph,
.conte-page > .c-tx{
	width: 50%;
	border: solid 1px var(--btn-main);
}
.conte-page > .c-tx{
	padding: 50px 40px;
	width: calc(50% - 60px);
}
.conte-page .c-ph{
	display: flex;
	justify-content: center;
	align-items:  center;
	background: url(../../img/bg-ami.png);
	background-size: 100%;
}
.conte-page .icon{
	padding-left: 1.5rem;
	color: var(--btn-main);
	margin-top: 10px;
}
.mono .conte-page .icon.i-time:before{
	top: 5px;
}



#leave-a-review .conte-button, 
#trouble .conte-button{
	margin-top: 20px;
}



.mono .list-underline{
	margin-bottom: 30px;	
}
.mono .list-underline li{
	border-bottom: solid 1px var(--btn-gray);
	padding-bottom: 6px;
	margin-top: 6px;

}
.mono .t-dot li{
	position: relative;
	padding-left: 1.5rem;
}
.mono .t-dot li::before{
	content: '・';
	position: absolute;
	left: 0;
}

#seat-sl,
#ticket-info{
	position: relative;
}
#schedule::before,
#seat-sl::before,
#ticket-info::before{
	content: '';
	display: block;
	width: 350px;
	height: 290px;
	position: absolute;

}
#ticket-info::before{
	background: url(../../img/no-l-01.svg)no-repeat;
	background-size: contain;
	background-position: center;
	top: -60px;
	left: -18%;	
}
#seat-sl::before{
	background: url(../../img/no-l-02.svg)no-repeat;
	background-size: contain;
	background-position: center;
	top: -20%;
	right: -12%;	
}
#schedule::before{
	background: url(../../img/no-l-03.svg)no-repeat;
	background-size: contain;
	background-position: center;
	top: -10%;
	left: 5%;	
}
#enjoy-with .tab-wrap,
#enjoy-with .waku-1200{
	position: relative;
	z-index: 0;
}
#enjoy-with .tab-wrap .tab-contents{
	position: relative;
	z-index: 1;
	background: var(--btn-white);
}

#enjoy-with .waku-1200::before,
#enjoy-with .waku-1200::after{
	content: '';
	display: block;
	background: url(../../img/cercle-s.svg)no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
}
#enjoy-with .waku-1200::before{
	top: -22%;
	right: -20%;
	width: 390px;
	height: 390px;
	z-index: 1;
}
#enjoy-with .waku-1200::after{
	bottom: -22%;
	left: -20%;
	width: 650px;
	height: 650px;
	z-index: -1;
}





/********************************************************************************/
@media screen and (max-width: 1179px) {

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


	.mono .title-m0{
		font-size: 24px;
	}
	.conte-page .c-tx .tx{
		font-size: 12px;
	}
	.conte-page  .no-large{
		width: 100px;
		height: 90px;
	}
	.conte-page  .title-m0 + .sub-title,
	.conte-page  .no-large + .no-sub-title{
		margin-bottom: 20px;
	}
	.conte-page .conte-number .title{
		margin-top: 20px;
	}

	#enjoy-with .waku-1200::before{
		top: -14%;
		right: -10%;
		width: 250px;
		height: 250px;
		z-index: 1;
	}
	#enjoy-with .waku-1200::after{
		bottom: -15%;
		left: -20%;
		width: 400px;
		height: 400px;
		z-index: -1;
	}



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

	.mono .on-beta{
		padding: 30px 30px;
	}
	#schedule .on-beta{
		margin-top: 15px;
	}

	#schedule #schedule-time.col-02{
		display: block;
	}
	#schedule #schedule-time .col-01{
		width:100%;
	}
	#schedule #schedule-time .col-01 + .col-01{
		margin-top: 20px;
	}



	.mono .conte-page{
		display: block;
	}
	.conte-page .c-ph,
	.conte-page > .c-tx{
		width: 100%;
	}
	.conte-page > .c-tx{
		border-bottom: none;
	}
	.conte-page .c-ph{
		border-top:none ;
	}
	.conte-page > .c-tx{
		padding: 30px 20px;
		width: calc(100% - 40px);
	}


	#leave-a-review p, 
	#trouble p,
	#leave-a-review .tx, 
	#trouble .tx{
		font-size: 12px;
	}

	
	
	#schedule::before,
	#seat-sl::before,
	#ticket-info::before{
		display: none;
	}
	.mono .no-num{
		text-align: center;
		margin-bottom: 0px;
	}
	.mono .no-num.no01{
		margin-bottom: 20px;
	}

	.conte-page .no-large {
        width: 220px;
        height: 200px;
    }


	#enjoy-with .waku-1200::before{
		top: -2%;
		right: -15%;
		width: 200px;
		height: 200px;
		z-index: -1;
	}
	#enjoy-with .waku-1200::after{
		bottom: -5%;
		left: -35%;
		width: 350px;
		height: 350px;
		z-index: -1;
	}








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

}