@charset "UTF-8";
/* room.scss */
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* フォント */
/*
    普段はゴシック・400のまま
    @include font("base");

    見出しだけ明朝のboldに、字間も広めに
    @include font("bold", "min", 0.2em);

    ゴシックのboldでいいが字間だけ変えたい、という時も引数名で指定できる
    @include font("medium", $letter-spacing: 0);
*/
/* 色 */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* SP用背景 */
@media screen and (max-width: 480px) {
  main {
    position: relative;
  }
  main::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("../image/common/deco-bg.png");
    background-image: -webkit-image-set(url("../image/common/deco-bg.webp") type("image/webp"), url("../image/common/deco-bg.jpg") type("image/jpeg"));
    background-image: image-set(url("../image/common/deco-bg.webp") type("image/webp"), url("../image/common/deco-bg.jpg") type("image/jpeg"));
    background-size: 100% auto;
    background-position: center top;
  }
  main .deco.deco01::before,
  main .deco.deco02::before {
    display: none;
  }
}
/* ------------------------------------------------------------------------*/
/* おすすめポイント
---------------------------------------------------------------------------*/
.page-points {
  background-image: url(../image/breakfast/page-points-bg.jpg);
}
@media screen and (max-width: 480px) {
  .page-points::before {
    background-image: url(../image/breakfast/page-points-bg-sp.jpg);
  }
}

/* ------------------------------------------------------------------------*/
/* 朝食ビュッフェ
---------------------------------------------------------------------------*/
#buffet {
  margin-bottom: 84px;
}
@media screen and (max-width: 1300px) {
  #buffet {
    margin-bottom: 6.4615384615vw;
  }
}
@media screen and (max-width: 480px) {
  #buffet {
    margin-bottom: 8.2051282051vw;
  }
}
#buffet .deco::before {
  top: 498px;
  left: -584px;
}
@media screen and (max-width: 1300px) {
  #buffet .deco::before {
    top: 38.3076923077vw;
    left: -44.9230769231vw;
  }
}

/* ------------------------------------------------------------------------*/
/* レストラン「サモワール」
---------------------------------------------------------------------------*/
#restaurant {
  margin-bottom: 32px;
}
@media screen and (max-width: 1300px) {
  #restaurant {
    margin-bottom: 2.4615384615vw;
  }
}
@media screen and (max-width: 480px) {
  #restaurant {
    margin-bottom: 8.2051282051vw;
  }
}
#restaurant .deco::before {
  top: 218px;
  right: -544px;
}
@media screen and (max-width: 1300px) {
  #restaurant .deco::before {
    top: 16.7692307692vw;
    right: -41.8461538462vw;
  }
}

/* ------------------------------------------------------------------------*/
/* レストラン「サモワール」基本情報
---------------------------------------------------------------------------*/
#info {
  margin-bottom: 84px;
}
@media screen and (max-width: 1300px) {
  #info {
    margin-bottom: 6.4615384615vw;
  }
}
@media screen and (max-width: 480px) {
  #info {
    margin-bottom: 14.358974359vw;
  }
}
#info .deco::before {
  top: 420px;
  left: -584px;
}
@media screen and (max-width: 1300px) {
  #info .deco::before {
    top: 32.3076923077vw;
    left: -44.9230769231vw;
  }
}