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

 file name  : hotspa.css
 author     : Ability Consultant
 style info : 温泉
=================================================================== */
@-webkit-keyframes slickDots {
  0% {
		width: 0;
  }
  100% {
		width: 100%;
  }
}
@-moz-keyframes slickDots {
  0% {
		width: 0;
  }
  100% {
		width: 100%;
  }
}
@keyframes slickDots {
  0% {
		width: 0;
  }
  100% {
		width: 100%;
  }
}
@-webkit-keyframes flowMainimg {
  0% {
		-moz-transform: translate(-49%, -50%);
		-ms-transform: translate(-49%, -50%);
		-webkit-transform: translate(-49%, -50%);
		transform: translate(-49%, -50%);
  }
  100% {
		-moz-transform: translate(-51%, -50%);
		-ms-transform: translate(-51%, -50%);
		-webkit-transform: translate(-51%, -50%);
		transform: translate(-51%, -50%);
  }
}
@-moz-keyframes flowMainimg {
  0% {
		-moz-transform: translate(-49%, -50%);
		-ms-transform: translate(-49%, -50%);
		-webkit-transform: translate(-49%, -50%);
		transform: translate(-49%, -50%);
  }
  100% {
		-moz-transform: translate(-51%, -50%);
		-ms-transform: translate(-51%, -50%);
		-webkit-transform: translate(-51%, -50%);
		transform: translate(-51%, -50%);
  }
}
@keyframes flowMainimg {
  0% {
		-moz-transform: translate(-49%, -50%);
		-ms-transform: translate(-49%, -50%);
		-webkit-transform: translate(-49%, -50%);
		transform: translate(-49%, -50%);
  }
  100% {
		-moz-transform: translate(-51%, -50%);
		-ms-transform: translate(-51%, -50%);
		-webkit-transform: translate(-51%, -50%);
		transform: translate(-51%, -50%);
  }
}
@-webkit-keyframes flowImg {
  0% {
		left: 0;
  }
  100% {
		left: -5%;
  }
}
@-moz-keyframes flowImg {
  0% {
		left: 0;
  }
  100% {
		left: -5%;
  }
}
@keyframes flowImg {
  0% {
		left: 0;
  }
  100% {
		left: -5%;
  }
}
@-webkit-keyframes flowBg {
  0% {
		background-position: 0 0;
  }
  100% {
		background-position: -50px 0;
  }
}
@-moz-keyframes flowBg {
  0% {
		background-position: 0 0;
  }
  100% {
		background-position: -50px 0;
  }
}
@keyframes flowBg {
  0% {
		background-position: 0 0;
  }
  100% {
		background-position: -50px 0;
  }
}
@-webkit-keyframes scrBorder {
  10% {
		height: 100%;
  }
  49.9% {
		height: 0;
		bottom: 0;
  }
  50% {
		bottom: 100%;
  }
  90% {
		height: 100%;
		bottom: 0;
  }
}
@-moz-keyframes scrBorder {
  10% {
		height: 100%;
  }
  49.9% {
		height: 0;
		bottom: 0;
  }
  50% {
		bottom: 100%;
  }
  90% {
		height: 100%;
		bottom: 0;
  }
}
@keyframes scrBorder {
  10% {
		height: 100%;
  }
  49.9% {
		height: 0;
		bottom: 0;
  }
  50% {
		bottom: 100%;
  }
  90% {
		height: 100%;
		bottom: 0;
  }
}
/* -----------------------------------------------------------
	ページ全体
----------------------------------------------------------- */
#rt-service-hidden + div{
	overflow: hidden;
}
#htlContents {
	margin: 0 auto !important;
	min-width: 1190px !important;
	width: 1190px;
}
#RthCustomizeW {
	font-size: small;
	line-height: 1.5;
}
#RthCustomizeW img {
  max-width: 100%;
  -webkit-touch-callout: none;
}
.rt-footer {
	width: 1190px;
	margin: auto;
}
/* -----------------------------------------------------------
	日程からプランを探す
----------------------------------------------------------- */
#htlSide-A {
	top: 906px;
}

#trvlHtlTabNav,
#trvlHtlSubNav {
	min-width: 1190px !important;
	margin-left: -240px;
}
/* -----------------------------------------------------------
	#abi_header
----------------------------------------------------------- */
#abi_header #nav {
  padding-bottom: 30px;
}

/* -----------------------------------------------------------
	#con_mainimg_lower
----------------------------------------------------------- */
#con_mainimg_lower {
	background: url(../../hotspa/images/img_main.jpg) #fff no-repeat;
  width: 950px;
  height: 167px;
}
#con_mainimg_lower::before {
	content: "温泉";
}
/* -----------------------------------------------------------
  #con_int
----------------------------------------------------------- */
#con_int {
  margin: 0 0 70px 0;
}
#con_int .img_txt {
  margin-bottom: 40px;
}
/* -----------------------------------------------------------
  #con_hot
----------------------------------------------------------- */
#con_hot .img_txt {
	margin-bottom: 50px;
}
#con_hot .img_txt:first-child {
	margin-bottom: 67px;
}
/* -----------------------------------------------------------
  #con_bn
----------------------------------------------------------- */
#con_bn {
  position: relative;
  margin-bottom: 100px;
}
.btn_h {
  width: 162px;
  height: 39px;
  position: absolute;
  left: 56%;
  bottom: 35px;
  background: #fff;
  color: transparent;
  border: 1px solid #edeae6;
  transition: 400ms;
}
.btn_h:hover {
  background: #edeae6;
  transition: 400ms;
}