table th {
  vertical-align: middle;
  color: #C38F4D;
}
table tbody th {
  border-bottom: 1px solid #C38F4D;
}
table tbody th,
table tbody td {
  vertical-align: middle;
  text-align: left;
}
table tbody td {
  border-bottom: 1px solid #D0CDCD;
}

.anc_wrap {
  margin-top: 50rem;
}

.desc {
  max-width: 420rem;
}

.under_page .contents_wrap .desc_wrap {
  max-width: 1560rem;
}

.desc_table {
  margin-top: 50rem;
  font-size: 14rem;
  white-space: nowrap;
}
.desc_table tbody th {
  width: 60rem;
  padding-left: 10rem;
}
.desc_table tbody th,
.desc_table tbody td {
  height: 50rem;
}
.desc_table tbody td {
  padding-left: 20rem;
}
.desc_table tbody td:last-child {
  padding-right: 10rem;
}

.note {
  margin-top: 20rem;
}

.btn_arw {
  margin-top: 50rem;
}
.btn_arw a {
  font-size: 20rem;
  margin-left: 0;
  width: 300rem;
}

.room_swiper {
  position: relative;
  max-width: 930rem;
  width: calc(100vw - 730rem);
}
.room_swiper img {
  height: 640rem;
}

.room1 {
  margin-top: 135rem;
}
.room1::after {
  content: "SINGLE ROOM";
  right: 9.375vw;
}
.room2 {
  margin-top: 135rem;
}
.room2::after {
  content: "TWIN ROOM";
  left: 9.375vw;
}
.room3 {
  margin-top: 135rem;
}
.room3::after {
  content: "SUITE ROOM";
  right: 9.375vw;
}
.room4 {
  margin-top: 135rem;
}
.room4::after {
  content: "JAPANESE\aSTYLE ROOM";
  left: 3.6458333333vw;
  white-space: pre !important;
  line-height: 1.2;
}
.room5 {
  margin-top: 135rem;
}
.room5::after {
  content: "FAMILY ROOM";
  right: 9.375vw;
}
.amenity_wrap {
  margin-top: 230rem;
  margin-bottom: 140rem;
  position: relative;
}
.amenity_wrap::after {
  position: absolute;
  display: block;
  font-size: 4.1666666667vw;
  top: -145rem;
  left: 0;
  color: #000;
  opacity: 0.06;
  white-space: nowrap;
  content: "Room Facilities / Amenities";
}
.amenity_wrap .ttl_wrap h2 {
  font-size: 32rem;
}
.amenity_wrap .amenity_table {
  margin-top: 80rem;
}
.amenity_wrap .amenity_table tbody th {
  width: 125rem;
  padding-left: 10rem;
}
.amenity_wrap .amenity_table tbody th,
.amenity_wrap .amenity_table tbody td {
  height: 100rem;
}
.amenity_wrap .amenity_table tbody td {
  padding-left: 30rem;
}

.dining_wrap {
  margin-top: 230rem;
  position: relative;
}
.dining_wrap::after {
  position: absolute;
  display: block;
  font-size: 4.1666666667vw;
  top: -145rem;
  left: 0;
  color: #000;
  opacity: 0.06;
  white-space: nowrap;
  content: "Dining";
}
.dining_wrap.service_wrap ul li .img_wrap::after {
  content: unset;
}

.service_wrap ul li {
  margin-top: 106rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.service_wrap ul li.al_center {
  align-items: center;
}
.service_wrap ul li h3 {
  font-size: 26rem;
}
.service_wrap ul li .room_swiper {
  position: relative;
  max-width: unset;
  width: auto;
}
.service_wrap ul li .room_swiper img {
  height: auto;
}
.service_wrap ul li .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -15rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
}
.service_wrap ul li .swiper-pagination-bullet {
  width: 7rem;
  height: 7rem;
  background-color: #C2C2C2;
  opacity: 1;
}
.service_wrap ul li .swiper-pagination-bullet-active {
  width: 14rem;
  height: 14rem;
  background-color: #6A6060;
}
.service_wrap ul li .img_wrap {
  position: relative;
  width: 480rem;
  height: 295rem;
}
.service_wrap ul li .img_wrap::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.2;
}
.service_wrap ul li .txt_wrap {
  width: 430rem;
}
.service_wrap ul li .service_table {
  margin-top: 45rem;
}
.service_wrap ul li .service_table tbody th {
  width: 125rem;
  padding-left: 10rem;
}
.service_wrap ul li .service_table tbody th,
.service_wrap ul li .service_table tbody td {
  height: 60rem;
}
.service_wrap ul li .service_table tbody td {
  padding-left: 30rem;
}
.service_wrap ul li .note {
  margin-top: 30rem;
}

