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

 file name  : rooms.css
 author     : Ability Consultant
 style info : お部屋・温泉
=================================================================== */
@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium");
}
/*Animate */
/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
	position: relative;
}
.con_title .logo {
	position: absolute;
	left: 20px;
	top: 20px;
}

/* -----------------------------------------------------------
	.con_link
----------------------------------------------------------- */
.con_link {
	margin: 60px 0;
}
.con_link a {
	padding: 0 10px;
	transition: 400ms ease-out;
}
.con_link a:hover {
	opacity: .4;
}

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

/* -----------------------------------------------------------
	.con_stay
----------------------------------------------------------- */
.con_stay {
	margin-bottom: 160px;
}
.con_stay .box_stay {
	margin-bottom: 80px;
	position: relative;
}
.con_stay .box_stay .btn_plan {
	position: absolute;
	bottom: 84px;
	right: 60px;
	transition: 400ms ease-out;
}
.con_stay .box_stay .btn_plan:hover {
	opacity: .7;
}
.con_stay .box_stay .btn_plan.bt {
	bottom: 70px;
}
.con_stay .box_stay .btn_plan.top {
	bottom: 940px;
}
.con_stay .box_ajo .btn_rsv {
	margin-top: 50px;
	display: inline-block;
	transition: 400ms ease-out;
}
.con_stay .box_ajo .btn_rsv:hover {
	opacity: .7;
}