/* CSS Document */

.contents {
  text-align: center;
  color: #401E1E;
  background-color: rgba(255, 255, 255, 0.0);
}
.sp_none {
  display: none;
}
@media(min-width: 769px) {
  .sp_none {
    display: block;
  }

  .pc_none {
    display: none;
  }
}
/*----タイル外枠、ベース----*/

.wrapper_flex {
  /*width: calc(100vw - 20px);*/
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media(min-width:769px) {
  .wrapper_flex {
    width: 100%;
    max-width: 1440px;
  }
}

.item {
  border-radius: 7px;
  margin-bottom: 10px;

}

@media(min-width:769px) {
  .item {
    margin-bottom: 39px;
  }
}

/*----タイル本体----*/
.img_text {
  display: inline-block;
  position: absolute;
  margin-top: 44px;
  font-family: "ヒラギノ明朝 ProN";
  font-size: min(1.6rem, 3.6vw);
  color: #FFF6B1;
  background-color: rgba(28, 28, 26, 0.6);
  padding: 13px 36px 13px 20px;

}

.square {
  width: 49.2%;
  height: 50vw;
}

.square img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  border-radius: 7px;
}

.row_long {
  width: 100%;
  height: 47.7vw;
  overflow: hidden;
  object-fit: cover;
}

@media(min-width:769px) {
  .row_long {
    width: 48.9%;
    height: 22vw;
    max-height: 315px;
  }

  .pc_column_long,
  .pc_column_long2,
  .pc_column_long3,
  .pc_small,
  .pc_column_middle,
  .pc_column_middle2,
  .pc_ll,
  .pc_small2,
  .pc_ll2 {
    width: 31.6%;
    height: 38.3vw;
    max-height: 276px;
  }
/*
  .pc_column_long {
    height: 38.3vw;
    max-height: 551px;
  }

  .pc_column_long2 {
    height: 38.3vw;
    max-height: 276px;
    margin-top: max(-240px, -17vw);
  }

  .pc_column_long3 {
    height: 30vw;
    max-height: 290px;
    margin-top: max(-332px, -27vw);
  }

  .pc_small {
    height: 21.875vw;
    max-height: 315px;
  }

  .pc_column_middle {
    height: 30vw;
    max-height: 433px;
  }

  .pc_column_middle2 {
    height: 30vw;
    max-height: 280px;
  }

  .pc_ll {
    height: 52vw;
    max-height: 749px;
    margin-top: max(-230px, -16vw);
  }
 
  .pc_ll2 {
    height: 52vw;
    max-height: 300px;
    margin-top: max(-330px, -17vw);
  }
 
  .pc_small2 {
      height: 17.875vw;
      max-height: 362px;
      margin: max(-355px, -24vw) 0 0 433px;
  }*/

  .pc_ll img,
  .pc_ll2 img,
  .pc_ll2 img,
  .pc_small2 img,
  .pc_column_long img,
  .pc_column_long2 img,
  .pc_column_long3 img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    border-radius: 7px;
  }


  /*#juniorsuite {
    margin-top: max(-80px, -8vw);
  }*/
 
  #juniorsuite2 {
    margin-top: max(151px, -8vw);
  }

  #juniorsuite3 {
    margin-top: max(-80px, -8vw);
  }
}

/*----room_detailベース（Twin-tripleベース）-----*/
@media(min-width: 769px) {
  .room_wrapper {
    border-bottom: 1px solid #323232;
  }
}

.twin-triple {
  background-color: #fffff8;
}

.detail_title {
  color: #401e1e;
  padding: 8.75vw 0 2vw;
}

@media(min-width: 769px) {
  .detail_title {
    padding: 4.7vw 0 3vw;
  }

}

.detail_title h2 {
  font-size: 40px;
  font-family: "ヒラギノ明朝 ProN";

}

.detail_title p {
  font-size: min(24px, 3.6vw);
  line-height: 2;
  padding-top: 3vw;
  letter-spacing: 0.1rem;
}

.room_detail_container {
  padding-bottom: 14.2vw;
}

@media(min-width: 769px) {
  .room_detail_flexbox {
    display: flex;
  }

  .room_detail_container {
    width: 50%;
    padding-bottom: 0;
  }

  .detail_title p {
    font-size: min(24px, 2vw);

  }
}


