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

/*-------------------------------------
	Main Visual
-------------------------------------*/

#main_visual{
	background-image: url(../images/facilities/main.jpg);
}

#event_calender{
	width: 80%;
	margin-bottom: 30px;
}

#event .box1 h4{
	margin-top: 50px;
}

/*-------------------------------------
	floormap
-------------------------------------*/
#floor p{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

#floor p:nth-child(2){
	margin-top: 20px;
}

#plink.box3 ul{
	justify-content: space-between;
}

#plink.box3 ul li{
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	border-right: 1px solid #dedede;
	margin-right: 0;
}

#plink.box3 ul li:last-child{
	border-right: none;
}

#plink.box4 ul li{
	flex-basis: 25%;
	max-width: 25%;
	border-right: 1px solid #dedede;
	height: 50px;
}

#plink.box4 ul li:last-child{
	border-right: none;
}

#plink.box4 ul li h4{
	width: 100%;
	height: 100%;
	margin-top: 0;
	padding: 0;
	position: relative;
}

#plink.box4 ul li h4:after{
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.5s;
}

#plink.box4 ul li h4:hover:after{
	border-color: #fff;
}

#plink.box4 ul li h4 a{
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	opacity: 1;
}

#plink.box4 ul li h4 a:hover{
	background: #b49531;
	color: #fff;
}

@media screen and (max-width: 960px){
	#plink.box4 ul li{
		flex-basis: 48%;
		max-width: 48%;
	}
	
	#plink.box4 ul li:nth-child(2n){
		border-right: none;
	}
}