@charset "utf-8";
/* ---------------------------------------- /
/
/ リセット
/
/ ---------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, orm, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-style:normal; vertical-align: baseline; font-weight:500;}

ol, ul{ list-style:none;}
caption, th{ text-align: left;}

:focus { outline: none;}

/* ---------------------------------------- /
/
/ 基本設定
/
/ ---------------------------------------- */
html,body { 
    width:100%; 
    height:100%; 
    min-width:1280px;
    max-height: 100%;
}

body {
	font-size: 14px;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 1px;
	color:#422509;
	background:url(../img/body_bg.jpg) repeat;
	background-attachment:fixed;
	-webkit-text-size-adjust: 100%;
}


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


*, *:before, *:after {
    -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.clear{	clear:both;	}
.clearfix:before,
.clearfix:after {
    content: " ";
	display: table;}
.clearfix:after {
    clear: both;
}

.f_left{ float:left;}
.f_right{ float:right;}


/* 汎用CSS
=============================================================================*/
/* ------- リンク ------- */
a,a:visited{
	color: #668e25;
	text-decoration: none;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	}
a:hover,a:active{ color: #cba026; text-decoration: none;}

a.text_link{ border-bottom: 1px dashed #668e25;}
a:hover.text_link{ border-bottom-color: #cba026;}

/* ------- フォント ------- */
::selection {background: rgba(66,37,9,0.7); color: #a18462;}
::-moz-selection {background: rgba(66,37,9,0.7); color: #a18462;}

.serif{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.strong {  font-weight:bold;}
.text_r{ text-align:right;}
.text_c { text-align:center;}
.text_l { text-align:left;}
.caution{ color:#ab0000;}


/* --------------　透過　------------------ */

a:hover img{
	opacity: 0.6;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.none a:hover img{
	opacity: 10;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

/* --------------　シャドウ　------------------ */
.shadow1{ box-shadow:2px 2px 2px -1px rgba(0, 0, 0, 0.3);}
.shadow2{ box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.shadow3{ box-shadow:0px 4px 8px -4px rgba(0,0,0,0.3) inset;}
.shadow4{ box-shadow:1px 1px 2px 0 rgba(0, 0, 0, 0.1);}
.text_shadow01{ text-shadow:1px 1px 3px rgba(0,0,0,0.5);}

/* --------------　box　------------------ */
.box1280{ width:1280px;	margin:0 auto;}
.box1020{ width:1020px;	margin:0 auto;}
.box940{ width:940px; margin:0 auto;}

/* --------------　見出し　------------------ */
h1{
	}

/* --------------　コンテンツライン　------------------ */

/* --------------　テーブル　------------------ */
table{ width: 100%;}
table th{ background:url(../img/bg-70.png) repeat center top; color:#fff; text-align:center; padding:3px 1em; vertical-align:middle;}
table th.th50{ background:url(../img/bg-50.png) repeat center top;}
table td{ background: rgba(255,255,255,0.4); text-align:left; padding:6px 1em; vertical-align:middle;}

/* --------------　アニメーション　------------------ */

/* --------------　ボタン　------------------ */
.white_btn a,.white_btn a:visited{
  display: inline-block;
  height: 38px;
  text-align: center;
  line-height: 38px;
  position: relative;
  z-index: 2;
  border: 1px solid #fff;
  background-color:transparent;
  color: #fff;
  overflow: hidden;
  padding: 0 2.5em;
}
.white_btn a::before,
.white_btn a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.white_btn a,
.white_btn a::before,
.white_btn a::after {
  -webkit-transition: all .3s;
  transition: all .3s;
}
.white_btn a:hover {
	color: #fff;
}
.white_btn a::after {
	top:0;
	left: -100%;
  	width: 100%;
  	height: 100%;
}
.white_btn a:hover::after {
	left: 0;
	background-color: rgba(255,255,255,0.5);
}
.brown_btn{
	text-align: center;
}
.brown_btn a,.brown_btn a:visited{
  display: inline-block;
  height: 55px;
  text-align: center;
  line-height: 55px;
  position: relative;
  border: 1px solid #5a4633;
  background-color:#dfb45b;
  color: #5a4633;
  overflow: hidden;
  padding: 0 45px 0 35px;
  border-radius: 8px;
}
.brown_btn a{
  -webkit-transition: all .3s;
  transition: all .3s;
}
.brown_btn a:hover {
	background-color: rgba(223,180,91,0.4);
}

.brown_btn a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;      
	border-left: 5px solid #5a4633;
}



/* --------------　画像　------------------ */
/*角丸イメージ*/
.img_round{
	border-radius: 8px;
	-webkit-box-shadow: 3px 3px 8px -1px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 8px -1px rgba(0,0,0,0.4);
}

/* --------------　調整　------------------ */
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb100{ margin-bottom: 100px !important;}

/* --------------　pagetop　------------------ */
/*pagetop*/
#pagetop{
	width:99px;
	height:98px;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10;
}






/* header
=============================================================================*/
.header_nav{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
}

.header_nav .box1020{ height: 68px;}
.header_nav .box1020 h1{ float:left;}
.header_nav .box1020 p{ float:right; margin-left:20px;}
.header_nav .box1020 p:nth-child(2){ margin-top:6px;}
.header_nav .box1020 p:last-child{ margin-top:12px;}
.header_nav h1 img,
.header_nav p:nth-child(2) img,
.header_nav .box1020 p:last-child img{ width: auto; height:100%; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
/*------------ グローバルナビ ------------ */
.header_nav nav{ width:100%; border-top: 1px solid rgba(255,255,255,0.5);}
.header_nav nav ul{ width: 1020px; margin: 0 auto;}
.header_nav nav ul li{
	 width: 12.5%;
	 float:left;
	 border-left: 1px solid rgba(255,255,255,0.5);
	 line-height: 60px;
	 text-align:center;
 }
.header_nav nav ul li a{
	 display: block;
	 width:100%;
	 height:100%;
	 line-height: 60px;

 }
.header_nav nav ul li a:hover{ background: rgba(255,255,255,0.5);}
.header_nav nav ul li:last-child{ border-right: 1px solid rgba(255,255,255,0.5);}

/*fix*/
.header_nav.header_fix{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom: inherit;
	background:url(../img/bg-80.png) repeat center top;
	box-shadow:2px 2px 2px -1px rgba(0, 0, 0, 0.3);
}
.header_nav.header_fix li,
.header_nav.header_fix li a{ line-height:50px;}
.header_nav.header_fix h1{ width: auto; height:50px;}
.header_nav.header_fix .box1020{ height:58px;}
.header_nav.header_fix .box1020 p:nth-child(2){ margin-top:-5px;}
.header_nav.header_fix .box1020 p:last-child{ margin-top:3px;}
/* footer
=============================================================================*/
footer{
	width: 100%;
	background:url(../img/footer_bg.jpg) no-repeat top center;
	background-size: cover;
	position:relative;
	z-index:2;
	font-size:13px;
	color:#fff;
	text-align:center;
	-webkit-box-shadow: 0px -1px 7px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px -1px 7px 2px rgba(0,0,0,0.4);
	box-shadow: 0px -1px 7px 2px rgba(0,0,0,0.4);
}
footer ul{
	background: rgba(0,0,0,0.8);
	padding: 6px 0;
}
footer ul li{
	 display: inline-block;
	 line-height: 13px;
	 margin: 0 0.5em;
}
footer ul li::before{
	content: "";
	width: 12px;
	height: 13px;
	background: url(../img/arrow01.png) no-repeat left 6px;
	display: inline-block;
}
footer ul li a,footer ul li a:visited{ color: #fff;}
footer .yado_detail{ margin: 50px 0;}
footer .copy{ background: rgba(0,0,0,0.3); font-size:10px;}
footer .copy img{ margin-right:0.5em;}
/* RSS
=============================================================================*/
/*プラン*/
#mini{
	width:300px;
	float:left;
	margin-right:20px;
}
#mini:last-child{
	margin-right:0;
}
#mini h4{
	height: 70px;
	font-size:14px;
	line-height:22px;
}
#mini a,#mini a:visited{
	color: #668e25;
	font-weight:bold;
}
#mini a:hover,#mini a:active{
	opacity:0.6;
}
#miniright{
	width:300px;
	height: 210px;
	overflow:hidden;
	margin-bottom: 12px;
}
#miniright img{
	width:105%;
	max-width:105%;
	height: auto;
}
#mini p{
	word-wrap : break-word;
	overflow-wrap : break-word;
	font-size:13px;
	line-height: 22px;
}
/*空室検索*/
.search{ padding: 20px 0 18px 0; background:url(../img/bg-70.png) repeat top center;}

.search h3{
	width:232px;
	height: 93px;
	line-height: 93px;
	float:left;
	background:url(../img/top/search_bg.png) no-repeat left 6px;
	text-align:center;
}
.search_wp{
	width:707px;
	float:right;
}
.search_wp div{	margin-bottom: 14px; color:#fff;}
.search_wp h4{ font-weight: 500; float:left; text-align:right;}
.search_wp h4 span{ font-size:12px;}

.search_wp input,
.search_wp select{
	width:120px;
	font-size:12px;
	background: rgba(255,255,255,0.8);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	float:left;
}
.search_wp input[type="text"]{
	height:22px;
	padding: 2px 5px;
}
.search_wp select{
	height:22px;
	padding: 0 5px;
	background: url(../img/arrow_brown.png) 95% 50% no-repeat rgba(255,255,255,0.8);
}
.search_wp .check_in label{
	width: 84px;
	position: relative;
	display: block;
	word-break: break-all;
	float:right;
	font-size:12px;
}
.search_wp .check_in label input[type="checkbox"] {
	width: 84px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.search_wp .check_in label input[type="checkbox"] + span{
  position: relative;
  padding: 0 16px 0 0;
}
.search_wp .check_in label input[type="checkbox"] + span::before{
  border-color: rgba(255,255,255,0.8);
}
.search_wp .check_in label input[type="checkbox"]:checked + span::before {
  background-color: rgba(255,255,255,0.8);
}
.search_wp .check_in label input[type="checkbox"] + span::before, .search_wp .check_in label input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.search_wp .check_in label input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: rgba(255,255,255,0.8);
  width: 10px;
  height: 10px;
  margin: 3px 0 0 0;
}
.search_wp .check_in label input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 2px 1px;
  width: 6px;
  height: 9px;
}
.search_wp .check_in label input[type="checkbox"]:checked + span::before {
  background-color: rgba(255,255,255,0.8);
}
.search_wp .check_in label input[type="checkbox"]:checked + span::after {
  border: 2px solid #422509;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.search_wp .check_in span img{ vertical-align: middle;}
.search_wp .search_btn input{
	background:none;
	cursor: pointer;
}

.check_in{ width:390px; height:22px; float:left; text-align:right; margin-right:20px; margin-bottom:8px;}
.type { width:310px; height: 22px; float:left; text-align:right; margin-bottom: 8px;}
.check_in h4,.type h4{ width: 160px; text-align:right; margin-right:12px;}
.guests { width:287px; height:22px; float:left; margin-bottom:8px;}
.guests h4{ width:130px; text-align:right; margin-right:16px;}
.price{ width:382px; float:right;}
.price h4 { margin-right:12px;}
.price select{ float:none;}
.search_wp .search_btn input{ width: 100%;}
/* ============================================

	TOPページ　-　#index

=============================================== */
#index #header_wp{	position:relative; width:100%; height:100vh;}

/*----contents01----*/
/*ご挨拶*/
#index article{
	position:relative;
	z-index:1;
	background:url(../img/body_bg.jpg) repeat;
}
#index #contents01{
	width:100%;
	height: 560px;
	background:url(../img/top/contents01_bg.jpg) no-repeat center top;
	background-size: cover;
	position:relative;
	z-index:2;
}
#index #contents01 .box1280{
	position:relative;
	height:560px;
}
#index #contents01 .box1280 .lead{
	float:left;
	position:absolute;
}
#index #contents01 .box1280 .lead h2{ margin: 60px 0 14px 60px;}
#index #contents01 .box1280 .lead p{ margin-left:190px; font-size:16px;}
#index #contents01 .box1280 .catch{
	right:226px;
	position:absolute;
	bottom:60px;
	z-index:2;
}
#index .para {
	position:absolute;
}
#index #contents01 .box1280 .momiji01{	right:342px; top:33px;}
#index #contents01 .box1280 .momiji02{ top:239px; right:140px;}
#index #contents01 .box1280 .momiji03{	top:390px; right:110px;	z-index:1;}
#index #contents01 .box1280 .momiji04{	top:500px; left:190px;	z-index:1;}
#index #contents01 .box1280 .momiji05{	top:514px; left:50px;	z-index:1;}
#index #contents01 .box1280 .momiji06{	top:870px; left:196px;	z-index:2;}
#index #contents01 .box1280 .momiji07{	top:945px; left:238px;	z-index:1;}
#index #contents01 .box1280 .momiji08{	top:1046px; left:537px;	z-index:2;}
#index #contents01 .box1280 .momiji09{	top:1210px; left:660px;	z-index:2;}
#index #contents01 .box1280 .momiji10{	top:1267px; left:645px;	z-index:1;}
#index #contents01 .box1280 .momiji11{	top:1454px; right:512px;	z-index:1;}
#index #contents01 .box1280 .momiji12{	top:1624px; right:24px;	z-index:1;}

