@import url("common.css");

/* ****************************************************************************
 *
 * 1. Common
 *
 * ***************************************************************************/
/* ======================================================
 * 1-1. Style
 * =================================================== */
body{
	width: 100%;
	min-width: 950px;
	margin: 0;
	padding: 0;
	color : #484848 ;
}

div#page_top,
div#page,
ul#pagelink{
	width: 950px;
	padding: 0;
	margin: 0 auto;
}

/* リンクボタン */
p.btn{
	padding: 10px;
	text-align: center;
}
p.btn a,
a.btn{
	display: inline-block;
	min-width: 20% !important;
	padding: 10px 20px;
	margin: 10px auto !important;
	border: solid 1px #cdb387;
	background: linear-gradient(to bottom, #cdb387 50%, #b58d4b 50%);
	color: #fff !important;
	font: bold 120% 'Roboto', sans-serif;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
p.btn a:hover,
a.btn:hover{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.red{
	color: red;
}

a:link   { color: #3f1016; text-decoration: none; }
a:visited{ color: #3f1016; text-decoration: none; }
a:hover  { color: #857329; text-decoration: underline;}
a:active { color: #857329; text-decoration: underline;}

/* ======================================================
 * 1-2. Header
 * =================================================== */
div#header_wrap{
	width: 100%;
}
div#header{
	position: relative;
}
.fixed{
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0 !important;
	background: #fff;
	z-index: 100;
	box-shadow: 0 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
}
div#grobalNavi a.logo{
	display: none;
}

div#header h1{
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 50px;
}
div#header h1 a,
.top div#grobalNavi a.logo{
	position: absolute;
	display: block;
	width: 74px;
	height: 50px;
	padding: 0 2px 0 4px;
	background: url(../../../../images/common/logo_footer.png) no-repeat center right;
	background-size: 74px 50px;
	text-indent: -9999em;
}
div#header h1 a{
	top: 25px;
	z-index: 100;
}
div#header h2{
	position: absolute;
	top: 0;
	left: 5px;
	height: 25px;
	color: #fff;
	font-size: 80%;
	line-height: 25px;
	z-index: 2;
}

/* ヘッダーナビ */
div.h_nav ul{
	position: absolute;
	top: 0;
	right: 5px;
	height: 25px;
	line-height: 25px;
	font-size: 90%;
	color: #ffffcc;
}
div.h_nav ul a{
	color: #ffffcc;
}
div.h_nav ul li{
	float: right;
	padding-left: 10px;
}
div.h_nav ul li:before{
	content: "|　";
}
div.h_nav ul li:last-child:before{
	content: "　";
}
div.h_nav ul a{
	color: #fff;
}

/* TOP用 */
.top div#header_wrap{
	position: absolute;
	height: 110px;
	background-color: rgba(0,0,0,0.1);
	z-index: 100;
}
.top div#header{
}
.top div#header h1{
	position: absolute;
	top: 10px !important;
	left: 10px !important;
	width: 300px;
	height: 55px;
}
.top div#header h1 a{
	width: 300px !important;
	height: 55px !important;
	background: url(../../../../images/common/logo_rhh_w.png) no-repeat !important;
	background-size: 300px 55px !important;
}
#atsugi .top div#header h1 a{
	background: url(../../../../images/common/logo_a_w.png) no-repeat !important;
	background-size: 300px 55px !important;
}
#oita .top div#header h1 a{
	background: url(../../../../images/common/logo_o_w.png) no-repeat !important;
	background-size: 300px 55px !important;
}
.top div#header h2{
	position: absolute !important;
	top: 20px !important;
	right: 25px !important;
	height: 20px !important;
	font-size: 100%;
	line-height: 100%;
	text-align: right;
}

.top div.h_nav ul{
	top: 45px;
	right: 5px;
	height: 30px;
	padding-top: 15px;
	padding-right: 15px;
	border-top: solid 1px #fff;
	font-size: 100%;
	color: #fff;
	line-height: 30px;
	overflow: hidden;
}

div#grobalNavi div.h_nav{
	display: none;
}
.fixed div.h_nav{
	display: block !important;
	position: relative;
	width: 100%;
	height: 25px;
	background: url(../../../../images/common/bg.png) repeat-x;
	z-index: 1;
}
.fixed div.h_nav ul{
	top: 0 !important;
	right: 5px !important;
	height: 25px !important;
	padding: 0 !important;
	border-top: none !important;
	font-size: 90% !important;
	line-height: 25px !important;
	overflow: hidden;
}
.fixed ul#rsv_btn li a{
	border-top: none;
	border-bottom: none;
}

/* ======================================================
 * 1-3. grobalNavi
 * =================================================== */
div#grobalNavi{
	width: 100%;
	overflow: hidden;
}
.top div#grobalNavi{
	margin: 30px 0;
}
.fixed{
	margin: 0 !important;
}
div#grobalNavi ul#nav{
	position: relative;
	left: 50% !important;
	width: 768px;
	margin-left: -384px !important;
}
div#grobalNavi ul#nav li{
	display: inline;
	float: left;
	width: 128px;
}
div#grobalNavi ul#nav li a{
	display: block;
	width: 128px;
	height: 50px;
	border-left: dotted 1px #6d562e;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 110%;
	line-height: 50px;
	text-align: center;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	box-sizing: border-box;
}
div#grobalNavi ul#nav li:first-child a{
	border-left: none;
}
#grobalNavi ul#nav li a.active,
#grobalNavi ul#nav li a:hover{
	background: #b58d4b;
	background: linear-gradient(#b58d4b, #dac6a5);
    background : -webkit-linear-gradient(top, #b58d4b, #dac6a5);
    color: #fff;
	text-decoration: none;
}
div#grobalNavi ul#rsv_btn{
	position: absolute;
	right: 0;
	width: 100px;
	height: 50px;
}
div#grobalNavi ul#rsv_btn li a{
	display: inline-block;
	float: left;
	width: 50px;
	height: 50px;
	border: solid 1px #6d562e;
	border-right: none;
	text-indent: -9999em;
	box-sizing: border-box;
}
div#grobalNavi ul#rsv_btn li a.stay{
	background: url(../../../../images/common/ico_rsvRoom.jpg) no-repeat;
	background-size: 50px 50px;
}
div#grobalNavi ul#rsv_btn li a.rest{
	background: url(../../../../images/common/ico_rsvRest.jpg) no-repeat;
	background-size: 50px 50px;
}
div#grobalNavi a.logo:hover,
div#grobalNavi ul#rsv_btn li a:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