@media screen and (max-width: 1470px) {
  .under_page .contents_wrap .desc_wrap > .img_wrap img {
    height: 535rem;
  }
}
@media screen and (max-width: 680px) {
  body {
    overflow: auto;
  }
  .under_page .under_mv .ttl_wrap {
    top: 107rem;
  }
  .under_page .under_mv::before {
    content: "GUEST ROOM";
  }
  .under_page .contents_wrap .desc_wrap {
    display: block;
  }
  .under_page .contents_wrap .desc_wrap.f_reverse {
    display: block;
  }
  .under_page .contents_wrap .desc_wrap .txt_wrap {
    margin-left: 0;
  }
  .under_page .contents_wrap .desc_wrap .txt_wrap .ttl_wrap {
    left: 0;
  }
  .under_page .contents_wrap .desc_wrap .txt_wrap .ttl_wrap::after {
    right: 0;
  }
  .anc_wrap {
    margin-top: 40rem;
  }
  .desc {
    margin-top: 110rem;
  }
  .desc_table {
    margin-top: 357rem;
  }
  .desc_table tbody th {
    padding-left: 5rem;
  }
  .desc_table tbody th,
  .desc_table tbody td {
    height: 45rem;
  }
  .desc_table tbody td {
    padding-left: 15rem;
  }
  .note {
    margin-top: 15rem;
  }
  .btn_arw {
    margin-top: 30rem;
  }
  .btn_arw a {
    font-size: 16rem;
    margin-left: auto;
    width: 236rem;
  }
  .room_swiper {
    position: absolute;
    width: 100vw;
    top: 130rem;
  }
  .room1 {
    margin-top: 70rem;
  }
  .room1::after {
    right: unset;
    left: 0;
  }
  .room1 .desc_table {
    width: 100%;
    margin-top: 377rem;
  }
  .room2 {
    margin-top: 150rem;
  }
  .room2::after {
    left: 0;
  }
  .room2 .desc_table {
    width: 100%;
  }
  .room3 {
    margin-top: 135rem;
  }
  .room3::after {
    right: unset;
    left: 0;
  }
  .room3 .desc_table {
    width: 100%;
  }
  .room4 {
    margin-top: 190rem;
  }
  .room4::after {
    right: unset;
    left: 0;
    top: -110rem !important;
  }
  .room4 .ttl_wrap {
    top: -100rem !important;
  }
  .room4 .desc_table {
    width: 100%;
    margin-top: 350rem;
  }
  .room4 .room_swiper {
    top: 75rem;
  }
  .room5 {
    margin-top: 150rem;
  }
  .room5::after {
    right: unset;
    left: 0;
  }
  .room5 .desc_table {
    width: 100%;
    margin-top: 377rem;
  }
  .room5 .room_swiper {
    top: 150rem;
  }
  .amenity_wrap {
    margin-top: 185rem;
    margin-bottom: 80rem;
  }
  .amenity_wrap::after {
    font-size: 40rem;
    top: -80rem;
    left: 50%;
    transform: translateX(-50%);
    content: "Room Facilities /\a Amenities";
    white-space: pre !important;
    text-align: center;
    line-height: 1.2;
  }
  .amenity_wrap .ttl_wrap h2 {
    font-size: 24rem;
  }
  .amenity_wrap .amenity_table {
    margin-top: 30rem;
  }
  .amenity_wrap .amenity_table tbody th {
    width: 75rem;
    padding-left: 0;
  }
  .amenity_wrap .amenity_table tbody th,
  .amenity_wrap .amenity_table tbody td {
    height: auto;
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
  .amenity_wrap .amenity_table tbody td {
    padding-left: 5rem;
  }
  .amenity_wrap .amenity_table tbody td span {
    font-size: 12rem;
  }
  .dining_wrap {
    margin-top: 135rem;
  }
  .dining_wrap::after {
    font-size: 40rem;
    top: -60rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .dining_wrap.service_wrap ul li:nth-child(1) {
    margin-top: 40rem;
  }
  .service_wrap ul li {
    margin-top: 80rem;
    display: block;
  }
  .service_wrap ul li h3 {
    font-size: 16rem;
    margin-top: 10rem;
  }
  .service_wrap ul li .room_swiper {
    position: relative;
    width: 100%;
    top: unset;
  }
  .service_wrap ul li .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -10rem;
    justify-content: center;
  }
  .service_wrap ul li .swiper-pagination-bullet {
    width: 5rem;
    height: 5rem;
  }
  .service_wrap ul li .swiper-pagination-bullet-active {
    width: 9rem;
    height: 9rem;
  }
  .service_wrap ul li .img_wrap {
    width: auto;
    height: auto;
  }
  .service_wrap ul li .txt_wrap {
    width: 100%;
  }
  .service_wrap ul li .service_table {
    margin-top: 10rem;
    width: 100%;
  }
  .service_wrap ul li .service_table tbody th {
    width: 60rem;
    padding-left: 5rem;
    white-space: nowrap;
  }
  .service_wrap ul li .service_table tbody th,
  .service_wrap ul li .service_table tbody td {
    height: auto;
  }
  .service_wrap ul li .service_table tbody td {
    padding-left: 20rem;
  }
  .service_wrap ul li .note {
    margin-top: 15rem;
  }
}/*# sourceMappingURL=room.css.map */