@charset "utf-8";


/* おすすめレシピランキングページ設定 */
#stage #content.cts-recommend {
	padding-bottom:0;
}
#content.cts-recommend .maincontents {
	margin-bottom:0;
	background:url(/recipe/recommend/img/bg_ranking_main.png) repeat 0 0;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	padding-top:16px;
	padding-bottom:20px;
}
#content.cts-recommend .pagetit {
	position:relative;
	background:url(/recipe/recommend/img/tit_main_recommend.png) no-repeat 0px 0;
	margin-left:49px;
	width:300px;
	height:159px;
}
#content.cts-recommend .pagetit .txt {
	display:none;
}
#content.cts-recommend .pagetit .date {
	position:absolute;
	top:127px;
	left:92px;
	width:120px;
	color:#ff7800;
	line-height:1.2;
	font-weight:normal;
	text-align:center;
}
#content.cts-recommend .cts-listdata > .list01 {
	margin:0 30px 5px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem {
	background:#fff url(/recipe/recommend/img/icn_ranking03.png) no-repeat 23px 27px;
	margin-bottom:5px;
	border:1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(121,121,121,0.2);
	-moz-box-shadow: 0px 1px 2px 1px rgba(121,121,121,0.2);
	box-shadow: 0px 1px 2px 1px rgba(121,121,121,0.2);
}
#content.cts-recommend .cts-listdata > .list01 > .listitem a {
	position:relative;
	padding:20px 20px 20px 100px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem 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-recommend .cts-listdata > .list01 > .listitem a:hover {
	color:#535353 !important;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem a:hover:before {
	background: url(/recipe/common/img/bg_link_frm_rb2_hover.png) no-repeat 0 0;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) {	background-image:url(/recipe/recommend/img/icn_ranking01.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(2) {	background-image:url(/recipe/recommend/img/icn_ranking02.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(3) {	background-image:url(/recipe/recommend/img/icn_ranking03.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(4) {	background-image:url(/recipe/recommend/img/icn_ranking04.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(5) {	background-image:url(/recipe/recommend/img/icn_ranking05.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(6) {	background-image:url(/recipe/recommend/img/icn_ranking06.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(7) {	background-image:url(/recipe/recommend/img/icn_ranking07.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(8) {	background-image:url(/recipe/recommend/img/icn_ranking08.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(9) {	background-image:url(/recipe/recommend/img/icn_ranking09.png);	}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(10) {	background-image:url(/recipe/recommend/img/icn_ranking10.png);	}

#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) {
	background-position:23px 20px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(2),
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(3) {
	background-position:23px 33px;
}

#content.cts-recommend .cts-listdata > .list01 > .listitem .vis {
	float:left;
	width:204px;
	margin-right:29px;
	margin-right:42px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .vis > span {
	position:relative;
	display:block;
	background:#fff;
	width:204px;
	height:139px;
	overflow: hidden;
	zoom: 1;
	margin:0;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .vis img {
	position:relative;
	display:block;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .data {
	position:relative;
	float:left;
	width:330px;
	width:308px;
	min-height:139px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .data .tit {
	padding-top:18px;
	padding-bottom:6px;
	font-size:133.3%;	/* 16px / 12px */
	line-height:1.2;
	font-weight:bold;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem a:hover .data .tit {
	color:#ff7272;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .data .lead {
	padding-bottom:40px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .cts-spec {
	position:absolute;
	bottom:0;
	left:0;
	width:301px;
/*
	padding-top:20px;
	padding-bottom:0px;
	width:301px;
*/
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .cts-spec .list01 {
	position:relative;
/*	border-right:1px dotted #d2d2d2;	*/
}
#content.cts-recommend .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-recommend .cts-listdata > .list01 > .listitem .cts-spec .list01 .listitem {
	float:left;
	width:100px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem .cts-spec .specdata {
	position:relative;
/*	border-left:1px dotted #d2d2d2;	*/
}
#content.cts-recommend .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-recommend .cts-listdata > .list01 > .listitem .cts-spec .specdata dt .icn {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:46px;
	height:24px;
	text-indent:-9999em;
}
#content.cts-recommend .cts-spec .specdata-time dt .icn 		{	background:url(/recipe/common/img/icn_detail_time.png) no-repeat 50% 50%;		}
#content.cts-recommend .cts-spec .specdata-energy dt .icn 	{	background:url(/recipe/common/img/icn_detail_energy.png) no-repeat 50% 50%;		}
#content.cts-recommend .cts-spec .specdata-calcium dt .icn 	{	background:url(/recipe/common/img/icn_detail_calcium.png) no-repeat 50% 50%;		}
#content.cts-recommend .cts-spec .specdata-protein dt .icn 	{	background:url(/recipe/common/img/icn_detail_protein.png) no-repeat 50% 50%;		}
#content.cts-recommend .cts-spec .specdata-salt dt .icn 		{	background:url(/recipe/common/img/icn_detail_salt.png) no-repeat 50% 50%;		}

#content.cts-recommend .cts-spec .specdata dd {
	padding:4px 10px 4px 40px;
}
#content.cts-recommend .cts-spec .caption {
	padding-top:4px;
	text-align:right;
}

#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .vis {
	position:absolute;
	float:none;
	top:38px;
	right:82px;
	top:-108px;
	right:42px;
	width:300px;
	margin-right:0;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .lead {
	padding-bottom:0;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .vis > span {
	width:290px;
	height:198px;
	border:5px solid #fff;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .vis img {
	border:5px solid #fff;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .vis > span > img {
	border:0;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .data {
	position:relative;
	float:none;
	width:auto;
	min-height:117px;
	padding-left:20px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .data .tit {
	width:210px;
	padding-top:18px;
	padding-bottom:6px;
	font-size:133.3%;	/* 16px / 12px */
	line-height:1.2;
	font-weight:bold;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .data .lead {
	width:210px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(1) .data .cts-spec {
	left:auto;
	right:20px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(n+4) a {
	padding-top:10px;
	padding-bottom:10px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(n+4) .vis {
/*	width:129px;	*/
	width:123px;
	margin-right:40px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(n+4) .vis > span {
	width:123px;
	height:84px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(n+4) .data {
/*	width:392px;	*/
	width:398px;
	min-height:84px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(n+4) .data .tit {
	padding-top:4px;
	font-size:116.7%;		/* 14px / 12px */
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(n+4) .data .lead {
	padding-bottom:40px;
}
#content.cts-recommend .cts-listdata > .list01 > .listitem:nth-child(n+4) .data .cts-spec {
	right:auto;
	left:0;
}