@charset "UTF-8";
/***** common style *****/
@media (max-width: 1279px) {
  .pc-visibility {
    display: none; } }
@media (min-width: 1280px) {
  .tb-visibility {
    display: none; } }
@media (max-width: 767px) {
  .tb-visibility {
    display: none; } }
@media (max-width: 767px) {
  .pc-tb-visibility {
    display: none; } }
@media (min-width: 1280px) {
  .tb-sp-visibility {
    display: none; } }
@media (min-width: 768px) {
  .sp-visibility {
    display: none; } }
/*
 * Common style
 */
body {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  min-width: 1200px; }
  @media (max-width: 767px) {
    body {
      min-width: 0; } }

a {
  color: inherit;
  text-decoration: none; }

.fade-in-animation {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  -webkit-transition: transform .9s linear 0s, opacity .9s linear 0s;
  transition: transform .9s linear 0s, opacity .9s linear 0s; }
  .fade-in-animation.show {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

/*
 * Header style
 */
#header .header-content {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%);
  box-sizing: border-box;
  height: 128px;
  left: 0;
  padding: 0 34px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9; }
  @media (max-width: 767px) {
    #header .header-content {
      height: 19.375vw;
      padding: 0; } }
  #header .header-content::after {
    clear: both;
    content: "";
    display: block; }
  #header .header-content .logo-main {
    float: left;
    margin-top: 23px;
    width: 123px; }
    @media (max-width: 767px) {
      #header .header-content .logo-main {
        margin-left: 4.375vw;
        margin-top: 3.125vw;
        width: 19.6875vw; } }
    #header .header-content .logo-main img {
      vertical-align: top;
      width: 100%; }
  #header .header-content .btn-nav {
    cursor: pointer;
    float: right;
    height: 3.4375vw;
    margin-right: 5.625vw;
    margin-top: 5.9375vw;
    width: 8.125vw; }
    #header .header-content .btn-nav span {
      background: #fff;
      display: block;
      height: 1px; }
      #header .header-content .btn-nav span:nth-of-type(2) {
        margin-top: 4px; }
      #header .header-content .btn-nav span:nth-of-type(3) {
        margin-top: 4px; }
  #header .header-content #nav {
    float: right;
    margin-right: 21px;
    margin-top: 40px; }
    @media (max-width: 767px) {
      #header .header-content #nav {
        background: rgba(255, 255, 255, 0.9);
        display: none;
        float: none;
        height: 100%;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        width: 100%; } }
    #header .header-content #nav .btn-nav-close {
      height: 6.25vw;
      position: absolute;
      right: 6.5625vw;
      top: 4.6875vw;
      width: 6.25vw; }
      #header .header-content #nav .btn-nav-close span {
        background: #000;
        display: block;
        left: 50%;
        position: absolute;
        top: 50%;
        height: 0.625vw;
        width: 8.75vw; }
        #header .header-content #nav .btn-nav-close span:nth-of-type(1) {
          transform: translate(-50%, -50%) rotate(45deg); }
        #header .header-content #nav .btn-nav-close span:nth-of-type(2) {
          transform: translate(-50%, -50%) rotate(-45deg); }
    #header .header-content #nav .img-logo {
      margin: 19.375vw auto 11.25vw;
      width: 34.6875vw; }
      #header .header-content #nav .img-logo img {
        vertical-align: top;
        width: 100%; }
    #header .header-content #nav .nav-list {
      font-size: 0;
      letter-spacing: 0; }
      #header .header-content #nav .nav-list li {
        display: inline-block;
        vertical-align: middle;
        position: relative; }
        @media (min-width: 768px) {
          #header .header-content #nav .nav-list li::after {
            background: #fff;
            bottom: -4px;
            content: "";
            display: block;
            height: 1px;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
            width: 0; }
          #header .header-content #nav .nav-list li:hover::after {
            transition: all .3s;
            width: 100%; }
          #header .header-content #nav .nav-list li:nth-of-type(n+2) {
            margin-left: 36px; } }
        @media (max-width: 767px) {
          #header .header-content #nav .nav-list li {
            display: block;
            text-align: center; }
            #header .header-content #nav .nav-list li:nth-of-type(n+2) {
              margin-top: 5.625vw; }
            #header .header-content #nav .nav-list li a {
              display: block;
              padding: 4.6875vw 0; } }
        #header .header-content #nav .nav-list li.list-top a img {
          width: 47px; }
          @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-top a img {
              width: 14.375vw; } }
        #header .header-content #nav .nav-list li.list-guide a img {
          width: 105px; }
          @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-guide a img {
              width: 32.8125vw; } }
        #header .header-content #nav .nav-list li.list-privatebath a img {
        width: 70px; }
        @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-privatebath a img {
            width: 23vw; } }
        #header .header-content #nav .nav-list li.list-food a img {
          width: 70px; }
          @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-food a img {
              width: 21.875vw; } }
        #header .header-content #nav .nav-list li.list-fee a img {
          width: 86px; }
          @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-fee a img {
              width: 26.875vw; } }
        #header .header-content #nav .nav-list li.list-about a img {
          width: 139px; }
          @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-about a img {
              width: 42.5vw; } }
        #header .header-content #nav .nav-list li.list-access a img {
          width: 66px; }
          @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-access a img {
              width: 20.625vw; } }
        #header .header-content #nav .nav-list li.list-facility a img {
          width: 71px; }
          @media (max-width: 767px) {
            #header .header-content #nav .nav-list li.list-facility a img {
              width: 22.1875vw; } }

/*
 * Footer style
 */
#footer {
  overflow: hidden; }
  #footer.bg-parch {
    background: #CEC8B3; }
  #footer .img-forest {
    height: 406px;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 767px) {
      #footer .img-forest {
        height: 31.5625vw; } }
    #footer .img-forest img {
      left: 50%;
      position: absolute;
      transform: translate(-50%, 0);
      vertical-align: top;
      width: 1280px; }
      @media (max-width: 767px) {
        #footer .img-forest img {
          width: 100%; } }
  #footer .copy {
    background: #303030;
    color: #fff;
    font-size: 20px;
    line-height: 91px;
    position: relative;
    text-align: center;
    z-index: 1; }
    @media (max-width: 767px) {
      #footer .copy {
        font-size: 4.375vw;
        line-height: 12.1875vw; } }

/*
 * Top style
 */
#page-top .main-visual {
  position: relative; }
  #page-top .main-visual .movie-box {
    padding-top: 56.25%;
    position: relative; }
    #page-top .main-visual .movie-box video {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  #page-top .main-visual .img-list {
    background: #000;
    padding-top: 76.25%;
    position: relative; }
    @media (max-width: 767px) {
      #page-top .main-visual .img-list {
        overflow: hidden;
        padding-top: 107.81%; } }
    #page-top .main-visual .img-list li {
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%; }
      #page-top .main-visual .img-list li:nth-of-type(n+2) {
        opacity: 0; }
      #page-top .main-visual .img-list li img {
        vertical-align: top;
        width: 100%; }
  #page-top .main-visual .page-list {
    bottom: 30px;
    font-size: 0;
    letter-spacing: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .main-visual .page-list {
        padding: 5.625vw 0 0;
        position: static; } }
    #page-top .main-visual .page-list li {
      background: #ECDBD1;
      border-radius: 50%;
      cursor: pointer;
      display: inline-block;
      height: 23px;
      margin: 0 23px;
      vertical-align: top;
      width: 23px; }
      @media (max-width: 767px) {
        #page-top .main-visual .page-list li {
          height: 3.75vw;
          margin: 0 4.6875vw;
          width: 3.75vw; } }
      #page-top .main-visual .page-list li.current {
        background: #2F78E0; }
#page-top .introduce {
  padding: 159px 0 80px;
  position: relative; }
  @media (max-width: 767px) {
    #page-top .introduce {
      padding: 17.8125vw 0 0; } }
  #page-top .introduce .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-top .introduce .bg-img-tree.tree-1 {
      left: 0;
      top: 0;
      width: 912px; }
      @media (max-width: 767px) {
        #page-top .introduce .bg-img-tree.tree-1 {
          top: -9.375vw;
          width: 75.9375vw; } }
    #page-top .introduce .bg-img-tree.tree-2 {
      right: 0;
      top: 429px;
      width: 302px; }
      @media (max-width: 767px) {
        #page-top .introduce .bg-img-tree.tree-2 {
          top: 86.25vw;
          width: 37.5vw; } }
    #page-top .introduce .bg-img-tree.tree-3 {
      right: 0;
      top: 1252px;
      width: 271px; }
      @media (max-width: 767px) {
        #page-top .introduce .bg-img-tree.tree-3 {
          top: 390vw;
          width: 34.0625vw; } }
    #page-top .introduce .bg-img-tree.tree-4 {
      bottom: -195px;
      left: 0;
      width: 349px; }
      @media (max-width: 767px) {
        #page-top .introduce .bg-img-tree.tree-4 {
          bottom: -vw(59);
          width: 34.6875vw; } }
    #page-top .introduce .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-top .introduce .head-area {
    margin: 0 auto 153px;
    width: 1100px; }
    @media (max-width: 767px) {
      #page-top .introduce .head-area {
        margin: 0 auto 8.125vw;
        width: 100%; } }
    #page-top .introduce .head-area::after {
      clear: both;
      content: "";
      display: block; }
    #page-top .introduce .head-area .section-title {
      float: left;
      margin-left: 67px;
      width: 266px; }
      @media (max-width: 767px) {
        #page-top .introduce .head-area .section-title {
          float: none;
          margin: 0 auto;
          width: 39.0625vw; } }
      #page-top .introduce .head-area .section-title img {
        vertical-align: top;
        width: 100%; }
    #page-top .introduce .head-area .txt-box {
      float: right;
      margin-top: 36px;
      width: 602px; }
      @media (max-width: 767px) {
        #page-top .introduce .head-area .txt-box {
          float: none;
          margin-top: 20.9375vw;
          text-align: center;
          width: 100%; } }
      #page-top .introduce .head-area .txt-box .txt-head img, #page-top .introduce .head-area .txt-box .txt-sub-head img {
        vertical-align: top;
        width: 100%; }
      #page-top .introduce .head-area .txt-box .txt-head {
        margin-bottom: 51px;
        width: 554px; }
        @media (max-width: 767px) {
          #page-top .introduce .head-area .txt-box .txt-head {
            margin: 0 auto 10.9375vw;
            width: 61.5625vw; } }
      #page-top .introduce .head-area .txt-box .txt-sub-head {
        margin-bottom: 32px;
        width: 393px; }
        @media (max-width: 767px) {
          #page-top .introduce .head-area .txt-box .txt-sub-head {
            margin: 0 auto 8.125vw;
            width: 89.0625vw; } }
      #page-top .introduce .head-area .txt-box .tel {
        color: #686868;
        font-size: 31px;
        line-height: 47px; }
        @media (max-width: 767px) {
          #page-top .introduce .head-area .txt-box .tel {
            font-size: 7.5vw;
            line-height: 10.9375vw;
            margin-bottom: 1.25vw;
            text-decoration: underline; } }
      #page-top .introduce .head-area .txt-box .time {
        color: #686868;
        font-size: 13px;
        line-height: 1; }
        @media (max-width: 767px) {
          #page-top .introduce .head-area .txt-box .time {
            font-size: 3.125vw; } }
  #page-top .introduce .notice {
    box-sizing: border-box;
    border: 1px solid #cc2034;
    font-size: 0;
    min-height: 65px;
    padding: 5px 0;
    letter-spacing: 0;
    margin: 0 auto 68px;
    width: 932px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      #page-top .introduce .notice {
        display: block;
        height: auto;
        margin: 0 auto 14.6875vw;
        padding: 2.5vw;
        width: 81.25vw; } }
    #page-top .introduce .notice .notice-head {
      display: inline-block;
      margin: 0 53px 0 43px;
      vertical-align: middle;
      width: 118px; }
      @media (max-width: 767px) {
        #page-top .introduce .notice .notice-head {
          display: block;
          margin: 3.125vw auto 2.5vw;
          width: 20vw; } }
      #page-top .introduce .notice .notice-head img {
        vertical-align: top;
        width: 100%; }
    #page-top .introduce .notice .notice-desc {
      color: #cc2034;
      display: inline-block;
      font-size: 26px;
      line-height: 63px;
      vertical-align: middle; }
      @media (max-width: 767px) {
        #page-top .introduce .notice .notice-desc {
          display: block;
          font-size: 3.4375vw;
          letter-spacing: -0.06em;
          line-height: 8.4375vw;
          text-align: center; } }
    #page-top .introduce .notice .notice-desc-double {
      color: #cc2034;
      display: inline-block;
      font-size: 17px;
      line-height: 22px;
      vertical-align: middle;
      letter-spacing: 0; }
      @media (max-width: 767px) {
        #page-top .introduce .notice .notice-desc-double {
          display: block;
          font-size: 3.125vw;
          letter-spacing: 0;
          line-height: 4.375vw;
          text-align: center; } }
  #page-top .introduce .introduce-list {
    margin: 0 auto;
    width: 1100px; }
    @media (max-width: 767px) {
      #page-top .introduce .introduce-list {
        width: 100%; } }
    #page-top .introduce .introduce-list li::after {
      clear: both;
      content: "";
      display: block; }
    @media (min-width: 768px) {
      #page-top .introduce .introduce-list li:nth-of-type(1) .img-box {
        float: left;
        margin-left: -23px; }
      #page-top .introduce .introduce-list li:nth-of-type(1) .txt-box {
        float: right;
        margin-top: 196px; }
        #page-top .introduce .introduce-list li:nth-of-type(1) .txt-box .list-title {
          width: 310px; }
      #page-top .introduce .introduce-list li:nth-of-type(2) .img-box {
        float: right;
        margin-right: -23px;
        position: relative;
        top: -38px; }
      #page-top .introduce .introduce-list li:nth-of-type(2) .txt-box {
        float: left;
        margin-top: 172px; }
        #page-top .introduce .introduce-list li:nth-of-type(2) .txt-box .list-title {
          width: 206px; } }
    @media (max-width: 767px) {
      #page-top .introduce .introduce-list li:nth-of-type(1) .txt-box .list-title {
        width: 67.5vw; }
      #page-top .introduce .introduce-list li:nth-of-type(2) {
        margin-top: 13.125vw; }
        #page-top .introduce .introduce-list li:nth-of-type(2) .txt-box .list-title {
          width: 45vw; } }
    #page-top .introduce .introduce-list li .img-box {
      width: 694px; }
      @media (max-width: 767px) {
        #page-top .introduce .introduce-list li .img-box {
          margin: 0 auto 11.5625vw;
          width: 89.375vw; } }
      #page-top .introduce .introduce-list li .img-box img {
        vertical-align: top;
        width: 100%; }
    #page-top .introduce .introduce-list li .txt-box {
      width: 365px; }
      @media (max-width: 767px) {
        #page-top .introduce .introduce-list li .txt-box {
          width: 100%; } }
      #page-top .introduce .introduce-list li .txt-box .list-title {
        margin: 0 auto 53px; }
        @media (max-width: 767px) {
          #page-top .introduce .introduce-list li .txt-box .list-title {
            margin: 0 auto 5.3125vw; } }
        #page-top .introduce .introduce-list li .txt-box .list-title img {
          vertical-align: top;
          width: 100%; }
      #page-top .introduce .introduce-list li .txt-box .desc {
        font-size: 18px;
        line-height: 32px; }
        @media (max-width: 767px) {
          #page-top .introduce .introduce-list li .txt-box .desc {
            font-size: 4.375vw;
            line-height: 8.75vw;
            padding: 0 9.375vw; } }
