@charset "UTF-8";
/*****************************
pagesec-rooms
*****************************/
.pagesec-rooms .roomslist .rooms:nth-of-type(even) .roomscontent{
  flex-direction: row-reverse;
}
.pagesec-rooms .roomslist .rooms:nth-of-type(even) .roomscontent .imgbox{
  margin-left: initial;
  margin-right: calc(50% - 50vw);
}


.pagesec-rooms .roomscontent{
  gap: 5rem;
  margin-bottom: 20rem;
}
.pagesec-rooms .rooms-info{
  width: 45%;
}
.pagesec-rooms h3{
  font-family: "Shippori Mincho", serif;
  margin-bottom: 4rem;
  font-size: 3rem;
}
.pagesec-rooms dl .infotxt{
  background: #ffffffad;
  padding: 1rem;
  margin-bottom: 1rem;
}
.pagesec-rooms dl dt{
  width: 200px;
}
.pagesec-rooms dl dd{
  width: calc(100% - 200px);
}
.pagesec-rooms .waimg{
  position: absolute;
  top: 10%;
  right: 0;
  width: 150px;
  height: 150px;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
    .pagesec-rooms .rooms-info{
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
    .pagesec-rooms dl dt{
    width: 100%;
    font-weight: 600;
  }
  .pagesec-rooms dl dd{
    width: 100%;
  }
}