@media(min-width: 769px) {
  .room_detail_wrapper {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 3.3vw;
    padding-bottom: 2vw;
  }
}

.room_detail_text_wrapper {
  font-family: 'Hiragino Kaku Gothic ProN';
  text-align: left;
  width: 90%;
  margin: 4vw auto 0;
}
/*.room_detail_text_wrapper.comforttwin{
  width: 68.5%;
}*/
@media(min-width:769px) {
 .room_detail_text_wrapper {
   width: 100%;
 } 
  /*.room_detail_text_wrapper {
    margin-top: 2vw;

  }*/
  /*#standard_twin_room_detail_text_wrapper {
    padding-bottom: 2vw;
  }*/
}

.room_detail_text_wrapper h3 {
  font-family: 'Hiragino Kaku Gothic ProN';
  font-size: min(30px, 4.5vw);
  line-height: 1.3;
  margin-bottom: 2vw;
  font-weight: 400;
}

.room_detail {
  font-family: 'Hiragino Kaku Gothic ProN';

}

.room_detail tr {
  font-size: min(24px, 3.6vw);
  height: 6.5vw;
}

.room_detail th {
  width: 30vw;
  max-width: 160px;
}

.room_detail td {
  line-height: 1.67;
}

@media(min-width: 769px) {
  .room_detail_text_wrapper h3 {
    font-size: min(30px, 2.08vw);
  }

  .room_detail tr {
    font-size: min(18px, 1.25vw);
    height: 3vw;
  }

  .room_detail th {
    width: 11vw;

  }

  .room_detail td {
    line-height: 2.2;
  }
}

.detail_img_wrapper {
  display: flex;
  width: 80%;
  margin: 13.3vw auto 8vw;
  align-items: flex-end;
}

@media(min-width:769px) {
  .detail_img_wrapper {
    width: 60%;
    /*max-width: 200px;*/
    margin: 3vw auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .detail_img_wrapper_one {
    width: 100vw;
    /*margin-right: 3vw;*/
  }

/*  .detail_img_wrapper_PremiumJrsuite {
    width: 16.8vw;
    margin-right: 6vw;
  }*/
}

.plus {
  width: 25px;
  height: 25px;
  margin: 10px auto 0 auto;
}

.reserve_btn {
  font-family: 'Hiragino Kaku Gothic ProN';
  font-size: min(24px, 3.6vw);
  font-weight: bold;
  color: white;
  background-color: #482E06;
  border-radius: 10px;
  margin: 0 auto;
  padding: 12px 0;
  width: 65vw;
}

.reserve_btn :hover {
  opacity: 0.8;
}

@media(min-width:769px) {
  .reserve_btn {
    width: 29vw;
    max-width: 420px;
    margin-bottom: 2.9vw;
    font-size: 14px;
    padding: 17px 0;
  }
}

/*-------premium twin(premium Jr.suite)----*/
.premium_twin {
  background-color: #FCF7ED;

}

.premium_twin_title,
.premium_jr_suite_title {
  position: relative;
  padding-bottom: 0;

}

.premium_twin_title h2,
.premium_jr_suite_title h2 {
  font-family: "ヒラギノ明朝 ProN";
  letter-spacing: 0.1rem;
  margin-top: -120px;
  padding-bottom: 120px;
  display: block;

}

.emblem {
  width: 200px;
  height: 195px;
}

.room_detail_container_one {
  width: 100%;
  padding-bottom: 14.2vw;
}

@media(min-width: 769px) {
  .room_detail_premium_twin_img {
    height: 36.6vw;
    overflow: hidden;
    object-fit: cover;
  }

  .table_wrapper {
    display: flex;
    justify-content: space-between;
    width: 100vw;
    max-width: 864px;
  }

  .room_detail_container_one {
    padding-bottom: 0;
  }

  .room_detail_img_one {
    width: 20vw;
  }

/*  .room_detail_img_PremiumJrsuite {
    width: 19.8vw;
  }*/

  #premium_twin_reserve_btn {
    margin-top: -7.5vw;
  }
}



/*-----Double-----*/
.double {
  background-color: #FCF7ED;
}

