@charset "UTF-8";
/* ===================================================================
CSS information

file name  : restaurant.scss
author     : Abilive
style info : restaurant
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _variables.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _mixins.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
.p-intro {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-intro {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-intro {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-intro {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
.p-intro__text {
  margin: calc(20 / var(--s-parent-font-size) * 1rem) auto 0;
}
.p-intro__gallery {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .p-intro__gallery {
    margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__gallery {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__gallery {
    margin-top: calc(32 / var(--s-parent-font-size) * 1rem);
  }
}
.p-intro__marquee {
  width: 100%;
  --marquee-element-size: calc(330 / var(--s-parent-font-size) * 1rem);
  --marquee-speed: calc(12 / var(--s-parent-font-size) * 1rem);
  --marquee-scale: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro__marquee {
    --marquee-element-size: calc(260 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro__marquee {
    --marquee-element-size: calc(180 / var(--s-parent-font-size) * 1rem);
    --marquee-speed: calc(5 / var(--s-parent-font-size) * 1rem);
  }
}
.p-intro__gallery-item {
  flex-shrink: 0;
  overflow: hidden;
}
.p-intro__gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}

.p-restaurants {
  background: url("../images/restaurant/bg_room-type.svg") no-repeat center top/100% auto;
}
@media only screen and (min-width: 1025px) {
  .p-restaurants {
    padding-top: calc(140 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurants {
    padding-top: calc(100 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurants {
    padding-top: calc(50 / var(--s-parent-font-size) * 1rem);
  }
}
.p-restaurants__head {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-restaurants__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-restaurants__head {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-restaurants__head {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurants__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurants__head {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}

.p-restaurants-item {
  margin-top: calc(60 / var(--s-parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-restaurants-item {
    margin-top: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
.p-restaurants-item:first-of-type {
  margin-top: calc(44 / var(--s-parent-font-size) * 1rem);
}
.p-restaurants-item__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-restaurants-item__body {
    width: calc(510 / 1440 * 100%);
    padding-left: calc(80 / 1440 * 100%);
    padding-right: calc(40 / var(--s-parent-font-size) * 1rem);
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurants-item__body {
    padding-left: calc(60 / 1440 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .p-restaurants-item__body > * {
    max-width: calc(312 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurants-item__body {
    width: 100%;
    padding-inline: calc(20 / var(--s-parent-font-size) * 1rem);
    order: 9;
  }
}
@media only screen and (min-width: 1025px) {
  .p-restaurants-item__body .c-catch {
    margin-top: calc(48 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurants-item__body .c-catch {
    margin-top: calc(30 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurants-item__body .c-catch {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-restaurants-item__body .c-text {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurants-item__body .c-text {
    margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurants-item__body .c-text {
    margin-top: calc(12 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-restaurants-item__body .c-link {
    margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-restaurants-item__body .c-link {
    margin-top: calc(26 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurants-item__body .c-link {
    margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
  }
}
.p-restaurants-item__venue {
  margin-top: calc(16 / var(--s-parent-font-size) * 1rem);
  font-size: calc(var(--s-target-font-size) / var(--s-parent-font-size) * 1rem);
  --s-target-font-size: 11;
  color: var(--s-color-text-secondary);
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .p-restaurants-item__media {
    width: calc(930 / 1440 * 100%);
    margin-right: 0;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1441px) {
  .p-restaurants-item__media {
    max-width: calc(calc(930 / var(--s-parent-font-size) * 1rem) * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .p-restaurants-item__media {
    max-width: calc(930 / var(--s-parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-restaurants-item__media {
    width: 100%;
  }
}
.p-restaurants-item__image img {
  width: 100%;
  height: auto;
  display: block;
}