@charset "utf-8";


/* レシピ特集一覧ページ設定 */
#stage #content.cts-featurelist {
	padding-bottom:0;
}
#content.cts-featurelist .maincontents .pagetit {
	background:url(/recipe/feature/img/tit_main_feature.png) no-repeat 0 0;
	width:749px;
	height:149px;
	text-indent:-9999em;
}
#content.cts-featurelist .maincontents .cts-listdata {
	margin-bottom:0;
	background:url(/recipe/feature/img/bg_feature_main.png) repeat 0 0;
	border-top:5px solid #fad4b7;
	padding:25px 0 15px 30px;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem {
	float:left;
	width:220px;
	margin-right:15px;
	padding-bottom:20px;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem a {
	position:relative;
	display:block;
	background:#fff url(/recipe/common/img/bg_link_frm_rb1.png) no-repeat 99.2% 99.0%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-box-shadow: 0px 2px 1px 1px rgba(161,161,161,0.15);
	-moz-box-shadow: 0px 2px 1px 1px rgba(161,161,161,0.15);
	box-shadow: 0px 2px 1px 1px rgba(161,161,161,0.15);
	padding:4px 0;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.newitem a:after {
	content: '';
	position:absolute;
	top:0;
	left:0;
	width:64px;
	height:38px;
	background:url(/recipe/common/img/icn_new_recipelist.png) no-repeat 0 0;
	z-index:1;
}

#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.newitem.col2 a:after {
	content: '';
	position:absolute;
	top:0;
	left:0;
	width:95px;
	height:56px;
	background:url(/recipe/common/img/icn_new_recipelist_big.png) no-repeat 0 0;
	z-index:1;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem a:before {
	content:'';
	position:absolute;
	bottom:3px;
	right:3px;
	width:10px;
	height:10px;
	background: url(/recipe/common/img/bg_link_frm_rb1.png) no-repeat 0 0;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem a:hover:before {
	background: url(/recipe/common/img/bg_link_frm_rb1_hover.png) no-repeat 0 0;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem a:hover {
	margin:-4px 4px 4px -4px;
	margin:-2px 2px 2px -2px;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem a .vis {
	text-align:center;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem .data {
	position:relative;
	padding:8px 8px 4px;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem .data .txt {
	min-height:40px;
	font-weight:bold;
}

#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 {
	float:left;
	width:335px;
	margin-right:19px;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 a {
	background:#fff;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 .data .update {
	display:table-cell;
	background:#fba593;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	width:48px;
	height:48px;
	color:#fff;
	font-size:100%;	/* 12px / 12px */
	line-height:1.2;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 a:before {
	content:'';
	position:absolute;
	bottom:3px;
	right:3px;
	width:15px;
	height:15px;
	background: url(/recipe/common/img/bg_link_frm_rb2.png) no-repeat 0 0;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 a:hover:before {
	background: url(/recipe/common/img/bg_link_frm_rb2_hover.png) no-repeat 0 0;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 .data .update > span {
	display:block;
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 .data .txt {
	height:48px;
	vertical-align:middle;
	font-size:116.7%;	/* 14px / 12px */
}
#content.cts-featurelist .maincontents .cts-listdata > .list01 .listitem.col2 .data .txt span {
	display:block;
	padding-left:12px;
}

/* レシピ特集詳細ページ設定 */
#stage #content.cts-featuredetail {
	padding-bottom:0;
}
#content.cts-featuredetail .maincontents {
	margin-bottom:0;
	background:url(/recipe/feature/img/bg_feature_main.png) repeat 0 0;
	border-top:1px solid #ccc;
	padding:15px 0 0;
}
#content.cts-featuredetail .pagetit {
	background:url(/recipe/feature/img/bg_pagetitle_feature.png) repeat 0 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	margin:0 15px 1px 14px;
	padding:0 20px 0 30px;
}
#content.cts-featuredetail .maincontents .pagetit span {
	display:table-cell;
	height:80px;
	vertical-align:middle;
	color:#fff;
	font-weight:bold;
	font-size:166.7%;		/* 20px / 12px */
}

#content.cts-featuredetail .cts-mainlead {
	padding-left:14px;
}
#content.cts-featuredetail .cts-mainlead .vislist01 .listitem {
	float:left;
	height:210px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#content.cts-featuredetail .cts-mainlead .vislist01.col1 .listitem {
	float:none;
	width:720px;
}
#content.cts-featuredetail .cts-mainlead .vislist01.col2 .listitem {
	width:360px;
}
#content.cts-featuredetail .cts-mainlead .vislist01.col3 .listitem {
	width:240px;
}
#content.cts-featuredetail .cts-mainlead .txt {
	padding:15px 10px;
}
#content.cts-featuredetail .cts-listdata {
	padding:18px 15px 20px 14px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem {
	margin-bottom:20px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem a {
	position:relative;
	display:block;
	background:#fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-box-shadow: 0px 3px 1px 1px rgba(161,161,161,0.15);
	-moz-box-shadow: 0px 3px 1px 1px rgba(161,161,161,0.15);
	box-shadow: 0px 3px 1px 1px rgba(161,161,161,0.15);
	padding:25px 15px 20px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem a:before {
	content:'';
	position:absolute;
	bottom:3px;
	right:3px;
	width:20px;
	height:20px;
	background: url(/recipe/common/img/bg_link_frm_rb3.png) no-repeat 0 0;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem a:hover:before {
	background: url(/recipe/common/img/bg_link_frm_rb3_hover.png) no-repeat 0 0;
}

#content.cts-featuredetail .cts-listdata > .list01 > .listitem a:hover {
	color:#535353 !important;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .tit {
	margin-bottom:20px;
	padding-bottom:12px;
	border-bottom:2px solid #c31c29;
	font-size:183.3%;	/* 22px / 12px */
	line-height:1.2;
	font-weight:bold;	
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem a:hover .tit {
	color:#ff7272;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .vis {
	float:left;
	width:340px;
	margin-right:30px;
	padding-bottom:10px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .vis > span {
	display:block;
	width:340px;
	height:232px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .data {
	position: relative;
	float:left;
	width:320px;
	min-height: 232px;
	padding-bottom:0;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .lead {
	padding-bottom:182px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .cts-spec {
	position: absolute;
	bottom:100px;
	left:0;
	padding-bottom:0px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .cts-spec .list01 {
	position:relative;
/*	border-right:1px dotted #d2d2d2;	*/
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .cts-spec .list01:before {
	content:' ';
	position:absolute;
	top:0;
	right:0;
	width:1px;
	background-image: -moz-linear-gradient(top, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: -o-linear-gradient(top, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(top, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to bottom, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-size: 1px 3px;
	height: 100%;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .cts-spec .list01 .listitem {
	float:left;
	width:63px;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .cts-spec .specdata {
	position:relative;
/*	border-left:1px dotted #d2d2d2;	*/
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .cts-spec .specdata:before {
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:1px;
	background-image: -moz-linear-gradient(top, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: -o-linear-gradient(top, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient(top, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(to bottom, #959595, #959595 33.33333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100%);
	background-size: 1px 3px;
	height: 100%;
}
#content.cts-featuredetail .cts-listdata > .list01 > .listitem .cts-spec .specdata dt .icn {
	display:block;
	width:auto;
	height:24px;
	text-indent:-9999em;
}
#content.cts-featuredetail .cts-spec .specdata-time dt .icn 		{	background:url(/recipe/common/img/icn_detail_time.png) no-repeat 50% 50%;		}
#content.cts-featuredetail .cts-spec .specdata-energy dt .icn 	{	background:url(/recipe/common/img/icn_detail_energy.png) no-repeat 50% 50%;		}
#content.cts-featuredetail .cts-spec .specdata-calcium dt .icn 	{	background:url(/recipe/common/img/icn_detail_calcium.png) no-repeat 50% 50%;		}
#content.cts-featuredetail .cts-spec .specdata-protein dt .icn 	{	background:url(/recipe/common/img/icn_detail_protein.png) no-repeat 50% 50%;		}
#content.cts-featuredetail .cts-spec .specdata-salt dt .icn 		{	background:url(/recipe/common/img/icn_detail_salt.png) no-repeat 50% 50%;		}

#content.cts-featuredetail .cts-spec .specdata dd {
	text-align:center;
}
#content.cts-featuredetail .cts-spec .specdata dd > span {
	font-weight:bold;
}
#content.cts-featuredetail .cts-spec .caption {
	padding-top:8px;
	color:#959595 !important;
	text-align:right;
	font-size:83.3%;		/* 10px / 12px */
}

#content.cts-featuredetail .cts-listdata > .list01 .listitem.col1 {
	float:none;
}


#content.cts-featuredetail .cts-usedproducts {
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	margin-bottom:0px;
}
#content.cts-featuredetail .cts-usedproducts > .t {
	position:relative;
	height:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}
#content.cts-featuredetail .cts-usedproducts > .t > span {
	display:block;
	position:absolute;
	bottom:-6px;
	left:0;
	background:#fff;
	padding-right:12px;
	font-weight:bold;
}
#content.cts-featuredetail .cts-usedproducts .list01 {
}
#content.cts-featuredetail .cts-usedproducts .list01 .listitem {
	float:left;
	padding:0;
	border:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-ms-border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	width:145px;
	margin-right:15px;
	margin-bottom:0;
}
#content.cts-featuredetail .cts-usedproducts .list01 .listitem:nth-last-child(1) {
	margin-right:0;
}
#content.cts-featuredetail .cts-usedproducts .list01 .listitem .productsdata {
}
#content.cts-featuredetail .cts-usedproducts .list01 .listitem .productsdata .vis {
	float:left;
	width:64px;
	margin-right:0;
	padding-bottom:0;
}
#content.cts-featuredetail .cts-usedproducts .list01 .listitem .productsdata .vis img {
	height:auto;
	border:1px solid #dadada;
}
#content.cts-featuredetail .cts-usedproducts .list01 .listitem .productsdata .t {
	float:right;
	width:74px;
	text-align:left;
	font-size:83.3%;		/* 10px / 12px */
}
#content.cts-featuredetail .cts-comment {
	clear:both;
	position:relative;
	padding:15px 0 10px;
}
#content.cts-featuredetail .cts-comment .vis {
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:78px;
	height:82px;
	background:url(/recipe/common/img/p_comment_h_chara4a.png) no-repeat 0 0;
}
#content.cts-featuredetail .cts-comment .txt {
	margin-left:95px;
	padding:10px 20px;
	border:1px solid #a2d8f2;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	line-height:1.8;
}
#content.cts-featuredetail .cts-comment .txt > span {
	display:block;
	min-height:40px;
}

#content.cts-featuredetail .cts-comment .txt:after {
	content:' ';
	position:absolute;
	top:34px;
	left:82px;
	width:14px;
	height:21px;
	background:url(/recipe/common/img/bg_frm_balloon_l.png) no-repeat 0 0;
}
#content .cts-checkedrecipe {
	background:#fff;
	padding:35px 0 70px 29px;
	margin-left:-1px;
}
#content .cts-checkedrecipe .tit {
	position:relative;
	background:url(/recipe/common/img/t_checkedrecipe.png) no-repeat 0 0;
	height:26px;
	border-bottom:1px solid #ccd3eb;
	text-indent:-9999em;
}
#content .cts-checkedrecipe .tit:after {
	content: ' ';
	position:absolute;
	bottom:1px;
	left:0;
	border-bottom:1px solid #ccd3eb;
	width:100%;
}

