@charset "utf-8";


/* ------------------------------------------------------------------
     common
------------------------------------------------------------------ */

#feature_ {
	max-width: 700px;
	width: 100%;
	text-align: center !important;
	margin: auto;
}
#feature_ img {
	text-align: center !important;
}
#feature_ .sns {
	max-width: 700px;
	width: 100%;
	text-align: center;
}
#feature_ .sns img {
	max-width: 20%;
}

#feature_ .cs {
	max-width: 100%;
	text-align: center;
}
#feature_ .cs img {
	max-width: 40%;
}
#feature_ .sns a {
text-decoration: none;
}

#feature_ .text {
	max-width: 624px;
	width: 100%;
	text-align: center;
}

#feature_ .order {
	width: 100%;
	text-align: center;
}

#feature_ a {
text-decoration: none;
}

#feature_ p {
	max-width: 300px;
	width: 100%;
}

#feature_ .flex{
	display: flex;
	align-items: center;
	padding: 0px 3%;}

ul.contents_1{
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap; /* 折返し指定 */
}

li.reservation_box{
width: calc(33% - 22px);/* margin padding分を引く */
		padding: 10px;
}

.collect_img{
	width: 20%;
}

@media (max-width: 599px) {
	
	#feature_ .flex{
	padding:2% 1%;
	}
	
	ul.contents_1{
	display: flex;
    flex-wrap: wrap; /* 折返し指定 */
	justify-content: center;
	max-width: 72%;
}
	
	li.reservation_box{
width: calc(33% - 10px);/* margin padding分を引く */
		padding: 5px;
}
	
}