@charset "utf-8";

/*
============================================================
base.css
------------------------------------------------------------

■デフォルトリセット
■フォント
■全体
■ヘッダー
■コンテンツ　左カラム
■コンテンツ　右カラム
■フッター
■スクリーン　中サイズ
■スクリーン　中サイズ


作成日：2013.09.03
作成者：kikuchi
更新日：2016.08.03 中サイズを小サイズとマージ
更新者：inomata
バージョン： 1.0
会社名：Dynamite Brothers Syndicate

============================================================
*/


/* ---------------------------------------------------------
■デフォルトリセット
--------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	border-collapse: collapse;
	color: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	list-style-type: none;
	margin: 0;
	outline: medium none;
	padding: 0;
	table-layout: fixed;
	text-decoration: none;
	vertical-align: baseline;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }




/* ---------------------------------------------------------
■フォント
--------------------------------------------------------- */
body {
	position: relative;
	text-align: center;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a.thumblink:hover h2, #footer a:hover, #c_right a:hover, .psPickup a:hover, .thumbText h3 a:hover, p.past_check a:hover, p.iconCheck a:hover, p.iconCheck2 a:hover, .iconCheck3 a:hover {
	text-decoration: underline; }

#notice ul li a:hover, #currentIssueLink a:hover {
	text-decoration: none; }




/* ---------------------------------------------------------
■全体
--------------------------------------------------------- */
#wrapper {
	background-color: #f7f5ee; }

#wrapper_in {
	width: 1050px;
	margin: 0 auto;
	padding: 25px 25px 50px;
	text-align: left; }

#contents {
	clear: both;
	margin-top: 15px; }

.cf:before,
.cf:after {
    content: " ";
    display: table; }

.cf:after {
    clear: both; }

.cf {
    *zoom: 1; }

.hidden {
	display: none; }



/* ---------------------------------------------------------
■ヘッダー
--------------------------------------------------------- */
#header { z-index: 1; }

#header_top {
	overflow: hidden; }

#header_top h1 {
	float: left;
	width: 252px;
	padding-top: 20px; }

#bnr_header {
	float: right;
	width: 728px;
	line-height: 0; }

#header_top img {
	float: right; }
/*↓ヘッダー改修*/
#header_site_top{
	overflow: hidden;
}
#header_site_top_left{
	float:left;
	display:inline;
	padding-top:10px
}
#header_site_top_text{
	font-size:75%;
}
#header_site_top_logo_box{
	display: inline;
}
#header_site_top_logo_box a{
	text-indent: -9999px;
	width:252px;
	height:46px;
	background: url(../../../img/common/logo.png) no-repeat 0px 0px;
	overflow: hidden;
	display: block;
}
/*↑ヘッダー改修*/


#sp_menu,
#sp_menu_wrapper { display: none; }

#gnav {
	clear: both;
	position: relative;
	width: 1050px;
	height: 51px;
	margin-top: 20px;
	z-index:5;
	zoom:1; }

#gnav a {
	display: block;
	color: #000000; }

#gnav1 {
	float: left;
	width: 820px;
	z-index: 1; }

#gnav1 li {
	position: relative;
	float: left;
	width: 159px;
	height: 47px;
	text-align: center;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
	z-index: 1;
	background-color: #fff}

#gnav1-1 {	margin-right: 3px; border-top: 3px solid #91bf38; }
#gnav1-2 {	margin-right: 3px; border-top: 3px solid #f68718; /*background: url(../../../../img/common/bg_gnav-recipe.png) no-repeat 30px center;*/ }
#gnav1-3 {	margin-right: 3px; border-top: 3px solid #aa0b16; /*background: url(../../../../img/common/bg_gnav-lettuce.png) no-repeat 15px center;*/ }
#gnav1-4 {	margin-right: 3px; border-top: 3px solid #136381;/* background: url(../../../../img/common/bg_gnav-life.png) no-repeat 15px center;*/ }
#gnav1-5 {	margin-right: 3px; border-top: 3px solid #c03fa3;}
#gnav1-6 {	margin-right: 3px; border-top: 3px solid #148458;}

#gnav1-1:hover { background-color: #F7F5DC; }
#gnav1-2:hover { background-color: #F7F5DC; }
#gnav1-3:hover { background-color: #F7F5DC; }
#gnav1-4:hover { background-color: #F7F5DC; }
#gnav1-5:hover { background-color: #F7F5DC; }
#gnav1-6:hover { background-color: #F7F5DC; }

#gnav1-2 ul { border-top: 1px solid #f68718; }
#gnav1-3 ul { border-top: 1px solid #aa0b16; }
#gnav1-4 ul { border-top: 1px solid #136381; }
#gnav1-5 ul { border-top: 1px solid #c03fa3; }
#gnav1-6 ul { border-top: 1px solid #158459; }

#gnav1-1 div{
	padding-top: 10px;
	font-size: 82%;
	font-weight: bold;
	line-height: 16px;
	color:#91bf38;
}

#gnav1-1 p{
	font-size: 63%;
	font-weight: bold;
	line-height: 16px;
	color:#91bf38;
}

#gnav1-2 div{
	padding-top: 10px;
	font-size: 82%;
	font-weight: bold;
	line-height: 16px;
	color:#f68718;
}

#gnav1-2 p{
	font-size: 63%;
	font-weight: bold;
	line-height: 16px;
	color:#f68718;
}

#gnav1-3 div{
	padding-top: 10px;
	font-size: 82%;
	font-weight: bold;
	line-height: 16px;
	color:#aa0b16;
}

