@charset "utf-8";
/* CSS Document */

/*スライダー*/
.main .swiper-container{
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;x
	border:0;
	margin:0;
	background-color:#fff;
}
.main .swiper-container img{
	width:100%;
	height:auto;
}

.main .slide_bnn{
	float:left;
	width:380px;
	height:320px;
	display:block;
	position:relative;
	overflow:hidden;
}

/*leftarea*/
.topics{}
.topics h2{border-bottom-color:#0082cd;}

ul.information, ul.recommend{ clear:both;padding:0;margin:0; display:block; overflow:hidden;}
ul.information dd a, ul.recommend li a{color:#007FCC;text-decoration:none;font-weight:normal; position:relative; display:block}
ul.information dd a:before, ul.recommend li a:before { content: "　"; background:url(../common/images/ic_arrowR_c_pc.png) 0 50% no-repeat; position: absolute; top: 0; left: 0px;}

ul.bnr .blanklink { text-decoration: none; display: inline-block; margin-top: 10px; }
ul.bnr .blanklink:before { content: "　"; background:url(../common/images/ic_arrowR_c_pc.png) 0 50% no-repeat;}

ul.information li{ border-bottom:1px solid #ccc; line-height:140%;}
ul.information dd a{padding:0 0 0 10px;}

ul.recommend li{margin:10px 0 0 0;}
ul.recommend li a{padding: 0 10px;}

ul.hakone{ margin:40px 0 0 0; padding:20px 0 0 0; border-top:solid 1px #ccc;}
ul.hakone li{ float:left;}




/*rightarea*/
.bnr{width:300px; margin:0 0 20px 0}
.bnr li{ margin:0 0 20px; line-height:1;}







@media (max-width: 640px) {
/*bannerarea*/
ul.hakone{margin:10px 0 0 0}
ul.hakone li{ width:42.5%; margin:0 5% 20px 0;}
ul.hakone li:nth-of-type(2n-1){margin:0 5% 20px 5%;}
ul.hakone li img{ width:100%;}

}
@media (min-width: 641px) and (max-width: 939px) {
/*bannerarea*/
ul.hakone{padding-left:1em;}
ul.hakone li{ margin:0 24px 0 0;}
ul.hakone li img{ width:130px;height:50px}
}
@media (max-width: 939px) {
.main{ margin:0px auto 10px auto; background:#333333;  width:100%;}
.main .swiper-container{
	width:100%;
	height:auto;
	padding:0 0 40px 0;
}
.swiper-slide{width:100%;margin:0;padding:0}
/*スライダーボタン*/
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;width:100%}
.swiper-pagination-bullet{width:0.7em;height:0.7em;display:inline-block;border-radius:100%;background:#ccc;opacity:1}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px;}

/*leftarea*/
.topics{width:100%;}
ul.information li{padding:10px;}
ul.information li:last-child{ border-bottom:none;}
ul.information dt{ clear:both}
ul.information dd{}
ul.recommend {padding:0 0 10px 0;}
ul.recommend li{ clear:both; padding:0 10px;}

/*spfooternavi*/
ul.footnavi{ clear:both;padding:1em 10px;margin:10px 0 0 0; display:block; overflow:hidden;border-top:1px solid #ccc;}
ul.footnavi li{ float:left; margin:10px 0 0 0; font-size:13px;}
ul.footnavi li a{color:#007FCC;text-decoration:none;font-weight:normal; position:relative; display:block;padding: 0 15px 0 10px}
ul.footnavi li a:before  { content: "　"; background:url(../common/images/ic_arrowR_c_pc.png) 0 50% no-repeat; position: absolute; top: 0; left: 0px;}
}



@media (min-width: 940px) {
.main{ margin:10px auto 40px auto; background:#333333; height:320px; width:940px;}
.main .swiper-container{
	float:left;
	width:560px;
	height:320px;
	padding:0 0 0 0;
}
.swiper-slide{width:560px;margin:0}
/*スライダーボタン*/
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:12px;width:100%}
.swiper-pagination-bullet{width:0.7em;height:0.7em;display:inline-block;border-radius:100%;background:#fff;opacity:1}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px;}

/*目的地から選ぶ*/
.slide_bnn .route_area{ display:block;position:absolute;overflow:hidden;background-color:rgba(255,255,255, .8);padding:0;margin:0; z-index:10}
.route_area h4{padding:4px 6px;margin:0}
.route_area h4 img{height:14px; width:auto;}
.route_area ul{ clear:both;padding:0;margin:6px; display:block; overflow:hidden; font-size:11px;}
.route_area ul li a{color:#007FCC;font-weight:normal; position:relative; display:block;background:url(../common/images/ic_arrowR_c_pc.png) 0 50% no-repeat;padding:0 0 0 8px}
.slide_bnn #ra01{top:34px;left:14px;max-width:142px;}
.slide_bnn #ra01 h4{ background-color:#024ea0;}
.slide_bnn #ra02{top:34px;right:14px;max-width:205px;}
.slide_bnn #ra02 h4{ background-color:#019FE8;}
.slide_bnn #ra03{top:136px;right:14px;max-width:205px;}
.slide_bnn #ra03 h4{ background-color:#E73720;}
.slide_bnn #ra04{bottom:14px;left:14px;max-width:142px;}
.slide_bnn #ra04 h4{ background-color:#01A53B;}




/*leftarea*/
.topics{ float:left; width:620px;}
ul.information li{padding:10px 0;}
ul.information dt{ float:left; width:8.2em;}
ul.information dd{ float:right; width:500px;}
ul.recommend li{ float:left; margin:10px 0 0 0;}

/*bannerarea*/
ul.hakone li{ margin:0 24px 0 0;}
ul.hakone li img{ width:130px;height:50px}


}