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

 file name  : overview.css
 author     : Ability Consultant
 style info : 施設概要
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_rooms, .con_bnq, .con_drink, .con_spa, .con_other {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
.tit_jp {
  font-weight: normal;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 188%;
  line-height: 1em;
  letter-spacing: 0.1em;
  color: #000;
}

.tit_jp_s {
  font-weight: normal;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 125%;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  color: #000;
}

.con_rooms .t, .con_bnq .t {
  margin-top: 32px;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .con_rooms .t, .con_bnq .t {
    margin-top: 5%;
  }
}
.con_rooms .box_tbl, .con_bnq .box_tbl {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_tbl, .con_bnq .box_tbl {
    margin-top: 5%;
  }
}
.con_rooms .box_tbl.mt, .con_bnq .box_tbl.mt {
  margin-top: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rooms .box_tbl.mt, .con_bnq .box_tbl.mt {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_tbl.mt, .con_bnq .box_tbl.mt {
    margin-top: 8%;
  }
}
.con_rooms .box_tbl .wrp_st, .con_bnq .box_tbl .wrp_st {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .con_rooms .box_tbl .wrp_st, .con_bnq .box_tbl .wrp_st {
    padding-bottom: 1.5%;
  }
}

.con_bnq {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bnq {
    margin-top: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bnq {
    margin-top: 12%;
  }
}
.con_bnq .box_tbl .wrp_st {
  border-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .con_bnq .box_tbl .wrp_tbl {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .con_bnq .box_tbl .wrp_tbl::-webkit-scrollbar {
    height: 5px;
  }
  .con_bnq .box_tbl .wrp_tbl::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #EEE;
  }
  .con_bnq .box_tbl .wrp_tbl::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bnq .box_tbl .wrp_tbl .tbl_basic {
    width: 1000px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bnq .box_tbl .wrp_tbl .tbl_basic {
    width: 800px;
  }
}
.con_bnq .box_tbl .wrp_tbl .tbl_basic thead tr {
  border: 0;
  border-bottom: 2px solid #dbdbdb;
}
.con_bnq .box_tbl .wrp_tbl .tbl_basic thead tr th {
  text-align: center;
  width: 10%;
  line-height: 1.4em;
}
.con_bnq .box_tbl .wrp_tbl .tbl_basic thead tr th:nth-of-type(1) {
  width: 20%;
}
.con_bnq .box_tbl .wrp_tbl .tbl_basic tbody tr td {
  text-align: center;
}
.con_bnq .box_tbl .wrp_tbl .tbl_basic tbody tr td:nth-of-type(1) {
  text-align: left;
}

.con_drink {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_drink {
    margin-top: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .con_drink {
    margin-top: 12%;
  }
}
.con_drink > ul {
  display: flex;
  flex-wrap: wrap;
}
.con_drink > ul li .i {
  text-align: center;
}
.con_drink > ul li .t {
  font-size: 113%;
  line-height: 1.6em;
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .con_drink > ul li .t {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_drink > ul li {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 40px;
  }
  .con_drink > ul li:nth-child(4n+1) {
    margin-left: 0;
  }
}
@media print {
  .con_drink > ul li {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 40px;
  }
  .con_drink > ul li:nth-child(4n+1) {
    margin-left: 0;
  }
}
.ie8 .con_drink > ul li {
  width: 23.5%;
  margin-left: 2%;
  margin-top: 40px;
}
.ie8 .con_drink > ul li:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .con_drink > ul li {
    width: 32%;
    margin-top: 5%;
  }
  .con_drink > ul li:nth-child(3n+2) {
    margin: 5% 2% 0;
  }
}

.con_spa {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spa {
    margin-top: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .con_spa {
    margin-top: 12%;
  }
}
.con_spa .box_spa {
  display: flex;
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .con_spa .box_spa {
    margin-top: 5%;
  }
}
.con_spa .box_spa ol {
  margin-top: 1em;
}
.con_spa .box_spa ol li {
  text-indent: -1em;
  padding-left: 1em;
}
.con_spa .box_spa ol li:before {
  content: "・";
}
@media only screen and (min-width: 768px) {
  .con_spa .box_spa .i {
    width: 24%;
  }
  .con_spa .box_spa .wrp_text {
    width: 73%;
    margin-left: 3%;
  }
}
@media print {
  .con_spa .box_spa .i {
    width: 24%;
  }
  .con_spa .box_spa .wrp_text {
    width: 73%;
    margin-left: 3%;
  }
}
.ie8 .con_spa .box_spa .i {
  width: 24%;
}
.ie8 .con_spa .box_spa .wrp_text {
  width: 73%;
  margin-left: 3%;
}
@media only screen and (max-width: 767px) {
  .con_spa .box_spa .i {
    width: 40%;
  }
  .con_spa .box_spa .wrp_text {
    width: 57%;
    margin-left: 3%;
  }
}

.con_other {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_other {
    margin-top: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .con_other {
    margin-top: 12%;
  }
}
.con_other .t {
  margin-top: 32px;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .con_other .t {
    margin-top: 5%;
  }
}
.con_other ol {
  margin-top: 1em;
}
.con_other ol li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 113%;
}
.con_other ol li:before {
  content: "・";
}