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

 file name  :homepage #con_slider.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
#homepage #contents {
	padding: 20px 0 0;
}
/* -----------------------------------------------------------
	イントロ
----------------------------------------------------------- */
#homepage #main {
	clear: both;
	overflow: hidden;
}
/* メインスライダー
----------------------------------------------------------- */
#homepage #con_slider .bx-wrapper,
#homepage #con_slider .bx-window {
	width: 100%!important;
}
#homepage #con_slider {
	width: 100%;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 0;
}
#homepage #con_slider ul#slider li {
	position: absolute;
	width: 100% !important;
	height: 570px;
	top: 0;
	left: 0;
	text-align: center!important;
}
#homepage #con_slider ul#slider li img {
	height: 570px !important;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -1000px;
}
#homepage #con_slider .bx-pager{
	position: absolute;
	top: 500px;
	z-index:100;
}
#homepage #con_slider .bx-pager img{
	margin-right: 15px;
}
#homepage #con_slider .box_bn{
	bottom: 15px;
    position: absolute;
    left: 61%;
    width: 290px;
	z-index: 1000;
}
#homepage #con_slider .box_bn_co{
	width: 127px;
	float: left;
}
#homepage #con_slider .box_bn_co img {
	border-radius: 5px;
}
#homepage #con_slider .box_bn_co a {
	display: block;
}
#homepage #con_slider .box_bn_kashikiri{
	float: right;
	width: 147px;
}
#homepage #con_slider .box_bn_kashikiri img {
	border-radius: 5px;
}
#homepage #con_slider .box_bn_kashikiri a {
	display: block;
}

/* 魅力
----------------------------------------------------------- */
#homepage .con_poi {
	width: 100%;
	padding: 60px 0 0;
	background: url(../images/home/bg_spa.jpg) no-repeat center top;
}
#homepage .con_poi .poi_inner {
	width: 1000px;
	height: 510px;
	margin: 0 auto 50px;
	position: relative;
}
#homepage .con_poi .bn_goto {
	text-align: center;
	margin-bottom: 40px;
}
#homepage .con_poi .img_bath {
	text-align: right;
}
#homepage .con_poi h2 {
	width: 103px;
	position: absolute;
	top: 0;
	right: 0;
}
#homepage .con_poi .box_txt {
	width: 392px;
	position: absolute;
	bottom: 0;
	right: 150px;
}
#homepage .con_poi .box_txt .txt {
	width: 329px;
	float: right;
}
#homepage .con_poi .box_txt .btn {
	width: 30px;
	float: left;
	margin: 20px 0 0;
}
#homepage .con_poi .box_boo {
	width:395px;
	position: absolute;
	bottom: 0;
	left: 20px;
}
#homepage .con_poi .box_oth {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 50px;
}
#homepage .con_poi .box_oth ul {
	width: 1026px;
	margin: 0 -26px 0 0;
	overflow: hidden;
}
#homepage .con_poi .box_oth ul li {
	width: 244px;
	margin: 0 11px 0 0;
	float: left;
}

/* バナーエリア
----------------------------------------------------------- */
#homepage .bnr_area {
	background: url(../images/home/bg_oth.png) no-repeat center top;
	height: 146px;
	padding: 60px 0 0;
}
#homepage .bnr_area ul {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#homepage .bnr_area ul li {
	width: 320px;
	float: left;
	margin: 0 20px 0 0;
}
#homepage .bnr_area ul li.last {
	margin: 0;
}
/* 温泉の歴史
----------------------------------------------------------- */
#homepage .con_his {
	padding: 0;
	background: url(../images/home/bg_his.jpg) repeat left bottom;
}
#homepage .con_his .bg_his {
	padding: 50px 0 50px 0;
	background: url(../images/home/bg_his_hude.jpg) no-repeat center bottom;
}
#homepage .con_his .his_inner {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
#homepage .con_his .his_inner .img_pho {
	width: 360px;
	float: right;
}
#homepage .con_his .his_inner .box_his {
	width: 550px;
	float: left;
	overflow: hidden;
}
#homepage .con_his .his_inner .box_his h3 {
	width: 55px;
	margin: 0 0 0 40px;
	float: right;
}
#homepage .con_his .his_inner .box_his .txt {
	width: 335px;
	float: right;
	line-height: 180%;
}
#homepage .con_his .his_inner .box_his .btn {
	width: 30px;
	float: left;
	margin: 100px 0 0 40px;
}

