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

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
#htlSide-A {
  top: 1015px;
}

/* -----------------------------------------------------------
    con_main
----------------------------------------------------------- */
.con_main {
  position: relative;
  width: 100%;
  height: 790px;
}
.con_main #slide {
  position: absolute;
  width: 1920px;
  height: 100%;
  top: 0;
  left: 50%;
  margin: 0 auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.con_main #slide img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.con_main #slide img:first-child {
  display: block;
}
.con_main #thum {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  height: 11px;
}
.con_main #thum li {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  margin: 0 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  position: relative;
  -moz-transition: width 0.35s, height 0.35s;
  -o-transition: width 0.35s, height 0.35s;
  -webkit-transition: width 0.35s, height 0.35s;
  transition: width 0.35s, height 0.35s;
}
.con_main #thum li:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -moz-border-radius: 200%;
  -webkit-border-radius: 200%;
  border-radius: 200%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.con_main #thum li:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-border-radius: 200%;
  -webkit-border-radius: 200%;
  border-radius: 200%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.con_main #thum li.sel:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.con_main h1 {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 65px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bnr_corona {
  text-align: center;
}
.bnr_corona a {
  display: inline-block;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.bnr_corona a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* -----------------------------------------------------------
    con_info
----------------------------------------------------------- */
.con_info {
  border: 15px solid #8cbbb8;
  margin-top: 60px;
}
.con_info .st {
  color: #fff;
  background: #8cbbb8;
  letter-spacing: 0.12em;
  font-size: 132%;
  text-align: center;
  padding: 0.5em 0 1em;
}
.con_info ul {
  padding: 30px 0;
}
.con_info ul li {
  display: block;
  text-align: center;
}
.con_info ul li:nth-child(n+2) {
  margin-top: 20px;
}
.con_info ul li a {
  display: inline-block;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.con_info ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.con_intr {
  margin-top: 105px;
}

/* -----------------------------------------------------------
    con_info
----------------------------------------------------------- */
.con_plan {
  margin-top: 75px;
}
.con_plan h3 {
  text-align: center;
  font-weight: normal;
  font-size: 188%;
  letter-spacing: 0.46em;
}
.con_plan .box_plan {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 40px;
}
.con_plan .box_plan:after {
  content: '';
  width: 100%;
  height: 100%;
  background: #23a491;
  position: absolute;
  left: 0;
  top: 92px;
  z-index: -1;
}
.con_plan .box_plan li {
  width: 277px;
  padding: 0 10px;
}
.con_plan .box_plan li a {
  display: block;
  background: #fff;
  color: #000;
  padding-bottom: 20px;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.con_plan .box_plan li a:hover {
  background: #eff5f5;
}
.con_plan .box_plan li a .pho {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 185px;
}
.con_plan .box_plan li a .pho img {
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 130%;
}
.con_plan .box_plan li a .st {
  width: 90%;
  margin: 20px auto 0;
  letter-spacing: 0.027em;
  height: 7.5em;
}
.con_plan .box_plan li a .pri {
  text-align: center;
}
.con_plan .box_plan li a .pri span {
  color: #254e99;
  font-family: 'Lora', "Times New Roman", Times, Garamond, Georgia, serif;
  font-size: 144%;
}
.con_plan .b-plan {
  width: 320px;
  margin: 60px auto 0;
}

/* -----------------------------------------------------------
    con_enjoy
----------------------------------------------------------- */
.con_hot {
  margin-top: 80px;
}
.con_hot h3 {
  font-size: 238%;
  letter-spacing: 0.46em;
  text-align: center;
  font-weight: normal;
}
.con_hot h3 span {
  color: #23a491;
}
.con_hot .box_hot {
  margin-top: 60px;
}
.con_hot .box_hot .txt {
  width: 805px;
  margin: 30px auto 0;
}
.con_hot .list_hot {
  margin-top: 95px;
}
.con_hot .list_hot li {
  width: 450px;
  margin-bottom: 75px;
}
.con_hot .list_hot li:nth-child(odd) {
  float: left;
  clear: left;
}
.con_hot .list_hot li:nth-child(even) {
  float: right;
}
.con_hot .list_hot li .tbl_basic {
  width: 100%;
  margin-top: 15px;
}
.con_hot .list_hot li .tbl_basic th {
  width: 125px;
}
.con_hot .list_hot li .txt_cau {
  margin-top: 20px;
  font-size: 80%;
  padding-left: 1em;
  text-indent: -1em;
}
.con_hot .box_ashiyu {
  padding-top: 20px;
}
.con_hot .box_sauna {
  background: #f7f7f7;
  padding: 40px;
  overflow: hidden;
  margin-top: 80px;
}
.con_hot .box_sauna .pho {
  float: left;
}
.con_hot .box_sauna .box_det {
  float: right;
  width: 410px;
}
.con_hot .box_sauna .box_det .st {
  letter-spacing: 0.12em;
  font-size: 169%;
}
.con_hot .box_sauna .box_det .txt {
  margin: 0.8em 0 1.5em;
}
.con_hot .box_sauna .box_det .tbl_basic {
  width: 100%;
}
.con_hot .box_sauna .box_det .txt_cau {
  font-size: 88%;
  margin-top: 1em;
}

/* -----------------------------------------------------------
    con_cui
----------------------------------------------------------- */
.con_cui {
  margin-top: 140px;
}
.con_cui .txt {
  width: 780px;
  margin: 20px auto 0;
}
.con_cui .box_koda {
  position: relative;
  padding-top: 50px;
  margin-top: 65px;
}
.con_cui .box_koda:before {
  content: '';
  width: 100%;
  height: 240px;
  background: #eff5f5;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.con_cui .box_koda .st {
  text-align: center;
  font-size: 169%;
  letter-spacing: 0.12em;
}
.con_cui .box_koda ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 40px;
}
.con_cui .box_koda ul li {
  width: 205px;
  margin-left: 18px;
  text-align: center;
}
.con_cui .box_koda ul li:first-child {
  margin-left: 0;
}
.con_cui .box_koda ul li span {
  display: block;
  letter-spacing: 0.12em;
  margin-top: 0.8em;
}
.con_cui .box_kaiseki {
  margin-top: 120px;
}
.con_cui .box_break {
  margin-top: 70px;
}
.con_cui .box_oth {
  margin-top: 90px;
}
.con_cui .box_oth .st {
  text-align: center;
  letter-spacing: 0.12em;
  margin-bottom: 30px;
  font-size: 169%;
}
.con_cui .box_oth .box_det {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.con_cui .box_oth .box_det .box_txt {
  width: 445px;
}
.con_cui .box_oth .box_det .box_txt ul {
  overflow: hidden;
}
.con_cui .box_oth .box_det .box_txt ul li {
  margin-bottom: 0.3em;
}
.con_cui .box_oth .box_det .box_txt ul li:nth-child(odd) {
  width: 250px;
  float: left;
}
.con_cui .box_oth .box_det .box_txt ul li:nth-child(even) {
  float: right;
  width: 180px;
}
.con_cui .box_oth .box_det .box_txt ul li:before {
  content: '';
  width: 8px;
  height: 8px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #23a491;
  display: inline-block;
  margin-right: 0.5em;
}
.con_cui .box_oth .box_det .box_txt .txt_oth {
  background: #f7f7f7;
  padding: 1.5em 2em;
  margin-top: 35px;
}
.con_cui .box_opt {
  margin-top: 90px;
}

/* -----------------------------------------------------------
    con_room
----------------------------------------------------------- */
.con_room {
  margin-top: 130px;
}
.con_room .box_room {
  width: 810px;
  margin: 20px auto 0;
  overflow: hidden;
}
.con_room .box_room .txt {
  float: left;
  width: 465px;
}
.con_room .box_room .b-base {
  width: 290px;
  float: right;
}

/* -----------------------------------------------------------
    con_enjoy
----------------------------------------------------------- */
.con_enjoy {
  margin-top: 80px;
  position: relative;
}
.con_enjoy:before {
  content: '';
  width: 178px;
  height: 179px;
  background: url(../images/home/ic_circle2.png) no-repeat;
  position: absolute;
  left: 0;
  bottom: -20px;
}
.con_enjoy .box_enjoy li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 35px 0 40px;
}
.con_enjoy .box_enjoy li:before {
  content: '';
  background: #f8f1d9;
  position: absolute;
  top: 0;
  width: 225px;
  height: 100%;
  z-index: -1;
}
.con_enjoy .box_enjoy li:first-child {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.con_enjoy .box_enjoy li:first-child:before {
  left: 0;
}
.con_enjoy .box_enjoy li:first-child .box_det {
  margin-left: 35px;
}
.con_enjoy .box_enjoy li:first-child .box_det .st {
  letter-spacing: 0.12em;
}
.con_enjoy .box_enjoy li:last-child {
  margin-top: -35px;
}
.con_enjoy .box_enjoy li:last-child:before {
  right: 0;
}
.con_enjoy .box_enjoy li:last-child .box_det {
  margin-right: 35px;
}
.con_enjoy .box_enjoy li:last-child .box_det .st {
  letter-spacing: 0.02em;
}
.con_enjoy .box_enjoy li .box_det {
  width: 280px;
}
.con_enjoy .box_enjoy li .box_det .st {
  font-size: 150%;
}
.con_enjoy .box_enjoy li .box_det .txt {
  margin-top: 25px;
}
.con_enjoy .b-base {
  width: 360px;
  margin: 0 auto;
  margin-top: 40px;
}

/* -----------------------------------------------------------
    con_links
----------------------------------------------------------- */
.con_links {
  background: #8cbbb8;
  margin-top: 140px;
  padding: 33px 28px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.con_links li a {
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.con_links li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}