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


/* =========================
	Common
========================= */
* {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	border: none;
	vertical-align: bottom;
}

a {
	color: #6AB845;
	text-decoration: underline;
}
p.link {
	margin: 10px;
	text-align: center;
}


/*自動改行*/
/* テキストを省略せずに表示する */
.ui-header .ui-title,            /* ヘッダー */
.ui-footer .ui-title,            /* フッター */
.ui-btn-inner,                /* ボタン */
.ui-li-heading,                /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit,    /* リンクリスト */
.ui-li-desc                /* リスト詳細 */
{
    overflow: visible;
    white-space: normal;
}

/* =========================
	Layout
========================= */

body {
	font-size: 13px;
	line-height: 1.5;
	color: #333333;
	background-size: 150px 150px;
	-webkit-background-size: 150px 150px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
hr{ clear:both;
	border: 0;
	margin: 10px 0 0 0;
}
#index .ui-header {
	height:suto;
	padding:0 0 10px 0;
}

.ui-header {
	/*height: 50px;
	background-image: url(../img/header.jpg);
	background-color: #FFFFFF;
	background-size: 320px 60px;
	-webkit-background-size: 320px 60px;*/
}

.ui-content {
	margin: 0;
	padding: 10px;
}
/* =========================
	Menu
========================= */
.back {
	text-align: center;
	margin: 20px;
}
/* ロゴ下メニュー背景色↓ */
ul.g_menu{  background:#966E23;
			background-image:url(../img/bg_footer.jpg);
			padding:5px;
			height:40px;
			margin:10px auto;
			list-style:none;
}

ul.g_menu li{ float:left; width:50%; text-align:center; max-width:180px;}
ul.g_menu li img{width:90%;}

ul.menu{
	text-align: left;
	overflow: hidden;
	/*width:320px;*/
	/*width: 100%;*/
	margin: 15px auto;
	list-style:none;
	padding:0;
}
.menu li {
background:#A27549;　/* メニュー背景色 */
	zoom: 1;
	/*float: left;*/
	margin: 0 auto;
	padding:10px 0 0 10px;
	border-bottom:#392b1e solid 2px;
	font-size:16px;
}

