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

/* !view-box01
---------------------------------------------------------- */
.view-box01 {
	overflow: hidden;
	margin: 0 15px 13px 15px;
	padding-top: 4px;
}
	.view-box01 > p {
		font-size: 86%;
		color: #434343;
		margin-bottom: 5px;
	}
	.view-box01 ul {
		overflow: hidden;
		float: left; 
		margin-right: 23px;
	}
		.view-box01 ul li {
			float: left;
			height: 27px;
			vertical-align: top;
			text-align: center;
			border-right: 1px dotted #818181;
		}
			.view-box01 ul li p {
				padding: 3px 8px 0 8px;
			}
			.view-box01 ul li a {
				display: block;
				height: 27px;
				padding: 1px 9px 0 9px;
				text-decoration: none;
			}
	.view-box01 .search01 {
		overflow: hidden;
	}
		.view-box01 .search01 select {
			-webkit-appearance: button;
			-moz-appearance: button;
			appearance: button;
			width: 100%;
			height: 30px;
			text-indent: 1em;
			color: #595959;
			background: url(/sp/recipe/category/img/ico_arrow_down01.png) no-repeat right top, url(/sp/recipe/category/img/bg_select01_left.gif) no-repeat left top, url(/sp/recipe/category/img/bg_select01_middle.gif) repeat-x left top;
			background-size: 30px 30px, 7px 30px, 10px 30px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			border: none;
			cursor: pointer;
		}
		select:focus {
			outline:none;
		}
.dispmode-btnblk li.btn-dispmode1 a {
	display: block;
	width:20px;
	height:24px;
	background:url(/sp/recipe/category/img/ico_view01_no.png) no-repeat 50% 50%;
	background-size:20px 24px;
	text-indent:-9999px;
}
.dispmode-btnblk li.btn-dispmode1 a.current {
	background-image:url(/sp/recipe/category/img/ico_view01_on.png);
}
.dispmode-btnblk li.btn-dispmode2 a {
	display: block;
	width:23px;
	height:23px;
	background:url(/sp/recipe/category/img/ico_view02_no.png) no-repeat 50% 50%;
	background-size:23px 23px;
	text-indent:-9999px;
}
.dispmode-btnblk li.btn-dispmode2 a.current {
	background-image:url(/sp/recipe/category/img/ico_view02_on.png);
}

.txt-result01 {
	overflow: hidden;
	margin: 6px 15px 10px 15px;
	font-size: 86%;
}

/* !recipe-list03
---------------------------------------------------------- */
.recipe-list03 {
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
}
	.recipe-list03 > li {
	}
		.recipe-list03 > li.bgc-green {
			background: #eaf3e1;
		}
		.recipe-list03 > li.bgc-blue {
			background: #e0f1ff;
		}
		.recipe-list03 > li.bgc-yellow {
			background: #f9f5c9;
		}
		.recipe-list03 > li.bgc-red {
			background: #f7e2db;
		}
		.recipe-list03 > li:after {
		}
		.recipe-list03 > li.bgc-green:after {
		}
		.recipe-list03 > li.bgc-blue:after {
		}
		.recipe-list03 > li.bgc-yellow:after {
		}
		.recipe-list03 > li.bgc-red:after {
		}
		.recipe-list03 > li.new a:before {
		}
		.recipe-list03 > li > a {
			height: auto !important;
		}
		.recipe-list03 > li > a > p {
			display: table-cell;
		}
			.recipe-list03 > li > a > .img01 {
				width: 79px;
			}
				.recipe-list03 > li > a > .img01 img {
					width: 100%;
					height: auto;
				}
			.recipe-list03 > li > a > .txt01 {
				vertical-align: middle;
				color: #434343;
				font-size: 115%;
				font-weight: bold;
				line-height: 1.1;
				padding: 0 10px 0 13px;
			}
			.recipe-list03 > li > a > .txt01 .subtit {
				display: block;
				font-size: 83.3%;
				padding-top:2px;
			}
			.recipe-list03 > li > a .containdata ul {
				display: none;
			}
			.recipe-list03 > li > a .bnrtxt {
				display:none;
			}