#gnav1-3 p{
	font-size: 63%;
	font-weight: bold;
	line-height: 16px;
	color:#aa0b16;
}

#gnav1-4 div{
	padding-top: 10px;
	font-size: 82%;
	font-weight: bold;
	line-height: 16px;
	color:#136381;
}

#gnav1-4 p{
	font-size: 63%;
	font-weight: bold;
	line-height: 16px;
	color:#136381;
}

#gnav1-5 div{
	padding-top: 10px;
	font-size: 82%;
	font-weight: bold;
	line-height: 16px;
	color:#c03fa3;
}

#gnav1-5 p{
	font-size: 63%;
	font-weight: bold;
	line-height: 16px;
	color:#c03fa3;
}

#gnav1-6 div{
	padding-top: 10px;
	font-size: 82%;
	font-weight: bold;
	line-height: 16px;
	color:#148458;
}

#gnav1-6 p{
	font-size: 63%;
	font-weight: bold;
	line-height: 16px;
	color:#148458;
}

/*#gnav1 div {
	padding-top: 10px;
	font-size: 82%;
	font-weight: bold;
	line-height: 16px; }

#gnav1 p {
	font-size: 63%;
	font-weight: bold;
	line-height: 16px; }
*/

#gnav1 li ul {
	display: none;
	position: absolute;
	top: 48px;
	left: -1px;
	width: 140px;
	padding: 5px 10px 10px;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background-color: #ffffff;
	z-index: 10; }

#gnav1 li ul li {
	width: 121px;
	height: auto;
	padding: 8px 5px 8px 15px;
	border-bottom: 1px dotted #e6e6e6;
	border-right: none;
	border-left: none;
	text-align: left;
	font-size: 63%;
	line-height: 17px; }

#gnav1 li ul li a {
	color: #5c5c5c; }

#gnav1-2 ul li { background: url(/img/common/icon_nav-arrow_recipe.png) no-repeat 0 center; }
#gnav1-3 ul li { background: url(/img/common/icon_nav-arrow_lettuce.png) no-repeat 0 center; }
#gnav1-4 ul li { background: url(/img/common/icon_nav-arrow_life.png) no-repeat 0 center; }
#gnav1-5 ul li { background: url(/img/common/icon_nav-arrow_news.png) no-repeat 0 center; }
#gnav1-6 ul li { background: url(/img/common/icon_nav-arrow_toko.png) no-repeat 0 center; }

#gnav2 {
	position: relative;
	float: left;
	width: 230px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	z-index: 1; }

#gnav2 li {
	position: relative;
	float: left;
	width: 114px;
	text-align: center; }

#gnav2 #gnav2-1:hover { background-color: #F7F5DC!important; zoom: 1; }
#gnav2 #gnav2-2:hover { background-color: #ffffff!important; zoom: 1; }
#gnav2 #gnav2-3:hover { background-color: #ffffff!important; zoom: 1; }
#gnav2 #gnav2-4:hover { background-color: #ffffff!important; zoom: 1; }
#gnav2 #gnav2-5:hover { background-color: #ffffff!important; zoom: 1; }
#gnav2 #gnav2-6:hover { background-color: #ffffff!important; zoom: 1; }
#gnav2 #gnav2-7:hover { background-color: #ffffff!important; zoom: 1; }

#gnav2 li a {
	display: block;
	height: 47px;
	font-size: 75%;
	font-weight: bold;
	line-height: 47px; }

#gnav2 li#gnav2-1 {
	background: url(/img/common/bg_nav-line.jpg) no-repeat right 10px;
	background-color: #fff;
	border-top: 3px solid #666; }

#gnav2 li#gnav2-1 a {
	color: #666; }

#gnav2 li#gnav2-2 a {
	color: #ffffff; }

#gnav2 li#gnav2-2 a:hover {
	color: #91bf38; }

#gnav2 li#gnav2-2 {
	width: 114px;
	background-color: #91bf38; }

#gnav2-1 ul,
#gnav2-3 .gnavInner {
	display: none;
	position: absolute;
	top: 48px;
	left: -48px;
	z-index: 10; }

#gnav2-1 ul,
#gnav2-3 .gnavInner {
	width: 220px;
	padding: 8px 9px;
	border-top: 1px solid #91bf38;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background-color: #ffffff; }

#gnav2-1 ul li {
	width: 220px; }

#gnav2-1 ul li div {
	text-align: center; }

#gnav2-1 ul li div a {
	height: auto; }

#gnav2-1 ul li p span {
	padding-top: 7px;
	color: #5c5c5c;
	font-size: 63%;
	line-height: 14px; }

#gnav2 #gnav2-1 ul li p a {
	display: inline;
	color: #000000;
	font-size: 63%;
	font-weight: bold;
	line-height: 14px;
	text-decoration: underline; }

#gnav2-2:hover {
	background-color: #fff; }

#gnav2 li#gnav2-2 {
	width: 114px;
	border-top: 3px solid #91bf38;}


/* ログイン*/
#gnav2-3 {
	background: url(/img/common/bg_nav-line.jpg) no-repeat right 10px; }

#gnav2-3 a#reg {
	padding:0 10px 0 60px;
	color: #91bf38;
	background: url(/img/common/bg_gnav-premium.png) no-repeat 10px center;
	background-color:#fff;
	background-size:50px auto;
	border-right: 1px solid #ebebeb;
	border-top: 3px solid;
	font-size:10px;
}

li#gnav2-4 {
	color: #666666;
	border-top: 3px solid #666;
	background-color: #fff;}

#gnav2-4 a {
	color: #666666; }


