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

clearfix::after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
}

dt.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;zoom:1;}


img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	max-width:100%;
	hegiht:auto;
}

.bold {font-weight: bold;}


.mt3 {margin-top: 3px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}

.mb3 {margin-bottom: 3px!important;}
.mb5 {margin-bottom: 5px!important;}
.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;}

.pdg3 {padding: 3px;}
.pdg5 {padding: 5px;}
.pdg10 {padding: 10px;}
.pdg20 {padding: 20px;}
.pdg30 {padding: 30px;}
.pdg40 {padding: 40px;}
.pdg50 {padding: 50px;}

.va--t {vertical-align: top;}
.va--m {vertical-align: middle;}
.va--b {vertical-align: bottom;}

.pt60{padding-top:60px;}
.pb60{padding-bottom:60px;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
background:transparent;
-webkit-text-size-adjust:none;
}
textarea {font-family:inherit;font-size:inherit;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
li{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
ins {text-decoration:none;}
mark {font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
header, section, footer, aside, nav, main, article, figure {display: block;}

button[type="submit"]{
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family:inherit;
vertical-align:baseline;
cursor:pointer;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="date"]{
border:1px solid #ddd;
vertical-align:baseline;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

input[type="submit"]{cursor:pointer;}
.yoyaku input[type="submit"]{cursor:pointer;position:relative;background:#9a8f66;width:90px;height:34px;color:#fff;font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;padding:2px;border:1px solid #fff;box-shadow:0 0 0 2px #9a8f66;
}

.yoyaku input[type="text"]{background:#fff;width:50px;margin:0 2px;padding:2px;}


select{
border:1px solid #ddd;
font-family:inherit;
vertical-align:baseline;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-input-placeholder{
color:#888;
}
::-moz-placeholder {
color:#888;
opacity:1;
}
:-ms-input-placeholder {
color: #888;
}





hr {
color:#EBE4D6;
height:1px;
}


a{outline:none;color:#333333;}
a:link     {color:#333333; text-decoration:none; }
/*a:visited  {color:#333333; text-decoration:none; }*/
a:hover    { color:#333333; text-decoration: none;}
a:active   {color:#333333; text-decoration:none; }



/* CSS Document */

*{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style-type: none;
	font-size: 16px;
/*	line-height: 1.5em;*/
	letter-spacing: .08em;
}


	
ul {
list-style:none;padding:0;
margin:0;
}

body{
font-size:16px;
/*font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
color:#333333;
position:relative;
width: 100%;
overflow-x:hidden;
/*padding-top:90px;*/
}

p{line-height:180%;}

.cl:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cl {
  min-height: 0px;
  clear:both;
}

* html .cl {
  height: 0px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.container .row {
    margin-right: -15px;
    margin-left: -15px;
}
@media screen,tv{
.print{
		display:none;
	}}

@media print{
#pagetop {
	display:none;
	}
}


#pageTop {
    background: rgba(0,0,0,0.75);
    border-radius: 50%;
    color: #FFF;
    padding: 15px 20px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-family: Palatino Linotype;
    z-index: 99;
}
#pageTop:hover{
	background:rgba(33,22,19,0.75);
	}

#pageTop img{width:40px;}

a[href^="tel:"] { cursor: default; }




/**/
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

.nopc{display:none;}


/* header */

/**/
.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex, .flex-st, .flex-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;}


/**/
.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
	background:rgba(255,255,255,0.86) !important;
}

#header {
	/*position: fixed;*/
	/*background:#fff url(../img/nav_back.jpg) no-repeat 50% 50%;*/
	background:#fff;
	background-size:cover;
	width: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	/*border-bottom: 3px solid #0DB5CA;*/
		box-shadow: 0px -2px 40px 0px #dddddd;
}

.rt-nav-active{
    box-sizing:content-box;
}

#header:before {
	content: "";
	display: block;
	width: 100%;
}
.header_inner {
    position: relative;
    margin: 0 auto;
    padding-top: 15px;
	padding-bottom:12px;
    align-items: center;
	box-sizing:border-box;
}
#header_left {
    float: left;
   width: 16%;

}
#header_right{display:table;float: right;    width: 84%;}



.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;       margin-top: -5px;

}
.fixed2{margin-bottom:164px;}

#navi a{-webkit-transition: all .3s;
    transition: all .3s}

#navi a:hover{color:#998D66;}


#logo {
	/*width:300px;*/margin-top: 0px;
}
#logo a{display:block;}

#logo img {
	height:auto;
	max-height:60px;
}

h4.entry-title{font-weight:bold;}

#navi{
		/*margin-top: 20px;*/    vertical-align: top;width: 80%;
		 color:#ffffff;/*height:56px;*/display:table-cell;/*padding-top:10px;*/

}

.header_right2{display: table-cell;
    vertical-align: top;    width: 20%;}

