/* CSS Document */
/*@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}*/
html,
body {
    width: 100%;
}

#RthCustomizeW {
    color: #231913;
    margin: 0 auto;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

div#RthCustomize,
#htlMainContent {
    width: auto;
    float: none;
    display: block;
}

div#RthCustomizeW {
    width: auto;
}

div#trvlHtlTabNav {
    width: 950px;
}

#htlContents,
#htlMainContent {
    margin-left: 0;
    max-width: none;
}

#htlSide-A {
    top: 220px;
    padding-top: 0;
    left: 50%;
    margin-left: -634px;
    position: absolute;
}

.mainw {
    width: 950px;
/*    left: 50%;*/
/*    margin-left: -410px;*/
    position: relative;
    margin: auto;
}
.mainw b{
    text-decoration: underline;
    font-size: 14px;
}
.mainw b a{
    display: block;
    text-align: center;
    color: #42602d;
    line-height: 20px;
    font-weight: lighter;
    padding: 0 auto 40px;
}
.mainw b a:hover{
    color: #42602d;
}
.mainw b a img{
     padding-bottom: 15px;
}

p {
    color: #231815;
    line-height: 30px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.p15 {
    padding: 0 15px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.mb05em {
    margin-bottom: 0.5em !important;
}

.mb1em {
    margin-bottom: 1em !important;
}

.mb2em {
    margin-bottom: 2em !important;
}

.mb3em {
    margin-bottom: 3em !important;
}

.mb4em {
    margin-bottom: 4em !important;
}

.pb05em {
    padding-bottom: 0.5em !important;
}

.mr0 {
    margin-right: 0 !important;
}

li {
    list-style: none;
}

.rtban_box {
    /*margin-bottom: 50px;*/
    margin-bottom: 20px;
}

p {
    text-align: justify;
    -ms-text-justify: auto;
    text-justify: auto;
    text-justify: inter-ideograph;
}

img {
    vertical-align: bottom;
}

.noborder {
    border: none !important;
}

.nomargin {
    margin: 0 0 !important;
}

.ta_r {
    text-align: right;
}

.ta_c {
    text-align: center;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

#RthCustomizeW a,
#RthCustomizeW a:link,
#RthCustomizeW a,
#RthCustomizeW a:visited {
    text-decoration: none;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !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;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mb120 {
    margin-bottom: 120px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.ls-1 {
    letter-spacing: -1px;
}

.ls-2 {
    letter-spacing: -2px;
}

.ls-3 {
    letter-spacing: -3px;
}

.ls-4 {
    letter-spacing: -4px;
}

a,
.wrap a:link,
.wrap a,
.wrap a:visited {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a:active,
a:hover,
a:hover img {
    opacity: 0.7;
}

#RthCustomizeW {
    width: 950px;
    overflow: hidden;
    
}

#RthCustomizeW a:hover {
    text-decoration: none;
}

.for_sp {
    display: none !important;
}

body {
    font-size: 14px;
    line-height: 16px;
}

.wrap {
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.cflex { display: flex; }

#fnav {
    height: 80px;
    width: 100%;
    /*position: fixed;*/
    top: -80px;
    background: #fff;
    z-index: 5000;
    transition: 0.3s;
    left: 0;
    font-weight: bold;
    display: none;
}

#fnav.show {
    top: 0;
}

/*#fnav_in { height: 55px; width: 100%; position: relative;
        z-index: 13000; }*/
#fnav .mainw {
    position: relative; left: auto;
    width: 1080px; margin: 0 auto;
}

#fnav .gnav {
    /*width: 950px;*/
    height: 30px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.gnav ul {
    overflow: hidden; display: flex; justify-content:flex-end;
}

.gnav li {
    /*float: left;*/
}

/*.gnav li:nth-child(6):after,.gnav li:last-child:after { background: none; }*/
.gnav li a {
    display: block;
    /* padding: 0 30px;*/
    font-size: 16px;
    color: #231913;
    text-decoration: none;
    text-align: center;
    line-height: 30px;
    padding: 0 15px;
}


.gnav .btn_plan {
    background: #8bb237;
    display: block;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    font-size: 16px;
    width: 130px;
    height: 30px;
    padding: 0 0;
}

.gnav .btn_plan:hover {
    background-color: #00763f;
    opacity: 1;
    color: #ffffff;
}

/*#fnav .subnav { width: 950px; }*/
.subnav {
    
    text-align: right;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.subnav li {
    display: inline-block;
    /*margin-right: 15px;*/
}

.subnav li a {
    color: #231913; background: url(../images/icon_li.png) left center no-repeat; 
    font-size: 12px;
}
#fnav .subnav li a { padding: 0 30px 0 10px; }
#gnav .subnav li a { padding: 0 15px 0 10px; }
.subnav li:last-child a,#fnav .subnav li:last-child a { padding-right: 0; }

/*.subnav li a:before { content: "\f0da"; font-family: FontAwesome; color: #A63D36; padding-right: 5px; }*/

.bn_coupon {
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 5000;
}

/*pagetop*/

#RthCustomizeW .bn_coupon a.pagetop {
    text-align: center;
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
    border: #00763f 1px solid;
    padding-top: 30px;
    font-size: 14px;
    color: #00763f;
    margin-top: 5px;
    background: url("../images/icon_pagetop.png") center 8px no-repeat #ffffff;
}

#RthCustomizeW .bn_coupon a.pagetop:hover {
    background: url("../images/icon_pagetop_on.png") center 8px no-repeat #00763f;
    color: #ffffff;
    opacity: 1;
}