#gnav2-3 div {
	width: 220px;
	padding: 15px 0;
	text-align: left;
	border-bottom: 1px solid #e6e6e6; }

#specialMsg {
	color: #333333;
	font-size: 63%;
	font-weight: bold;
	line-height: 14px; }

#gnav2-3 .special {
	width: 160px;
	padding-left: 60px; }

.special div {
	color: #91bf38;
	font-size: 69%;
	font-weight: bold;
	line-height: 14px; }

html>/**/body .special div { font-size: 63%\9; }

.special p {
	padding-top: 5px;
	color: #5c5c5c;
	font-size: 63%;
	line-height: 14px; }

#gnav2-3 #specialReg {
	padding: 8px 0 5px;
	border-bottom: none; }

#gnav2-3 #specialReg a {
	display: inline;
	color: #666666;
	font-size: 63%;
	line-height: 14px;
	text-decoration: underline; }

#gnav2-3 #specialReg span {
	color: #91bf38;
	font-size: 63%;
	font-weight: bold;
	line-height: 14px; }

#gnav2-3 #special1 {
	background: url(/img/common/bg_gnav-premium1.png) no-repeat 0 center; }

#gnav2-3 #special2 {
	background: url(/img/common/bg_gnav-premium2.png) no-repeat 10px center; }

#gnav2-3 #special3 {
	background: url(/img/common/bg_gnav-premium3.png) no-repeat 10px center; }


/* プレミアム */
#gnav2 li#gnav2-5 {
	background: url(/img/common/bg_nav-line.jpg) no-repeat right 10px;
	width: 114px;
/*	margin-right: 2px;*/
/*	border-right: 1px solid #ebebeb;*/
}

#gnav2 li#gnav2-5 a {
	padding-left: 20px;
	background: url(/img/common/bg_mypage.png) no-repeat 15px center;
	border-top: 3px solid #91bf38;
	border-right: 1px solid #ebebeb;
	color: #91bf38;
	background-color: #fff;
}

#gnav2 li#gnav2-5 a:hover,
#gnav2 li#gnav2-6 a:hover,
#gnav2 li#gnav2-7 a:hover {
	background-color: #F7F5DC;}

#gnav2 li#gnav2-6 {
	width: 192px;
	background: url(/img/common/bg_nav-line.jpg) no-repeat right 10px; }

#gnav2 li#gnav2-6 a {
	padding-left: 20px;
	background: url(/img/common/bg_gnav-buylist.png) no-repeat 20px center; }


#gnav2 li#gnav2-7 {
	width: 114px;
/*	border-left: 1px solid #ebebeb;*/
}

#gnav2 li#gnav2-7 a {
	padding-left: 30px;
	background: url(/img/common/bg_gnav-logout.png) no-repeat 12px center;
	border-top: 3px solid #333;
	color: #333;
	background-color: #fff}

#common_bnr_header_sp{
	display: none;
}


/* ---------------------------------------------------------
■コンテンツ　左カラム
--------------------------------------------------------- */
#c_left {
	float: left;
	width: 730px; }

.toTop {
	clear: both;
	padding-top: 20px;
	text-align: right; }

.toTop a {
	color: #000000;
	padding-right: 20px;
	font-size: 75%;
	line-height: 18px;
	vertical-align: middle;
	background: url(../../../img/common/bg_toTop.png) no-repeat right center; }




/* ---------------------------------------------------------
■コンテンツ 右カラム
--------------------------------------------------------- */
#c_right {
	float: right;
	width: 300px; }

.m_top { margin-top: 20px; }
.m_bottom { margin-bottom: 20px; }

/* 食材使い切り検索 */
#premiumSearch {
	padding: 20px 15px;
	border-top: 4px solid #91bf38;
	border-bottom: 1px solid #91bf38;
	background: url(/img/common/bg_search.jpg) no-repeat;
	background-color: #ffffff; }

/*2014.06.18 #premiumSearchText追加*/
#premiumSearch h2,#premiumSearchText {
	color: #474747;
	font-size: 113%;
	font-weight: bold;
	line-height: 31px; }

.psMsg {
	color: #858585;
	font-size: 69%;
	line-height: 15px; }

html>/**/body .psMsg { font-size: 63%\9; }

#premiumSearch form {
	margin: 95px 0 0; }

#premiumSearch form img {
	padding-right: 3px;
	vertical-align: middle; }

#premiumSearch form span {
	color: #5c5c5c;
	font-size: 82%;
	font-weight: bold;
	vertical-align: middle; }

#premiumSearch form input {
	border: none;
	color: #000;
	line-height: 27px; }

#premiumSearch form .textFocus {
	color: #000000; }

#premiumSearch form input#pstext {
	float: left;
	width: 190px;
	height: 31px;
	margin: 3px 0;
	padding: 0 0 0 11px!important;
	border: 1px solid #91bf38;
	border-radius: 5px 0 0 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-appearance: none; }

#premiumSearch form input#pssubmit {
	float: left;
	width: 67px;
	height: 33px;
	margin: 3px 0;
	color: #ffffff;
	cursor: pointer;
	background: url(/img/common/bg_step2-btn.jpg) no-repeat;
	border-radius: 0 5px 5px 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-appearance: none; }


span.delval-group {
	float: left;
	width: 203px;
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1; }

span.delval-group span.delval {
	display: none;
	position: absolute;
	right: 6px;
	top: 1px;
	width: 15px;
	background: url(/img/common/icon_search-x.png) no-repeat left center;
	cursor: pointer; }

