@charset "UTF-8";


/*****************************************************
　フロアマップ　
*****************************************************/
/* ページヘッダー 
------------------------------------------------- */
.page-head{
	align-items:center;
	background:url('../img/floor-map/floor-map_bg.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	color:#fff;
	display:flex;
	font-size:20px;
	font-size:2.0rem;
	height:320px;
	justify-content:center;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:0 auto;
	max-width:1750px;
	text-align:center;
	width:95%;
}
.page-head span{
	display:block;
	font-size:48px;
	font-size:4.8rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
/* .fm-head 
------------------------------------------------- */
.fm-head{
	color:#014099;
	margin:0 0 10px;
	text-align:center;
}
.fm-head .fm-ttl{	
	font-size:42px;
	font-size:4.2rem;
	font-weight:bold;
	letter-spacing:0.12em;
	line-height:1.4;
}
.fm-head .fm-subttl{	
	font-size:22px;
	font-size:2.2rem;
	letter-spacing:0.12em;
	line-height:1.4;
}
/* 1階フロア 
------------------------------------------------- */
#first-floor{
	margin:145px auto 0;
	max-width:1277px;
	width:100%;
}
/* ギャラリー 
------------------------------------------------- */
#gallery{
	margin:175px 0 0;
}
.gallery-list{
	display:flex;
	flex-wrap:wrap;
	margin:55px 0 0;
}
.gallery-list .g-item{
	margin-right:5%;
	margin-top:45px;
	max-width:350px;
	width:30%;
}
.gallery-list .g-item:nth-child(1),
.gallery-list .g-item:nth-child(2),
.gallery-list .g-item:nth-child(3){
	margin-top:0;
}
.gallery-list .g-item:nth-child(3n){
	margin-right:0;
}
.gallery-list .g-item figcaption{
	color:#365980;
	font-weight:bold;
	letter-spacing:0.12em;
	line-height:1.4;
	margin:8px 5px 0;
	text-decoration:underline;
}
/* バナー 
------------------------------------------------- */
.page-template-floormap .banner{
	display:flex;
	justify-content:space-between;
	list-style-type:none;
	margin:70px 0 80px;
	padding:0;
}
.page-template-floormap .banner img{
	width:100%;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　フロアマップ　
	*****************************************************/
	/* ページヘッダー 
	------------------------------------------------- */
	.page-head{
		font-size:4.28vw;
		height:53.17vw;
	}
	.page-head span{
		font-size:6.9vw;
	}
	/* .fm-head 
	------------------------------------------------- */
	.fm-head{
		margin:0 0 1.58vw;
	}
	.fm-head .fm-ttl{	
		font-size:5.71vw;
	}
	.fm-head .fm-subttl{	
		font-size:3.73vw;
	}
	/* 1階フロア 
	------------------------------------------------- */
	#first-floor{
		margin:18.58vw auto 0;
		max-width:none;
		width:95%;
	}
	/* ギャラリー 
	------------------------------------------------- */
	#gallery{
		margin:22.43vw 0 0;
	}
	.gallery-list{
		margin:7.05vw 0 0;
	}
	.gallery-list .g-item{
		margin-right:4%;
		margin-top:5.76vw;
		max-width:none;
		width:48%;
	}
	.gallery-list .g-item:nth-child(3){
		margin-top:5.76vw;
	}
	.gallery-list .g-item:nth-child(3n){
		margin-right:4%;
	}
	.gallery-list .g-item:nth-child(2n){
		margin-right:0;
	}
	.gallery-list .g-item img{
		width:100%;
	}
	.gallery-list .g-item figcaption{
		margin:1.02vw 0.64vw 0;
	}
	/* バナー 
	------------------------------------------------- */
	.page-template-floormap .banner{
		display:block;
		margin:8.97vw 0 10.25vw;
	}
	.page-template-floormap .banner li + li{
		margin:3.17vw 0 0;
	}
}