@charset "UTF-8";

@media screen and (max-width:1450px) {
	#home #visual { width: 100%; padding: 0.67% 0; margin: 0; left: 0;}

	#home #container { margin-top: 35.86%;}
}
@media screen and (max-width:1100px) {
	#home #header { width: 100%; position: fixed; top: 0; left: 0; background: url(../img/head_bg.png) center top; z-index: 10;}
	#home #container h2 span { display: inline-block; padding-bottom: 10px;}
	#home section { width: 98% !important; margin: 0 auto;}

	/* ようこそ */
	#home #lead>img { width: 22%;}
	#home #lead p:last-of-type { padding-right: 24%;}

	/* お宿一覧 */
	#home #list a { width: 23.5%; margin-right: 2%;}

	/* トピックス */
	#home #topics>ul>li { /* 4つずつ width: 23.5% */ /* 3つずつ */width: 32%;/* 3つずつ */ margin-right: 2%;}
	#home #topics>div { width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#home #topics_b h3,
	#home #topics_b .price { padding-left: 33%;}
	#home #topics_b li { width: 49%;}
	#home #topics_b>img { width: 25.2%; left: 5.8%;}

	/* 新着情報 */
	#home #info>div { width: 49%;}
}
@media screen and (max-width:768px) {
	#home #wrapper { padding: 0 !important;}
	#home #header { position: relative; background: none;}
	#home #visual { position: static;}
	#home #visual .flexslider,
	#home #vis_bnr { width: 100%; float: none;}
	#home #visual .flexslider { overflow: hidden;}
	#home #vis_bnr { padding: 0.67% 0 0 0;}
	#home #vis_bnr img { width: 100%;}

	#home #container { margin-top: 0;}
	#home #container h2 span { display: block; padding-right: 0; margin: 0 auto;}
	#home section { padding: 35px 0 !important;}

	/* ようこそ */
	#home #lead>img { display: none;}
	#home #lead p:first-of-type { padding-top: 15px;}
	#home #lead p:last-of-type { padding-right: 0;}

	/* お宿一覧 */
	#home #list h2 { margin-bottom: 30px;}
	#home #list h2 span { max-width: 42%;}
	#home #list a { width: 32%;}
	#home #list a:nth-of-type(4n) { margin-right: 2%;}
	#home #list a:nth-of-type(4n+1) { clear: none;}
	#home #list a:nth-of-type(3n) { margin-right: 0;}
	#home #list a:nth-of-type(3n+1) { clear: both;}

	/* トピックス */
	#home #topics { padding: 35px 0;}
	#home #topics h2 { padding: 0 10.435%; margin-bottom: 30px;}
	#home #topics h2>img { padding-top: 0;}
	#home #topics h2 span { max-width: 54.29%;}
	#home #topics>ul>li { width: 49%;}
	#home #topics>ul>li:nth-child(2n) { margin-right: 0;}
	#home #topics>ul>li img { width: 100%;}
	#home #topics>div { width: 100%; float: none; margin-bottom: 20px;}
	#home #topics_b li { text-align: center;}
	#home #topics_b>img { width: auto;}

	/* 新着情報 */
	#home #info>div { width: 100%; float: none !important;}
	#home #info h2 { padding: 0 21.875%; margin-bottom: 30px;}
	#home #info h2 span { max-width: 60.9%;}
}
@media screen and (max-width:640px) {
	#home #vis_bnr li:nth-child(4) { width: 49.75%; padding-right: 0.5%;}
	#home #vis_bnr li:nth-child(5) { width: 49.75%; padding-right: 0;}
	#home #vis_bnr li:last-child { width: 100%; padding-top: 0.68%;}

	/* お宿一覧 */
	#home #list .acc_tit { padding: 0 15px 45px; margin-bottom: 0; background: url(../../imgs/list_arrow.png) no-repeat center bottom;}
	#home #list .acc_contents { padding: 30px 0 0 0;}
	#home #list a { width: 49%;}
	#home #list a:nth-of-type(3n) { margin-right: 2%;}
	#home #list a:nth-of-type(3n+1) { clear: none;}
	#home #list a:nth-of-type(2n) { margin-right: 0;}
	#home #list a:nth-of-type(2n+1) { clear: both;}
}
@media screen and (max-width:480px) {
	/* お宿一覧 */
	#home #list a { display: block; width: 90%; float: none; margin: 0 auto 10px auto !important;}
	#home #list dd span br { display: none;}

	#home #topics h2,
	#home #info h2 { margin-bottom: 20px;}

	/* トピックス */
	#home #topics li br,
	#home #topics_a p br { display: none;}
	#home #topics>ul>li { padding: 5px 0;}
	#home #topics>ul>li img { padding: 0 5px;}
	#home #topics>ul>li p { padding: 0 5px 0 30px; margin-top: 10px; -webkit-background-size: 20px auto; background-size: 20px auto; font-size: 14px;}
	#home #topics_a p { text-align: left;}
	#home #topics_a a { max-width: 90%;}
	#home #topics_b h3,
	#home #topics_b .price { padding-left: 10px;}
	#home #topics_b li { width: 100%; float: none !important;}
	#home #topics_b li:first-child { padding: 0 0 10px 0;}
	#home #topics_b>img { display: none;}
}