@charset "utf-8";

/*
	main.css pc
-----------------------------------------------------------------------------------------*/
#header01 { margin-bottom: 0;}
#header01 #path_att { width: 100%; background: url(../../_img/index/bg_entry-01.png) repeat-x bottom center; padding: 0 0 15px; margin-top: -10px;}
#header01 #path_att p { width: 1000px; margin: 0 auto;}

#pankuzu { background: #f5f4f4; width: 100%; margin: 0 auto; padding: 0 0 0.5em;}
#pankuzu .inner { display: block; width: 1000px; margin: 0 auto;}
#pankuzu .inner p { font-size: 10px;}
#pankuzu .inner p a { color: #666;}
#pankuzu .inner p a:hover{ text-decoration: underline; color: #666;}

#contents { width: 950px; margin: 0 auto;}

#secB { margin: 30px auto 0; padding-top: 0;}

.h2_c1 span,
.h2_c2 span,
.h2_c3 span,
.h2_c4 span { line-height: 1.64;}

/*
	less than 767px;
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#header01 .news-top { padding: 1em 0.5em 1em!important; margin: 0!important;}
	#header01 #path_att p { width: 100%;}

	#pankuzu { padding: 0.5em;}
	#pankuzu .inner { width: 100%;}

	#contents { width: 100%;}
	#contents .h2_c1 { background-size: cover;}

	#secE { width: 100%; margin: 0 auto; padding: 0;}
	#hotelList { width: 100%;}
	#hotelList .tourList { width: 100%; font-size: 0; text-align: center;}
	#hotelList .tourList li.tour { display: inline-block; width: 46%; margin: 10px 0.5em; float: none; height: auto; text-align: left;}

	.contents { width: 100%; padding: 0 1em;}
	.contents .col_2,
	.contents .col_3,
	.contents .col_4 { width: 100%; padding: 1em;}


}