@charset "UTF-8";
/*----------------------------------------------------
	カラー
----------------------------------------------------*/
/*----------------------------------------------------
	layout レイアウト
----------------------------------------------------*/
/*----------------------------------------------------
	shadow-box ボックスに影をつける
----------------------------------------------------*/
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#homepage #gnav ul li.gnav_hom a {
	background-position: bottom;
}

/*----------------------------------------------------
	.con_slide	bxslider
----------------------------------------------------*/
.con_slide {
	overflow: hidden;
	height: 600px;
	margin-bottom: 85px;
}

.con_slide #loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 600px;
	background: #fff;
	text-align: center;
}

.con_slide #loading p {
	padding-top: 260px;
}

.con_slide .bx-wrapper {
	position: relative;
}

.con_slide .bx-wrapper .bx-viewport ul li {
	width: 100% !important;
	height: 0;
	padding-top: 600px;
	overflow: hidden;
	display: block;
	background-position: center 0 !important;
}

.con_slide .bx-wrapper .bx-controls {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1000px;
	height: 63px;
	margin: auto;
	z-index: 100;
}

.con_slide .bx-wrapper .bx-controls .bx-controls-direction {
	overflow: hidden;
	*zoom: 1;
}

.con_slide .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
	float: left;
	background: url(../images/slider/btn_prev.png) 0 0 no-repeat;
	padding-top: 63px;
	width: 63px;
	height: 0;
	overflow: hidden;
}

.con_slide .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.con_slide .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
	float: right;
	background: url(../images/slider/btn_next.png) 0 0 no-repeat;
	padding-top: 63px;
	width: 63px;
	height: 0;
	overflow: hidden;
}

.con_slide .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/*----------------------------------------------------
	.con_news お知らせ
----------------------------------------------------*/
.con_news {
	width: 100%;
}

.con_news .wrp {
	width: 1000px;
	margin: 0 auto 50px;
	overflow: hidden;
	*zoom: 1;
}

.con_news .wrp .st {
	float: left;
	margin-top: 72px;
}

.con_news .wrp .box_r {
	float: right;
	width: 780px;
}

.con_news .wrp .box_r .box_list {
	margin-bottom: 15px;
}

.con_news .wrp .box_r .box_list .box {
	overflow: hidden;
	*zoom: 1;
	font-size: 1.1em;
	padding: 8px 0 5px;
}

.con_news .wrp .box_r .box_list .box .date {
	float: left;
	font-family: Arial;
	width: 120px;
	text-align: center;
}

.con_news .wrp .box_r .box_list .box .title a {
	color: #1d5e95;
}

.con_news .wrp .box_r .box_list .box + .box {
	background: #f7f8f9;
}

.con_news .wrp .box_r .box_list .box + .box + .box {
	background: #fff;
}

.con_news .wrp .box_r .box_list .box + .box + .box + .box {
	background: #f7f8f9;
}

.con_news .wrp .box_r .box_list .box + .box + .box + .box + .box {
	background: #fff;
}

.con_news .wrp .box_r .lnk {
	text-align: right;
	margin-right: 10px;
}

.con_news .wrp .box_r .lnk a {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	background: url(../images/common/ic_arrow.png) left center no-repeat;
	padding-left: 25px;
	color: #1d5e95;
	font-size: 1.1em;
}

.con_news .wrp2 {
	width: 1000px;
	margin: 0 auto 50px;
	overflow: hidden;
	*zoom: 1;
}

.con_news .wrp2 .st {
	float: left;
	margin-top: 35px;
}

.con_news .wrp2 .box_r {
	float: right;
	width: 780px;
}

.con_news .wrp2 .box_r .box_list {
	margin-bottom: 15px;
}

.con_news .wrp2 .box_r .box_list .box {
	overflow: hidden;
	*zoom: 1;
	font-size: 1.1em;
	padding: 8px 10px 5px;
}

.con_news .wrp2 .box_r .box_list .box .title a {
	color: #1d5e95;
}

.con_news .wrp2 .box_r .box_list .box + .box {
	background: #f7f8f9;
}

.con_news .wrp2 .box_r .box_list .box + .box + .box {
	background: #fff;
}

