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

.section-column01 {
	overflow: hidden;
	padding: 20px 0 25px 0;
}

.h2-header01 {
	overflow: hidden;
	background: url(/sp/recipe/column/img/img_header01.png) no-repeat right top;
	background-size: 171px 75px;
	height: 75px;
	border-bottom: 3px solid #bcd88a;
}
	.h2-header01 h2 {
		padding: 25px 0 0 20px;
		color: #434343;
		font-size: 143%;
		font-weight: bold;
	}
		.h2-header01 h2 span {
			color: #a4c458;
		}

.column-list01 {
	overflow: hidden;
	border-top: 1px solid #e6e6e6;
}
	.column-list01 li {
		overflow: hidden;
		border-bottom: 2px solid #e6e6e6;
	}
		.column-list01 li a {
			display: block;
			text-decoration: none;
		}
			.column-list01 li a .header01 {
				overflow: hidden;
				padding: 10px 15px 10px 15px;
				background: #eaf6d4;
			}
				.column-list01 li a .header01 div {
					display: table;
					width: 100%;
					position: relative;
				}
				.column-list01 li a .header01 div:after {
					content: "";
					display: block;
					width: 9px;
					height: 14px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat right top;
					background-size: 132px 1054px;
					background-position: 0 -212px;
					right: 0px;
					top: 50%;
					margin-top: -9px;
					position: absolute;
				}
				.column-list01 li a .header01 p {
					display: table-cell;
					vertical-align: middle;
				}
					.column-list01 li a .header01 p:nth-child(1) {
						overflow: hidden;
						background: #a4c458;
						height: 35px;
						width: 35px;
						color: #fff;
						font-size: 72%;
						font-weight: bold;
						line-height: 1.2;
						text-align: center;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
					}
						.column-list01 li a .header01 p:nth-child(1) span {
							display: block;
							font-size: 120%;
						}
					.column-list01 li a .header01 p:nth-child(2) {
						padding: 0 15px 0 15px;
						color: #434343;
						font-size: 115%;
						font-weight: bold;
						line-height: 1.2;
					}

			.column-list01 li a .info-box01 {
				overflow: hidden;
				min-width: 300px;
				padding: 10px 15px 14px 15px;
			}
				.column-list01 li a .info-box01 .img01 {
				float: left;
				width:86px;
				}
				.column-list01 li a .info-box01 .info01 {
					float: left;
					position:relative;
					top:0;
					left:0;
					height:58px;
					width:70%;
					overflow: hidden;
				}
					.column-list01 li a .info-box01 .info01 > span {
						color: #535353;
						font-size: 93%;
						line-height: 1.3;
					}
					.column-list01 li a .info-box01 .info01 > .more01 {
						position:absolute;
						bottom:0;
						right:0;
						color: #00249d;
						font-size: 86%;
						line-height: 1.9;
					}

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