* html span.delval-group span.delval {
	background: url(/img/common/blank.gif) repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/common/icon_search-x.png',sizingMethod=scale); }


#search span.delval-group {
	float: left;
	width: 223px;
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1; }

#search span.delval-group span.delval {
	display: none;
	position: absolute;
	right: 6px;
	top: 1px;
	width: 15px;
	background: url(/img/common/icon_search-x.png) no-repeat left center;
	cursor: pointer; }

.psPickup {
	clear: both;
	margin-bottom: 10px; }

.psPickup span {
	display: inline-block; /display: inline; /zoom:1;
	padding-right: 5px;
	color: #5c5c5c;
	font-size: 69%;
	line-height: 24px; }

html>/**/body .psPickup span { font-size: 63%\9; }

.psPickup a {
	display: inline-block; /display: inline; /zoom:1;
	margin-right: 3px;
	color: #858585;
	font-size: 75%;
	line-height: 24px; }

.psGuid {
	padding: 2px 0;
	text-align: center;
	background: url(/img/common/bg_psguid.jpg) no-repeat; }

.psGuid p {
	color: #ffffff;
	font-size: 63%;
	line-height: 16px; }

.psGuid a {
	padding-left: 10px;
	color: #474747;
	font-size: 75%;
	font-weight: bold;
	line-height: 20px;
	background: url(/img/common/bg_triangle-right2.png) no-repeat 0 center; }

.psRegist {
	margin-top: 15px;
	padding-top: 15px;
	background: url(/img/common/bg_search-bar.jpg) no-repeat; }

.psRegist div {
	padding-left: 15px;
	color: #474747;
	font-size: 88%;
	font-weight: bold;
	line-height: 24px;
	background: url(/img/common/bg_arrow-right.jpg) no-repeat 0 center; }

.psRegist div a {
	color: #474747; }

.psrMsg {
	padding: 0 15px 0;
	color: #858585;
	font-size: 63%;
	line-height: 15px; }


/* news */
#news {
	padding: 15px 8px;
	border-top: 4px solid #c03fa3;
	background-color: #ffffff; }

#news_ttl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c03fa3; }

.news_item {
	/zoom: 1;
	overflow: hidden;
	clear: both;
	padding-bottom: 20px; }

.news_item img {
	float: left;
	width: 100px;
	padding-right: 10px; }

.niMsg {
	float: right;
	width: 174px; }
/*2014.06.18 .niMsg .niMsgTitle追加*/
.niMsg h2, .niMsg .niMsgTitle{
	margin-bottom: 10px;
	color: #474747;
	font-size: 75%;
	font-weight: bold;
	line-height: 16px; }
/*2014.06.18 .niMsg .niMsgTitle a追加*/
.niMsg h2 a, .niMsg .niMsgTitle a {
	color: #474747; }

.niMsg p {
	color: #858585;
	font-size: 63%;
	line-height: 16px; }

.news_list {
	clear: both;
	padding: 20px 0 15px;
	border-top: 1px solid #c03fa3;
	border-bottom: 1px solid #c03fa36; }

#news ul li {
	margin-bottom: 10px;
	padding-left: 13px;
	color: #333333;
	font-size: 75%;
	line-height: 16px;
	background: url(/img/common/bg_triangle-right.jpg) no-repeat 0 center; }

#news ul li a {
	color: #333333; }

.news_list p {
	padding-right: 10px;
	text-align: right;
	color: #d43856;
	font-size: 88%;
	line-height: 24px;
	background: url(/img/common/bg_triangle-right.jpg) no-repeat right center; }

.news_list p a {
	color:  #c03fa3; }



/* search */
#search {
	/zoom: 1;
	padding: 18px;
	border-top: 3px solid #91bf38;
	background: url(/img/common/bg_recipe-search_1.jpg) no-repeat 0 0 #ffffff; }

#search p {
	color: #F68718;
	font-size: 112%;
	font-weight: bold;
	padding-top: 2px;
	line-height: 23px; }

#search .descript {
	color: #91bf38;
	font-size: 82%;
	font-weight: bold;
	line-height: 23px; }

#search .captext {
	color: #F68718;
	font-size: 65%;
	font-weight: bold;
	line-height: 23px;
	padding-left: 10px; }

#search form {
	overflow: hidden;
	margin-top: 18px; }

#search form input {
	border: none;
	color: #000; }

#search form .textFocus {
	color: #000000; }

#search form input#stext {
	float: left;
	width: 210px;
	height: 30px;
	line-height: 27px;
	padding: 0 0 0 11px!important;
	border: 1px solid #F68718;
	border-radius: 5px 0 0 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-appearance: none; }

#ssubmit {
	float: left;
	width: 37px;
	height: 32px;
	cursor: pointer;
	background: url(/img/common/bg_recipe-search-btn.jpg) no-repeat;
	border-radius: 0 5px 5px 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-appearance: none; }


/* search orange */
#searchOrange {
	/zoom: 1;
	padding: 18px;
	border-top: 3px solid #f68718;
	border-bottom: 1px solid #f68718;
	background: url(/img/common/bg_recipe-search2.jpg) no-repeat 0 0 #ffffff; }

#searchOrange p {
	color: #f68718;
	font-size: 82%;
	font-weight: bold;
	line-height: 23px; }

#searchOrange form {
	overflow: hidden;
	margin-top: 10px; }

#searchOrange form .delval-group {
	position: relative;
	float:left;
	width: 222px; }

#searchOrange form input {
	border: none;
	color: #ccc; }

#searchOrange form .textFocus {
	color: #000000; }

