/*-----------------------------------------------------------------

	campaign/scene 活用シーン /　food　飲食店

-----------------------------------------------------------------*/

/*------------------------------
	選び方
------------------------------*/
.select-box > ul > li{
	background-color: #fff4de;
	border-color: #ffe2a8;
}
.select-box > ul > li h4{
	color: #ff9600;
}


/*------------------------------
	おすすめ商品
------------------------------*/
.recommend-box > ul.recommend-list > li{
	width: calc((100% - 40px) / 3.5);
}
.recommend-box > ul.recommend-list > li a{
	font-size: 1.9rem;
}

.recommend-box > ul.recommend-list > li.casual a{
	background-color: #ff9f65;
	border-color: #ff9f65;
}
.recommend-box > ul.recommend-list > li.casual a:hover{
	background-color: #fff;
	color: #ff9f65;
}
.recommend-box > ul.recommend-list > li.casual a:hover span{
	border-color: #ff9f65;
}

.recommend-box > ul.recommend-list > li.formal a{
	background-color: #849bff;
	border-color: #849bff;
}
.recommend-box > ul.recommend-list > li.formal a:hover{
	background-color: #fff;
	color: #849bff;
}
.recommend-box > ul.recommend-list > li.formal a:hover span{
	border-color: #849bff;
}


/**/
.recommend-box section#casual .recommend-read{
	background-image: url(../../../../_images/campaign/scene/food/recommend-casual-bg.jpg);
}

.recommend-box section#formal .recommend-read{
	background-image: url(../../../../_images/campaign/scene/food/recommend-formal-bg.jpg);
}

@media screen and ( max-width: 810px ){
	.recommend-box > ul.recommend-list{
		flex-wrap: wrap;
	}
	.recommend-box > ul.recommend-list > li{
		width: calc((100% - 20px) / 3);
	}
}
@media screen and ( max-width: 480px ){
	.recommend-box > ul.recommend-list > li{
		width: calc((100% - 10px) / 2);
	}
	.recommend-box > ul.recommend-list > li a span{
		padding: 0 5px;
		font-size: 1.15rem;
	}

}

/*------------------------------
	抑えるポイント
------------------------------*/
.point-box{
	background-color: #fff4de;
	border: 4px solid #ffa900;
}
.point-box > h3{
	background-color: #ffa900;
}
.point-box > h3 span{
	background-color: #fff;
	color: #ffa900;
	border-color: #ffa900;
}
.point-box > ol > li:before{
	filter: brightness(0) saturate(100%) invert(67%) sepia(66%) saturate(1844%) hue-rotate(359deg) brightness(100%) contrast(105%);
}

/*------------------------------
	カテゴリーから選ぶ
------------------------------*/
.other-link-box .link-list .blouson,
.other-link-box .link-list .sweat
{ display: none; }