@charset "UTF-8";


/*========================================

  .foodpict

========================================*/

.foodpict {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 50px;

}

.foodpict dl {
	border: 1px solid #fddf90;
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	text-align: center;
}

.foodpict dt {
	font-size: 18px;
	font-weight: bold;
	color: #7f2518;
}

.foodpict dd {}


.foodpict ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	padding-bottom: 10px;
}

.foodpict li {
	width: 5.8%;
}

.foodpict li img {
	width: 100%;
}


@media screen and (max-width: 767px) {
	.foodpict {
		width: 90%;
		margin-top: 5px;
		padding-bottom: 10vw;
	}

	.foodpict dt {
		font-size: 5.2vw;
	}

	.foodpict dd {
		font-size: 3.4vw;
		text-align: left;
	}

	.foodpict ul {
		flex-wrap: wrap;
	}

	.foodpict li {
		width: 11%;
		margin: .8% .3%;
	}
}