@charset "UTF-8";

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

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

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

#container h3{
	margin-bottom: 40px;
	padding-left: 9px;
	font-size: 142.8%;
	border-left: 3px solid #000;
}
#container .lead{
	margin: -24px auto 70px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
#container .wrap ul{
	margin-bottom: 80px;
}
#container .wrap li:nth-child(n + 4){
	margin-top: 50px;
}
#container .wrap li p{
	margin: 15px 0;
	font-size: 12px;
	line-height: 1.5;
}
#container .wrap li p+p{
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}
#container .wrap li img + p {
	font-size: 18px;
}
#container .wrap li .btnArea{
	margin-top: 25px;
	overflow: hidden;
}
#container .wrap li .btnArea a.site{
	display: block;
	width: 110px;
	float: left;
}
#container .wrap li .btnArea a.menu{
	display: block;
	width: 70px;
	float: left;
	margin-right: 20px;
	margin-left: 1px;
}
#container .wrap li .btnArea a img{
	width: 100%;
}
#container .drink{
	margin-bottom: 80px;
	overflow: hidden;
}
#container .drink li{
	float: left;
	width: 490px;
	height: 118px;
	border-bottom: 1px solid #e8e8e8;
	padding-left: 1em;
	text-indent: -1em;
}
#container .drink li p{
	float: left;
	width: 380px;
	padding: 0 15px;
	font-size: 18px;
}
#container .drink li:nth-child(-n+2){
	border-top: 1px solid #e8e8e8;
}
#container .drink li:nth-of-type(odd){
	margin-right: 44px;
}
#container .drink span{
	font-size: 14px;
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}
#container .drink .price{
	float: left;
	width: 90px;
	text-align: right;
	font-size: 16px;
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}
#container .drink li .menu{
	position: relative;
	top: 37%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#container .borderWrap{
	padding: 40px 0;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-size: 16px;
}

/* owl-carousel */
.owl-carousel {
	display: block;
	overflow: hidden;
}
.owl-carousel li{
	float: left;
	width: 315px;
}
.owl-carousel li:not(:nth-child(3n)){
	margin-right: 39.5px;
}

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

@media screen and (max-width: 768px) {
	
	/*#container .inner{
		width: 100%;
	}*/
	#container .contents{
		padding-bottom: 16%;
	}
	
	/* -------------- ▼Contents Menu▼ -------------- */
	#container.subpage h2{
		line-height: 1.2;
	}
	#container.subpage h2 span{
		padding-bottom: .3em;
	}
	#container h3{
		margin: 8% auto;
	}
	#container .lead{
		margin: -10% auto 10%;
		line-height: inherit;
		text-align: left;
		font-size: 116%;
	}
	#container .wrap ul{
		margin-bottom: 14%;
	}
	#container .wrap li:nth-child(n + 4){
		margin-top: 0;
	}
	#container .wrap li p{
		margin: 4% 0;
		font-size: 100%;
		line-height: 1.5;
	}
	#container .wrap li img + p {
		font-size: 16px;
	}
	#container .wrap li .btnArea{
		overflow: hidden;
	}
	#container .wrap li .btnArea a.site{
		width: 44%;
	}
	#container .wrap li .btnArea a.menu{
		width: 28%;
		margin-right: 1.5em;
	}
	#container .wrap li .btnArea a img{
		width: 100%;
	}
	#container .drink{
		margin-bottom: 14%;
		border-top: 1px solid #e8e8e8;
	}
	#container .drink li{
		float: none;
		width: 100%;
		height: auto;
		padding: 1.5em 0;
		overflow: inherit;
	}
	#container .drink li p{
		width: 80%;
		padding: 0 1em;
		font-size: 116%;
	}
	#container .drink li:nth-child(-n+2){
		border-top: none;
	}
	#container .drink li:nth-of-type(odd){
		margin-right: 0;
	}
	#container .drink span{
		font-size: 83%;
	}
	#container .drink .price{
		width: 20%;
		font-size: 108%;
	}
	#container .drink li .menu{
		top: inherit;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#container .borderWrap{
		padding: 1.5em 0;
		font-size: 108%;
	}
	
	/* owl-carousel */
	.owl-carousel {
		display: none;
		overflow: inherit;
	}
	.owl-carousel li{
		float: inherit;
		width: inherit;
	}
	.owl-carousel li:not(:nth-child(n+3)){
		margin-right: inherit
	}
	

}