/* スマホ非表示 */
.sp_only,
ul#fixnav,
#mobileNavi,
ul#nav li.title,
ul#nav li.card,
ul#nav li.faq,
ul#nav li.contact,
ul#nav li.close,
#oita ul#nav li.facilities{
	display: none !important;
}

/* ======================================================
 * 1-4. page
 * =================================================== */
div#page{
	margin: 0 auto 30px auto;
	overflow: hidden;
}
div#page img{
	max-width: 950px;
	height: auto;
}
div#page p{
	padding-top: 3px;
	padding-bottom: 3px;
}

/* ****************************************************************************
 *
 * 2. TopPage
 *
 * ***************************************************************************/
/* ======================================================
 * 2-1. slider
 * =================================================== */
#slider{
	clear: both;
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 0 !important;
	z-index: -1;
}
#slider ul.slides img{
	width: 100%;
	height: auto;
}
#slider ul.slides li{
	position: relative;
}
#slider ul.slides li a{
	text-decoration: none;
}
#slider ul.slides p{
	position: absolute;
	bottom: 0;
	width: 98%;
	padding: 10px 1%;
	z-index: 100;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	font-size: 120%;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	text-align: center;
	text-shadow: 1px 1px 5px #000,
	-1px 1px 1px #000,
	1px -1px 1px #000,
	-1px -1px 1px #000;
}
#slider ul.slides p span{
	display: block;
	width: 100%;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: 900;
/*	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; */
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: center;
}

#carousel{
	width: 950px;
	height: auto;
	padding-bottom: 20px;
	margin: 0 auto !important;
}
#carousel li{
	width: 25%;
}
#carousel li:hover{
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
#carousel li img{
	width: 96%;
	height: auto;
/*	height: 130px; */
	margin: 0 auto;
}

div#page_bnr{
	width: 100%;
	padding: 20px 0;
	overflow: hidden;
}

/* ======================================================
 * 2-2. top用 予約フォーム
 * =================================================== */
div#top_rsv{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1em;
	border-top: solid 1px #320000;
	border-bottom: solid 1px #320000;
/*	background: #320000 url(../../../../images/common/bg_footer.jpg) ; */
	background-color: rgba(50,0,0,0.8);
	color: #fff;
	overflow: hidden;
	z-index: 9999;
}

div#top_rsv div.form{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
div#top_rsv div.form a{
	color: #fff;
}

div#top_rsv ul#rsvSerch{
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 200px;
	margin-right: 1em;
}
div#top_rsv ul#rsvSerch li{
	align-self: center;
	padding: 5px;
	text-align: center;
	font-size: 80%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div#top_rsv ul#rsvSerch li p{
	text-align: center;
}
div#top_rsv ul#rsvSerch li a{
	display: block;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
div#top_rsv ul#rsvSerch li img{
	width: auto;
	height: 40px;
}
div#top_rsv ul#rsvSerch li.l1{
	min-width: 5em;
	margin-right: 5px;
	background: #b58d4b;
}
div#top_rsv ul#rsvSerch li.l2{
	min-width: 110px;
	background: #666;
}
div#top_rsv ul#rsvSerch li.l2:hover{
	background: #b58d4b;
}

div#top_rsv div.form div.form_inner{
	display: inline-block;
	float: left;
/*	height: 50px;
	line-height: 50px; */
}
div#top_rsv div.form div.form_inner input,
div#top_rsv div.form div.form_inner select{
	padding: 5px 1px;
	text-align: center;
}
div#top_rsv .rsv_btn{
	display: inline-block;
	float: left;
	width: 60px;
	height: 30px;
	margin: 0 1em;
}
div#top_rsv div.form form .rsv_btn:hover,
div#top_rsv div.form form .rsv_btn.active{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

div#top_rsv form ul{
	display: inline-block;
	float: left;
}
div#top_rsv form ul li{
	display: inline-block;
	float: left;
	margin: .5m 1em;
}
div#top_rsv form ul li input{
	display: inline-block;
	padding: 0 10px;
/*	margin-top: 18px; */
	text-align: left;
	background: pink;
}
div#top_rsv form ul li a{
	display: block;
	padding: 0 10px;
	background: url(../../../../images/common/yazi_r_w.png) no-repeat center left;
	color: #fff;
/*	line-height: 50px; */
}

div.top div#copy{
	padding-bottom: 100px;
}

/* ======================================================
 * 2-. top用 Greeting
 * =================================================== */
div#greeting{
	padding: 2em;
	margin-bottom: 1em;
	border: solid 1px #3f1016;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
div#greeting strong{
	display: block;
	margin-bottom: 1em;
}
div#greeting p{
	padding: .5em 0;
}
div#greeting strong/* ,
div#greeting p */{
	text-align: center;
}
div#greeting span.br:after {
	content: "\A　";
	white-space: pre;
}

/* ======================================================
 * 2-3. top用 フリースペース
 * =================================================== */
div#free_top{
	width: 100%;
	padding: 30px 0;
	overflow: hidden;
	z-index: 99;
}
div#free_top img{
	max-width: 950px;
	height: auto;
	box-sizing: border-box;
}

/* ======================================================
 * 2-4. おすすめポイント
 * =================================================== */
