@charset "utf-8";


/*-----------------------------------------------------
clear
-------------------------------------------------------*/
#rcpTop .feature div.pickup,
.recipe_main,ul.prnt_ml,ul.sns{
	zoom:1;
}
#rcpTop .feature div.pickup:after,
.recipe_main:after,ul.prnt_ml:after,ul.sns:after{
	content:"";
	display:table;
	clear:both;
}

/*-----------------------------------------------------
レシピ
見出し
-------------------------------------------------------*/
h1.smilelogo{
	display:none;
}
h2.smilelogo{
	background:url(/img/recipe/common.png) no-repeat 0 0;
	width:252px;
	height:52px;
	text-indent:-9999px;
}
#ct_recipe #main h1,
#ct_recipe #main h2,
#main h2 span,
#ct_recipe #main h3,
#ct_recipe #main h4{
	font-family: メイリオ , Meiryo ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
}

#side h3.week-rcm,#side h3.slct-prdct span,#main h2 span,#main h3 span,#main .cd_solt h2 span.solt{
	background:url(/img/recipe/common.png) no-repeat;
	text-indent:-9999px;
}
#Container h2 span,#Container h3 span{
	display:block;
}

#main h3.txt{
	background:none;
	text-indent:0;
}

/* 商品でさがす */
#side h3.slct-prdct span{
	background-position:0 -59px;
	width:162px;
	height:28px;
}
/* 今週のおすすめレシピ */
#side h3.week-rcm{
	background-position:-320px 0;
	width:202px;
	height:41px;
}
/* 今週のおすすめレシピ */
#rcpTop .feature{
	position:relative;
}
#rcpTop .feature .inner{
	padding:5px 20px 30px;
}
#rcpTop div.pickup{
	margin:0 -6px;
	background:url(/img/recipe/index/bg-pickup.gif) no-repeat 0 0;
	width:722px;
	height:342px;
}
#rcpTop div.pickup a{
	padding:35px;
	display:block;
}
#rcpTop h2.pickup{
	margin:0;
	padding:20px 20px 14px;
}
#rcpTop h2.pickup span{
	background-position:0 -90px;
	width:650px;
	height:68px;
}

#rcpTop .feature .corner{
	position:absolute;
	bottom:-13px;
	right:-14px;
	z-index:10;
}

#rcpTop .prdct_srch span.title{
	text-align:center;
}

/* 商品でさがす */
#rcpTop #main .prdct_srch{
	border:none;
}
#rcpTop #main .prdct_srch .inner{
	margin:0;
	padding:20px 0 0 25px;
	border-width:0 2px 2px;
	border-style: solid;
	border-color:#45b03d;
}

#rcpTop #main .prdct_srch h2 {
	margin:0;
	padding:5px 20px;
	background:url(/img/recipe/bg-green.gif) #3a9438 repeat 0 0!important;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#main h2 span.src-prdct{
	background-position:0 -170px;
	width:340px;
	height:36px;
}
#rcpTop #main .prdct_srch ul{
	margin:0;
	/* background:url(/img/recipe/category/bdr-ctgr.gif) no-repeat 0 100%; */
}
#rcpTop #main .prdct_srch ul.last{
	margin:0;
	background:none;
}
#rcpTop #main .prdct_srch li{
	margin-bottom:15px;
}

/* ジャンルでさがす */
#rcpTop .genre{
	border:none;
}
#rcpTop .genre .inner{
	margin:0;
	padding:20px 0 30px 60px;
	border-width:0 2px 2px;
	border-style: solid;
	border-color:#e51815;
}

#main .genre h2{
	margin:0;
	padding:5px 20px;
	background:url(/img/recipe/bg-red.gif) #1d77b6 repeat 0 0!important;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#main h2 span.genre{
	background-position:0 -208px;
	width:368px;
	height:35px;
}
/* テーマ・シーンで選ぶ */
#rcpTop #main h3{
	padding-bottom:8px;
	background:url(/img/recipe/index/bgr-scene.gif) no-repeat 0 100%;
}
#main h3.scene span{
	background-position:-404px -173px;
	width:181px;
	height:27px;
}
/* 調理法で選ぶ */
#rcpTop #main h3.cooking{
	background-image:url(/img/recipe/index/bdr-cooking.gif);
}
#main h3.cooking span{
	background-position:-404px -200px;
	width:181px;
	height:27px;
}
/* 食材で選ぶ */
#rcpTop #main h3.food{
	background-image:url(/img/recipe/index/bdr-food.gif);
}
#main h3.food span{
	background-position:-404px -230px;
	width:181px;
	height:27px;
}
/* 調理時間で選ぶ */
#rcpTop #main h3.time{
	background-image:url(/img/recipe/index/bdr-time.gif);
}
#main h3.time span{
	background-position:-404px -262px;
	width:181px;
	height:26px;
}
/* 材料（4人分） */
#main h2.material span{
	background-position:-373px -343px;
	width:273px;
	height:37px;
}
/* 作り方 */
#main h2.howto span{
	background-position:-304px -302px;
	width:342px;
	height:37px;
}
/* ワンポイント */
#main h2.point{
	background:url(/img/recipe/bg-orange01.gif) #dd5516 repeat 0 0;
}
#main h2.point span{
	background-position:0 -256px;
	width:120px;
	height:20px;
}
/* 備考 */
#main h2.remarks{
	background:url(/img/recipe/bg-red.gif) #dd5516 repeat 0 0;
}
#main h2.remarks span{
	background-position:-320px -400px;
	width:70px;
	height:20px;
}