#top {
    margin-top: 15px;
}


#rooms_info .slide {
    height: 100%;
    top: auto;
    left: auto;
    margin-left: 0;
}

/*.gnav*/
#gnav {
    height: 150px;
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    display: flex; justify-content:space-between;
}

#gnav h3 {
    /*float: left;*/
}

#gnav .gnav {
    padding-left: 0;
    /*float: right;*/
}

/*#gnav .gnav li a {
    width: auto;
}*/

/*#gnav .subnav li {
    vertical-align: middle;
    margin-left: 12px;
    margin-top: 10px;
}*/

.bns {
    text-align: center;
}


/*.bns a { color: #b22222; text-decoration: none; }*/
#RthCustomizeW .bns a,
#RthCustomizeW .bns a:link,
#RthCustomizeW .bns a,
#RthCustomizeW .bns a:visited {
    color: #b22222;
    text-decoration: none;
}

.bns a p {
    text-align: center;
    /*padding: 10px 0 40px;*/
    padding: 10px 0 0;
    margin-bottom: 20px;
    color: #42602d;
    text-decoration: underline;
    line-height: 1.7;
}

.fukuwari{
    margin-bottom:30px;
}

.rtban_box {
    /*width: 970px;*/
    width: 730px;
    /*margin: 0 auto 30px!important;*/
    margin: 30px auto;
}
.rtban_box img {
    width: 100%;
    /*margin-bottom: 15px;*/
}
.rtban_box span {
    display: block;
    margin: auto;
    text-align: center;
    text-decoration: underline;
    color: #42602d;
}

.slide_wrp_i { width: 100%; /*width: 950px;*/ height:600px; /*height: 460px;*/ overflow: hidden; position:relative; }
.slide_wrp_i .bx-wrapper { width:100%; /*width: 950px;*/ height: 600px; /*height: 460px;*/ }
.slide_i li { position: relative; text-align: center; }
.slide_i li img { width: 100%; }
.slide_i li .cc { position: absolute; top:50%; left: 0; width: 100%; text-align: center;
    margin-top: -52px; }
.slide_wrp_i .cc { position: absolute; top:50%; left: 0; width: 100%; text-align: center;
    margin-top: -13px; z-index: 400; }
.slide_i li:first-child .cc { margin-top: -75px; }
.bx-wrapper .slide_i li .cc img { display: inline; }
.slide_wrp_i .cc span {
    font-family: "Sawarabi Mincho", serif;
    font-size: 28px;
    letter-spacing: 5px;
    color: #FFF;
    text-shadow: 1px 1px 10px rgba(0,0,0,.3),1px 1px 15px rgba(0,0,0,.3),1px 1px 20px rgba(0,0,0,.3),
                -1px 1px 10px rgba(0,0,0,.3),-1px 1px 15px rgba(0,0,0,.3),-1px 1px 20px rgba(0,0,0,.3),
                1px -1px 10px  rgba(0,0,0,.3),1px -1px 15px rgba(0,0,0,.3),1px -1px 20px rgba(0,0,0,.3),
                -1px -1px 10px rgba(0,0,0,.3),-1px -1px 15px rgba(0,0,0,.3),-1px -1px 20px rgba(0,0,0,.3);
    }