#page-top .guide {
  padding: 138px 0 0; }
  @media (max-width: 767px) {
    #page-top .guide {
      padding: 18.4375vw 0 0; } }
  #page-top .guide a {
    display: block;
    height: 850px;
    overflow: hidden;
    position: relative; }
    @media (max-width: 1279px) {
      #page-top .guide a {
        height: 795px; } }
    @media (max-width: 767px) {
      #page-top .guide a {
        height: auto;
        padding-top: 109.375%; } }
    #page-top .guide a::after {
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      transition: all .3s;
      top: 0;
      width: 100%; }
    @media (min-width: 768px) {
      #page-top .guide a:hover::after {
        background: rgba(0, 0, 0, 0.5); } }
  #page-top .guide .bg-img {
    position: relative;
    transform: translate(0, -50%);
    top: 50%; }
    @media (max-width: 767px) {
      #page-top .guide .bg-img {
        height: 100%;
        left: 0;
        position: absolute;
        transform: translate(0, 0);
        top: 0;
        width: 100%; } }
    #page-top .guide .bg-img img {
      vertical-align: top;
      width: 100%; }
  #page-top .guide .section-head {
    bottom: 60px;
    height: 300px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .guide .section-head {
        bottom: auto;
        height: auto;
        top: 48.75vw;
        width: 48.75vw; } }
    #page-top .guide .section-head img {
      vertical-align: top;
      width: 100%; }
  #page-top .guide .txt-desc {
    bottom: 49px;
    left: 69px;
    position: absolute;
    width: 107px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .guide .txt-desc {
        bottom: 4.375vw;
        left: 4.375vw;
        width: 14.0625vw; } }
    #page-top .guide .txt-desc img {
      vertical-align: top;
      width: 100%; }
  #page-top .guide .img-noren {
    left: 36px;
    position: absolute;
    top: 0;
    width: 194px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .guide .img-noren {
        left: 5vw;
        width: 25vw; } }
    #page-top .guide .img-noren img {
      vertical-align: top;
      width: 100%; }

#page-top .private {
  padding: 138px 0 0; }
  @media (max-width: 767px) {
    #page-top .private {
      padding: 18.4375vw 0 0; } }
  #page-top .private a {
    display: block;
    height: 850px;
    overflow: hidden;
    position: relative; }
    @media (max-width: 1279px) {
      #page-top .private a {
        height: 795px; } }
    @media (max-width: 767px) {
      #page-top .private a {
        height: auto;
        padding-top: 109.375%; } }
    #page-top .private a::after {
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      transition: all .3s;
      top: 0;
      width: 100%; }
    @media (min-width: 768px) {
      #page-top .private a:hover::after {
        background: rgba(0, 0, 0, 0.5); } }
  #page-top .private .bg-img {
    position: relative;
    transform: translate(0, -50%);
    top: 50%; }
    @media (max-width: 767px) {
      #page-top .private .bg-img {
        height: 100%;
        left: 0;
        position: absolute;
        transform: translate(0, 0);
        top: 0;
        width: 100%; } }
    #page-top .private .bg-img img {
      vertical-align: top;
      width: 100%; }
  #page-top .private .section-head {
    bottom: 60px;
    height: 300px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .private .section-head {
        bottom: auto;
        height: auto;
        top: 48.75vw;
        width: 32.75vw; } }
    #page-top .private .section-head img {
      vertical-align: top;
      width: 100%; }
  #page-top .private .txt-desc {
    bottom: 49px;
    right: 69px;
    position: absolute;
    width: 177px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .private .txt-desc {
        bottom: 4.375vw;
        right: 4.375vw;
        width: 22.0625vw; } }
    #page-top .private .txt-desc img {
      vertical-align: top;
      width: 100%; }
  #page-top .private .img-noren {
    left: 36px;
    position: absolute;
    top: 0;
    width: 194px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .private .img-noren {
        left: 5vw;
        width: 25vw; } }
    #page-top .private .img-noren img {
      vertical-align: top;
      width: 100%; }


      #page-top .guide {
        padding: 138px 0 0; }
        @media (max-width: 767px) {
          #page-top .guide {
            padding: 18.4375vw 0 0; } }
        #page-top .guide a {
          display: block;
          height: 850px;
          overflow: hidden;
          position: relative; }
          @media (max-width: 1279px) {
            #page-top .guide a {
              height: 795px; } }
          @media (max-width: 767px) {
            #page-top .guide a {
              height: auto;
              padding-top: 109.375%; } }
          #page-top .guide a::after {
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            transition: all .3s;
            top: 0;
            width: 100%; }
          @media (min-width: 768px) {
            #page-top .guide a:hover::after {
              background: rgba(0, 0, 0, 0.5); } }
        #page-top .guide .bg-img {
          position: relative;
          transform: translate(0, -50%);
          top: 50%; }
          @media (max-width: 767px) {
            #page-top .guide .bg-img {
              height: 100%;
              left: 0;
              position: absolute;
              transform: translate(0, 0);
              top: 0;
              width: 100%; } }
          #page-top .guide .bg-img img {
            vertical-align: top;
            width: 100%; }
        #page-top .guide .section-head {
          bottom: 60px;
          height: 300px;
          left: 0;
          margin: auto;
          position: absolute;
          right: 0;
          top: 0;
          width: 300px;
          z-index: 1; }
          @media (max-width: 767px) {
            #page-top .guide .section-head {
              bottom: auto;
              height: auto;
              top: 48.75vw;
              width: 48.75vw; } }
          #page-top .guide .section-head img {
            vertical-align: top;
            width: 100%; }
        #page-top .guide .txt-desc {
          bottom: 49px;
          left: 69px;
          position: absolute;
          width: 107px;
          z-index: 1; }
          @media (max-width: 767px) {
            #page-top .guide .txt-desc {
              bottom: 4.375vw;
              left: 4.375vw;
              width: 14.0625vw; } }
          #page-top .guide .txt-desc img {
            vertical-align: top;
            width: 100%; }
        #page-top .guide .img-noren {
          left: 36px;
          position: absolute;
          top: 0;
          width: 194px;
          z-index: 1; }
          @media (max-width: 767px) {
            #page-top .guide .img-noren {
              left: 5vw;
              width: 25vw; } }
          #page-top .guide .img-noren img {
            vertical-align: top;
            width: 100%; }

#page-top .food {
  padding: 138px 0 0; }
  @media (max-width: 767px) {
    #page-top .food {
      padding: 17.5vw 0 0; } }
  #page-top .food a {
    display: block;
    height: 850px;
    overflow: hidden;
    position: relative; }
    @media (max-width: 1279px) {
      #page-top .food a {
        height: 795px; } }
    @media (max-width: 767px) {
      #page-top .food a {
        height: auto;
        padding-top: 109.375%; } }
    #page-top .food a::after {
      content: "";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      transition: all .3s;
      top: 0;
      width: 100%; }
    @media (min-width: 768px) {
      #page-top .food a:hover::after {
        background: rgba(0, 0, 0, 0.5); } }
  #page-top .food .bg-img {
    position: relative;
    transform: translate(0, -50%);
    top: 50%; }
    @media (max-width: 767px) {
      #page-top .food .bg-img {
        height: 100%;
        left: 0;
        position: absolute;
        transform: translate(0, 0);
        top: 0;
        width: 100%; } }
    #page-top .food .bg-img img {
      vertical-align: top;
      width: 100%; }
  #page-top .food .section-head {
    bottom: 60px;
    height: 300px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .food .section-head {
        bottom: auto;
        height: auto;
        top: 51.875vw;
        width: 31.5625vw; } }
    #page-top .food .section-head img {
      vertical-align: top;
      width: 100%; }
  #page-top .food .txt-desc {
    left: 68px;
    position: absolute;
    top: 45px;
    width: 110px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .food .txt-desc {
        left: 4.6875vw;
        top: 6.25vw;
        width: 14.0625vw; } }
    #page-top .food .txt-desc img {
      vertical-align: top;
      width: 100%; }
  #page-top .food .img-noren-chaya {
    left: 225px;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-top .food .img-noren-chaya {
        left: 25vw;
        width: 9.0625vw; } }
    #page-top .food .img-noren-chaya img {
      vertical-align: top;
      width: 100%; }
#page-top .fee {
  padding: 175px 0 29px;
  position: relative; }
  @media (max-width: 767px) {
    #page-top .fee {
      padding: 23.4375vw 4.6875vw 0; } }
  #page-top .fee .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-top .fee .bg-img-tree.tree-5 {
      right: 0;
      top: 0;
      width: 862px; }
      @media (max-width: 767px) {
        #page-top .fee .bg-img-tree.tree-5 {
          width: 220px; } }
    #page-top .fee .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-top .fee .section-content {
    margin: 0 auto;
    width: 929px; }
    @media (max-width: 767px) {
      #page-top .fee .section-content {
        width: 100%; } }
  #page-top .fee .section-title {
    border-bottom: 1px solid #000;
    margin-bottom: 34px;
    padding: 0 0 7px;
    text-align: center; }
    @media (max-width: 767px) {
      #page-top .fee .section-title {
        margin-bottom: 3.75vw;
        padding: 0 0 1.5625vw; } }
    #page-top .fee .section-title img {
      width: 202px; }
      @media (max-width: 767px) {
        #page-top .fee .section-title img {
          width: 100px; } }
  #page-top .fee .img-new-open {
    margin-bottom: 35px;
    width: 283px; }
    @media (max-width: 767px) {
      #page-top .fee .img-new-open {
        margin: 0 auto 9.0625vw;
        width: 59.375vw; } }
    #page-top .fee .img-new-open img {
      vertical-align: top;
      width: 100%; }
  #page-top .fee .figure-box img {
    vertical-align: top;
    width: 100%; }
#page-top .use {
  padding: 139px 0 0;
  position: relative; }
  @media (max-width: 767px) {
    #page-top .use {
      padding: 20vw 4.6875vw 0; } }
  #page-top .use .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-top .use .bg-img-tree.tree-6 {
      left: 0;
      top: -7px;
      width: 281px; }
      @media (max-width: 767px) {
        #page-top .use .bg-img-tree.tree-6 {
          width: 38.4375vw; } }
    #page-top .use .bg-img-tree.tree-7 {
      right: 0;
      top: 462px;
      width: 202px; }
      @media (max-width: 767px) {
        #page-top .use .bg-img-tree.tree-7 {
          top: 119.6875vw;
          width: 30.625vw; } }
    #page-top .use .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-top .use .section-content {
    width: 929px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      #page-top .use .section-content {
        width: 100%; } }
  #page-top .use .section-title {
    border-bottom: 1px solid #000;
    margin-bottom: 34px;
    padding: 0 0 7px;
    text-align: center; }
    @media (max-width: 767px) {
      #page-top .use .section-title {
        margin-bottom: 5.625vw;
        padding: 0 0 1.5625vw; } }
    #page-top .use .section-title img {
      width: 328px; }
      @media (max-width: 767px) {
        #page-top .use .section-title img {
          width: 49.375vw; } }
  #page-top .use .use-list {
    margin-bottom: 31px; }
    @media (max-width: 767px) {
      #page-top .use .use-list {
        margin-bottom: 7.1875vw; } }
    #page-top .use .use-list li {
      font-size: 18px;
      line-height: 28px;
      padding-left: 1em;
      text-indent: -1em; }
      @media (max-width: 767px) {
        #page-top .use .use-list li {
          font-size: 3.125vw;
          line-height: 5vw; }
          #page-top .use .use-list li br {
            display: none; } }
  #page-top .use .figure-box {
    margin: 0 auto;
    width: 929px; }
    @media (max-width: 767px) {
      #page-top .use .figure-box {
        width: 100%; } }
    #page-top .use .figure-box img {
      vertical-align: top;
      width: 100%; }
#page-top .access {
  padding: 175px 0 0;
  position: relative; }
  @media (max-width: 767px) {
    #page-top .access {
      padding: 23.4375vw 4.6875vw 0; } }
  #page-top .access .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-top .access .bg-img-tree.tree-8 {
      left: 0;
      top: 0;
      width: 367px; }
      @media (max-width: 767px) {
        #page-top .access .bg-img-tree.tree-8 {
          top: 18.75vw;
          width: 38.4375vw; } }
    #page-top .access .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-top .access .section-title {
    border-bottom: 1px solid #000;
    margin: 0 auto 100px;
    padding: 0 0 7px;
    text-align: center;
    width: 929px; }
    @media (max-width: 767px) {
      #page-top .access .section-title {
        margin: 0 auto 7.5vw;
        width: 100%; } }
    #page-top .access .section-title img {
      width: 154px; }
      @media (max-width: 767px) {
        #page-top .access .section-title img {
          width: 19.6875vw; } }
  #page-top .access .section-content {
    margin: 0 auto;
    width: 1100px; }
    @media (max-width: 767px) {
      #page-top .access .section-content {
        width: 100%; } }
    #page-top .access .section-content::after {
      clear: both;
      content: "";
      display: block; }
    #page-top .access .section-content .logo {
      float: left;
      width: 162px; }
      @media (max-width: 767px) {
        #page-top .access .section-content .logo {
          float: none;
          margin: 0 auto 7.1875vw;
          width: 49.375vw; } }
      #page-top .access .section-content .logo img {
        vertical-align: top;
        width: 100%; }
    #page-top .access .section-content .info {
      float: left;
      margin-left: 87px;
      margin-top: -10px;
      width: 374px; }
      @media (max-width: 767px) {
        #page-top .access .section-content .info {
          float: none;
          margin: 0 0 6.875vw;
          text-align: center;
          width: 100%; } }
      #page-top .access .section-content .info .info-title {
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0.02em;
        line-height: 36px; }
        @media (max-width: 767px) {
          #page-top .access .section-content .info .info-title {
            font-size: 5vw;
            line-height: 8.125vw; } }
      #page-top .access .section-content .info p {
        font-size: 20px;
        line-height: 28px; }
        @media (max-width: 767px) {
          #page-top .access .section-content .info p {
            font-size: 4.375vw;
            line-height: 6.5625vw; } }
        #page-top .access .section-content .info p.tel {
          font-size: 31px;
          line-height: 46px;
          margin-bottom: 7px;
          margin-top: 9px; }
          @media (max-width: 767px) {
            #page-top .access .section-content .info p.tel {
              font-size: 6.875vw;
              line-height: 10.625vw;
              margin-bottom: 1.5625vw;
              margin-top: 1.875vw; } }
    #page-top .access .section-content .map {
      float: left;
      margin-left: 42px;
      margin-top: -5px;
      width: 434px; }
      @media (max-width: 767px) {
        #page-top .access .section-content .map {
          float: none;
          margin: 0;
          width: 100%; } }
      #page-top .access .section-content .map .img-box img {
        vertical-align: top;
        width: 100%; }
      #page-top .access .section-content .map .btn-google-map {
        border: 1px solid #000;
        box-sizing: border-box;
        display: block;
        height: 35px;
        font-size: 18px;
        letter-spacing: 0.12em;
        line-height: 33px;
        margin: 26px auto 0;
        text-align: center;
        width: 219px; }
        @media (max-width: 767px) {
          #page-top .access .section-content .map .btn-google-map {
            font-size: 3.75vw;
            height: 7.1875vw;
            line-height: 6.5625vw;
            margin: 8.75vw auto 0;
            width: 44.6875vw; } }
