@charset "UTF-8";

/* ************************************************************************
*
*   Perie Hall - outline/index.css
*
************************************************************************ */

#container .contents{
	padding-bottom: 70px;
}
.animate{
	overflow: hidden;
}

/* -------------- ▼Contents Top▼ -------------- */

#container .contents.top{
	min-height: 535px;
}
#container .top .cntL{
	width: 39%;
	float: left;
}
#container .top .cntL p{
	margin: -6px 0 40px;
	font-size: 109%;
	line-height: 1.8;
	letter-spacing: 0;
}
#container .top .cntL dl{
	width: 100%;
	padding: 23px 0;
	border-top: 1px solid #e8e8e8;
	display: table;
}
#container .top .cntL dl:last-child{
	border-bottom: 1px solid #e8e8e8;
}
#container .top .cntL dt{
	width: 40%;
	padding: 0 7%;
	display: table-cell;
	vertical-align: middle;
}
#container .top .cntL dd{
	padding: 0 7.5% 0 0;
	font-size: 85.7%;
	display: table-cell;
	line-height: 1.5;
}
#container .top .cntL dd small{
	font-size: 83.3%;
}
#container .top .cntR{
	width: 57%;
	float: right;
}

/* -------------- ▼Floor Information▼ -------------- */

#container .info{
	width: 100%;
	padding-top: 35px;
	background: #f5f5f5;
	text-align: center;
}
#container .info h3{
	margin-bottom: 30px;
	font-size: 36px;
}
#container .info p{
	margin-bottom: 65px;
	font-size: 14px;
}

/*map*/

#container .info .cntL{
	width: 442px;
	/*width: 48%;*/
	margin-left: 88px;
	float: left;
	position: relative;
}
#container .info .btn{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#container .info .btn li{
	position: absolute;
}
#container .info .a{
	/*width: 129px;*/
	right: 0;
	bottom: 0;
}
#container .info .b{
	/*width: 128px;*/
	right: 129px;
	bottom: 0;
}
#container .info .c{
	/*width: 86px;*/
	left: 89px;
	bottom: 28px;
}
#container .info .d{
	/*width: 78px;*/
	left: 10px;
	bottom: 28px;
}
#container .info .e{
	/*width: 78px;*/
	left: 10px;
	bottom: 88px;
}
#container .info .f{
	/*width: 56px;*/
	right: 79px;
	top: 56px;
}

/*table*/

#container .info .cntR{
	width: 345px;
	margin-right: 110px;
	/*width: 48%;*/
	float: right;
}
#container .info table{
	width: 100%;
	border: 1px solid #000;
}
#container .info th,
#container .info td{
	border: 1px solid #000;
	vertical-align: middle;
	line-height: 1.2;
	font-family: 'Noto Sans', sans-serif;
	letter-spacing: 0;
	font-size: 71.42%;
}
#container .info thead th{
	width: 11%;
	padding: 2px 0;
	font-size: 87.5%;
}
#container .info .cell_1{
	width: 22%;
}
#container .info tbody th{
	/*background: #f08845;*/
	border-top: 1px solid #fff;
	border-bottom: none;
	border-right: none;
	border-left: none;
}
#container .info tbody tr:first-child th{
	border-top: none;
}
#container .info tbody th a{
	/*padding: 1.7% 0;*/
	background: #f08845;
	color: #fff;
	display: block;
	line-height: 3.05;
}


/* -------------- ▼Contents Menu▼ -------------- */

#container .cntMenu{
	padding-top: 35px;
}
#container .cntMenu h3{
	margin-bottom: 28px;
	font-size: 18px;
	letter-spacing: 3px;
}
#container .cntMenu h3 span{
	width: 40px;
	height: 40px;
	margin-right: 20px;
	padding: 10px;
	background: #000;
	font-family:Garamond, serif;
	font-size: 24px;
	color: #fff;
	text-align: center;
	display: inline-block;
	letter-spacing: 0;
}
#container .cntMenu ul{
	overflow: hidden;
}
#container .cntMenu li{
	width: 322px;
	float: left;
	margin-right: 29px;
}
#container .cntMenu li:last-child{
	margin-right: 0;
}
#container .cntMenu li p{
	margin: 15px 0 25px;
	font-size: 14px;
	line-height: 1.85;
}
#container .cntMenu li .more{
	width: 50px;
}

/*------------------------------------------------
     SP View
 ----------------------------------------------- */

@media screen and (max-width: 768px) {
	
	/*#container .inner{
		width: 100%;
	}*/
	#container .contents{
		padding-bottom: 16%;
	}
	
	/* -------------- ▼Contents Top▼ -------------- */

	#container .contents.top{
		min-height: 1px;
	}
	#container .top .cntL,
	#container .top .cntR{
		width: 100%;
	}
	#container .top .cntL p{
		margin: 6% 0 9%;
	}
	#container .top .cntL dt{
		width: 36%;
		padding: 0 3.4%;
	}
	#container .top .cntL dd{
		padding: 0 3.4% 0 0;
	}
	
	/* -------------- ▼Floor Information▼ -------------- */
	
	
	#container .info{
		padding-top: 13%;
	}
	#container .info h3{
		font-size: 19px;
	}
	#container .info p{
		margin-bottom: 10%;
		letter-spacing: 0.8px;
	}
	#container .info .cntL,
	#container .info .cntR{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	#container .info .a{
		width: 26.9%;
		right: 4.93%;
		bottom: 0;
	}
	#container .info .b{
		width: 26.6%;
		right: 32.1%;
		bottom: 0;
	}
	#container .info .c{
		width: 18%;
		left: 21.2%;
		bottom: 8.2%;
	}
	#container .info .d{
		width: 16.2%;
		left: 4.66%;
		bottom: 8.2%;
	}
	#container .info .e{
		width: 16.2%;
		left: 4.66%;
		bottom: 25.7%;
	}
	#container .info .f{
		width: 11.6%;
		right: 21.8%;
		top: 26.6%;
	}
	#container .info table{
		margin-top: 14%;
	}
	
	/* -------------- ▼Contents Menu▼ -------------- */
	
	#container .cntMenu{
		width: 100%;
		padding-top: 13%;
	}
	/*#container .cntMenu ul{
		overflow: hidden;
	}*/
	#container .cntMenu li{
		width: auto;
		float: left;
		margin-right: 0;
	}
	#container .cntMenu .owl-item:last-child h3 span{
		float: left;
	}
	/*#container .cntMenu li:last-child{
		margin-right: 0;
	}*/

	

}