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

 file name  : guestroom.css
 author     : Ability Consultant
 style info : ゲストルーム
=================================================================== */
@font-face {
  font-family: "Microsoft YaHei", "微软雅黑",'SimSun', serif;
  src: local("Microsoft YaHei");
}
/*Animate */
/* -----------------------------------------------------------
	.con_img_main
----------------------------------------------------------- */
.con_img_main {
  position: relative;
}

.con_img_main .box_container {
  margin: 0 1% 4em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .box_container {
    margin: 0 1% 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .box_container {
    margin: 0 1% 2em;
  }
}
.con_img_main .img {
  text-align: center;
  margin-bottom: 2.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .img {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .img {
    margin-bottom: 1em;
  }
}
.con_img_main .base_txt_layout .tl_basic {
  justify-content: flex-start;
  margin-bottom: 1em;
  font-size: 188%;
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .base_txt_layout .tl_basic {
    font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .base_txt_layout .tl_basic {
    font-size: 163%;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .base_txt_layout .tl_basic {
    letter-spacing: .1em;
  }
}
.con_img_main .base_txt_layout .tl_basic span {
  display: block;
  line-height: 1.3;
}

.con_img_main .base_txt_layout .txt {
  padding-left: 30px;
  margin-bottom: 3.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_img_main .base_txt_layout .txt {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_img_main .base_txt_layout .txt {
    margin-bottom: 1.5em;
  }
}
.con_img_main .base_txt_layout .f_rsv {
  padding-left: 30px;
}

/* -----------------------------------------------------------
	.con_executive
----------------------------------------------------------- */
.con_executive {
  padding: 4em 0 3em;
  margin: 0 1% 6.5em;
  background: #fafbfb;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive {
    padding: 3em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive {
    margin: 0 1% 4.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive {
    margin: 0 1% 2em;
  }
}
.con_executive .ttl {
  text-align: center !important;
  font-size: 300%;
  color: #010101;
  margin-bottom: 1em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .ttl {
    font-size: 250%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .ttl {
    font-size: 188%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .ttl {
    margin-bottom: 0.5em;
  }
}
.con_executive .box_executive .item {
  margin-bottom: 5em;
  background: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .box_executive .item {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .box_executive .item {
    margin-bottom: 2em;
  }
}
.con_executive .container_80 {
  max-width: 82%;
}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
  .con_executive .container_80 {
    max-width: 90%;
  }
}
@media print {
  .con_executive .container_80 {
    max-width: 90%;
  }
}
.ie8 .con_executive .container_80 {
  max-width: 90%;
}

.con_executive .container_80.con_lounge {
  background-color: #ebf1f3;
  z-index: -1;
}

.con_executive .container_80 .box_clublounge {
  background: url(../../lang_module/images/guestroom/deco_slogo.png) 50% 76% no-repeat;
  background-size: 40% auto;
  z-index: 1;
  padding: 5em 2em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge {
    padding: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge {
    padding: 2em 1.5em 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge {
    background-size: 100% auto;
  }
}
.con_executive .container_80 .box_clublounge .box_txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.con_executive .container_80 .box_clublounge .box_txt .txt {
  width: 50%;
  padding: 2em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
    padding: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .txt {
    padding: 0em;
  }
}
.con_executive .container_80 .box_clublounge .box_txt .txt span {
  display: block;
  padding-top: 2em;
}

.con_executive .container_80 .box_clublounge .box_txt .box_info {
  width: 47%;
  padding: 2em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
    padding: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_executive .container_80 .box_clublounge .box_txt .box_info {
    padding: 0;
  }
}
.con_executive .container_80 .box_clublounge .box_txt .box_info p {
  margin-bottom: 1em;
}

.con_executive .container_80 .box_clublounge .box_txt .box_info p.title {
  font-size: 125%;
}

.con_executive .container_80 .box_clublounge .box_txt .box_info p.title:before {
  content: '';
  width: 45px;
  height: 4px;
  background: #bea67c;
  top: -5px;
  left: 0.5em;
  display: inline-block;
  position: relative;
  margin-right: 1em;
}

.con_executive .container_80 .box_clublounge .box_txt .box_info p.text {
  padding-left: 4em;
}

.con_amenity {
  margin: 0 1% 8em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_amenity {
    margin: 0 1% 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_amenity {
    margin: 0 1% 2em;
  }
}
.con_room_type.col3 {
  margin: 0 1%;
}

.con_room_type.col3 .container_90 {
  max-width: 92%;
}

@media only screen and (min-width: 1025px) and (max-width: 1681px) {
  .con_executive .box_executive .item {
    padding: 4em 3em 5em;
  }
}
@media only screen and (min-width: 1682px) and (max-width: 1829px) {
  .con_executive .box_executive .item .mb_pcs {
    margin-bottom: 1.8em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1661px) {
  .con_executive .box_executive .item .mb_pcs {
    margin-bottom: 1.8em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_executive .box_executive .item .br_ps {
    display: none;
  }
}
@media only screen and (min-width: 1682px) and (max-width: 1716px) {
  .con_executive .box_executive .item .br_ps {
    display: block;
  }
}
@media only screen and (min-width: 1359px) and (max-width: 1547px) {
  .con_executive .box_executive .item .br_ps {
    display: block;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1055px) {
  .con_executive .box_executive .item .br_ps {
    display: block;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1488px) {
  .con_executive .box_executive .item .mb_pcs02 {
    margin-bottom: 1.8em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_executive .box_executive .item .br_ps02 {
    display: none;
  }
}
@media only screen and (min-width: 1449px) and (max-width: 1513px) {
  .con_executive .box_executive .item .br_ps02 {
    display: block;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1082px) {
  .con_executive .box_executive .item .br_ps02 {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .con_executive .box_executive .item .br_ps03 {
    display: none;
  }
}
@media only screen and (min-width: 1682px) and (max-width: 1833px) {
  .con_executive .box_executive .item .br_ps03 {
    display: block;
  }
}
@media only screen and (min-width: 1496px) and (max-width: 1664px) {
  .con_executive .box_executive .item .br_ps03 {
    display: block;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1093px) {
  .con_executive .box_executive .item .br_ps03 {
    display: block;
  }
}