#page-top .facility {
  padding: 175px 0 154px;
  position: relative; }
  @media (max-width: 767px) {
    #page-top .facility {
      padding: 26.25vw 4.6875vw 20vw; } }
  #page-top .facility .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-top .facility .bg-img-tree.tree-9 {
      right: 0;
      top: 83px;
      width: 272px; }
      @media (max-width: 767px) {
        #page-top .facility .bg-img-tree.tree-9 {
          top: 8.125vw;
          width: 36.5625vw; } }
    #page-top .facility .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-top .facility .section-title {
    border-bottom: 1px solid #000;
    margin: 0 auto 97px;
    padding: 0 0 5px;
    text-align: center;
    width: 929px; }
    @media (max-width: 767px) {
      #page-top .facility .section-title {
        margin: 0 auto 13.125vw;
        width: 100%; } }
    #page-top .facility .section-title img {
      width: 163px; }
      @media (max-width: 767px) {
        #page-top .facility .section-title img {
          width: 24.6875vw; } }
  #page-top .facility .facility-list {
    margin: 0 auto;
    width: 1100px; }
    @media (max-width: 767px) {
      #page-top .facility .facility-list {
        box-sizing: border-box;
        padding: 0 4.6875vw;
        width: 100%; } }
    #page-top .facility .facility-list li {
      font-size: 0;
      letter-spacing: 0; }
      #page-top .facility .facility-list li:nth-of-type(n+2) {
        margin-top: 46px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li:nth-of-type(n+2) {
            margin-top: 8.125vw; } }
      #page-top .facility .facility-list li::after {
        clear: both;
        content: "";
        display: block; }
      #page-top .facility .facility-list li.list-doggy .logo-box img {
        width: 268px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li.list-doggy .logo-box img {
            width: 45.625vw; } }
      #page-top .facility .facility-list li.list-birdie .logo-box img {
        width: 265px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li.list-birdie .logo-box img {
            width: 38.4375vw; } }
      #page-top .facility .facility-list li.list-forest .logo-box img {
        width: 237px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li.list-forest .logo-box img {
            width: 49.375vw; } }
      #page-top .facility .facility-list li.list-forest .head {
        font-size: 23px;
        letter-spacing: -0.08em; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li.list-forest .head {
            font-size: 5vw;
            line-height: 5.625vw; } }
        #page-top .facility .facility-list li.list-forest .head span {
          font-size: 16px; }
          @media (max-width: 767px) {
            #page-top .facility .facility-list li.list-forest .head span {
              font-size: 4.0625vw;
              line-height: 5.625vw; } }
              
        #page-top .facility .facility-list li.list-koyarunomori .logo-box img {
        width: 260px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li.list-koyarunomori .logo-box img {
            width: 49.375vw; } }
      #page-top .facility .facility-list li.list-koyarunomori .head {
        font-size: 23px;
        letter-spacing: -0.08em; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li.list-koyarunomori .head {
            font-size: 5vw;
            line-height: 5.625vw; } }
        #page-top .facility .facility-list li.list-koyarunomori .head span {
          font-size: 16px; }
          @media (max-width: 767px) {
            #page-top .facility .facility-list li.list-koyarunomori .head span {
              font-size: 4.0625vw;
              line-height: 5.625vw; } }
      
      #page-top .facility .facility-list li .logo-box, #page-top .facility .facility-list li .txt-box, #page-top .facility .facility-list li .img-box {
        display: inline-block;
        vertical-align: middle; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li .logo-box, #page-top .facility .facility-list li .txt-box, #page-top .facility .facility-list li .img-box {
            display: block;
            text-align: center; } }
      #page-top .facility .facility-list li .logo-box {
        text-align: center;
        margin-right: 46px;
        width: 270px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li .logo-box {
            margin: 0 0 5vw;
            width: 100%; } }
      #page-top .facility .facility-list li .txt-box {
        width: 355px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li .txt-box {
            width: 100%; } }
        #page-top .facility .facility-list li .txt-box .intro {
          font-size: 16px;
          line-height: 30px; }
          @media (max-width: 767px) {
            #page-top .facility .facility-list li .txt-box .intro {
              font-size: 3.75vw;
              line-height: 6.875vw;
              margin-bottom: 1.875vw; } }
        #page-top .facility .facility-list li .txt-box .head {
          font-size: 22px;
          line-height: 24px; }
          @media (max-width: 767px) {
            #page-top .facility .facility-list li .txt-box .head {
              font-size: 5vw;
              line-height: 5.625vw;
              margin-bottom: 2.5vw; } }
        #page-top .facility .facility-list li .txt-box .link {
          font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
          font-size: 16px;
          line-height: 30px; }
          @media (max-width: 767px) {
            #page-top .facility .facility-list li .txt-box .link {
              font-size: 4.6875vw;
              line-height: 6.875vw;
              margin-bottom: 5.625vw; } }
          #page-top .facility .facility-list li .txt-box .link a {
            text-decoration: underline; }
      #page-top .facility .facility-list li .img-box {
        width: 429px; }
        @media (max-width: 767px) {
          #page-top .facility .facility-list li .img-box {
            width: 100%; } }
        #page-top .facility .facility-list li .img-box img {
          vertical-align: top;
          width: 100%; }

/*
 * Facility style
 */
#page-facility .main-visual {
  position: relative; }
  #page-facility .main-visual img {
    vertical-align: top;
    width: 100%; }
  #page-facility .main-visual .visual-list {
    background: #000;
    padding-top: 75.42%;
    position: relative; }
    @media (max-width: 767px) {
      #page-facility .main-visual .visual-list {
        padding-top: 94.79%; } }
    #page-facility .main-visual .visual-list li {
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%; }
      #page-facility .main-visual .visual-list li:nth-of-type(n+2) {
        opacity: 0; }
  #page-facility .main-visual .txt-main {
    bottom: 53px;
    left: 248px;
    position: absolute;
    width: 131px;
    z-index: 1; }
    @media (max-width: 767px) {
      #page-facility .main-visual .txt-main {
        bottom: 4.375vw;
        left: 8.125vw;
        width: 14.375vw; } }
  #page-facility .main-visual .img-noren-men, #page-facility .main-visual .img-noren-women {
    bottom: -84px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 88px; }
    #page-facility .main-visual .img-noren-men a, #page-facility .main-visual .img-noren-women a {
      display: block; }
      #page-facility .main-visual .img-noren-men a::after, #page-facility .main-visual .img-noren-women a::after {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        transition: all .3s;
        top: 0;
        width: 100%; }
      @media (min-width: 768px) {
        #page-facility .main-visual .img-noren-men a:hover::after, #page-facility .main-visual .img-noren-women a:hover::after {
          background: rgba(0, 0, 0, 0.5); } }
    @media (max-width: 767px) {
      #page-facility .main-visual .img-noren-men, #page-facility .main-visual .img-noren-women {
        bottom: -18.4375vw;
        width: 18.125vw; } }
  #page-facility .main-visual .img-noren-men {
    right: 126px; }
    @media (max-width: 767px) {
      #page-facility .main-visual .img-noren-men {
        right: 24.375vw; } }
  #page-facility .main-visual .img-noren-women {
    left: 126px; }
    @media (max-width: 767px) {
      #page-facility .main-visual .img-noren-women {
        left: 24.375vw; } }
#page-facility .guide {
  padding: 168px 0 91px;
  position: relative; }
  @media (max-width: 767px) {
    #page-facility .guide {
      padding: 27.8125vw 4.6875vw 10vw; } }
  #page-facility .guide .section-content {
    margin: 0 auto;
    width: 950px; }
    @media (max-width: 767px) {
      #page-facility .guide .section-content {
        width: 100%; } }
  #page-facility .guide .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-facility .guide .bg-img-tree.tree-1 {
      left: 0;
      top: 0;
      width: 912px; }
      @media (max-width: 767px) {
        #page-facility .guide .bg-img-tree.tree-1 {
          width: 69.0625vw; } }
    #page-facility .guide .bg-img-tree.tree-2 {
      right: 0;
      top: 429px;
      width: 302px; }
      @media (max-width: 767px) {
        #page-facility .guide .bg-img-tree.tree-2 {
          top: 111.5625vw;
          width: 25.9375vw; } }
    #page-facility .guide .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-facility .guide .section-title {
    border-bottom: 1px solid #000;
    font-size: 33px;
    line-height: 48px;
    margin-bottom: 58px;
    text-align: center; }
    @media (max-width: 767px) {
      #page-facility .guide .section-title {
        font-size: 5vw;
        line-height: 8.75vw;
        margin-bottom: 7.5vw; } }
  #page-facility .guide .intro {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 77px;
    text-align: center; }
    @media (max-width: 767px) {
      #page-facility .guide .intro {
        font-size: 4.0625vw;
        line-height: 8.4375vw;
        margin-bottom: 9.375vw;
        text-align: left; }
        #page-facility .guide .intro br {
          display: none; } }
  #page-facility .guide .figure-box {
    margin: 0 auto;
    width: 835px; }
    @media (max-width: 767px) {
      #page-facility .guide .figure-box {
        width: 100%; } }
    #page-facility .guide .figure-box img {
      vertical-align: top;
      width: 100%; }
#page-facility .inner-bath .img-main img, #page-facility .outer-bath .img-main img {
  vertical-align: top;
  width: 100%; }
#page-facility .inner-bath > .head-area, #page-facility .outer-bath > .head-area {
  margin: 0 auto 138px;
  padding: 49px 0 0; }
  @media (max-width: 767px) {
    #page-facility .inner-bath > .head-area, #page-facility .outer-bath > .head-area {
      margin: 0 auto 6.875vw;
      padding: 7.8125vw 4.6875vw; } }
  #page-facility .inner-bath > .head-area::after, #page-facility .outer-bath > .head-area::after {
    clear: both;
    content: "";
    display: block; }
  #page-facility .inner-bath > .head-area .head-content, #page-facility .outer-bath > .head-area .head-content {
    margin: 0 auto;
    width: 1100px; }
    @media (max-width: 767px) {
      #page-facility .inner-bath > .head-area .head-content, #page-facility .outer-bath > .head-area .head-content {
        width: 100%; } }
  #page-facility .inner-bath > .head-area .section-title, #page-facility .outer-bath > .head-area .section-title {
    box-sizing: border-box;
    float: left;
    margin-right: 8px;
    padding-top: 11px;
    text-align: center;
    width: 375px; }
    @media (max-width: 767px) {
      #page-facility .inner-bath > .head-area .section-title, #page-facility .outer-bath > .head-area .section-title {
        float: none;
        margin-bottom: 4.375vw;
        padding: 0;
        width: 100%; } }
  #page-facility .inner-bath > .head-area .txt-area, #page-facility .outer-bath > .head-area .txt-area {
    float: left;
    width: 670px; }
    @media (max-width: 767px) {
      #page-facility .inner-bath > .head-area .txt-area, #page-facility .outer-bath > .head-area .txt-area {
        float: none;
        width: 100%; } }
    #page-facility .inner-bath > .head-area .txt-area p, #page-facility .outer-bath > .head-area .txt-area p {
      font-size: 18px;
      line-height: 32px;
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath > .head-area .txt-area p, #page-facility .outer-bath > .head-area .txt-area p {
          font-size: 4.0625vw;
          line-height: 8.4375vw;
          margin-bottom: 3.4375vw; }
          #page-facility .inner-bath > .head-area .txt-area p br, #page-facility .outer-bath > .head-area .txt-area p br {
            display: none; } }
    #page-facility .inner-bath > .head-area .txt-area .tag-list, #page-facility .outer-bath > .head-area .txt-area .tag-list {
      font-size: 0;
      letter-spacing: 0; }
      #page-facility .inner-bath > .head-area .txt-area .tag-list li, #page-facility .outer-bath > .head-area .txt-area .tag-list li {
        display: inline-block;
        margin-right: 19px;
        vertical-align: top;
        width: 116px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath > .head-area .txt-area .tag-list li, #page-facility .outer-bath > .head-area .txt-area .tag-list li {
            margin-right: 3.125vw;
            width: 19.0625vw; } }
        #page-facility .inner-bath > .head-area .txt-area .tag-list li img, #page-facility .outer-bath > .head-area .txt-area .tag-list li img {
          vertical-align: top;
          width: 100%; }
#page-facility .inner-bath .other-bath-list, #page-facility .outer-bath .other-bath-list {
  margin: 0 auto;
  width: 1208px; }
  @media (max-width: 1279px) {
    #page-facility .inner-bath .other-bath-list, #page-facility .outer-bath .other-bath-list {
      box-sizing: border-box;
      width: 100%; } }
  @media (max-width: 767px) {
    #page-facility .inner-bath .other-bath-list, #page-facility .outer-bath .other-bath-list {
      padding: 0 13.4375vw; } }
  #page-facility .inner-bath .other-bath-list::after, #page-facility .outer-bath .other-bath-list::after {
    clear: both;
    content: "";
    display: block; }
  #page-facility .inner-bath .other-bath-list li, #page-facility .outer-bath .other-bath-list li {
    width: 576px; }
    @media (min-width: 768px) {
      #page-facility .inner-bath .other-bath-list li:nth-of-type(1), #page-facility .outer-bath .other-bath-list li:nth-of-type(1) {
        float: left; }
      #page-facility .inner-bath .other-bath-list li:nth-of-type(2), #page-facility .outer-bath .other-bath-list li:nth-of-type(2) {
        float: right; } }
    @media (max-width: 767px) {
      #page-facility .inner-bath .other-bath-list li, #page-facility .outer-bath .other-bath-list li {
        width: 100%; } }
    #page-facility .inner-bath .other-bath-list li .img-box, #page-facility .outer-bath .other-bath-list li .img-box {
      margin-bottom: 40px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath .other-bath-list li .img-box, #page-facility .outer-bath .other-bath-list li .img-box {
          margin-bottom: 5.625vw; } }
      #page-facility .inner-bath .other-bath-list li .img-box img, #page-facility .outer-bath .other-bath-list li .img-box img {
        vertical-align: top;
        width: 100%; }
    #page-facility .inner-bath .other-bath-list li .head-area, #page-facility .outer-bath .other-bath-list li .head-area {
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath .other-bath-list li .head-area, #page-facility .outer-bath .other-bath-list li .head-area {
          margin-bottom: 3.4375vw; } }
      #page-facility .inner-bath .other-bath-list li .head-area::after, #page-facility .outer-bath .other-bath-list li .head-area::after {
        clear: both;
        content: "";
        display: block; }
      #page-facility .inner-bath .other-bath-list li .head-area .txt-head, #page-facility .outer-bath .other-bath-list li .head-area .txt-head {
        float: left;
        vertical-align: top; }
        #page-facility .inner-bath .other-bath-list li .head-area .txt-head img, #page-facility .outer-bath .other-bath-list li .head-area .txt-head img {
          vertical-align: top;
          width: 100%; }
      #page-facility .inner-bath .other-bath-list li .head-area .tag-list, #page-facility .outer-bath .other-bath-list li .head-area .tag-list {
        float: right;
        width: 253px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath .other-bath-list li .head-area .tag-list, #page-facility .outer-bath .other-bath-list li .head-area .tag-list {
            display: inline-block;
            width: auto; } }
        #page-facility .inner-bath .other-bath-list li .head-area .tag-list li, #page-facility .outer-bath .other-bath-list li .head-area .tag-list li {
          display: inline-block;
          margin-right: 2px;
          vertical-align: top;
          width: 116px; }
          @media (max-width: 767px) {
            #page-facility .inner-bath .other-bath-list li .head-area .tag-list li, #page-facility .outer-bath .other-bath-list li .head-area .tag-list li {
              width: 19.0625vw; } }
          #page-facility .inner-bath .other-bath-list li .head-area .tag-list li img, #page-facility .outer-bath .other-bath-list li .head-area .tag-list li img {
            vertical-align: top;
            width: 100%; }
    #page-facility .inner-bath .other-bath-list li p, #page-facility .outer-bath .other-bath-list li p {
      font-size: 18px;
      line-height: 32px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath .other-bath-list li p, #page-facility .outer-bath .other-bath-list li p {
          font-size: 4.0625vw;
          line-height: 8.4375vw; } }
