@charset "utf-8";
/* CSS Document */
/*--------------------
季節のおすすめメニュー　共通
--------------------*/
#contents{
	padding: 0;
}
#contents #contents-main.all{
	background: #fff;
}
body.item_feature #contents article > h3{
	border: none;
	margin: 0;
}
body.item_feature #contents .content1{
	text-align: center;
}
#contents article > h3 .title,
#contents .NewsItemList .item .date,
#contents .NewsItemList .item .goods_like_btn.mini,
#contents .morelink{
	display: none;
}
#contents .NewsItemList .item{
	width: calc(100% / 3 - 20px);
	padding: 0;
    margin: 10px;
    border-radius: 20px;
}
#contents .NewsItemList .item p.image{
	border: none;
	height: 240px;
}
.pc #contents .NewsItemList .item .desc{
	padding: 16px;
}
body.item_feature #contents .NewsItemList .goodscomment{
	display: none;

	/* display: initial;
	font-size: 12px; */
}
#contents .NewsItemList .item .desc .name a{
	font-size: 14px;
	font-weight: bold;
}
/*SP*/
body.sp #contents{
	padding: 0;
}
body.sp #contents > .inner{
	padding: 0;
}
body.sp #contents #contents-main.all{
	padding-top: 0;
}
body.sp #contents-main .NewsItemList .item{
	margin: 20px 0 0 20px;
	padding: 0;
	width: calc(100% / 2 - 30px);
}
body.sp #contents-main .NewsItemList .item:nth-child(even){
	margin-right: 20px;
}
body.sp #contents-main .NewsItemList .item .news_box{
	margin-top: 0;
}
body.sp #contents-main .NewsItemList .item .desc{
	padding: 10px;
}
body.item_feature.sp #contents .content2{
	padding: 10px 20px;
}

/*--------------------
#contents.featureid1
春のおすすめメニュー
--------------------*/
#contents.featureid1{
	background: #ffaec840;
}
body.item_feature #contents.featureid1 article > h3 .image{
	background: #ffaec840;
	border-radius: 20px;
}
#contents.featureid1 .NewsItemList .item{
    border: 4px solid #ffaec8;
}
#contents.featureid1 .NewsItemList .item .desc .goods{
	border-bottom: 8px solid #ffaec840;
}
#contents.featureid1 .NewsItemList .item .desc .name a{
	color: #39cd97;
}

/*--------------------
#contents.featureid2
夏のおすすめメニュー
--------------------*/
#contents.featureid2{
	background: #84d0f740;
}
body.item_feature #contents.featureid2 article > h3 .image{
	background: #84d0f740;
	border-radius: 20px;
}
#contents.featureid2 .NewsItemList .item{
    border: 4px solid #84d0f7;
}
#contents.featureid2 .NewsItemList .item .desc .goods{
	border-bottom: 8px solid #84d0f740;
}
#contents.featureid2 .NewsItemList .item .desc .name a{
	color: #f9269f;
}

/*--------------------
#contents.featureid3
秋のおすすめメニュー
--------------------*/
#contents.featureid3{
	background: #ffca1740;
}
body.item_feature #contents.featureid3 article > h3 .image{
	background: #ffca1740;
	border-radius: 20px;
}
#contents.featureid3 .NewsItemList .item{
    border: 4px solid #ffca17;
}
#contents.featureid3 .NewsItemList .item .desc .goods{
	border-bottom: 8px solid #ffca1740;
}
#contents.featureid3 .NewsItemList .item .desc .name a{
	color: #a36200;
}

/*--------------------
#contents.featureid4
冬のおすすめメニュー
--------------------*/
#contents.featureid4{
	background: #9ac6ff40;
}
body.item_feature #contents.featureid4 article > h3 .image{
	background: #9ac6ff40;
	border-radius: 20px;
}
#contents.featureid4 .NewsItemList .item{
    border: 4px solid #9ac6ff;
}
#contents.featureid4 .NewsItemList .item .desc .goods{
	border-bottom: 8px solid #9ac6ff40;
}
#contents.featureid4 .NewsItemList .item .desc .name a{
	color: #f7931e;
}

/*--------------------
#contents.featureid10
クリスマスのおすすめメニュー
--------------------*/
#contents.featureid10{
	background: #ffe4e1;
}
body.item_feature #contents.featureid10 article > h3 .image{
	background: #ffe4e1;
	border-radius: 20px;
}
#contents.featureid10 .NewsItemList .item{
    border: 4px solid #ff0000;
}
#contents.featureid10 .NewsItemList .item .desc .goods{
	border-bottom: 8px solid #ffe4e1;
}
#contents.featureid10 .NewsItemList .item .desc .name a{
	color: #228b22;
}