.linksub{
    display: table;
}
.linksub li{    display: table-cell;
    vertical-align:middle;
}
.online_btn {
    background: #fde225 url(../cmn/online.png) no-repeat 20px center;
    background-size: 40px;
    display: block;
    box-sizing: border-box;
    width: 252px;
    height: 60px;
    line-height: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 74px;color:#000!important;margin-right:15px;margin-top:10px;text-align:left;
}
.online_btn span{display:inline-block;  }
.online_btn:hover{background:#333 url(../cmn/online.png) no-repeat 20px center;background-size: 40px;text-decoration:none;}

.footcontact{background: url(../cmn/foot_con.jpg) no-repeat center center;
background-size: cover;
padding:40px 0;text-align:center;color:#fff;
}

.mail_btn {
	
	    background-image: -webkit-gradient(linear, left top, right top, from(#008eba), to(#008eba));
    background-image: linear-gradient(90deg, #008eba 0%, #008eba 100%);
    display: block;
    width: 90px;
    height: 90px;
}
.mail_btn:hover{background:#333;}

.mail_btn span{background: url(../cmn/mail.png) no-repeat center center;
    background-size: 31px 22px;display:block;width:100%;height:100%;}

.mail_block {
/*    text-indent: -9999px;*/
    display: table-cell;
}


.mail_btn2 {
    background: url(../cmn/mail.png) no-repeat 30px center;
    border: 2px solid #fff;
    background-size: 40px;
    display: inline-block;
    box-sizing: border-box;
    width: 286px;
    height: 60px;
    line-height: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding-left: 94px;
    color: #fff!important;
    margin-left: 15px;
    padding-top: 20px;
}
.mail_btn2:hover{background:#191919 url(../cmn/mail.png) no-repeat 30px center;background-size: 40px;text-decoration:none;}


.trigger span{color:#fff;cursor:pointer;}


ul#navi_ul {
    width: 100%;
    padding-right: 30px;padding-left: 30px;
    height: 58px;text-align:center;    display: table;
}
ul#navi_ul li {
    display: inline-block;
display: table-cell;
    width: 16.6%;
    height: 58px;
    text-align: center;
}

ul#navi_ul > li .nosp {
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    display: block;
    color: #333;
    padding: 0 13px;
    z-index: 2;
    line-height: 58px;
    box-sizing: border-box;
}

ul#navi_ul li p{line-height: 58px;}
ul#navi_ul li:hover{  transition: background 0.5s;
  color: #eee;}
ul#navi_ul li a:hover {
  text-decoration: none;
}
ul#navi_ul li a {
    height: 58px;
    display: block;
    box-sizing: border-box;
    padding-top: 5px;
}



#main {
	margin: 0 auto;/*min-width:1100px;*/
	/*padding-top:20px;*/
}

#container {
	overflow: hidden;
	margin-top: 50px;
}
.Mv {
height: 435px;    background: url(../cmn/topimage.jpg) no-repeat center 0%;
background-size: cover;
background-position: center center;position: relative;
}

.container_liquid {
    position: relative;
    margin-bottom: 0;
}

.Mv .Mv-text {
	text-align:center;
    height: 320px;
    position: absolute;
    /* max-width: 40%; */
    top: 0;
    bottom:0;
    left:0;
	right:0;
    /* padding: 10%; */
    margin: auto;
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    line-height: 140%;
    text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
}

.Mv .Mv-text span{font-size:36px;display:inkine-block;font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.big{font-size:30px;}


.button {
  text-decoration: none;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.sitemap li{font-size:15px;padding:5px 0;}
.sitemap li a{
font-size:15px;
color:#ffffff;
}

.sitemap li a:hover{
text-decoration:underline;
}

/*ｰｰｰ*/

		h1{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
h2{letter-spacing:2px;  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:40px;margin-bottom:40px;padding-top:50px;    background: url(../img/kazari.png) no-repeat 50% 0%;
}
h3{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
h4{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:20px;margin-bottom:16px;}
h5{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:20px;}
h2 span{color:#5E72A3;font-size:16px;display:block;  text-transform: uppercase;margin-top:10px;
}

h2.tate{-webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr; text-orientation: upright; /* すべて縦方向に表示 */
}
#navi_ul li{/*-webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;-moz-writing-mode: vertical-rl;-o-writing-mode: vertical-rl;
  writing-mode: vertical-lr;*/ position:relative;/*padding:0 20px;*/font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;} 
#navi_ul li a{position:relative;} 
#navi_ul li span {font-size: 9px;letter-spacing: 0;
    font-weight: normal;
    color: #998D66;
    position: absolute;
    z-index: 1;
	right:0;
    left: 0px;margin:auto;
    bottom: 0;
}
		
.yoyaku{background:url(../img/tesukiwashi-pattern-08.jpg) repeat 0% 0%;padding:5px 20px;clear:both;
    margin: 0 auto;    vertical-align: middle;position:relative;}
.navkazari {
    z-index: 1;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 50px;
}	
.yoyakubox{max-width: 1000px;margin: 0 auto;display:block;font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.yoyaku h5{display:inline-block;margin-right:30px;}

h3.kyoto {
    margin-bottom: 0px;
    margin-bottom: 50px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 260px;
    font-size: 38px;
    text-orientation: upright;
    text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
	line-height:1.6;
}

#news h2{background: url(../img/kazari.png) no-repeat 92% 0%;
    padding-top: 50px;-ms-writing-mode: tb-rl;margin-top:15px;
    writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;
    text-orientation: upright;
    float: left;display:block;
    height: 280px;
    margin-right:3.5%;
    width: 11%;
    box-sizing: border-box;margin-bottom:0;    font-size: 36px;position:relative;} 
	

#news h2 span.news_a{    position: absolute;font-size:inherit;color:inherit;
    top: 50px;  line-height:30px;margin-right: 12px;
    display: inline;}

#news ul{float:left;display:block;    width: 83%;    margin-top:30px;}


#pickup h2{color:#5E72A3;margin-bottom:26px;/*margin-left:220px;*/font-size:40px;text-align:center;background:none;padding-top:0 !important;z-index:2;position:relative;}
#pickup h3{font-size:23px;line-height:40px;/*margin-left: 12%;*/margin-bottom:23px;/*color:#fff;*/}
#pickup h3 span{font-size:18px;}

#pickup ul{    width:100%;}

#pickup li{width:33.3%;float: left;
    display: block;}
