@charset "utf-8";
/* CSS Document */

.section-recommend01 {
	overflow: hidden;
	padding: 18px 0 20px 0;
}
.recommend-header01 {
	overflow: hidden;
	margin-top: 7px;
	background: url(/sp/recipe/recommend/img/bg_header01_left.jpg) no-repeat left top, url(/sp/recipe/recommend/img/bg_header01_right.jpg) no-repeat right top;
	background-size: 90px 68px, 90px 68px;
	height: 68px;
	text-align: center;
	border-bottom: 3px solid #ebce82;
}
	.recommend-header01 h2 {
		padding-top: 15px;
		margin: 6px 0 1px 0;
		color: #6c5300;
		font-size: 143%;
		font-weight: bold;
		line-height: 1.2;
		position: relative;
	}
		.recommend-header01 h2:before {
			content: "";
			display: block;
			background: url(/sp/recipe/recommend/img/ico_crown01.png) no-repeat center top;
			background-size: 25px 14px;
			width: 25px;
			height: 14px;
			top: 0;
			left: 50%;
			margin-left: -13px;
			position: absolute;
		}
	.recommend-header01 p {
		color: #ff7800;
		font-size: 86%;
		line-height: 1.2;
	}

.ranking-list01 {
}
	.ranking-list01 > li:nth-child(1),
	.ranking-list01 > li:nth-child(2),
	.ranking-list01 > li:nth-child(3) {
		background: #f2ecc2;
		padding: 10px 10px 0 10px;
	}
	.ranking-list01 > li:nth-child(3) {
		padding: 10px 10px 12px 10px;
	}
		.ranking-list01 > li:nth-child(1) > a,
		.ranking-list01 > li:nth-child(2) > a,
		.ranking-list01 > li:nth-child(3) > a {
			/*overflow: hidden;*/
			display: block;
			background: #fff;
			text-decoration: none;
			border: 1px solid #d9d4ae;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
			.ranking-list01 > li:nth-child(1) > a > .header01,
			.ranking-list01 > li:nth-child(2) > a > .header01,
			.ranking-list01 > li:nth-child(3) > a > .header01 {
				display: table;
				width: 100%;
				border-bottom: 3px solid #ebce82;
				position: relative;
			}
				.ranking-list01 > li:nth-child(1) > a > .header01 > p,
				.ranking-list01 > li:nth-child(2) > a > .header01 > p,
				.ranking-list01 > li:nth-child(3) > a > .header01 > p {
					display: table-cell;
					vertical-align: middle;
					padding: 10px 25px 8px 75px;
					color: #434343;
					font-size: 115%;
					font-weight: bold;
					line-height: 1.2;
				}
			.ranking-list01 > li:nth-child(1) > a > .header01 > p {
				font-size: 122%;
			}
			.ranking-list01 > li:nth-child(1) > a > .header01:before {
				display: block;
				content: "";
				position: absolute;
				left: 8px;
				bottom: -20px;
				background: url(/sp/recipe/recommend/img/ico_no01.png) no-repeat left bottom;
				background-size: 58px 77px;
				width: 58px;
				height: 77px;
				margin-top: 0px;
				z-index: 99;
			}
			.ranking-list01 > li:nth-child(2) > a > .header01:before {
				display: block;
				content: "";
				position: absolute;
				left: 8px;
				bottom: -28px;
				background: url(/sp/recipe/recommend/img/ico_no02.png) no-repeat left bottom;
				background-size: 59px 80px;
				width: 59px;
				height: 80px;
				margin-top: 0px;
				z-index: 99;
			}
			.ranking-list01 > li:nth-child(3) > a > .header01:before {
				display: block;
				content: "";
				position: absolute;
				left: 8px;
				bottom: -28px;
				background: url(/sp/recipe/recommend/img/ico_no03.png) no-repeat left bottom;
				background-size: 59px 80px;
				width: 59px;
				height: 80px;
				margin-top: 0px;
				z-index: 99;
			}
			.ranking-list01 > li:nth-child(1) > a > .header01:after,
			.ranking-list01 > li:nth-child(2) > a > .header01:after,
			.ranking-list01 > li:nth-child(3) > a > .header01:after {
				display: block;
				content: "";
				position: absolute;
				right: 9px;
				top: 50%;
				background: url(/sp/recipe/common/img/parts/parts.png) no-repeat right top;
				background-size: 132px 1054px;
				background-position: 0 -228px;
				width: 13px;
				height: 28px;
				margin-top: -14px;
			}
			.ranking-list01 > li:nth-child(1) > a > .list-box01,
			.ranking-list01 > li:nth-child(2) > a > .list-box01,
			.ranking-list01 > li:nth-child(3) > a > .list-box01 {
				overflow: hidden;
				padding: 4px 5px 7px 5px;
			}
				.ranking-list01 > li:nth-child(1) > a > .list-box01 > p,
				.ranking-list01 > li:nth-child(2) > a > .list-box01 > p,
				.ranking-list01 > li:nth-child(3) > a > .list-box01 > p {
					float: left;
					margin-right: 7px;
				}
				.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul,
				.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul,
				.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul {
					overflow: hidden;
					background: url(/sp/recipe/common/img/bg_line01.png) repeat-x left top;
					background-size: 3px 1px;
				}
					.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li,
					.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li,
					.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li {
						overflow: hidden;
						display: table;
						width: 100%;
						height: 50px;
						background: url(/sp/recipe/common/img/bg_line01.png) repeat-x left bottom;
						background-size: 3px 1px;
						position: relative;
					}
						.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li > p,
						.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li > p,
						.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li > p {
							display: table-cell;
							vertical-align: middle;
							word-break: break-all;
							color: #595959;
							line-height: 1;
						}
							.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li > p > span,
							.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li > p > span,
							.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li > p > span {
								font-size: 86%;
							}
						.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li.icn-time > p,
						.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li.icn-time > p,
						.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li.icn-time > p {
							padding: 0 6px 0 23px;
						}
						.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li.icn-time > p:before,
						.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li.icn-time > p:before,
						.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li.icn-time > p:before {
							content: "";
							display: block;
							width: 16px;
							height: 16px;
							background: url(/sp/recipe/common/img/parts/parts.png) no-repeat left top;
							background-size: 132px 1054px;
							background-position: 0 -901px;
							left: 2px;
							top: 50%;
							margin-top: -8px;
							position: absolute;
						}
						.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li.icn-energy > p,
						.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li.icn-energy > p,
						.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li.icn-energy > p {
							padding: 0 6px 0 23px;
						}
						.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li.icn-energy > p:before,
						.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li.icn-energy > p:before,
						.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li.icn-energy > p:before {
							content: "";
							display: block;
							width: 14px;
							height: 18px;
							background: url(/sp/recipe/common/img/parts/parts.png) no-repeat left top;
							background-size: 132px 1054px;
							background-position: 0 -422px;
							left: 2px;
							top: 50%;
							margin-top: -9px;
							position: absolute;
						}
						.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li.icn-calcium > p,
						.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li.icn-calcium > p,
						.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li.icn-calcium > p {
							padding: 0 6px 0 25px;
						}
						.ranking-list01 > li:nth-child(1) > a > .list-box01 > ul > li.icn-calcium > p:before,
						.ranking-list01 > li:nth-child(2) > a > .list-box01 > ul > li.icn-calcium > p:before,
						.ranking-list01 > li:nth-child(3) > a > .list-box01 > ul > li.icn-calcium > p:before {
							content: "";
							display: block;
							width: 17px;
							height: 18px;
							background: url(/sp/recipe/common/img/parts/parts.png) no-repeat left top;
							background-size: 132px 1054px;
							background-position: 0 -300px;
							left: 2px;
							top: 50%;
							margin-top: -9px;
							position: absolute;
						}
				.ranking-list01 > li > a > .detail01 {
					color: #535353;
					padding: 3px 10px 9px 14px;
					line-height: 1.2;
				}

	.ranking-list01 li:nth-child(n+4) {
		overflow: hidden;
		display: table;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
	}
	.ranking-list01 li:nth-child(4) {
		border-top: 1px solid #e6e6e6;
	}
		.ranking-list01 li:nth-child(n+4) a {
			display: block;
			text-decoration: none;
			padding: 7px 10px 7px 59px;
			position: relative;
		}
			.ranking-list01 li:nth-child(n+4) a div {
				display: table-cell;
				vertical-align: middle;
			}
				.ranking-list01 li:nth-child(n+4) a div:nth-child(2) {
					padding-left: 11px;
					color: #434343;
					font-size: 115%;
					font-weight: bold;
				}
		.ranking-list01 li:nth-child(n+4) a:after {
			display: block;
			content: "";
			position: absolute;
			right: 3px;
			bottom: 2px;
			background: url(/sp/recipe/common/img/parts/parts.png) no-repeat right bottom;
			background-size: 132px 1054px;
			background-position: 0 -919px;
			width: 10px;
			height: 10px;
		}
		.ranking-list01 li:nth-child(4) a:before {
			display: block;
			content: "";
			position: absolute;
			left: 14px;
			top: 50%;
			background: url(/sp/recipe/recommend/img/ico_no04.gif) no-repeat left top;
			background-size: 38px 38px;
			width: 38px;
			height: 38px;
			margin-top: -18px;
		}
		.ranking-list01 li:nth-child(5) a:before {
			display: block;
			content: "";
			position: absolute;
			left: 14px;
			top: 50%;
			background: url(/sp/recipe/recommend/img/ico_no05.gif) no-repeat left top;
			background-size: 38px 38px;
			width: 38px;
			height: 38px;
			margin-top: -18px;
		}
		.ranking-list01 li:nth-child(6) a:before {
			display: block;
			content: "";
			position: absolute;
			left: 14px;
			top: 50%;
			background: url(/sp/recipe/recommend/img/ico_no06.gif) no-repeat left top;
			background-size: 38px 38px;
			width: 38px;
			height: 38px;
			margin-top: -18px;
		}
		.ranking-list01 li:nth-child(7) a:before {
			display: block;
			content: "";
			position: absolute;
			left: 14px;
			top: 50%;
			background: url(/sp/recipe/recommend/img/ico_no07.gif) no-repeat left top;
			background-size: 38px 38px;
			width: 38px;
			height: 38px;
			margin-top: -18px;
		}
		.ranking-list01 li:nth-child(8) a:before {
			display: block;
			content: "";
			position: absolute;
			left: 14px;
			top: 50%;
			background: url(/sp/recipe/recommend/img/ico_no08.gif) no-repeat left top;
			background-size: 38px 38px;
			width: 38px;
			height: 38px;
			margin-top: -18px;
		}
		.ranking-list01 li:nth-child(9) a:before {
			display: block;
			content: "";
			position: absolute;
			left: 14px;
			top: 50%;
			background: url(/sp/recipe/recommend/img/ico_no09.gif) no-repeat left top;
			background-size: 38px 38px;
			width: 38px;
			height: 38px;
			margin-top: -18px;
		}
		.ranking-list01 li:nth-child(10) a:before {
			display: block;
			content: "";
			position: absolute;
			left: 14px;
			top: 50%;
			background: url(/sp/recipe/recommend/img/ico_no10.gif) no-repeat left top;
			background-size: 38px 38px;
			width: 38px;
			height: 38px;
			margin-top: -18px;
		}