@charset "UTF-8";
/* CSS Document */

/* -----------------------------------
 楽天調節
 ----------------------------------- */
#htlContents {
  width: 1200px !important;
  margin: 0px auto !important;
  min-width: 1200px !important;
}

#htlSide-A {
  float: none !important;
  position: absolute;
  top: 2170px;
  left: 0;
}

#htlMainContent {
  width: 1200px !important;
  margin-left: 0 !important;
	float: none !important;
	display: block !important;
}

#RthCustomizeW{ width: 750px !important;}


/* -----------------------------------
 全体
 ----------------------------------- */

body{
	font-size: 13px; line-height: 1.5;
	background: url(../img/common/bg.gif);
	overflow-x: hidden; position: relative; min-width: 1230px;
}
a:hover img { opacity:0.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”;}

#r_wrapper area{ border:none; outline:none;}


/* ----- header ----- */
#r_header {
	margin-left:-225px; width: 1200px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

#r_header #logo{ padding: 36px 0 32px;}
#r_header #logo a{ display: block;}

#r_header ul{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

#r_header li{ margin-right: 40px; width: 20px;}
#r_header li:nth-last-of-type(2){ margin-right: 45px;}
#r_header li:last-of-type{ margin-right: 0; width: 169px;}
#r_header li a{ display: block; width: 20px; height: 140px;}
#r_header li#gn08 a{ width: 169px; height: 166px;}


#r_header li a span{ display: none;}

#r_header li#gn01{ background: url(../img/common/gn01_off.png) no-repeat;}
#r_header li#gn02{ background: url(../img/common/gn02_off.png) no-repeat;}
#r_header li#gn03{ background: url(../img/common/gn03_off.png) no-repeat;}
#r_header li#gn04{ background: url(../img/common/gn04_off.png) no-repeat;}
#r_header li#gn05{ background: url(../img/common/gn05_off.png) no-repeat;}
#r_header li#gn06{ background: url(../img/common/gn06_off.png) no-repeat;}
#r_header li#gn07{ background: url(../img/common/gn07_off.png) no-repeat;}
#r_header li#gn08{ background: url(../img/common/h_reservation.jpg) no-repeat;}


.r_home #r_header li#gn01,
#r_header li#gn01:hover{ background: url(../img/common/gn01_on.png) no-repeat;}

.r_room #r_header li#gn02,
#r_header li#gn02:hover{ background: url(../img/common/gn02_on.png) no-repeat;}

.r_cuisine #r_header li#gn03,
#r_header li#gn03:hover{ background: url(../img/common/gn03_on.png) no-repeat;}

.r_spa #r_header li#gn04,
#r_header li#gn04:hover{ background: url(../img/common/gn04_on.png) no-repeat;}

.r_faci #r_header li#gn05,
#r_header li#gn05:hover{ background: url(../img/common/gn05_on.png) no-repeat;}

.r_sight #r_header li#gn06,
#r_header li#gn06:hover{ background: url(../img/common/gn06_on.png) no-repeat;}

.r_access #r_header li#gn07,
#r_header li#gn07:hover{ background: url(../img/common/gn07_on.png) no-repeat;}

#r_header li#gn08:hover{ opacity: 0.75;}


/* ----- title area ----- */
#r_tit{ margin-left: -225px; width: 1200px; height: 420px; overflow: hidden; position: relative;}
#r_wrapper .section{ margin-left: 24px; width: 950px;}

/* ----- footer ----- */
#r_footer {
	width: 950px; position: relative; z-index: 5;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman",serif;
}
#r_footer:before {
	content: ''; display: block; position: absolute; bottom: 0; left: 50%;
	margin-left: -1200px; width: 2400px; height: 540px;
	background: url(../img/common/f_bg.gif); z-index: -1;
}

#r_footer ul{
	margin-bottom: 38px;
	height: 65px; line-height: 65px;
	border-bottom: 1px solid #cfc1a4;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}