.menu li img {
	width: 300px;
}
.menu li a{height:60px; display:block; background:url(../img/menu_arrow.png) no-repeat right 15px; color:#EEE; text-decoration:none;}
.menu li:nth-child(3n+1) {
	margin-right: 0;
}
.menu li.back a{ height:40px; background:url(../img/menu_arrow_back.png) no-repeat left 10px; text-align:left; padding:12px 0 0 30px;}
.menu li.pc a{ height:40px; background:url(../img/pc.png) no-repeat; text-align:left; padding:10px 0 0 80px;}

ul.plan{
	text-align: center;
	overflow: hidden;
	margin: 15px auto;
	list-style:none;
	padding:0;
}
.plan li {
background: none;
	/*width: 320px;
	width: 100%;*/
	margin: 20px auto;
	/*text-align:center;*/
}
.plan img {
}
.buttons {
	text-align: center;
	list-style: none;
	width: 280px;
	margin: 10px auto;
}

.buttons li {
	margin-bottom: 10px;
}

p.wel{text-align:center; margin:10px 0;}

ul.fac{
	text-align: center;
	overflow: hidden;
	width:320px;
	/*width: 100%;*/
	margin: 15px auto;
	list-style:none;
	padding:0;
}

.fac li {
	float:left;
	/*width: 90%;*/
	margin: 0px 0 15px 10px;
	text-align:center;
}

.fac li img{ width:140px;}

.att{ margin:10px; padding:10px; border:#ae9995 solid 1px;}
.att h5{
	text-align:center;
	border-bottom:#ae9995 solid 1px;
	margin: 0 0 10px 0;
}

.sight{}
.sight h3{ background:#221b16; color:#EEE;font-size:18px; text-align:center; padding:5px 0; margin:20px 0 10px 0;}

/* =========================
	Content
========================= */

.com_right_text{
	text-align:right;
	margin-top:10px;
	margin-right:20px;
}

.content_box {
	margin: 0 0 15px;
	zoom: 1;
	overflow: hidden;

}

.sub_box {
	border: 1px solid #BB0000;
	margin: 10px;
	padding: 10px;
}

.content_box2 {
	margin-bottom: 15px;
	color: #444;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8dabf));
	background: -webkit-linear-gradient(top, #fff 0%, #e8dabf 100%); 
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
}

.point_box {
	padding: 25px 10px;
	background: url(../img/point1.png) no-repeat left top,
	url(../img/point2.png) no-repeat right bottom;
	background-size: 34px 30px;
	border-top: #584b28 2px solid;
	border-bottom: #584b28 2px solid;
}

/* 大きいコンテンツスクロール用 */
.x_scroll {
	position: relative;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}

p.text {
	margin-bottom: 20px;
}

p.text_right {
	margin-bottom: 8px;
	text-align: right;
}
.content_box p.text {
	margin: 0 0 10px;
}
.content_box p.text span{
	color: #BB0000;
}
.content_box p.text2 {
	line-height:2;
}
.content_box p.text3 {
	margin: 0 0 10px;
	margin-top: 20px;
}
.content_box p.text3 span{
	margin-bottom: 10px;
	font-weight: bold;
}
.content_box .tel {
	color: #B20000;
	font-weight: bold;
	font-size: x-large;
	margin: 0 0 10px;
	text-align: center;
}

/*.ui-content h2.title {
	overflow: hidden;
	clear:both;
	margin: -10px -10px 10px -10px;
	text-align:center;
}
*/
.ui-content h2 img {

}

h2.title{
	margin-bottom:10px;
	text-align:center;
}

h3.title{
	margin: 0 0 20px 0;
}
h3.fac{ background:#221b15 url(../img/bg_bn_fac.jpg) no-repeat right center; color:#EEE; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size:20px; margin:0 0 10px 0; padding:0 10px;}

h3.cuisine{
	font-size:16px;
	color: #008000;
	background-color: #fefee2;
    text-align:center;
	margin-top:40px;
}

.title{
	margin-bottom:10px;
}

.title2 {
	margin-top:30px;
}

.youkoso {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	color:#1F570C;
}

p.com{padding:0;}

.r_com{ background:#231c16; margin:10px 0; padding:10px;}
.r_com p{color:#fffff0;}
.r_com p span{color:#ae9995;}
.r_com h4{color:#ae9995; font-size:18px; border-bottom:#ae9995 solid 2px;}

.copy {
	margin-bottom: 8px;
	font-size: 17px;
	color: #73675e;
	font-weight: bold;
}
p.sub_title {
	padding: 20px 0px;
}
p.sub_title2 {
	margin-bottom: 8px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #9C9A77;
	color: #250601;
}
p.sub_title3 {
	color: #850000;
	font-size: 16px;
	margin: 0 0 10px;
	font-weight: bold;
}
p.sub_title3 img{
	width: 40px;
}
p.sub_title4 {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
}

.title3 {
	margin-top:30px;
	margin-bottom:10px;
}
.title4 {
	font-size:18px;
	color:#845212;
	margin-top:30px;
}
.title5{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #666;
	margin-top: 20px;
}

/* イメージ */
.main_photo {
	text-align:center;
	margin-bottom: 10px;
}
.main_photo img.mini {
	width: 100px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}

.main_photo img.half {
	width: 45%;
	margin: 0 5px;
}

.left_photo {
	float: left;
	margin: 20px 10px 10px 10px;
}

.left_photo img {
	width: 140px;
}

.left_photo img.mini {
	width: 100px;
}

.center_photo {
	text-align: center;
	margin-top: 40px;
}

.center_photo2 {
	text-align: center;
}
.center_photo3 {
	text-align: center;
	margin-top:10px;
}

.center_photo4 {
	text-align: center;
	margin-top:10px;
	margin-bottom:20px;
}

.right_photo {
	float: right;
	margin: 0 0 10px 10px;
}

.right_photo img {
	width: 100px;
}

.right_text {
	/*overflow: hidden;*/
}

span.attention,p.attention,strong.attention,u.attention {
	color: #8e2f00;
}

p.attention span {
    color: red;
} 

.text4 {
	margin-top:10px;
	margin-bottom:30px;
}

.text5 {
	margin-top:10px;
	margin-bottom:10px;
}

.clear {
	clear:both;
}

/* ページトップ */
.pagetop{ background:#b1a3a1; height:10px; text-align:center; padding:5px 0;}
.pagetop a{color:#000; text-decoration:none;}

/* =========================
	Top
========================= */
#slider_box {
	/*margin: 0 10px;*/
	padding: 0;
}

#index .ui-content {	
	padding-top: 0;
}

#index .ui-header {

}

#index_header h1 {
	margin: 3px 0 0;
	padding: 0;
/*
	margin: 4px auto 0;
	padding: 0 0 0;
	text-align: center;
	line-height: 1.0;
*/
}

#index_header h1 img {
	width: 200px;
	height: 97px;
	margin: 0;
}

.top_buttons {
	list-style: none;
	margin: 10px auto;
	text-align: center;
	width: 300px;
	zoom: 1;
	overflow: hidden;
}

.top_buttons li {
	float: left;
	margin: 0 5px 5px 0;
	box-shadow: #ddd 0 1px 1px;
}

.top_buttons li.even {
	margin-right: 0;
}

.top_buttons li img {
	width: 147px;
}

.points {
	overflow: hidden;
}

.points dt {
	clear: both;
	padding-bottom: 2px;
	font-weight: bold;
	color: #e36767;
}

.points dt a {

}

.points dd {
	clear: both;
	font-size: 12px;
	margin-bottom: 10px;
}

.points dd img {
	width: 70px;
	float: left;
	margin: 0 5px 5px 0;
}

/* =========================
	サブヘッダー
========================= */

.ui-header h1 {
	line-height: 32px;
	padding: 0;
}

.ui-header h1.line2 {
    line-height: 1.2;
    padding: 7px 0 0;
}

.ui-header .ui-title {
	line-height: 50px;
	margin: 0px 50px 0 50px;
}

.header_menu_icon {
	width: 40px;
	width: auto\9; /* IE8 */
	height: 40px;
	padding: 5px 5px 0;
}

.header_menu_icon_close {
	width: 70px;
	width: auto\9; /* IE8 */
	height: 40px;
	padding: 6px 5px 0;
}

div#menu{
	padding:10px 0 0 0;
	background: #FFF;
}
div#menu_bg{}
.clear{clear : both;}
.clear hr{display:none;}



/* =========================
	Contents
========================= */

/*画像自動調整*/
img {

     /*max-width: 100%;*/
     /*height: auto;*/
}


/*地図*/

.access {
	margin-bottom: 7px;
}
div#map{
	width: 98%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	height: 250px;
	border: #cdc0a8 2px solid;
}

.acc{ margin:0 0 15px 0;}
.acc dt{color: #CC3300; font-weight:bold;}

.access_list {	
	border-bottom: #333 1px dotted; 
	margin-bottom: 10px;
}

.access_list dt {
	float: left;
	width: 65px;
	padding: 5px 0;
	border-top: #333 1px dotted; 
}

.access_list dt a {
	display: block;
	padding-left: 18px;
}

.access_list dd {
	overflow: hidden;
	padding: 5px 0;
	border-top: #333 1px dotted; 
}
dl.access_list > dt:first-child,dl.access_list > dt:first-child+dd {
	padding-top: 0;
	border: none;
}

/*contact*/

.contact {
	margin-bottom: 13px;
}

.contact span {
	color: #d19100;
	font-size: 18px;
	font-weight: bold;
}

/* ムービー */

.movie_button {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.movie_button img {
	width: 217px;
}

.ui-collapsible-content .movie_button {
	text-align: center;
	margin: 10px 0 10px;
}

.ui-collapsible-content .movie_button img {
	width: 260px;
}


.movie_box {
	text-align: center;
}

/* テーブル */
table {
	width: 100%;
	margin-top:20px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
th,
td{
	padding: 10px;
	border: 1px solid #252525;
	border-bottom: 1px solid #252525;
}
th {
	font-weight: normal;
	white-space: nowrap;
	color:#008000;
}
td {
	word-break: break-all;
	text-align:left;
}
td span {
	background-color: #FAF6EB;
	word-break: break-all;
	color: #BB0000;
}

/* lightbox */
.lightbox_list {
	margin: 8px 0;
	text-align: center;
	list-style: none;
}

.lightbox_list img {
	max-width: 100%;

}

.lightbox_list li {
    vertical-align: top;
	display: inline-block;
	/*width: 84px;*/
	width: 40%;
	max-width: 200px;
	/*max-height:120px;
	overflow:hidden;*/
	margin: 2px 2px 4px;
    font-size: 11px;
}

.lightbox_4 li {
	/*width: 60px;*/
	width: 22%;
}

.lightbox_4 li {
	margin: 2px 1px 4px;
}

.lightbox_2 li {
	width: 80%;
}

.lightbox_list li img {
	vertical-align: top;
}

.lightbox_att {
	margin-bottom: 30px;
	font-size: 12px;
	text-align: center;
}


.lightbox_list_test {
	margin-bottom: 8px;
	text-align: center;
	list-style: none;
}
.lightbox_list_test li {
	display: inline-block;
	width: 84px;
	margin: 2px 2px 4px;
	border: #694e44 1px solid;
}

/* リンク集 */
.link_list dt {
	margin-bottom: 3px;
	font-weight: bold;
	color: #c9950b;
}

.link_list dt a {
	display: inline-block;
}

.link_list a {

}

.link_list dd {
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: #333 1px dotted;
}

.link_list dd .price {
	color: blue;
}

.more_link {

}


/* =========================
	ページごとの設定
========================= */


/* footer */
.footer {
	z-index: 10;
	padding-left:10px;
	padding-top:10px;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	background-image:url(../img/bg_footer.jpg);
	background-size: 161px 48px;
	-webkit-background-size: 161px 48px;
	color: #1E1D1D;
}

.footer2 {
	z-index: 10;
	left: 0;
	text-align: center;
	font-weight: bold;
	line-height: 44px;
	text-shadow: #fff 1px 1px;
	-webkit-text-shadow: #fff 0 1px 1px;
	background: #e2d1b6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2d1b6), color-stop(100%, #d0bc9c));
	background: -webkit-linear-gradient(top, #e2d1b6 0%, #d0bc9c 100%); 	
	color: #FFFFFF;
}

.footer_bk{
	    padding-top: 0px;
		background-color:#F0DACB;
}
.footer_back {
}

.footer_line {
	color: #fff;
	padding-top: 35px;
}

.footer_line a{
	color:#393838;
}

.footer_copy {
	text-align: center;
	margin: 10px 0 0 0;
}
/*
.ui-footer {
	left: 0;
	background: #af9e33;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #af9e33), color-stop(100%, #998b22));
	background: -webkit-linear-gradient(top, #af9e33 0%, #998b22 100%); 
}

.ui-footer p {
	padding: 15px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
*/

/* 電話リンク */
.tel {
	clear: both;
	margin: 15px 0 0;
	padding: 0;
}
.tel a {
	color: #fff;
	font-weight: bold;
	text-shadow: #670509 1px 1px 1px;
	-webkit-text-shadow: #670509 1px 1px 1px;
}

.ui-btn-up-e {
	/*box-shadow: 0 1px 1px 0 #e6d6c4;
	-webkit-box-shadow: 0 1px 1px 0 #e6d6c4;*/
	margin-right: 0;
	margin-left: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ac0a11;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ac0a11), color-stop(100%, #780409));
	background: -webkit-linear-gradient(top, #E0A39D 0%, #780409 100%); 
}

.ui-btn-hover-e {
	/*box-shadow: 0 1px 1px 0 #e6d6c4;
	-webkit-box-shadow: 0 1px 1px 0 #e6d6c4;*/
	margin-right: 0;
	margin-left: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ac0a11;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ac0a11), color-stop(100%, #780409));
	background: -webkit-linear-gradient(top, #ac0a11 0%, #780409 100%); 
}

.ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e {
	text-decoration: none;
	font-size: 18px;
}


/* トグル部分 */

.ui-collapsible {
	clear: both;
}

.ui-collapsible h3 strong {
    font-size: 12px;   
    padding-left: 7px;
}

.ui-collapsible-heading {
	font-size:14px;
	display:block;
	margin:0 0px;
	padding:0;
}

.ui-collapsible-content{
	overflow: hidden;
	padding: 10px;
	margin: 0px 0 6px;
	border-top: none;
}

.ui-collapsible-themed-content {
	margin-bottom: 6px;
}
.ui-btn-up-a {
	text-shadow: 1px 1px 1px #EED9D3;
	-webkit-text-shadow: #a8957b 1px 1px 1px;
	background: #d6cab8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6cab8), color-stop(100%, #b9a78f));
	background: -webkit-linear-gradient(top, #EED9D3 0%, #B57979 100%);
	color: #2A231D;
}
.ui-btn-hover-a {
	color: #2a231d;
	text-shadow: #a8957b 1px 1px 1px;
	-webkit-text-shadow: #a8957b 1px 1px 1px;
	background: #b9a78f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9a78f), color-stop(100%, #d6cab8));
	background: -webkit-linear-gradient(top, #B57979 0%, #B57979 100%); 
}

.ui-btn-down-a {
	color: #2a231d;
	text-shadow: #a8957b 1px 1px 1px;
	-webkit-text-shadow: #a8957b 1px 1px 1px;
	background: #b9a78f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9a78f), color-stop(100%, #d6cab8));
	background: -webkit-linear-gradient(top, #B57979 0%, #B57979 100%); 
}

.ui-btn-up-a a.ui-link-inherit{color:#fff;}
.ui-btn-down-a a.ui-link-inherit{color:#fff ;}
.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a {
	text-decoration:none;
	border-top: #e2dacc 1px solid;
	border-bottom: #ae9b82 1px solid;
}


/*2階層目*/
.ui-collapsible-content .ui-collapsible-content {
	overflow: hidden;
	padding: 8px 0;
	margin: 0px 0 6px;
	background: transparent ;
	border-top: none;
}

.ui-btn-up-b {
	color: #fff;
	text-shadow: #aa9045 1px 1px 1px;
	-webkit-text-shadow: #aa9045 1px 1px 1px;
	background: #c8b16f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8b16f), color-stop(100%, #bba35e));
	background: -webkit-linear-gradient(top, #c8b16f 0%, #bba35e 100%); 
}

.ui-btn-hover-b {
	color: #fff;
	text-shadow: #aa9045 1px 1px 1px;
	-webkit-text-shadow: #aa9045 1px 1px 1px;
	background: #bba35e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bba35e), color-stop(100%, #c8b16f));
	background: -webkit-linear-gradient(top, #bba35e 0%, #c8b16f 100%); 
}

.ui-btn-down-b {
	color: #fff;
	text-shadow: #aa9045 1px 1px 1px;
	-webkit-text-shadow: #aa9045 1px 1px 1px;
	background: #bba35e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bba35e), color-stop(100%, #c8b16f));
	background: -webkit-linear-gradient(top, #bba35e 0%, #c8b16f 100%); 
}

.ui-btn-up-b a.ui-link-inherit{color:#fff;}
.ui-btn-down-b a.ui-link-inherit{color:#fff ;}
.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b {
	text-decoration:none;
	border-top: #cbb573 1px solid;
	border-bottom: #ae9651 1px solid;
}


/*開閉部分の矢印アイコン*/
.ui-icon-plus{background-position:-216px 50%;}.ui-icon-minus{background-position:-180px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-180px 50%;}.ui-icon-arrow-d{background-position:-216px 50%;}


/* テキスト関係 */
.text-center {
	text-align:center;
}

/* 料理 */

.blok {
	width:100%;
	margin:0 auto;
	margin-bottom:40px;
	text-align:center;
}

/* 館内施設 */

.room-title {
	text-align:center;
	padding: 5px 10px;
	background-color: #7B4A29;
	color: #fff;
}

.title-onsen {
	font-size:18px;
}

.title-onsen:before {
	content:url(../img/icon_onsen.png);
	margin-right:10px;
	position:relative;
	top:8px;
}

dl.detail {
   border: 1px solid #999;
   border-top :0;
   background: #FCF4E9;
}
dl.detail dt {
   float: left;
   width: 10em;
   border-top: 1px solid #999;
   padding: 10px 0 0 10px;
}
dl.detail dd {
   margin-left: 10em;
   padding: 10px;
   border-top: 1px solid #999;
   border-left: 1px solid #999;
   background:#fff;
}

/* 交通アクセス */

.location {
	padding: 5px 10px;
	background-color: #7B4A29;
	color: #fff;
}

.waku {
	padding: 15px;
	margin-bottom:10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.waku li { line-height: 30px; list-style-type:none;}

.waku2 {
	padding: 15px;
	margin-top:10px;
	margin-bottom:10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.kome {
	padding: 20px;
	text-align: left;
	color: #FFF;
	background-color: #7B4A29;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	font-weight: bold;
}


/*追加css*/
.caution{
	width: 100%;
	text-align: center;
	margin: 30px auto;
}
.caution img{
	width: 100%;
	max-width: 540px;
	margin-bottom: 15px;
}
.mt10{
	margin-top: 10px;
}

.slick{
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
}