/* アピールポイント
----------------------------------------------------------- */
#homepage .con_app {
	margin: 0 0 50px;
	padding: 55px 0;
	background: url(../images/home/bg_oth.png) no-repeat center top;
	border-bottom: 1px solid #c1beb4;
}
#homepage .con_app #slider_bnr {
	height:194px;
}
#homepage .con_app .bx-wrapper {
	width: 1000px!important;
	position: relative!important;
	overflow:hidden;
	margin: 0 auto!important;
	padding: 0!important;
}
#homepage .con_app .bx-window {
	width:877px!important;
	height:194px;
	margin: 0 0 0 60px!important;
	padding: 0!important;
}
#homepage .con_app li {
	width: 284px;
	padding: 0 10px 0 0!important;
}
#homepage .con_app .bx-prev {
	position:absolute;
	top:40%;
	left: 0;
	z-index:1999;
	width: 26px;
	height: 52px;
	text-indent: -999999px;
	background: url(../images/home/btn_ctrl_l.png) no-repeat 0 0;
}
#homepage .con_app .bx-next {
	position:absolute;
	top:40%;
	right: 0;
	z-index:999;
	width: 26px;
	height: 52px;
	text-indent: -999999px;
	background: url(../images/home/btn_ctrl_r.png) no-repeat 0 0;
}


/* おすすめプラン
----------------------------------------------------------- */
#homepage .con_reco {
	margin: 0 0 20px;
}
/*tab*/
#homepage .con_reco .tabnav_pla {
	overflow: hidden;
	margin: 0 0 10px;
}
#homepage .con_reco .tabnav_pla li {
	float: left;
}
#homepage .con_reco .tabnav_pla li a {
	display: block;
	padding-top: 65px;
	overflow: hidden;
	height: 0;
	width: 109px;
}
#homepage .con_reco .tabnav_pla li.tab_01 a {
	background: url(../images/home/btn_pla_01.jpg) no-repeat 0px 0px;
}
#homepage .con_reco .tabnav_pla li.tab_02 a {
	background: url(../images/home/btn_pla_02.jpg) no-repeat 0px 0px;
}
#homepage .con_reco .tabnav_pla li.tab_03 a {
	width: 108px!important;
	background: url(../images/home/btn_pla_03.jpg) no-repeat 0px 0px;
}
#homepage .con_reco .tabnav_pla li.tab_04 a {
	width: 108px!important;
	background: url(../images/home/btn_pla_04.jpg) no-repeat 0px 0px;
}
#homepage .con_reco .tabnav_pla li.tab_05 a {
	width: 108px!important;
	background: url(../images/home/btn_pla_05.jpg) no-repeat 0px 0px;
}
#homepage .con_reco .tabnav_pla li.tab_06 a {
	background: url(../images/home/btn_pla_06.jpg) no-repeat 0px 0px;
}
#homepage .con_reco .tabnav_pla li.tab_07 a {
	background: url(../images/home/btn_pla_07.jpg) no-repeat 0px 0px;
}
#homepage .con_reco .tabnav_pla li a:hover,
#homepage .con_reco .tabnav_pla li a.selected {
	background-position: 0 -65px;
}

#homepage .con_reco .box_reco {
	margin: 15px 0 0;
	background: url(../images/home/bg_pla_01.jpg) no-repeat left bottom;
}
#homepage .con_reco .box_reco .reco_inner01 {
	background: url(../images/home/bg_pla_top.png) no-repeat center top;
	padding: 8px 2px 5px 3px;
}
#homepage .con_reco .box_reco .reco_inner02 {
	padding: 20px 0;
	background: url(../images/home/bg_pla_02.gif) no-repeat right bottom;
	position: relative;
}
#homepage .con_reco .box_reco .reco_inner02 .ic_osu {
	width: 100px;
	position: absolute;
	top: -13px;
	left: 0;
}