div#point{
	padding-bottom: 50px;
	overflow: hidden;
}
div#point div{
	position: relative;
	display: inline-block;
	float: left;
	width: 32.33%;
	padding: 5px;
	margin-bottom: 20px;
	margin-right: 1%;
	border: solid 1px #ccc;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 3px 3px #ccc;
	-webkit-box-shadow: 0 3px 3px #ccc;
	-moz-box-shadow: 0 3px 3px #ccc;
	box-sizing: border-box;
}
div#point div:nth-child(3n){
	width: 33.33% !important;
	margin-right: 0 !important;
}
div#point div:hover{
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
div#point div h4{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	padding: 5px 10px;
	margin: 0;
	background-color: rgba(255,255,255,0.8);
	font: bold 13px/18px Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: center;
	z-index: 1;
	box-sizing: border-box;
}
div#point div p.thum{
	position: relative;
	width: 98%;
	height: 210px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 0;
}
div#point div p.thum img{
	width: 100%;
	height: auto;
}
div#point p.btn{
	margin-top: 30px;
}

/* ======================================================
 * 2-5. Topics
 * =================================================== */
/*----------------------
  新着情報
------------------------*/
div.topics{
	clear: both;
	margin-bottom: 50px;
}
h3.ttl{
	padding: 15px 0;
	margin-bottom: 20px;
	border-bottom: dotted 1px #3f1016;
	color: #3f1016;
	font: bold 140%/100% Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: center;
}
h3.ttl span{
	font-weight: bold;
}
div.topics table{
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
	border-collapse: collapse;
	box-shadow: 0 5px 5px #ccc;
	-webkit-box-shadow: 0 5px 5px #ccc;
	-moz-box-shadow: 0 5px 5px #ccc;
}
div.topics table tr:hover,
div.topics table td:hover{
	background: #f9f5ee;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
div.topics table td{
	height: 40px;
	min-height: 40px;
	padding: 5px 8px;
	border-bottom: dotted 1px #ccc;
}
div.topics td.cate{
	text-align: center;
	white-space: nowrap;
}
div.topics td.cate span{
	padding: 3px;
	border: solid 1px #ccc;
	background: #dbc884;
	color: #fff;
	font-size: 80%;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
}
div.topics td.cate span a{
	color: #fff;
}
div.topics a.pdf{
	display: block;
	width: 25px;
	height: 25px;
	background: url(../../../../images/common/pdf.png) no-repeat center left;
	text-indent: -9999em;
}
div.topics a.btn{
	display: block;
	width: 100px;
	margin: 0 auto;
}

/* ======================================================
 * 2-6. カテゴリーごとの新着情報(news:トップページ／cate_topics:コンテンツページ下部)
 * =================================================== */
div#news,
div#cate_topics{
	clear: both;
	padding-bottom: 50px;
	overflow: hidden;
}
div#news div.tab_conts{
	clear: both;
}
div#news div.tab_conts div div,
div#cate_topics div{
	position: relative;
	display: inline-block;
	float: left;
	width: 32.33%;
	padding: 5px;
	margin-bottom: 20px;
	margin-right: 1%;
	border: solid 1px #ccc;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 3px 3px #ccc;
	-webkit-box-shadow: 0 3px 3px #ccc;
	-moz-box-shadow: 0 3px 3px #ccc;
	box-sizing: border-box;
}
div#news div.tab_conts div div:nth-of-type(3n)/*,
div#news div.tab_conts div div:nth-child(3n)*/{
	width: 33.33%;
	margin-right: 0;
}
div#cate_topics div{
	width: 24%;
}
div#cate_topics div:nth-of-type(4n)/*,
div#cate_topics div:nth-child(4n+1)*/{
	width: 25%;
	margin-right: 0;
}
/* Stay用5分割 */
div.col5 div{
	width: 19% !important;
}
div.col5 div:nth-of-type(4n){
	width: 20%;
	margin-right: 1% !important;
}
div.col5 div:nth-of-type(5n){
	width: 20%;
	margin-right: 0 !important;
}
div.col5 div p.thum{
	height: 100px !important;
}

div#news div.tab_conts div div:hover,
div#cate_topics div:hover{
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
div#news div h4,
div#cate_topics div h5{
	width: 100%;
	height: 55px;
	padding: 5px;
	margin: 5px 0 0 0;
	font: bold 100%/120% Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: center;
	z-index: 1;
	box-sizing: border-box;
}
div#cate_topics div h5{
	height: 50px;
	padding: 5px 3px;
}
div#news div p.thum,
div#cate_topics div p.thum{
	position: relative;
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
}
div#news div p.thum{
	height: 200px;
}
div#cate_topics div p.thum{
	height: 140px;
}

div#news div p.thum img,
div#cate_topics div p.thum img{
	width: 100%;
	height: auto;
}
div#news div p.cate,
div#cate_topics div p.cate{
	height: 30px;
	line-height: 30px;
	padding: 0 3px;
	margin: 10px auto;
	border: solid 1px #ccc;
	background: #dbc884;
	font-size: 90%;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
}
div#news div p.cate{
	width: 80%;
}
div#cate_topics div p.cate{
	width: 100%;
}
div#news div p.cate,
div#news div p.cate a{
	color: #fff;
}
div#news div p.cate a:hover{
	text-decoration: none;
}

.rest_lounge div#cate_topics,
.rest_lounge div#cate_topics,
.rest_takeout div#cate_topics,
.rest_tokuten div#cate_topics,
.banquet_plan div#cate_topics{
	display: none;
}
.single .rest_lounge div#cate_topics,
.single .rest_lounge div#cate_topics,
.single .rest_takeout div#cate_topics,
.single .rest_tokuten div#cate_topics,
.single .banquet_plan div#cate_topics{
	display: block;
}

