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

 file name  : rooms.css
 author     : Ability Consultant
 style info : 客室
=================================================================== */
/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
  margin-bottom: 30px;
}

/* -----------------------------------------------------------
	#cus_contents
----------------------------------------------------------- */
#cus_contents .con_video {
  position: relative;
  text-align: center;
}
#cus_contents .con_video .st {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 70;
}
#cus_contents .img {
  margin-bottom: 100px;
  text-align: center;
}

/* -----------------------------------------------------------
	.con_main_room
----------------------------------------------------------- */
.con_main_room {
  margin-bottom: 100px;
}
.con_main_room .st {
  text-align: center;
  margin-bottom: 30px;
}
.con_main_room .txt {
  width: 95%;
  margin: auto;
  text-align: center;
  margin-top: 3%;
}

#lnk_west_twin_room {
  margin-top: 70px;
}

.con_rooms {
  margin-bottom: 100px;
}

/* -----------------------------------------------------------
	.gold-button
----------------------------------------------------------- */
.wrp_gold_button {
  text-align: center;
  margin-top: 5%;
}

.gold-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 112px;
  background-color: transparent;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: none !important;
  cursor: pointer;
  border: none;
  outline: none;
}
.gold-button img {
  display: block;
  height: auto;
  max-width: 250px;
  transition: opacity 0.3s ease, filter 0.3s ease;
}
.gold-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d4b483;
  pointer-events: none;
}
.gold-button::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border: 1px solid #d4b483;
  pointer-events: none;
  transition: all 0.3s ease;
}
.gold-button:hover {
  background-color: rgba(212, 180, 131, 0.1);
}
.gold-button:hover img {
  filter: brightness(1.2);
}
.gold-button:hover::after {
  border-color: #fff;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
.gold-button:hover::before {
  border-color: #fff;
}

/* -----------------------------------------------------------
	.スライダー
----------------------------------------------------------- */