@charset "UTF-8";

/*----------------------------------
商品・レシピ画像は既存使用
----------------------------------*/
.itemList { margin-bottom:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap; }
	.itemList li { width:32.6666%; height:auto; text-align:center; margin: 0 1% 8px 0; border:5px solid #FDE9D2; box-sizing:border-box; position:relative; }
		.itemList li:nth-child(3n) { margin-right:0!important; }
		.itemList li::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:none; border:1px solid #D6D6D6; box-sizing:border-box; }

	/*-------------------------------
	　リストボックス
	-------------------------------*/
	/*--レシピページベース--*/
	.recipeList_base .itemList li { border:5px solid #E2F4D2; }
	/*--イベントレシピページ--*/
	.recipeList_event .itemList li { border:5px solid #FFF2B1; }
	/*--健美麺レシピメインページ--*/
	.recipeList_kenbi_main .itemList li { border:5px solid #FFF2B1; background:#fff; }
	/*--健美麺レシピページ--*/
	.recipeList_kenbi .itemList li { border:5px solid #FFF2B1; background:#fff; }
	/*--鉄板麺レシピページ--*/
	.recipeList_teppan .itemList li { border:5px solid #FFF2B1; background:#fff; }
	/*--流水麺レシピページ--*/
	.recipeList_ryusui .itemList li { border:5px solid #bed4ed; background:#fff; }
	/*--ベジ麺レシピバックナンバー--*/
	.recipeList_vegeBack .itemList li { border:5px solid #FFE7E5; background:#fff; }
		.recipeList_vegeBack .itemList li:nth-child(6n+1) { border:5px solid #E2F4D2; }
		.recipeList_vegeBack .itemList li:nth-child(6n+2) { border:5px solid #E2F4D2; }
		.recipeList_vegeBack .itemList li:nth-child(6n+3) { border:5px solid #E2F4D2; }

	.itemList .itemInner { width:100%; height:100%; padding:0 0 10px 0; box-sizing:border-box; }

	/*-------------------------------
	　商品・メニュー名
	-------------------------------*/
	.itemList li a { width:100%; height:100%; text-decoration:none; position:relative; }
	.itemList li a { text-decoration:none!important; }

	.itemList li .itemName { width:100%; padding:10px 0 8px 0; border:1px solid #D6D6D6; background:#FF9900; text-align:center; position:relative; display:table; box-sizing:border-box; }
		/*--商品情報ページベース--*/
		.itemList li .itemName h2 { width:100%!important; color:#fff!important; line-height:1.25em; padding:0; display:table-cell; vertical-align:middle; }
		/*--新商品・季節限定発売商品ページ--*/
		.itemList li .itemName h3 { width:100%!important; color:#fff!important; line-height:1.25em; padding:0; display:table-cell; vertical-align:middle; }
	/*--レシピページベース--*/
	.recipeList_base .itemList li .itemName { background:#68AF11; }
	/*--イベントレシピページ--*/
	.recipeList_event .itemList li .itemName { background:#FFBA04; }
	/*--健美麺レシピ メインページ--*/
	.recipeList_kenbi_main .itemList li .itemName { background:#FFBA04; }
	/*--健美麺レシピメインページ--*/
	.recipeList_kenbi_main .itemList li .itemName { background:#FFBA04; }
	/*--健美麺レシピページ--*/
	.recipeList_kenbi .itemList li .itemName { background:#FFBA04; }
	/*--鉄板麺レシピページ--*/
	.recipeList_teppan .itemList li .itemName { background:#FFBA04; }
	/*--流水麺レシピページ--*/
	.recipeList_ryusui .itemList li .itemName { background:#4d8fda; }
	/*--ベジ麺レシピバックナンバー--*/
	.recipeList_vegeBack .itemList li .itemName { background:#E20A16; }
		.recipeList_vegeBack .itemList li:nth-child(6n+1) .itemName { background:#22942B; }
		.recipeList_vegeBack .itemList li:nth-child(6n+2) .itemName { background:#22942B; }
		.recipeList_vegeBack .itemList li:nth-child(6n+3) .itemName { background:#22942B; }

	/*--新商品・季節限定発売商品ページ--*/
	.itemList li .releaseDate { color:#ff0000; line-height:1.0em; padding:12px 0 0 0; }

	/*-------------------------------
	　商品、メニュー画像
	-------------------------------*/
	.itemList li .itemImg { height:145px; width:auto; padding:10px 0; }
	/*--業務用カタログページ--*/
	.itemList li .itemImg_business { height:155px; width:auto; padding:10px 0; }
	/*--レシピページ--*/
	#recipeList .itemList li .recipeImg { width:100%; height:auto; padding:10px 0; position:relative; box-sizing:border-box; }
		#recipeList .itemList li .recipeImg img { height:172px; width:auto; }
		/*--イベントレシピページ--*/
		.recipeList_even .itemList li .recipeImg .eventRecipeImg { width:220px!important; }
		/*--鉄板麺レシピページ--*/
		.recipeList_teppan .itemList li .recipeImg img { width:210px!important; height:160px!important; }
		/*--流水麺レシピページ--*/
		.recipeList_ryusui .itemList li .recipeImg img { height:160px!important; }
			/*--ベジ麺アイコン--*/
			#recipeList .itemList li .recipeImg .vege_icon { width:75px; height:auto; position:absolute; top:144px!important; left:14px!important; }
			/*--減塩メニューアイコン--*/
			#recipeList .itemList li .recipeImg .menu_icon { width:79px; height:auto; position:absolute; top:154px!important; right:16px!important; }
			/*--食塩・糖質等表示--*/
			#recipeList .itemList li .recipeImg .componentDisplay { bottom:15px!important; left:16px!important; }
			/*--赤ちゃんアイコン--*/
			#recipeList .itemList li .recipeImg .baby_icon { width:85px; height:auto; position:absolute; bottom:15px; left:16px; }
			/*--尾みゆきさんレシピ--*/
			#recipeList .itemList li .recipeImg .matsuo_icon { width:100px; height:auto; position:absolute; bottom:14px; left:16px; }
			/*--シマダヤファンの方のレシピを参考にしました！--*/
			#recipeList .itemList li .recipeImg .fansanko_icon { width:160px; height:auto; position:absolute; bottom:5px; left:50%; margin-left:-80px; }
			/*--イベントカテゴリーアイコン--*/
			#recipeList .itemList li .recipeImg .event_icon { width:220px; height:auto; position:absolute; bottom:10px; left:50%; margin-left:-110px; }

	/*-------------------------------
	　通販商品表示（サイズ自動調整）
	-------------------------------*/
	.itemList li .itemBox_judge { width:100%; height:165px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
	.itemList li .itemBox_judge img { opacity:0; transition:0.1s ease-in-out; }
		/*@media screen and (max-width:600px){
		.itemList li .itemBox_judge { height:100px; }
		}*/

	/*-------------------------------
	　リンクボタン
	-------------------------------*/
	.itemList li .itemLink { color:#fff; font-size:11px; padding:1px 17px 1px 10px; display:inline-block; background:linear-gradient(#fe5c5c, #ff0000); position:relative; }
		.itemList li .itemLink::before { font-family:'Font Awesome 5 Free'; font-weight:600; content:'\f0da'; font-size:14px; color:#fff; position:absolute; width:14px; height:14px; top:-9px; bottom:0; right:3px; margin:auto; text-align:center; }
	/*--レシピページベース--*/
	.recipeList_base .itemList li .itemLink { font-size:10px; background:linear-gradient(#73c411, #69b011); }
	/*--イベントレシピページ--*/
	.recipeList_event .itemList li .itemLink { font-size:10px; background:linear-gradient(#ffb520, #ffae0a); }
	/*--健美麺レシピ メインページ--*/
	.recipeList_kenbi_main .itemList li .itemLink { font-size:10px; background:linear-gradient(#f2c600, #e0b500); }
	/*--健美麺レシピページ--*/
	.recipeList_kenbi_salt .itemList li .itemLink { font-size:10px; background:linear-gradient(#2d6ce3, #1c5ace); }
	.recipeList_kenbi_sugar .itemList li .itemLink { font-size:10px; background:linear-gradient(#73c411, #69b011); }
	/*--鉄板麺レシピページ--*/
	.recipeList_teppan .itemList li .itemLink { font-size:10px; background:linear-gradient(#f2c600, #e0b500); }
	/*--流水麺レシピページ--*/
	.recipeList_ryusui .itemList li .itemLink { font-size:10px; background:linear-gradient(#6298ff, #0a6bff); }
	/*--ベジ麺レシピバックナンバー--*/
	.recipeList_vegeBack .itemList li .itemLink { font-size:10px; padding:1px 17px 1px 26px; background:url(../../recipe/vege/back/img/btn_img02.png) no-repeat left 5px center #e10a16; background-size:18px 18px; }
		.recipeList_vegeBack .itemList li:nth-child(6n+1) .itemLink { font-size:10px; padding:1px 17px 1px 26px; background:url(../../recipe/vege/back/img/btn_img01.png) no-repeat left 5px center #22942b; background-size:18px 18px; }
		.recipeList_vegeBack .itemList li:nth-child(6n+2) .itemLink { font-size:10px; padding:1px 17px 1px 26px; background:url(../../recipe/vege/back/img/btn_img01.png) no-repeat left 5px center #22942b; background-size:18px 18px; }
		.recipeList_vegeBack .itemList li:nth-child(6n+3) .itemLink { font-size:10px; padding:1px 17px 1px 26px; background:url(../../recipe/vege/back/img/btn_img01.png) no-repeat left 5px center #22942b; background-size:18px 18px; }


/*--マウスオーバー設定（未設定）--*/
.itemList li:hover { border:5px solid #ff9b9b!important; transition:0.2s ease-in-out; }
/*.itemList li a:hover img { transform:scale(1.06,1.06); transition-duration:0.0s; transition:0.2s ease-in-out; }*/
.itemList li a:hover .itemName { background:#FF0000!important; transition:0.2s ease-in-out; }
.itemList li a:hover .itemLink { background:linear-gradient(#eea45b, #ee7700)!important; }
	/*--ベジ麺レシピバックナンバー--*/
	.recipeList_vegeBack .itemList li:hover { border:5px solid #fed4a3!important; transition:0.2s ease-in-out; }
	.recipeList_vegeBack .itemList li:hover .itemName { background:#ee7700!important; transition:0.2s ease-in-out; }
	.recipeList_vegeBack .itemList li:hover .itemLink { background:url(../../recipe/vege/back/img/btn_img03.png) no-repeat left 5px center #ee7700!important; background-size:18px 18px!important; }