@charset "utf-8";

/*----------------------*/
/*スマホメニュー*/
/*----------------------*/
.sidr {
	display: block;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 80%;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 13px;
	background: #21221d;
	color: #fff;
	box-shadow: 0 0 5px 5px #222 inset;
}
.sidr.right {left: auto;right: -80%;}

#spSearch {
	background:#f1f1f1;
	padding:15px;
}
#spSearch table td {padding:0 3px 3px 3px;line-height:1.6;vertical-align:middle;}


#navG_sp {width:100%;text-align:left;}
#navG_sp ul {width:auto;}
#navG_sp ul li {border-bottom:1px solid #777;}
#navG_sp ul li a {
	display:block;
	padding:15px 10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	position:relative;
}
.child {display:none;}


/* 今月の特集 */
#mSpecial .li2nd {background:#bfbfbf;padding:5px;}
#mSpecial .li2nd li {background:#333;border:none;margin-bottom:2px;}
#mSpecial .li2nd li a {padding:6px 10px;color:#fff;}

#mSpecial .li3rd {background:#fff;}
#mSpecial .li3rd li {margin:0;border:none;}
#mSpecial .li3rd li img {width:100%;height:auto;}
#mSpecial .li3rd li a {padding:0;}

#mSpecial .li4th {background:#fff;}
#mSpecial .li4th li {display:inline-block;width:48%;border:none;background:#fff;}
#mSpecial .li4th li a {text-decoration:underline;padding:4px 0 4px 15px;color:#333;font-weight:lighter;}
#mSpecial .li4th li a:before {
	content:"●";
	font-size:10px;
	color:#6a6869;
	text-decoration:none;
}


/* 食材紹介 */
#mFoods .li2nd {background:#bfbfbf;padding:5px;}
#mFoods .li2nd li {background:#333;border:none;margin-bottom:2px;}
#mFoods .li2nd li a {padding:6px 10px;color:#fff;}

#mFoods .li3rd {background:#fff;}
#mFoods .li3rd li {margin:0;border:none;background:#fff;border-bottom:1px dotted #ccc;}
#mFoods .li3rd li:last-child {border:none;}
#mFoods .li3rd li a {color:#333;font-weight:lighter;}


/* レシピ集 */
#mRecipe .li2nd {background:#bfbfbf;padding:5px;}
#mRecipe .li2nd li {background:#fff;border:none;margin-bottom:2px;}
#mRecipe .li2nd li a {padding:6px 10px 6px 13px;color:#333;}
#mRecipe .li2nd li a:before {
	content:"＞";
	font-size:10px;
	color:#6a6869;
	text-decoration:none;
}
#mRecipe .li2nd li.mSearch {padding:10px;}


/* おいしがうれしが */
#mOishiga .li2nd {background:#15a9d9;padding:5px;}
#mOishiga .li2nd li {background:#15a9d9;border-bottom:1px dotted #8ad4ec;}
#mOishiga .li2nd li a {padding:6px 10px;color:#fff;}

#mOishiga .li3rd {background:#cdeaf4;}
#mOishiga .li3rd li {margin:0;border:none;background:#cdeaf4;padding:5px 10px;}
#mOishiga .li3rd li img {width:100%;height:auto;}
#mOishiga .li3rd li a {padding:0;color:#102629;}
#mOishiga .li3rd li a:before {
	content:"＞";
	font-size:10px;
	color:#102629;
	text-decoration:none;
}

#navG_sp ul li .menu:after {
	content:"+";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	font-size: 14px;
	font-weight: bold;
	color:#eee;
}

/*
#navG_sp ul li .menu:after {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	content: '>';
	font-size: 14px;
	font-weight: bold;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}

#navG_sp ul li .menu.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
*/


/* sub navi */
ul.snav {margin:20px 10px;text-align:left;}
ul.snav li {
	background:url(../images/common/s_arrow.png) 0 center no-repeat;
	padding:0 0 0 20px;
	margin-bottom:8px;
}
ul.snav li a {
	font-size:12px;
	text-decoration:none;
	color:#fff;
}
ul.snav li a:hover {text-decoration:underline;}


/* banner */
ul.bn_list {text-align:center;margin:15px 0;}
ul.bn_list li {margin-bottom:6px;}