/*===================================================== */
/* hotel PAGE
======================================================= */

@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyhotel/notoserifjapanese.css);

@font-face {
	font-family: BASKVILL;
	src: url(../font/BASKVILL.TTF) format('truetype');
}
@font-face {
  font-family: Meiryo;
  src: local('Meiryo'), local('メイリオ');
}

.contents{ 
	max-width:100%;
}




/* layout
-------------------------------------------------------- */
#contentsContainer{
	width:100%;
	margin:0 auto 60px;
}
#access section{
	width:100%;
	margin: 0 auto 30px;
}
#access section section{
	width:100%;
	margin: 0 auto 30px;
}


#access .summary{
	margin: 0 auto 20px;
	padding:2.5% 10%;
	box-sizing: border-box;
	background:#fff;
	border: 1px solid #795602;
}
#access h3,#access h4{
	margin: 0 0 16px;
	text-align: center;
}
#access h3 strong,#access h4 strong{
	display: block;
	margin: 0 0 8px;
	font-size: 32px;
	font-family: 'BASKVILL',serif;
	line-height: 1;
}
#access h4 strong{
	font-size: 26px;
}

#access h3::after,#access h4::after{
	content:url(../images/spacer.gif);
	display: block;
	width:100%;
	height: 1px;

background: rgba(68,57,31,1);
background: -moz-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68,57,31,1)), color-stop(53%, rgba(226,200,136,1)), color-stop(100%, rgba(68,57,31,1)));
background: -webkit-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -o-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -ms-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: linear-gradient(to right, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44391f', endColorstr='#44391f', GradientType=1 );


}

/* hotel area
-------------------------------------------------------- */
#access #deliveryArea{
	margin:  0 0 10px;
}
#access #deliveryArea .inner{
	padding:24px;	
	background:rgba(255,255,255,0.64)
}
#access #deliveryArea .list dl{
	width:100%;
}
#access #deliveryArea .list dl dt{
	display: inline-block;
	margin: 0 0 ;
	padding:2%;
	background:#e29a3c;
	color: #fff;
	text-align: center;
	line-height: 1;
}
#access #deliveryArea .list dl dd{
	display: inline-block;
	margin: 0 0 0.3rem;
	padding:2%;
	text-align: left;
}


/* hotel area
-------------------------------------------------------- */
#access #hotelArea{
	margin:  0 0 10px;
}

#access #hotelArea section.section{
}
#access #hotelArea section.section h3{
}
#access #hotelArea section.section h4{
	background:#a60085;
	color: #fff;
	font-size: 24px;
}
#access #hotelArea section.section h4 span{
	font-size: 18px;
}
#access #hotelArea section.section h5{
	line-height: 1;
	padding:0;
	margin: 0 0 10px;
}

#access #hotelArea section.section .inner{
	margin: 0 0 10px;
	padding:24px;	
	background:rgba(255,255,255,0.64);
}
#access #hotelArea section.section .inner ul{
}
#access #hotelArea section.section .inner li{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	width:100%;
	margin: 0 0 10px;
}
#access #hotelArea section.section .inner li p{
	display: inline-block;
	box-sizing: border-box;
	padding-right:15px;
}
#access #hotelArea section.section .inner li p:nth-child(1){
	width:25%;
}
#access #hotelArea section.section .inner li p:nth-child(2){
	width:25%;
}
#access #hotelArea section.section .inner li p:nth-child(2) span.price{
	display: inline-block;
}
#access #hotelArea section.section .inner li p:nth-child(3){
	width:22%;
}
#access #hotelArea section.section .inner li p:nth-child(4){
	width:28%;
}
#access #hotelArea section.section p.map{
	text-align: center;
}



#access #hotelArea .times{
	margin: 0 0 25px;
	padding:2.2%;
	background:rgba(0,0,0,0.06);
	font-size:28px;
	line-height:60px;
	text-align: center;

	font-family: Meiryo, "メイリオ", sans-serif;
	font-style: italic;	
}

#access #hotelArea .times strong{
	display: inline-block;
	color: #ff2583;
	font-size:50px;
	font-weight: 100;
}
#access #hotelArea .note{
	display: inline-block;
	width:100%;
	padding:1.4%;
	box-sizing: border-box;
	background:url("../images/hotel/note_bg.jpg");
	font-size:26px;
	text-align: center;
	font-family: Meiryo, "メイリオ", sans-serif;
	font-style: italic;	
}
#access #hotelArea .content{
	padding:2.5%;
	font-size: 24px;
}
#access #hotelArea .content strong{	
	color: #ff2583;
}


#access #hotelArea .ban_parking{
	text-align: right;
}