/*魅力コンテンツ*/
#index .point_col{
	text-align:center;
	position:relative;
	z-index:1;
	padding: 140px 0;
	color:#fff;
}
#index .point_col::after{
	content:"";
	width:100%;
	height:100%;
	background:url(../img/dots.png) repeat;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:-1;
}
#index .point_col h3{ margin-bottom: 32px;}
#index .point_col p{ margin-bottom: 30px;}
#index .point01{
	width:100%;
	background:url(../img/top/point01_bg.jpg) no-repeat top center;
	background-size:cover;
}
#index .point02{
	width:50%;
	height: 580px;
	background:url(../img/top/point02_bg.jpg) no-repeat top center;
	background-size:cover;
	float:left;
}
#index .point03{
	width:50%;
	height: 580px;
	background:url(../img/top/point03_bg.jpg) no-repeat top center;
	background-size:cover;
	float:right;
}
/*----contents03----*/
#index #contents03{	background:url(../img/stripe_bg.jpg) repeat-x center top;}
#index #contents03 h2{ padding: 40px 0 30px 0; text-align:center;}
#index #contents03 .rss{ padding-bottom:30px;}

.search .box940{ position:relative;}
#index #contents03 .momiji01{ top:-100px;left:-76px;}
#index #contents03 .momiji02{ top:-45px;left:-88px;}
#index #contents03 .momiji03{ top:34px;right:-56px;}

