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

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.c-intro {
  position: relative;
}
.c-intro::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  top: calc(-160 / var(--parent-font-size) * 1rem);
  width: 100%;
  height: 100%;
  background: url(./../../rooms/images/bg_about.webp) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .c-intro::before {
    top: -8rem;
  }
}
.c-intro__inner {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .c-intro__text {
    margin: -3rem 5% -3rem 14% !important;
  }
}
@media only screen and (min-width: 1025px) {
  .c-intro__text__title {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .c-intro__text__title {
    max-width: 90% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .c-intro__text__title br {
    display: none;
  }
}

.p-roomtype {
  max-width: calc(1400 / 1440 * 100%);
  position: relative;
  background: #fff url(./../../rooms/images/bg_roomtype.webp) center top no-repeat;
  margin: calc(80 / var(--parent-font-size) * 1rem) 0 0 auto;
}
@media only screen and (min-width: 1441px) {
  .p-roomtype {
    max-width: calc(1400 / 1440 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .p-roomtype {
    padding-top: calc(115 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-roomtype {
    padding-top: calc(100 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype {
    padding-top: calc(100 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 1025px) {
  .p-roomtype {
    padding-bottom: calc(85 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-roomtype {
    padding-bottom: calc(80 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype {
    padding-bottom: calc(80 / var(--parent-font-size) * 1rem);
  }
}
.p-roomtype::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(340 / var(--parent-font-size) * 1rem);
  aspect-ratio: 340/771;
  background: url(./../../rooms/images/pt_tree.svg) top right no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .p-roomtype::before {
    width: calc(250 / var(--parent-font-size) * 1rem);
  }
}
.p-roomtype .inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .p-roomtype .inner .c-anchor {
    margin-top: calc(60 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype .inner .c-anchor {
    margin-top: calc(45 / var(--parent-font-size) * 1rem);
  }
}
.p-roomtype .inner .c-anchor ul li a {
  color: #1b1b1b;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.p-roomtype .inner .c-anchor ul li a p span {
  display: block;
}
.p-roomtype .inner .c-anchor ul li a p span.e {
  font-family: var(--title-en-font);
  text-transform: uppercase;
  color: #4A4A4A;
  letter-spacing: .25em;
  line-height: 1;
  margin-bottom: .5rem;
  font-size: calc(var(--target-font-size) / var(--parent-font-size) * 1rem);
  --target-font-size: 10;
}
.p-roomtype .inner .c-anchor ul li a .o-icon {
  margin-bottom: .5rem;
}
.p-roomtype .inner .c-anchor ul li a .o-icon svg {
  -webkit-filter: brightness(0.2);
          filter: brightness(0.2);
}
@media only screen and (min-width: 768px) and (max-width: 896px) {
  .p-roomtype .inner .c-anchor__item {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype .inner .c-anchor__item a {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.p-roomtype__item {
  width: calc(1350 / 1400 * 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .p-roomtype__item {
    margin: calc(120 / var(--parent-font-size) * 1rem) 0 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item {
    margin: 5rem auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  .p-roomtype__item:first-child {
    margin-top: calc(105 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item:first-child {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 1025px) {
  .p-roomtype__item .c-text-set {
    width: calc(346 / 1350 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-roomtype__item .c-text-set {
    width: 275px;
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1380px) {
  .p-roomtype__item .c-text-set {
    width: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 1.5rem;
  }
}
.p-roomtype__item .c-text-set__title span {
  display: block;
  color: #1B1B1B;
}
.p-roomtype__item .c-text-set__title span.e {
  font-family: var(--title-en-font);
  letter-spacing: .05em;
  line-height: 1.75;
  font-size: calc(var(--target-font-size) / var(--parent-font-size) * 1rem);
  --target-font-size: 20;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-roomtype__item .c-text-set__title span.e br.view_pc {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set__title span.e br.view_pc {
    display: none;
  }
}
.p-roomtype__item .c-text-set__title span.j {
  font-weight: 500;
  font-size: calc(var(--target-font-size) / var(--parent-font-size) * 1rem);
  --target-font-size: 15;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-roomtype__item .c-text-set__title span.j {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .p-roomtype__item .c-text-set .c-table {
    margin-top: calc(30 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set .c-table {
    margin-top: 1.5rem;
  }
}
.p-roomtype__item .c-text-set .c-table th {
  width: calc(100 / var(--parent-font-size) * 1rem);
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set .c-table th {
    width: calc(120 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-roomtype__item .c-text-set .c-btn {
    margin-top: calc(30 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set .c-btn {
    margin-top: 1.5rem;
  }
}
.p-roomtype__item .c-text-set .c-btn a {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .p-roomtype__item .c-text-set .c-arrow-link {
    margin-top: calc(30 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set .c-arrow-link {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-text-set .c-arrow-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (min-width: 1025px) {
  .p-roomtype__item .c-slider {
    width: calc(950 / 1350 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-roomtype__item .c-slider {
    width: calc(95% - 275px);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-slider {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1380px) {
  .p-roomtype__item .c-slider {
    width: calc(96% - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .p-roomtype__item .c-slider {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.p-roomtype__item .c-slider__dots_pause {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-roomtype__item .c-slider__dots_pause .swiper-pagination-bullet::before {
  background: rgba(27, 27, 27, 0.3);
}
.p-roomtype__item .c-slider__dots_pause .swiper-pagination-bullet-active::before {
  background: #1B1B1B;
}

.p-faci-amen {
  width: 90%;
  max-width: 900px;
}
@media only screen and (min-width: 768px) {
  .p-faci-amen {
    margin: calc(55 / var(--parent-font-size) * 1rem) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen {
    margin: 3rem auto 0;
  }
}
@media only screen and (min-width: 1441px) {
  .p-faci-amen {
    max-width: calc(900 / 1440 * 100%);
  }
}
.p-faci-amen > h2 .c-title__en {
  text-transform: uppercase;
}
.p-faci-amen__faci {
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
  .p-faci-amen__faci {
    margin-top: calc(25 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__faci {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-faci-amen__faci {
    padding-bottom: calc(30 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__faci {
    padding-bottom: calc(30 / var(--parent-font-size) * 1rem);
  }
}
.p-faci-amen__faci h3 span {
  padding-left: 0;
  display: block;
  padding-bottom: calc(15 / var(--parent-font-size) * 1rem);
  border-color: #fff;
}
.p-faci-amen__faci ul {
  width: calc(860 / 900 * 100%);
  margin: calc(30 / var(--parent-font-size) * 1rem) auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__faci ul li {
    width: 49%;
  }
}
.p-faci-amen__faci ul li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__faci ul li p {
    font-size: 94%;
  }
}
.p-faci-amen__faci ul li p:not(:last-child) {
  margin-bottom: .25rem;
}
.p-faci-amen__faci ul li p::before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  margin-right: .5rem;
}
@media only screen and (min-width: 768px) {
  .p-faci-amen__faci ul li p::before {
    width: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__faci ul li p::before {
    width: 0.5em;
  }
}
.p-faci-amen__amen {
  border-bottom: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
  .p-faci-amen__amen {
    margin-top: calc(45 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-faci-amen__amen {
    padding-bottom: calc(60 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen {
    padding-bottom: calc(50 / var(--parent-font-size) * 1rem);
  }
}
.p-faci-amen__amen h3 span {
  padding-left: 0;
  display: block;
  padding-bottom: calc(15 / var(--parent-font-size) * 1rem);
  border-color: #fff;
}
.p-faci-amen__amen ul {
  width: calc(860 / 900 * 100%);
  margin: calc(30 / var(--parent-font-size) * 1rem) auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-faci-amen__amen ul.main {
  padding-bottom: calc(30 / var(--parent-font-size) * 1rem);
  margin-bottom: calc(20 / var(--parent-font-size) * 1rem);
  border-bottom: 1px solid #4A4A4A;
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen ul.main {
    padding-bottom: calc(20 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) {
  .p-faci-amen__amen ul.main li {
    width: calc(206 / 860 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen ul.main li {
    width: 49%;
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen ul.main li {
    margin-bottom: 1rem;
  }
}
.p-faci-amen__amen ul.main li .txt {
  margin-top: .75rem;
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen ul.main li .txt br {
    display: none;
  }
}
.p-faci-amen__amen ul.sub {
  max-width: 680px;
  margin-left: calc(20 / 860 * 100%);
}
@media only screen and (min-width: 1441px) {
  .p-faci-amen__amen ul.sub {
    max-width: calc(680 / 860 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen ul.sub li {
    width: 49%;
  }
}
.p-faci-amen__amen ul.sub li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-faci-amen__amen ul.sub li p:not(:last-child) {
  margin-bottom: .25rem;
}
.p-faci-amen__amen ul.sub li p::before {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  margin-right: .5rem;
}
@media only screen and (min-width: 768px) {
  .p-faci-amen__amen ul.sub li p::before {
    width: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .p-faci-amen__amen ul.sub li p::before {
    width: 0.5em;
  }
}

.p-dining {
  max-width: calc(1400 / 1440 * 100%);
  position: relative;
  overflow: hidden;
  margin: calc(80 / var(--parent-font-size) * 1rem) auto 0 0;
}
@media only screen and (min-width: 1025px) {
  .p-dining {
    padding: calc(110 / var(--parent-font-size) * 1rem) 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-dining {
    padding: calc(100 / var(--parent-font-size) * 1rem) 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-dining {
    padding: calc(70 / var(--parent-font-size) * 1rem) 0;
  }
}
.p-dining::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(366 / var(--parent-font-size) * 1rem);
  aspect-ratio: 366/500;
  background: url(./../../rooms/images/pt_tree2.svg) top right no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .p-dining::before {
    width: calc(250 / var(--parent-font-size) * 1rem);
  }
}
.p-dining__inner {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
@media only screen and (min-width: 1441px) {
  .p-dining__inner {
    max-width: calc(900 / 1400 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining__inner {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) {
  .p-dining__inner .img {
    width: calc(450 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining__inner .img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-dining__inner .c-text-set {
    width: calc(410 / 900 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining__inner .c-text-set {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .p-dining__inner .c-text-set {
    margin-top: 1.5rem;
  }
}
.p-dining__inner .c-text-set .c-arrow-link {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 1025px) {
  .p-dining__inner .c-text-set .c-arrow-link {
    margin-top: calc(35 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-dining__inner .c-text-set .c-arrow-link {
    margin-top: calc(30 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining__inner .c-text-set .c-arrow-link {
    margin-top: calc(10 / var(--parent-font-size) * 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .p-dining__inner .c-text-set .c-arrow-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}