/* TAB設定 */
ul.tab_nav{
	width: 100%;
	margin-bottom: 20px;
	border-bottom: solid 1px #91813e;
	overflow: hidden;
}
ul.tab_nav li{
	display: inline;
	float: left;
	padding-left: 5px;
}
ul.tab_nav li a{
	display: block;
	min-width: 150px;
	padding: 10px 3px;
	border-top: solid 1px #91813e;
	border-right: solid 1px #91813e;
	border-left: solid 1px #91813e;
	background: #f9f4e8;
	background: linear-gradient(#f9f4e8, #fff);
    background : -webkit-linear-gradient(top, #f9f4e8, #fff);
	text-align: center;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radiusr-topright: 5px;
	-moz-border-radiusr-topleft: 5px;
	 border-top-right-radius: 5px;
	 border-top-left-radius: 5px;
}
#oita ul.tab_nav li a{
	min-width: 90px !important;
	padding: 10px 5px;
}
ul.tab_nav li a:hover,
ul.tab_nav li.active a{
	background: #dece90;
	background: linear-gradient(#dece90, #f0e9cc);
    background : -webkit-linear-gradient(top, #dece90, #f0e9cc);
	text-decoration: none;
}
div.tab_conts{
	overflow: hidden;
}

/* ****************************************************************************
 *
 * 3. Contents
 *
 * ***************************************************************************/
/* ======================================================
 * 3-1. Common
 * =================================================== */
/*----------------------
  タイトル
------------------------*/
div#ttl{
	position: relative;
	width: 100%;
	height: auto;
	margin: 70px 0 30px 0;
	overflow: hidden;
}
div#ttl p{
	position: absolute;
	top: 20px;
	left: 20px;
	color: #fff;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 30px;
	line-height: 150%;
	text-shadow: 1px 1px 5px #401117,
	-1px 1px 1px #401117,
	1px -1px 1px #401117,
	-1px -1px 1px #401117;
}
div#ttl h3 img{
	width: 100%;
	height: auto;
}

div#ttl{
	height: 300px
}/* 画像もらったら消す */

/*----------------------
  パンくずリスト
------------------------*/
div#breadcrumbs{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	padding: 10px 0;
	background-color: rgba(255,255,255,0.7);
	line-height: 20px;
}
div#breadcrumbs ul{
	display: inline;
	float: left;
	height: 20px;
	padding-left: 10px;
	overflow: hidden;
}
div#breadcrumbs ul li{
	display: inline;
	float: left;
}
div#breadcrumbs ul li a{
	display: block;
	padding: 0 15px 0 10px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat center left;
}
div#breadcrumbs ul li a:hover{
	background: url(../../../../images/common/yazi_hover.png) no-repeat center left;
}

/*----------------------
  カテゴリータブ
------------------------*/
div#termchildren{
	width: 100%;
	overflow: hidden;
}
div#termchildren ul{
	display: inline;
	float: left;
	width: 100%;
	overflow: hidden;
}
div#termchildren ul li{
	display: inline;
	float: left;
	min-width: 14.3%;
	padding-right: 5px;
	box-sizing: border-box;
}
div#termchildren ul li:last-child{
	padding-right: 0 !important;
}
#oita .stay div#termchildren ul li{
	min-width: 13%;
}
.restaurant div#termchildren ul li{
	min-width: 25%;
	padding-right: 3px;
}
.info div#termchildren ul li{
	min-width: 12%;
	padding-right: 3px;
}
.restaurant div#termchildren ul li.cat-item-rest_nakatsugawa_a{
	min-width: 50%;
}
.wellness div#termchildren ul li{
	min-width: 24%;
}

div#termchildren ul li a{
	display: block;
	padding: 10px 1px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background: #f9f4e8;
	background: linear-gradient(#f9f4e8, #fff);
    background : -webkit-linear-gradient(top, #f9f4e8, #fff);
	text-align: center;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radiusr-topright: 5px;
	-moz-border-radiusr-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	box-sizing: border-box;
}
div#termchildren ul li.current-cat a,
div#termchildren ul li a.active,
div#termchildren ul li a:hover{
	background: #dece90;
	background: linear-gradient(#dece90, #f0e9cc);
    background : -webkit-linear-gradient(top, #dece90, #f0e9cc);
	text-decoration: none;
}

/* 子 */
.stay div#termchildren ul li{
	min-width: 14.2%;
}
.restaurant div#termchildren ul li ul.children{
	margin-bottom: 10px;
	border-bottom: solid 1px #ccc;
}
.restaurant div#termchildren ul li ul.children li{
	padding: 1px 1px 0 0;
	box-sizing: border-box;
}
.restaurant div#termchildren ul li.cat-item-rest_palmtree_a ul.children li{
	min-width: 33.33%;
}
.restaurant div#termchildren ul li.cat-item-rest_trufun_a ul.children li{
	min-width: 50%;
}
#oita .restaurant div#termchildren ul li{
	min-width: 33.33%;
}
.restaurant div#termchildren ul li.cat-item-rest_littlepalette_o ul.children li{
	min-width: 50%;
}
.restaurant div#termchildren ul li.cat-item-rest_fourleafgarden_o ul.children li{
	min-width: 25% !important;
}