/* 塩分を控えたい方 */
#main h2.solt{
	background:url(/img/recipe/bg-blue.gif) #1d77b6 repeat 0 0;
}
#main h2.solt span{
	background-position:-146px -256px;
	width:170px;
	height:19px;
	display:block;
	overflow:hidden;
}
/* このレシピに使用した商品 */
#main h2.prdct{
	background:url(/img/recipe/bg-green.gif) #3a9438 repeat 0 0;
}
#main h2.prdct span{
	background-position:0 -295px;
	width:242px;
	height:17px;
}
/* 関連レシピ */
#main h2.relevance{
	background:url(/img/recipe/bg-orange.gif) #E78F1F repeat 0 0;
}
#main h2.relevance span{
	background-position:0 -330px;
	width:122px;
	height:17px;
}
 
/*-----------------------------------------------------
index
-------------------------------------------------------*/
#rcpTop .feature{
	background:url(/img/recipe/index/bg-feature.gif) repeat #FFF6E9 0 0!important;
	border:none;
}

#rcpTop .genre .inner h2{
	margin:0;
}
/* .pickup */
#rcpTop .pickup .themI{
	margin-bottom:20px;
	float:left;
}
#rcpTop .pickup .themI img{
	margin-right:25px;
	width:330px;
	height:auto;
}
#rcpTop .feature div.pickup a .title{
	color:#db5310;
}
#rcpTop .feature div.pickup .description{
	margin-bottom:10px;
}
#rcpTop .feature div.pickup .notice,
#rcp .DetailText .notice{
	font-size:12px;
}
#rcpTop .feature .inner{
	padding:0;
}
#rcpTop .feature ul.col3{
	position:relative;
	margin:0 -20px 0 20px;
	padding:5px 0 30px;
	z-index:100;
}
#rcpTop .feature ul.col3 li{
	margin-top:0;
	margin-right:20px;
}
#rcpTop .feature ul.col3,
#rcpTop .feature ul.col3 li{
	margin-bottom:0;
}

/* .genre */
.genre .inner{
	margin-right:-30px;
	padding:0 50px 20px;
}
.genre h3{
	margin:0 0 15px;
	background:url(../img/bdr-dtdW-r.gif) repeat-x 0 100%;
}
.genre .col{
	margin:25px 30px 0 0;
	width:280px;
}
.genre ul li{
	margin:0 0 10px;
	width:50%;
	float:left;
	font-size:12px;
	line-height:1;
}

.genre ul li input{
	margin:0 10px 0 0;
	vertical-align:middle;
}

.src_btn{
	clear:both;
	text-align:center;
}
.src_btn input{
	margin:0 5px;
	border:none;
	height:28px;
	text-indent:-9999px;
	display:inline-block;
}

#side input.searchB,
.src_btn input.btn_serch{
	background:url(/img/recipe/common.png) no-repeat -539px -1px;
	width:52px;
}
#side input.searchB:hover,
.src_btn input.btn_serch:hover{
	background-position:-595px -1px;
}

.src_btn input.btn_clear{
	background:url(/img/recipe/common.png) no-repeat -539px -31px;
	width:52px;
}
.src_btn input.btn_clear:hover{
	background-position:-595px -31px;
}

/* .cnt-btm */
.cnt-btm{
	margin:45px 0 45px;
}
/*-----------------------------------------------------
category
-------------------------------------------------------*/
/* #rcp_caterogy */
#rcp_caterogy .keyvisual{
	margin:0 0 30px;
}