/*----contents04----*/
#index #contents04{ padding: 46px 0;}
#index #contents04 section{
	width: 940px;
	background:url(../img/top/contents04_bg.png) no-repeat top center;
	padding: 50px 90px;
	margin: 0 auto;
	position:relative;
}
#index #contents04 .f_left{ width: 180px;}
#index #contents04 .f_left p{ margin-bottom: 10px; font-size:12px; line-height:16px;}
#index #contents04 .f_left p:last-child{margin-bottom:0;}
#index #contents04 .f_right{ width: 500px;}

#index #contents04 .momiji04{ top:-96px;right:-80px;}

/*動画設定*/
.movie_wp{
	background:url(../img/top/slide08.jpg) no-repeat top center;
	background-size: cover;
	position: fixed;
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto;
}
.movie_wp video{
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  object-fit: cover;
  object-position: 50%;
}

@media screen and (max-width:1010px) {
	.header_wp{
		height:800px;
		}
	.movie_wp video{
		display:none;
}
}
/* ============================================

	下層共通CSS　-　.subpage

=============================================== */
.subpage #header_wp{ height: 320px; position:relative;}
.subpage h2{ position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}

.subpage .header_nav{ position:fixed; top:0; left:0; right:0; bottom: inherit; background:url(../img/bg-80.png) repeat center top;	box-shadow:2px 2px 2px -1px rgba(0, 0, 0, 0.3);}
.header_nav li,.header_nav li a{ line-height:50px;}
.header_nav h1{ width: auto; height:50px;}
.header_nav .box1020{ height:58px;}
.header_nav .box1020 p:nth-child(2){ margin-top:-5px;}
.header_nav .box1020 p:last-child{ margin-top:3px;}