#page-facility .inner-bath {
  padding: 0 0 106px; }
  @media (max-width: 767px) {
    #page-facility .inner-bath {
      padding: 0 0 11.5625vw; } }
  #page-facility .inner-bath > .head-area {
    position: relative; }
    #page-facility .inner-bath > .head-area .bg-img-tree {
      position: absolute;
      z-index: -1; }
      #page-facility .inner-bath > .head-area .bg-img-tree.tree-3 {
        right: 0;
        top: 0;
        width: 286px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath > .head-area .bg-img-tree.tree-3 {
            top: -6.25vw;
            width: 28.125vw; } }
      #page-facility .inner-bath > .head-area .bg-img-tree img {
        vertical-align: top;
        width: 100%; }
    #page-facility .inner-bath > .head-area .section-title img {
      width: 220px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath > .head-area .section-title img {
          width: 34.6875vw; } }
  @media (max-width: 767px) {
    #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) {
      margin-bottom: 6.5625vw; } }
  #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area {
    margin-left: 10px; }
    @media (max-width: 767px) {
      #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area {
        margin-left: 0; } }
    #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
      width: 221px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
          width: 37.8125vw; } }
  #page-facility .inner-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
    width: 296px; }
    @media (max-width: 767px) {
      #page-facility .inner-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
        width: 50.9375vw; } }
#page-facility .outer-bath {
  overflow: hidden;
  padding: 0 0 54px;
  position: relative; }
  @media (max-width: 767px) {
    #page-facility .outer-bath {
      padding: 0 0 9.0625vw; } }
  #page-facility .outer-bath .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-facility .outer-bath .bg-img-tree.tree-5 {
      bottom: -84px;
      right: -56px;
      width: 380px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath .bg-img-tree.tree-5 {
          bottom: 0;
          right: 0;
          width: 32.1875vw; } }
    #page-facility .outer-bath .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-facility .outer-bath > .head-area {
    margin-bottom: 82px;
    position: relative; }
    @media (max-width: 767px) {
      #page-facility .outer-bath > .head-area {
        margin-bottom: 8.75vw; } }
    #page-facility .outer-bath > .head-area .bg-img-tree {
      position: absolute;
      z-index: -1; }
      #page-facility .outer-bath > .head-area .bg-img-tree.tree-4 {
        left: 0;
        top: 0;
        width: 280px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath > .head-area .bg-img-tree.tree-4 {
            top: -6.875vw;
            width: 35vw; } }
      #page-facility .outer-bath > .head-area .bg-img-tree img {
        vertical-align: top;
        width: 100%; }
    #page-facility .outer-bath > .head-area .section-title {
      margin-right: 0;
      padding-left: 25px;
      text-align: left;
      width: 326px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath > .head-area .section-title {
          margin-bottom: 6.25vw;
          padding: 0;
          text-align: center;
          width: 100%; } }
      #page-facility .outer-bath > .head-area .section-title img {
        width: 234px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath > .head-area .section-title img {
            width: 37.8125vw; } }
    #page-facility .outer-bath > .head-area .txt-area {
      width: 774px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath > .head-area .txt-area {
          letter-spacing: -0.01em;
          width: 100%; } }
  #page-facility .outer-bath .other-bath-list {
    margin-bottom: 132px; }
    @media (max-width: 767px) {
      #page-facility .outer-bath .other-bath-list {
        margin-bottom: 13.125vw; } }
    @media (max-width: 767px) {
      #page-facility .outer-bath .other-bath-list > li:nth-of-type(1) {
        margin-bottom: 7.8125vw; } }
    #page-facility .outer-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
      width: 159px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
          width: 25.625vw; } }
    #page-facility .outer-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
      width: 159px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
          width: 25.625vw; } }
  #page-facility .outer-bath .other-facility-list {
    margin: 0 auto;
    width: 888px; }
    @media (max-width: 767px) {
      #page-facility .outer-bath .other-facility-list {
        box-sizing: border-box;
        padding: 0 4.6875vw;
        width: 100%; } }
    #page-facility .outer-bath .other-facility-list::after {
      clear: both;
      content: "";
      display: block; }
    #page-facility .outer-bath .other-facility-list li {
      height: 468px;
      width: 386px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath .other-facility-list li {
          height: 61.875vw;
          width: 44.0625vw; } }
      #page-facility .outer-bath .other-facility-list li:nth-of-type(odd) {
        float: left; }
      #page-facility .outer-bath .other-facility-list li:nth-of-type(even) {
        float: right; }
      #page-facility .outer-bath .other-facility-list li:nth-of-type(1) .list-title {
        width: 90px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-facility-list li:nth-of-type(1) .list-title {
            width: 14.0625vw; } }
      #page-facility .outer-bath .other-facility-list li:nth-of-type(2) .list-title {
        width: 313px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-facility-list li:nth-of-type(2) .list-title {
            width: 32.8125vw; } }
      #page-facility .outer-bath .other-facility-list li:nth-of-type(3) .list-title {
        width: 210px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-facility-list li:nth-of-type(3) .list-title {
            width: 32.8125vw; } }
      #page-facility .outer-bath .other-facility-list li:nth-of-type(4) .list-title {
        width: 60px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-facility-list li:nth-of-type(4) .list-title {
            width: 9.375vw; } }
      #page-facility .outer-bath .other-facility-list li img {
        vertical-align: top;
        width: 100%; }
      #page-facility .outer-bath .other-facility-list li .list-title {
        margin: 0 auto;
        padding-top: 20px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-facility-list li .list-title {
            padding-top: 3.125vw; } }
#page-facility .relaxation {
  background: center/1280px auto url("../image/facility/bg-relaxation.jpg");
  padding: 52px 0 84px; }
  @media (max-width: 767px) {
    #page-facility .relaxation {
      padding: 7.5vw 0 10vw; } }
  #page-facility .relaxation .img-main {
    position: relative; }
    #page-facility .relaxation .img-main img {
      vertical-align: top;
      width: 100%; }
    #page-facility .relaxation .img-main .img-list {
      background: #000;
      padding-top: 54.921875%;
      position: relative; }
      #page-facility .relaxation .img-main .img-list li {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%; }
        #page-facility .relaxation .img-main .img-list li:nth-of-type(n+2) {
          opacity: 0; }
    #page-facility .relaxation .img-main .icon-box {
      bottom: -66px;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 138px; }
      @media (max-width: 767px) {
        #page-facility .relaxation .img-main .icon-box {
          bottom: -8.125vw;
          width: 21.875vw; } }
  #page-facility .relaxation .head-area {
    padding: 112px 0 41px; }
    @media (max-width: 767px) {
      #page-facility .relaxation .head-area {
        padding: 17.8125vw 4.6875vw 7.8125vw; } }
    #page-facility .relaxation .head-area .section-title {
      margin: 0 auto 37px;
      width: 590px; }
      @media (max-width: 767px) {
        #page-facility .relaxation .head-area .section-title {
          margin: 0 auto 6.25vw;
          width: 65.625vw; } }
      #page-facility .relaxation .head-area .section-title img {
        vertical-align: top;
        width: 100%; }
    #page-facility .relaxation .head-area .intro {
      font-size: 18px;
      line-height: 32px;
      margin-bottom: 21px;
      text-align: center; }
      @media (max-width: 767px) {
        #page-facility .relaxation .head-area .intro {
          font-size: 4.0625vw;
          line-height: 8.4375vw;
          margin-bottom: 4.375vw;
          text-align: left; }
          #page-facility .relaxation .head-area .intro br {
            display: none; } }
    #page-facility .relaxation .head-area .caution {
      font-size: 15px;
      line-height: 26px;
      text-align: center; }
      @media (max-width: 767px) {
        #page-facility .relaxation .head-area .caution {
          font-size: 3.75vw;
          line-height: 7.5vw;
          text-align: left; }
          #page-facility .relaxation .head-area .caution br {
            display: none; } }
  #page-facility .relaxation .place-list {
    font-size: 0;
    letter-spacing: 0;
    margin: 0 auto;
    width: 1100px; }
    @media (max-width: 767px) {
      #page-facility .relaxation .place-list {
        box-sizing: border-box;
        padding: 0 13.4375vw;
        width: 100%; } }
    #page-facility .relaxation .place-list li {
      display: inline-block;
      vertical-align: top; }
      @media (min-width: 768px) {
        #page-facility .relaxation .place-list li:nth-of-type(n+2) {
          margin-left: 40px; } }
      @media (max-width: 767px) {
        #page-facility .relaxation .place-list li {
          display: block; } }
      @media (max-width: 767px) {
        #page-facility .relaxation .place-list li:nth-of-type(1) {
          margin-bottom: 5.3125vw; } }
      #page-facility .relaxation .place-list li:nth-of-type(1) .list-title {
        width: 76px; }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li:nth-of-type(1) .list-title {
            width: 16.5625vw; } }
      @media (max-width: 767px) {
        #page-facility .relaxation .place-list li:nth-of-type(2) {
          margin-bottom: 5.625vw; } }
      #page-facility .relaxation .place-list li:nth-of-type(2) .list-title {
        width: 126px; }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li:nth-of-type(2) .list-title {
            width: 27.5vw; } }
      #page-facility .relaxation .place-list li:nth-of-type(3) .list-title {
        width: 151px; }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li:nth-of-type(3) .list-title {
            width: 33.125vw; } }
      #page-facility .relaxation .place-list li .img-box {
        width: 340px; }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li .img-box {
            width: 100%; } }
        #page-facility .relaxation .place-list li .img-box img {
          vertical-align: top;
          width: 100%; }
      #page-facility .relaxation .place-list li .list-title {
        margin: 0 auto;
        padding: 29px 0 0; }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li .list-title {
            padding: 3.75vw 0 0; } }
        #page-facility .relaxation .place-list li .list-title img {
          vertical-align: top;
          width: 100%; }
#page-facility .flower {
  padding: 126px 0 0;
  position: relative; }
  @media (max-width: 767px) {
    #page-facility .flower {
      padding: 20vw 0 0; } }
  #page-facility .flower .bg-img-tree {
    position: absolute;
    z-index: -1; }
    #page-facility .flower .bg-img-tree.tree-6 {
      right: 0;
      top: 0;
      width: 799px; }
      @media (max-width: 767px) {
        #page-facility .flower .bg-img-tree.tree-6 {
          top: -9.375vw;
          width: 65.625vw; } }
    #page-facility .flower .bg-img-tree.tree-7 {
      left: 0;
      top: 702px;
      width: 599px; }
      @media (max-width: 767px) {
        #page-facility .flower .bg-img-tree.tree-7 {
          top: 97.8125vw;
          width: 49.0625vw; } }
    #page-facility .flower .bg-img-tree img {
      vertical-align: top;
      width: 100%; }
  #page-facility .flower .section-content {
    margin: 0 auto;
    width: 1100px; }
    @media (max-width: 767px) {
      #page-facility .flower .section-content {
        width: 100%; } }
  #page-facility .flower .circle-list {
    margin-bottom: 73px;
    position: relative; }
    @media (max-width: 767px) {
      #page-facility .flower .circle-list {
        box-sizing: border-box;
        margin-bottom: 28.75vw;
        padding: 0 4.0625vw; } }
    #page-facility .flower .circle-list li {
      width: 552px; }
      @media (max-width: 767px) {
        #page-facility .flower .circle-list li {
          width: 55vw; } }
      #page-facility .flower .circle-list li:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 260px; }
        @media (max-width: 767px) {
          #page-facility .flower .circle-list li:nth-of-type(2) {
            right: 4.0625vw;
            top: 20.9375vw;
            z-index: -1; } }
      #page-facility .flower .circle-list li img {
        vertical-align: top;
        width: 100%; }
  #page-facility .flower .section-title {
    margin-bottom: 34px;
    margin-left: 97px;
    width: 301px; }
    @media (max-width: 767px) {
      #page-facility .flower .section-title {
        margin: 0 auto 1.25vw;
        width: 39.375vw; } }
    #page-facility .flower .section-title img {
      vertical-align: top;
      width: 100%; }
  #page-facility .flower p {
    font-size: 18px;
    line-height: 32px;
    margin-left: 54px;
    width: 424px; }
    @media (max-width: 767px) {
      #page-facility .flower p {
        box-sizing: border-box;
        font-size: 4.0625vw;
        line-height: 8.4375vw;
        margin: 0;
        padding: 0 13.4375vw;
        width: 100%; }
        #page-facility .flower p br {
          display: none; } }
#page-facility .fee {
  margin: 0 auto;
  padding: 200px 0 117px;
  width: 929px; }
  @media (max-width: 767px) {
    #page-facility .fee {
      box-sizing: border-box;
      padding: 23.4375vw 4.6875vw 13.75vw;
      width: 100%; } }
  #page-facility .fee .section-title {
    border-bottom: 1px solid #000;
    margin-bottom: 37px;
    padding: 0 0 7px;
    text-align: center; }
    @media (max-width: 767px) {
      #page-facility .fee .section-title {
        margin-bottom: 3.75vw;
        padding: 0 0 1.5625vw; } }
    #page-facility .fee .section-title img {
      width: 202px; }
      @media (max-width: 767px) {
        #page-facility .fee .section-title img {
          width: 30.625vw; } }
  #page-facility .fee .img-new-open {
    margin-bottom: 35px;
    width: 283px; }
    @media (max-width: 767px) {
      #page-facility .fee .img-new-open {
        margin: 0 auto 9.0625vw;
        width: 59.375vw; } }
    #page-facility .fee .img-new-open img {
      vertical-align: top;
      width: 100%; }
  #page-facility .fee .figure-box img {
    vertical-align: top;
    width: 100%; }
    
/*FACILITY ADD*/
#page-facility .relaxation .aura {
padding-top:100px;
}

#page-facility .relaxation .aura img {
width:100%;
height:auto;
}

#page-facility .relaxation .aura .title {
width:650px;
margin:0 auto 30px;
}

#page-facility .relaxation .aura .banner {
width:550px;
margin:0 auto 15px;
}

#page-facility .relaxation .aura .banner img {
border-radius:15px;
}

#page-facility .relaxation .aura .banner a:hover {
-webkit-animation:hover 1s ease forwards;
animation:hover 1s ease forwards;
}

#page-facility .relaxation .aura .attention {
text-align:center;
}

@keyframes hover {
0%{opacity:1;}
100%{opacity:0.5;}
}

@media (max-width: 767px) {
#page-facility .relaxation .aura {
padding-top:70px;
}

#page-facility .relaxation .aura img {
width:100%;
height:auto;
}

#page-facility .relaxation .aura .title {
width:80%;
margin:0 auto 20px;
}

#page-facility .relaxation .aura .banner {
width:80%;
margin:0 auto 15px;
}

#page-facility .relaxation .aura .banner img {
border-radius:15px;
}

#page-facility .relaxation .aura .banner a:hover {
-webkit-animation:hover 1s ease forwards;
animation:hover 1s ease forwards;
}