/*@media(min-width: 769px) {
  .double_detail_wrapper {
    padding-bottom: 0;
  }

  .japanese_detail_img_wrapper {
    margin-top: 2vw;
    width: 16.875vw;
  }

  .japanese_room_detail_img {
    width: 16.875vw;
    margin-top: 1vw;
  }

  .queen_double_room {
    margin-top: -1vw;
  }
}*/


/*-----suite-----*/
.room_wrapper.suite {
  background-color: #FFFFF8;
}

/*@media(min-width: 769px) {
  .suite_detail_img_wrapper {
    margin-top: 6vw;
    width: 40%;
  }

  .suite_room_detail_text_wrapper h3 {
    margin-bottom: 3vw;
  }

  #lajolie_detailimg {
    margin-top: 4vw;
  }
}
*/

/*------facilityTable----*/
.facilityTable {
  background-color: white;
}

.facilityTable h4 {
  font-size: min(30px, 9vw);
  color: #401E1E;
  padding-top: 100px;

}

.facility_content_wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: 'Hiragino Kaku Gothic ProN';
  text-align: center;
  width: 100%;
  margin: auto;

}

.facility_content_wrapper h5 {
  font-size: min(30px, 4.5vw);
  line-height: 1.33;
  margin: 2.3vw 5px 0;
}

.facility_content_wrapper p {
  font-size: min(22px, 3.3vw);
  line-height: 1.66;
  margin: 2.3vw 5px 0;
}

.facility_content {
  width: 48.4vw;
  max-width: 462px;
  margin-top: 9.8vw;

}

/*.facility_content img {
  height: 33.3vw;
  overflow: hidden;
  object-fit: cover;
}*/

/*#air_cleaner_content {
  margin: 9.8vw auto 0;
}*/

@media(min-width: 769px) {
  .facility_content_wrapper {
   justify-content: space-between;
   width: 80%;
   text-align: left;
  }
  .facility_content_wrapper h5 {
    font-size: min(30px, 1.4vw);
   text-align: center;
  }

  .facility_content_wrapper p {
    font-size: min(18px, 1.8vw);
    line-height: 1.66;
    margin: 2.3vw 5px 0;
  }

  .facility_content {
    width: 15.0vw;
    margin-top: 3vw;

  }

  /*.facility_content img {
    height: 22.78vw;
  }*/

  /*#air_cleaner_content {
    margin: 9.8vw 0 0;
  }*/
}



/*----table-----*/
.infotable {
  background-color: white;
  padding: 4vw 0;
}

.base_info {
  background-color: white;
  font-size: min(24px, 3.6vw);
  color: #707070;
  font-family: 'Hiragino Kaku Gothic ProN';
}

.base_info th {
  display: inline-block;
  width: calc(100vw - 10px);
  padding: 4.1vw 0;
  margin: 0 auto;
  background-color: #F4EFD4;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  border-left: 1px solid #707070;
}

#center {
  text-align: center;
}

.base_info td {
  display: inline-block;
  width: calc(100vw - 10px);
  padding: 5vw 0 9.2vw 3vw;
  margin: 0 auto;
  text-align: left;
  background-color: white;
  line-height: 1.7;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  border-left: 1px solid #707070;
}

.base_info tr:last-child td {
  border-bottom: 1px solid #707070;
}

td span {
  display: block;
  text-align: center;
  margin-left: 11.2vw;
}

@media(min-width: 769px) {
  .base_info {
    width: 83.33vw;
    max-width: 1200px;
    margin: 0 auto;
  }

  .infotable {
    padding-bottom: 10vw;
  }

  .base_info th {
    display: table-cell;
    width: 35vw;
    padding: 3.4vw 0;
    font-size: 20px;
    vertical-align: middle;
  }

  .base_info tr:last-child th {
    border-bottom: 1px solid #707070;
  }

  .base_info td p {
    display: inline-block;
    width: 302px;
    font-size: 18px;
    font-family: 'Hiragino Kaku Gothic ProN';
  }

  .base_info #center {
    text-align: left;
  }

  .base_info td {
    font-size: 18px;
    display: table-cell;
    padding: 3.4vw 0 3.4vw 3.07vw;
  }

  .base_info td span {
    text-align: right;
  }
}