@charset "UTF-8";

/* ************************************************************************
*
*   Perie Hall - price.css
*
************************************************************************ */

#container .contents{
	margin-bottom: 80px;
}
#container h3{
	margin: 70px 0 40px;
	padding-left: 9px;
	font-size: 142.8%;
	border-left: 3px solid #000;
}
#container h3.hallmap{
	width: 740px;
	margin: 0 auto 40px;
}
#container h4{
	margin-bottom: 13px;
	padding-left: 9px;
	font-size: 142.8%;
	border-left: 3px solid #000;
}
#container .view{
	width: 433px;
	margin: auto;
}
#container .room{
	margin: 80px auto 0;
	overflow: hidden;
}
#container .room li{
	float: left;
	width: 241px;
}
#container .room li:not(:nth-child(4n)){
	margin-right: 20px;
}
#container .room li:nth-child(n + 5){
	margin-top: 40px;
}
#container .scroll{
	width: 1024px;
	height: 100%;
	overflow: auto;
}
#container .price{
	box-sizing: border-box;
	width: 1024px;
	height: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
}
#container .price th[scope="row"]{
	width: 104px;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 153.8%;
}
#container .price th[scope="col"]{
	width: 115px;
	padding: 1em 0;
	text-align: center;
	background-color: #f7f7f7;
	font-size: 123%;
	vertical-align: middle;
}
#container .price th[scope="col"]:first-child{
	background-color: #fff;
}
#container .price .time_d th[scope="col"]{
	background-color: #fff;
	font-size: 92%;
}
#container .price th,
#container .price td{
	padding: 2em 0;
	text-align: center;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
#container .price td{
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}
#container .colorbox{
	margin-top: 30px;
	padding: 33px;
	line-height: 2;
	background-color: #f7f7f7;
	font-size: 107.6%;
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}


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

@media screen and (max-width: 768px) {
	
	#container .inner{
		width: 88%;
		margin: auto;
	}
	#container .contents{
		margin-bottom: 16%;
	}
	#container h3,
	#container h3.hallmap{
		width: 100%;
		margin: 0 auto 8%;
		font-size: 166%;
		line-height: 24px;
	}
	#container h4{
		margin-bottom: 13px;
		font-size: 125%;
		border-left: 3px solid #000;
	}
	#container .view{
		width: 100%;
	}
	#container .room{
		margin: 10% auto;
	}
	#container .room li{
		float: left;
		width: 48%;
	}
	#container .room li:not(:nth-child(4n)){
		margin-right: inherit;
	}
	#container .room li:nth-child(odd){
		margin-right: 4%;
	}
	#container .room li:nth-child(n + 5){
		margin-top: inherit;
	}
	#container .room li{
		margin-top: 6%;
	}
	#container .scroll{
		width: 100%;
	}
	#container .price{
		width: 652px;
		margin: 0 auto;
	}
	#container .price th[scope="row"]{
		width: 52px;
		font-size: 150%;
	}
	#container .price th[scope="col"]{
		width: 75px;
		font-size: 108%;
	}
	#container .price th,
	#container .price td{
		padding: 1em 0;
	}
	#container .colorbox{
		margin-top: 10%;
		padding: 1.5em;
		line-height: 1.5;
	}
	#container .colorbox li{
	text-indent: -1em;
	margin: 0 0 0 1em;
	margin-top: 2%;
}

	
}