#menu {
    height: 600px;
    margin-bottom: 80px;
}

#menu li {
    position: absolute;
    text-align: center;
}

#menu li a {
    display: block;
    width: 100%;
    height: 100%;
    transition: 2s;
    position: relative;
    overflow: hidden;
}

#menu li a::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;    
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
}

#menu li a img {
    position: relative;
    z-index: 15;
}

#menu li a:hover,
#menu li a:hover img {
    opacity: 1;
}

#menu li a:hover::after {
    transform: scale(1.1);
}

#menu li a .arrow {
    position: absolute; width: 40px;
    bottom: -6px;
    right: -6px; transition:0.8s;
}

#menu li a:hover .arrow {
    bottom: -1px; right: -1px;
    /*transform: scale(1.1);*/
}

#menu li:first-child {
    width: 589px;
    height: 399px;
    top: 0;
    left: 0;
}

#menu li:first-child a {
    padding-top: 140px;
}
#menu li:first-child a::after {
    background: url("../images/menu01.jpg") center center no-repeat;
}
#menu li:nth-child(2) {
    width: 196px;
    height: 200px;
    bottom: 0;
    left: 0;
}
#menu li:nth-child(2) a::after {
    background: url("../images/menu04.jpg") center center no-repeat;
}
#menu li:nth-child(3) {
    width: 196px;
    height: 200px;
    bottom: 0;
    left: 197px;
}

#menu li:nth-child(2) a,#menu li:nth-child(3) a,#menu li:nth-child(4) a {
    padding-top: 20px;
}

#menu li:nth-child(3) a::after {
    background: url("../images/menu05.jpg") center center no-repeat;
}
#menu li:nth-child(4) {
    width: 195px;
    height: 200px;
    bottom: 0;
    left: 394px;
}

#menu li:nth-child(4) a::after {
    background: url("../images/menu06.jpg") center center no-repeat;    
}
#menu li:nth-child(5) {
    width: 360px;
    height: 300px;
    top: 0;
    right: 0;
}


#menu li:nth-child(5) a::after {
    background: url("../images/menu02.jpg") center center no-repeat;    
}
#menu li:last-child {
    width: 360px;
    height: 299px;
    bottom: 0;
    right: 0;
}

#menu li:last-child a,#menu li:nth-child(5) a {
    padding-top: 90px;
}

#menu li:last-child a::after {
    background: url("../images/menu03.jpg") center center no-repeat;    
}

.cb { background: url(../images/cb.jpg) repeat; }
.w860 { width: 860px; margin-left: auto; margin-right: 40px; }
.anchor {
    padding-top: 110px;
    margin-top: -110px;
}
.img_hidden {
    opacity: 0;
    transition: 1s;
}
.img_open {
    -moz-animation: imgfade 1s linear 0s 1 normal forwards;
    -webkit-animation: imgfade 1s linear 0s 1 normal forwards;
    -o-animation: imgfade 1s linear 0s 1 normal forwards;
    -ms-animation: imgfade 1s linear 0s 1 normal forwards;  
}
.img_open.ih2 {
    -moz-animation: imgfade 1s linear 0.3s 1 normal forwards;
    -webkit-animation: imgfade 1s linear 0.3s 1 normal forwards;
    -o-animation: imgfade 1s linear 0.3s 1 normal forwards;
    -ms-animation: imgfade 1s linear 0.3s 1 normal forwards;    
}
.img_open.ih3 {
    -moz-animation: imgfade 1s linear 0.6s 1 normal forwards;
    -webkit-animation: imgfade 1s linear 0.6s 1 normal forwards;
    -o-animation: imgfade 1s linear 0.6s 1 normal forwards;
    -ms-animation: imgfade 1s linear 0.6s 1 normal forwards;    
}
.img_open.ih4 {
    -moz-animation: imgfade 1s linear 0.9s 1 normal forwards;
    -webkit-animation: imgfade 1s linear 0.9s 1 normal forwards;
    -o-animation: imgfade 1s linear 0.9s 1 normal forwards;
    -ms-animation: imgfade 1s linear 0.9s 1 normal forwards;    
}
.img_open.ih5 {
    -moz-animation: imgfade 1s linear 1.2s 1 normal forwards;
    -webkit-animation: imgfade 1s linear 1.2s 1 normal forwards;
    -o-animation: imgfade 1s linear 1.2s 1 normal forwards;
    -ms-animation: imgfade 1s linear 1.2s 1 normal forwards;    
}

