@charset "UTF-8";

/* -------------------------------------
shop
------------------------------------- */
.head {
	text-align:center;
	margin-bottom:50px;
}
.head h2 {
	font-size:24px;
	font-weight:bold;
	color:#b7282c;
	margin-bottom:15px;
}

#shoplist {
	max-width:840px;
	margin:0 auto;
}
#shoplist li {
	width:calc((99.9% - 40px) / 2);
	float:left;
}
#shoplist li:nth-child(2) {
	float:right;
}
#shoplist li img {
	width:100%;
	height:auto;
	display:block;
	margin-bottom:15px;
}
#shoplist li h3 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
}
#shoplist li .time_tel {
	font-size:0;
}
#shoplist li .time_tel dl {
	font-size:0;
	display:inline-block;
	vertical-align:middle;
}
#shoplist li .time_tel dl:nth-child(1) {
	margin-right:20px;
}
#shoplist li .time_tel dl dt, #shoplist li .time_tel dl dd {
	font-size:14px;
	line-height:1.8;
	display:inline-block;
	vertical-align:middle;
}
#shoplist li .time_tel dl dt::after {
	content:"：";
}
#shoplist li .time_tel dl dd a {
	display:inline-block;
	cursor:default;
	pointer-events:none;
}





@media screen and (max-width:1320px) {
	
}
@media screen and (max-width:1180px) {
	.head {
		margin-bottom:45px;
	}
	.head h2 {
		font-size:23px;
	}
	
	#shoplist li {
		width:calc((99.9% - 35px) / 2);
	}
	#shoplist li img {
		margin-bottom:14px;
	}
}
@media screen and (max-width:980px) {
	.head {
		margin-bottom:40px;
	}
	.head h2 {
		font-size:22px;
	}
	
	#shoplist li {
		width:calc((99.9% - 30px) / 2);
	}
	#shoplist li img {
		margin-bottom:13px;
	}
	#shoplist li h3 {
		font-size:17px;
	}
}
@media screen and (max-width:768px) {
	.head {
		margin-bottom:35px;
	}
	.head h2 {
		font-size:20px;
	}
	
	#shoplist li {
		width:calc((99.9% - 25px) / 2);
	}
	#shoplist li img {
		margin-bottom:12px;
	}
	#shoplist li h3 {
		font-size:16px;
	}
	#shoplist li .time_tel dl dt, #shoplist li .time_tel dl dd {
		font-size:13px;
	}
}
@media screen and (max-width:640px) {
	.head {
		margin-bottom:30px;
	}
	.head h2 {
		font-size:19px;
	}
	
	#shoplist li {
		width:calc((99.9% - 20px) / 2);
	}
	#shoplist li img {
		margin-bottom:11px;
	}
	#shoplist li h3 {
		font-size:15px;
	}
}
@media screen and (max-width:500px) {
	.head h2 {
		font-size:18px;
	}
	
	#shoplist li {
		width:calc((100% - 0px) / 1);
		float:none;
	}
	#shoplist li:nth-child(1) {
		margin-bottom:40px;
	}
	#shoplist li:nth-child(2) {
		float:none;
	}
	#shoplist li img {
		margin-bottom:10px;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}