.con_news .wrp2 .box_r .lnk {
	text-align: right;
	margin-right: 10px;
}

.con_news .wrp2 .box_r .lnk a {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	background: url(../images/common/ic_arrow.png) left center no-repeat;
	padding-left: 25px;
	color: #1d5e95;
	font-size: 1.1em;
}

/*----------------------------------------------------
	.bn_furusatoL ふるさと割バナー
----------------------------------------------------*/
.bn_furusatoL {
	width: 700px;
	margin: 0 auto 50px;
}

.bn_furusatoL a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/*----------------------------------------------------
	.con_bn1 バナー
----------------------------------------------------*/
.con_bn1 {
	width: 100%;
}

.con_bn1 .wrp {
	width: 1000px;
	margin: 0 auto 50px;
}

.con_bn1 .wrp ul {
	overflow: hidden;
	margin-bottom:20px;
	*zoom: 1;
}

.con_bn1 .wrp ul li {
	float: left;
	margin-left: 20px;
}

.con_bn1 .wrp ul li:first-child {
	margin-left: 0;
}

.con_bn1 .wrp ul li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/*----------------------------------------------------
	.con_reason 選ばれている4つの理由
----------------------------------------------------*/
.con_reason {
	width: 1280px;
	margin: 0 auto;
	background: url(../images/common/bg_shadow.png) bottom center no-repeat;
	padding-bottom: 90px;
	margin-bottom: 40px;
}

.con_reason .box_main {
	position: relative;
	border-bottom: 1px solid #4d4d4d;
	overflow: hidden;
	*zoom: 1;
}

.con_reason .box_main h2 {
	text-align: center;
	margin-bottom: 25px;
}

.con_reason .box_main .box_l,
.con_reason .box_main .box_r {
	float: left;
	padding-left: 20px;
}

.con_reason .box_main .box_l .st,
.con_reason .box_main .box_r .st {
	margin: -55px 0 30px;
}

.con_reason .box_main .box_l .btn_basic,
.con_reason .box_main .box_r .btn_basic {
	text-align: center;
	width: 230px;
	margin: 0 auto 45px;
}

.con_reason .box_main .box_l .btn_basic a,
.con_reason .box_main .box_r .btn_basic a {
	display: block;
	text-decoration: none;
	background: #4d4d4d;
	color: #fff;
	padding: 14px 0 13px;
}

.con_reason .box_main .box_l .btn_basic a:before,
.con_reason .box_main .box_r .btn_basic a:before {
	content: "";
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	background: url(../images/common/ic_arrow_white.png) 0 0 no-repeat;
	width: 15px;
	height: 15px;
	margin-right: 6px;
	margin-top: -2px;
}

.con_reason .box_main .box_l .btn_basic a:hover,
.con_reason .box_main .box_r .btn_basic a:hover {
	background: #000;
}

.con_reason .box_main .box_r {
	float: right;
	border-left: 1px solid #4d4d4d;
	padding-right: 20px;
}

.con_reason .box_sub {
	overflow: hidden;
	*zoom: 1;
}

.con_reason .box_sub .box {
	float: left;
	border-left: 1px solid #4d4d4d;
	padding: 40px 21px 0;
}

.con_reason .box_sub .box:first-child {
	border-left: none;
}

.con_reason .box_sub .box .st {
	margin: -27px 0 20px -8px;
	position: relative;
	z-index: 1;
}

.con_reason .box_sub .box .btn_basic {
	text-align: center;
	width: 230px;
	margin: 0 auto;
}

.con_reason .box_sub .box .btn_basic a {
	display: block;
	text-decoration: none;
	background: #4d4d4d;
	color: #fff;
	padding: 14px 0 13px;
}

.con_reason .box_sub .box .btn_basic a:before {
	content: "";
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	background: url(../images/common/ic_arrow_white.png) 0 0 no-repeat;
	width: 15px;
	height: 15px;
	margin-right: 6px;
	margin-top: -2px;
}

.con_reason .box_sub .box .btn_basic a:hover {
	background: #000;
}

