@charset "UTF-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
@import url(//use.fontawesome.com/releases/v5.9.0/css/all.css);

/* リセットCSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;/*safariフォント太さ調整*/
}
*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
  
* {
box-sizing: border-box;
}
  
html{
font-size: 62.5%;
color: #534741;
}

body{
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 400;
color: #534741;
font-size:1.6em;
line-height: 1.8;
}
img{
width: 100%;
height: auto;
}
a{
color:#534741;
text-decoration: none;
transiton:color 0.3s;
}
a:hover{
color:#89122F;
}
.center{
text-align: center;
}
.d-block{
display: block;
}
.inbox{
width: 1000px;
margin: 0 auto;
}
.text-box{
margin-bottom: 10em;
}
.header-box{
overflow: hidden;
}
.header-box.upper{
background: rgb(255,225,159);
background: -moz-linear-gradient(top,  rgba(255,225,159,1) 0%, rgba(221,183,107,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,225,159,1) 0%,rgba(221,183,107,1) 100%);
background: linear-gradient(to bottom,  rgba(255,225,159,1) 0%,rgba(221,183,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe19f', endColorstr='#ddb76b',GradientType=0 );
border-bottom: 3px solid #fbb03b;
padding: 1.5em 0;
}
.header-box.upper h1{
width: 250px;
float: left;
}
.header-box.upper address{
float: right;
width: 217px;
text-align: center;
}
.header-box.upper address strong:before{
font-family: "Font Awesome 5 Free";
content:'\f3cd';
display: inline-block;
margin-right: 0.5em;
}
.header-box.upper address strong{
background:#89122F;
color:#FFF;
display: block;
padding:0.5em 0.2em;
border-radius: 100px;
line-height: 1;
}
.header-box.upper p{
font-family: mr-eaves-xl-modern, sans-serif;
font-weight: 700;
font-style: normal;
font-size:3.5rem;
letter-spacing: 0.02em;
line-height: 1.3;
color:#89122F;
}
.header-box.upper p a{
color:#89122F;
}
.header-box.footer{
background:#89122f;
color:#FFF;
padding: 0.5em 0;
}
.header-box.footer a{
color:#FFF;
text-decoration: underline;
}
.header-box.footer a:hover{
text-decoration: none;
}
.header-box.footer li{
float: left;
}
.header-box.footer li:last-child{
float: right;
}
.header-box.footer .map-icon{
display: inline-block;
width: 5%;
margin-right: 2%;
vertical-align: sub;
}

/*LINEサイドメニュー*/
#slide-line {
  z-index: 99;
  cursor: pointer;
  position: fixed;
  top: 1.5%;
  right: -113px;
  width: 168px;
  line-height: 0;
}


#topBtn{
width:50px;
}

/*グローバルメニュー、フッターメニュー*/
#gmenu-box{
overflow: hidden;
background: #f9f0c2;
}
#gmenu-box ul{
width: 1000px;
margin: 0 auto;
}
#gmenu-box li:before,#fmenu-box li{
display: block;
font-family: "Font Awesome 5 Free";
}
#fmenu-box li:before{
margin-right: 0.5em;
margin-left: 0.5em;
}
li.home:before{
content: '\f1ad';
font-weight: bold;
}
li.reservation:before{
content: '\f5c1';
font-weight: bold;
}
li.room:before{
content: '\f236';
font-weight: bold;
}
li.service:before{
content: '\f562';
font-weight: bold;
}
li.access:before{
content: '\f124';
font-weight: bold;
}
li.term:before{
content: '\f0ca';
font-weight: bold;
}
/*グローバルメニュー、フッターメニュー*/

#gmenu-box li{
float: left;
width:20%;
text-align: center;
font-weight: 500;
font-size:1.2em;
padding: 1em 0;
border-right: 1.2px solid #e8dbb4;
border-bottom:5px solid #e8dbb4;
transition: border-color 0.3s, color 0.3s;
}

#gmenu-box li span{
display: block;
font-size:0.8em;
color:#998675;
font-family: acumin-pro, sans-serif;
font-weight: 300;
font-style: normal;
}
#gmenu-box li.first{
border-left: 1.2px solid #e8dbb4;
}
#gmenu-box a li{

}
#gmenu-box a.ov li,#gmenu-box a:hover li{
border-bottom:5px solid #89122F;
color:#89122F;
}
#gmenu-box a.ov li span,#gmenu-box a:hover li span{
color:#89122F;
}