#page-facility .relaxation .aura .attention {
text-align:center;
font-size:80%;
}

@keyframes hover {
0%{opacity:1;}
100%{opacity:0.5;}
}
}


/*
 * Food style
 */
#page-restaurant .main-visual {
  position: relative; }
  #page-restaurant .main-visual img {
    vertical-align: top;
    width: 100%; }
  #page-restaurant .main-visual .visual-list {
    padding-top: 75.9375%;
    position: relative; }
    @media (max-width: 767px) {
      #page-restaurant .main-visual .visual-list {
        padding-top: 94.79%; } }
    #page-restaurant .main-visual .visual-list li {
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%; }
      #page-restaurant .main-visual .visual-list li:nth-of-type(n+2) {
        opacity: 0; }
  #page-restaurant .main-visual .txt-main {
    position: absolute;
    right: 323px;
    top: 160px;
    width: 134px; }
    @media (max-width: 767px) {
      #page-restaurant .main-visual .txt-main {
        right: 31.5625vw;
        top: 19.0625vw;
        width: 13.125vw; } }
  #page-restaurant .main-visual .img-noren {
    position: absolute;
    right: 95px;
    top: 128px;
    width: 162px; }
    @media (max-width: 767px) {
      #page-restaurant .main-visual .img-noren {
        right: 9.375vw;
        top: 16.25vw;
        width: 15.9375vw; } }
#page-restaurant .menu {
  padding: 113px 0 97px; }
  @media (max-width: 767px) {
    #page-restaurant .menu {
      padding: 8.4375vw 0 9.6875vw; } }
  #page-restaurant .menu .intro {
    margin-bottom: 107px; }
    @media (max-width: 767px) {
      #page-restaurant .menu .intro {
        margin-bottom: 12.8125vw; } }
    #page-restaurant .menu .intro .img-box img {
      vertical-align: top;
      width: 100%; }
  #page-restaurant .menu .alacarte-box {
    position: relative; }
    #page-restaurant .menu .alacarte-box .bg-img-tree {
      position: absolute;
      z-index: -1; }
      #page-restaurant .menu .alacarte-box .bg-img-tree.tree-1 {
        right: 0;
        top: -46px;
        width: 386px; }
        @media (max-width: 767px) {
          #page-restaurant .menu .alacarte-box .bg-img-tree.tree-1 {
            top: -2.8125vw;
            width: 31.875vw; } }
      #page-restaurant .menu .alacarte-box .bg-img-tree.tree-2 {
        left: 0;
        top: 1313px;
        width: 342px; }
        @media (max-width: 767px) {
          #page-restaurant .menu .alacarte-box .bg-img-tree.tree-2 {
            top: 106.5625vw;
            width: 24.0625vw; } }
      #page-restaurant .menu .alacarte-box .bg-img-tree.tree-3 {
        right: 0;
        top: 2285px;
        width: 386px; }
        @media (max-width: 767px) {
          #page-restaurant .menu .alacarte-box .bg-img-tree.tree-3 {
            top: 182.5vw;
            width: 31.875vw; } }
      #page-restaurant .menu .alacarte-box .bg-img-tree img {
        vertical-align: top;
        width: 100%; }
    #page-restaurant .menu .alacarte-box .img-alacarte {
      margin: 0 auto 131px;
      width: 1140px; }
      @media (max-width: 767px) {
        #page-restaurant .menu .alacarte-box .img-alacarte {
          box-sizing: border-box;
          margin: 0 auto 18.125vw;
          padding: 0 4.375vw;
          width: 100%; } }
      #page-restaurant .menu .alacarte-box .img-alacarte img {
        vertical-align: top;
        width: 100%; }
  #page-restaurant .menu .day-night-list {
    margin: 0 auto 141px;
    width: 1208px; }
    @media (max-width: 1279px) {
      #page-restaurant .menu .day-night-list {
        width: 100%; } }
    @media (max-width: 767px) {
      #page-restaurant .menu .day-night-list {
        box-sizing: border-box;
        margin: 0 auto 12.5vw;
        padding: 0 4.6875vw; } }
    #page-restaurant .menu .day-night-list::after {
      clear: both;
      content: "";
      display: block; }
    #page-restaurant .menu .day-night-list li {
      width: 576px; }
      @media (max-width: 767px) {
        #page-restaurant .menu .day-night-list li {
          width: calc(50% - 2.1875vw); } }
      #page-restaurant .menu .day-night-list li:nth-of-type(1) {
        float: left; }
        #page-restaurant .menu .day-night-list li:nth-of-type(1) .list-title {
          width: 384px; }
          @media (max-width: 767px) {
            #page-restaurant .menu .day-night-list li:nth-of-type(1) .list-title {
              width: 40.625vw; } }
      #page-restaurant .menu .day-night-list li:nth-of-type(2) {
        float: right; }
        #page-restaurant .menu .day-night-list li:nth-of-type(2) .list-title {
          width: 348px; }
          @media (max-width: 767px) {
            #page-restaurant .menu .day-night-list li:nth-of-type(2) .list-title {
              width: 36.5625vw; } }
      #page-restaurant .menu .day-night-list li img {
        vertical-align: top;
        width: 100%; }
      #page-restaurant .menu .day-night-list li .img-box {
        margin-bottom: 29px; }
        @media (max-width: 767px) {
          #page-restaurant .menu .day-night-list li .img-box {
            margin-bottom: 3.4375vw; } }
      #page-restaurant .menu .day-night-list li .list-title {
        margin: 0 auto; }
  #page-restaurant .menu .content {
    position: relative; }
    #page-restaurant .menu .content .bg-img-tree {
      position: absolute;
      z-index: -1; }
      #page-restaurant .menu .content .bg-img-tree.tree-4 {
        left: 0;
        top: -82px;
        width: 425px; }
        @media (max-width: 767px) {
          #page-restaurant .menu .content .bg-img-tree.tree-4 {
            top: 63.75vw;
            width: 32.5vw; } }
    #page-restaurant .menu .content img {
      vertical-align: top;
      width: 100%; }
    #page-restaurant .menu .content .desc {
      font-size: 22px;
      line-height: 40px;
      margin-bottom: 49px;
      text-align: center; }
      @media (max-width: 767px) {
        #page-restaurant .menu .content .desc {
          font-size: 4.375vw;
          line-height: 8.75vw;
          margin-bottom: 10vw;
          padding: 0 4.6875vw;
          text-align: left; }
          #page-restaurant .menu .content .desc br {
            display: none; } }
    #page-restaurant .menu .content .head {
      margin: 0 auto 80px;
      width: 530px; }
      @media (max-width: 767px) {
        #page-restaurant .menu .content .head {
          margin: 0 auto 15.9375vw;
          width: 83.125vw; } }
    
    #page-restaurant .menu .content .menu_title {
      display: flex;
      justify-content:space-between;
      margin: 0 auto 25px;
      width: 450px; }
      @media (max-width: 767px) {
        #page-restaurant .menu .content .menu_title {
            display: flex;
            justify-content:space-between;
            flex-direction:column;
            margin: 0 auto 25px;
            width: 80%; } }

    #page-restaurant .menu .content .menu_btns {
      display: flex;
      justify-content:space-between;
      margin: 0 auto;
      width: 630px; }
      @media (max-width: 767px) {
        #page-restaurant .menu .content .menu_btns {
            display: flex;
            justify-content:space-between;
            flex-direction:column;
            margin: 0 auto 50px;
            width: 90%; } }
    #page-restaurant .menu .content .btn-view-menu {
      display: block;
      margin: 0 auto 85px;
      width: 300px; }
      @media (max-width: 767px) {
        #page-restaurant .menu .content .btn-view-menu {
          margin: 0 auto 20px;
          width: 70%; } }
    #page-restaurant .menu .content .logo {
      margin: 0 auto 3px;
      width: 445px; }
      @media (max-width: 767px) {
        #page-restaurant .menu .content .logo {
          margin: 0 auto 1.875vw;
          width: 49.6875vw; } }
    #page-restaurant .menu .content .business-hour {
      color: #566f3b;
      font-size: 22px;
      line-height: 54px;
      text-align: center; }
      @media (max-width: 767px) {
        #page-restaurant .menu .content .business-hour {
          font-size: 4.0625vw;
          line-height: 6.875vw; } }

/*
 * Facility Guide style
 */
#page-facility-guide.men .page-head {
  background: #174373 repeat-x center bottom/1242px auto url("../image/facility-guide/img-forest-bg.png"); }
  @media (max-width: 767px) {
    #page-facility-guide.men .page-head {
      background: #174373 repeat-x center bottom/121.25vw auto url("../image/facility-guide/img-forest-bg.png"); } }
#page-facility-guide.men .map .figure-box {
  margin: 0 auto 71px;
  width: 1102px; }
  @media (max-width: 767px) {
    #page-facility-guide.men .map .figure-box {
      margin: 0 auto 9.375vw;
      width: 100%; } }
#page-facility-guide.women .page-head {
  background: #80212B repeat-x center bottom/1242px auto url("../image/facility-guide/img-forest-bg.png"); }
  @media (max-width: 767px) {
    #page-facility-guide.women .page-head {
      background: #80212B repeat-x center bottom/121.25vw auto url("../image/facility-guide/img-forest-bg.png"); } }
#page-facility-guide.women .map .figure-box {
  margin: 0 auto 101px;
  width: 1210px; }
  @media (max-width: 1210px) {
    #page-facility-guide.women .map .figure-box {
      width: 100%; } }
  @media (max-width: 767px) {
    #page-facility-guide.women .map .figure-box {
      margin: 0 auto 13.75vw; } }
#page-facility-guide .page-head {
  box-sizing: border-box;
  height: 982px;
  padding: 202px 0 0; }
  @media (max-width: 767px) {
    #page-facility-guide .page-head {
      height: auto;
      padding: 27.5vw 0 36.25vw; } }
  #page-facility-guide .page-head img {
    vertical-align: top;
    width: 100%; }
  #page-facility-guide .page-head .head-content {
    margin: 0 auto;
    position: relative;
    width: 1028px; }
    @media (max-width: 767px) {
      #page-facility-guide .page-head .head-content {
        width: 100%; } }
    #page-facility-guide .page-head .head-content .logo-head {
      position: absolute;
      right: 0;
      top: 37px;
      width: 163px; }
      @media (max-width: 767px) {
        #page-facility-guide .page-head .head-content .logo-head {
          margin: 0 auto 15.3125vw;
          position: static;
          width: 41.875vw; } }
    #page-facility-guide .page-head .head-content .txt-head {
      position: absolute;
      width: 773px; }
      @media (max-width: 767px) {
        #page-facility-guide .page-head .head-content .txt-head {
          margin: 0 auto;
          position: static;
          width: 90.625vw; } }
#page-facility-guide .map {
  background: #CEC8B3;
  padding: 68px 0 45px; }
  @media (max-width: 767px) {
    #page-facility-guide .map {
      padding: 5.9375vw 3.75vw 4.6875vw; } }
  @media (max-width: 767px) {
    #page-facility-guide .map .figure-box {
      width: 100%; } }
  #page-facility-guide .map .figure-box img {
    vertical-align: top;
    width: 100%; }
  #page-facility-guide .map .btn-back {
    border: 1px solid #000;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    height: 35px;
    letter-spacing: 0.12em;
    line-height: 33px;
    margin: 0 auto;
    text-align: center;
    width: 219px; }
    @media (max-width: 767px) {
      #page-facility-guide .map .btn-back {
        height: 7.1875vw;
        font-size: 3.75vw;
        line-height: 6.5625vw;
        width: 45.625vw; } }


/*ADD*/
.traffic {
background:#f9f7f7;
padding:25px 25px;
margin-top:15px;
}

.traffic p {
padding:0 !important;
margin:0 !important;
}

.traffic .item {
font-size:110%;
font-weight:bold;
margin-bottom:7px !important;
}

.traffic .access {
font-size:90% !important;
padding-bottom:10px !important;
}

.traffic a {
background:#14418d;
display:flex;
justify-content:center;
align-items:center;
padding:7px 15px;
}

.traffic a p {
font-size:100% !important;
color:#fff;
margin-right:10px;
}

.traffic a .arrow {
width:10px;
height:10px;
border-top:#fff 1px solid;
border-right:#fff 1px solid;
transform:rotate(45deg);
}



/*
 * Facility style
 */
#page-private-bath {
    background:url(../../private-bath/img/bg.jpg) center;
}

#page-private-bath .maintitle {
    position:absolute;
    z-index:1;
    top:300px;
    left:0;
    right:0;
    margin:auto;
    width:250px;
}

#page-private-bath .maintitle img {
    width:100%;
    height:auto;
}

#page-private-bath .main-visual {
    position: relative; }
    #page-private-bath .main-visual img {
      vertical-align: top;
      width: 100%; }
      #page-private-bath .main-visual .visual-list {
      background: #000;
      padding-top: 75.42%;
      position: relative; }
      @media (max-width: 767px) {
        #page-private-bath .main-visual .visual-list {
          padding-top: 94.79%; } }
          #page-private-bath .main-visual .visual-list li {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%; }
        #page-private-bath .main-visual .visual-list li:nth-of-type(n+2) {
          opacity: 0; }
    #page-private-bath .main-visual .txt-main {
      bottom: 53px;
      left: 248px;
      position: absolute;
      width: 131px;
      z-index: 1; }
      @media (max-width: 767px) {
        #page-private-bath .main-visual .txt-main {
          bottom: 4.375vw;
          left: 8.125vw;
          width: 14.375vw; } }

#page-private-bath .guide {
    padding:100px 0;
    position: relative; 
    text-align:center;
}

#page-private-bath .guide .cts {
    width:100%;
    margin:auto;
    text-align:center;
}

#page-private-bath .guide .symbol {
    width:50px;
    margin:0 auto 20px;
}

#page-private-bath .guide h2 {
    width:350px;
    margin:0 auto 15px;
}

#page-private-bath .guide .kana {
    width:200px;
    margin:0 auto 30px;
}

#page-private-bath .guide .intro {
    letter-spacing:1px;
    margin-bottom:30px;
}

#page-private-bath .guide .fullmap {
    width:800px;
    margin:0 auto 30px;
}

#page-private-bath .guide .details {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#page-private-bath .guide .details #mainphoto {
    width:55%;
    height:500px;
    overflow:hidden;
}

#page-private-bath .guide .details #mainphoto .intro_slider {
    width:100%;
    height:100%;
}

#page-private-bath .guide .details #mainphoto .mainphoto {
    width:100%;
    height:100%;
}

#page-private-bath .guide .details #mainphoto .mainphoto1 {
    background:url(../../private-bath/img/mainphoto_1.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details #mainphoto .mainphoto2 {
    background:url(../../private-bath/img/mainphoto_2.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details #mainphoto .mainphoto3 {
    background:url(../../private-bath/img/mainphoto_3.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details #mainphoto .mainphoto4 {
    background:url(../../private-bath/img/mainphoto_4.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details .areamap {
    width:45%;
}

#page-private-bath .guide .details .areamap .map {
    max-width:450px;
    display:flex;
    justify-content:center;
    align-items:center;
}

#page-private-bath .guide .details .areamap .map img {
    width:300px;
}

#page-private-bath #select {
    margin-bottom:100px;
}

#page-private-bath #select .selection {
    display:flex;
}

#page-private-bath #select .selection .select {
    width:33.3%;
    height:350px;
    position:relative;
    overflow:hidden;
}

#page-private-bath #select .selection .select:nth-child(2) {
    width:33.4%;
}

#page-private-bath #select .selection .select .photo {
    width:100%;
    height:100%;
}