.pickup_brown{
	background:url(../img/bg-50.png) repeat;
	color: #fff;
	font-size:13px;
	padding: 3px 2em;
	display:inline-block;
	margin: 1em 0;
}
.inner_col-left .i_photo{ float:left; width: 570px;}
.inner_col-left .detail{ float:right; width: 410px;}
.inner_col-right .i_photo{ float:right; width: 570px;}
.inner_col-right .detail{ float:left; width: 410px;}

/*紅葉*/
.subpage .momiji_wp{ position:absolute; width: 100%; top: 0; left:0; right: 0;}
.subpage .para { position:absolute;}
.subpage .momiji01{	right:20px;}
.subpage .momiji02{ right:60px;}
.subpage .momiji03{	right:20px;	z-index:1;}
.subpage .momiji04{	left:20px;	z-index:1;}
.subpage .momiji05{	left:20px;	z-index:1;}
.subpage .momiji06{	left:40px;	z-index:2;}
.subpage .momiji07{	left:20px;	z-index:1;}
.subpage .momiji08{	left:90px;	z-index:2;}
.subpage .momiji09{	left:20px;	z-index:2;}
.subpage .momiji10{	left:113px;	z-index:1;}
.subpage .momiji11{	right:20px;	z-index:1;}
.subpage .momiji12{	right:60px;	z-index:1;}
.subpage .momiji13{	right:90px;	z-index:1;}
.subpage .momiji13{	left:10px;	z-index:1;}
@media screen and (max-width:1280px) {
	.subpage .momiji_wp{ display:none;
}
}
/* お料理　-　#cuisine
=============================================================================*/
#cuisine #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/cuisine/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#cuisine #contents01{ padding: 60px 0;}
#cuisine #contents01 li,#kourankei #contents01 li{
	float:left;
	width: 188px;
	height:250px;
	margin-right:19px;
	position:relative;
	text-align:center;
}
#cuisine #contents01 li:last-child,#kourankei #contents01 li:last-child{ margin-right:0;}
#cuisine #contents01 li a,#kourankei #contents01 li a{ position: absolute; top:0; right:0; bottom:0; left:0;}
#cuisine #contents01 li span,#kourankei #contents01 li span{
	position: absolute;
	width:100%;
	left:0;
	bottom:5px;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
#cuisine #contents01 li:hover span,#kourankei #contents01 li:hover span{	bottom: 0;}
#cuisine #contents01 li:hover img,#kourankei #contents01 li:hover img{ opacity: 0.6; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}

#cuisine .w100_bg{ padding: 50px 0;}
#cuisine .w100_bg h3{ margin-bottom:20px;}
#cuisine .w100_bg .detail_text{ margin-bottom:30px;}