#footer-box{
margin-top: 5em;
padding: 2em 0;
background: #f9f0c2;
border-top:3px solid #fbb03b;
overflow: hidden;
}
#fmenu-box{
width:35%;
float: left;
overflow: hidden;
}
#fmenu-box li{
float: left;
width: 50%;
margin-bottom: 1.2em;
font-weight: 400;
}
#fmenu-box li:nth-child(even){
float: right;
}
#finfo-box{
width:52.5%;
float: right;
}
#finfo-box img{
display: block;
float: left;
width: 33.14%;
}
#finfo-box p{
float: right;
}
#finfo-box .footer-line{
margin-top: 1.5em;
display: block;
}
#finfo-box .footer-line img{
float: none;
width:264px;
}
#finfo-box strong{
display: block;
font-weight: 600;
font-size:1.4em;
color: #89122F;
}
#copy{
clear: both;
width: 100%;
background: #89122F;
text-align: center;
padding: 0.5em 0;
color:#FFF;
font-family: acumin-pro, sans-serif;
font-weight: 300;
font-style: normal;
}

.text-box a img{
transition: all 0.3s;
}
.text-box a:hover img{
opacity: 0.8;
}
.center{
text-align: center;
}
.left{
text-align: left !important;
}

/*トップページ*/
#mainphoto-box{
width: 1000px;
margin: 3em auto;
}
#mainphoto-box dl{
overflow: hidden;
}
#mainphoto-box dt{
float: left;
width:48.5%;
position: relative;
}
#mainphoto-box dd{
float: right;
width:51.5%;
}
#mainphoto-box .slideshow img{
position: absolute;
width: 100%;
}
/*
#mainphoto-box .catch{
height: 390px;
}
#mainphoto-box .catch img{
display: none;
}
*/
.text-box.top{
margin-bottom: 0;
}
.text-box h2{
margin: 5em auto 1em;
}
.text-box.top h2{
width:27.8%;
}
.banner-box{
margin: 0 auto 3em;
}
.banner-box li{
display: inline-block;
width: 30.3%;
margin-right: 3.8%;
margin-bottom: 5%;
}
.banner-box li:nth-child(3n){
margin-right: 0;
}

/*予約*/
.inbox.guestroom{
margin-bottom: 0;
}

.text-box.reservation h2{
width:16.5%;
margin-bottom: 3em;
}
a.sign-in{
margin-top: 3em;
text-decoration: underline;
}
a:hover.sign-in{
text-decoration: none;
}
a.sign-in img{
margin-right: 1em;
display: inline-block;
width:20px;
vertical-align: middle;
}

/*客室のご案内*/
.text-box.guestroom h2{
width:18%;
margin-bottom: 1em;
}
.text-box.guestroom h2.wide01{
width: 12%;
margin-top: 7em;
}
.text-box.guestroom h2.wide02{
width: 18%;
margin-top: 7em;
}
.guestroom-box{
width: 1000px;
margin: 3em auto 0;
padding-bottom: 0.8em;
text-align: left;
border-bottom: 3px solid #FBB03B;
}
.guestroom-box.border{
border-top: 3px solid #FBB03B;
background: #fcf7e0;
padding: 0;
}
.guestroom-box.border.margin{
margin-bottom: 10em;
}
.guestroom-box h3{
display: inline-block;
font-weight: bold;
font-size:1.3em;
margin-right: 2em;
padding-left: 2em;
background:url("../page-images/guestroom/gustroom-icon01.png") no-repeat left center;
background-size: 30px 30px;
}
.guestroom-box h3 em{
font-weight: normal;
font-size:0.6em;
display: inline-block;
margin-left: 1em;
}
.guestroom-box strong{
font-weight: bold;
display: inline-block;
font-size:0.85em;
}
.guestroom-photobox{
background:#F9F0C2;
width: 100%;
text-align: center;
}
.guestroom-photobox img{
display: block;
width: 1000px;
height: auto;
margin: 0 auto;
line-height: 0;
}
.text-box.guestroom dl{
border-bottom: 1px solid #e0d1ad;
display: table;
width: 100%;
}
.text-box.guestroom dl.last{
border-bottom: 2px solid #FBB03B;
margin-bottom: 5em;
}
.text-box.guestroom dt,.text-box.guestroom dd{
display: table-cell;
vertical-align: middle;
padding: 1.5em;
box-sizing: border-box;
}
.text-box.guestroom dt{
background:#f9f0c2;
width: 15%;
text-align: center;
}
.text-box.guestroom dd{
background: #fcf7e0;
width: 35%;
padding-left: 3em;
}