/* カラー設定:ブルー */
#content.cts-featuredetail .theme-blue.maincontents {
	background-image:url(/recipe/feature/img/bg_feature_main_blue.png);
}
#content.cts-featuredetail .theme-blue .pagetit {
	background-image:url(/recipe/feature/img/bg_pagetitle_feature_blue.png);
}
#content.cts-featuredetail .theme-blue .cts-listdata > .list01 > .listitem .tit {
	border-color:#00b7ee;
}
#content.cts-featuredetail .theme-blue .btn.btn1 a {
	background-color:#5cb7e7;
}
#content.cts-featuredetail .theme-blue .btn.btn1 a:hover {
	background-color:#0391dc;
}

/* カラー設定:緑 */
#content.cts-featuredetail .theme-green.maincontents {
	background-image:url(/recipe/feature/img/bg_feature_main_green.png);
}
#content.cts-featuredetail .theme-green .pagetit {
	background-image:url(/recipe/feature/img/bg_pagetitle_feature_green.png);
}
#content.cts-featuredetail .theme-green .cts-listdata > .list01 > .listitem .tit {
	border-color:#6fb442;
}
#content.cts-featuredetail .theme-green .btn.btn1 a {
	background-color:#8bc167;
}
#content.cts-featuredetail .theme-green .btn.btn1 a:hover {
	background-color:#62a536;
}