/*  ul.col3 */
#rcp_caterogy .prdct_srch ul.col3{
	background:url(/img/recipe/category/bdr-ctgr.gif) no-repeat 0 100%;
}
#rcp_caterogy .prdct_srch ul.col3.last{
	background-image:none;
}
#rcp_caterogy .prdct_srch ul.col3 a{
	display:block;
}
#rcp_caterogy .prdct_srch ul.col3 > li{
	*padding:0 0 10px;
}


/* 時間、塩分、エネルギーアイコン */
.resulticon{
	zoom:1;
	overflow:hidden;
}
.resulticon:after{
	content:"";
	display:table;
	clear:both;
}

#ct_recipe .resulticon li{
	padding:0 5px 0 0;
	float:left;
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:26px;
	white-space:nowrap;
	overflow: visible;
	zoom:1;
}
#rcpTop .resulticon li,
#rcp .resulticon li{
	padding-bottom:5px;
}

#ct_recipe .resulticon li:after{
	content:"";
	display:table;
	clear:both;
}

#ct_recipe .resulticon li.time{
	margin-right:0;
}

#ct_recipe #rcp_caterogy .resulticon  li{
	display: inline-block; *display: inline; *zoom: 1;
	font-weight:normal;
	width:auto;
	font-size:11px;
	line-height:26px;
}
#ct_recipe #rcp_caterogy .themS .col3 .resulticon li{ margin:0 5px 0 0;}

.resulticon span{
	margin:0 5px 0 0;
	background:url(/img/recipe/resulticon.gif) no-repeat;
	display:block;
	float:left;
	width:26px;
	height:26px;
	text-indent:-9999px;
	vertical-align:middle;
}
.resulticon .kcal{ color:#f19319;}
.resulticon .solt{ color:#2d88c1;}
.resulticon .carbon{ color:#45b03e;}
.resulticon .time{ color:#d71e1a;}

.resulticon .time span{background-position:-63px 50%;}
.resulticon .kcal span{background-position:-89px 50%;}
.resulticon .solt span{background-position:-115px 50%;}
.resulticon .carbon span{background-position:-141px 50%;}

#ct_recipe #rcp_caterogy .resulticon span{
	margin:0 2px;
	width:21px;
	height:22px;
}

/*
#rcp_caterogy .resulticon li.kcal{min-width:30%!important;}
#rcp_caterogy .resulticon li.solt,
#rcp_caterogy .resulticon li.time{min-width:23%!important;}
*/
#ct_recipe #rcp_caterogy .resulticon .time span{background-position:0 50%;}
#ct_recipe #rcp_caterogy .resulticon .kcal span{background-position:-21px 50%;}
#ct_recipe #rcp_caterogy .resulticon .solt span{background-position:-42px 50%;}
#ct_recipe #rcp_caterogy .resulticon .carbon span{background-position:-167px 50%;}

/* */
#ct_recipe .pagenation li strong,
#ct_recipe .pagenation li a{
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
}
#ct_recipe .pagenation li strong {
	background: #C6C6C6;
}
#ct_recipe .pagenation li a {
	background:#ed6d00;
}
#ct_recipe .pagenation li a:hover {
	background:#FFEABA!important;
	color:#ed6d00!important;
}
#ct_recipe .pagenation .first a,
#ct_recipe .pagenation .prev a,
#ct_recipe .pagenation .next a,
#ct_recipe .pagenation .last a{
	background:none!important;
	color:#ed6d00!important;
}
/*-----------------------------------------------------
recipe
-------------------------------------------------------*/
#rcp .recipe_container{
	margin:0 0 30px;
	background-color: rgba(255, 255, 255, 0.3);
	background-color : #FEFDFC\9; /* IE8 and below */
	*background-color : #FEFDFC; /* IE7 and below */
	_background-color : #FEFDFC; /* IE6 */
	
	border-width :0 1px 1px\9; /* IE8 and below */
	border-style :solid\9; /* IE8 and below */
	border-color :#EDE9E3\9; /* IE8 and below */

	*border-width :0 1px 1px; /* IE7 and below */
	*border-style :solid; /* IE7 and below */
	*border-color :#EDE9E3\9; /* IE7 and below */

	_border-width :0 1px 1px; /* IE6 */
	_border-style :solid; /* IE6 */
	_border-color :#EDE9E3\9; /* IE6 */
	
	-webkit-box-shadow: 0px 0px 9px rgba(112,112,112,0.15);
	-moz-box-shadow: 0px 0px 9px rgba(112,112,112,0.15);
	-ms-box-shadow: 0px 0px 9px rgba(112,112,112,0.15);
	box-shadow: 0px 0px 9px rgba(112,112,112,0.15);
}
#rcp h1{
	margin:0 0 17px;
	padding:20px;
	background:url(/img/recipe/recipe/bg-h1.jpg) no-repeat 0 0;
	position:relative;
}
#rcp h1:after{
	content:url(/img/recipe/recipe/bg-h1-btm.png);
	position:absolute;
	left:0;
	bottom:1px;
}
/* recipe_main
-------------------------------------------------------*/
.recipe_main{
	margin:0 auto;
	background:url(/img/recipe/recipe/bg-rcpmain.png) no-repeat 0 0;
	width:690px;
	height:296px;
	position:relative;
}

