@charset "UTF-8";
.rooms_container {
  margin-top: 130px;
}
.rooms_container .time {
  margin-top: 40rem;
}
.rooms_container .time dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rooms_container .time dl dt,
.rooms_container .time dl dd {
  letter-spacing: 0.15em;
  font-size: 21rem;
}
.rooms_container .time dl dd + dt {
  padding-left: 1.1em;
  position: relative;
}
.rooms_container .time dl dd + dt::before {
  content: "／";
  display: block;
  font-size: 21rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.rooms_container .rooms_wrap + .rooms_wrap {
  margin-top: 336rem;
}
.rooms_container .rooms_wrap .rooms_swiper {
  position: relative;
  margin-top: 115rem;
}
.rooms_container .rooms_wrap .rooms_swiper .swiper-pagination {
  bottom: -45rem;
}
.rooms_container .rooms_wrap .rooms_swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 20rem;
  opacity: 1;
  background-color: #D1B26E;
  width: 9rem;
  height: 9rem;
}
.rooms_container .rooms_wrap .rooms_swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #515152;
}
.rooms_container .rooms_wrap .type_name {
  font-size: 48rem;
  margin-top: 130rem;
  text-align: center;
}
.rooms_container .rooms_wrap .table_wrap {
  margin-top: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rooms_container .rooms_wrap .table_wrap table {
  width: 50%;
}
.rooms_container .rooms_wrap .table_wrap table th,
.rooms_container .rooms_wrap .table_wrap table td {
  vertical-align: middle;
  font-size: 15rem;
  padding: 24rem 10rem;
  border-top: 20rem solid #fff;
}
.rooms_container .rooms_wrap .table_wrap table th.bt_none,
.rooms_container .rooms_wrap .table_wrap table td.bt_none {
  border-top: none;
}
.rooms_container .rooms_wrap .table_wrap table th {
  background-color: #FBF7EE;
  text-align: center;
  width: 230rem;
}
.rooms_container .rooms_wrap .table_wrap table td {
  width: calc(100% - 230rem);
  padding: 0 40rem;
}
.rooms_container .rooms_wrap .common_btn {
  margin-top: 120rem;
}
.rooms_container .rooms_wrap .common_btn a {
  width: 500rem;
  height: 80rem;
}
.rooms_container .tgl_wrap {
  margin-top: 50rem;
}
.rooms_container .tgl_wrap .tgl_btn {
  height: 80rem;
  background-color: #FBF7EE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15rem;
  position: relative;
  letter-spacing: 0.15em;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rooms_container .tgl_wrap .tgl_btn::after {
  content: "";
  display: block;
  width: 12rem;
  height: 12rem;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  position: absolute;
  top: 50%;
  right: 30rem;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.rooms_container .tgl_wrap .tgl_btn.active::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.rooms_container .tgl_wrap .tgl_btn:hover {
  background-color: #faefd7;
}
.rooms_container .tgl_wrap .tgl_contents {
  display: none;
  padding: 40rem 70rem;
}
.rooms_container .tgl_wrap .tgl_contents .list_wrap {
  gap: 40rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rooms_container .tgl_wrap .tgl_contents .list_wrap li {
  width: 20%;
  padding-right: 1em;
}

@media screen and (max-width: 680px) {
  .rooms_container {
    margin-top: 70px;
  }
  .rooms_container .time {
    margin-top: 20rem;
  }
  .rooms_container .time dl dt,
  .rooms_container .time dl dd {
    font-size: 15rem;
  }
  .rooms_container .time dl dd + dt::before {
    font-size: 15rem;
  }
  .rooms_container .rooms_wrap + .rooms_wrap {
    margin-top: 160rem;
  }
  .rooms_container .rooms_wrap .rooms_swiper {
    margin-top: 60rem;
  }
  .rooms_container .rooms_wrap .rooms_swiper .swiper-pagination {
    bottom: -30rem;
  }
  .rooms_container .rooms_wrap .rooms_swiper .swiper-pagination .swiper-pagination-bullet {
    width: 7rem;
    height: 7rem;
    margin: 0 12rem;
  }
  .rooms_container .rooms_wrap .type_name {
    font-size: 26rem;
    margin-top: 70rem;
  }
  .rooms_container .rooms_wrap .table_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 40rem;
  }
  .rooms_container .rooms_wrap .table_wrap table {
    width: 100%;
  }
  .rooms_container .rooms_wrap .table_wrap table th,
  .rooms_container .rooms_wrap .table_wrap table td {
    padding: 10rem;
    border-top-width: 10rem;
  }
  .rooms_container .rooms_wrap .table_wrap table th {
    width: 42%;
  }
  .rooms_container .rooms_wrap .table_wrap table td {
    width: auto;
  }
  .rooms_container .rooms_wrap .table_wrap table + table {
    margin-top: 10rem;
  }
  .rooms_container .rooms_wrap .common_btn {
    margin-top: 60rem;
  }
  .rooms_container .rooms_wrap .common_btn a {
    width: 280rem;
    height: 55rem;
  }
  .rooms_container .tgl_wrap {
    margin-top: 45rem;
  }
  .rooms_container .tgl_wrap .tgl_btn {
    height: 60rem;
  }
  .rooms_container .tgl_wrap .tgl_btn::after {
    width: 9rem;
    height: 9rem;
  }
  .rooms_container .tgl_wrap .tgl_contents {
    padding: 20rem 5rem;
  }
  .rooms_container .tgl_wrap .tgl_contents .list_wrap {
    gap: 15rem 0;
  }
  .rooms_container .tgl_wrap .tgl_contents .list_wrap li {
    width: 50%;
  }
}/*# sourceMappingURL=rooms.css.map */