/* カラー設定:オレンジ */
#content.cts-featuredetail .theme-orange.maincontents {
	background-image:url(/recipe/feature/img/bg_feature_main_orange.png);
}
#content.cts-featuredetail .theme-orange .pagetit {
	background-image:url(/recipe/feature/img/bg_pagetitle_feature_orange.png);
}
#content.cts-featuredetail .theme-orange .cts-listdata > .list01 > .listitem .tit {
	border-color:#f39800;
}
#content.cts-featuredetail .theme-orange .btn.btn1 a {
	background-color:#f0a01b;
}
#content.cts-featuredetail .theme-orange .btn.btn1 a:hover {
	background-color:#f07700;
}

/* カラー設定:ピンク */
#content.cts-featuredetail .theme-pink.maincontents {
	background-image:url(/recipe/feature/img/bg_feature_main_pink.png);
}
#content.cts-featuredetail .theme-pink .pagetit {
	background-image:url(/recipe/feature/img/bg_pagetitle_feature_pink.png);
}
#content.cts-featuredetail .theme-pink .cts-listdata > .list01 > .listitem .tit {
	border-color:#ff9696;
}
#content.cts-featuredetail .theme-pink .btn.btn1 a {
	background-color:#f68383;
}
#content.cts-featuredetail .theme-pink .btn.btn1 a:hover {
	background-color:#f14f57;
}

/* カラー設定:紫 */
#content.cts-featuredetail .theme-purple.maincontents {
	background-image:url(/recipe/feature/img/bg_feature_main_purple.png);
}
#content.cts-featuredetail .theme-purple .pagetit {
	background-image:url(/recipe/feature/img/bg_pagetitle_feature_purple.png);
}
#content.cts-featuredetail .theme-purple .cts-listdata > .list01 > .listitem .tit {
	border-color:#ce7caa;
}
#content.cts-featuredetail .theme-purple .btn.btn1 a {
	background-color:#ce7caa;
}
#content.cts-featuredetail .theme-purple .btn.btn1 a:hover {
	background-color:#b35088;
}