#page-private-bath #select .selection .select .photo1 {
    background:url(../../private-bath/img/select_1.jpg) center;
    background-size:cover;
}

#page-private-bath #select .selection .select .photo2 {
    background:url(../../private-bath/img/select_2.jpg) center;
    background-size:cover;
}

#page-private-bath #select .selection .select .photo3 {
    background:url(../../private-bath/img/select_3.jpg) center;
    background-size:cover;
}

#page-private-bath #select .selection .select .photo .name {
    width:100%;
    background:rgba(0,0,0,0.7);
    padding:25px 0;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    text-align:center;
}

#page-private-bath #select .selection .select .photo .name p {
    color:#fff;
    font-size:120%;
    letter-spacing:3px;
    text-align:center;
}

#page-private-bath #room {

}

#page-private-bath #room .cts {
    width:100%;
    margin:auto;
}

#page-private-bath #room .rooms {

}

#page-private-bath #room .rooms .room {
    width:100%;
    overflow:hidden;
    padding:100px 0;
}

#page-private-bath img {
    width:100%;
    height:auto;
}

#page-private-bath #room .rooms .room .styles {
    display:flex;
    justify-content:flex-end;
    margin:0 20px 15px 0;
}

#page-private-bath #room .rooms .room .styles .style {
    width:35px;
    margin-left:10px;
}

#page-private-bath #room .rooms .room .main {
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-bottom:50px;
}

#page-private-bath #room .rooms .room .main .item {
    width:25%;
    display:flex;
    justify-content:center;
    align-items:center;
}

#page-private-bath #room .rooms .room .main .item h3 {
    font-size:180%;
    letter-spacing:3px;
    color:#fff;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

#page-private-bath #room .rooms .room .main .main_photo {
    width:75%;
    height:550px;
}

#page-private-bath #room .rooms .room .main .typo {
    position:absolute;
}

#page-private-bath #room .rooms .room .types {
    width:1000px;
    margin:0 auto 50px;
}

#page-private-bath #room .rooms .room .types .type {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:50px;
}

#page-private-bath #room .rooms .room .types .type:last-child {
    margin-bottom:0;
}

#page-private-bath #room .rooms .room .types .type .photo {
    width:50%;
    height:350px;
}

#page-private-bath #room .rooms .room .types .type .details {
    width:50%;
}

#page-private-bath #room .rooms .room .types .type .details .detail {
}

#page-private-bath #room .rooms .room .types .type .details .detail .icon {
    width:80px;
    margin-bottom:15px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .number {
    font-size:80%;
    color:#fff;
    padding-bottom:5px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .capacity {
    font-size:80%;
    color:#fff;
    padding-bottom:5px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .attention {
    font-size:80%;
    color:#fff;
    padding-bottom:5px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .size {
    font-size:80%;
    color:#fff;
}

#page-private-bath #room .rooms .room .data {
    width:1000px;
    margin:auto;
    background:rgba(0,0,0,0.3);
    padding:25px 30px;
    box-sizing:border-box;
}

#page-private-bath #room .rooms .room .data .sets {

}

#page-private-bath #room .rooms .room .data .sets .set {
    padding-bottom:10px;
}

#page-private-bath #room .rooms .room .data .sets .set:last-child {
    padding-bottom:0;
}

#page-private-bath #room .rooms .room .data .sets .set .item {
    font-size:70%;
    color:#969696;
    padding-bottom:3px;
}

#page-private-bath #room .rooms .room .data .sets .set .amenity {
    font-size:70%;
    color:#fff;
}

#page-private-bath #room .rooms .room .terms_cts {
    width:1000px;
    margin:15px auto 0;
}

#page-private-bath #room .rooms .room .terms {
    display:flex;
    align-items:center;
    margin-bottom:5px;
}

#page-private-bath #room .rooms .room .terms:last-child {
    margin-bottom:0;
}

#page-private-bath #room .rooms .room .terms .arrow {
    width:6px;
    height:6px;
    border-top:#fff 1px solid;
    border-right:#fff 1px solid;
    transform:rotate(45deg);
    margin-right:6px;
}

#page-private-bath #room .rooms .room .terms a {
    color:#fff;
    font-size:80%;
}


/*STANDARD ROOM*/
#page-private-bath #room .rooms #room1 {
    background:#323232;
}

#page-private-bath #room .rooms #room1 .main .main_photo {
    background:url(../../private-bath/img/standard_main.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .main .typo {
    top:-60px;
    left:20px;
    z-index:1;
}

#page-private-bath #room .rooms #room1 .main .typo img {
    width:auto;
    height:90px;
}

#page-private-bath #room .rooms #room1 .photo1 {
    background:url(../../private-bath/img/standard_1.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .photo2 {
    background:url(../../private-bath/img/standard_2.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .photo3 {
    background:url(../../private-bath/img/standard_3.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(2) {
    flex-direction:row-reverse;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(odd) .details {
    padding-left:50px;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(2) .details {
    padding-right:50px;
    text-align:right;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(2) .details .icon {
    margin:0 0 15px auto;
}


/*DOG FRIENDLY ROOM*/
#page-private-bath #room .rooms #room2 {
    background:#564236;
}

#page-private-bath #room .rooms #room2 .styles {
    justify-content:flex-start;
    margin:0 0 15px 20px;
}

#page-private-bath #room .rooms #room2 .styles .style {
    width:35px;
    margin:0 0 0 0;
}

#page-private-bath #room .rooms #room2 .main {
    flex-direction:row-reverse;
}

#page-private-bath #room .rooms #room2 .main .main_photo {
    background:url(../../private-bath/img/dog_main.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room2 .main .typo {
    top:-60px;
    right:20px;
    z-index:1;
}

#page-private-bath #room .rooms #room2 .main .typo img {
    width:auto;
    height:120px;
}

#page-private-bath #room .rooms #room2 .photo1 {
    background:url(../../private-bath/img/dog_1.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room2 .types .type {
    flex-direction:row-reverse;
}

#page-private-bath #room .rooms #room2 .types .type .details {
    padding-right:50px;
    text-align:right;
}

#page-private-bath #room .rooms #room2 .types .type .details .icon {
    margin:0 0 15px auto;
}




/*DELUXE ROOM*/
#page-private-bath #room .rooms #room3 {
    background:#323232;
}

#page-private-bath #room .rooms #room3 .main .main_photo {
    background:url(../../private-bath/img/deluxe_main.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room3 .main .typo {
    top:-60px;
    left:20px;
    z-index:1;
}

#page-private-bath #room .rooms #room3 .main .typo img {
    width:auto;
    height:90px;
}

#page-private-bath #room .rooms #room3 .photo1 {
    background:url(../../private-bath/img/deluxe_1.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room3 .types .type .details {
    padding-left:50px;
}


/*PRICE*/
#page-private-bath #price {
    padding-top:100px;
    margin-bottom:100px;
}

#page-private-bath #price .cts {
    width:1000px;
    margin:auto;
}

#page-private-bath #price h2 {
    font-size:200%;
    text-align:center;
}

#page-private-bath #price .tax {
    font-size:80%;
    text-align:center;
    padding-bottom:35px;
}

#page-private-bath #price .copy {
    text-align:center;
    margin-bottom:30px;
}

#page-private-bath #price .prices {

}

#page-private-bath #price .prices .price {
    margin-bottom:30px;
}

#page-private-bath #price .prices .price:last-child {
    margin-bottom:15px;
}

#page-private-bath #price .prices .price table {
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

#page-private-bath #price .prices .price table th {
    border:#000 1px solid;
    padding:5px;
    text-align:center;
    font-size:80%;
    background:#e7e4e0;
}

#page-private-bath #price .prices .price table th:first-child {
    font-size:100%;
    width:25%;
    vertical-align:middle;
}

#page-private-bath #price .prices .price table th:nth-child(2) {
    width:10%;
}

#page-private-bath #price .prices .price table th:nth-child(3) {
    width:25%;
}

#page-private-bath #price .prices .price table th:nth-child(4) {
    width:20%;
}

#page-private-bath #price .prices .price table th:nth-child(5) {
    width:20%;
}

#page-private-bath #price .prices .price table th .fs {
    font-size:70%;
    padding-top:3px;
}

#page-private-bath #price .prices .price table td {
    border:#000 1px solid;
    padding:10px;
    text-align:center;
    vertical-align:middle;
}

#page-private-bath #price .prices .price table td .fs {
    font-size:70%;
    padding-top:3px;
}

#page-private-bath #price .attention {
    padding-top:10px;
}

#page-private-bath #price .attention p {
    font-size:80%;
    display:flex;
}

#page-private-bath #price .member_price {
    width:1000px;
    margin:70px auto 0;
}

#page-private-bath #price .member_price .member_price_item {
    margin-bottom:10px;
}

#page-private-bath #price .member_price table {
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

#page-private-bath #price .member_price table th {
    border:#000 1px solid;
    padding:5px;
    text-align:center;
    width:30%;
    vertical-align:middle;
    padding:10px;
    background:#e7e4e0;
}

#page-private-bath #price .member_price table th .fs {
    font-size:80%;
    padding-left:10px;
}

#page-private-bath #price .member_price table td {
    border:#000 1px solid;
    padding:5px;
    text-align:center;
    width:35%;
    padding:10px;
}

#page-private-bath #price .member_price table td:last-child {
}

#page-private-bath #attention {
    padding-top:100px;
    padding-bottom:100px;
    background:#fff;
}

#page-private-bath #attention .cts {
    width:1000px;
    margin:auto;
}

#page-private-bath #attention h2 {
    font-size:200%;
    text-align:center;
    padding-bottom:15px;
    border-bottom:#000 1px solid;
    margin-bottom:15px;
}

#page-private-bath #attention .attentions {

}

#page-private-bath #attention .attentions .attention {
    display:flex;
    margin-bottom:5px;
}

#page-private-bath #attention .attentions .attention p {
    font-size:80%;
}

#page-private-bath .cta {
    padding-top:50px;
}

#page-private-bath .cta a {
    width:500px;
    height:90px;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#004277;
    position:relative;
}

#page-private-bath .cta a p {
    font-size:120%;
    color:#fff;
}

#page-private-bath .cta a .arrow {
    width:10px;
    height:10px;
    border-top:#fff 1px solid;
    border-right:#fff 1px solid;
    transform:rotate(45deg);
    position:absolute;
    right:25px;
}

#page-private-bath #scene {
    width:100%;
}

#page-private-bath #scene .swiper-wrapper {
    transition-timing-function:linear;
}

.swiperThumbnail .swiper-slide-thumb-active,
.swiperThumbnail2 .swiper-slide-thumb-active,
.swiperThumbnail3 .swiper-slide-thumb-active {
    opacity:0.4;
}

#page-private-bath #room .rooms .room .photomain {
    margin-bottom:5px;
}


#page-private-bath a:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

@keyframes hover {
0%{opacity:1;}
100%{opacity:0.5;}
}



/*PRIVATE BATH ver.SP*/
#page-private-bath {
    width:100%;
    overflow-x:hidden;
    background:url(../../private-bath/img/bg.jpg) center;
}

@media (max-width: 767px) {
#page-private-bath .maintitle {
    position:absolute;
    z-index:1;
    top:25vw;
    left:0;
    right:0;
    margin:auto;
    width:120px;
}

#page-private-bath .maintitle img {
    width:100%;
    height:auto;
}

#page-private-bath .guide {
    padding:70px 0;
    position: relative; 
    text-align:center;
}

#page-private-bath .guide .cts {
    width:100%;
    margin:auto;
    text-align:center;
}

#page-private-bath .guide .symbol {
    width:40px;
    margin:0 auto 10px;
}

#page-private-bath .guide h2 {
    width:250px;
    margin:0 auto 10px;
}

#page-private-bath .guide .kana {
    width:150px;
    margin:0 auto 30px;
}

#page-private-bath .guide .intro {
    width:90%;
    margin:0 auto 25px;
    letter-spacing:1px;
}

#page-private-bath .guide .fullmap {
    width:90%;
    margin:0 auto 20px;
}

#page-private-bath .guide .details {
    display:block;
}

#page-private-bath .guide .details #mainphoto {
    width:100%;
    height:60vw;
    margin-bottom:25px;
}

#page-private-bath .guide .details #mainphoto .intro_slider {
    width:100%;
    height:100%;
}

#page-private-bath .guide .details #mainphoto .mainphoto {
    width:100%;
    height:100%;
}

#page-private-bath .guide .details #mainphoto .mainphoto1 {
    background:url(../../private-bath/img/mainphoto_1.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details #mainphoto .mainphoto2 {
    background:url(../../private-bath/img/mainphoto_2.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details #mainphoto .mainphoto3 {
    background:url(../../private-bath/img/mainphoto_3.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details #mainphoto .mainphoto4 {
    background:url(../../private-bath/img/mainphoto_4.jpg) center;
    background-size:cover;
}

#page-private-bath .guide .details .areamap {
    width:100%;
    margin:auto;
}

#page-private-bath .guide .details .areamap .map {
    max-width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

#page-private-bath .guide .details .areamap .map img {
}

#page-private-bath #select {
    margin-bottom:50px;
}

#page-private-bath #select .selection {
    display:flex;
}

#page-private-bath #select .selection .select {
    width:33.3%;
    height:250px;
    position:relative;
    overflow:hidden;
}

#page-private-bath #select .selection .select:nth-child(2) {
    width:33.4%;
}

#page-private-bath #select .selection .select .photo {
    width:100%;
    height:100%;
}

#page-private-bath #select .selection .select .photo1 {
    background:url(../../private-bath/img/select_1.jpg) center;
    background-size:cover;
}

#page-private-bath #select .selection .select .photo2 {
    background:url(../../private-bath/img/select_2.jpg) center;
    background-size:cover;
}

#page-private-bath #select .selection .select .photo3 {
    background:url(../../private-bath/img/select_3.jpg) center;
    background-size:cover;
}

#page-private-bath #select .selection .select .photo .name {
    width:100%;
    background:rgba(0,0,0,0.7);
    padding:10px 0;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    text-align:center;
}

#page-private-bath #select .selection .select .photo .name p {
    color:#fff;
    font-size:80%;
    letter-spacing:2px;
    text-align:center;
}

#page-private-bath #room {
}

#page-private-bath #room .cts {
    width:100%;
    margin:auto;
}

#page-private-bath #room .rooms {
}

#page-private-bath #room .rooms .room {
    width:100%;
    overflow:hidden;
    padding:50px 0;
}

#page-private-bath img {
    width:100%;
    height:auto;
}

#page-private-bath #room .rooms .room .styles {
    display:flex;
    justify-content:flex-end;
    margin:0 15px 25px 0;
}

#page-private-bath #room .rooms .room .styles .style {
    width:25px;
    margin-left:8px;
}

#page-private-bath #room .rooms .room .main {
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-bottom:50px;
}

#page-private-bath #room .rooms .room .main .item {
    width:20%;
    display:flex;
    justify-content:center;
    align-items:center;
}

#page-private-bath #room .rooms .room .main .item h3 {
    font-size:100%;
    letter-spacing:2px;
    color:#fff;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

#page-private-bath #room .rooms .room .main .main_photo {
    width:80%;
    height:60vw;
}

#page-private-bath #room .rooms .room .main .typo {
    position:absolute;
}

#page-private-bath #room .rooms .room .types {
    width:90%;
    margin:0 auto 50px;
}

#page-private-bath #room .rooms .room .types .type {
    display:block;
    margin-bottom:50px;
}