.showup {
    opacity: 0;
    transition: 1s;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.upview {
    -moz-animation: showup 0.6s linear 0s 1 normal forwards;
    -webkit-animation: showup 0.6s linear 0s 1 normal forwards;
    -o-animation: showup 0.6s linear 0s 1 normal forwards;
    -ms-animation: showup 0.6s linear 0s 1 normal forwards; 
}
.upview.uv2 {
    -moz-animation: showup 0.6s linear 0.3s 1 normal forwards;
    -webkit-animation: showup 0.6s linear 0.3s 1 normal forwards;
    -o-animation: showup 0.6s linear 0.3s 1 normal forwards;
    -ms-animation: showup 0.6s linear 0.3s 1 normal forwards;   
}
.upview.uv3 {
    -moz-animation: showup 0.6s linear 0.6s 1 normal forwards;
    -webkit-animation: showup 0.6s linear 0.6s 1 normal forwards;
    -o-animation: showup 0.6s linear 0.6s 1 normal forwards;
    -ms-animation: showup 0.6s linear 0.6s 1 normal forwards;   
}
.upview.uv4 {
    -moz-animation: showup 0.6s linear 0.9s 1 normal forwards;
    -webkit-animation: showup 0.6s linear 0.9s 1 normal forwards;
    -o-animation: showup 0.6s linear 0.9s 1 normal forwards;
    -ms-animation: showup 0.6s linear 0.9s 1 normal forwards;   
}

/*.table*/
.table {
    width: 860px;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px dotted #4D4D4D;
    line-height: 20px;
}

.table th {
    font-weight: normal; font-size: 18px; letter-spacing: 2px;
    width: 120px;
    padding: 20px 20px;
    border-bottom: 1px dotted #4D4D4D;
    text-align: center;
}

.table td {
    padding: 20px 20px;
    border-bottom: 1px dotted #4D4D4D;
}
.table td span { color: #8bb237; }
h3.ch3 { text-align: center; font-size: 18px; color: #00763f; padding-bottom: 15px;
    border-bottom: #4d4d4d 1px dotted; margin-bottom: 15px; }
.col2 { display: flex; justify-content:space-between; flex-wrap:wrap; }
.col2 li { width: 467px; margin-bottom: 20px; position: relative; }
.col3 { display: flex; justify-content:space-between; flex-wrap:wrap; }
.col3 li { width: 300px; margin-bottom: 15px; position: relative; }
.w860 .col3 li { width: 272px; }

a.cbtn {
    display: block; border: #8bb237 1px solid;
    width: 275px; transition:0.3s; position: relative;
    height: 40px; overflow: hidden;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    /*margin: 0 auto 60px;*/
    background: #8bb237;
}
a.cbtn:after { content: ""; position: absolute; bottom: -4px; right: -4px; transition:0.3s;
    width: 22px; height: 22px; background: url(../images/icon_cbtn.png) right bottom no-repeat;
    background-size: 22px auto; }

a.cbtn:hover {
    background: #ffffff;
    opacity: 1; 
    color: #34382c;
}
a.cbtn:hover:after { /*width: 22px; height: 22px; background-size: 22px auto;*/ bottom: 0;
    right: 0; }

a.cbtn.last {
    margin: 0 auto;
}

a.cbtn2 {
    display: block;
    width: 220px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    border: #1A1A1A 1px solid;
    margin-top: 15px;
    background: url(../images/icon_arrow_s.png) right 15px center no-repeat;
}

a.cbtn2:hover {
    background: url("../images/icon_arrow.png") right 10px center no-repeat #000000;
    opacity: 1;
    color: #fff;
}
    @-moz-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
    @-webkit-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
    @-o-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }
    @-ms-keyframes imgfade { 0% { opacity: 0; } 100% { opacity: 1; } }

    @-moz-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
    @-webkit-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
    @-o-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
    @-ms-keyframes showup { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }


.lead p { text-align: center; margin-bottom: 20px; }
#hotspring,#rooms_info { padding: 110px 0; margin-top: -30px; }
.unit1 { position: relative; margin-bottom: 50px; }
.unit1 .obj { position: absolute; top:0; left: -130px; }
.unit1 .img { position: relative; margin: 0 0 10px auto; width: 706px; }
.unit1 .txt { position: absolute; top:0; left: 0; padding-top: 40px; }
.unit1 .txt h3 { margin-bottom: 60px; }
.unit1 .txt p { padding-left: 83px; }
.unit1 p.detail { text-align: right; }
#hotspring .unit1 { margin-bottom: 20px; }
#hotspring .unit1 .txt p { padding-left: 68px; }
#rooms_info .unit1 .txt p { padding-left: 59px; }
#facilities .unit1 .txt p { padding-left: 63px; }
#sightseeing .unit1 .txt p { padding-left: 57px; }
#access .unit1 .txt p { padding-left: 46px; }

.unit2 { margin: 100px 0 0 40px; position: relative; width: 860px; height: 297px; }
.unit2 .imgs li { position: absolute; }
.unit2 .imgs li:nth-child(2) { left: 0; bottom: 0; }
.unit2 .imgs li:last-child { top:0; right: 0; }
.unit2 h3 { position: absolute; top:-40px; right: -60px; }

.unit3 { margin: 100px 0 0 auto; position: relative; width: 860px; height: 297px; }
.unit3 .imgs li { position: absolute; }
.unit3 .imgs li:nth-child(2) { right: 0; top: 0; }
.unit3 .imgs li:last-child { bottom:0; right: 0; }
.unit3 h3 { position: absolute; top:-40px; left: -60px; }

.unit4 { margin: 100px auto 40px; position: relative; width: 860px; height: 265px; display: flex;
    justify-content:space-between; }
.unit4 li { position: relative; }
.unit4 li h3 { position: absolute; top:-50px; }
.unit4 li:first-child h3 { left: -80px; }
.unit4 li:last-child h3 { right: -65px; }

.voice {
    padding: 40px 0;
    background: rgba(184,175,154,0.3);
    border-top: #34382c 1px solid;
    border-bottom: #34382c 1px solid;
}

.voice h4 {
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 30px;
    font-weight: normal;
}

.voice h4 span { color: #34382c;
    font-size: 16px;
}

.voice ul {
    margin-left: 45px; display: flex; justify-content:center;
}

.voice ul li {
    width: 280px;
    height: 240px;
    /*float: left;*/
    margin-right: 8px;
    border: #34382c 1px solid;
    padding: 25px;
}
.voice ul li .star { text-align: center; }
.voice ul li img {
    margin-bottom: 15px;
}

.voice ul li p {
    font-size: 16px; height: 100px;
    line-height: 24px;
}

#RthCustomizeW .voice ul li a {
    display: block; position: relative; overflow: hidden;
    width: 220px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    color: #34382c !important;
    border: #00763f 1px solid;
    margin-top: 15px;
    /*background: url("../images/icon_cbtn.png") right bottom center no-repeat;*/
}
#RthCustomizeW .voice ul li a:after { content: "";
    position: absolute;
    bottom: -4px;
    right: -4px;
    transition: 0.3s;
    width: 22px;
    height: 22px;
    background: url(../images/icon_cbtn.png) right bottom no-repeat;
    background-size: 22px auto; }