#rcp .Dphoto{
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
}

#rcp .DetailText{
	padding-top:15px;
}
#rcp .DetailText p{
	margin:0 0 10px;
	line-height:1.45;
}

/* .recipe_tools */
.recipe_tools{
	max-width: 319px;
	position:absolute;
	bottom:10px;
	right:10px;
}

/* ul.prnt_ml */
ul.prnt_ml{
	margin:0 0 10px;
	clear:both;
	float:right;
}
ul.prnt_ml li{
	margin-left:5px;
	float:left;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #f19116; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxOTExNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMDZlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f19116 0%, #f06e00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f19116), color-stop(100%,#f06e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f19116 0%,#f06e00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f19116 0%,#f06e00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f19116 0%,#f06e00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f19116 0%,#f06e00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19116', endColorstr='#f06e00',GradientType=0 ); /* IE6-8 */
}
:root ul.prnt_ml li{filter: none\0/;}/* IE9 */

ul.prnt_ml li a{
	display:block;
	color:#fff;
	font-size:10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.prnt_ml li.prnt a{
	padding:4px 10px 4px 25px;
	background:url(/img/recipe/recipe/icon-printer.png) no-repeat 5px 50%;
	background-size:15px auto;
}
ul.prnt_ml li.ml a{
	padding:4px 10px 4px 25px;
	background:url(/img/recipe/recipe/icon-mail.png) no-repeat 5px 50%;
	background-size:15px auto;
}
/* ul.sns */
ul.sns{
	float:right;
}
ul.sns li{
	float:left;
}
ul.sns li{
	overflow:hidden;
}
ul.sns li.fb{width: 100px; height: 28px; position: relative;}
ul.sns li.fb [layout="button_count"]{ position: absolute; top: 0; left: 50%; margin-left:-65px}

/* Detail
-------------------------------------------------------*/
#rcp .Detail{
	margin:0;
	padding:20px;
}
#rcp .themS h2{
	margin:3px 3px 15px;
	padding:7px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#rcp .Dphoto img{
	width:345px;
}

/*材料*/
.Detail_Material{
	width:273px;
	float:left;
}
.Detail_Material .inner{
	margin:0;
}
.Detail_Material h2{
	margin:0 0 14px;
}

#main .Detail_Material p{margin:0;}

.Detail_Material li{
	padding:5px 0;
	line-height:1.2;
}
ul.odev li.even{
	background-color: rgba(249, 211, 183, 0.35);
}
.Detail_Material .name{
	float:left;
	clear:both;
	width:155px;
}
.Detail_Material .weigh{
}

/* 作り方 */
.Detail_Howto{
	margin-bottom:-25px;
	width:342px;
	float:right;
}
.Detail_Howto .inner{
	margin:0;
	padding:0;
}
.Detail_Howto h2{
	margin:0 0 14px;
}
.Detail_Howto li{
	margin-bottom:25px;
	position:relative;
	padding-left:1.5em;
}
.Detail_Howto .num{
	padding:1px;
	position:absolute;
	top:2px;
	left:0;
	background:#db5310;
	display:inline-block;
	-webkit-border-radius: 0.75em;
	border-radius: 0.75em;
	color:#fff;
	width:1.5em;
	height:1.5em;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}

/* ワンポイント */
.Detail_point{
	clear:both;
}
.Detail_point h2{
	margin:15px;
}
#main .Detail_point p,
#main .Detail_remarks p{
	margin:0 15px 20px;
}
	/* 減塩 */
#main .cd_solt dl{
	padding:0 15px 15px;
}
.cd_solt dd {
	padding-left:11.5em;
	position:relative;
}
.cd_solt dd span.label{
	position:absolute;
	top:0;
	left:0;
}
.clr_r{
	color:#B71B21;
}

#rcp .prdct_srch .col4 li{
	margin-bottom:10px;
}


/* 20130930add レシピ材料・人数　作り方 */
#ct_recipe #main h2.material span, #ct_recipe #main h2.howto span {
	text-indent:0; font-size:17px; padding:10px 0 0 20px; line-height:1em; height:30px;
}