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

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
.con_sig_stay .inner .wrp:after, .con_bn:after, .con_btn:after, .con_rsv_info .wrp .list:after {
  content: "";
  display: table;
  clear: both;
}

#htlSide-A {
  top: 1240px;
}

/* -----------------------------------------------------------
	.con_mv
----------------------------------------------------------- */
.con_mv {
  overflow: hidden;
  position: relative;
  width: 1480px;
  margin-bottom: 50px;
}
.con_mv .box_btn {
  position: absolute;
  bottom: 4px;
  right: 4px;
  z-index: 100;
}
.con_mv .box_btn:hover {
  opacity: 0.7;
}
.con_mv .catch {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  z-index: 100;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
  margin-bottom: 60px;
}

/* -----------------------------------------------------------
	.con_rooms .con_cuisine .con_hotspa .con_faci
----------------------------------------------------------- */
.con_rooms,
.con_cuisine,
.con_hotspa,
.con_faci {
  margin-bottom: 50px;
}
.con_rooms a:hover,
.con_cuisine a:hover,
.con_hotspa a:hover,
.con_faci a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* -----------------------------------------------------------
	.con_akari
----------------------------------------------------------- */
.con_akari {
  position: relative;
  left: 50%;
  margin-left: -960px;
}

/* -----------------------------------------------------------
	.con_sig_stay
----------------------------------------------------------- */
.con_sig_stay {
  position: relative;
  background: #f4efea;
  padding: 0 500%;
  margin: 0 -500%;
}
.con_sig_stay .inner {
  background: #f4efea;
  padding: 100px 0;
}
.con_sig_stay .inner .wrp {
  position: relative;
  left: 50%;
  background: #f4efea;
  margin-left: -600px;
}
.con_sig_stay .inner .wrp li {
  float: left;
  width: 589px;
}
.con_sig_stay .inner .wrp li:first-child {
  margin-right: 18px;
}
.con_sig_stay .inner .wrp li a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* -----------------------------------------------------------
	.con_bn
----------------------------------------------------------- */
.con_bn {
  position: relative;
  left: 50%;
  margin-left: -600px;
  margin-bottom: 30px;
  margin-top: 60px;
}
.con_bn li {
  float: left;
  width: 589px;
}
.con_bn li:first-child {
  margin-right: 18px;
}
.con_bn li a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* -----------------------------------------------------------
	.con_btn
----------------------------------------------------------- */
.con_btn {
  position: relative;
  left: 50%;
  margin-left: -600px;
  margin-bottom: 80px;
}
.con_btn li {
  float: left;
  width: 589px;
}
.con_btn li:first-child {
  margin-right: 18px;
}
.con_btn li a {
  display: inline-block;
  width: 100%;
  padding: 18px 25px;
  text-decoration: none !important;
  border: 2px solid #ded8cc;
  font-size: 16px;
}
.con_btn li a span {
  display: block;
  text-align: left;
  padding-right: 20px;
  position: relative;
}
.con_btn li a span:after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 16px;
  height: 16px;
  background: url(../images/common/arrow_r.png) no-repeat;
}
.con_btn li a:hover span:after {
  right: -5px;
}
.con_btn li a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* -----------------------------------------------------------
	.con_rsv
----------------------------------------------------------- */
.con_rsv_info {
  position: relative;
  left: 50%;
  width: 1200px;
  margin-left: -600px;
  margin-bottom: 80px;
}
.con_rsv_info .wrp {
  margin-left: auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  padding: 40px 240px;
}
.con_rsv_info .wrp .list {
  text-align: center;
}
.con_rsv_info .wrp .list li {
  display: inline-block;
}
.con_rsv_info .wrp .list li:last-child {
  margin-right: 0;
}
.con_rsv_info .wrp .list li a {
  text-decoration: none;
  padding: 15px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.con_rsv_info .wrp .list li a img {
  vertical-align: middle;
}
.con_rsv_info .wrp .list li a:hover {
  text-decoration: underline;
}
.con_rsv_info .wrp .list li.pla {
  vertical-align: middle;
  padding-right: 35px;
}
.con_rsv_info .wrp .list li.a_pla {
  margin-right: 15px;
}
.con_rsv_info .wrp .list li.a_pla a {
  background: #ede6e2;
  padding: 15px 25px;
}
.con_rsv_info .wrp .list li.a_pla a:hover {
  background: #d4cdc9;
}
.con_rsv_info .wrp .list li.ser {
  margin-right: 20px;
}
.con_rsv_info .wrp .list li.ser a {
  background: #231815;
  padding: 15px 70px;
}
.con_rsv_info .wrp .list li.ser a:hover {
  background: #030202;
}
.con_rsv_info .wrp .list li.txt_tel {
  margin-bottom: -20px;
}
.con_rsv_info .wrp .list li.txt_tel img {
  vertical-align: middle;
}