#RthCustomizeW .voice ul li a:hover {
    opacity: 1;
    color: #ffffff !important;
    background: #8bb237;
}
#RthCustomizeW .voice ul li a:hover:after { bottom: 0; right: 0; }


/*section .ttl {
    overflow: hidden;
}

section .ttl h4 {
    position: absolute;
    top: -35px;
    right: 95px;
}

section .ttl p {
    margin: 30px 0 60px 15px;
}*/

section#rooms_info .thmenu {
    height: 50px; position: relative; z-index: 60;
    /*margin-left: 240px;*/
}

section#rooms_info .thmenu ul {
    display: flex; align-items: flex-end;
}

section#rooms_info .thmenu li {
    width: 230px;
    height: 50px;
    /*float: left;*/
    margin-right: 13px;
}
section#rooms_info .thmenu li a span { display: block; position: relative; 
    font-family: "YuMincho","Sawarabi Mincho"; }
section#rooms_info .thmenu li a span.en { font-size: 12px; }
section#rooms_info .thmenu li a:link {
    display: block; padding-top: 5px;
    background: #ffffff;
    border: #34382c 1px solid;
    position: relative;
    color: #34382c !important;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 8px;
}

section#rooms_info .thmenu li a:before {
    content: "";
    position: absolute;
    width: 230px;
    height: 66px;
    background: url("../images/fkds.png") center top no-repeat;
    top: 0;
    left: 0; opacity: 0;
    transition: 0.3s;
}