div#termchildren ul li ul.children li a{
	display: block;
	padding: 3px 0;
	background: #e7fae7;
	background: linear-gradient(#e7fae7, #fff);
    background : -webkit-linear-gradient(top, #e7fae7, #fff);
	font-size: 80%;
	text-align: center;
	box-sizing: border-box;
}
div#termchildren ul li ul.children li.current-cat a,
div#termchildren ul li ul.children li a:hover{
	background: #ccf4cc;
	background: linear-gradient(#ccf4cc, #e7fae7);
    background : -webkit-linear-gradient(top, #ccf4cc, #e7fae7);
	text-decoration: none;
}

/* Single用タブ */
div#singlelist{
	width: 100%;
	overflow: hidden;
}
div#singlelist ul{
	width: 100%;
	margin-bottom: 10px;
	border-top: solid 1px #91813e;
	border-bottom: solid 1px #91813e;
	overflow: hidden;
}
div#singlelist li{
	display: inline;
	float: left;
	min-width: 16.6%;
	border-bottom: dotted 1px #ccc;
	text-align: center;
}
div#singlelist li:nth-child(6){
	min-width: 16%;
}
#atsugi .banquet_facilities div#singlelist li{
	min-width: 33%;
}
#atsugi .banquet_facilities div#singlelist li:nth-of-type(3n){
	min-width: 34%;
}
#oita .banquet_facilities div#singlelist li{
	min-width: 19%;
}
#oita .banquet_facilities div#singlelist li:last-child{
	min-width: 21%;
}
div#singlelist li a{
	display: block;
	padding: 10px;
	text-align: center;
}
div#singlelist li a.active,
div#singlelist li a:hover{
	background: #dece90;
	background: linear-gradient(#dece90, #f0e9cc);
    background : -webkit-linear-gradient(top, #dece90, #f0e9cc);
	text-decoration: none;
}

/*----------------------
  その他
------------------------*/
.section{
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 50px;
	background: #fff;
	overflow: hidden;
}
div#page h4{
	padding: 15px 0 15px 10px;
	margin-bottom: 15px;
	background: url(../../../../images/common/bg_ttl.jpg) ;
	color: #3f1016;
	border-top: solid 1px #857329;
	border-bottom: solid 1px #857329;
	font-size: 120%;
	line-height: 100%;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	box-shadow: 0 5px 5px #ccc;
	-webkit-box-shadow: 0 5px 5px #ccc;
	-moz-box-shadow: 0 5px 5px #ccc;
}
div#page h4.ttl{
	padding: 15px 5px 15px 0 !important;
	margin-bottom: 15px;
	background: none !important;
	border-top: solid 1px #3f1016 !important;
	border-bottom: solid 1px #3f1016 !important;
	border-left: none;
	color: #3f1016 !important;
	font-weight: bold;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.section h5{
	margin: 10px 0 5px 0;
	color: #3f1016;
	font-size: 110%;
	font-weight: bold;
}
.section h5.bg{
	padding: 5px;
	margin-bottom: 10px;
	border-top: solid 1px #DDCD8E;
	border-bottom: solid 1px #DDCD8E;
	background: url(../../../../images/common/bg_block.png) ;
	font-size: 110%;
}
div#page h4.child,
.section h5.ttl{
	position: relative;
	padding: 15px 0 15px 25px;
	background: #fff url(../../../../images/common/bg_ttl.jpg) no-repeat 0 0;
	color: #3f1016;
	border-top: solid 1px #F2E8DB;
	border-bottom: solid 1px #F2E8DB;
	font-size: 110%;
	line-height: 100%;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	z-index: 1;
}
h5.waku_y{
	width: 580px;
	padding: 3px;
	margin-bottom: 10px;
	background: #ffffee;
	border: solid 1px #ccc;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.section h6{
	margin-bottom: 5px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-left: solid 0.5em #3f1016;
	color: #3f1016;
	font-weight: bold;
}
.section div.thum{
	position: relative;
	float: right;
	width: 350px;
	padding-left: 5px;
	margin-left: 5px;
	background: #fff;
	box-sizing: border-box;
	z-index: 2;
}
.section div.thum img{
	width: 100%;
	height: auto;
	padding: 6px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
}
.section div.nobr img{
	border: none !important;
}
.section p.date{
	clear: both;
	width: 100%;
	padding-top: 15px;
	text-align: right;
	overflow: hidden;
}
.section div.thum_left{
	float: left !important;
	margin-right: 10px !important;
}
.section table.txt,
.section .fl{
	width: 580px !important;
}

/* 分割 */
.w100{
	width: 100% !important;
	height: auto !important;
	min-height: auto !important;
}
.w100 div.thum{
	float: right !important;
}
div.col4,
div.col3,
div.col2{
	display: inline-block;
	float: left;
	margin-right: 1%;
	box-sizing: border-box;
}
div.col4{
	width: 24%;
}
div.col3,
div.col_top,
div.stay_ttl,
table.col3 td{
	width: 32.33%;
}
div.col2,
div.col_top2{
	width: 49%;
}
div.col4 div.thum,
div.col3 div.thum{
	float: none !important;
	width: 100% !important;
	margin: 0 0 15px 0 !important;
}
div.col_top2 div.thum{
	float: left;
	width: 50% !important;
	margin: 0 !important;
}
div.col2 div.thum{
	float: left;
	width: 48% !important;
	margin: 0 2% 0 0 !important;
}