#searchOrange form input#stext {
	float: left;
	width: 210px;
	height: 28px;
	padding-left: 10px;
	line-height: 28px;
	border: 1px solid #f68718;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px; }


/* おすすめ情報 */
#info {
	clear: both;
	padding: 45px 0 0;
	border: 1px solid #dedede;
	background: url(../../../img/common/bg_info.jpg) no-repeat 0 0 #ffffff; }

#info li {
	clear: both;
	/zoom: 1;
	padding-bottom: 13px;
	border-bottom: 1px solid #dddddd; }

.info_list-inner {
	overflow: hidden;
	/zoom: 1;
	margin: 8px 8px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #eeeeee; }

#info .infoImg {
	float: left;
	width: 120px;
	padding-right: 5px; }

#info .infoMsg {
	float: left;
	width: 155px; }

/*2014.06.18 .infoMsg .infoMsgTitle追加*/
.infoMsg h2,.infoMsg .infoMsgTitle {
	padding-bottom: 5px;
	color: #078df8;
	font-size: 75%;
	font-weight: bold;
	line-height: 16px; }

/*2014.06.18 .infoMsg .infoMsgTitle a追加*/
.infoMsg h2 a,.infoMsg .infoMsgTitle a {
	color: #078df8; }

.infoMsg p {
	color: #333333;
	font-size: 75%;
	line-height: 16px; }
/* おすすめ情報 ver2*/
.ad_IaT_frame {
	clear: both;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
	margin: 0px 8px 0px;
	padding: 8px 0px;
	height: 97px;
}
.ad_IaT_frame .ad_img {
	float: left;
}
.ad_IaT_frame .ad_IaT{
	text-align:left;
}
.ad_IaT_frame .ad_txt{
	font-size:12px;
	margin-left: 127px;
}
.ad_IaT_frame .ad_txt p{
	padding-bottom: 5px;
}
.ad_IaT_frame .ad_txt p a{
	color: #078df8;
	font-weight: bold;
	line-height: 16px;
}
.ad_IaT_frame .ad_txt>p.ad_catch{
	padding:0;
}
.ad_IaT_frame .ad_txt>p.ad_catch>a>span{
	color: #333;
	line-height:17px;
	font-weight: normal;
}


/* お知らせ */
#notice {
	padding: 35px 15px 30px;
	background: url(/img/common/bg_notice.jpg) no-repeat #ffffff;
	border: 1px dotted #ffc200; }

#notice ul {
	overflow: hidden; }

#notice ul li {
	padding-left: 13px;
	color: #5c5c5c;
	font-size: 82%;
	line-height: 20px;
	background: url(/img/common/bg_notice-ten.png) no-repeat 0 7px; }

#notice ul li a {
	color: #5c5c5c;
	text-decoration: underline; }


/* プレミアム会員登録 */
#premiumSignup {
	padding: 20px 15px;
	border-top: 4px solid #91bf38;
	border-bottom: 1px solid #91bf38;
	background-color: #ffffff; }

/*2014.06.18 #premiumSignup h2 削除,#premiumSignup a追加*/
/*#premiumSignup h2,*/
#premiumSignup a{
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	display: block; }

html>/**/body #premiumSignup h2 { font-size: 63%\9; }

.psMsg {
	color: #858585;
	font-size: 69%;
	line-height: 15px; }


/* 注目コンテンツ */
#pickup {
	padding: 15px 8px;
	border-top: 4px solid #666666;
	background-color: #ffffff; }

#pickup_ttl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #666666; }

.pickup_item {
	/zoom: 1;
	overflow: hidden;
	clear: both;
	padding-bottom: 20px; }

.pickup_item img {
	float: left;
	width: 100px;
	padding-right: 10px; }

.niMsg {
	float: right;
	width: 174px;
	height: 100px; }

.niMsg h3,.niMsg .niMsgTitle {
	margin-bottom: 10px;
	color: #474747;
	font-size: 75%;
	font-weight: bold;
	line-height: 16px; }

.niMsg h3 a,.niMsg .niMsgTitle a {
	color: #474747; }

.niMsg p {
	color: #858585;
	font-size: 63%;
	line-height: 16px; }

#item_last{
	border-bottom:1px solid #666666 }

/* メニュー・お知らせボタン */
#btn_menu {
	display: none;
	overflow: hidden;
	padding: 10px 0 0; }

#btn_menu .left {
	float: left;
	width: 145px; }

#btn_menu .right {
	float: right;
	width: 145px; }

.b_bnr {
	clear: both;
	padding: 20px 0 0;
	text-align: center; }


/* スマートフォン用　フッターメニュー */
#sp_footerMenu {
	display: none;
	border-top: 3px solid #91bf38;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background-color: #ffffff; }

.sp_fm_ttl {
	text-align: center;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fafcf5;
	cursor: pointer; }

.sp_fm_ttl p {
	display: inline-block; /display: inline; /zoom: 1;
	margin: 0 auto;
	padding: 10px 0 10px 0; }

.sp_fm_icon {
	margin-right: 5px;
	vertical-align: middle; }

#sp_footerMenu ul {
	display: none; }

#sp_footerMenu ul li:hover {
	background-color: #e1ebc4; }

#sp_footerMenu ul li a {
	display: block;
	margin: 0 10px;
	padding: 10px 0;
	color: #000000;
	font-size: 75%;
	border-bottom: 1px solid #f2f2f2; }

#sp_footerMenu ul li a:hover {
	text-decoration: none; }

.non-border { border: none!important; }

/*SD版フッター広告*/
#common_bnr_footer_sp{
	margin: 20px 0 0 0;
	display: none;
}