section#rooms_info .thmenu li a:hover,
section#rooms_info .thmenu li a.active {
    width: 230px; height: 50px; padding-top: 5px;
    border: #ffffff 1px solid; opacity: 1;
    color: #ffffff !important;
    margin-top: 0;
}

section#rooms_info .thmenu li a:hover:before,
section#rooms_info .thmenu li a.active:before {
    opacity: 1;
}


section#rooms_info #rwrap {
    margin: 10px 0 40px; position: relative; z-index: 2;
    overflow: hidden;
    height: 330px;
}

/*#r2 {
    display: none;
}*/

section#rooms_info .bx-wrapper .bx-viewport {
    left: 0;
}
section#rooms_info .bx-wrapper { margin: 0; }
section#rooms_info .bx-controls a.active {
    opacity: 1;
}
section#rooms_info .slide li { width: 950px; height: 330px; position: relative; }
section#rooms_info .slide li:after { content: ""; position: absolute; bottom: 0; left: 0;
    width: 950px; height: 60px; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); }
section#rooms_info .slide li p { position: absolute; bottom: 0; left: 0; padding: 10px 20px;
    font-size: 18px; color: #ffffff; z-index: 70; }
section#rooms_info .bx-controls { position: relative; z-index: 100; }
section#rooms_info .bx-wrapper .bx-pager { bottom: 15px; padding-top: 0; }
section#rooms_info .bx-controls a {
    border: #B8B8B8 1px solid;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: none;
}

section#rooms_info .bx-controls a:hover,
section#rooms_info .bx-controls a.active {
    background: #8bb237;
    border: #8bb237 1px solid;
}

section#rooms_info .ame {
    width: 100%; padding: 30px 40px;
    border: #34382c 1px solid;
}
section#rooms_info .ame p { padding: 0 20px; font-size: 16px; }

section#cuisine .mainw { padding: 115px 0 85px; }
section#cuisine .unit2 { height: auto; margin-bottom: 40px; }
.unit2 .detail,.unit3 .detail { width: 684px; margin: 0 auto; }
.unit2 .detail p,.unit3 .detail p { text-align: center; margin-top: 15px; font-size: 16px; 
    line-height: 30px; }
section#cuisine .cbtn { margin: 0 auto; width: 380px; }
section#cuisine .unit3 { height: auto; margin: 130px 0 20px; }

section#facilities .mainw { padding: 100px 0 75px; }
section#facilities .unit1 { margin-bottom: 55px; }
section#facilities .col2 li:after,section#facilities .col3 li:after { content: ""; 
    position: absolute; bottom: 0; left: 0;
    width: 100%; height: 60px; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); }
section#facilities .col2 li p,section#facilities .col3 li p { position: absolute; bottom: 0; 
    left: 0; padding: 10px 20px;
    font-size: 18px; color: #ffffff; z-index: 70; }

section#sightseeing .mainw { padding: 80px 0 40px; }
section#sightseeing .unit1 { margin-bottom: 80px; }
section#sightseeing .unit1 .img:after { content: ""; position: absolute; bottom: 0; left: 0;
    width: 100%; height: 60px; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); }
section#sightseeing .unit1 .img p { position: absolute; bottom: 0; right: 0; padding: 10px 20px;
    font-size: 18px; color: #ffffff; z-index: 70; text-align: right; }
section#sightseeing .unit1 .img p.ut { bottom: -42px; line-height: 42px; border-bottom: #231815 1px dotted;
    color: #231815; padding: 0; width: 705px; }