/*----------------------------------------------------
	.con_plan おすすめ宿泊プラン
----------------------------------------------------*/
.con_plan {
	width: 100%;
}

.con_plan .wrp {
	width: 1000px;
	margin: 0 auto 70px;
}

.con_plan .wrp h2 {
	text-align: center;
	margin-bottom: 40px;
}

.con_plan .wrp .idTabs {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 10px;
}

.con_plan .wrp .idTabs li {
	float: left;
	margin-left: 30px;
}

.con_plan .wrp .idTabs li:first-child {
	margin-left: 0;
}

.con_plan .wrp .idTabs li.tab_new a {
	background: url(../images/home/tab_new.png) 0 0 no-repeat;
}

.con_plan .wrp .idTabs li.tab_fam a {
	background: url(../images/home/tab_fam.png) 0 0 no-repeat;
}

.con_plan .wrp .idTabs li.tab_gro a {
	background: url(../images/home/tab_gro.png) 0 0 no-repeat;
}

.con_plan .wrp .idTabs li.tab_cou a {
	background: url(../images/home/tab_cou.png) 0 0 no-repeat;
}

.con_plan .wrp .idTabs li.tab_bus a {
	background: url(../images/home/tab_bus.png) 0 0 no-repeat;
}

.con_plan .wrp .idTabs li a {
	display: block;
	width: 176px;
	padding-top: 58px;
	overflow: hidden;
	height: 0;
}

.con_plan .wrp .idTabs li a:hover {
	background-position: left bottom;
}

.con_plan .wrp .idTabs li a.selected {
	background-position: left bottom;
}

.con_plan .wrp .tab_wrp {
	width: 1000px;
	overflow: hidden;
}

.con_plan .wrp .box_list .box {
	float: left;
	width: 308px;
	margin-left: 35px;
	border: 1px solid #cccccc;
	-webkit-box-shadow: rgba(0, 0, 0, 0.05) 3px 3px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.05) 3px 3px 5px 0px;
	box-shadow: rgba(0, 0, 0, 0.05) 3px 3px 5px 0px;
}

.con_plan .wrp .box_list .box:hover a {
	text-decoration: none;
}

.con_plan .wrp .box_list .box:first-child {
	margin-left: 0;
}

.con_plan .wrp .box_list .box .inner {
	position: relative;
}

.con_plan .wrp .box_list .box .inner .img {
	width: 308px;
	height: 230px;
	overflow: hidden;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
}

.con_plan .wrp .box_list .box .inner .img img {
	max-width: 308px;
	overflow: hidden;
	text-align: center;
	vertical-align: bottom;
}