/*お料理について*/
#cuisine #contents02{ height:753px; background:url(../img/cuisine/contens02_bg.jpg) no-repeat center bottom;}
#cuisine #contents02 .box940{ position:relative;}
#cuisine #contents02 h3{ padding-top: 78px; margin-bottom: 10px;}
#cuisine #contents02 p{ margin-left: 56px;}
#cuisine #contents02 p.caution_s{ font-size:13px; color:#ab0000; line-height:24px;}

#cuisine #contents02 .photo01{ position:absolute; top:80px; right:60px;}
#cuisine #contents02 .photo02{ position:absolute; top:294px; right:-40px;}
#cuisine #contents02 .photo03{ position:absolute; top:510px; right:200px;}
#cuisine #contents02 .title_catch{ position:absolute; top:250px; right:294px;}

/*ご夕食*/
#cuisine #contents03{ background:url(../img/cuisine/contents03_bg.jpg) no-repeat center top;}
/*ご朝食*/
#cuisine #contents04{ background:url(../img/cuisine/contents04_bg.jpg) no-repeat center top;}
/*逸品*/
#cuisine #contents05{ background:url(../img/cuisine/contents05_bg.jpg) no-repeat center top;}
#cuisine #contents05 #section01{ background:url(../img/cuisine/contents05_section01_photo-02.jpg) no-repeat right bottom;}
#cuisine #contents05 #section02{ background:url(../img/cuisine/contents05_section02_photo-02.jpg) no-repeat left bottom;}
#cuisine #contents05 .detail{ width: 420px;}
#cuisine #contents05 p{ padding: 0 1em; line-height: 26px;}
/*日帰り*/
#cuisine #contents06{ background:url(../img/cuisine/contents06_bg.jpg) no-repeat center top; padding-bottom:80px;}
/*日本酒*/
#cuisine #contents07 .box1020{ background:url(../img/cuisine/contents07_bg.png) no-repeat center top; padding: 30px 0 40px 0;}
#cuisine #contents07 h3{ margin-left: 25px;}
#cuisine #contents07 .detail_text{ margin: 0 0 26px 70px;}
#cuisine #contents07 .inner_col{ width: 450px; margin-right: 30px; float:left;}
#cuisine #contents07 .inner_col:last-child{ margin-right:0;}
#cuisine #contents07 .inner_col img{ float:left; margin-right:14px;}
#cuisine #contents07 .inner_col h4{ font-weight:bold; color:#dfb45b; margin-bottom:10px; line-height:20px; letter-spacing:0;}
#cuisine #contents07 .inner_col p{ font-size:13px; line-height: 22px; letter-spacing:0;}
/* 客室　-　#guestroom
=============================================================================*/
#guestroom #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/guestroom/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#guestroom #contents01{ padding: 66px 0 20px 0; background:url(../img/guestroom/contents01-bg.jpg) no-repeat top right;}
#guestroom #contents01 .box1020{ margin-bottom:90px;}
#guestroom #contents01 .box1020 p{ margin-left:150px;}

#guestroom #contents01 .box940 {font-size:13px; margin-bottom:60px; line-height:24px;}
#guestroom #contents01 .box940 h4{ text-align:left; margin-bottom:10px;}
#guestroom #contents01 .teiin{
	text-align:center;
	background:url(../img/bg-50.png) repeat;
	color: #fff;
	font-size:13px;
	padding: 3px 2em;
	}
#guestroom #contents01 .inner_col-left .movie{ float:left; width: 520px;}
#guestroom #contents01 .inner_col-left .detail{ float:right; width: 380px;}
#guestroom #contents01 .inner_col-right .movie{ float:right; width: 520px;}
#guestroom #contents01 .inner_col-right .detail{ float:left; width: 380px;}
#guestroom #contents02{ padding-bottom:80px;}

/* 館内施設　-　#facilities
=============================================================================*/
#facilities #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/facilities/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#facilities #contents01{
	padding: 60px 0;
	background:url(../img/facilities/contents01_bg.jpg) no-repeat center bottom;
	}
#facilities #contents01 h3{ margin-bottom:20px;}
#facilities #contents02{ padding: 60px 0;}
#facilities #contents02 #section01{	background:url(../img/facilities/contents02_section01_photo-02.jpg) no-repeat right bottom;}
#facilities #contents02 #section02{	background:url(../img/facilities/contents02_section02-bg.png) no-repeat left bottom;}

#facilities #contents03{ padding-bottom:60px;}
#facilities #contents03 .caution_s{ color:#ab0000; font-size:13px;}
#facilities #contents03 .small{ font-size:13px;}

