@charset "utf-8";


/*=============================================================================
   Reset
=============================================================================*/
html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
	 -webkit-font-smoothing: antialiased;
	 }
body {
	margin: 0;
	}

h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,dl,dt,dd,address,form,input{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}

strong { font-style: normal; font-weight: bold;}
img { border: 0; vertical-align:bottom; -ms-interpolation-mode: bicubic;/*ie7*/transition: 0.5s;}
a img:hover {opacity: 0.6;transition: 0.3s;}

ul,ol { list-style: none;}

table { border-collapse: collapse;border-spacing: 0;}
th,td { }

/*=============================================================================
   Base
=============================================================================*/
body {
	color: #444;
	
	/*font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif, "游明朝", YuMincho;*/
	font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic;
	font-size: 14px;
	line-height: 1.6em;
	}
.wrap{
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
body#index{background:#FFF url(../img/bg.jpg) repeat;}
a:link, a:visited{color: #5a4729;text-decoration: none;}
a:hover, a:active{color: #5a4729;text-decoration: underline;outline: 0;	}
a:focus { outline: thin dotted/*chrome*/;}
img { width: auto; }

h2{ text-align:center; margin:0 0 30px 0;}
p{letter-spacing:2px; line-height:180%;}
p.c_com{ color:#eee; text-align:center; margin:0 0 30px 0; line-height:250%;text-shadow:1px 1px 1px rgba(0, 0, 0,.9);}
.p_t50{padding:50px 0 0 0;}
h3.text{font-size:20px; margin:0 0 10px 0;}

table{ width:100%; border-top:#aaa solid 1px;border-left:#aaa solid 1px; margin:0 0 20px 0;}
td{border-bottom:#aaa solid 1px;border-right:#aaa solid 1px; padding:10px 20px;}
th{ background:#efefef; width:20%; font-weight:normal;border-bottom:#aaa solid 1px;border-right:#aaa solid 1px; padding:10px 20px;}
th.room{ background:#cecece;}

/* Nav
-----------------------------------------------------------------------------*/
h1.logo{float:left; margin:0;}
nav {margin:0 auto; padding:20px 0 0 0;width: 1000px;}
nav ul{float:right; margin:0;}
nav li { float:left;position: relative; margin:0;}

/* Contents
-----------------------------------------------------------------------------*/
#contents {margin: 0px auto;width: auto;height: auto;padding:0 0 50px 0;}
#contents:after{content: ""; display: block; clear: both;}
#cafe #contents{background: url(../img/cafe/cafe_bg.jpg)  center center / cover no-repeat fixed;padding:80px 0 50px 0;}
#onsen #contents{background: url(../img/onsen/onsen_bg.jpg)  center center / cover no-repeat fixed;padding:80px 0 50px 0;}
#cuisine #contents{background: url(../img/cuisine/cuisine_bg.jpg)  center center / cover no-repeat fixed;padding:80px 0 50px 0;}
#facilities #contents{background: url(../img/facilities/facilties_bg.jpg)  center center / cover no-repeat fixed;padding:80px 0 50px 0;}
#sightseeing #contents{background: url(../img/sightseeing/sightseeing_bg.jpg)  center center / cover no-repeat fixed;padding:80px 0 50px 0;}
#price #contents{background: url(../img/price/price_bg.jpg)  center center / cover no-repeat fixed;padding:80px 0 50px 0;}
#access #contents{background: url(../img/access/access_bg.jpg)  center center / cover no-repeat fixed;padding:80px 0 50px 0;}

.container, .content, .inner {	clear: both;	height: auto;	}
.container:after, .content:after, .inner:after{content: ""; display: block; clear: both;}
.container {width: 1000px;margin: 0px auto;position: relative;}
#index .container, #header .container {
	width: 100%;max-width: 1000px;}
.content {width: 100%;margin-bottom: 30px;position: relative;}
.inner {zoom:1;padding: 0px 20px;}

.w_trans{background: rgba(221,221,221,.3); padding:10px; margin:0 0 30px 0; box-shadow:1px 1px 5px 5px rgba(0, 0, 0,.1);}
.w_trans:after{content: ""; display: block; clear: both;}
.w_cont{background:url(../img/c_bg.png) repeat; width:940px; padding:20px;}
.w_cont:after{content: ""; display: block; clear: both;}
.w_cont .left{ float:left; width:620px; margin:0 0 10px 0;}
.w_cont .right{ float:right; width:310px; margin:0 0 10px 0;}
.w_cont .left2{ float:left; width:310px;margin:0 0 10px 0;}
.w_cont .right2{ float:right; width:620px; margin:0 0 10px 0;}
.w_cont h2{margin:20px 0;}
.w_cont p{line-height:250%;}
.w_cont p.center{ text-align:center;}
.w_cont dl{ float:left; width:245px; border-right:#cdcdcd solid 1px; padding:20px 35px 20px 0; margin:0 35px 0 20px;}
.w_cont dt{float:left; width:180px; margin:0 0 20px 0;}
.w_cont dd{float:right;margin:0 0 20px 0;}
.w_cont dl:last-child{padding:20px 0 20px 0; margin:0;border-right:none;}
.w_cont p span{ border-top:#cdcdcd solid 1px;border-bottom:#cdcdcd solid 1px; padding:5px 0; margin:20px 0 0 0; text-align:center;}
.w_cont .half{width:50%; float:left;}
.w_cont .half h3{font-size:20px; padding:0 0 0 20px; margin:0 0 20px 0;}
.w_cont .half h3 span{float:right; font-size:12px;}
.w_cont .half p{ clear:right;padding:0 0 0 20px; letter-spacing:1px;}

.bxslider{}
#bx-pager{ width:100%; padding:10px 0 0 0; text-align:center;}
#bx-pager img{width:8%; margin:0 3px 0 0;}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.wow {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


/* Footer
-----------------------------------------------------------------------------*/
footer{ background:#ece7e1; clear:both; padding:0 0 20px 0; box-shadow:0 -1px 5px 5px rgba(0, 0, 0,.1);}
footer p.link{ background:#c0b19a;text-align:center; font-size:14px; padding:10px 0; margin:0 0 30px 0;}
footer p.link a{color:#FFF;}
footer .f_wrap{ width:860px; margin:0 auto;}
footer .f_wrap .logo{float:left; padding:10px 30px 10px 0; margin:0 30px 0 0 ; border-right:#c0b19a solid 1px;}
footer p strong{font-weight:normal; font-size:20px;}
footer address{font-size:10px;letter-spacing:0; font-style:normal;padding:5px 0 0 0;}
footer address img{padding:-5px 0 0 0;}


/* Index
-----------------------------------------------------------------------------*/
#i_bn{ padding:90px 0; display: flex; justify-content: space-between;}  #i_bn:after{ clear:both;content:"";display:table;}
#i_bn .img{ display:block; width:310px;}
#i_bn .img:last-child{margin:0;}
#plan{ display:table; width:1000px;border-collapse: collapse;border-spacing:0;}
#plan h2{ width:100%; text-align:center; margin:0 0 30px 0;}
#plan .box{ height:110px; overflow:hidden;border-top:#bcaf9c dashed 1px;border-bottom:#bcaf9c dashed 1px; width:490px; margin:0 20px 0 0; padding:20px 0;}
#plan .box:nth-child(2n){ float:right; margin:0 0 0 0;}
#plan .box:nth-of-type(3){border-top:none;}
#plan .box:nth-of-type(4){border-top:none;}
#plan .box .img{ float:left;width:110px; height:110px; overflow:hidden; text-align:center; margin:0 20px 0 0;}
#plan .box .img img{ height:110px;}
#plan h3{ float:left; font-size:15px; font-weight:normal; color:#5a4729; margin:0 0 10px 0; }
#plan p{ float:left; width:360px;word-wrap: break-word; }

/* Cuisine
-----------------------------------------------------------------------------*/
.w_cont .tanpin{background: rgba(179,160,129,.2); padding:20px; }
.w_cont .tanpin:after{ clear:both;content:"";display:table;}
.w_cont .tanpin .left{ float:left; width:450px;margin:0;}
.w_cont .tanpin .right{ float:right; width:450px;margin:0;}
.w_cont .tanpin .right h3{ padding:80px 0 0 20px; margin:0 0 20px 0;}
.w_cont .tanpin .right p{ padding:0 0 0 20px;}
.w_cont .tanpin .left h3{ padding:80px 20px 0 0;margin:0 0 20px 0;}
.w_cont .tanpin .left p{ padding:0 20px 0 0;}

/* Price
-----------------------------------------------------------------------------*/
.p_line{border-bottom:#555 dotted 1px; height:1px; padding:20px 0; margin:0 0 40px 0; width:100%;}

/* Access
-----------------------------------------------------------------------------*/
#map-canvas{ width:940px; height:400px;}

/* Header
-----------------------------------------------------------------------------*/
div#header_wrap {
	width: 100%;height: 100%;position: relative;overflow:hidden;}
#header {
	width: 100%;
	height: 104px;
	background: url(../img/m_bg.png) repeat-x center bottom;
	position: relative;
	z-index: 10;
	display: inherit;
	}
#index #header {bottom: 0px;padding:0;}

#header.fix {
	width: 100%;
	height: 104px;
	background: url(../img/m_bg2.png) repeat-x center bottom;
	padding: 0;
	position: fixed;
	z-index: 10;
	top: 0px;-webkit-animation-duration: 1s; animation-duration: 1s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
	/*display: none;*/
	}
@-webkit-keyframes fadeInDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
  }

  to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);
  }

  to { opacity: 1; -webkit-transform: none; transform: none;
  }
}


/* MainVisual
-----------------------------------------------------------------------------*/
div#mainVisual {
	width: 100%;
	height: 100%!important;
	max-height: 780px;
	position: relative;
	}
	#index div#mainVisual:after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 90.88%;
	background: url(../img/top/top_kvtxt.png) no-repeat right top;
	background-size:cover;
	position: absolute;
	right: 0px;
	top: 0px;
	}

/* Footer
-----------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 140px;
	right: 0px;
	}
	#pagetop a {
	text-decoration: none;
	background: rgba(000,000,000,0.4);
	color: #FFFFFF;
	padding: 10px;
	text-align: center;
	display: block;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	font-size: 11px;
	height: auto;
	width: 65px;
	line-height: 1.4em;
	}


/*=============================================================================
   Each page
=============================================================================*/

/* index page
=============================================================================*/
#index {}
#index video {
width: 100%; opacity: 1; left: 0; top: 0;}

/*=============================================================================
   rss_content
=============================================================================*/

#plan_rss {width: 1000px; margin: 0px; padding: 0px; display: block; }

#mini { float:left; width:490px; height:110px; overflow:hidden;border-top:#bcaf9c dashed 1px;border-bottom:#bcaf9c dashed 1px; margin:0 15px 0 0; padding:20px 0;}
#mini:nth-child(2n){ float:right; margin:0 0 0 0!important;} 
#mini:nth-of-type(3){border-top:none;} 
#mini:nth-of-type(4){border-top:none;} 

#mini hr {width: 0px; height: 0px; margin: 0px; padding: 0px; clear: both; border-style: none; visibility: hidden;}

/*プラン*/
#mini #minileft {
	width: 355px;
	margin: 0px;
	padding: 0px 0px 2px;
	float: right;
}
#mini #minileft p {float:left; width:360px;word-wrap: break-word; }
#mini #minileft h4 {float:left; font-size:15px; font-weight:normal; color:#5a4729; margin:0 0 10px 0; }
/*#mini #minileft h4 a{margin: 0px; padding:0; color: #56b6ac; text-decoration: none;}
#mini #minileft h4 a:hover {color: #56b6ac; text-decoration: underline;}*/

#mini #miniright {float:left;width:110px; height:110px; overflow:hidden; text-align:center; margin:0 10px 0 0;}
#mini #miniright img {height:110px;}