#r_footer li{ padding: 0 20px; font-size: 16px;}
#r_footer li a{ color: #221815;}
#r_footer li a:hover{ text-decoration: underline;}
#r_footer > img{ display: block; margin: 0 auto 10px;}
#r_footer address{
	margin-bottom: 30px; font-size: 15px; font-style: normal;
	line-height: 1.8; text-align: center;
}
#r_footer > a{ display: block; margin: 0 auto 50px; width: 590px; height: 105px;}
#r_footer #copy{ padding-bottom: 50px; color: #918266; font-size: 10px; text-align: center;}


/* -----------------------------------
 top
 ----------------------------------- */

/* ----- visual ----- */
.r_home #visual {
	background: #fff none repeat scroll 0 0; width: 1200px; height: 750px;
	overflow: hidden; position: relative; margin-left:-225px;
}
.r_home #visual #slide { position: relative; z-index: 1;}
.r_home #visual .vis { height: 750px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
.r_home #visual .vis.vis01 { background: url(../img/top/slide1.jpg) no-repeat scroll center top #000;}
.r_home #visual .vis.vis02 { background: url(../img/top/slide2.jpg) no-repeat scroll center top #000;}
.r_home #visual .vis.vis03_2 { background: url(../img/top/slide3_2.jpg) no-repeat scroll center top #000;}
.r_home #visual .vis.vis04_2 { background: url(../img/top/slide4_2.jpg) no-repeat scroll center top #000;}

.r_home #visual #r_copy { top: 200px; left: 50%; position: absolute; margin-left: -29px; z-index: 100;}
.r_home #visual ul{ left: 20px; bottom: 20px; position: absolute; z-index: 100;}
.r_home #visual ul li{ display: inline-block;}
.r_home #visual ul li:first-child{ margin-right: 10px;}

.r_home #r_lead { margin-left:-225px;}

.r_home #r_info {
	margin-left: 24px; padding-bottom: 60px; width: 950px;
	text-align: center; background: rgba(231,223,202,0.6);
	border: 1px solid #d1c7ac; box-sizing: border-box;
}
.r_home #r_info > p{ margin-bottom: 35px; padding: 5px;}
.r_home #r_info dl{ margin: 25px auto 0; width: 730px; border: 1px solid #4a7f9a;}
.r_home #r_info dl dt{
	color: #fff; font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman",serif;
	background: #4a7f9a;
}
.r_home #r_info dl dd{ padding: 20px; background: #f6fafd;}

.r_home #r_info .acd-label {
	display: block; position: relative;
	margin: 0 auto; width: 303px; height: 30px;
	background: url(../img/top/btn_more.png);
}
.r_home #r_info .acd-check:checked + .acd-label{
	background: url(../img/top/btn_more_on.png);
}
.r_home #r_info .acd-label span{ display: none;}

.r_home #r_info .acd-content {
	height: 0; opacity: 0; padding: 0 10px;
	border-top: none; visibility: hidden;
}
.r_home #r_info .acd-check { display: none;}
.r_home #r_info .acd-check:checked + .acd-label + .acd-content {
	height: 100%; opacity: 1; padding: 30px 0; visibility: visible;
}
.r_home #r_info .acd-content h3{ margin-bottom: 25px; font-size: 22px; font-weight: normal;}
.r_home #r_info .acd-content p{ margin-bottom: 10px; color: #4a7f9a; font-size: 16px; font-weight: bold;}
.r_home #r_info .acd-content p:last-of-type{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
.r_home #r_info .acd-content ul{ margin-left: 15px; line-height: 1.6;}
.r_home #r_info .acd-content ul:first-of-type{ margin-bottom: 25px;}
.r_home #r_info .acd-content li{ margin-bottom: 5px; text-align: left; list-style: disc;}

.r_home .section{ padding-bottom: 60px;}

.r_home #r_plan{
	margin: 0 0 90px 24px; width: 950px;
	background: url(../img/top/plan_bg.png) no-repeat left bottom;
	background-color: rgba(188,132,157,0.35);
}
.r_home #r_plan > dt{ padding: 0 0 70px; text-align: center;}
.r_home #r_plan > dd:first-of-type{
	padding: 0 40px 30px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}