.guestroom-box.border ul{
overflow: hidden;
}
.guestroom-box.border li{
float: left;
width: 43.5%;
line-height: 0;
}
.guestroom-box.border li:last-child{
width: 48.5%;
line-height: 1.8;
padding: 1em 0;
margin-left: 4%;
}
.guestroom-box.border li img{
line-height: 0;
}
.guestroom-box.border li dl{
line-height: 2;
}
.guestroom-box.border li dl:last-child{
border-bottom: none;
}
.guestroom-box.border li dt{
text-align: left;
width: 35%;
padding:1em 0 1em 1em;
font-weight: 500;
vertical-align: top;
background: url("../page-images/accommodation-terms/arrow.png") no-repeat left 28px;
background-size: 6px auto;
}
.guestroom-box.border li dd{
width: 65%;
padding:1em 0;
}
.guestroom-box.border ul.service{
width: 92.5%;
margin: 2em auto 0;
}
.guestroom-box.border ul.service li{
width: 47%;
margin-bottom: 2em;
}
.guestroom-box.border ul.service li:nth-child(even){
float: right;
}
.guestroom-box.border ul.service li:last-child {
width: 47%;
line-height: 1.5;
margin-left: 0;
padding: 0;
overflow: hidden;
}
.guestroom-box.border ul.service li img{
display: block;
width: 50%;
float: left;
}
.guestroom-box.border ul.service li dl{
width: 45%;
float: right;
}
.guestroom-box.border ul.service li dt,.guestroom-box.border ul.service li dd{
display: block;
width: 100%;
}
.guestroom-box.border ul.service li dt{
padding: 0 0 0.7em 1em;
margin-bottom: 0.5em;
line-height: 1.3;
background-position: left 6px;
border-bottom: 1px solid #e0d1ad;
}
.guestroom-box.border ul.service li dd{
padding: 0;
font-size:0.9em;
}
.guestroom-box.border ul.service li dd span{
display: block;
font-size:0.8em;
margin-top: 0.5em;
line-height: 1.5;
}
.guestroom-box.border .border01{
border-top: 1px solid #e0d1ad;
width: 92.5%;
padding-top: 1em;
margin: 0 auto 1em;
font-weight: 500;
}


/*アクセス*/
.text-box.access h2{
width:18%;
margin-bottom: 1em;
}
.text-box.access h2.wide01{
width: 15%;
margin-top: 7em;
}
.text-box.access h2.wide02{
width: 12%;
margin-top: 7em;
}
.access-box{
width: 1000px;
margin: 2em auto 0;
padding-bottom: 0.8em;
text-align: left;
border-bottom: 3px solid #FBB03B;
}
.access-box.border{
border-top: 3px solid #FBB03B;
background: #fcf7e0;
padding: 0;
}
.access-box h3{
display: inline-block;
font-weight: bold;
font-size:1.3em;
margin-right: 2em;
padding-left: 2em;
background:url("../page-images/guestroom/gustroom-icon01.png") no-repeat left center;
background-size: 30px 30px;
}
.access-box h3 em{
font-weight: normal;
font-size:0.6em;
display: inline-block;
margin-left: 1em;
}
.access-box strong{
font-weight: bold;
display: inline-block;
font-size:0.85em;
}
.access-photobox{
background:#F9F0C2;
width: 100%;
text-align: center;
}
.access-photobox img{
display: block;
width: 1000px;
height: auto;
margin: 0 auto;
line-height: 0;
}
.text-box.access dl{
border-bottom: 1px solid #e0d1ad;
display: block;
width: 100%;
}
.text-box.access dl.last{
border-bottom: 2px solid #FBB03B;
margin-bottom: 5em;
}
.text-box.access dt,.text-box.access dd{
display: block;
padding:0;
box-sizing: border-box;
}
.text-box.access dt{

}
.text-box.access dd{
padding-left: 3em;
}

.access-box.border ul{
overflow: hidden;
}
.access-box.border li{
float: left;
width: 50%;
line-height: 0;
}
.access-box.border li:last-child{
width: 44%;
line-height: 1.8;
padding: 1em 0;
margin-left: 3%;
}
.access-box.border li.map{
line-height: 0;
}
.access-box.border li dl{
line-height: 2;
overflow: hidden;
}
.access-box.border li dl:last-child{
border-bottom: none;
}
.access-box.border li dt{
text-align: left;
padding:1em 0 0 1em;
font-weight: 500;
vertical-align: top;
background: url("../page-images/accommodation-terms/arrow.png") no-repeat left 28px;
background-size: 6px auto;
}
.access-box.border li dl.hotel,.access-box.border li dl.parking{
padding-top: 1em;
}
.access-box.border li dl.hotel dt{
background: none;
padding:0;
width: 30%;
float: left;
}
.access-box.border li dl.parking dt{
background: none;
padding:0;
width: 60%;
float: left;
}
.access-box.border li dl.hotel dd{
float: right;
width: 68%;
line-height: 1.8;
}
.access-box.border li dl.parking dd{
float: right;
width: 35%;
line-height: 1.8;
padding: 0;
}
.access-box.border li dl.hotel dd strong,.access-box.border li dl.parking dd strong{
color:#89122F;
font-size:1.2em;
line-height: 1.3;
margin-bottom: 0.5em;
display: block;
}

