@charset "utf-8";

/* restaurant
----------------------------------------------------------------------------------*/
#restaurant{
	margin: 0 -12px;
	overflow: hidden;
}
#restaurant li{
	width: 33.333%;
	margin: 0 0 24px;
	padding: 0 12px;
}
#restaurant li div{
	padding: 10px;
	border: 1px solid #c8c8c8;
}
#restaurant li h3{
	color: #152275;
	font-size: 114.285%;
}
#restaurant li .logo{
	margin: -10px -10px 15px;
	text-align: center;
}
#restaurant li .txt{
	margin: 10px 0;
}
#restaurant li .hp{
	display: block;
	margin: 20px 0 0;
	padding: 5px 10px;
	color: #fff;
	text-align: center;
	background: #142378;
}
#restaurant li .hp:hover{
	background: #ff6400;
}
#restaurant li .time dt{
	float: left;
	width: 7em;
}
#restaurant li .time dd{
	padding: 0 0 0 7em;
}
@media only screen and (max-width: 768px){
#restaurant li{
	width: 50%;
}
}
@media only screen and (max-width: 480px){
#restaurant li{
	width: 100%;
}
}