@charset "utf-8";

/*------------------------------------------------------------
	メインビジュアル
------------------------------------------------------------*/

/*コンペルーム*/
.page-id-10970 .main-vis-inner {
	background-image:  url(../img/facilities/main_convention@1x.jpg);
}

@media only screen and (min-width: 813px) {

	.page-id-10970 #main-vis {
		height: calc(100vh - 132px - 252px);
	}

	.page-id-10970 .wide-intro {
		min-height: 272px;
	}
	
	.page-id-10970 .wide-intro h3 {
		height: 300px;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 813px) {
	
	.page-id-10970 .main-vis-inner {
		background-image:  url(../img/facilities/main_convention@2x.jpg);
	}

}



.contents-wrap section:not(:last-of-type) {
	margin-bottom: 40px;
}

@media only screen and (min-width: 813px) {
	
	.contents-wrap section:first-of-type {
		border-top: 1px solid #ddd;
		padding-top: 70px;
	}
	
	.contents-wrap section:not(:last-of-type) {
		border-bottom: 1px solid #ddd;
		margin-bottom: 70px;
		padding-bottom: 70px;
	}
	
}

/*------------------------------------------------------------
	英語見出し 位置調整
------------------------------------------------------------*/

@media only screen and (min-width: 813px) {
	
	.page-id-10970 .wide-intro p.english {
		right: -15px;
	}
	
}



/*------------------------------------------------------------
	共通
------------------------------------------------------------*/

.page-id-10970 .contents-wrap {
	padding-bottom: 0;
}

.contents-wrap section h4 {
	font-size: 1.8rem;
}

.contents-wrap section h4 span.kana {
	display: inline-block;
	font-size: 1rem;
}

@media only screen and (min-width: 813px) {
	
	.page-id-10970 .contents-wrap {
		padding-bottom: 70px;
	}
	
	.contents-wrap section h4 {
		font-size: 2rem;
	}

}


/*------------------------------------------------------------
	２部屋＋娯楽
------------------------------------------------------------*/

#compe-rooms .fig-box {
	min-height: 260px;
}

/*藤（ふじ）*/
#compe-rooms figure:nth-of-type(1) {
	background-image: url(../img/facilities/img_compe_fuji.jpg);
}

/*葵（あおい）・橘（たちばな）*/
#compe-rooms figure:nth-of-type(2) {
	background-image: url(../img/facilities/img_compe_aoi.jpg);
}

@media only screen and (min-width: 813px) {
	
	#compe-rooms {
		background: #F9F3EE url(../common/img/noise_02.png) left top repeat;
		background-size: 200px 200px;
	}
	
	#compe-rooms .fig-box {
		min-height: 320px;
	}
	
	.big-image .img-outside-02 {
		display: block;
	    width: 500px;
	    height: 600px;
	    position: absolute;
	    top: 0;
	    right: 0;
	    border-left: 30px solid #F9F3EE;
	}
	
	#compe-rooms {
		margin-top: 30px;
	}
	
	#compe-rooms div {
		position: relative;
		padding: 90px 60px 0;
	}
	
	#compe-rooms div:after {
		content: '';
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 15px solid #F9F3EE;
		position: absolute;
		top: -15px;
		left: 50%;
		margin: 0 0 0 -20px;
		z-index: 10;
	}
	
	#compe-rooms div:nth-child(2):after {
		border-top: 20px solid transparent;
		border-left: none;
		border-right: 15px solid #F9F3EE;
		border-bottom: 20px solid transparent;
		top: 50%;
		left: -15px;
		margin: -20px 0 0;
	}
	
	#compe-rooms div:nth-child(3):after {
		border-top: 20px solid transparent;
		border-left: 15px solid #F9F3EE;
		border-right: none;
		border-bottom: 20px solid transparent;
		top: 50%;
		left: auto;
		right: -15px;
		margin: -20px 0 0;
	}
	
}