section#sightseeing .unit1 .img p.ut:before { content: "●"; color: #00763f; }
h3.ssh3 { font-family: "YuMincho","Sawarabi Mincho"; font-size: 24px; color: #00763f; margin-bottom: 25px;
    /*margin: 25px 0 25px 240px;*/ letter-spacing: 4px; font-weight: normal; text-align: center; }
.sslead p { text-align: center; margin-bottom: 40px; }

ul.season { display: flex; flex-wrap:wrap; margin-bottom: 40px; }
ul.season li { display: flex; align-items:flex-start; }
ul.season li:nth-child(-n+2) { align-items:flex-end; }
ul.season li .img { position: relative; }
ul.season li .img:after { content: ""; position: absolute; bottom: 0; left: 0;
    width: 100%; height: 60px; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); }
ul.season li .img p { position: absolute; bottom: 0; right: 0; padding: 10px 20px;
    font-size: 18px; color: #ffffff; z-index: 70; text-align: right; }
ul.season li:nth-of-type(n+3) .img p { left: 0; text-align: left; }

ul.slist li { display: flex; margin-bottom: 40px; }
ul.slist li:nth-child(even) { flex-direction: row-reverse; }
ul.slist li .detail { width: 463px; background: #ffffff; }
ul.slist li:nth-child(odd) .detail { border-right:#00763f 1px solid; padding: 40px 50px; }
ul.slist li:nth-child(even) .detail { border-left:#00763f 1px solid; padding: 40px 30px; }
ul.slist li .detail h4 { font-size: 18px; font-weight: normal; margin-bottom: 10px; 
    font-family: "YuMincho","Sawarabi Mincho"; }
ul.slist li .detail p { width: 310px; }
ul.slist li:nth-child(even) .detail p { width: 340px; }

section#access { padding: 90px 0;
}
section#access .unit1 { margin-bottom: 50px; }
#access .acroot {
    margin-bottom: 50px;
}

#rplan .mainw { padding: 90px 0; }
#rplan h3.ch3 { font-size: 25px; margin-bottom: 35px; font-family: "YuMincho","Sawarabi Mincho"; }
.plan_wrap { display: flex; flex-wrap:wrap; justify-content:space-between;
}

.plan_wrap li {
    /*width: 460px;*/ width: 300px;
}
.plan_wrap li .img { width: 100%; /*height: 360px;*/ /*height: 190px;*/ overflow: hidden; }
.plan_wrap li .img img { width: 100%; }
.plan_wrap li p.planName {
    margin-top: 14px;
    line-height: 22px;
    height: 110px;
    text-decoration: underline;
}

.plan_wrap li a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}
#rplan .cbtn { width: 340px; margin: 0 auto; }

.bnlist { display: flex; justify-content:center; margin: 50px 0 80px;
}

.bnlist li {
    /*float: left;*/
}

/*#rplan .bnlist li:last-child {
    margin-right: 0;
}*/

footer {}

footer .footerwrap {
    margin: auto;
    position: relative;
}

footer .footerwrap .foot_in {
    border-top: solid 1px #8e8e8e;
    width: 950px;
    left: 50%;
    margin-left: -410px;
    position: relative;
}

footer .footerwrap .foot_totop {
    min-width: 150px;
    height: 15px;
    position: absolute;
    right: 0;
    top: -32px;
}

#RthCustomizeW footer .footerwrap .foot_totop a {
    display: block; text-align: center;
    min-width: 160px;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    background: #8bb237;
}

#RthCustomizeW footer .footerwrap .foot_totop a:link,
#RthCustomizeW footer .footerwrap .foot_totop a:visited {
    color: #ffffff;
}

footer .footerwrap .foot_logo_add {
    margin-bottom: 15px;
    overflow: hidden;
    margin-top: 40px;
}

footer .footerwrap .foot_logo_add .foot_logo {
    width: 254px;
    float: left;
    margin-left: 200px;
    margin-right: 15px;
}

footer .footerwrap .foot_logo_add .foot_add {
    float: left;
}

.foot_add address {
    font-style: normal;
}

.foot_add address p {
    line-height: 1.8;
}

footer .footerwrap .foot_conqr {
    margin-bottom: 30px;
    overflow: hidden;
}

footer .footerwrap .foot_conqr li {
    float: left;
    margin-right: 19px;
    height: 61px;
}

