@charset "utf-8";

/* ---------------------------------------------------
  Base Layout
------------------------------------------------------ */
#RthCustomizeW { font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; letter-spacing: .08em;width: 950px !important; }
#RthCustomizeW a,
#RthCustomizeW a img { transition: all .5s; }
#RthCustomizeW a:hover img { opacity: 0.75; }
#RthCustomizeW div { box-sizing: border-box; }
#htlContents { width: 1200px !important; margin: 0 auto; }


/* ----------------
header
---------------- */
#r_wrapper { position: relative;}
#r_header { position: absolute; display: flex; align-items: flex-start; background: url(../img/h_bg.png)repeat-x top; z-index: 10; width: 100%; color: #fff; min-height: 110px; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; }
#r_header h3 { margin: 12px 0 0 14px;}
#r_header ul { display: flex; margin: 0 0 0 auto; padding: 12px 0 0;}
#r_header ul li { margin: 0 15px 0 0;}
#r_header ul li::after { margin: 0;}

#r_header ul li a{
	display: flex; justify-content: center; align-items: center;
	padding: 15px 5px 0; word-break: keep-all;
	color: #fff; font-size: 17px; text-decoration: none;
	box-sizing: border-box; position: relative;
}
#r_header ul li span{ white-space: nowrap;}
#r_header ul li a::before {
	position: absolute; top: 0; left: calc(50% - 5px);
	content:''; display:block; width: 10px; height: 10px;
	background: #7b5d7a; opacity:0;
	transition: opacity .5s; border-radius:50%;
}
#r_home #r_header li#nav_home a::before,
.r_point #r_header li#nav_point a::before,
.r_spa #r_header li#nav_spa a::before,
.r_meal #r_header li#nav_meal a::before,
.r_room #r_header li#nav_room a::before,
.r_facilities #r_header li#nav_facilities a::before,
.r_access #r_header li#nav_access a::before { opacity:1; }

#r_header ul li a::after {
	display: block; content: '';
	width: 100%; height: 1px; background: #fff;
	position: absolute; bottom: 0; left: 0;
	transform: scaleX(0); transition: transform .5s;
}

#r_header a { color: #fff;}

#h_tel { margin: 0; padding: 10px 0 7px 15px; border-left: 1px solid rgba(255,255,255,0.5);}
#h_tel p:nth-of-type(1) { font-size: 22px;}
#h_tel p:nth-of-type(1) span { font-size: 18px;}
#h_tel p:nth-of-type(2) { font-size: 14px;} 
#r_header #h_tel+a { display: block; margin: 0; padding: 20px 0; font-size: 19px; width: 160px; background-color: #542653; text-align: center; transition: all .5s;} 
#r_header #h_tel+a:hover { opacity: .7; text-decoration: none;}
#r_contents #h_tel { position: absolute; right: 10px; bottom: -15px; border-left: none; line-height: 1.2;}

@media screen and (hover: hover) {
	#r_header ul li a:hover{ opacity: 1;}
	#r_header ul li a:hover::after { transform: scaleX(1); }
}

/* ----------------
footer
---------------- */
#r_footer { margin: 100px 0 0; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; }
.r_meal #r_footer,
.r_room #r_footer { margin: 0 auto 50px;}

#f_photo { position: relative; background: url(../img/f_photo.jpg)no-repeat; background-size: cover;}
#f_photo p { width: 100%; min-height: 410px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 22px; text-align: center; line-height: 1.9;}
#f_cont { text-align: center;}
#f_cont >img { margin: 40px 0;}
#f_cont p { margin: 0 0 30px; font-size: 15px; line-height: 1.5;}
#f_cont a { display: table; margin: 0 auto 30px; padding: 22px 0; width: 287px; background-color: #542653; transition: all .5s;}
#f_cont a span { padding: 0 0 0 25px; background: url(../img/reserve_icon.png)no-repeat left center; color: #fff; font-size: 15px;}
#f_cont a:hover { opacity: .7; text-decoration: none;}
#f_nav { border-top: 1px solid #dbdad7; border-bottom: 1px solid #dbdad7; background: url(../../img/bg.gif);}
#f_nav ul { display: flex; justify-content: center; margin: 30px 0;}
#f_nav ul li { padding: 0 20px; border-right: 1px solid #000;}
#f_nav ul li:last-of-type { border-right: none;}
#f_nav ul li a { color: #000;}
#r_copy { padding: 18px 0 0; text-align: center; font-size: 12px;}



/* お食事処追加 */
.r_meal #r_contents img:nth-child(7){width:950px;height: 1595px;}