/* 注目の特集 */
#att_sp {
	margin-top: 20px;
	padding: 18px 8px 0px;
	border-top: 4px solid #a90a15;
	background-color: #ffffff;
	border-bottom: 1px solid #a90a15;
}

#att_sp_title {
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-bottom: 1px solid #a90a15;
	font-size: 120%;
}

.att_sp_item {
	overflow: hidden;
	clear: both;
	padding-bottom: 20px;
}

.att_sp_item img {
	float: left;
	width: 100px;
	padding-right: 10px;
}

.att_sp_msg {
	float: right;
	width: 174px;
}
.att_sp_msg .att_sp_msg_title {
	margin-bottom: 10px;
	color: #474747;
	font-size: 75%;
	font-weight: bold;
	line-height: 16px;
}

#att_sp_title a {
	color: #a90a15;
}
.att_sp_msg p {
	color: #858585;
	font-size: 63%;
	line-height: 16px;
}


/* ---------------------------------------------------------
■フッター
--------------------------------------------------------- */
#footer {
	overflow: hidden;
	width: 840px;
	margin: 0 auto;
	padding: 45px 0 0;
	text-align: left; }

#footer .f_col {
	float: left;
	width: 210px; }

.f_col div {
	padding: 0 0 15px; }

.f_col li {
	padding-left: 15px;
	color: #5c5c5c;
	font-size: 63%;
	line-height: 17px;
	background: url(../../../img/common/bg_arrow-right.jpg) no-repeat 0 5px; }

.f_col li a {
	color: #5c5c5c; }

#copy {
	clear: both;
	padding: 75px 0 90px;
	color: #91bf38;
	font-size: 69%;
	line-height: 19px;
	text-align: center; }

html>/**/body #copy { font-size: 63%\9; }




/* ---------------------------------------------------------
■共通ポップアップ
--------------------------------------------------------- */
#popup_commonWrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 110;
	background: url(/img/common/bg_pop.png) repeat; }

.popupBox {
	display: none;
	position: relative;
	top: 250px;
	width: 402px;
	margin: 0 auto;
	padding: 20px 15px;
	border: 4px solid #91BF38;
	background-color: #ffffff; }

.btn_popupClose {
	position: absolute;
	top: -13px;
	right: -13px;
	cursor: pointer; }

.popupMsg {
	color: #91BF38;
	text-align: center;
	font-size: 112%;
	font-weight: bold; }


#spAllmenu {
	display:none;
}


/* ---------------------------------------------------------
■スクリーン　中サイズ,小サイズ
--------------------------------------------------------- */
@media screen and (max-width: 768px)
{

/* 全体 */
#wrapper_in {
	width: 728px;
	margin: 0 auto;
	padding: 25px 20px 30px; }


/* ヘッダー */
#header_top h1 {
	overflow: hidden;
	float: none;
	padding-top: 0; }

#bnr_header {
	overflow: hidden;
	float: none;
	margin-top: 0;
	padding-top: 20px; }

#gnav { width: 728px; }

#gnav1 { width: 526px; }
#gnav1 #gnav1-1 { width: 65px; }
#gnav1 #gnav1-2 { width: 85px; background-position: 10px center; }
#gnav1 #gnav1-3 { width: 95px; background-position: 5px center; }
#gnav1 #gnav1-4 { width: 95px; background-position: 5px center; }
#gnav1 #gnav1-5 { width: 141px; background-position: 5px center; }
#gnav1 #gnav1-6 { width: 85px; background-position: 5px center; }

#gnav1 #gnav1-3 div,
#gnav1 #gnav1-3 p { padding-left: 0px; }
#gnav1 #gnav1-4 div,
#gnav1 #gnav1-4 p { padding-left: 0px; }

#gnav1 div {
	font-size: 75%;
	font-weight: bold;
	line-height: 16px; }

#gnav1 p {
	font-size: 63%;
	font-weight: bold;
	line-height: 16px; }


#gnav1 #gnav1-4 ul {
	display: none;
	position: absolute;
	top: 48px;
	left: -70px;
	width: 140px;
	padding: 5px 10px 10px;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background-color: #ffffff;
	z-index: 10; }

#gnav2 {
	width: 200px; }

#gnav2 li#gnav2-1 { width: 100px; }
#gnav2 li#gnav2-2 { width: 100px; }

#gnav2-1 ul, #gnav2-3 .gnavInner {
	left: -80px; }

#gnav2 li#gnav2-3 { width: 115px; }
#gnav2 li#gnav2-4 { width: 85px; }

#gnav2-3 a#reg {
	background-position:10px center;
	background-size:48px auto;

}

#gnav2 li#gnav2-5 { width: 100px; }
#gnav2 li#gnav2-6 { width: 155px; }
#gnav2 li#gnav2-7 { width: 100px; }

#gnav2 li#gnav2-5 a { background-position: 10px center; }
#gnav2 li#gnav2-6 a { background-position: 10px center; }
#gnav2 li#gnav2-7 a { background-position: 5px center; }


/* 左カラム */
#c_left {
	width: 418px; }


/* フッター */
#footer {
	width: 728px; }

#footer .f_col {
	width: 182px; }

#sp_menu_wrapper {
	display:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#gnav1 li.right ul {
	right:-1px;
	left:auto;
}

/* ------------------------
	media screen 中 | END
/* ------------------------*/


/* 全体 */
html {
	height: 100%;
	zoom: 1; }

#wrapper_in {
	position: relative;
	overflow: visible;
	width: 300px;
	padding: 12px 0px;
}

