@charset "utf-8";

/* !header
---------------------------------------------------------- */
header p img {
	max-width: 84.4%;
}

/* !Section Common
---------------------------------------------------------- */
h2 {
	box-sizing: border-box;
	padding: 15px 4.6%;
	line-height: 0.1em;
}
h3 {
	box-sizing: border-box;
	text-align: center;
	padding: 7px 4.6%;
	line-height: 0.1em;
}


/* !Section sec01
---------------------------------------------------------- */
#sec01 {
	padding: 20px 0 0 0;
}
#sec01 h2 {
	width: 100%;
	position: absolute;
	z-index: 0;
	bottom: 0;
	background: #ee1582;
}
	#sec01 h2 img {
		max-width: 47.9%;
		margin-left: 2%;
	}
#sec01_head {
	margin-bottom: 20px;
	position: relative;
}
	#sec01_head p {
		position: relative;
		z-index: 100;
		width: 44.2%;
		bottom: 0;
		left: 0;
	}
		#sec01_head p img {
			width: 100%;
			max-width: 283px;
		}
#sec01_recipe h3 {
	background: #4db13a;
	margin: 20px 0 2% 0;
}
	#sec01_recipe h3 img {
		max-width: 17.0%;
	}
#sec01_recipe dl {
	position: relative;
	color: #303030;
	font-size: 75%;
}
#sec01_recipe dt {
	position: absolute;
	left: 0;
	width: 20em;
	padding: 6px 0 6px 2%;
}
	#sec01_recipe dt span.step_cube {
		font-weight: bold;
		color: #e60012;
	}
	#sec01_recipe dt span.step_cube a {
		display: block;
		height: 100%;
		color: #f64598;
	}
	#sec01_recipe dt span.note {
		display: block;
		font-size: 70%;
	}
#sec01_recipe dd {
	padding-left: 20em;
	border-bottom: dashed 1px #b4b4b4;
	text-align: right;
	padding: 6px 2% 6px 0;
}
	#sec01_recipe dd.sec01_product {
		height: 4em;
		vertical-align: top;
		position: relative;
	}
	#sec01_recipe dd.sec01_product a {
		display: block;
		height: 100%;
	    color: #f64598;
	}
	#sec01_recipe dd.sec01_product img {
		display: block;
		max-width: 11.8%;
		position: absolute;
		bottom: 12%;
		right: 2%;
	}
#sec01_make h3 {
	background: #fa9200;
	margin: 30px 0 2% 0;
}
	#sec01_make h3 img {
		max-width: 28.0%;
	}
	
	#sec01_make ul {
		color: #303030;
		font-size: 75%;
		margin-bottom: 20px;
	}
	#sec01_make li {
		position: relative;
		padding: 10px 0 10px 40px;
		border-bottom: 1px dashed #b4b4b4;
	}
	#sec01_make li img {
		position: absolute;
		left:0;
		top: 30%;
		width: 21px;
	}
	#sec01_make p {
		text-align: center;
	}
		#sec01_make p img {
			max-width: 68.8%;
		}
	#sec01_introduce {
		box-sizing: border-box;
		border: 4px solid #b28247;
		padding: 15px;
		margin-top: 23px;
	}
		#sec01_introduce h3 {
			padding: 0 0 6px 0;
			text-align: left;
		}
		#sec01_introduce h3 img {
			width: 100%;
		}
		#sec01_introduce p {
			font-size: 68.7%;
			color: #6a3906;
		}
		#sec01_introduce ul {
			margin-top: 15px;
		}
		#sec01_introduce li {
			font-size: 56.2%;
			color: #6a3906;
		}
			#sec01_introduce li a {
				color: #f64598;
			}
#plus {
	margin: 3%;
}
#plus h3 {
	color: #FFFFFF;
	font-weight: bold;
	background: #ee1582;
	margin: 30px 0 10px 0;
	padding: 15px;
}
#plus span {
	font-size: 80%;
}