#page-private-bath #room .rooms .room .types .type:last-child {
    margin-bottom:0;
}

#page-private-bath #room .rooms .room .types .type .photo {
    width:100%;
    height:65vw;
    margin-bottom:20px;
}

#page-private-bath #room .rooms .room .types .type .details {
    width:100%;
}

#page-private-bath #room .rooms .room .types .type .details .detail {
}

#page-private-bath #room .rooms .room .types .type .details .detail .icon {
    width:60px;
    margin:0 auto 15px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .number {
    font-size:80%;
    color:#fff;
    padding-bottom:5px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .capacity {
    font-size:80%;
    color:#fff;
    padding-bottom:5px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .attention {
    font-size:80%;
    color:#fff;
    padding-bottom:5px;
}

#page-private-bath #room .rooms .room .types .type .details .detail .size {
    font-size:80%;
    color:#fff;
}

#page-private-bath #room .rooms .room .data {
    width:90%;
    margin:auto;
    background:rgba(0,0,0,0.3);
    padding:20px 25px;
    box-sizing:border-box;
}

#page-private-bath #room .rooms .room .data .sets {

}

#page-private-bath #room .rooms .room .data .sets .set {
    padding-bottom:10px;
}

#page-private-bath #room .rooms .room .data .sets .set:last-child {
    padding-bottom:0;
}

#page-private-bath #room .rooms .room .data .sets .set .item {
    font-size:70%;
    color:#969696;
    padding-bottom:3px;
}

#page-private-bath #room .rooms .room .data .sets .set .amenity {
    font-size:70%;
    color:#fff;
}

#page-private-bath #room .rooms .room .terms_cts {
    width:90%;
    margin:15px auto 0;
}

#page-private-bath #room .rooms .room .terms {
    display:flex;
    align-items:center;
    margin-bottom:5px;
}

#page-private-bath #room .rooms .room .terms:last-child {
    margin-bottom:0;
}

#page-private-bath #room .rooms .room .terms .arrow {
    width:6px;
    height:6px;
    border-top:#fff 1px solid;
    border-right:#fff 1px solid;
    transform:rotate(45deg);
    margin-right:6px;
}

#page-private-bath #room .rooms .room .terms a {
    color:#fff;
    font-size:80%;
}


/*STANDARD ROOM*/
#page-private-bath #room .rooms #room1 {
    background:#323232;
}

#page-private-bath #room .rooms #room1 .main .main_photo {
    background:url(../../private-bath/img/standard_main.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .main .typo {
    top:-25px;
    left:20px;
    z-index:1;
}

#page-private-bath #room .rooms #room1 .main .typo img {
    width:auto;
    height:35px;
}

#page-private-bath #room .rooms #room1 .photo1 {
    background:url(../../private-bath/img/standard_1.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .photo2 {
    background:url(../../private-bath/img/standard_2.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .photo3 {
    background:url(../../private-bath/img/standard_3.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(2) {
    flex-direction:row-reverse;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(odd) .details {
    padding-left:0;
    text-align:center;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(2) .details {
    padding-right:0;
    text-align:center;
}

#page-private-bath #room .rooms #room1 .types .type:nth-child(2) .details .icon {
    margin:0 auto 15px;
}


/*DOG FRIENDLY ROOM*/
#page-private-bath #room .rooms #room2 {
    background:#564236;
}

#page-private-bath #room .rooms #room2 .styles {
    justify-content:flex-start;
    margin:0 0 15px 20px;
}

#page-private-bath #room .rooms #room2 .styles .style {
    width:35px;
    margin:0 0 0 0;
}

#page-private-bath #room .rooms #room2 .main {
    flex-direction:row-reverse;
}

#page-private-bath #room .rooms #room2 .main .main_photo {
    background:url(../../private-bath/img/dog_main.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room2 .main .typo {
    top:-20px;
    right:20px;
    z-index:1;
}

#page-private-bath #room .rooms #room2 .main .typo img {
    width:auto;
    height:40px;
}

#page-private-bath #room .rooms #room2 .photo1 {
    background:url(../../private-bath/img/dog_1.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room2 .types .type {
    flex-direction:row-reverse;
}

#page-private-bath #room .rooms #room2 .types .type .details {
    padding-right:0;
    text-align:center;
}

#page-private-bath #room .rooms #room2 .types .type .details .icon {
    margin:0 auto 15px;
}




/*DELUXE ROOM*/
#page-private-bath #room .rooms #room3 {
    background:#323232;
}

#page-private-bath #room .rooms #room3 .main .main_photo {
    background:url(../../private-bath/img/deluxe_main.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room3 .main .typo {
    top:-20px;
    left:20px;
    z-index:1;
}

#page-private-bath #room .rooms #room3 .main .typo img {
    width:auto;
    height:35px;
}

#page-private-bath #room .rooms #room3 .photo1 {
    background:url(../../private-bath/img/deluxe_1.jpg) center;
    background-size:cover;
}

#page-private-bath #room .rooms #room3 .types .type .details {
    padding-left:0;
    text-align:center;
}



/*PRICE*/
#page-private-bath #price {
    padding-top:70px;
    margin-bottom:50px;
}

#page-private-bath #price .cts {
    width:90%;
    margin:auto;
}

#page-private-bath #price h2 {
    font-size:180%;
    text-align:center;
}

#page-private-bath #price .tax {
    font-size:70%;
    text-align:center;
    padding-bottom:25px;
}

#page-private-bath #price .copy {
    text-align:center;
    margin-bottom:30px;
}

#page-private-bath #price .prices {
}

#page-private-bath #price .prices .price {
    margin-bottom:30px;
}

#page-private-bath #price .prices .price:last-child {
    margin-bottom:15px;
}

#page-private-bath #price .prices .price table {
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

#page-private-bath #price .prices .price table th {
    border:#000 1px solid;
    padding:5px;
    text-align:center;
    font-size:70%;
    background:#e7e4e0;
}

#page-private-bath #price .prices .price table th:first-child {
    font-size:80%;
    width:25%;
    vertical-align:middle;
}

#page-private-bath #price .prices .price table th:nth-child(2) {
    width:15%;
}

#page-private-bath #price .prices .price table th:nth-child(3) {
    width:20%;
}

#page-private-bath #price .prices .price table th:nth-child(4) {
    width:20%;
}

#page-private-bath #price .prices .price table th:nth-child(5) {
    width:20%;
}

#page-private-bath #price .prices .price table th .fs {
    font-size:60%;
    padding-top:3px;
}

#page-private-bath #price .prices .price table td {
    border:#000 1px solid;
    font-size:70%;
    padding:10px 5px;
    text-align:center;
    vertical-align:middle;
}

#page-private-bath #price .prices .price table td .fs {
    font-size:60%;
    padding-top:3px;
}

#page-private-bath #price .attention {
    padding-top:10px;
}

#page-private-bath #price .attention p {
    font-size:70%;
    display:flex;
}

#page-private-bath #price .member_price {
    width:90%;
    margin:70px auto 0;
}

#page-private-bath #price .member_price .member_price_item {
    margin-bottom:10px;
}

#page-private-bath #price .member_price table {
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

#page-private-bath #price .member_price table th {
    border:#000 1px solid;
    padding:5px;
    text-align:center;
    width:30%;
    vertical-align:middle;
    padding:5px;
    background:#e7e4e0;
    font-size:80%;
}

#page-private-bath #price .member_price table th .fs {
    font-size:60%;
    padding-left:10px;
}

#page-private-bath #price .member_price table td {
    border:#000 1px solid;
    padding:5px;
    text-align:center;
    width:35%;
    padding:10px 5px;
    font-size:70%;
    vertical-align:middle;
}

#page-private-bath #price .member_price table td:last-child {
}

#page-private-bath #attention {
    padding-top:70px;
    padding-bottom:100px;
    background:#fff;
}

#page-private-bath #attention .cts {
    width:90%;
    margin:auto;
}

#page-private-bath #attention h2 {
    font-size:180%;
    text-align:center;
    padding-bottom:15px;
    border-bottom:#000 1px solid;
    margin-bottom:15px;
}

#page-private-bath #attention .attentions {
}

#page-private-bath #attention .attentions .attention {
    display:flex;
    margin-bottom:5px;
}

#page-private-bath #attention .attentions .attention p {
    font-size:80%;
}

#page-private-bath .cta {
    width:90%;
    margin:auto;
    padding-top:50px;
}

#page-private-bath .cta a {
    width:100%;
    height:90px;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#004277;
    position:relative;
}

#page-private-bath .cta a p {
    font-size:120%;
    color:#fff;
}

#page-private-bath .cta a .arrow {
    width:10px;
    height:10px;
    border-top:#fff 1px solid;
    border-right:#fff 1px solid;
    transform:rotate(45deg);
    position:absolute;
    right:25px;
}

#page-private-bath #scene {
    width:100%;
}

#page-private-bath #scene .swiper-wrapper {
    transition-timing-function:linear;
}




.swiperThumbnail .swiper-slide-thumb-active,
.swiperThumbnail2 .swiper-slide-thumb-active,
.swiperThumbnail3 .swiper-slide-thumb-active {
    opacity:0.4;
}

#page-private-bath #room .rooms .room .photomain {
    margin-bottom:5px;
}


#page-private-bath a:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

