@charset "utf-8";
/* --------------------------------------------------------------------------------
	archive recipe
-------------------------------------------------------------------------------- */
#main h2 {
	margin: 0 0 30px;
	padding: 0 0 12px;
	border-bottom: solid 5px #22304f;
	font-size: 30px;
	color: #22304f;
}
/********** 特集 **********/
#main .special {
	padding: 0 0 40px;
}
#main .special h3 {
	margin: 0 0 30px;
	padding: 12px 20px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	background: #22304f;
}
#main .special h3 {
	margin: 0 0 30px;
	padding: 12px 20px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	background: #22304f;
}
#main .special .special-box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
#main .special .special-box ul li:nth-of-type(1) {
	width: 420px;
}
#main .special .special-box ul li:nth-of-type(2) {
	width: 430px;
}
#main .special .special-box ul li div {
	padding: 0 0 20px;
}
#main .special .special-box ul li div:last-child {
	padding: 0 0 0;
}
#main .special .special-box ul li a {
	display: block;
}
#main .special .special-box ul li a img {
	display: block;
}
/********** 季節のレシピ **********/
#main .seasons-recipe {
}
#main .seasons-recipe h3 {
	margin: 0 0 30px;
	padding: 12px 20px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	background: #22304f;
}
#main .seasons-recipe ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size: 14px;
}
#main .seasons-recipe .seasons-recipe-box > ul > li {
	width: 200px;
	padding: 0 23px 20px 0;
}
#main .seasons-recipe ul li:nth-child(2n) {
	padding: 0 24px 20px 0;
}
#main .seasons-recipe ul li:nth-child(4n) {
	padding: 0 0 20px 0;
}
#main .seasons-recipe ul li a {
	display: block;
	text-decoration: none;
}
#main .seasons-recipe ul li img {
	max-width: 100%;
	height: auto;
}
/* レシピデータ */
#main .seasons-recipe .recipe-data {
	margin: 0 0 10px;
	padding: 0 0 15px;
	border-bottom: dashed 1px #000;
}
#main .seasons-recipe .recipe-data a {
	display: block;
}
#main .seasons-recipe .recipe-data .thumb {
	display: block;
	padding: 0 0 18px;
}
#main .seasons-recipe .recipe-data .thumb img {
	display: block;
}
#main .seasons-recipe .recipe-data .rate {
	display: none;
	/*display: block;*/
	padding: 0 0 10px;
}
#main .seasons-recipe .recipe-data .rate .rate-title {
	padding: 0 10px 0 0;
}
#main .seasons-recipe .recipe-data .rate .rate-star {
	font-size: 16px;
	color: #ffc32c;
}
#main .seasons-recipe .recipe-data .title {
	display: block;
	line-height: 1.3;
}
/* 商品 */
#main .seasons-recipe .item-recipe ul li {
	display: none;
	justify-content: space-between;
	width: 100%;
	padding: 0 0 10px;
}
#main .seasons-recipe .item-recipe ul li:nth-of-type(1), #main .seasons-recipe .item-recipe ul li:nth-of-type(2) {
	display: flex;
}
#main .seasons-recipe .item-recipe ul li a {
	display: flex;
	width: 100%;
}
#main .seasons-recipe .item-recipe ul li .thumb {
	display: block;
	width: 60px;
	margin: 2px 10px 0 0;
}
#main .seasons-recipe .item-recipe ul li .thumb img {
	display: block;
}
#main .seasons-recipe .item-recipe ul li .title {
	display: block;
	width: 125px;
	letter-spacing: -0.05em;
}
/********** MORE **********/
#main .btn-more {
	display: flex;
	justify-content: flex-end;
	padding: 0 0 50px;
}
#main .btn-more a {
	display: block;
}
#main .btn-more img {
	display: block;
}
/********** こだわりの条件から探す **********/
#main .kodawari h3 {
	margin: 0 0 30px;
	padding: 12px 20px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	background: #22304f;
}
#main .kodawari h4 {
	padding: 0 0 20px;
}
#main .kodawari h4 img {
	display: block;
}
#main .kodawari ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 0 20px;
	font-size: 14px;
}
#main .kodawari .kodaweari-box:last-child ul {
	padding: 0;
}
#main .kodawari ul li {
	width: 210px;
	padding: 0 10px 10px 0;
}
#main .kodawari ul li:nth-of-type(4n) {
	padding: 0 0 10px;
}
#main .kodawari ul li a {
	display: block;
}
#main .kodawari ul li a img {
	display: block;
}