/* 香嵐渓　-　#kourankei
=============================================================================*/
#kourankei #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/kourankei/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#kourankei #contents01{ padding: 60px 0;}
#kourankei #contents01 ul{ width: 420px; margin: 0 auto;}
#kourankei #contents01 li{ margin-right:40px;}
#kourankei #contents02{ background:url(../img/kourankei/contents02-bg.jpg) no-repeat center top; padding: 55px 0 0 0;}
#kourankei #contents02 .lead_box{ width: 940px; height:520px; margin: 0 auto; position:relative; background:url(../img/kourankei/contents02_lead-bg.png) no-repeat center 58px;}
#kourankei #contents02 .lead_box h3{ position:absolute; left:0; top:0;}
#kourankei #contents02 .lead_box p{ position: absolute; left: 216px; top: 82px; font-size:16px; line-height: 38px; text-shadow:1px 1px 3px rgba(66,37,9,0.5);}

#kourankei #contents02 #scene01{ background:url(../img/kourankei/contents02_section01-bg.jpg) no-repeat top right;}
#kourankei #contents02 .scene_wp h4{ margin-bottom: 40px; text-align:center;}
#kourankei #contents02 .scene_inner{ width:1020px; margin: 0 auto; margin-bottom:60px;}
#kourankei #contents02 .scene_inner h5{ font-size: 18px; font-weight:bold; color:#96b0a5; margin:10px 0;}
#kourankei #contents02 .scene_inner p,#kourankei .inner_col p{ letter-spacing: 0;}

#kourankei #contents02 #scene01_2{ position: relative; height: 440px;}
#kourankei #contents02 #scene01_2 .f_left{ width:260px; margin-left:40px;}
#kourankei #contents02 #scene01_2 > p{ position:absolute;}
#kourankei #contents02 #scene01_2 .scene_img01{ top:134px; left:10px; z-index:2;}
#kourankei #contents02 #scene01_2 .scene_img02{ top:214px; left:204px; z-index:3;}
#kourankei #contents02 #scene01_3{ position:relative; background: url(../img/kourankei/sean01_photo-09.jpg) no-repeat bottom left;}
#kourankei #contents02 #scene01_3 .scene_img01{ position:absolute; top:150px; right:40px; z-index:2;}
#kourankei #contents02 #scene01_3 .f_left:first-child{ margin-bottom: 16px;}
#kourankei #contents02 #scene01_3 .f_left.text{ clear: both; margin:30px 0 0 80px;}

#kourankei #contents02 #scene02{ background:url(../img/kourankei/contents02_section02-bg.jpg) no-repeat top left;}
#kourankei #contents02 #scene02_1 .f_left{ width:354px; margin-left:40px;}
#kourankei .box_dot{ border: 1px dotted #81511c; padding: 1em; font-size: 13px;}
#kourankei #contents02 #scene02_2 .f_right{ width:480px;}

#kourankei #contents02 #scene02_3{ position:relative; height: 454px;}
#kourankei #contents02 #scene02_3 .f_left{
	width: 327px;
	background:url(../img/kourankei/contents02_scene02_fukidashi.png) no-repeat left bottom;
	margin-left:40px;
	padding: 36px 0 54px 16px;
}
#kourankei #contents02 #scene02_3 .scene_img01{ position:absolute; left: 182px; top: 226px;}

#kourankei #contents02 #scene03{ background:url(../img/kourankei/contents02_section03-bg.jpg) no-repeat top right;}
#kourankei #contents02 #scene03_1 .f_right,#kourankei #contents02 #scene03_3 .f_right{ width: 378px;}
#kourankei #contents02 #scene03_2{ position: relative; height: 440px;}
#kourankei #contents02 #scene03_2 .f_left{ width:390px; margin-left:10px;}
#kourankei #contents02 #scene03_2 .scene_img01{ position:absolute; top:127px; left:40px; z-index:2;}
#kourankei .white_btn { text-align:center;}
#kourankei .white_btn a,#kourankei .white_btn a:visited{ width:242px; border: 1px solid #96b0a5; color: #fff; background-color:#96b0a5;}
#kourankei .white_btn a:hover {	color: #fff;}
#kourankei .white_btn a:hover::after { left: 0;background-color: #779387;}

#kourankei #contents03{ background:url(../img/kourankei/contents03-bg.jpg) no-repeat center top; padding: 55px 0 0 0;}
#kourankei #contents03 .lead_box{ width: 940px; height:400px; margin: 0 auto; position:relative;}
#kourankei #contents03 .lead_box h3{ position:absolute; left:0; top:0;}

#kourankei #contents03 .inner_col{ width:1020px; margin: 0 auto; margin-bottom:60px;}
#kourankei #contents03 .inner_col .f_left{ width: 600px;}
#kourankei #contents03 .inner_col .f_right{ width: 380px;}
#kourankei #contents03 .inner_col h4{ margin-bottom:14px;}
#kourankei #contents03 .inner_col p{ padding: 0 0.5em;}
#kourankei #contents03 .inner_col.tate .f_left,#kourankei #contents03 .inner_col.tate .f_right{ width:460px;}
/* 料金・ご予約　-　#price
=============================================================================*/
#price #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/price/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#price #contents01{ padding:40px 0;}
#price section h3{ margin-bottom:16px;}
#price section{ margin-bottom:40px;}