/*box_reco*/
#homepage .con_reco .box_reco .img_reco {
	width: 714px;
	margin: 20px auto;
}
#homepage .con_reco .box_reco .wrp_reco {
	width: 714px;
	margin: 0 auto;
	overflow: hidden;
}
#homepage .con_reco .box_reco .wrp_reco .img_pho {
	padding: 9px;
	background: url(../images/home/bg_pla_img.png) no-repeat left top;
	width: 255px;
	float: left;
}
#homepage .con_reco .box_reco .wrp_reco .img_pho img {
	max-width:255px;
	max-height:188px;
	display:block;
	margin:auto;
}
#homepage .con_reco .box_reco .wrp_reco .con_det {
	width: 415px;
	float: right;
}
#homepage .con_reco .box_reco .wrp_reco .con_det .st {
	margin: 0 0 20px;
}
#homepage .con_reco .box_reco .wrp_reco .con_det .st a {
	color: #8b2121;
	font-weight: bold;
}
#homepage .con_reco .box_reco .wrp_reco .con_det .txt {
	margin: 0 0 20px;
}
#homepage .con_reco .box_reco .wrp_reco .con_det .pri_area {
	background: url(../images/home/bg_pri.png) no-repeat left top;
	overflow: hidden;
	width: 384px;
	padding: 6px 0;
	font-size: 12px;
}
#homepage .con_reco .box_reco .wrp_reco .con_det .pri_area dt {
	width: 70px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	float: left;
}
#homepage .con_reco .box_reco .wrp_reco .con_det .pri_area dd {
	width: 299px;
	padding: 0 0 0 15px;
	color: #67821b;
	font-weight: bold;
	float: right;
}

/* ベストプラン
----------------------------------------------------------- */
#homepage .con_bes {
	margin: 0 0 20px;
}
#homepage .con_bes h3 {
	margin: 0;
}
#homepage .con_bes .bes_inner {
	margin: 0;
	padding: 10px 0 3px 25px;
	background: url(../images/home/bg_pla_01.jpg) no-repeat left bottom;
}
#homepage .con_bes .bes_inner02 {
	margin: 0 2px 0 3px;
	padding: 0 0 10px;
	background: url(../images/home/bg_pla_02.gif) no-repeat right bottom;
	overflow: hidden;
}
#homepage .con_bes .bes_inner .box_bes {
	width: 210px;
	float: left;
	padding: 20px 23px 20px 0;
	margin: 0 20px 0 0;
}
#homepage .con_bes .bes_inner .box_bes.bg_line {
	background: url(../images/home/bg_bes_line.gif) repeat-y right top;
}
#homepage .con_bes .bes_inner .box_bes.last {
	margin: 0;
	padding: 20px 0;
}
#homepage .con_bes .bes_inner .box_bes .pho_area {
	overflow: hidden;
	margin: 0 0 10px;
}
#homepage .con_bes .bes_inner .box_bes .pho_area .ic {
	width: 57px;
	float: left;
}
#homepage .con_bes .bes_inner .box_bes .pho_area .img_pho {
	width: 130px;
	float: right;
	padding: 7px;
	background: url(../images/home/bg_bes_img.png) no-repeat 0px 0px;
}
#homepage .con_bes .bes_inner .box_bes .pho_area .img_pho img {
	max-width:130px;
	max-height:65px;
	display:block;
	margin:auto;
}
#homepage .con_bes .bes_inner .box_bes .st {
	margin: 0 0 20px;
}
#homepage .con_bes .bes_inner .box_bes .st a {
	color: #8b2121;
	font-weight: bold;
}
#homepage .con_bes .bes_inner .box_bes .txt {
	margin: 0 0 20px;
}
#homepage .con_bes .bes_inner .box_bes .pri_area {
	background: url(../images/home/bg_pri_02.png) no-repeat left top;
	overflow: hidden;
	width: 210px;
	padding: 6px 0;
	font-size: 12px;
}
#homepage .con_bes .bes_inner .box_bes .pri_area dt {
	width: 55px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	float: left;
}
#homepage .con_bes .bes_inner .box_bes .pri_area dd {
	width: 140px;
	float: right;
	padding: 0 0 0 15px;
	color: #67821b;
	font-weight: bold;
	float: right;
}

/* 新着情報
----------------------------------------------------------- */
#homepage .con_news {
	width: 760px;
	background: url(../images/home/bg_pla_02.jpg) repeat left top;
	position: relative;
	border-bottom: 3px solid #d9d4d0;
	padding-bottom: 1.5em;
}

#homepage .con_news::before {
	content: '';
	width: 753px;
	height: 4px;
	background: #503d36;
	position: absolute;
	top: 1px;
	left: 0.5%;
}
#homepage .con_news::after {
	content: '';
	width: 753px;
	height: 1px;
	border-top: 1px dotted #503d36;
	position:absolute;
	top: 6px;
	left: 0.5%;
}

#homepage .con_news h4 {
	font-weight: normal;
	color: #40160a;
	font-size: 19px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
	letter-spacing: 0.1em;
	padding: 0.8em 1.5em 0.5em;
	border-bottom: 1px solid #503d36;
	background: #fff;
}
#homepage .con_news .box_news {
	padding: 1em 2em 1.5em;
}
#homepage .con_news .box_news li {

}
#homepage .con_news .box_news li a {
	color: #000;
	display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 1em 0 1.3em;
    background: url(../images/home/img_plaline.png) no-repeat left bottom;
    transition: opacity .4s;
}
#homepage .con_news .box_news li a:hover {
	opacity: 0.7;
}
/*#homepage .con_news .box_news li:last-child a {
	background: none;
}*/