/* カテゴリトップ用 stay_ttl→大分の宿泊TOPに掲載する為の客室代表用 */
div.col_top,
div.col_top2,
div.stay_ttl{
	display: inline-block;
	float: left;
	padding: 10px !important;
	margin-bottom: 20px !important;
	margin-right: 1%;
	border: solid 1px #ccc;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
}
div.col_top:hover,
div.col_top2:hover,
div.stay_ttl:hover,
div.single_check:hover{
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
div.col_top h4,
div.col_top2 h4,
div.stay_ttl h4{
	display: none !important;
}
div.col_top div.thum,
div.col_top2 div.thum{
	padding: 0;
	overflow: hidden;
}
div.col_top div.thum,
div.stay_ttl div.thum{
	float: none !important;
	width: 100% !important;
	height: 180px;
	margin: 0 0 15px 0 !important;
}
div.col_top2 div.thum{
	height: 130px;
}
div.col_top div.thum img,
div.col_top2 div.thum img,
div.stay_ttl div.thum img{
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}
div.col_top p.lnk_ttl,
div.stay_ttl p.lnk_ttl{
	font: bold 110%/100% Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align: center;
}
div.col_top2 p.lnk_ttl{
	position: absolute;
	top: 20px;
	left: 56%;
	width: 40%;
	font: bold 110%/120% Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
p.lnk_ttl a{
	font-weight: bold;
}
p.lnk_ttl a:hover{
	text-decoration: none;
}

.waku img,
img.waku{
	padding: 6px;
	margin-bottom: 10px;
	border: solid 1px #ccc;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
}
.titleonly{
	margin-bottom: 10px !important;
}
.restaurant div.col_top{
	min-height: 420px;
}/* レストランTOPで使う */

/* 大分Stay客室(宿泊トップで分割、客室トップで100%で表示を変える) */
.stay_room .stay_ttl{
	display: block;
	float: none;
	width: 100% !important;
	height: auto !important;
	padding: 0 0 10px 0 !important;
	margin-bottom: 10px !important;
	border: none;
}
.stay_room .stay_ttl div.thum,
.stay_room .stay_ttl p.lnk_ttl{
	display: none;
}
.stay_room div.stay_ttl h4{
	display: block !important;
}
tr.others:hover{
	background: #f2f2f2;
	cursor: pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
/* レストランTOPへの抜粋等 */
.w100 p.lnk_ttl{
	position: absolute;
	bottom: 10px;
	left: 215px;
}
.w100 p.lnk_ttl a{
	display: block;
	padding-left: 15px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat center left;
}
div.single_check div.thum{
	width: 200px !important;
	float: left !important;
	margin: 0 15px 0 0 !important;
}
p.kikan{
	width: 400px;
	padding: 3px;
	margin-bottom: 10px;
	background: #ffffee;
	border: solid 1px #ccc;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
}/* 記事で使用 */

.section table th{
	background: #f5efe7;
}
.clear img{
	margin-bottom: 30px;
}

/* レストラン、宴会電話番号表示 */
div.tel_bottom{
	clear: both;
	position: relative;
	padding: 10px 0;
	margin: 10px 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	overflow: hidden;
}
/* レストラン予約ボタン */
div.tel_bottom div.rest_rsv{
	width: 400px;
	display: inline;
	float: right;
	font-size: 80%;
}
div.rest_rsv img{
	width: 400px;
	height: 80px;
	margin-bottom: 5px;
}
#oita .rest_lounge div.tel_bottom,
.rest_littlepalette div.tel_bottom{
	display: none;
}

/* ======================================================
 * 3-2. Stay
 * =================================================== */
/*----------------------
  客室
------------------------ */
/* マウスオーバーで画像切り替え */
div.image-navi{
	position: relative;
	width: 100%;
	overflow: hidden;
}
/* 切り替わる写真 */
div.image-navi div.image{
	position: relative;
	float: left;
	width: 800px;
	height: 560px;
}
div.image-navi div.image img{
	width: 800px;
	height: auto;
	padding: 10px;
	border: solid 1px #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 5px 5px #ccc;
	-webkit-box-shadow: 0 5px 5px #ccc;
	-moz-box-shadow: 0 5px 5px #ccc;
	box-sizing: border-box;
}
div.image-navi div.image a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}
div.image-navi div.image a.active{
	z-index: 10;
}
div.image-navi div.image a.last-active{
	z-index: 9;
}
/* Navi */
div.image-navi div.navi{
	position: absolute;
	right: 0;
	width: 120px;
}
div.image-navi div.navi ul li{
	margin-bottom: 10px;
}
div.image-navi div.navi ul li img{
	width: 120px;
	height: 120px !important;
	padding: 8px;
	border: solid 1px #ccc;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-sizing: border-box;
}
div.image-navi div.navi a{
	position: relative;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
div.image-navi div.navi a:hover,
div.image-navi div.navi a.active{
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/* 子ページに読込（レストラン） */
table.info{
	width: 430px;
	margin: 20px 0;
}
.section table.info th,
.section table.info td{
	padding: 8px 3px;
}
.parent_post p.bnr{
	display: inline;
	float: right;
	width: 430px;
	text-align: center;
}
.parent_post p.bnr img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.section table.info a.url{
	display: block;
	width: 100%;
	padding: 3px 1px;
	border: solid 1px #ccc;
	background: #dbc884;
	font-size: 80%;
	text-align: center;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
}
.section table.info a.url:hover{
	color: #fff;
	text-decoration: none;
}

.parent_post div.image-navi{
	position: relative;
	display: inline-block;
	float: left;
	width: 520px;
}
.parent_post div.image-navi div.image{
	position: relative;
	float: none;
	width: 500px;
	height: 500px;
}
.parent_post div.image-navi div.image img{
	float: none;
	width: 500px;
	height: 335px;
}
.parent_post div.image-navi div.navi{
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 510px;
}
.parent_post div.image-navi div.navi ul li{
	display: inline;
	float: left;
	width: 25%;
	margin-bottom: 0;
	box-sizing: border-box;
}
.parent_post div.image-navi div.navi ul li img{
	padding: 5px;
}

/* Table */
.section table.room{
	width: 100%;
	margin-top: 30px;
}
.section table.room th{
	background: none;
}
.section table.room tr.ttl th{
	background: url(../../../../images/common/bg_block.png) ;
	color: #3f1016;
}
.section table.room td,
.section table.room th{
	text-align: center;
}

/* 予約ボタン */
td.rsv_btn a{
	display: inline-block;
	width: 130px;
	height: 30px;
	margin-right: 5px;
	background: url(../../../../images/common/btn_stayrsv.png) no-repeat;
	text-indent: -9999em;
}
td.rsv_btn a:hover{
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
td.rsv_btn a.smoking{
	background-position: 0 0;
}
td.rsv_btn a.nonsmoking{
	background-position: -130px 0;
}
td.rsv_btn a.ladies{
	background-position: -260px 0;
}
td.rsv_btn a.rsv{
	background-position: -390px 0;
}

/*----------------------
  宿泊予約ページフォーム
------------------------ */
div#stay_reserve form table{
	width: 100%;
}
div#stay_reserve form table th{
	text-align: left;
}
div#stay_reserve form table td{
	padding: 10px 5px;
	white-space: nowrap;
}
div#stay_reserve form p#rsv_btn{
	width: 100%;
	padding-bottom: 15px;
	margin: 5px 0 15px 0;
	border-bottom:  dotted 1px #ccc;
	text-align: center;
}
div#stay_reserve form p#rsv_btn:hover{
	cursor:pointer;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
div#stay_reserve form ul li{
	display: inline;
	float: left;
	padding: 0 10px;
}
div#stay_reserve form ul li a{
	padding-left: 10px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat center left;
}
div#stay_reserve li.btn_available a,
div#stay_reserve li.btn_plan a{
	display: block;
	width: 150px;
	padding: 10px 0;
	margin: 3px auto;
	border: solid 1px #3f1016;
	background: #110000;
	background: linear-gradient(#110000, #570000);
    background : -webkit-linear-gradient(top, #110000, #570000);
	color: #fff;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
div#stay_reserve li.btn_available a:hover,
div#stay_reserve li.btn_plan a:hover{
	text-decoration: none;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

div#stay_reserve form input,
div#stay_reserve form  select{
	padding: 5px 1px;
	text-align: center;
}

/* ======================================================
 * 3-3. Restaurant
 * =================================================== */
p.tel_t{
	height: 30px;
	margin: 15px 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
}

.rest_littlepalette div.col3{
	min-height: 520px !important;
	margin-bottom: 10px !important;
}

/* ======================================================
 * 3-4. Banquet
 * =================================================== */
.single .banquet_facilities th,
.single .banquet_facilities td{
	width: 16.6%;
	text-align: center;
}

/* 宴会の流れ */
div.flow_inner{
	display: inline;
	width: 49%;
	overflow: hidden;
}
div.flow_inner h5{
	text-align: center;
}
div.L{
	float: left;
}
div.R{
	float: right;
}
div.flow_inner dl{
	overflow: hidden;
	text-align: center;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radiusr-topright: 5px;
	-moz-border-radiusr-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

div.banquet div.flow_inner dl:after{
	content: url(../../../../images/common/yazi_flow.png) ;
	width: 27px;
	height: 60px;
}
div.flow_inner dl dt{
	padding: 10px;
	background: #dece90;
	background: linear-gradient(#dece90, #f0e9cc);
    background : -webkit-linear-gradient(top, #dece90, #f0e9cc);
	color: #330000;
	text-align: center;
}
div.flow_inner dl dd{
	min-height: 130px;
	padding: 10px;
	border: solid 1px #d8c48f;
}
div.contact div.flow_inner dl dd{
	margin-bottom: 10px;
}
div.flow_inner dl.high dd{
	min-height: 250px;
}
div.flow_inner dl dd p{
	margin-top: 20px;
	color: #330000;
}
div.flow_inner dl dd.high p{
	margin-top: 10px;
}
div.banquet div.flow_inner dl dd p.meeting{
	width: 70%;
	padding: 5px;
	margin: 10px auto;
	border: solid 1px #d8c48f;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.contact div.flow_inner dl dd p a{
	display: block;
	width: 250px;
	padding: 5px;
	margin: 0 auto;
	border: solid 1px #d8c48f;
	color: #fff;
	background: #d8c48f url(http://rembrandt-hotel.co.jp/images/common/yazi_r_w.png) no-repeat center left;
	text-align: center;
}
div.contact div.flow_inner dl dd p a:hover{
	background: #d8c48f url(http://rembrandt-hotel.co.jp/images/common/yazi_r_link.png) no-repeat center left;
	color: #330000;
	text-decoration: none;
}
/* dd内テーブル */
div.flow_inner dd table td.b{
	padding: 3px 0 0 0;
	border-bottom: none;
}
div.flow_inner dd table td.t{
	padding: 0 0 3px 10px;
	border-top: none;
}

/* 大分レイアウト */
.banquet ul.layout{
	width: 580px;
	padding-bottom: 20px;
	overflow: hidden;
}
.banquet ul.layout li{
	display: inline-block;
	float: left;
	width: 25%;
	text-align: center;
}
.banquet ul.layout li img{
	width: 98%;
	height: auto;
	margin: 10px auto;
}

/* Shopping Cart用 */
form.line{
	padding: 1em 0;
	margin: 1em 0;
	border-top: dotted 1px #ccc !important;
	border-bottom: dotted 1px #ccc !important;
}

/* ======================================================
 * 3-5. Facilities
 * =================================================== */
/* list */
div#page ul.faci{
	display: inline-block
	float: left;
	width: 600px;
	padding: 10px 0;
	margin: 10px 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
div#page ul.faci li{
	margin-left: 20px;
	list-style-type: disc;
}
div#page ul.faci li.lnk{
	margin-left: 0;
	list-style-type: none;
}
div#page ul.faci li.lnk a{
	padding: 10px 0 10px 20px;
	background: url(../../../../images/common/lnk.png) no-repeat center left;
}

/* ======================================================
 * 3-6. Access
 * =================================================== */
#access iframe{
	width: 100%;
	height: 500px;
}
#gmap{
	width: 100%;
	height: 500px;
}
.infoWindow{
	width: 260px;
	height: 100px;
}
.english .infoWindow{
	width: 300px;
}
.infoWindow img{
	padding-bottom: 5px;
}