.con_plan .wrp .box_list .box .inner .price {
	width: 300px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 1.1em;
	text-align: right;
	padding: 10px 8px 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.con_plan .wrp .box_list .box .inner .price span {
	font-size: 1.2em;
	margin: 0 4px 0 8px;
}

.con_plan .wrp .box_list .box .txt_area {
	padding: 30px 20px;
	background: url(../images/home/ic_plan_arrow.png) right bottom no-repeat;
}

.con_plan .wrp .box_list .box .txt_area .title {
	margin-bottom: 20px;
}

.con_plan .wrp .box_list .box .txt_area .title a {
	display: block;
	color: #1d5e95;
	font-size: 1.2em;
	font-weight: bold;
}

.con_plan .wrp .box_list .box .txt_area .title a:hover {
	text-decoration: none;
}

.con_plan .wrp .box_list .box .txt_area .txt {
	line-height: 1.7;
}

.con_plan .wrp .btn_plan {
	text-align: center;
	clear: both;
	margin-top: 30px;
}

.con_plan .wrp .btn_plan a {
	display: block;
	background: url(../images/home/btn_plan.png) 0 0 no-repeat;
	width: 310px;
	padding-top: 69px;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}

.con_plan .wrp .btn_plan a:hover {
	background-position: left bottom;
}

/*----------------------------------------------------
	.con_bn2 バナー
----------------------------------------------------*/
.con_bn2 {
	width: 100%;
	background: url(../images/common/bg_shadow.png) bottom center no-repeat;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

.con_bn2 .wrp {
	width: 1000px;
	margin: 0 auto 50px;
}

.con_bn2 .wrp .two {
	overflow: hidden;
	*zoom: 1;
	/*margin-bottom: 20px;*/
	width:815px;
	margin:0 auto 20px;
}

.con_bn2 .wrp .two li {
	float: left;
}

.con_bn2 .wrp .two li a {
	display: block;
}

.con_bn2 .wrp .two li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.con_bn2 .wrp .two li + li {
	float: right;
}

.con_bn2 .wrp .three {
	overflow: hidden;
	*zoom: 1;
}

.con_bn2 .wrp .three li {
	float: left;
	margin-left: 35px;
}

.con_bn2 .wrp .three li:first-child {
	margin-left: 0;
}

.con_bn2 .wrp .three li a {
	display: block;
}

.con_bn2 .wrp .three li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

/*----------------------------------------------------
	.con_staff ブログ
----------------------------------------------------*/
.con_staff {
	width: 100%;
	margin: 0 auto 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/common/bg_shadow.png) center bottom no-repeat;
	padding-bottom: 100px;
}

.con_staff .inner {
	width: 100%;
	height: 390px;
	background: url(../images/common/pt_ocher.png) 0 0 repeat;
}

.con_staff .wrp {
	width: 100%;
	max-width: 1280px;
	min-width: 1000px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	*zoom: 1;
}

.con_staff .wrp .box_r {
	float: left;
	width: 30%;
	background: url(../images/common/pt_ocher.png) 0 0 repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 390px;
}

.con_staff .wrp .box_r h2 {
	width: 142px;
	overflow: hidden;
	margin: 100px auto 40px;
}

.con_staff .wrp .box_r .btn_basic {
	text-align: center;
	width: 230px;
	margin: 0 auto;
}

.con_staff .wrp .box_r .btn_basic a {
	display: block;
	text-decoration: none;
	background: #895d24;
	color: #fff;
	padding: 14px 0 13px;
}

.con_staff .wrp .box_r .btn_basic a:before {
	content: "";
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	background: url(../images/common/ic_arrow_white.png) 0 0 no-repeat;
	width: 15px;
	height: 15px;
	margin-right: 6px;
	margin-top: -2px;
}

.con_staff .wrp .box_r .btn_basic a:hover {
	background: #573a15;
}

.con_staff .wrp .box_l,
.con_staff .wrp .con_reason .box_main .box_r,
.con_reason .box_main .con_staff .wrp .box_r {
	float: left;
	overflow: hidden;
	*zoom: 1;
	width: 69%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.con_staff .wrp .box_l .box,
.con_staff .wrp .con_reason .box_main .box_r .box,
.con_reason .box_main .con_staff .wrp .box_r .box {
	float: left;
	width: 33.33333333%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 195px;
}

.con_staff .wrp .box_l .box:hover,
.con_staff .wrp .con_reason .box_main .box_r .box:hover,
.con_reason .box_main .con_staff .wrp .box_r .box:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

.con_staff .wrp .box_l .box:hover a,
.con_staff .wrp .con_reason .box_main .box_r .box:hover a,
.con_reason .box_main .con_staff .wrp .box_r .box:hover a {
	text-decoration: underline !important;
}

.con_staff .wrp .box_l .box .img,
.con_staff .wrp .con_reason .box_main .box_r .box .img,
.con_reason .box_main .con_staff .wrp .box_r .box .img {
	background: #aaa;
	text-align: center;
	max-height: 195px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.con_staff .wrp .box_l .box .img img,
.con_staff .wrp .con_reason .box_main .box_r .box .img img,
.con_reason .box_main .con_staff .wrp .box_r .box .img img {
	width: 100%;
	vertical-align: bottom;
}

.con_staff .wrp .box_l .box .txtarea,
.con_staff .wrp .con_reason .box_main .box_r .box .txtarea,
.con_reason .box_main .con_staff .wrp .box_r .box .txtarea {
	overflow: hidden;
	*zoom: 1;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 101%;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.con_staff .wrp .box_l .box .txtarea .date,
.con_staff .wrp .con_reason .box_main .box_r .box .txtarea .date,
.con_reason .box_main .con_staff .wrp .box_r .box .txtarea .date {
	background: #000;
	font-size: 1.3em;
	width: 20%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
}

.con_staff .wrp .box_l .box .txtarea .date span,
.con_staff .wrp .con_reason .box_main .box_r .box .txtarea .date span,
.con_reason .box_main .con_staff .wrp .box_r .box .txtarea .date span {
	display: block;
	font-size: .7em;
}

.con_staff .wrp .box_l .box .txtarea .title,
.con_staff .wrp .con_reason .box_main .box_r .box .txtarea .title,
.con_reason .box_main .con_staff .wrp .box_r .box .txtarea .title {
	display: table-cell;
	width: 80%;
	font-size: 1.1em;
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	padding: 10px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.con_staff .wrp .box_l .box .txtarea .title a,
.con_staff .wrp .con_reason .box_main .box_r .box .txtarea .title a,
.con_reason .box_main .con_staff .wrp .box_r .box .txtarea .title a {
	display: block;
	color: #fff;
	text-decoration: none;
}

/*----------------------------------------------------
	.con_history 歴史
----------------------------------------------------*/
.con_history {
	width: 100%;
}

.con_history .wrp {
	width: 1000px;
	margin: 0 auto 90px;
}

.con_history .wrp h2 {
	text-align: center;
}

.con_history .wrp .img img {
	vertical-align: bottom;
}

.con_history .wrp .txtarea {
	border: 1px solid #cccccc;
	border-top: none;
	padding: 30px 25px 48px;
	position: relative;
	background: url(../images/home/bg_history.jpg) top right no-repeat;
}

.con_history .wrp .txtarea:after {
	position: absolute;
	right: -1px;
	bottom: -1px;
	content: "";
	background: url(../images/home/ic_history_page.png) 0 0 no-repeat;
	width: 49px;
	height: 49px;
	display: block;
}

.con_history .wrp .txtarea .st {
	margin-bottom: 20px;
}

.con_history .wrp .txtarea .txt {
	font-size: 1.05em;
	line-height: 1.8;
}

.con_history .wrp .txtarea .boxs {
	overflow: hidden;
	*zoom: 1;
	margin-top: 40px;
}

.con_history .wrp .txtarea .boxs .box_l,
.con_history .wrp .txtarea .boxs .con_reason .box_main .box_r,
.con_reason .box_main .con_history .wrp .txtarea .boxs .box_r {
	width: 470px;
	float: left;
}

.con_history .wrp .txtarea .boxs .box_l .txt,
.con_history .wrp .txtarea .boxs .con_reason .box_main .box_r .txt,
.con_reason .box_main .con_history .wrp .txtarea .boxs .box_r .txt {
	padding-top: 40px;
}

.con_history .wrp .txtarea .boxs .box_r {
	float: right;
	width: 452px;
}

/*----------------------------------------------------
	.con_slide_bn	bxslider
----------------------------------------------------*/
.con_slide_bn {
	width: 1000px;
	margin: 0 auto 100px;
	width: 980px;
	position: relative;
	background: url(../images/common/pt_white.png) 0 0 repeat;
	padding: 20px 10px;
}

.con_slide_bn .bx-wrapper {
	width: 100%;
}

.con_slide_bn .bx-wrapper .bx-viewport ul li {
	width: 250px;
	height: 70px;
}

.con_slide_bn .bx-wrapper .bx-viewport ul li a {
	display: block;
}

.con_slide_bn .bx-wrapper .bx-viewport ul li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

.con_slide_bn .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
	position: absolute;
	top: 35px;
	left: -10px;
	background: url(../images/home/ic_prev_mini.png) 0 0 no-repeat;
	padding-top: 41px;
	width: 36px;
	height: 0;
	overflow: hidden;
	display: block;
}

.con_slide_bn .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}

.con_slide_bn .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
	position: absolute;
	top: 35px;
	right: -10px;
	background: url(../images/home/ic_next_mini.png) 0 0 no-repeat;
	padding-top: 41px;
	width: 36px;
	height: 0;
	overflow: hidden;
	display: block;
}

.con_slide_bn .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}