@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* dogs
---------------------------------------------------------------------------*/
.dogs {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .dogs {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .dogs {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .dogs {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .dogs {
      margin-bottom: 14.9333333333vw; } }
  .dogs .anchor-tx {
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .dogs .anchor-tx {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .dogs .anchor-tx {
        margin-bottom: 14.9333333333vw; } }
    @media screen and (max-width: 480px) {
      .dogs .anchor-tx {
        position: relative;
        z-index: 200; } }
  .dogs .wankonoyu {
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .dogs .wankonoyu {
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .dogs .wankonoyu {
        margin-bottom: 11.9466666667vw; } }
    @media screen and (max-width: 480px) {
      .dogs .wankonoyu {
        margin-bottom: 16vw; } }

/* lobby
---------------------------------------------------------------------------*/
.lobby {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .lobby {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .lobby {
      margin-bottom: 14.9333333333vw; } }
  .lobby .imgtx {
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .lobby .imgtx {
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .lobby .imgtx {
        margin-bottom: 11.9466666667vw; } }
    .lobby .imgtx-img-sl {
      position: relative;
      z-index: -1; }
  .lobby .imgtx-tx .pg-ttl {
    position: relative;
    z-index: 200; }
  @media screen and (min-width: 481px) {
    .lobby .imgtx-tx {
      padding-bottom: 46px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .lobby .imgtx-tx {
      padding-bottom: 3.5384615385vw; } }
  @media screen and (min-width: 481px) and (max-width: 480px) {
    .lobby .imgtx-tx {
      padding-bottom: 8.5866666667vw; } }

/* onsen
---------------------------------------------------------------------------*/
.onsen {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .onsen {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .onsen {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .onsen {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .onsen {
      margin-bottom: 14.9333333333vw; } }
  .onsen .anchor-tx {
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .onsen .anchor-tx {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .onsen .anchor-tx {
        margin-bottom: 14.9333333333vw; } }
    @media screen and (max-width: 480px) {
      .onsen .anchor-tx {
        position: relative;
        z-index: 200; } }
  .onsen .largebath {
    margin-bottom: 64px; }
    @media screen and (max-width: 1300px) {
      .onsen .largebath {
        margin-bottom: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .onsen .largebath {
        margin-bottom: 11.9466666667vw; } }
    @media screen and (max-width: 480px) {
      .onsen .largebath {
        margin-bottom: 10.6666666667vw; } }
  @media screen and (min-width: 481px) {
    .onsen .openair .imgtx-tx {
      padding-bottom: 46px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .onsen .openair .imgtx-tx {
      padding-bottom: 3.5384615385vw; } }
  @media screen and (min-width: 481px) and (max-width: 480px) {
    .onsen .openair .imgtx-tx {
      padding-bottom: 8.5866666667vw; } }

/* rooms
---------------------------------------------------------------------------*/
.rooms {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .rooms {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .rooms {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .rooms {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .rooms {
      margin-bottom: 14.9333333333vw; } }
  @media screen and (min-width: 481px) {
    .rooms .imgtx-tx {
      padding-bottom: 46px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .rooms .imgtx-tx {
      padding-bottom: 3.5384615385vw; } }
  @media screen and (min-width: 481px) and (max-width: 480px) {
    .rooms .imgtx-tx {
      padding-bottom: 8.5866666667vw; } }

/* banquet
---------------------------------------------------------------------------*/
.banquet {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .banquet {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .banquet {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .banquet {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .banquet {
      margin-bottom: 14.9333333333vw; } }
  .banquet .pg-ttl {
    position: relative;
    z-index: 200; }
  .banquet .btn.btn-def {
    width: 400px; }
    @media screen and (max-width: 1300px) {
      .banquet .btn.btn-def {
        width: 30.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .banquet .btn.btn-def {
        width: 100%; } }
  .banquet .imgtx-img-sl {
    position: relative;
    z-index: -1; }
  @media screen and (min-width: 481px) {
    .banquet .imgtx-tx {
      padding-bottom: 46px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .banquet .imgtx-tx {
      padding-bottom: 3.5384615385vw; } }
  @media screen and (min-width: 481px) and (max-width: 480px) {
    .banquet .imgtx-tx {
      padding-bottom: 8.5866666667vw; } }

/* other
---------------------------------------------------------------------------*/
.other {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .other {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .other {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .other {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .other {
      margin-bottom: 14.9333333333vw; } }
  .other .datatbl {
    margin-top: 24px;
    margin-bottom: 24px; }
    @media screen and (max-width: 1300px) {
      .other .datatbl {
        margin-top: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .other .datatbl {
        margin-top: 4.48vw; } }
    @media screen and (max-width: 1300px) {
      .other .datatbl {
        margin-bottom: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .other .datatbl {
        margin-bottom: 4.48vw; } }

/* info
---------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {
  .info .datatbl th {
    width: 290px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .info .datatbl th {
      width: 22.3076923077vw; } }

@media screen and (min-width: 481px) {
  .info .datatbl td {
    width: 790px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .info .datatbl td {
      width: 60.7692307692vw; } }

.info .datatbl td dl dt {
  width: 5em; }
.info .datatbl td dl dd {
  width: calc(100% - 5em); }

/* SPのみ飾り付きタイトルを左揃え
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pg-ttl {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    text-align: left; } }
/* ====================================================================== */
/* ====================================================================== */