/* ======================================================
 * 3-7. Area
 * =================================================== */
span.guidecopy{
	padding: 3px;
	margin: 0 5px 10px 0;
	color: #990000;
	border: none;
	font-size: 90%;
}
span.guidearea{
	display: inline;
	float: right;
	font-size: 90%;
	padding: 2px;
	margin-right: 5px;
	border: solid 1px #990000;
	color: #990000;
}
.area p.guidetime{
	padding-bottom: 30px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #ccc;
	overflow: hidden;
}
.area .section table{
	margin-top: 20px;
}
.area .section table th{
	padding: 5px;
	text-align: center;
}
.area .section table th.guidepoint{
	background: #efefef ;
}
p.guideurl a{
	display: block;
	width: 80%;
	padding: 10px 5px;
	margin: 10px auto 0 auto;
	border: solid 1px #dbc884;
	background: #eee4d5 url(../../../../images/common/yazi_lnk.png) no-repeat 3px center;
	color: #3f1016;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
p.guideurl a:hover{
	background: #3f1016 url(../../../../images/common/yazi_r_w.png) no-repeat 3px center;
	color: #fff;
	text-decoration: none;
}
p.guide_stayplan a{
	clear: both;
	display: block;
	padding: 10px 0 0 10px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat 0 33px;
	font-size: 110%;
}
p.guide_stayplan a:hover{
	background: url(../../../../images/common/yazi_hover.png) no-repeat 0 33px;
}

/* ======================================================
 * 3-8. FAQ
 * =================================================== */
div#faq ul.tab_nav{
	width: 100%;
	padding-top: 10px;
	margin-bottom: 5px;
	border-bottom: solid 1px #857329;
	overflow: hidden;
}
div#faq ul.tab_nav li{
	display: inline;
	float: left;
}
div#faq ul.tab_nav li a{
	display: block;
	min-width: 150px;
	padding: 8px 0;
	background: #ccc;
	background: linear-gradient(#ccc, #fff);
    background : -webkit-linear-gradient(top, #ccc, #fff);
	text-align: center;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radiusr-topright: 2px;
	-moz-border-radiusr-topleft: 2px;
	 border-top-right-radius: 2px;
	 border-top-left-radius: 2px;
}
div#faq ul.tab_nav li a:hover,
div#faq ul.tab_nav li.active a{
	background: #4f151f;
	background: linear-gradient(#4f151f, #B02F45);
    background : -webkit-linear-gradient(top, #4f151f, #B02F45);
	color: #fff;
	text-decoration: none;
}
div#faq div.tab_content{
	overflow: hidden;
}
div#faq div.tab_content dl{
	padding-bottom: 15px;
	margin-bottom: 15px;
}
div#faq div.tab_content dl dt{ 
	padding: 10px 0 10px 25px;
	background: #f8f3e4 url(../../../../images/common/yazi_lnk.png) no-repeat 10px center;
	color: #3f1016;
}
div#faq div.tab_content dl dd{ 
	padding: 10px;
	border: solid 1px #f8f3e4;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radiusr-bottomright: 10px;
	-moz-border-radiusr-bottomleft: 10px;
	 border-bottom-right-radius: 10px;
	 border-bottom-left-radius: 10px;
}