#price .tel_big{ font-weight: bold; font-size:40px; margin-bottom: 10px; letter-spacing: 1px;}
#price .price_list table{ table-layout:fixed;}
#price td{ text-align:center;}
#price .price_list .f_left{	width: 470px;}
#price .price_list .f_right{ margin-top:44px;}


/* 周辺案内　-　#areaguide
=============================================================================*/
#areaguide #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/areaguide/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#areaguide #contents01 .box1020{ background:url(../img/areaguide/contents01-bg.png) no-repeat right 30px; padding: 60px 0;}
#areaguide #contents01 .box1020 h3{ margin-bottom:100px; padding-top:34px;}
#areaguide #contents01 .box1020 h4{ margin-bottom:20px;}
#areaguide #contents01 .box940{ margin-bottom:60px;}
#areaguide #contents01 .inner_col{ padding: 0 20px; margin-bottom:30px;}
#areaguide #contents01 .detail_text{ margin: 0 0 26px 70px;}
#areaguide #contents01 .inner_col img{ float:left; margin-right:20px;}
#areaguide #contents01 .inner_col h4{ font-size:18px; font-weight:bold; color:#dfb45b; margin-bottom:10px; line-height:20px;}
#areaguide #contents01 .inner_col h4 span{ display:inline-block; color:#5a4633; background:#dfb45b; padding:0 0.5em; margin-left:1em; font-size:13px; vertical-align:top;}

/* アクセス　-　#access
=============================================================================*/
#access #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/access/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#access #contents01{ padding:40px 0;}
#access section h3{ margin-bottom:10px;}

#access #contents02{ background:url(../img/access/contens02_section01-map.png) no-repeat center 70px;}
#access #contents02 #section01{padding-bottom: 40px;}
#access #contents02 #section01 table{ width:680px; font-size:13px; float:right; line-height:20px;}
#access #contents02 #section01 table th{ width:180px;}
#access #contents02 #section01 table td{ padding: 6px 4px;}
#access #contents02 #section01 table img{ margin-right:3px;}
#access #contents02 #section02{ background:url(../img/access/contens02_section02-map.png) no-repeat center 50px; padding-bottom:60px;}
#access #contents02 #section02 div{ width:490px; margin-top:360px; letter-spacing:0; line-height:20px;}
#access #contents02 #section02 table{ width: 244px; font-size:13px;}
#access #contents02 #section02 table:first-child{ float:left;}
#access #contents02 #section02 table:last-child{ float:right;}
#access #contents02 #section02 table td{ background:none;}

#access #contents02 #section01 .car_nav{ width:600px; float:right; font-size:13px; font-weight:bold; text-align:center;}
#access #contents02 #section01 .car_caution{ width:600px; float:right; text-align:center; margin-bottom:280px; font-size:13px; line-height:20px; color:#a08366;}
/* カフェ　-　#cafe
=============================================================================*/
#cafe #header_wp{
	background:
		url(../img/dots100.png) repeat,
		url(../img/cafe/mainImage.jpg) no-repeat;
	background-size: auto, cover;
}
#cafe #contents01{ padding:40px 0; height:407px;}
#cafe #contents01{ padding: 66px 0 20px 0; background:url(../img/cafe/contents01_bg.jpg) no-repeat top right;}
#cafe #contents01 .box1020{ margin-bottom:90px; position:relative;}
#cafe #contents01 .box1020 p{ margin-left:150px;}
#cafe #contents01 .box1020 .photo01{ opacity:0; top: 0; right:60px; z-index:1;}
#cafe #contents01 .box1020 .photo02{ opacity:0; top: 140px; right:0;}

#cafe #contents02{ background:url(../img/cafe/contents02_bg.png) no-repeat center 100px; padding-bottom:60px;}
#cafe #contents02 h4{
	font-size:18px;
	font-weight:bold;
	background:url(../img/point_momiji.png) no-repeat left top;
	line-height:42px;
	padding-left:22px;
}
#cafe #contents02 p span{ border-bottom: 2px dotted #dca66f;}
#cafe #contents02 #section01{ width: 451px; float:left; background:url(../img/cafe/contens07_section01-photo.png) no-repeat center top; padding:250px 0 0 12px;}
#cafe #contents02 #section01 p{ margin-left:22px;}
#cafe #contents02 #section02{ width: 464px; float:right; background:url(../img/cafe/contens07_section02-photo.png) no-repeat center top; padding:250px 0 0 12px;}
#cafe #contents02 #section02 p{ margin-left:24px;}
#cafe #contents02 #section03{ height:255px; background:url(../img/cafe/contens07_section03-photo.png) no-repeat left top; padding:40px 0 0 470px;}
#cafe #contents02 #section03 p{ margin-left:24px;}
#cafe #contents02 #section04{ height:289px; background:url(../img/cafe/contens07_section04-photo.png) no-repeat right top; padding:64px 0 0 0;}
#cafe #contents02 #section04 p{ margin-left:20px;}