#pickup li img{max-width:100%;height:auto;}


.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
.onsen_l{padding-left:38%;}
.onsen_img{height:100%;display:table;}
.onsen_img img{width:100%;height:auto;display:table-cell;vertical-align:middle;}
.access_r{padding-right:38%;}
.access_r h4{background: url(../cmn/midashi_icon.png) no-repeat 5px 50%;
    padding-left: 40px;
    min-height: 26px;display:inline-block;}

.pickup{padding-left:38%;}
.access_img img{width:100%;height:auto;}

.yokoso_img{ display:table-cell;width:60%;vertical-align:middle;position:relative;background:url(../img/sukyo.jpg) no-repeat 100% 100%;background-size:cover;min-height:300px;}
.ryufu{left:10%;top:5%;position:absolute;z-index:1;display:block;}

.yokoso_text{display:table-cell;width:37%;vertical-align:middle;padding:20px 0;padding-left:3%}
h2.pick{color:#5E72A3;}
#news h2 span.news_b{  writing-mode: horizontal-tb;
  -webkit-writing-mode: horizontal-tb;	-ms-writing-mode:lr-tb;margin-top:136px;display:inline;font-size:14px;}

#introduce {padding: 70px 0;z-index:0;padding-bottom: 90px;
  position: relative;

  overflow: hidden;
   /*   background-color: #000418;
    background-image: url(../img/asanoha.png);
    background-repeat: repeat;
    background-position: 0% 0%;*/}

#introduce::before {
    content: '';
    background: url(../img/momiziback.jpg) no-repeat 0% 0% ;
    background-size: 100% 100%;
    opacity: 0.7;
    filter: blur(8px);
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    z-index: -1;
}
#introduce h2{
    position: absolute;
left:0;
right:0;z-index:1;
top:0;
}

#yoyaku{padding: 70px 0;clear: both;
    padding-top: 86px;/*background:url(../img/yoyakuback.jpg) no-repeat 50% 80% fixed;*/background-size:cover;position:relative; z-index:0;
  overflow: hidden;}
	#yoyaku::before{
  content: '';
  background: url('../img/omotenashiback.jpg') no-repeat 100% 100%;
  background-size:cover;
  opacity: 0.3;
  filter: blur(8px);
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  z-index: -1;
}
	
	
	
	
#yoyaku:after{background:rgba(35,24,21,0.15);z-index:1;position:absolute;content:'';width:100%;height:100%;    top: 0;left:0;}
#yokoso{overflow:hidden;padding:60px 0;background-color:#000418;background-image:url(../img/asanoha.png);background-repeat:repeat;background-position:0% 0%;color:#fff;position:relative;}

.yokosobox{display:table;width: 100%;}

#yokoso .yokoso_text{background:url(../img/concepy_moyo.png) no-repeat 100% -30px}
.ranking_wrap{background:url(../img/tesukiwashi-pattern-08.jpg) repeat 0% 0%;}
#ranking{padding-bottom:60px;background-image:url(../img/plan_moyo.png),url(../img/plan_moyo2.png);background-position:95% 95%,5% 5%;background-repeat:no-repeat,no-repeat;position:relative;}

#ranking .container2 {
padding:0 3%;
}
#hotspring{padding:60px 0;background-color:#000418;background-image:url(../img/onsen_moyo.png),url(../img/asanoha.png);background-repeat:no-repeat,repeat;background-position:30px 30px,0% 0%;;color:#fff;position:relative;overflow:hidden;overflow:hidden;}


#room{background:url(../img/roomback.jpg) no-repeat 50% 80%;background-size:cover;position:relative;}
#access{overflow:hidden;background-image:url(../img/map.png),url(../img/tesukiwashi-pattern-08.jpg);background-repeat:no-repeat, repeat;background-position:110% 0%,0% 0%;padding:60px 0;position:relative;


}
#access h2{z-index:2;position:relative;}

#cuisine{padding: 60px 0;
    position: relative;
   /* background-image: url(../img/take2.png);
    background-repeat: no-repeat;
    background-position: 105% -5%;
    background-size: 400px;*/
	    background-color: #000418;
    background-image: url(../img/asanoha.png);
    background-repeat: repeat;
    background-position: 0% 0%;color:#fff;
	}
#cuisine h2{color:#fff;}	

#topics{padding:60px 0;position:relative;background:url(../img/tesukiwashi-pattern-08.jpg) repeat 0% 0%;}
#pickup{overflow:hidden;padding:70px 0;position:relative;}
#pickup{
    background-color: #fff;
    background-image: url(../img/pick_moyo.png);
    background-repeat: no-repeat;
    background-position:16% 0%;

}
#sightseeing{overflow:hidden;padding:45px 0;position:relative;background:url(../img/mamedamachi.jpg) no-repeat;background-size:cover;overflow:hidden;}
.sights{display:table;height:100%;width:100%;}
.sights_in{text-align:center;display:table-cell;vertical-align:middle;}