/*----------------------
 コンテンツ非表示/表示切替
------------------------*/
.ttl_open{
	position: relative !important;
}
label.open{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border: solid 1px #6f3700;
	background: #efefef;
	text-align: center;
	cursor: pointer;
	transition: .5s;
}
label.open:before{
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(https://rembrandt-group.com/w/images/common/ico_nav.png) no-repeat;
	background-size: 600px 50px;
	background-position: -250px 0; 
	transition: .2s;
}
label.open:hover{
	background: #6f3700;
}
input.open:checked + label.open:before{
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(https://rembrandt-group.com/w/images/common/ico_nav.png) no-repeat;
	background-size: 600px 50px;
	background-position: -450px 0; 
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
input.open {
	display: none;
}
.hidden{
	display: block;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}
input.open:checked + label + .hidden{
	height: auto;
	padding-top: 2em;
	opacity: 1;
	visibility: visible;
}


/* ======================================================
 * 3-7.Cart 販売フォーム
 * =================================================== */
div#cart *{
	box-sizing: border-box;
}
div#cart,
div#cart table{
	width: 100%;
	margin-bottom: 3em;
	border-collapse: collapse;
	line-height: 150%;
}
div#cart table th{
	background: #f7f7f7;
	background: linear-gradient(#f7f7f7,#f2f2f2);
	background : -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
	font-weight: bold;
}
div#cart table th,
div#cart table td{
	padding: .5em;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	text-align: left;
	vertical-align: top;
}
/* cart_tbl(商品・合計) */
div#cart table.cart_tbl th,
div#cart table.cart_tbl td{
	text-align: center;
}
/* cart_form(注文者情報) */
div#cart table.cart_form tr > td:first-of-type{
	width: 14em;
}
/* cart_form(配送先情報) */
div#cart table#haiso tr > td:nth-of-type(2){
	width: 80%;
}
div#cart span.check{
	display: inline-block;
	float: right;
	padding-left: 1em;
	color: #6f3700;
	font-size: 80%;
	font-weight: bold;
}
div#cart input,
div#cart select,
div#cart textarea{
	padding: .5em;
	border: solid 1px #ccc;
	font: 1em/150% "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}
div#cart table.cart_form input,
div#cart table.cart_form select,
div#cart table.cart_form textarea,
div#cart table.cart_form input[type="text"]{
	width: 100%;
}
div#cart select.w50,
div#cart input.w50{
	width: 40% !important;
}
div#cart input[type="radio"],
div#cart input[type="checkbox"]{
	width: auto !important;
}

/* 進行パネル */
div#cart table.panel{
	width: auto;
	margin: 0 auto 3em auto;
}
div#cart table.panel th,
div#cart table.panel td{
	width: auto !important;
	padding: 1em;
	border: solid 1px #d6c09c;
	text-align: center;
}
div#cart table.panel th{
	background: #d6c09c;
}
div#cart table.panel td.panel-arrow{
	border: none;
}

/* tmpl上部テキスト */
div.cart-msg{
	width: 80%;
	padding: 2em;
	margin: 0 auto 2em auto;
	background: #f9f5ee;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.cart-msg p{
	text-align: center;
}
/* エラーメッセージ */
div#cart .err-addr{
	color: red;
	font-size: 90%;
}

div#cart strong{
	display: block;
	padding: .5em 0;
}/* 町田注意書き */

/* conf.html */
table.btn-tbl{
	width: auto !important;
	margin: 2em auto;
}
table.btn-tbl td{
	width: 30% !important;
	text-align: center;
}
table.btn-tbl input[type="submit"]{
	width: 100% !important;
	padding: 1em !important;
}

.form_btn{
/*	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	justify-content: center; */
	text-align: center;
}

.form_btn input,
table.btn-tbl td input[type="submit"]{/* cart-conf.html */
	width: 30%;
	padding: 1em;
	margin: 0 1em;
	border: none;
	background: #707070;
	color: #fff;
	font: 1.2em/150% "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	text-align: center;
	background-size: 200% 100%;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 1) 50%);
	background-image: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 1) 50%);
	-webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.form_btn input:hover,
table.btn-tbl td input[type="submit"]:hover{
	cursor: pointer;
	background-color: #333;
	background-position: -100% 100%;
	text-decoration: none;
}


/* ======================================================
 * Kiryu追加
 * =================================================== */
/* 音響・照明 */
.video_ac{
  position:relative;
  margin: 0 auto 6.0em;
  width:50%;
  height: 0px;
  padding-top:36.25%;
}
.video_ac iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}




#trip_ai_container {
	margin: 0 -30px -10px;
}
.top #trip_ai_container {
	margin-right: 40px;
	margin-bottom: 80px;
}