footer .footerwrap .foot_conqr li:nth-child(2) a {
    width: 270px;
    height: 61px;
    line-height: 61px;
}

footer .footerwrap .foot_conqr li:last-child {
    margin-right: 0; border: #000000 1px solid; width: 306px; height: 60px;
}

footer .footerwrap .foot_grlink {
    background: url("../images/bg_foot.jpg") center bottom no-repeat;
    padding-top: 30px;
    color: #fff; font-family: "YuMincho","Sawarabi Mincho";
    overflow: hidden;
}
/*footer .footerwrap .foot_grlink .mainw { left: auto; margin: 0 auto; }*/

footer .footerwrap .foot_grlink h4 {
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 20px;
}

footer .footerwrap .cflex { justify-content:center; }
footer .footerwrap .foot_grlink .grlink {
    width: 270px;
    /*float: left;*/
    margin-right: 10px;
}

footer .footerwrap .foot_grlink .grlink:nth-child(3) {
    margin-right: 0;
}

footer .footerwrap .foot_grlink .grlink dl {
    margin-bottom: 30px;
}

footer .footerwrap .foot_grlink .grlink dt {
    font-size: 16px;
    margin-bottom: 10px;
}

footer .footerwrap .foot_grlink .grlink dd {
    padding-left: 1.2em;
    position: relative;
    margin-bottom: 5px;
}

footer .footerwrap .foot_grlink .grlink dd::before {
    content: "- ";
    position: absolute;
    left: 0;
}

#RthCustomizeW footer .footerwrap .foot_grlink .grlink dd a {
    color: #fff;
    text-decoration: underline;
}

#RthCustomizeW footer .footerwrap .foot_grlink .grlink dd a:link,
#RthCustomizeW footer .footerwrap .foot_grlink .grlink dd a:visited {
    color: #fff;
    text-decoration: underline;
}

@-moz-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes imgfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* customer center end */
li.tel {
    width: 300px;
    height: 42px;
    font-size: 25px;
    background: url(../images/tel.svg) left center #42602d;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}
li.tel p {
    margin-left: 50px;
    color: #fff;
    text-align: center;
    padding: .5em;
}



/*  貸切風呂 */
#private { width: 860px; margin: 60px auto 100px; }
#private h3 { font-size: 25px; text-align: center; margin-bottom: 20px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", "MS Mincho", "HGS明朝E", serif; }
#private .hotspa-item { position:relative; z-index:2; }
#private .hotspa-item--fig img{ border-radius:5px; }
#private .hotspa-item--ttl{ color: #4A5D9A; text-align:center; }
#private .hotspa-item--ttl span{ display:block;  }
#private .hotspa-item--txt{ text-align:center; }
#private .hotspa-item--tbl{ display:flex; flex-wrap:wrap; flex-direction:column;  }
@media (min-width:1001px) {
#private .hotspa-item + .hotspa-item{ margin-top:100px; }
#private .hotspa-item--fig{ margin-bottom:50px; }
#private .hotspa-item--ttl{ margin-bottom:25px;  font-size:24px;}
#private .hotspa-item--ttl span{ margin-bottom:10px; font-size:18px; }
#private .hotspa-item--txt{ margin-bottom:35px; }
#private .hotspa-item--tbl{ align-items:center; }
}

#private .hotspa-item.hotspa-sauna{ display:flex; }
#private .hotspa-item.hotspa-sauna .hotspa-sauna--fig img { border-radius:5px; width: 100%; }
#private .hotspa-item.hotspa-sauna .hotspa-sauna--txt ttl{}
@media (min-width:1001px) {
#private .hotspa-item.hotspa-sauna{ justify-content:flex-start; }
#private .hotspa-item.hotspa-sauna .hotspa-sauna--fig{ width:550px; }
#private .hotspa-item.hotspa-sauna .hotspa-sauna--txt{ width:calc(100% - 550px); padding-left: 20px; padding-top:10px; }
#private .hotspa-item.hotspa-sauna .hotspa-sauna--txt .txt{ margin-bottom:50px; }
.hotspa-sauna--txt table th { width: 4em; }
.hotspa-sauna--txt table th , 
.hotspa-sauna--txt table td { border-bottom: 1px solid #4D4D4D;}
}