.r_home #r_plan > dd:last-of-type{
	height: 92px; line-height: 92px;
	font-size: 22px; text-align: center;
	background-color: rgba(188,132,157,0.85);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman",serif;
}

.r_home #r_plan > dd:last-of-type a{ color: #fff;}
.r_home #r_plan > dd:last-of-type a::after{
	content: ""; display: inline-block;
	margin-left: 18px; width: 17px; height: 17px;
	background: url(../img/top/plan_arrow.png) no-repeat;
}
.r_home #r_plan > dd:last-of-type a:hover{ text-decoration: underline;}

/* ベスト３ */
.r_home #r_plan dd > dl{ width: 396px;}
.r_home #r_plan dd div{ width: 436px; border-left: 1px solid #fff;}
.r_home #r_plan dd div dl{ margin-left: 36px; width: 399px;}
.r_home #r_plan dd div dl:first-of-type{ margin-bottom: 35px;}

.r_home #r_plan dd dl dt{ position: relative;}
.r_home #r_plan dd dl dt img:first-child{ left: 18px; top: -28px; position: absolute;}
.r_home #r_plan dd dl dd{
	padding: 20px 0; font-size: 15px; line-height: 1.8;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman",serif;
}
.r_home #r_plan dd dl dd a{ color: #4e4b44; text-decoration: underline;}
.r_home #r_plan dd dl dd a:hover{ text-decoration: none;}

.r_home #bn_area{
	margin: 20px 0 120px 24px; width: 950px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

/* -----------------------------------
access
 ----------------------------------- */
.r_access #sec1{ margin-bottom: 85px;}
.r_access #sec2{ margin-bottom: 120px;}
.r_access #sec3{ margin-bottom: 120px;}

/* -----------------------------------
facility
 ----------------------------------- */
.r_faci #sec1{}
.r_faci #sec2{ margin-bottom: 57px;}
.r_faci #sec3{ margin-bottom: 61px;}
.r_faci #sec4{ margin-bottom: 78px;}
.r_faci #sec5{ margin-bottom: 73px;}
.r_faci #sec6{ margin-bottom: 48px;}
.r_faci #sec7{ margin-bottom: 45px;}
.r_faci #sec8{ margin-bottom: 120px;}

/* -----------------------------------
sight
 ----------------------------------- */
.r_sight #sec1{ margin-bottom: 107px;}
.r_sight #sec2{ margin-bottom: 115px;}

/* -----------------------------------
cuisine
 ----------------------------------- */
.r_cuisine #sec1{ margin-bottom: 50px;}
.r_cuisine #sec2{ margin-bottom: 38px;}
.r_cuisine #sec3{ margin-bottom: 80px;}
.r_cuisine #sec4{ margin-bottom: 78px;}
.r_cuisine #sec5{ margin-bottom: 85px;}
.r_cuisine #sec6{ margin-bottom: 115px;}

/* -----------------------------------
room
 ----------------------------------- */
.r_room #ro1{ padding-bottom: 90px; background: url(../img/room/bg.jpg);}
.r_room #ro2{ padding-bottom: 84px; background: url(../img/room/bg2.jpg);}
.r_room #ro3{ padding-bottom: 68px; background: url(../img/room/bg.jpg);}

.r_room .section .thum{
	margin: 10px 30px 25px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: flex-end;
}
.r_room .section .thum li{ margin-left: 10px;}
.r_room #ro6{ padding: 50px 0 115px;}


/* -----------------------------------
spa
 ----------------------------------- */
.r_spa #spa1{ margin-bottom: 32px;}
.r_spa #spa2{ margin-bottom: 32px;}
.r_spa #spa3{ margin-bottom: 47px;}
.r_spa #spa4{ margin-bottom: 28px;}
.r_spa #spa5{ margin-bottom: 115px;}