/* !sample.html
---------------------------------------------------------- */
.section-column02 {
	overflow: hidden;
	padding: 20px 0 17px 0;
}
.cts-columnbacknumber .btn01 {
	overflow: hidden;
	padding: 9px 15px 7px 15px;
}
	.cts-columnbacknumber .btn01 a {
		display: block;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 108%;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		background: #a5c45e;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a5c45e), to(#8fb536));
		background: -webkit-linear-gradient(#a5c45e, #8fb536);
		background: -moz-linear-gradient(#a5c45e, #8fb536);
		background: -ms-linear-gradient(#a5c45e, #8fb536);
		background: -o-linear-gradient(#a5c45e, #8fb536);
		background: linear-gradient(#a5c45e, #8fb536);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		position: relative;
	}
		.cts-columnbacknumber .btn01 a:before {
			content: "";
			display: block;
			width: 9px;
			height: 14px;
			background: url(/sp/recipe/common/img/parts/parts.png) no-repeat right top;
			background-size: 132px 1054px;
			background-position: 0 -284px;
			right: 12px;
			top: 50%;
			margin-top: -7px;
			position: absolute;
		}

.ul-btn01 {
	width: 100%;
	padding: 8px 14px 19px 14px;
	border-bottom: 2px solid #bcd88a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.ul-btn01 li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.ul-btn01 li {
			overflow: hidden;
			width: 50%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			.ul-btn01 li:nth-child(1) {
				float: left;
				padding-right: 25px;
			}
			.ul-btn01 li:nth-child(2) {
				float: right;
				padding-left: 25px;
			}
			.ul-btn01 li a {
				display: block;
				height: 28px;
				line-height: 28px;
				color: #707070;
				text-decoration: none;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				background-color: #fff;
				border: solid 1px #ccd3eb;
				position: relative;
			}
				.ul-btn01 li:nth-child(1) a {
					padding: 0 0 0 24px;
				}
				.ul-btn01 li:nth-child(2) a {
					padding: 0 0 0 12px;
				}
				.ul-btn01 li:nth-child(1) a:before {
					content: "";
					display: block;
					width: 9px;
					height: 14px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat left top;
					background-size: 132px 1054px;
					background-position: 0 -180px;
					left: 8px;
					top: 50%;
					margin-top: -7px;
					position: absolute;
				}
				.ul-btn01 li:nth-child(2) a:before {
					content: "";
					display: block;
					width: 9px;
					height: 14px;
					background: url(/sp/recipe/common/img/parts/parts.png) no-repeat right top;
					background-size: 132px 1054px;
					background-position: 0 -196px;
					right: 8px;
					top: 50%;
					margin-top: -7px;
					position: absolute;
				}

.column-title01 {
	overflow: hidden;
	background: #eaf6d4;
	padding: 6px 12px 12px 15px;
	border-bottom: 3px solid #bcd88a;
}
	.column-title01 .box01 {
		margin-bottom: 4px;
	}
		.column-title01 .box01 .txt {
			float: left;
			color: #434343;
			font-size: 86%;
		}
		.column-title01 .box01 .date {
			float: right;
			text-align: right;
			color: #7d7d7d;
			font-size: 72%;
			padding-top: 2px;
		}
	.column-title01 .box02 {
		display: table;
		width: 100%;
	}
		.column-title01 .box02 div {
			display: table-cell;
			vertical-align: middle;
		}
		.column-title01 .box02 div:nth-child(1) {
			overflow: hidden;
			background: #a4c458;
			width: 35px;
			height: 25px;
			color: #fff;
			font-size: 72%;
			font-weight: bold;
			line-height: 1;
			text-align: center;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.column-title01 .box02 h2 {
			display: table-cell;
			vertical-align: middle;
			overflow: hidden;
			color: #434343;
			font-size: 143%;
			font-weight: bold;
			line-height: 1;
			padding-left: 8px;
		}

.column-box01 {
	overflow: hidden;
	padding: 15px;
}
	.column-box01 .img01 {
		margin: 0 0 15px 1px;
	}
	.column-box01 .column-content01 {
		padding: 10px 12px 10px 12px;
		color: #535353;
		line-height: 1.4;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		background-color: #fff;
		border: solid 1px #a2d8f2;
		position: relative;
	}
	.column-box01 .column-content01:before {
		content: "";
		display: block;
		width: 52px;
		height: 88px;
		background: url(/sp/recipe/common/img/parts/parts.png) no-repeat right top;
		background-size: 132px 1054px;
		background-position: -67px -75px;
		right: 5px;
		top: -108px;
		position: absolute;
	}
	.column-box01 .column-content01:after {
		content: "";
		display: block;
		width: 27px;
		height: 18px;
		background: url(/sp/recipe/common/img/parts/parts.png) no-repeat right top;
		background-size: 132px 1054px;
		background-position: -67px -167px;
		right: 32px;
		top: -18px;
		position: absolute;
	}

/* !cts-columnbacknumber
---------------------------------------------------------- */
	.cts-columnbacknumber {
		padding: 15px 0 20px 0;
		position: relative;
	}
	.cts-columnbacknumber .header01 {
		padding: 0 10px 6px 14px;
		color: #313131;
		font-weight: bold;
		line-height: 1.3;
	}
	.cts-columnbacknumber .box01 {
		background: #eaf6d4;
		padding: 13px 0 8px;
		border-top: 1px solid #f3e8e1;
		border-bottom: 1px solid #f3e8e1;
	}
	.cts-columnbacknumber .box01 .listblk {
		padding:0 15px;
	}
		.cts-columnbacknumber ul {
			margin: 0 auto;
			width:250px;
		}
			.cts-columnbacknumber ul li {
				float: left;
				width:115px;
				margin-right:20px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.cts-columnbacknumber ul li:last-child {
				margin-right:0;
			}
				.cts-columnbacknumber ul li a {
					display: block;
					text-decoration: none;
				}
					.cts-columnbacknumber ul li a .img01 {
						text-align: center;
						margin-bottom: 5px;

					}
						.cts-columnbacknumber ul li a .img01 img {
							background: #fff;
							padding: 3px;
						}
					.cts-columnbacknumber ul li a .txt01 {
						color: #535353;
						font-size: 79%;
						padding: 0 10px 0 10px;
						line-height: 1.3;
						position: relative;
					}
					.cts-columnbacknumber ul li a .txt01:before {
						content: "";
						display: block;
						width: 6px;
						height: 9px;
						background: url(/sp/recipe/common/img/parts/parts.png) no-repeat left top;
						background-size: 132px 1054px;
						background-position: 0 -273px;
						left: 0px;
						top: 2px;
						position: absolute;
					}