@charset "utf-8";

/* --------------------------------------------------------------------------------
	archive recipe
-------------------------------------------------------------------------------- */
#main .breadcrumbs{
	padding: 0 0 4.75vw;
}

#main h2{
	margin: 0 0 3vw;
	padding: 0 0 1.5vw;
	border-bottom: solid 0.5vw #22304f;
	font-size: 4.2vw;
	color: #22304f;
}

/********** 特集 **********/
#main .special{
	padding: 0 0 3vw;
}

#main .special h3{
	margin: 0 0 3vw;
	padding: 2.5vw 3vw;
	border-radius: 1vw;
	font-weight: bold;
	font-size: 3.8vw;
	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: 100%;
	padding: 0 0 2vw;
}
#main .special .special-box ul li:nth-of-type(2){
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#main .special .special-box ul li div{
	width: 49%;
	padding: 0 0 2vw;
}
#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;
	width: 100%;
	height: auto;
}

/********** 季節のレシピ **********/
#main .seasons-recipe{
}
#main .seasons-recipe h3{
	margin: 0 0 3vw;
	padding: 2.5vw 3vw;
	border-radius: 1vw;
	font-weight: bold;
	font-size: 3.8vw;
	color: #fff;
	background: #22304f;
}

#main .seasons-recipe ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
	width: 100%;
	font-size: 14px;
}
#main .seasons-recipe .seasons-recipe-box > ul > li{
	width: 49%;
}
#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 2vw;
	padding: 0 0 2vw;
	border-bottom: dashed 0.3vw #000;
}
#main .seasons-recipe .recipe-data a{
	display: block;
}
#main .seasons-recipe .recipe-data .thumb{
	display: block;
	padding: 0 0 2vw;
}
#main .seasons-recipe .recipe-data .thumb img{
	display: block;
}
#main .seasons-recipe .recipe-data .rate{
	display: block;
	padding: 0 0 2vw;
}
#main .seasons-recipe .recipe-data .rate .rate-title{
	padding: 0 2vw 0 0;
}
#main .seasons-recipe .recipe-data .rate .rate-star{
	font-size: 5vw;
	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: 14vw;
	margin: 1vw 2vw 0 0;
}
#main .seasons-recipe .item-recipe ul li .thumb img {
	display: block;
}
#main .seasons-recipe .item-recipe ul li .title {
	display: block;
	width: calc(100% - 16vw);
	line-height: 1.2;
	letter-spacing: -0.05em;
	font-size: 2.4vw;
}