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

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/*----------------------------------------------------
	.con_reserve	予約導線
----------------------------------------------------*/
.con_reserve {
	background-size: 100%;
	clear: both;
	margin: 5% 0 0;
}
.con_reserve h2 {
	padding: 0 0 2% 0;
}
.con_reserve ul.rsv_nav {
	width: 93.75%;
	overflow: hidden;
	margin: 0 auto;
}
.con_reserve ul.rsv_nav li {
	width: 48.3%;
	float: left;
}
.con_reserve ul.rsv_nav li.last {
	float: right;
}
.con_reserve p {
	clear: both;
	text-align: center;
	padding: 3% 0;
}
.con_reserve .con_btn {
	margin: 10px 0;
}
.con_reserve .con_btn .btn {
	margin-bottom: 10px;
	padding: 0;
}
.con_reserve .con_btn .btn:last-child {
	margin-bottom: 0;
}
.con_reserve .con_btn .btn a {
	display: block;
	background-color: #27660e;
	padding: 0.8em 0;
	width: 100%;
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}
.con_reserve .box_benefits {
	background: url("../images/common/bg_body.jpg") repeat scroll 0 0;
}
.con_reserve .box_benefits .insta {
	display: inline-block;
	margin-top: .5em;
	margin-bottom: .5em;
}

#contents h2 {
	padding-top: 0;
}

/*----------------------------------------------------
	.con_plan	おすすめ宿泊プラン
----------------------------------------------------*/
.con_plan {
	padding: 0 0 5% 0;
}
.con_plan h2 {
	padding: 3% 0;
	text-align: center;
}
.con_plan .txt_tax {
	text-align: center;
	padding: 0 0 5% 0;
	font-size: 90%;
}
.con_plan .sub_txt_lnk {
	text-align: center;
	margin-bottom: 5%;
	font-size: 85%;
}
.con_plan .sub_txt_lnk a {
	border: solid 1px;
	padding: 8px 40px;
	transition: all .3s;
}
.con_plan .sub_txt_lnk a:hover {
	text-decoration: none;
	background-color: #F3F2F2;
}
.con_plan .box_plan {
	width: 93.75%;
	margin: 0 auto 5% auto;
	border-bottom: 1px solid #dedede;
}
.con_plan .box_plan li {
	width: 100%;
	overflow: hidden;
	padding: 2%;
	background: #fff;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
}
.con_plan .box_plan li .photo {
	width: 29.6%;
	float: left;
}
.con_plan .box_plan li .txt {
	width: 65%;
	float: right;
	color: #000000;
}
.con_plan .box_plan li .price {
	padding: 5% 0 0 0;
	float: right;
	color: #b40000;
}
.con_plan p.btn_blue {
	clear: both;
	margin: 0 auto;
	width: 68.2%;
}

/*----------------------------------------------------
	.con_pic	ピックアップ
----------------------------------------------------*/
.con_pic {
	padding: 0 0 5% 0;
}
.con_pic h2 {
	padding: 5% 0;
	text-align: center;
}
.con_pic .box_pic {
	width: 93.75%;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 5%;
}
.con_pic .box_pic li {
	padding: 0 0 5% 0;
}
.con_pic p.btn_bla2 {
	clear: both;
	margin: 0 auto;
	width: 68.2%;
}

/*----------------------------------------------------
	.con_news	新着情報
----------------------------------------------------*/
.con_news {
	background: url("../images/home/bg_st_new.jpg") repeat-x scroll 0 0 white;
	padding: 0 0 5%;
}
.con_news .box_news {
	padding: 8% 0 5%;
	background: url("../images/home/line_texture.gif") repeat-x scroll 0 bottom transparent;
	clear: both;
	margin: 0 0 3%;
	overflow: hidden;
	width: 100%;
}
.con_news .box_news h2 {
	padding: 3% 0 0;
}
.con_news .box_news .btn {
	clear: both;
}
.con_news .box_news .btn a {
	border: 1px solid #484848;
	display: block;
	margin: 3% auto;
	padding: 3%;
	text-align: center;
	width: 60%;
}
.con_news .box_news li {
	border-bottom: 1px dotted #000000;
	clear: both;
}
.con_news .box_news li a {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 4% 0;
	width: 93.75%;
}
.con_news .box_news li a .category {
	background: none repeat scroll 0 0 #484848;
	color: #fff;
	float: left;
	font-size: 84%;
	padding: 0.5% 2%;
	text-align: center;
	width: 34%;
}
.con_news .box_news li a .txt {
	float: right;
	width: 65%;
}
.con_news .box_news li a span {
	display: inline-block;
	margin: 0 0 1.5%;
	padding: 0.5% 2%;
}
.con_news .box_news li a .last {
	padding-bottom: 0;
}

.con_bnarea ul {
	width: 93.75%;
	overflow: hidden;
	margin: 0 auto;
}
.con_bnarea ul li {
	padding: 0 0 5% 0;
}

/*----------------------------------------------------
	.flexslider	flexslider
----------------------------------------------------*/
.flexslider {
	position: relative;
	height: 812px;
}

.flex-control-nav {
	background: url("../images/home/bg_flexnav.png") no-repeat scroll 0 bottom/100% auto transparent;
	padding: 13% 0 3%;
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;
	z-index: 90;
}

.flex-viewport, ul.slides, ul.slides .slide_item {
	height: 100%;
}

ul.slides .slide_item {
	font-size: 0;
	text-indent: -9999px;
}