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

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
/*Animate */
/* -----------------------------------------------------------
	con_main
----------------------------------------------------------- */
.con_main {
  width: 950px;
  margin: auto;
}
.con_main .main_inner {
  position: relative;
}
.con_main .main_inner img {
  width: 100%;
}

/* -----------------------------------------------------------
	rktn
----------------------------------------------------------- */
#htlSide-A {
  margin-top: 204px;
}

@-moz-document url-prefix() {
  #htlSide-A {
    left: 0;
  }
}
#contents {
  width: 950px;
  margin: auto;
}

/* -----------------------------------------------------------
	.con_day
----------------------------------------------------------- */
.con_day .con_tea {
  position: relative;
}
.con_day .con_tea .box_img {
  position: absolute;
  top: 11em;
  right: 4em;
}
.con_day .con_afternoon {
  position: relative;
}
.con_day .con_afternoon .box_slide {
  width: 100%;
  position: absolute;
  left: 6.5em;
  top: 12.5em;
}
.con_day .con_afternoon .box_slide .slide {
  position: absolute;
}
.con_day .con_afternoon .box_slide .slide:first-child {
  z-index: 10;
}
.con_day .con_afternoon #btn_prev {
  position: absolute;
  width: 100%;
  left: 3.5em;
  bottom: 8em;
  color: transparent;
  background: url(../images/common/ic_arrow_prev.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.con_day .con_afternoon #btn_prev::before {
  display: none;
}
.con_day .con_afternoon .slick-dots li.active {
  background: #fff;
}
.con_day .con_afternoon #btn_next {
  position: absolute;
  width: 100%;
  left: 11em;
  bottom: 8em;
  color: transparent;
  background: url(../images/common/ic_arrow_next.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.con_day .con_afternoon .slick-dots {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 5;
  line-height: 0;
  text-align: center;
  bottom: 9.2em;
  right: 63.5em;
}
.con_day .con_afternoon .slick-dots li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 10px;
  background: #212226;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.con_day .con_afternoon .slick-dots li:first-child {
  margin-left: 0;
}
.con_day .con_afternoon .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 5.5px;
  text-indent: -9999px !important;
  background: none;
  border: none;
  cursor: pointer;
}

/* -----------------------------------------------------------
	.con_night
----------------------------------------------------------- */
.con_night .con_cocktail {
  position: relative;
}
.con_night .con_cocktail .box_slide02 {
  width: 100%;
  position: absolute;
  top: 12em;
  right: -39.5em;
}
.con_night .con_cocktail .box_slide02 .slide {
  position: absolute;
  z-index: 10;
}
.con_night .con_cocktail .box_slide02 .slide:first-child {
  z-index: 10;
}
.con_night .con_cocktail #btn_prev02 {
  position: absolute;
  width: 100%;
  left: 60.5em;
  bottom: 7.2em;
  color: transparent;
  background: url(../images/common/ic_arrow_prev.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.con_night .con_cocktail #btn_prev02::before {
  display: none;
}
.con_night .con_cocktail .slick-dots02 li.active {
  background: #fff;
}
.con_night .con_cocktail #btn_next02 {
  position: absolute;
  width: 100%;
  left: 906px;
  bottom: 7.2em;
  color: transparent;
  background: url(../images/common/ic_arrow_next.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.con_night .con_cocktail .slick-dots02 {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 5;
  line-height: 0;
  text-align: center;
  right: 5em;
  bottom: 8.5em;
}
.con_night .con_cocktail .slick-dots02 li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 10px;
  background: #212226;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.con_night .con_cocktail .slick-dots02 li:first-child {
  margin-left: 0;
}
.con_night .con_cocktail .slick-dots02 li button {
  width: 12px;
  height: 12px;
  border-radius: 5.5px;
  text-indent: -9999px !important;
  background: none;
  border: none;
  cursor: pointer;
}
.con_night .con_cocktail .slick-dots02 li.slick-active {
  background: #fff;
}
.con_night .con_bar {
  position: relative;
}
.con_night .con_bar .box_slide03 {
  width: 100%;
  position: absolute;
  bottom: -12em;
  right: -6.5em;
}
.con_night .con_bar .box_slide03 .slide {
  position: absolute;
  z-index: 10;
}
.con_night .con_bar .box_slide03 .slide:first-child {
  z-index: 10;
}
.con_night .con_bar #btn_prev03 {
  position: absolute;
  width: 100%;
  left: 4em;
  bottom: -36.5em;
  color: transparent;
  background: url(../images/common/ic_arrow_prev.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.con_night .con_bar #btn_prev03::before {
  display: none;
}
.con_night .con_bar .slick-dots03 li.active {
  background: #fff;
}
.con_night .con_bar #btn_next03 {
  position: absolute;
  width: 100%;
  left: 11.5em;
  bottom: -36.5em;
  color: transparent;
  background: url(../images/common/ic_arrow_next.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.con_night .con_bar .slick-dots03 {
  position: absolute;
  width: 100%;
  z-index: 5;
  line-height: 0;
  text-align: center;
  left: -27.5em;
  top: 34.5em;
}
.con_night .con_bar .slick-dots03 li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 10px;
  background: #212226;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.con_night .con_bar .slick-dots03 li:first-child {
  margin-left: 0;
}
.con_night .con_bar .slick-dots03 li button {
  width: 12px;
  height: 12px;
  border-radius: 5.5px;
  text-indent: -9999px !important;
  background: none;
  border: none;
  cursor: pointer;
}
.con_night .con_bar .slick-dots03 li.slick-active {
  background: #fff;
}