@keyframes hover {
0%{opacity:1;}
100%{opacity:0.5;}
}


}




          
  #page-facility .inner-bath .img-main img, #page-facility .outer-bath .img-main img {
    vertical-align: top;
    width: 100%; }
  #page-facility .inner-bath > .head-area, #page-facility .outer-bath > .head-area {
    margin: 0 auto 138px;
    padding: 49px 0 0; }
    @media (max-width: 767px) {
      #page-facility .inner-bath > .head-area, #page-facility .outer-bath > .head-area {
        margin: 0 auto 6.875vw;
        padding: 7.8125vw 4.6875vw; } }
    #page-facility .inner-bath > .head-area::after, #page-facility .outer-bath > .head-area::after {
      clear: both;
      content: "";
      display: block; }
    #page-facility .inner-bath > .head-area .head-content, #page-facility .outer-bath > .head-area .head-content {
      margin: 0 auto;
      width: 1100px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath > .head-area .head-content, #page-facility .outer-bath > .head-area .head-content {
          width: 100%; } }
    #page-facility .inner-bath > .head-area .section-title, #page-facility .outer-bath > .head-area .section-title {
      box-sizing: border-box;
      float: left;
      margin-right: 8px;
      padding-top: 11px;
      text-align: center;
      width: 375px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath > .head-area .section-title, #page-facility .outer-bath > .head-area .section-title {
          float: none;
          margin-bottom: 4.375vw;
          padding: 0;
          width: 100%; } }
    #page-facility .inner-bath > .head-area .txt-area, #page-facility .outer-bath > .head-area .txt-area {
      float: left;
      width: 670px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath > .head-area .txt-area, #page-facility .outer-bath > .head-area .txt-area {
          float: none;
          width: 100%; } }
      #page-facility .inner-bath > .head-area .txt-area p, #page-facility .outer-bath > .head-area .txt-area p {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 24px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath > .head-area .txt-area p, #page-facility .outer-bath > .head-area .txt-area p {
            font-size: 4.0625vw;
            line-height: 8.4375vw;
            margin-bottom: 3.4375vw; }
            #page-facility .inner-bath > .head-area .txt-area p br, #page-facility .outer-bath > .head-area .txt-area p br {
              display: none; } }
      #page-facility .inner-bath > .head-area .txt-area .tag-list, #page-facility .outer-bath > .head-area .txt-area .tag-list {
        font-size: 0;
        letter-spacing: 0; }
        #page-facility .inner-bath > .head-area .txt-area .tag-list li, #page-facility .outer-bath > .head-area .txt-area .tag-list li {
          display: inline-block;
          margin-right: 19px;
          vertical-align: top;
          width: 116px; }
          @media (max-width: 767px) {
            #page-facility .inner-bath > .head-area .txt-area .tag-list li, #page-facility .outer-bath > .head-area .txt-area .tag-list li {
              margin-right: 3.125vw;
              width: 19.0625vw; } }
          #page-facility .inner-bath > .head-area .txt-area .tag-list li img, #page-facility .outer-bath > .head-area .txt-area .tag-list li img {
            vertical-align: top;
            width: 100%; }
  #page-facility .inner-bath .other-bath-list, #page-facility .outer-bath .other-bath-list {
    margin: 0 auto;
    width: 1208px; }
    @media (max-width: 1279px) {
      #page-facility .inner-bath .other-bath-list, #page-facility .outer-bath .other-bath-list {
        box-sizing: border-box;
        width: 100%; } }
    @media (max-width: 767px) {
      #page-facility .inner-bath .other-bath-list, #page-facility .outer-bath .other-bath-list {
        padding: 0 13.4375vw; } }
    #page-facility .inner-bath .other-bath-list::after, #page-facility .outer-bath .other-bath-list::after {
      clear: both;
      content: "";
      display: block; }
    #page-facility .inner-bath .other-bath-list li, #page-facility .outer-bath .other-bath-list li {
      width: 576px; }
      @media (min-width: 768px) {
        #page-facility .inner-bath .other-bath-list li:nth-of-type(1), #page-facility .outer-bath .other-bath-list li:nth-of-type(1) {
          float: left; }
        #page-facility .inner-bath .other-bath-list li:nth-of-type(2), #page-facility .outer-bath .other-bath-list li:nth-of-type(2) {
          float: right; } }
      @media (max-width: 767px) {
        #page-facility .inner-bath .other-bath-list li, #page-facility .outer-bath .other-bath-list li {
          width: 100%; } }
      #page-facility .inner-bath .other-bath-list li .img-box, #page-facility .outer-bath .other-bath-list li .img-box {
        margin-bottom: 40px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath .other-bath-list li .img-box, #page-facility .outer-bath .other-bath-list li .img-box {
            margin-bottom: 5.625vw; } }
        #page-facility .inner-bath .other-bath-list li .img-box img, #page-facility .outer-bath .other-bath-list li .img-box img {
          vertical-align: top;
          width: 100%; }
      #page-facility .inner-bath .other-bath-list li .head-area, #page-facility .outer-bath .other-bath-list li .head-area {
        margin-bottom: 24px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath .other-bath-list li .head-area, #page-facility .outer-bath .other-bath-list li .head-area {
            margin-bottom: 3.4375vw; } }
        #page-facility .inner-bath .other-bath-list li .head-area::after, #page-facility .outer-bath .other-bath-list li .head-area::after {
          clear: both;
          content: "";
          display: block; }
        #page-facility .inner-bath .other-bath-list li .head-area .txt-head, #page-facility .outer-bath .other-bath-list li .head-area .txt-head {
          float: left;
          vertical-align: top; }
          #page-facility .inner-bath .other-bath-list li .head-area .txt-head img, #page-facility .outer-bath .other-bath-list li .head-area .txt-head img {
            vertical-align: top;
            width: 100%; }
        #page-facility .inner-bath .other-bath-list li .head-area .tag-list, #page-facility .outer-bath .other-bath-list li .head-area .tag-list {
          float: right;
          width: 253px; }
          @media (max-width: 767px) {
            #page-facility .inner-bath .other-bath-list li .head-area .tag-list, #page-facility .outer-bath .other-bath-list li .head-area .tag-list {
              display: inline-block;
              width: auto; } }
          #page-facility .inner-bath .other-bath-list li .head-area .tag-list li, #page-facility .outer-bath .other-bath-list li .head-area .tag-list li {
            display: inline-block;
            margin-right: 2px;
            vertical-align: top;
            width: 116px; }
            @media (max-width: 767px) {
              #page-facility .inner-bath .other-bath-list li .head-area .tag-list li, #page-facility .outer-bath .other-bath-list li .head-area .tag-list li {
                width: 19.0625vw; } }
            #page-facility .inner-bath .other-bath-list li .head-area .tag-list li img, #page-facility .outer-bath .other-bath-list li .head-area .tag-list li img {
              vertical-align: top;
              width: 100%; }
      #page-facility .inner-bath .other-bath-list li p, #page-facility .outer-bath .other-bath-list li p {
        font-size: 18px;
        line-height: 32px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath .other-bath-list li p, #page-facility .outer-bath .other-bath-list li p {
            font-size: 4.0625vw;
            line-height: 8.4375vw; } }
  #page-facility .inner-bath {
    padding: 0 0 106px; }
    @media (max-width: 767px) {
      #page-facility .inner-bath {
        padding: 0 0 11.5625vw; } }
    #page-facility .inner-bath > .head-area {
      position: relative; }
      #page-facility .inner-bath > .head-area .bg-img-tree {
        position: absolute;
        z-index: -1; }
        #page-facility .inner-bath > .head-area .bg-img-tree.tree-3 {
          right: 0;
          top: 0;
          width: 286px; }
          @media (max-width: 767px) {
            #page-facility .inner-bath > .head-area .bg-img-tree.tree-3 {
              top: -6.25vw;
              width: 28.125vw; } }
        #page-facility .inner-bath > .head-area .bg-img-tree img {
          vertical-align: top;
          width: 100%; }
      #page-facility .inner-bath > .head-area .section-title img {
        width: 220px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath > .head-area .section-title img {
            width: 34.6875vw; } }
    @media (max-width: 767px) {
      #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) {
        margin-bottom: 6.5625vw; } }
    #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area {
      margin-left: 10px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area {
          margin-left: 0; } }
      #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
        width: 221px; }
        @media (max-width: 767px) {
          #page-facility .inner-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
            width: 37.8125vw; } }
    #page-facility .inner-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
      width: 296px; }
      @media (max-width: 767px) {
        #page-facility .inner-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
          width: 50.9375vw; } }
  #page-facility .outer-bath {
    overflow: hidden;
    padding: 0 0 54px;
    position: relative; }
    @media (max-width: 767px) {
      #page-facility .outer-bath {
        padding: 0 0 9.0625vw; } }
    #page-facility .outer-bath .bg-img-tree {
      position: absolute;
      z-index: -1; }
      #page-facility .outer-bath .bg-img-tree.tree-5 {
        bottom: -84px;
        right: -56px;
        width: 380px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .bg-img-tree.tree-5 {
            bottom: 0;
            right: 0;
            width: 32.1875vw; } }
      #page-facility .outer-bath .bg-img-tree img {
        vertical-align: top;
        width: 100%; }
    #page-facility .outer-bath > .head-area {
      margin-bottom: 82px;
      position: relative; }
      @media (max-width: 767px) {
        #page-facility .outer-bath > .head-area {
          margin-bottom: 8.75vw; } }
      #page-facility .outer-bath > .head-area .bg-img-tree {
        position: absolute;
        z-index: -1; }
        #page-facility .outer-bath > .head-area .bg-img-tree.tree-4 {
          left: 0;
          top: 0;
          width: 280px; }
          @media (max-width: 767px) {
            #page-facility .outer-bath > .head-area .bg-img-tree.tree-4 {
              top: -6.875vw;
              width: 35vw; } }
        #page-facility .outer-bath > .head-area .bg-img-tree img {
          vertical-align: top;
          width: 100%; }
      #page-facility .outer-bath > .head-area .section-title {
        margin-right: 0;
        padding-left: 25px;
        text-align: left;
        width: 326px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath > .head-area .section-title {
            margin-bottom: 6.25vw;
            padding: 0;
            text-align: center;
            width: 100%; } }
        #page-facility .outer-bath > .head-area .section-title img {
          width: 234px; }
          @media (max-width: 767px) {
            #page-facility .outer-bath > .head-area .section-title img {
              width: 37.8125vw; } }
      #page-facility .outer-bath > .head-area .txt-area {
        width: 774px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath > .head-area .txt-area {
            letter-spacing: -0.01em;
            width: 100%; } }
    #page-facility .outer-bath .other-bath-list {
      margin-bottom: 132px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath .other-bath-list {
          margin-bottom: 13.125vw; } }
      @media (max-width: 767px) {
        #page-facility .outer-bath .other-bath-list > li:nth-of-type(1) {
          margin-bottom: 7.8125vw; } }
      #page-facility .outer-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
        width: 159px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-bath-list > li:nth-of-type(1) .head-area .txt-head {
            width: 25.625vw; } }
      #page-facility .outer-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
        width: 159px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-bath-list > li:nth-of-type(2) .head-area .txt-head {
            width: 25.625vw; } }
    #page-facility .outer-bath .other-facility-list {
      margin: 0 auto;
      width: 888px; }
      @media (max-width: 767px) {
        #page-facility .outer-bath .other-facility-list {
          box-sizing: border-box;
          padding: 0 4.6875vw;
          width: 100%; } }
      #page-facility .outer-bath .other-facility-list::after {
        clear: both;
        content: "";
        display: block; }
      #page-facility .outer-bath .other-facility-list li {
        height: 468px;
        width: 386px; }
        @media (max-width: 767px) {
          #page-facility .outer-bath .other-facility-list li {
            height: 61.875vw;
            width: 44.0625vw; } }
        #page-facility .outer-bath .other-facility-list li:nth-of-type(odd) {
          float: left; }
        #page-facility .outer-bath .other-facility-list li:nth-of-type(even) {
          float: right; }
        #page-facility .outer-bath .other-facility-list li:nth-of-type(1) .list-title {
          width: 90px; }
          @media (max-width: 767px) {
            #page-facility .outer-bath .other-facility-list li:nth-of-type(1) .list-title {
              width: 14.0625vw; } }
        #page-facility .outer-bath .other-facility-list li:nth-of-type(2) .list-title {
          width: 313px; }
          @media (max-width: 767px) {
            #page-facility .outer-bath .other-facility-list li:nth-of-type(2) .list-title {
              width: 32.8125vw; } }
        #page-facility .outer-bath .other-facility-list li:nth-of-type(3) .list-title {
          width: 210px; }
          @media (max-width: 767px) {
            #page-facility .outer-bath .other-facility-list li:nth-of-type(3) .list-title {
              width: 32.8125vw; } }
        #page-facility .outer-bath .other-facility-list li:nth-of-type(4) .list-title {
          width: 60px; }
          @media (max-width: 767px) {
            #page-facility .outer-bath .other-facility-list li:nth-of-type(4) .list-title {
              width: 9.375vw; } }
        #page-facility .outer-bath .other-facility-list li img {
          vertical-align: top;
          width: 100%; }
        #page-facility .outer-bath .other-facility-list li .list-title {
          margin: 0 auto;
          padding-top: 20px; }
          @media (max-width: 767px) {
            #page-facility .outer-bath .other-facility-list li .list-title {
              padding-top: 3.125vw; } }
  #page-facility .relaxation {
    background: center/1280px auto url("../image/facility/bg-relaxation.jpg");
    padding: 52px 0 84px; }
    @media (max-width: 767px) {
      #page-facility .relaxation {
        padding: 7.5vw 0 10vw; } }
    #page-facility .relaxation .img-main {
      position: relative; }
      #page-facility .relaxation .img-main img {
        vertical-align: top;
        width: 100%; }
      #page-facility .relaxation .img-main .img-list {
        background: #000;
        padding-top: 54.921875%;
        position: relative; }
        #page-facility .relaxation .img-main .img-list li {
          height: 100%;
          left: 0;
          overflow: hidden;
          position: absolute;
          top: 0;
          width: 100%; }
          #page-facility .relaxation .img-main .img-list li:nth-of-type(n+2) {
            opacity: 0; }
      #page-facility .relaxation .img-main .icon-box {
        bottom: -66px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 138px; }
        @media (max-width: 767px) {
          #page-facility .relaxation .img-main .icon-box {
            bottom: -8.125vw;
            width: 21.875vw; } }
    #page-facility .relaxation .head-area {
      padding: 112px 0 41px; }
      @media (max-width: 767px) {
        #page-facility .relaxation .head-area {
          padding: 17.8125vw 4.6875vw 7.8125vw; } }
      #page-facility .relaxation .head-area .section-title {
        margin: 0 auto 37px;
        width: 590px; }
        @media (max-width: 767px) {
          #page-facility .relaxation .head-area .section-title {
            margin: 0 auto 6.25vw;
            width: 65.625vw; } }
        #page-facility .relaxation .head-area .section-title img {
          vertical-align: top;
          width: 100%; }
      #page-facility .relaxation .head-area .intro {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 21px;
        text-align: center; }
        @media (max-width: 767px) {
          #page-facility .relaxation .head-area .intro {
            font-size: 4.0625vw;
            line-height: 8.4375vw;
            margin-bottom: 4.375vw;
            text-align: left; }
            #page-facility .relaxation .head-area .intro br {
              display: none; } }
      #page-facility .relaxation .head-area .caution {
        font-size: 15px;
        line-height: 26px;
        text-align: center; }
        @media (max-width: 767px) {
          #page-facility .relaxation .head-area .caution {
            font-size: 3.75vw;
            line-height: 7.5vw;
            text-align: left; }
            #page-facility .relaxation .head-area .caution br {
              display: none; } }
    #page-facility .relaxation .place-list {
      font-size: 0;
      letter-spacing: 0;
      margin: 0 auto;
      width: 1100px; }
      @media (max-width: 767px) {
        #page-facility .relaxation .place-list {
          box-sizing: border-box;
          padding: 0 13.4375vw;
          width: 100%; } }
      #page-facility .relaxation .place-list li {
        display: inline-block;
        vertical-align: top; }
        @media (min-width: 768px) {
          #page-facility .relaxation .place-list li:nth-of-type(n+2) {
            margin-left: 40px; } }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li {
            display: block; } }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li:nth-of-type(1) {
            margin-bottom: 5.3125vw; } }
        #page-facility .relaxation .place-list li:nth-of-type(1) .list-title {
          width: 76px; }
          @media (max-width: 767px) {
            #page-facility .relaxation .place-list li:nth-of-type(1) .list-title {
              width: 16.5625vw; } }
        @media (max-width: 767px) {
          #page-facility .relaxation .place-list li:nth-of-type(2) {
            margin-bottom: 5.625vw; } }
        #page-facility .relaxation .place-list li:nth-of-type(2) .list-title {
          width: 126px; }
          @media (max-width: 767px) {
            #page-facility .relaxation .place-list li:nth-of-type(2) .list-title {
              width: 27.5vw; } }
        #page-facility .relaxation .place-list li:nth-of-type(3) .list-title {
          width: 151px; }
          @media (max-width: 767px) {
            #page-facility .relaxation .place-list li:nth-of-type(3) .list-title {
              width: 33.125vw; } }
        #page-facility .relaxation .place-list li .img-box {
          width: 340px; }
          @media (max-width: 767px) {
            #page-facility .relaxation .place-list li .img-box {
              width: 100%; } }
          #page-facility .relaxation .place-list li .img-box img {
            vertical-align: top;
            width: 100%; }
        #page-facility .relaxation .place-list li .list-title {
          margin: 0 auto;
          padding: 29px 0 0; }
          @media (max-width: 767px) {
            #page-facility .relaxation .place-list li .list-title {
              padding: 3.75vw 0 0; } }
          #page-facility .relaxation .place-list li .list-title img {
            vertical-align: top;
            width: 100%; }
  #page-facility .flower {
    padding: 126px 0 0;
    position: relative; }
    @media (max-width: 767px) {
      #page-facility .flower {
        padding: 20vw 0 0; } }
    #page-facility .flower .bg-img-tree {
      position: absolute;
      z-index: -1; }
      #page-facility .flower .bg-img-tree.tree-6 {
        right: 0;
        top: 0;
        width: 799px; }
        @media (max-width: 767px) {
          #page-facility .flower .bg-img-tree.tree-6 {
            top: -9.375vw;
            width: 65.625vw; } }
      #page-facility .flower .bg-img-tree.tree-7 {
        left: 0;
        top: 702px;
        width: 599px; }
        @media (max-width: 767px) {
          #page-facility .flower .bg-img-tree.tree-7 {
            top: 97.8125vw;
            width: 49.0625vw; } }
      #page-facility .flower .bg-img-tree img {
        vertical-align: top;
        width: 100%; }
    #page-facility .flower .section-content {
      margin: 0 auto;
      width: 1100px; }
      @media (max-width: 767px) {
        #page-facility .flower .section-content {
          width: 100%; } }
    #page-facility .flower .circle-list {
      margin-bottom: 73px;
      position: relative; }
      @media (max-width: 767px) {
        #page-facility .flower .circle-list {
          box-sizing: border-box;
          margin-bottom: 28.75vw;
          padding: 0 4.0625vw; } }
      #page-facility .flower .circle-list li {
        width: 552px; }
        @media (max-width: 767px) {
          #page-facility .flower .circle-list li {
            width: 55vw; } }
        #page-facility .flower .circle-list li:nth-of-type(2) {
          position: absolute;
          right: 0;
          top: 260px; }
          @media (max-width: 767px) {
            #page-facility .flower .circle-list li:nth-of-type(2) {
              right: 4.0625vw;
              top: 20.9375vw;
              z-index: -1; } }
        #page-facility .flower .circle-list li img {
          vertical-align: top;
          width: 100%; }
    #page-facility .flower .section-title {
      margin-bottom: 34px;
      margin-left: 97px;
      width: 301px; }
      @media (max-width: 767px) {
        #page-facility .flower .section-title {
          margin: 0 auto 1.25vw;
          width: 39.375vw; } }
      #page-facility .flower .section-title img {
        vertical-align: top;
        width: 100%; }
    #page-facility .flower p {
      font-size: 18px;
      line-height: 32px;
      margin-left: 54px;
      width: 424px; }
      @media (max-width: 767px) {
        #page-facility .flower p {
          box-sizing: border-box;
          font-size: 4.0625vw;
          line-height: 8.4375vw;
          margin: 0;
          padding: 0 13.4375vw;
          width: 100%; }
          #page-facility .flower p br {
            display: none; } }
  #page-facility .fee {
    margin: 0 auto;
    padding: 200px 0 117px;
    width: 929px; }
    @media (max-width: 767px) {
      #page-facility .fee {
        box-sizing: border-box;
        padding: 23.4375vw 4.6875vw 13.75vw;
        width: 100%; } }
    #page-facility .fee .section-title {
      border-bottom: 1px solid #000;
      margin-bottom: 37px;
      padding: 0 0 7px;
      text-align: center; }
      @media (max-width: 767px) {
        #page-facility .fee .section-title {
          margin-bottom: 3.75vw;
          padding: 0 0 1.5625vw; } }
      #page-facility .fee .section-title img {
        width: 202px; }
        @media (max-width: 767px) {
          #page-facility .fee .section-title img {
            width: 30.625vw; } }
    #page-facility .fee .img-new-open {
      margin-bottom: 35px;
      width: 283px; }
      @media (max-width: 767px) {
        #page-facility .fee .img-new-open {
          margin: 0 auto 9.0625vw;
          width: 59.375vw; } }
      #page-facility .fee .img-new-open img {
        vertical-align: top;
        width: 100%; }
    #page-facility .fee .figure-box img {
      vertical-align: top;
      width: 100%; }