/* !recipe-list04
---------------------------------------------------------- */
.recipe-list04 {
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
}
	.recipe-list04 > li {
		overflow: hidden;
		float: left;
		width: 50%;
		border-bottom: 1px solid #e6e6e6;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}
		.recipe-list04 > li:nth-child(2n+1) {
			border-right: 1px solid #e6e6e6;
		}
		.recipe-list04 > li.bgc-green {
			background: #eaf3e1;
		}
		.recipe-list04 > li.bgc-blue {
			background: #e0f1ff;
		}
		.recipe-list04 > li.bgc-yellow {
			background: #f9f5c9;
		}
		.recipe-list04 > li.bgc-red {
			background: #f7e2db;
		}
		.recipe-list04 > li:after {
			display: block;
			content: "";
			position: absolute;
			right: 2px;
			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;
		}
		.recipe-list04 > li.new a:before {
			content: "";
			position: absolute;
			display: block;
			width: 65px;
			height: 37px;
			background: url(/sp/recipe/common/img/parts/parts.png) no-repeat left top;
			background-size: 132px 1054px;
			background-position: 0 -785px;
			top: 0;
			left: 0;
		}
		.recipe-list04 > li > a {
			display: block;
			text-decoration: none;
		}
			.recipe-list04 > li > a > .img01 {
				text-align: center;
				margin: 8px 0 4px;
				padding: 0 9px;
			}
			.recipe-list04 > li > a > .txt01 {
				padding: 0 9px;
				margin-bottom: 5px;
				color: #434343;
				font-weight: bold;
				line-height: 1.2;
			}
			.recipe-list04 > li > a > .txt01 .subtit {
				display: none;
			}
			.recipe-list04 > li > a > .containdata {
				padding: 8px 9px 10px;
			}
			.recipe-list04 > li > a > .containdata ul {
				overflow: hidden;
				display: table;
				width: 100%;
				height:28px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				.recipe-list04 > li > a > .containdata ul > li {
					display: table-cell;
					border-right: 1px dotted #959595;
					text-align: center;
					line-height: 1.3;
				}
					.recipe-list04 > li > a > .containdata ul > li.last {
						border-right: none;
					}
					.recipe-list04 > li > a > .containdata ul > li > p {
						padding: 12px 0 1px 0;
						font-size: 72%;
						color: #595959;
						word-break: break-all; 
						position: relative;
					}
					.recipe-list04 > li > a > .containdata ul > li.icn-time > p:before {
						content: "";
						display: block;
						width: 11px;
						height: 11px;
						background: url(/sp/recipe/category/img/ico_time01.png) no-repeat center top;
						background-size: 11px 11px;
						left: 50%;
						top: 0;
						margin-left: -5px;
						position: absolute;
					}
					.recipe-list04 > li > a > .containdata ul > li.icn-energy > p:before {
						content: "";
						display: block;
						width: 10px;
						height: 12px;
						background: url(/sp/recipe/category/img/ico_fire01.png) no-repeat center top;
						background-size: 10px 12px;
						left: 50%;
						top: 0;
						margin-left: -5px;
						position: absolute;
					}
					.recipe-list04 > li > a > .containdata ul > li.icn-calcium > p:before {
						content: "";
						display: block;
						width: 11px;
						height: 11px;
						background: url(/sp/recipe/category/img/ico_bone01.png) no-repeat center top;
						background-size: 11px 11px;
						left: 50%;
						top: 0;
						margin-left: -5px;
						position: absolute;
					}
					.recipe-list04 > li > a > .containdata ul > li.icn-protein > p:before {
						content: "";
						display: block;
						width: 12px;
						height: 9px;
						background: url(/sp/recipe/category/img/ico_protein01.png) no-repeat center top;
						background-size: 12px 9px;
						left: 50%;
						top: 0;
						margin-left: -5px;
						position: absolute;
					}
					.recipe-list04 > li > a > .containdata ul > li.icn-salt > p:before {
						content: "";
						display: block;
						width: 12px;
						height: 12px;
						background: url(/sp/recipe/category/img/ico_salt01.png) no-repeat center top;
						background-size: 12px 12px;
						left: 50%;
						top: 0;
						margin-left: -5px;
						position: absolute;
					}
			.recipe-list04 > li > a .bnrtxt {
				background:#fff;
				padding: 8px 9px 10px;
			}
			.recipe-list04 > li > a .bnrtxt span {
				display: block;
				height:28px;
				color:#434343;
				font-size: 83.3%;
				line-height: 1.2;
				vertical-align:middle;
			}

			.recipe-list04 > li.bgc-green > a .bnrtxt span {
				color: #86a26c;
			}
			.recipe-list04 > li.bgc-blue > a .bnrtxt span {
				color: #005aac;
			}
			.recipe-list04 > li.bgc-yellow > a .bnrtxt span {
				color: #715402;
			}
			.recipe-list04 > li.bgc-red > a .bnrtxt span {
				color: #e95151;
			}

/*	search result nodata
------------------------------------------------counter-reset: */
.cts-result .nodata {
	padding: 100px 20px;
}