/* ============================================
	最後に消す
=============================================== */
/*#scroll{ position:fixed; background:#fff; padding: 1em; right:0; bottom:0; z-index:99999;}*/

.bxslider2 {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 620px;
	width: 940px;
}
.bxslider2 li {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 620px;
	width: 940px;
}
.bxslider {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 620px;
	width: 940px;
}
.bxslider li {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 620px;
	width: 940px;
}

.mt-50{margin-top: 50px;}
.box880{ width:880px; margin-left: auto; margin-right: auto; font-size: 13px;}
.box880 p{margin-top: 15px;}
.box880 .photo{text-align: center;}
.adjust01{ float: right; width: 410px;}
.adjust02{ float: left; width: 410px;}
.adjust03{ float: left; width: 410px;}#section03 .adjust02 h4 {
	height: 76px;
}

#section02 .adjust01 h4 {
	height: 74px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#section03 .detail .photo {
	margin-top: 0px;
	display: block;
	padding-top: 15px;
}
#section02 .adjust01 .photo {
	padding-top: 0px;
}

.recruit_banner{text-align: center; margin:4rem 0; display: block;}
.recruit_banner a{display:inline-block; max-width:320px; margin:0 auto;}

.header_recruit{display:inline-block; width:220px; margin:0 auto;}

.route_box{max-width:1000px; margin:0 auto 2rem auto; text-align: center;}

.img_colun{display:flex; flex-wrap: wrap; justify-content:space-between;}
.img_colun .box{width:48%; margin:0 0 2rem 0;}
.img_colun .box p{margin:1rem 0 0 0}

.title_01{text-align: center; font-size: 24px; margin:0 0 2rem 0; padding:1rem 0 1rem 3rem; background:url(../img/title_icon01.png) no-repeat left ; font-weight:bold; display: inline-block;}
.parking_info{border:#422509 1px solid; padding:3rem; box-sizing: border-box; font-size:16px;}
.parking_info span{font-weight: bold; font-size:18px;}

/*バナー達*/
#index #contents04 section:has(.grid_wrap.bns){
    display: grid;
    place-items: center;
    width: min(100%,800px);
    margin-inline: auto;
}
.grid_wrap.bns,.grid_wrap.bns{
    box-sizing: border-box;
}
.grid_wrap.bns{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
    grid-template-rows: repeat(3, auto);
    gap: 10px 20px;
    grid-auto-flow: column;
}
.grid_wrap.bns img{
    width: 180px;
    height: auto;
}
.grid_wrap.bns > p{
    width: 180px;
    height: auto;
    margin-inline: auto;
}
/*Instagramバナー*/
.insta_bn_wrap{
    width: 180px;
    height: auto;
    margin-inline: auto;
/*    grid-row: span 2;*/
}
.insta_bn{
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto minmax(0,1fr);
    grid-template-rows: minmax(0,1fr);
    width: 100%;
    height: 100%;
    min-height: 2.5em;
    place-items: center;
    place-content: center;
    background: rgba(255,255,255,1);
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.2));
    gap: 1em;
    transition: 0.5s ease-out;
    
}
.insta_bn img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.insta_bn img.insta_logo{
    width: 20px;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
    grid-column: 2 / 3;
    grid-row: 1 / -1;
}
.insta_bn > *{
    align-self: center;
}
.insta_bn > p{
    font-size: 16px;
    white-space: nowrap;
    color: #E72F5D;
    grid-column: 3 / -2;
    grid-row: 1 / -1;
}
.insta_bn > a{
    grid-area: 1 / 1 / -1 / -1;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.insta_bn:has(a:hover){
    opacity: 0.5;
}


.formwrap {width: 800px; margin: 0 auto; padding:4rem 0; color: #555; line-height: 120%; }
.formwrap table.formTable {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
}
.formwrap table.formTable td, table.formTable th {
    border: 1px solid #ccc;
    padding: 10px;
}
.formwrap table.formTable th {
    width: 30%;
    font-weight: normal;
    text-align: left;
}
    
.formwrap input[type="submit"], input[type="reset"], input[type="button"] {
    display:block;
    margin:0 auto;
    width: 200px;
    color:#fff;
    background: #339966;
    height: 40px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}    
    

.formwrap input[type="text"]{width: 100%; padding: 10px; box-sizing: border-box; display: block; font-size:110%;}
.formwrap textarea {width: 100%; height: 400px; padding: 10px; font-size:110%;}


.formwrap input.submitBtn:disabled{
	opacity: 0.5;
	cursor:not-allowed;
    font-size:16px;
}        
    
.g-recaptcha{margin:1rem auto; display: block; max-width: 300px;}