#yokoso p{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;letter-spacing:2px;}
.sight_table{width:100%;display:table;}
.sightseeing_img{width:50%;display:table-cell;vertical-align:middle;}
.sightseeing_img2{width:10%;display:table-cell;vertical-align:middle;background:url(../img/hanabi.jpg) no-repeat 50% 0%;background-size:cover;}
/*人気ランキング*/
.ranking1{position:relative;    margin-top: 30px;
}
.ranking1_in{position:relative;}
.ranking1_in:before{content:'';position:absolute;z-index:1;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;box-sizing:border-box;border:1px solid #fff;}

.r_number {
    position: absolute;
    z-index: 2;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.ranking1 h4{color:#202b54;letter-spacing:2px;line-height: 160%;}
.ranking_text{padding:20px;}
/**/

.more{max-width:353px;width:100%;line-height:58px;margin:0 auto;text-align:center;display:block;border:1px solid #333333;}
.more_white{max-width:353px;width:100%;line-height:58px;margin:0 auto;text-align:center;display:block;border:1px solid #fff;color:#fff !important;}

.more:hover{background:#000;color:#fff;}
.more_white:hover{background:#fff;border:1px solid #333333;color:#333333 !important;}

/**/

#hotspring p,#room p,#cuisine p,.sights_in p{font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;letter-spacing:2px;margin-bottom:20px;}

/**/
#okami{position:relative;padding:20px 0;background:url(../img/okamiback.jpg) no-repeat 50% 50%;background-size:cover;position:relative;}
/*#okami:after{width:100%;background:#D3BAC2;height:200px;position:relative;z-index:-1;content:'';display:block;    margin-top: -150px;}*/
.okamibox{/*padding:40px;border:1px solid #6E1C36;*//*background:rgba(255,255,255,0.7);*/width:100%;box-sizing:border-box;}
.okami_l h2:first-letter{color:#6E1C36;font-size:40px;}
.okami_l{background: url(../img/okamimaru.png) no-repeat 50% 50%;
    height: 280px;
    background-size: 100%;
    display: table;
    width: 100%;
    margin: 0 auto;
    max-width: 280px;}
.okami_r{height: 280px;display:table;width:100%;}
.okami_r_in{display:table-cell;vertical-align:middle;}
.okami_r li{border-bottom:1px solid #988C65;padding:6px 0;}
.okami_r li a{font-size: 14px;}
a .okamiday{color:#6E1C36;font-weight:bold;margin-right:30px;font-size:14px;}
.okamibox li a:hover{color:#9a8f66}



h2.okami{text-align: center;
    padding-top: 0px;
    padding-left: 20px;
    background: none;
    display: table-cell;
    vertical-align: middle;font-size:30px;}


#news{    display: inline-block;width:100%;position:relative;}
#news:after{background: url(../img/news_moyo.png) no-repeat 0% 100%;
    content: '';
    position: absolute;
    width: 352px;
    height: 76px;
    bottom: -20px;
    left: -200px;}
#news li{padding:3px 5px;}
#news li a{padding:5px 0;display:block;font-size:14px;}
#news li a:hover{color:#9a8f66}


/**/
	

.newscate h2 span.news_a{    position: absolute;font-size:inherit;color:inherit;
    top: 50px;  line-height:30px;

    display: inline;}

.newscate ul{float:left;display:block;    width: 83%;    margin-top:30px;}
.newscate{    display: inline-block;width:100%;position:relative;}

.newscate li{padding:3px 5px;}
.newscate li a{padding:5px 0;display:block;font-size:14px;}
.newscate li a:hover{color:#9a8f66}

/**/

.nav-below{padding-top:40px;padding-bottom:40px;}
.nav-previous{float:left;}
.nav-next{float:right;}

.post_cate,.post{    padding: 60px 0;
    position: relative;}
	
.post h3{margin-bottom:40px;padding:10px;vertical-align: middle;}
.post img{max-width:100%;height:auto;text-align:center;margin-bottom:20px;}
.post p {
    line-height: 250%;
	font-size:18px;
}


/**/

.strong{font-weight:bold;font-size:14px;}
.new_cat {
    background: #998D66;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    padding: 2px;
    margin-right: 10px;
    margin-left: 10px;
    width: 110px;
    text-align: center;    vertical-align: middle;
}.new_tit{    font-size: 14px;}

.topics .new_cat,h3 .new_cat {font-size:16px;    width: 140px;
}
.topics .new_tit{font-size:18px;}

.topics .strong{font-size:16px;}
.n_event{background:#000418;}
.n_topics{background:#A05671}
#facebook{}


.tyabox {
	clear:both;
   /* background: rgba(35,24,21,0.8);*/
   background:rgba(255,255,255,0.58);
    padding: 50px;
    z-index: 2;
    position: relative;
    max-width: 816px;
    width: 100%;
    margin: 0 auto;
  /*  color: #fff;*/
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    text-align: center;
    padding-top: 65px;
}
.yoyaku_wrap{display:table;width:100%;height:100%;text-align:center;    margin-top: -4px;}
.yoyaku_in{font-size:20px;display:table-cell;vertical-align:middle;}


.tyabox_moyo1{position:absolute;top: -70px;right: -46px;z-index:1;}
.tyabox_moyo2 {
    position: absolute;
    bottom: -56px;
    left: 0;
    z-index: 1;
    left: -90px;
}

.room_moyo1{position:absolute;top: 40px;right: -50px;z-index:1;}
.room_moyo2 {
    position: absolute;
    bottom: 140px;
    left: 0;
    z-index: 1;
    left: -86px;
}

.access_moyo{position: absolute;
    top: 30px;
    left: -30px;
    z-index: 1;}


.yoyaku_btn {
    cursor: pointer;
    z-index: 2;
    position: relative;
    background: #9a8f66;
    max-width: 320px;
    width: 100%;
    line-height: 63px;
    font-size: 23px;
    color: #fff !important;
    font-family: YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
    padding: 2px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 3px #9a8f66;
    display: inline-block;
}

.yoyaku_btn:hover{
    cursor: pointer;
    background: #333;
    border: 1px solid #fff;
    box-shadow: 0 0 0 5px #333;display:inline-block;
}
.yoyaku input[type="submit"]{
  -webkit-transition: all .3s;
  transition: all .3s;}

.yoyaku input[type="submit"]:hover{background: #333; border: 1px solid #fff;
    box-shadow: 0 0 0 2px #333;}


.room_in{background:rgba(0,0,0,0.8);padding:90px 30px;position:relative;text-align:center;color:#fff;}
	
.conbox{color:#1F2B58;border:1px solid #1F2B58;    font-size: 12px;
    font-weight: bold;padding:5px 5px;    line-height: 150%;font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;min-width:222px;text-align:center;    line-height: 130%;}
.conbox span,.conbox2 span{display:block;}

.conbox .telicon {
    background: url(../cmn/telicon.png) no-repeat 0px 50%;
    font-size: 26px;
    padding-left: 26px;
    letter-spacing: 0;
    line-height: 120%;
    font-weight: bold;
    font-weight: bold;
    line-height: 100%;
    margin-top: 5px;
    display: inline-block;
}
.conbox2 {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 15px;
    padding-bottom: 6px;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    max-width: 300px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}.conbox2 .telicon{background:url('../cmn/telicon2.png') no-repeat 10% 50%;font-size:26px;letter-spacing:0;padding-left:20px;}
.telicon a{font-size:26px;color:#fff;}
	
#footer{background-color:#000418;background-image:url(../img/asanoha.png),url(../cmn/usulogo.png);background-repeat: repeat,no-repeat ;background-position:0% 0%,90% -20%;color:#fff;margin-bottom:-8px;}
#footer{padding-top:30px;}
.footline {
    background: #000418 url(../img/1045_ichimatsu_s.jpg) repeat-x 0% 0%;
    padding-bottom: 0px;
    height: 30px;
    background-size: 20px;
}
	.copy{font-size:14px;text-align:center;color:#333;letter-spacing:2px;font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;}
	.address p{font-size:14px;text-align:left;}

.banalist{padding:30px 0;background:#EFEEE9;}
.banalist .row{margin-top:30px;margin-bottom:30px}

.sitemap{margin-bottom:30px;font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;}
#slide {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			height:calc(100vh - 164px );
			background-color: #999;
		}

.slide-content {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 152px;
    /* padding: 40px; */
    width: 605px;
    line-height: 180%;
    color: #fff;
    text-align: center;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    text-shadow: 2px 2px 1px #333, -2px 2px 1px #333, 2px -2px 1px #333, -2px -2px 1px #333;
    font-size: 1.6em;
}
/**/

#introduce li:nth-child(1) {
    margin: -120px 0 0 -430px;
}
#introduce li:nth-child(2) {
    margin: 10px 0 0 -235px;
}
#introduce li:nth-child(3) {
    margin: 10px 0 0 25px;
}
#introduce li:nth-child(4) {
    margin: -120px 0 0 235px;
}

#introduce  li {
    position: absolute;
    top: 50%;
    left: 50%;z-index:1;display:block;
}

/*丸*/
/*#introduce:after{width:100%;background:#D3BAC2;height:200px;position:relative;z-index:-1;content:'';display:block;    margin-top: -150px;}*/

.h600{height:320px;}

#introduce ul{position:relative;}
#introduce li{width:200px;height:200px;    float: left;
    display: block;}

			.mbox a {
				position: relative;
				display: block;
				text-align: center;
				background: #344857;
				color: #fff;
				font-size: 12px;width: 100%;
				height: 100%;
			}
			.mbox.second a {
				border-radius: 50%;
			}

			.mbox a:after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				box-shadow: none;
			}
			.mbox a:hover:after {
				-webkit-animation: ripple 1.5s ease;
				animation: ripple 1.5s ease;
			}

			.mbox.second a:after {
				border-radius: 50%;
				box-shadow: none;
			}
			.mbox.second a:hover:after {
				-webkit-animation: rippleSecond 1.5s ease;
				animation: rippleSecond 1.5s ease;
			}

			.mbox.double a:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				box-shadow: none;
			}
			.mbox.double a:hover:before {
				-webkit-animation: ripple 1.5s ease .3s;
				animation: ripple 1.5s ease .3s;
			}

			.mbox.double.second a:before {
				border-radius: 50%;
				box-shadow: none;
			}
			.mbox.double.second a:hover:before {
				-webkit-animation: rippleSecond 1.5s ease .3s;
				animation: rippleSecond 1.5s ease .3s;
			}

			@-webkit-keyframes ripple {
				0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(0,104,183,0.0);}
				100%{opacity: 0;-webkit-transform: scale(1.6);transform: scale(1.6);box-shadow: 0 0 0 2px rgba(0,104,183,0.5);}
			}
			@keyframes ripple {
				0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(0,104,183,0.0);}
				100%{opacity: 0;-webkit-transform: scale(1.6);transform: scale(1.6);box-shadow: 0 0 0 2px rgba(0,104,183,0.5);}
			}
			@-webkit-keyframes rippleSecond {
				0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(0,104,183,0.0);}
				100%{opacity: 0;-webkit-transform: scale(1.6);transform: scale(1.6);box-shadow: 0 0 0 2px rgba(0,104,183,0.5);}
			}
			@keyframes rippleSecond {
				0%{opacity: 1;-webkit-transform:scale(1);transform:scale(1);box-shadow: 0 0 0 1px rgba(0,104,183,0.0);}
				100%{opacity: 0;-webkit-transform: scale(1.6);transform: scale(1.6);box-shadow: 0 0 0 2px rgba(0,104,183,0.5);}
			}


			
			.marueffect {
    color: #fff;
}

.marueffect figure{border-radius: 50%;    margin: 0 auto;    z-index: 1;
    position: relative;
    overflow: hidden;
	}
.marueffect figure:after {
    position: absolute;
    background: #666;color:#fff;
    content: "";
    display: block;
    width: 90%;
    height: 1px;
    left: 5%;
    top: 50%;
    transform: scale(0);
    transition: all .9s ease-out;
}
.marueffect figure:hover:after {
    transform: scale(1);
}

.marueffect figcaption{height:100%;
}
.marueffect figcaption p,
.marueffect figcaption h3 {
    position: absolute;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all .4s ease-out .4s;z-index:2;
}
.marueffect figcaption h3 {
    bottom: 51%;
    transform: translateY(-30px);
}
.marueffect figcaption p {
    top: 52%;
    transform: translateY(30px);font-size: 13px;
}
.marueffect figure:hover figcaption p,
.marueffect figure:hover figcaption h3 {
    opacity: 1;
    transform: translateY(0);
}

.marueffect figure img {
    transition: all 1.2s ease-out;
}
.marueffect figure:hover img {
    opacity: .4;
    transform: scale(1.3);
}

/*下層*/
.breadcrumbs{padding-top:20px;}
.kaso_back {
    background: url(../img/mikumagawa.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 100px 0;
}
.b_access{    background: url(../img/_DM31477.JPG) no-repeat center center;background-size:cover;}
.b_room{    background: url(../img/topimage3.jpg) no-repeat center center;background-size:cover;}
.b_sightseeing{    background: url(../img/_A0A3999.JPG) no-repeat center center;background-size:cover;}
.b_faq{    background: url(../img/_A0A5397.JPG) no-repeat center 40%;background-size:cover;}
.b_facilities{background: url(../img/_DM31536.JPG) no-repeat center 80%;background-size:cover;}
.b_cuisine{background: url(../img/topimage4.jpg) no-repeat center 50%;background-size:cover;}
.b_sitemap{background: url(../img/b_sitemap.JPG) no-repeat center 30%;background-size:cover;}
.b_policy{background: url(../img/b_policy2.jpg) no-repeat center 20%;background-size:cover;}
.b_contact{background: url(../img/b_contact2.jpg) no-repeat center 20%;background-size:cover;}
.b_yakatabune{background: url(../img/b_yakatabune.JPG) no-repeat center 50%;background-size:cover;}



.kaso_back h2{color:#fff;
text-shadow: 0px 0px 8px #2C201A;    background: url(../img/kazari2.png) no-repeat 50% 0%;}

.kaso_back h2 span{color:#fff;}

.ss1:before {
 content: " ";
    display: block;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background: url(../img/_A0A5329.JPG) no-repeat center center;;
    background-size: cover;
    position: absolute;
    top: -15px;
    left: -15px;
    right: 0;
    bottom: 0;
    filter: blur(10px);
	}

.ss1,.ss2,.ss3{position:relative;overflow:hidden;}
.ss2:before {
 content: " ";
    display: block;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background: url(../img/golf.jpg) no-repeat center center;;
    background-size: cover;
    position: absolute;
    top: -15px;
    left: -15px;
    right: 0;
    bottom: 0;
    filter: blur(10px);
	}
	
	.ss3:before {
 content: " ";
    display: block;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    background: url(../img/hanabi.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    top: -15px;
    left: -15px;
    right: 0;
    bottom: 0;
    filter: blur(10px);
	}
.event{width:100%;}
.event th{width:40%;font-size:15px;}
.event td{width:60%;font-size:15px;}
.event th,.event td{padding:5px 10px;border-bottom:1px dotted #666;}

/**/

.accordionbox{padding-top:50px;padding-bottom:50px;}
.accordionlist{
/*width: 80%;*/
margin: 10px auto;
    margin: 30px 20px;
	    box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
    -moz-box-shadow: 0px 0px 10px (200,200,200,0.5);
	background:#fff;
}
.accordionlist dt{position:relative;
    display:block;cursor: pointer;
    padding: 15px;padding-left:60px;
    border-top: 1px solid #DFDFDF;font-weight:bold;
background: url(../cmn/q1.png)no-repeat 15px 20px;
    background-size: 35px;
	
}
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
	float: left;
	font-size:22px;padding-top: 10px;width: calc(100% - 65px);
}

.accordionlist dt .title2{
    /*padding-left: 10px;padding-top: 10px;*/
	float: left;
	font-size:22px;width:90%;
}

.mart8{margin-top:8px;}

.accordionlist dd{
    display:none;
	background:#F7F7F7 url(../cmn/a1.png)no-repeat 15px 20px;
	background-size: 35px;
    padding: 15px;padding-left:60px;}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}


.accordion_icon {
	right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	position: relative;    position: absolute;
	width: 50px;
	height: 50px;
	float: right;
	margin-right:30px;
	background:#9a8f66;
	border-radius:25px;
}
.accordion_icon span {
	position: absolute;
left:0;right:0;margin:auto;
width: 50%;
    height: 3px;
    background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 25px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 25px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.accordion_icon:hover{cursor: pointer;}
/*＋、－切り替え*/
.accordion_icon.active2 span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active2 span:nth-of-type(2) {
	top: 25px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/**/
#info{padding:60px 0;padding-bottom: 55px;position: relative;
    background: url(../img/tesukiwashi-pattern-08.jpg) repeat 0% 0%;}

#info table{width:100%;border-spacing:2px; border: solid 1px #ccc;    max-width: 900px;margin:0 auto;margin-bottom: 10px;
}
#info th{background:#9a8f66;width:30%;padding:10px;color:#fff;    border: solid 1px #ccc;text-align:center;
}
#info td{width:70%;padding:10px; border: solid 1px #ccc;background:#fff;}

#info p{max-width: 900px;margin: 0 auto;width:100%;}

/**/
.side-nav h3 {
    background: url(../cmn/midashi_icon.png) no-repeat 5px 40%;
    padding-left: 40px;
    min-height: 26px;
    display: inline-block;margin-bottom: 10px;
    margin-top: 0px;
    font-size: 18px;
}

.side-nav ul {
    margin-left: 30px;
    margin-bottom: 30px;
}


#room3 h3 {
    background: url(../cmn/midashi_icon.png) no-repeat 5px 50%;
    padding-left: 40px;
    min-height: 26px;
    display: inline-block;margin-bottom: 30px;
    margin-top: 20px;
}
#room3{    padding: 60px 0;
    position: relative;}
	.roomwrap{width:100%;    position: relative;padding: 40px 0;}
	.room_img{width:50%;    max-width: 820px;
    margin: 0 auto;}
	
#yakatabune{
	    padding: 60px 0;padding-top:0;
    position: relative;overflow: hidden;}

.r_des{width:50%;
    padding: 0 2%;    min-height: 500px;}
.bx-wrapper .bx-controls-direction a{z-index: 99!important;}

.r_des .bx-wrapper img {
    max-width: 100%;
    display: inline-block!important;
	padding:0 2px;
}

.fleft{float:left;}
.fright{float:right;}

.bx1 .r_des .bx-wrapper{position:absolute;z-index:1;bottom:0;right:0;max-width:820px;}
.bx2 .r_des .bx-wrapper{position:absolute;z-index:1;bottom:0;left:0;max-width:820px;}

.wa_back{
    background: url(../img/tesukiwashi-pattern-08.jpg) repeat 0% 0%;
}
.asanoha_back{
background-color: #000418;
    background-image: url(../img/asanoha.png);
    background-repeat: repeat;
    background-position: 0% 0%;}
	
.asanoha_back h2,.asanoha_back h3,.asanoha_back h4,.asanoha_back h5,.asanoha_back p{color:#fff;}
	

.yoyaku_btn2 {
    cursor: pointer;
    z-index: 2;
    position: relative;
    background: #9a8f66;
    max-width:347px;
    width: 100%;margin:0 auto;
    line-height: 52px;
    color: #fff !important;
    font-family: YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
    padding: 2px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 3px #9a8f66;
    display: block;text-align:center;
}

.yoyaku_btn2:hover{
    cursor: pointer;
    background: #333;
    border: 1px solid #fff;
    box-shadow: 0 0 0 3px #333;
}

#hotspring2 img{    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff;}
#amenitei{    padding: 45px 0;
    position: relative;
	background: url(../img/washi-pattern-01.jpg) repeat 0% 0%;
	}

#amenitei h3{text-align:center;}

.ame_list li:before {
    content: "●";
    margin-right: .3em;
    font-weight: 900;
    color: #9a8f66;
    font-size: 63%;
}
.ame_list li{padding:5px;
    padding-left: 1em;
    text-indent: -1em;    display: block;
    float: left;width:50%;    box-sizing: border-box;}
	.ame_list{width:100%;}
	
.ame_list li a:hover{text-decoration:underline;}

.ame_list_wrap{
    border-right: 1px dashed #9f9f9f;
    border-left: 1px dashed #9f9f9f;padding:20px;max-width:800px;margin:30px auto;

}


.blog_list li:before {
    content: "●";
    margin-right: .3em;
    font-weight: 900;
    color: #9a8f66;
    font-size: 63%;
}
.blog_list li{padding:5px;
    padding-left: 1em;
    text-indent: -1em;    display: block;
    box-sizing: border-box;}
.blog_list{width:100%;}
	
.blog_list li a:hover{text-decoration:underline;}

.blog_list_wrap{
    border-right: 1px dashed #9f9f9f;
    border-left: 1px dashed #9f9f9f;padding:20px;max-width:800px;margin:30px auto;

}


/**/ h3.shikaku {
    background: url(../cmn/midashi_icon.png) no-repeat 5px 50%;
    padding-left: 40px;
    min-height: 26px;
    display: inline-block;
    margin-bottom: 30px;
}

h4.shikaku{
    background: url(../cmn/midashi_icon.png) no-repeat 5px 50%;
    padding-left: 40px;
    min-height: 26px;
}
h5.shikaku{
    background: url(../cmn/midashi_icon2.png) no-repeat 5px 50%;
    padding-left: 40px;
    min-height: 26px;
}

/**/

.b_hotspring{
background: url(../img/topimage2.jpg) no-repeat center center;background-size:cover;}

.hottable{display:table;height:100%;}
.hottd{display:table-cell;vertical-align:middle;}

.washi_back{background: url(../img/washi-pattern-01.jpg) repeat 0% 0%;}


#kono{padding:60px 0;padding-bottom: 55px;position: relative;}

#kono table{width:100%;border-spacing:2px; border: solid 1px #ccc;    max-width: 900px;margin:0 auto;margin-bottom: 10px;
}
#kono th{background:#9a8f66;width:30%;padding:10px;color:#fff;    border: solid 1px #ccc;text-align:center;
}
#kono td{width:70%;padding:10px; border: solid 1px #ccc;background:#fff;}

#kono p{max-width: 900px;margin: 0 auto;width:100%;}


/**/

.pt50{padding-top:50px;}

#sightseeing2 img{-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff;}

#sightseeing2 h3{padding: 90px 0;
    position: relative;    overflow: hidden; color:#fff;}


/**/


#policy{padding:60px 0;}
#policy li{list-style:circle;list-style-position:inside;}

.conbox3{    color: #1F2B58;
    border: 1px solid #1F2B58;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px;
    line-height: 150%;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    min-width: 222px;
    text-align: center;    display: inline-block;
    line-height: 130%;
    margin-bottom: 20px;}

.conbox3 .telicon {
    background: url(../cmn/telicon.png) no-repeat 0% 50%;
    font-size: 26px;
    letter-spacing: 0;
    padding-left: 30px;
}

.conbox3 .telicon a {
    font-size: 26px;
    color: #1F2B58;
}

#contact2{padding:60px 0;}


span.require {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    width: 55px;
    height: 32px;
    padding: 3px 10px;
    color: #fff;
    background: #D61518;
    z-index: 1;
    font-size: 14px;
    text-align: center;
}

input[type="tel"],
input[type="email"] {
    border: 1px solid #ccc;
    padding: 5px;
    color: #666;
    background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff));
    background: -moz-linear-gradient( top, #eee, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffffffff);
    zoom: 1;	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}

input[type="text"], textarea {
    border: 1px solid #ccc;
    padding: 5px;
    color: #666;
    background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) );
    background: -moz-linear-gradient( top, #eee, #fff );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}

 textarea { 
    width: 100%;    height: 200px;}
input[type="submit"] {
    padding: 10px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    background: #9a8f66;
    width: 200px;
    color: #fff;
}
input[type="submit"]:hover{background:#666;}

.table_contact th {
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    background: #9a8f66;
    color: #fff;
    position: relative;
    text-align: left;padding-right:60px;
}

.table_contact td {
    width: 70%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #cccccc;background:#fff;
}

.table_contact tr:last-child {
    border-bottom: 1px solid #cccccc;
}

.table_contact {
    width: 100%;
    margin: 0 auto;
}

.table_contact tbody,
.table_contact tr {
    width: 100%;
}

.robiimg{background:url(../img/facilities/robibig.JPG) no-repeat 50% 100%;background-size:cover;height:366px;margin-bottom:50px;    background-attachment: fixed;}

.baitenimg{background:url(../img/facilities/baitenbig.JPG) no-repeat 50% 100%;background-size:cover;height:366px;margin-bottom:50px;    background-attachment: fixed;}

.cuisineimg1{background:url(../img/cuisine/kaiseki.JPG) no-repeat 50% 100%;background-size:cover;height:366px;margin-bottom:50px;    background-attachment: fixed;}

.cuisineimg2{background:url(../img/cuisine/morning/_A0A4116.JPG) no-repeat 50% 100%;background-size:cover;height:366px;margin-bottom:50px;    background-attachment: fixed;}

.photo{box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff;}
#metaslider_3085 .ms-image{box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff;}
	
	/*下層　やかた*/
	
	.yakata_img {
    width: 100%;
    display: table;
}
	
	.yakata_img img {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}
.yakata_l {
    padding-left: 38%;    height:100%;

}

	.yakata_r {
    padding-right: 38%;    height:100%;

}
	.yakata_table {
    width: 100%;
    display: table;    height:100%;

}
	
	.yakata_td {
    height:100%;
    display: table-cell;
    vertical-align: middle;
}

#metaslider_3136 .ms-image {
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff;
}

.img100{
    width: 100%;
    height: auto;
}

#map{
    height: 400px;
}

.table{
    margin-bottom: 0;
}

.pt20{
    padding-top: 20px;
}

.pb50{
    padding-bottom: 50px;
}

#recruit .table th,#recruit .table td{
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
}

#recruit h2{
    text-align: center;
    margin-top: 20px;
}

#recruit .table{
    margin-bottom: 60px;
}

#recruit h3{
    margin-bottom: 20px;
    font-size: 22px;
}

.col-sm-6{
    width: 50%;
    float: left;
}

.check{
    font-size: 14px;
    border: 1px solid #333;
    padding: 11px;
}

.check:hover{
    background: #888;
    color: #fff;
}

.foot-nav li{
    float: left;
    font-size: 14px;
    border: 1px solid #333;
    padding: 12px;
    margin-right: 10px;
    margin-bottom: 10px;    
}

.bnr_hita-info p{
    color: #333;
    margin-bottom: 5px;
}

.lang{
    position: fixed;
    right: 0;
    top: 80px;
    background: rgba(255,255,255,0.7);
    padding: 5px;
    width: 40px;
    z-index: 10000;
}
.lang ul{
    margin-top: 15px;
}

.lang img{
    margin-bottom: 15px;
}

.info-box{
    padding: 60px 20px;
}

.info-box .more{
    max-width: 100% !important;
    width: 380px !important;
    line-height: 130%;
    height: 80px;
    padding-top: 27px;
}