@charset "UTF-8";


/*****************************************************
　フロアマップ　
*****************************************************/
/* タブ 
------------------------------------------------- */
/* ----- タブボタン ----- */
.floor-map .tabs{
	border-bottom:none;
	justify-content:center;
	margin:0 0 60px;
}
.floor-map .tabs .tab{
	background:#cecece;
	color:#fff;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	padding:16px 0;
	width:52px;
}
.floor-map .tabs .tab + .tab{
	margin:0 0 0 20px;
}
/* ----- タブコンテンツ ----- */
.floor-map .panels .panel{
	margin:0;
	max-width:none;
}
.panel_inner{
	display:flex;
	justify-content:space-between;
}
/* マップ画像 */
.panel .img{
	max-width:867px;
	width:calc(100% - 335px);
}
/* サイド */
.panel .side{
	width:335px;
}
.panel .side dt{
	border-bottom:2px solid #cecece;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	margin:0 0 12px;
	padding:0 15px 5px;
}
.panel .side dd{
	margin:0 0 0 18px;
}
.panel .side ul{
	list-style-type:none;
}
.panel .side ul li{
	line-height:1.4;
}
.panel .list > li + li{
	margin:13px 0 0;
}
.panel .list li.icon-e .icon_inner{
	align-items:flex-start;
}
.panel .list li.icon-e .icon_inner > div{
	line-height:inherit;
}
.panel .list li.icon-e .icon_inner span{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
}
.panel .list > li > .icon_inner{
	align-items:center;
	display:flex;
	line-height:1.4;
	width:calc(100% - 23px - 10px);
}
.panel .list > li > .icon_inner:before{
	background:#000;
	color:#fff;
	display:block;
	font-size:18px;
	font-size:1.8rem;
	line-height:23px;
	margin:0 10px 0 0;
	text-align:center;
	width:23px;
}
.panel .list li.icon-a > .icon_inner:before{
	content:'A';
}
.panel .list li.icon-b > .icon_inner:before{
	content:'B';
}
.panel .list li.icon-c > .icon_inner:before{
	content:'C';
}
.panel .list li.icon-d > .icon_inner:before{
	content:'D';
}
.panel .list li.icon-e > .icon_inner:before{
	content:'E';
}
.panel .list li.icon-f > .icon_inner:before{
	content:'F';
}
.panel .list li.icon-g > .icon_inner:before{
	content:'G';
}
.panel .list li.icon-h > .icon_inner:before{
	content:'H';
}
.panel .list li.icon-i > .icon_inner:before{
	content:'I';
}
.panel .list li.icon-j > .icon_inner:before{
	content:'J';
}
.panel .list li.icon-k > .icon_inner:before{
	content:'K';
}
.panel .list li.icon-l > .icon_inner:before{
	content:'L';
}
.panel .list li.icon-m > .icon_inner:before{
	content:'M';
}
.panel .child-list{
	margin:8px 0 0 40px;
}
.panel .child-list > li{
	font-size:14px;
	font-size:1.4rem;
}
.panel .child-list > li + li{
	margin:4px 0 0;
}
/* 共通アイコン */
.common-icon{
	margin:30px 0 0;
}
.common-icon_inner{
	display:flex;
	flex-wrap:wrap;
	margin:0 0 10px;
}
.common-icon ul{
	list-style-type:none;
	margin:0 30px 0 0;
}
.common-icon ul:last-child{
	margin:0;
}
.common-icon ul li,
.common-icon p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
}
.common-icon ul li{
	padding:3px 0 4px 33px;
}
.common-icon ul li + li{
	margin:8px 0 0;
}
.common-icon ul li.mens-toilet{
	background:url('../img/floor-map/mens-toilet.png') no-repeat left center;
}
.common-icon ul li.accessible-toilet{
	background:url('../img/floor-map/accessible-toilet.png') no-repeat left center;
}
.common-icon ul li.coin-locker{
	background:url('../img/floor-map/coin-locker.png') no-repeat left center;
}
.common-icon ul li.information{
	background:url('../img/floor-map/information.png') no-repeat left center;
}
.common-icon ul li.entrance{
	background:url('../img/floor-map/entrance.png') no-repeat left center;
}
.common-icon ul li.womens-toilet{
	background:url('../img/floor-map/womens-toilet.png') no-repeat left center;
}
.common-icon ul li.ostomate-toilet{
	background:url('../img/floor-map/ostomate-toilet.png') no-repeat left center;
}
.common-icon ul li.shower-room{
	background:url('../img/floor-map/shower-room.png') no-repeat left center;
}
.common-icon ul li.elevator{
	background:url('../img/floor-map/elevator.png') no-repeat left center;
}
.common-icon ul li.aed{
	background:url('../img/floor-map/aed.png') no-repeat left center;
}
/* 館内設備 
------------------------------------------------- */
#facility{
	margin:40px 0 0;
}
/* ----- タイトル ----- */
.facility-ttl{
	border-bottom:2px solid #bbb;
	background:#fbf9f2;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 50px;
	padding:15px 30px;
}
/* ----- リスト ----- */
.facility-list{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	max-width:1112px;
	width:100%;
}
.facility-list .f-item{
	margin:0 2.4% 30px 0;
	max-width:255px;
	width:23%;
}
.facility-list .f-item:nth-child(4n){
	margin:0 0 30px;
}
.facility-list .f-item .ttl{
	align-items:flex-start;
	display:flex;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.4;
	margin:8px 0 12px;
}
.facility-list .f-item .ttl .ttl_inner{
	font-size:inherit;
	line-height:inherit;
	width:calc(100% - 25px - 8px);
}
.facility-list .f-item .ttl:before{
	background:#000;
	color:#fff;
	display:block;
	line-height:25px;
	margin:0 8px 0 0;
	text-align:center;
	text-decoration:none;
	width:25px;
}
.facility-list .f-item.icon-h .ttl:before{
	content:'H';
}
.facility-list .f-item.icon-i .ttl:before{
	content:'I';
}
.facility-list .f-item.icon-l .ttl:before{
	content:'L';
}
.facility-list .f-item.icon-b .ttl:before{
	content:'B';
}
.facility-list .f-item.icon-m .ttl:before{
	content:'M';
}
.facility-list .f-item.icon-g .ttl:before{
	content:'G';
}
.facility-list .f-item.icon-c .ttl:before{
	content:'C';
}
.facility-list .f-item.icon-k .ttl:before{
	content:'K';
}
.facility-list .f-item.icon-e .ttl:before{
	content:'E';
}
.facility-list .f-item.icon-d .ttl:before{
	content:'D';
}
.facility-list .f-item.icon-f .ttl:before{
	content:'F';
}
.facility-list .f-item.icon-a .ttl:before{
	content:'A';
}
.facility-list .f-item.icon-j .ttl:before{
	content:'J';
}
.facility-list .f-item .subttl{
	display:block;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.4;
	margin:0 0 8px;
}
.facility-list .f-item .txt{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6;
}
.facility-list .f-item a .ttl span,
.facility-list .f-item .txt a{
	color:#f16c6c;
}
.facility-list .f-item a .ttl span{
	text-decoration:underline;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　フロアマップ　
	*****************************************************/
	/* タブ 
	------------------------------------------------- */
	/* ----- タブボタン ----- */
	.floor-map .tabs{
		margin:0 0 7.5vw;
	}
	.floor-map .tabs .tab{
		font-size:3.33vw;
		padding:2vw 0;
		width:6.5vw;
	}
	.floor-map .tabs .tab + .tab{
		margin:0 0 0 2.5vw;
	}
	/* ----- タブコンテンツ ----- */
	.panel_inner{
		display:block;
	}
	/* マップ画像 */
	.panel .img{
		max-width:none;
		width:auto;
	}
	.panel .img img{
		width:100%;
	}
	/* サイド */
	.panel .side{
		margin:2.5vw auto 0;
		max-width:335px;
		width:100%;
	}
	.panel .side dt{
		border-width:0.25vw;
		font-size:4.0vw;
		margin:0 0 2.5vw;
		padding:0 1.87vw 0.62vw;
	}
	.panel .side dd{
		margin:0 0 0 2.25vw;
	}
	.panel .list > li + li{
		margin:1.62vw 0 0;
	}
	.panel .list li.icon-e .icon_inner span{
		font-size:2.8vw;
	}
	.panel .list > li > .icon_inner{
		width:auto;
	}
	.panel .list > li > .icon_inner:before{
		font-size:3.2vw;
		line-height:5vw;
		margin:0 2.25vw 0 0;
		width:5vw;
	}
	.panel .child-list{
		margin:1vw 0 0 5vw;
	}
	.panel .child-list > li{
		font-size:2.8vw;
	}
	.panel .child-list > li + li{
		margin:0.5vw 0 0;
	}
	/* 共通アイコン */
	.common-icon{
		margin:3.75vw 0 0;
	}
	.common-icon_inner{
		margin:0 0 1.25vw;
	}
	.common-icon ul{
		margin:0 3.75vw 0 0;
	}
	.common-icon ul li,
	.common-icon p{
		font-size:2.8vw;
	}
	.common-icon ul li{
		padding:0.37vw 0 0.5vw 4.12vw;
	}
	.common-icon ul li + li{
		margin:1vw 0 0;
	}
	.common-icon ul li.mens-toilet,
	.common-icon ul li.accessible-toilet,
	.common-icon ul li.coin-locker,
	.common-icon ul li.elevator,
	.common-icon ul li.aed{
		background-size:3.12vw auto;
	}
	.common-icon ul li.information{
		background-size:2.62vw auto;
	}
	.common-icon ul li.shower-room{
		background-size:3.37vw auto;
	}
	.common-icon ul li.womens-toilet,
	.common-icon ul li.ostomate-toilet{
		background-size:3.25vw auto;
	}
	.common-icon ul li.entrance{
		background-size:1.87vw;
	}
	/* 館内設備 
	------------------------------------------------- */
	#facility{
		margin:5vw 0 0;
	}
	/* ----- タイトル ----- */
	.facility-ttl{
		border-width:0.25vw;
		font-size:3.9vw;
		margin:0 0 6.25vw;
		padding:1.87vw 3.75vw;
	}
	/* ----- リスト ----- */
	.facility-list .f-item{
		margin:0 4% 3.75vw 0;
		max-width:none;
		width:48%;
	}
	.facility-list .f-item:nth-child(4n){
		margin:0 0 3.75vw;
	}
	.facility-list .f-item:nth-child(2n){
		margin:0 0 3.75vw;
	}
	.facility-list .f-item .img img{
		width:100%;
	}
	.facility-list .f-item .ttl{
		font-size:3.3vw;
		margin:2.5vw 0 1.5vw;
	}
	.facility-list .f-item .ttl .ttl_inner{
		width:calc(100% - 3.12vw - 1vw);
	}
	.facility-list .f-item .ttl:before{
		line-height:5.12vw;
		margin:0 1vw 0 0;
		width:5.12vw;
	}
	.facility-list .f-item .subttl{
		font-size:2.8vw;
		margin:0 0 1vw;
	}
	.facility-list .f-item .txt{
		font-size:3.2vw;
	}
}


	/* 改行
	------------------------------------------------- */

@media screen and (min-width: 680px){   
  .pc { display:inline; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:inline; }
}