#maincontents {
	width: 300px;
	margin:0 auto;
}

#contents #c_left {
	width: 300px; }


/* ヘッダー */
#gnav {
	display: none;
	width: 300px; }

#bnr_header {
	display: none;
	text-align: right;
	zoom: 1; }

#header_top img {
	float: none; }

#header_top img {
	display: none; }

#bnr_header img {
	float: right; }

#header_top h1 {
	float: left;
	width: 186px; }

#header_top h1 img {
	display: block;
	width: 186px; }

#header_site_top{
	padding-top:10px;
	position:fixed;
	top:0;
	z-index:9999;
	overflow:hidden;
	width:301px;
	background-color: #f7f5ee;
}


.header_space{
	height:45px;
}

/*↓ヘッダ改修*/
#header_site_top_left{
	float:left;
	display:inline;
	padding-top:0px
}
#header_site_top_text{
	display: none;
}
#header_site_top_logo_box a{
	width:186px;
	height:34px;
	background: url(../../../img/common/logo_sp.png) no-repeat 0px 0px;
	background-size: contain;
}
/*↑ヘッダ改修*/



#sp_menu {
	display: inline-block;
	float: left;
	width: 113px; _width: 110px;
	text-align: right; }

#sp_menu img {
	display: inline-block; }

#sp_menu a {
	display: inline-block; }


#btn_sm_login {
	padding: 0 7px 0 0; }

#btn_sm_menu {
	cursor: pointer; }

#sp_menu_wrapper {
	display: block;
	width: 262px;
	margin-left: 38px;
	text-align: left;
	background-color: #ffffff;
	z-index: 0; }

#spnemu1 { background: url(../../../img/common/bg_sp-menu_lettucenet.jpg) no-repeat; }
#spnemu2 { background: url(../../../img/common/bg_sp-menu_recipe.jpg) no-repeat; }
#spnemu3 { background: url(../../../img/common/bg_sp-menu_lettuceclub.jpg) no-repeat; }
#spnemu4 { background: url(../../../img/common/bg_sp-menu_life.jpg) no-repeat; }
#spnemu5 { background: url(../../../img/common/bg_sp-menu_logout.jpg) no-repeat; }
#spnemu6 { background: url(../../../img/common/bg_sp-menu_news.png) no-repeat; }
#spnemu7 { background: url(../../../img/common/bg_sp-menu_toko.jpg) no-repeat; }

#sp_menu_wrapper ul {
	padding: 20px 10px 0 15px; }

#sp_menu_wrapper ul li {
	border-bottom: 1px solid #e6e6e6; }

#sp_menu_wrapper ul li.nonborder { border: none; }

#sp_menu_wrapper ul li a {
	display: block;
	padding: 15px 0 15px 40px;
	color: #333333;
	font-size: 82%;
	font-weight: bold;
	line-height: 23px; }

#spnemu1 .splist1 a { background: url(/img/common/bg_sp-net-newregist.jpg) no-repeat 0 center; }
#spnemu1 .splist2 a { background: url(/img/common/bg_sp-net-mypage.jpg) no-repeat 0 center; }
#spnemu1 .splist3 a { background: url(/img/common/bg_sp-net-buylist.jpg) no-repeat 0 center; }

#spnemu2 .splist1 a { background: url(/img/common/bg_sp-recipe-top.jpg) no-repeat 0 center; }
#spnemu2 .splist2 a { background: url(/img/common/bg_sp-recipe-foodsearch.jpg) no-repeat 0 center; }
#spnemu2 .splist3 a { background: url(/img/common/bg_sp-recipe-foodsearchguid.jpg) no-repeat 0 center; }
#spnemu2 .splist4 a { background: url(/img/common/bg_sp-recipe-recipesearch.jpg) no-repeat 0 center; }
#spnemu2 .splist5 a { background: url(/img/common/bg_sp-recipe-newrecipe.jpg) no-repeat 0 center; }
#spnemu2 .splist6 a { background: url(/img/common/bg_sp-recipe-recorecipe.jpg) no-repeat 0 center; }
#spnemu2 .splist7 a { background: url(/img/common/bg_sp-recipe-schedule.jpg) no-repeat 0 center; }
#spnemu2 .splist8 a { background: url(/img/common/bg_sp-recipe-dictionary.jpg) no-repeat 0 center; }

#spnemu3 .splist1 a { background: url(/img/common/bg_sp-club-top.jpg) no-repeat 0 center; }
#spnemu3 .splist2 a { background: url(/img/common/bg_sp-club-list.jpg) no-repeat 0 center; }
#spnemu3 .splist3 a { background: url(/img/common/bg_sp-club-news.jpg) no-repeat 0 center; }
#spnemu3 .splist4 a { background: url(/img/common/bg_sp-club-present.jpg) no-repeat 0 center; }
#spnemu3 .splist5 a { background: url(/img/common/bg_sp-club-quest.jpg) no-repeat 0 center; }
#spnemu3 .splist6 a { background: url(/img/common/bg_sp-club-yasuko.jpg) no-repeat 0 center; }

#spnemu4 .splist1 a { background: url(/img/common/bg_sp-life-top.jpg) no-repeat 0 center; }
#spnemu4 .splist2 a { background: url(/img/common/bg_sp-life-recruit.jpg) no-repeat 0 center; }
#spnemu4 .splist3 a { background: url(/img/common/bg_sp-life-result.jpg) no-repeat 0 center; }
#spnemu4 .splist4 a { background: url(/img/common/bg_sp-campus-report.jpg) no-repeat 0 center; }

