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

 file name  : facilities.css
 author     : Ability Consultant
 style info : ホテルのご案内
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_map, .con_fcl_s {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

/*Animate */
.tit {
  font-weight: normal;
  font-family: "Playfair Display", serif;
  font-size: 188%;
  line-height: 1em;
  letter-spacing: 0.1em;
  color: #000;
}

.logo_spa {
  width: 145px;
}
@media only screen and (max-width: 767px) {
  .logo_spa {
    width: 95px;
  }
}

.con_map {
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  .con_map {
    margin-top: 5%;
  }
}
.con_map .i {
  text-align: center;
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .con_map .i {
    margin-top: 1em;
  }
}

.con_fcl_s ul > li .t {
  font-weight: normal;
  font-family: "Playfair Display", serif;
  font-size: 28px;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  color: #000;
  margin-top: -0.2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fcl_s ul > li .t {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .con_fcl_s ul > li .t {
    font-size: 1.2em;
  }
}
.con_fcl_s ul > li .txt_fcl_s {
  margin-top: 1em;
}
.con_fcl_s ul > li .btn_more {
  margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  .con_fcl_s ul > li {
    display: flex;
    margin-top: 40px;
  }
  .con_fcl_s ul > li .i {
    width: 40%;
    margin-right: 3%;
  }
  .con_fcl_s ul > li .txt_s {
    margin-top: 32px;
  }
  .con_fcl_s ul > li > div {
    width: 57%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_fcl_s ul > li .i {
    width: 40%;
  }
  .con_fcl_s ul > li .txt_s {
    margin-top: 24px;
  }
  .con_fcl_s ul > li > div {
    width: 57%;
  }
}

@media print {
  .con_fcl_s ul > li {
    display: flex;
    margin-top: 40px;
  }
  .con_fcl_s ul > li .i {
    width: 40%;
    margin-right: 3%;
  }
  .con_fcl_s ul > li .txt_s {
    margin-top: 32px;
  }
  .con_fcl_s ul > li > div {
    width: 57%;
  }
}
.ie8 .con_fcl_s ul > li {
  display: flex;
  margin-top: 40px;
}
.ie8 .con_fcl_s ul > li .i {
  width: 40%;
  margin-right: 3%;
}
.ie8 .con_fcl_s ul > li .txt_s {
  margin-top: 32px;
}
.ie8 .con_fcl_s ul > li > div {
  width: 57%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ie8 .con_fcl_s ul > li .i {
    width: 40%;
  }
  .ie8 .con_fcl_s ul > li .txt_s {
    margin-top: 24px;
  }
  .ie8 .con_fcl_s ul > li > div {
    width: 57%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fcl_s ul {
    display: flex;
    flex-wrap: wrap;
  }
  .con_fcl_s ul > li {
    width: 48%;
    margin-top: 5%;
  }
  .con_fcl_s ul > li:nth-child(2n) {
    margin: 5% 0 0 4%;
  }
  .con_fcl_s ul > li > div {
    margin-top: 1em;
  }
  .con_fcl_s ul > li > div .txt_fcl_s {
    margin-top: 0.5em;
    line-height: 1.6em;
  }
  .con_fcl_s ul > li > div .txt_s {
    margin-top: 0.5em;
  }
  .con_fcl_s ul > li > div .btn_more {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fcl_s ul {
    width: 58%;
    margin-left: auto;
  }
}
@media print {
  .con_fcl_s ul {
    width: 58%;
    margin-left: auto;
  }
}
.ie8 .con_fcl_s ul {
  width: 58%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fcl_s ul {
    width: 54%;
    margin-left: auto;
  }
}

.layout_primary_2c .kids {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .btn_style_line a {
    width: 100%;
  }
}