.access-box.border li dl.hotel dd img{
width: 80%;
}
.access-box.border li dd{
padding:0 0 1em 1em;
}
.access-box.border ul.sightseeing{
width: 92.5%;
margin: 2em auto 0;
}
.access-box.border ul.sightseeing li{
width: 47.5%;
margin-bottom: 2em;
}
.access-box.border ul.sightseeing li:nth-child(even){
float: right;
}
.access-box.border ul.sightseeing li:last-child {
line-height: 1.5;
margin-left: 0;
padding: 0;
overflow: hidden;
}
.access-box.border ul.sightseeing li img{
display: block;
width: 100%;
margin-bottom: 1em;
}
.access-box.border ul.sightseeing li dl{
width: 100%;
}
.access-box.border ul.sightseeing li dt,.access-box.border ul.sightseeing li dd{
display: block;
width: 100%;
}
.access-box.border ul.sightseeing li dt{
padding: 0 0 0.7em 1em;
margin-bottom: 0.5em;
line-height: 1.3;
background-position: left 6px;
border-bottom: 1px solid #e0d1ad;
}
.access-box.border ul.sightseeing li dt a{
display: inline-block;
float: right;
width: 30%;
}
.access-box.border ul.sightseeing li dt img{
margin-bottom: 0;
}
.access-box.border ul.sightseeing li dd{
padding: 0;
font-size:0.9em;
}
.access-box.border ul.sightseeing li dd span{
display: block;
font-size:0.8em;
margin-top: 0.5em;
line-height: 1.5;
}
.access-box.border .border01{
border-top: 1px solid #e0d1ad;
width: 92.5%;
padding-top: 1em;
margin: 0 auto 1em;
font-weight: 500;
}

/*約款*/
.text-box.accommodation h2{
width:14.3%;
margin-bottom: 0.7em;
}
.accommodation dl{
margin-top: 3em;
}
.accommodation dt{
border-bottom: 1.5px solid #FBB03B;
padding-bottom: 1em;
padding-left: 1em;
margin-bottom: 1em;
font-weight: bold;
font-size:1.8rem;
background: url("../page-images/accommodation-terms/arrow.png") no-repeat left 0.7em;
background-size: 6px auto;
}
.accommodation dd p{
text-indent: -3.5em;
padding-left: 3.5em;
margin-bottom: 0.5em;
}
.accommodation dd p.double{
text-indent: -5em;
padding-left: 5em;
}
.accommodation dd p.margin{
margin-bottom: 2em;
}
.accommodation dd ol{
margin-bottom: 0.5em;
}
.accommodation dd ol li{
list-style: decimal;
padding-left: 0.5em;
margin-left: 1.5em;
}
.accommodation dd ol.nonumber li{
list-style: none;
margin-left: 0;
text-indent: -2.3em;
padding-left: 2.3em;
}
.text-box.accommodation table{
width: 100%;
margin-bottom: 2em;
border-top:1px solid #998675;
border-left:1px solid #998675;
}
.text-box.accommodation td{
text-align: center;
padding: 0.5em;
border-bottom:1px solid #998675;
border-right:1px solid #998675;
}
.text-box.accommodation td.wide20{
width: 20%;
}
.text-box.accommodation td.wide30{
width: 30%;
}

/*
@media (max-width: 1000px){
.inbox{
max-width: auto;
width:95%;
}
}

@media (max-width: 768px){
body{
font-size:1.4em;
line-height: 1.6;
}

#fmenu-box{
width:40%;
}
#finfo-box{
width:55%;
}
#finfo-box img{
width: 30%;
}
}

@media (max-width: 414px){
body{
font-size:1.6em;
line-height: 1.8;
}

#fmenu-box{
display: none;
}
#finfo-box{
float: none;
width: 100%;
text-align: center;
}
#finfo-box img,#finfo-box p{
float: none;
}
#finfo-box img{
margin: 0 auto 1em;
width: 33%;
}
}
*/