#spnemu5 .splist1 a { background: url(/img/common/bg_sp-logout.jpg) no-repeat 0 center; }

#spnemu6 .splist1 a { background: url(/img/common/bg_sp-news-top.jpg) no-repeat 0 center; }
#spnemu6 .splist2 a { background: url(/img/common/bg_sp-seikatsu-recipe.jpg) no-repeat 0 center; }
#spnemu6 .splist3 a { background: url(/img/common/bg_sp-seikatsu-schedule.jpg) no-repeat 0 center; }
#spnemu6 .splist4 a { background: url(/img/common/bg_sp-seikatsu-kaji.jpg) no-repeat 0 center; }
#spnemu6 .splist5 a { background: url(/img/common/bg_sp-news-news.jpg) no-repeat 0 center; }
#spnemu6 .splist6 a { background: url(/img/common/bg_sp-news-health.jpg) no-repeat 0 center; }
#spnemu6 .splist7 a { background: url(/img/common/bg_sp-news-beauty.jpg) no-repeat 0 center; }

#spnemu7 .splist1 a { background: url(/img/common/bg_sp-toko-top.jpg) no-repeat 0 center; }
#spnemu7 .splist2 a { background: url(/img/common/bg_sp-toko-today.jpg) no-repeat 0 center; }
#spnemu7 .splist3 a { background: url(/img/common/bg_sp-toko-cara.jpg) no-repeat 0 center; }
#spnemu7 .splist4 a { background: url(/img/common/bg_sp-toko-month.jpg) no-repeat 0 center; }
#spnemu7 .splist5 a { background: url(/img/common/bg_sp-toko-week.jpg) no-repeat 0 center; }

#gnav1 { width: 300px; }
#gnav1 #gnav1-1 { width: 143px; margin: 10px 10px 0 0; }
#gnav1 #gnav1-2 { width: 143px; margin: 10px 0 0 0; }
#gnav1 #gnav1-3 { width: 143px; margin: 10px 10px 0 0; }
#gnav1 #gnav1-4 { width: 143px; margin: 10px 0 0 0; }

#gnav1 #gnav1-2 { background-position: 20px center; }
#gnav1 #gnav1-3 { background-position: 20px center; }
#gnav1 #gnav1-4 { background-position: 20px center; }


#gnav2 {
	width: 298px;
	margin-top: 10px; }

#gnav2 li#gnav2-1 { width: 148px; }
#gnav2 li#gnav2-2 { width: 148px; }

#gnav2 li#gnav2-3 { width: 148px; }
#gnav2 li#gnav2-4 { width: 148px; }

#gnav2-3 a#reg { background-position: 24px center; }


#gnav2 li#gnav2-5 { width: 100px; }
#gnav2 li#gnav2-6 { width: 99px; }
#gnav2 li#gnav2-7 { width: 99px; }

#gnav2 li#gnav2-5 a { background-position: 15px center; }
#gnav2 li#gnav2-6 a { background-position: 6px center; }
#gnav2 li#gnav2-7 a { background-position: 4px center; }


#gnav1 li ul { opacity: 0; filter: alpha(opacity=0); }
#gnav {
	height: auto;
	overflow: hidden;
}


#common_bnr_header_sp{
	display: block;
	margin-top: 10px;
	/*margin-left: -10px;*/
	margin-left: 0px;
}


/* 左カラム */
#c_left {
	float: none;
	width: 300px; }

/* 右カラム */
#c_right {
	float: none; }

.smallHidden {
	display: none; }

#btn_menu {
	display: block; }

.b_bnr { display: none; }

.m_top {
	margin-top: 10px; }

/* スマートフォン用　フッターメニュー */
#sp_footerMenu {
	display: block; }





/* フッター */
#footer {
	width: 300px; }

.f_col {
	display: none; }

#copy {
	padding: 0 0 90px; }

.copyblock {
	display: block; }



/* 共通ポップアップ */
.popupBox {
	top: 250px;
	width: 255px;
	margin: 0 auto;
	padding: 10px; }

.popupMsg {
	color: #91BF38;
	text-align: center;
	font-size: 112%;
	font-weight: bold; }


#sp_menu_wrapper {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#spAllmenu {
	display:block;
	margin:10px 0 0 0;
}

#spAllmenu_in {
	background:url(../../../img/menu/bg_sp_allmenu_off_left.png) top left no-repeat;
	background-size:auto 45px;
	padding-left:8px;
}

#spAllmenu_in_in {
	background:url(../../../img/menu/bg_sp_allmenu_off_right.png) top right no-repeat;
	background-size:auto 45px;
	padding-right:8px;
}

#spAllmenu_in_in_in {
	background:url(../../../img/menu/bg_sp_allmenu_off_centerR.png) top left repeat-x;
	background-size:auto 45px;
	height:45px;
}

#spAllmenu_in_in_in ul {
	clear:both;
	overflow:hidden;
}

#spAllmenu_in_in_in ul li {
	width:25%;
	float:left;
	background:url(../../../img/menu/bg_sp_allmenu_border.png) top right no-repeat;
	background-size:auto 45px;
	height:45px;
}

#spAllmenu_in_in_in ul li.last {
	background:none;
}

#spAllmenu_in_in_in ul li a {
	display:block;
	padding:14px 0px 10px 0;
	text-align: center;
	vertical-align: middle;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 82%;
}

#spAllmenu_in_in_in ul li a img {
	height:26px;
}

/*SD版フッター広告*/
#common_bnr_footer_sp{
	display: block;
}



/* ------------------------
	media screen 小 | END
/* ------------------------*/
}