#homepage .con_news .box_news li a .photo {
    float: left;
    width: 100px;
    margin-right: 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
#homepage .con_news .box_news li a .photo img {
	max-width: 100%;
}
#homepage .con_news .box_news li a .box_txt {
	float: left;
	width: 580px;
}

#homepage .con_news .box_news li a .box_txt .txt_inf {

}
#homepage .con_news .box_news li a .box_txt .st {
	color: #8b2121;
	text-decoration: underline;
	margin-top: 10px;
    font-weight: bold;
    font-size: 15px;
}
#homepage .con_news .box_news li a:hover .st {text-decoration: none;}
#homepage .con_news .box_news li a .box_txt .txt {
	margin-top: 10px;
	overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.5;
}
#homepage .con_news .box_news li a .box_txt .txt_inf >* {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}
#homepage .con_news .box_news li a .box_txt .txt_inf .date {
	padding: 2px 5px;
    font-weight: bold;
    color: #FFF;
    font-size: 90%;
    background: #a43c3a;
}
#homepage .con_news .box_news li a .box_txt .txt_inf .cate {
	font-size: 13px;
	margin-left: 5px;
	border-bottom: 3px solid #78932d;
	padding: 0.2em;
}
#homepage .con_news .btn {
	margin: auto;
	width: 200px;
}
#homepage .con_news .btn a {
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: #8d2927;
	padding: 0.5em 0;
	transition: background .4s;
}
#homepage .con_news .btn a:before {
	content: '▶';
	display: inline-block;
    line-height: 1;
    margin-right: 0.5em;
}
#homepage .con_news .btn a:hover {
	background: #63211f;
}
/* ブログ
----------------------------------------------------------- */
#homepage .con_blog {
	width: 760px;
	margin: 15px 0 0;
	float: right;
	font-size: small;
	/*background: url(../images/home/bg_blog.gif) repeat center top;*/
}
#homepage .con_blog h3 {
	margin: 0;
}
#homepage .con_blog .bes_inner {
	margin: 0;
	padding: 5px 0 3px 0;
	background: url(../images/home/bg_pla_01.jpg) no-repeat left bottom;
}
#homepage .con_blog .bes_inner02 {
	margin: 0 2px 0 3px;
	padding: 0 0 10px;
	background: url(../images/home/bg_blo.jpg) no-repeat right bottom;
	overflow: hidden;
}
#homepage .con_blog .box_blog {
	margin: 0 34px;
	padding: 20px 0px;
	overflow: hidden;
	background: url(../images/home/img_plaline.png) no-repeat left bottom;
}
#homepage .con_blog .box_blog.last {
	background: none;
}
#homepage .con_blog .box_blog .img_pho {
	width: 110px;
	float: left;
	padding: 7px;
	background: url(../images/home/bg_blo_img.png) no-repeat left top;
}
#homepage .con_blog .box_blog .img_pho img {
	height: 80px;
}
#homepage .con_blog .box_blog .wrp_blog {
	width: 675px;
	float: right;
}
#homepage .con_blog .box_blog .wrp_blog .date_area {
	margin-bottom: 5px;
}
#homepage .con_blog .box_blog .wrp_blog .date_area .cate {
	padding: 2px 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 90%;
}
#homepage .con_blog .box_blog .wrp_blog .date_area .cate.c_01 { background: #a43c3a; }
#homepage .con_blog .box_blog .wrp_blog .date_area .cate.c_02 { background: #67821b; }
#homepage .con_blog .box_blog .wrp_blog .date_area .cate.c_02 { background: #1b5382; }
#homepage .con_blog .box_blog .wrp_blog .date_area .cate.c_02 { background: #5c1b82; }
#homepage .con_blog .box_blog .wrp_blog .date_area .cate.c_02 { background: #82361b; }
#homepage .con_blog .box_blog .wrp_blog .date_area .date {
	padding: 2px 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 90%;
	background: #a43c3a;
}
#homepage .con_blog .box_blog .wrp_blog .txt_tit {
	margin-bottom: 5px;
	font-weight: bold;
}
#homepage .con_blog .box_blog .wrp_blog .txt_blog {
	color: #828282;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}