@charset "UTF-8";
/* CSS Document */

/*  ---------- main ---------- */
.main_v{
	background:url("/event/wp-content/uploads/2022/09/0903_plaisir/20220903_preopen_main_back.webp") no-repeat center center;
	position:relative;
	background-size:cover;
	padding:30px 0;
}
.main_v img{
	height:550px;
	margin:0 auto;
	display:block;
	padding:50px 70px 150px 70px;
	box-sizing:border-box;
	box-shadow: 0px 0px 20px #999; 
	background:url("/event/wp-content/uploads/2022/09/0903_plaisir/20220903_preopen_main_ep_img.webp") center bottom no-repeat #112d4a;
	background-size:100% auto;
}

/*  ---------- detail_box ---------- */



.detail_box{
	background:
		linear-gradient(
		0deg,
		#e4e4e5  0%,
		#e4e4e5  10%,
		transparent 10%,
		transparent 90%,
		#e4e4e5  90%,
		#e4e4e5  100%),
		linear-gradient(
		90deg,
		#e4e4e5  0%,
		#e4e4e5  10%,
		transparent 10%,
		transparent 90%,
		#e4e4e5  90%,
		#e4e4e5  100%)
		;
    padding: 50px 4% 50px 4%;
	margin-bottom:80px;
}

.detail_box > dl {
	width:70%;
	--main-color: #d1af47; 
	position: relative; 
	padding: 50px; 
	box-shadow: 10px 10px 15px #ccc; 
	box-sizing: border-box; background-color: #fff; 
	background-image:
		linear-gradient(315deg,
		transparent 0 50px,
		var(--main-color) 50px 100px,
		transparent 50px calc(100% - 100px),
		var(--main-color) calc(100% - 100px) calc(100% - 50px),
		transparent calc(100% - 50px)); 
	color: var(--main-color); 
	margin: 0px auto 80px;
	border:3px solid;
}
.detail_box > dl img{
	width:80%;
	display:block;
	margin:-80px auto 15px;
}
.detail_box > dl dt{
	margin-bottom:0.5em;
}
.detail_box > dl p{
	color: #000;
}
.detail_box dl dt h5{
	font-size:140%;
	font-weight:bold;
	text-align:center;
	color: #122e4a !important;
}
.detail_box dl dt h3{
    font-family: 'Jost', sans-serif !important;
    margin: 0 auto 0 !important;
	padding: unset !important;
	color: #122e4a !important;
	text-align: center !important;
}
.detail_box h3 span{
	/* color: #dc4027; */
	color: #d1af47;
}

.detail_box .gaikan_box dl{
    display: flex;
    justify-content: space-between;
}
.detail_box .gaikan_box dl dt{
    width: 49%;
}
.detail_box .gaikan_box dl dt img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.detail_box .gaikan_box dl dd{
	width: 48%;
}
.detail_box .gaikan_box h4{
	border-bottom: unset !important;
	font-size: 130% !important;
	text-align: left !important;
    margin: 0 auto 0.1em !important;
    color: #122e4a !important;
}
.detail_box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    margin: 80px auto 0;
}
.detail_box ul li{
    width: 47%;
    margin-bottom: 70px;
	background:#fff;
	box-shadow: 10px 10px 10px rgb(0 0 0 / 18%);
	position: relative;
	background:#122e4a;
	
}
.detail_box ul li em{
	color: #d2af49;
    font-size: 400%;
    line-height: 1em;
    font-family: 'Jost', sans-serif !important;
    position: absolute;
    top: 10px;
    left: 0px;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.detail_box ul li em span{
	font-size:40%;
	line-height: 1em;
	letter-spacing:0.2em;
	margin:0.5em 0 0;
}
.detail_box ul li dt{
	height: 250px;
}
.detail_box ul li dt img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.detail_box ul li dd{
	color:#fff;
	padding:20px 50px;
}
.detail_box ul li dd h5{
	font-weight: bold;
    font-size: 120%;
	border-bottom: 1px #fff solid;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}


/*  ---------- info_box ---------- */
.info_box{
	margin: 0 auto 80px !important;
}
.info_box h3{
	font-size: 150% !important;
    text-align: left !important;
    margin: 0 !important;
}
.info_box ul {
	display: flex;
	justify-content: space-between;
}
.info_box ul li:nth-child(1){
	width: 49%;
}
.info_box ul li:nth-child(2){
	width: 49%;
}
.info_box ul li table{
	width: 100%;
	margin-bottom: 20px;
}
.info_box ul li tr{
}
.info_box ul li tr th{
	font-size:90%;
	font-weight:bold;
	width: 20%;
    text-align: center;
    letter-spacing: 0.1em;
    background: initial;
    color: #000;
    position: relative;
    padding: 10px 0;
    margin-right: 16px;
}
.info_box ul li tr td{
	padding-left: 16px;
}

#event.sub section#subContainer div.main_box .info_box h3 {
    margin-bottom: 25px!important;
    display: inherit;
    color: #fff;
    font-weight: normal;
    background: #122e4a;
    line-height: 1em;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
}

.info_box iframe {
    width: 100%;
    min-height: 300px;
}

.info_box ul li table tr th::after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #000;
    right: 0;
    position: absolute;
    top: calc(50% - 10px);
}

.info_box ul li table tr:nth-child(odd) {
    background: #f7f7f7;
}


.form_title {
    font-size: 150%;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px 0;
    border-radius: 50px;
    margin-bottom: 50px;
}



@media screen and (max-width: 1200px){
	.info_box {
		width: 96%;
	}
	.form_box {
		width: 96%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 959px){
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 599px){
	.detail_box > dl {
	    width: 100%;
	    background-color: #fff;
	    background-image: linear-gradient(315deg, transparent 0 30px, var(--main-color) 30px 70px, transparent 30px calc(100% - 70px), var(--main-color) calc(100% - 70px) calc(100% - 30px), transparent calc(100% - 30px));
	    padding: 30px;
	}

	.detail_box ul {
	    display: block;
	}

	.detail_box ul li {
	    width: 100%;
	    margin-bottom: 35px;
	}

	.detail_box ul li dd {
	}

	.detail_box .gaikan_box dl {
	    display: block;
	}

	.detail_box .gaikan_box dl dt {
	    width: 100%;
	    margin-bottom: 25px;
	}

	.detail_box .gaikan_box dl dd {
	    width: auto;
	    padding: 0 40px;
	}

	.detail_box {
	    background: linear-gradient( 0deg, #e4e4e5 0%, #E4E4E5 2%, transparent 2%, transparent 90%, #E4E4E5 90%, #e4e4e5 100%), linear-gradient( 90deg, #e4e4e5 0%, #E4E4E5 10%, transparent 10%, transparent 90%, #e4e4e5 90%, #e4e4e5 100%);
	    padding: 50px 4% 80px 4%;
	}	

	.info_box ul {
	    display: block;
	}

	.info_box ul li:nth-child(1) {
	    width: auto;
	    margin: 0 20px;
	}

	.info_box ul li:nth-child(2) {
	    width: auto;
	    margin: 0 20px;
	}

	#event.sub section#subContainer div.main_box .info_box h3 {
	    padding: 10px 10px 10px 10px;
	}	
	.info_box ul li .notes{
		margin-bottom:10px !important;
	}
		
}
@media screen and (max-width: 519px){
}