@charset "utf-8";
/* ==========================================================

title : ホテル多度温泉　
scope : 客室紹介 トップ

========================================================== */
h1.ttl_txt {
	position: relative;
	z-index: -999;
}

.txt_lead {
	margin: 30px auto;
	width: 700px;
    font-size:17px;
}

/*--------------------------------------

	ナビ

----------------------------------------*/
.nav_hotel {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
	margin: 0 auto 30px;
	width: 820px;
}


/*--------------------------------------

	各施設紹介

----------------------------------------*/
.con_intro {
	overflow: hidden;
}

.con_intro figure {
	float: left;
	width: 540px;
}

.con_intro .box_txt {
	float: right;
	height: 300px;
	padding: 20px;
	width: 382px;
}

#clubhouse .con_intro .box_txt {
	background: url("../image/top/bg-honkan-main.jpg");
	background-size: cover;
}

.con_intro .box_txt h2 {
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 23px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.con_intro .box_txt p {
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.3em;
	text-align: justify;
}

.con_intro .box_txt .flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
}
.con_intro .box_txt .btn {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 20px auto 0;
	width: 177px;
	height: 49px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
}
.con_intro .box_txt a {
display: block;
font-weight: bold;
font-size: 24px;
height: auto;
overflow:unset;
text-align: left;
}
.con_intro .box_txt a.new {
color: #876709;
}
.con_intro .box_txt a.club {
color: #174d34;
}
.con_intro .box_txt a.vary {
color: #591212;
}
.con_intro .box_txt a.arrow {
	margin-right: 1.1em;
}
.con_intro .box_txt a.arrow::after {
	display: block;
	content: "▲";
    position: absolute;
    top: 0;
    right: 1.4em;
    bottom: 0;
    font-size: 60%;
    transform: rotate(90deg) scale(1, 0.65);
}

.con_intro .box_txt .btn::before {
	display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
	z-index: 2;
    top: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0;
	border-radius: 5px;
	pointer-events: none;
}
.con_intro .box_txt .btn:hover::before {
	opacity: 0.5;
}


/* .con_photo */
.con_photo {
	margin: 20px auto;
	overflow: hidden;
	width: 925px;
}
.con_photo .slider_main {
	position: relative;
  float: left;
	margin-right: 2%;
	z-index: 1;
	width: 580px;
}

.con_photo .slider_thumb {
	float: right;
}

.con_photo .slider_thumb ul {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 320px;
}

.con_photo .slider_thumb ul li {
	width: 150px;
}

.con_photo .slider_thumb ul li:first-child,
.con_photo .slider_thumb ul li:first-child + li {
	margin-bottom: 16px;
}

.con_photo .slider_thumb ul a {
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}

.con_photo .slider_thumb ul a.active img{
	margin: -5px;
}



/* クラブハウス　本館 */
#clubhouse {
	background: #305041;
	margin-bottom: 50px;
	overflow: hidden;
}

#clubhouse .con_intro .box_txt {
	background: url("../image/top/bg-honkan-main.jpg");
	background-size: cover;
}

#clubhouse .con_photo .slider_thumb ul a.active {
	border: #fff solid 5px;
}

/* レジデンス新館 */
#residence {
	background: #716954;
	margin-bottom: 50px;
	overflow: hidden;
}

#residence .con_intro .box_txt {
	background: url("../image/top/bg-shinkan-main.jpg");
	background-size: cover;
	height: 319px;
}

#residence .con_intro .box_txt .li_btn {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 20px auto 0;
  width: 320px;
}

#residence .con_intro .box_txt .li_btn li {
	width: 150px;
}

#residence .con_intro .box_txt .li_btn li:hover {
	background: #fff;
	border-radius: 5px;
}

#residence .con_photo .slider_thumb ul a.active {
	border: #fff solid 5px;
}

/* 火水風別館 */
#himizukaze {
	background: #50292a;
	margin-bottom: 90px;
	overflow: hidden;
}

#himizukaze .con_intro .box_txt {
	background: url("../image/top/bg-bekkan-main.jpg");
	background-size: cover;
	height: 280px;
	padding: 30px 20px;
}

#himizukaze .con_photo .slider_thumb ul a.active {
	border: #fff solid 5px;
}



/*--------------------------------------

	ホテルご予約と客室のご案内

----------------------------------------*/
#hotel_guide {
	background: url("../image/top/bg-guide.jpg") repeat;
	margin-bottom: 50px;
	padding-bottom: 50px;
	position: relative;
}
#hotel_guide h2 {
     font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size:25px;
    font-weight: 600;
    text-align: center;
	margin: 0 auto;
	width: 100%;
	background:#cbbd9b;
	padding:.5em 0;
	position:absolute;
	top:-1.5em;
	left:0;
}
#hotel_guide p {
	font-size: 17px;
	margin: 0 auto 30px;
	padding-top: 35px;
	width: 730px;
	line-height:1.5;
}

#hotel_guide .con_guide {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  overflow: hidden;
	width: 825px;
}

#hotel_guide .con_guide .box_hotel {
	border-radius: 7px;
	padding-bottom: 2px;
	width: 260px;
}

#hotel_guide .con_guide .box_hotel h3 {
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0;
	text-align: center;
}

#hotel_guide .con_guide .box_hotel figure {
	text-align: center;
}

#hotel_guide .con_guide .box_hotel .btn {
	margin: 10px auto 0;
	padding: 0;
	width: 240px;
}

#hotel_guide .con_guide .box_hotel .btn:hover {
	background: #fff;
	border-radius: 5px;
}

#hotel_guide .con_guide .box_hotel.clubhouse {
	background: #014C34;
	border: 2px solid #014C34;
}

#hotel_guide .con_guide .box_hotel.residence {
	background: #9E7A0F;
	border: 2px solid #9E7A0F;
}

#hotel_guide .con_guide .box_hotel.residence .li_btn {
	margin: 10px auto 0;
	overflow: hidden;
	width: 240px;
}

#hotel_guide .con_guide .box_hotel.residence .li_btn li {
	float: left;
}

#hotel_guide .con_guide .box_hotel.residence .li_btn li:last-child {
	float: right;
}

#hotel_guide .con_guide .box_hotel.residence .li_btn li:hover {
	background: #fff;
	border-radius: 5px;
}

#hotel_guide .con_guide .box_hotel.himizukaze {
	background: #8C0D29;
	border: 2px solid #8C0D29;
}

#hotel_guide .img_map {
	text-align: center;
}

.bnr_box700 {
  width: 700px;
  margin: -1.5em auto 90px;
}
.bnr_box700 figcaption {
  padding: 0.4em 0 0;
  font-size: 15px;
  line-height: 1.4;
}