@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;
}
a {
	color: #f64598;
}

/* !Section menu
---------------------------------------------------------- */
#menu h2 {
	margin: 10px 0 10px 0;
}
#menu .list-menu01 {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
	#menu .list-menu01 li { 
		margin: 0 0 20px 0;
		font-size: 13px;
		font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	 }
	#menu .list-menu01 li:before {
		content: "";
		display: block;
		float: left;
		width: 20px;
		height: 25px;
		margin: 0px 5px 0 0;
		background: url(../images/ico_bell01.png) no-repeat;
		background-size: 100%;
	}
	#menu .list-menu01 li a {
		font-size: 124%;
		display: block;
		text-align: center;
		font-weight: bold;
		text-decoration: none;
		padding: 10px;
		background: #FFFAB3;
		-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
				border-radius: 10px;
	}
	p.help_point {
		font-weight: bold;
		font-size: 100%;
	}
	p.help_point img {
		margin-bottom: 20px;
	}

/* !Section menu
---------------------------------------------------------- */
#about {
	margin: 40px 0 0 0;
	background: #fff8d0;
	text-align: center;
}
	#about h2 {
		margin: 0 0 20px 0;
		padding: 0;
	}
	#about .wrap01 {
		width: 84.375%;
		margin: 0 auto;
	}
		#about .txt01 {
			margin: 20px auto 0;
			text-align: left;
		}
		#about .txt02 {
			margin: 10px auto 30px;
			text-align: left;
		}
		#about .txt_point01 {
			margin: 20px 0;
			color: #ff2424;
			font-size: 110%;
		}
		#about .btn_cv01 {
			margin: 20px 0 30px 0;
		}
		#about .txt_step01 {
			margin: 20px 0 0 0;
			text-align: left;
		}
			#about .txt_step01 img {
				width: 10%;
				margin: -2px 6px 0 0;
			}

/* !Section sec01
---------------------------------------------------------- */
.h2_tree {
	margin: 20px 0px -20px 0;
}
.sec01_head {
	margin-bottom: 20px;
	position: relative;
}
	.sec01_head h3 {
		width: 100%;
		margin: 40px 0 0 0;
		padding: 0;
	}

	.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: #22ac38;
	margin: 20px 0 2% 0;
}
	.sec01_recipe h3 img {
		max-width: 17.0%;
	}
	.sec01_recipe h3.other1 img {
		max-width: 73.4%;
	}
	.sec01_recipe h3.other3 img {
		max-width: 82.9%;
	}
.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%;
	}
	.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: 5.5em;
		vertical-align: top;
		position: relative;
	}
	.sec01_recipe dd.sec01_product a {
		display: block;
		height: 100%;
	}

	.sec01_recipe dd.sec01_product.double {
		height: 5.5em;
	}
	.sec01_recipe dd.sec01_product img {
		display: block;
		max-width: 11.8%;
		position: absolute;
		bottom: 12%;
		right: 2%;
	}
.sec01_make h3 {
	background: #f39800;
	margin: 30px 0 2% 0;
}
	.sec01_make h3 img {
		max-width: 28.0%;
	}
	.sec01_make h3.other2 img {
		max-width: 64.6%;
	}
	.sec01_make h3.other4 img {
		max-width: 79.3%;
	}
	
	.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 .txt_num01 img {
		position: relative;
	}
	.sec01_make p {
		text-align: center;
	}
		.sec01_make p img {
			max-width: 68.8%;
		}
	.sec01_make .txt_caption01 {
		text-align: left;
	}

	#sec01_introduce {
		margin: 23px 4.6% 0;
		padding: 15px;
		text-align: left;
		box-sizing: border-box;
		border: 4px solid #b28247;
	}
		#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;
			}

section .h3_basic01 {
    background-color: #e9434f;
}
section .h3_basic01 h3 {
    margin: 40px 0 0 0;
    padding: 3% 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    line-height: 2rem;
}
section .h3_basic01 h3 span{
    margin: 0 10px 0 0;
    padding: 1%;
    border-radius: 10px;
    background: #FFF;
    color: #e9434f;
    font-weight: bold;
    font-size: 1rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    line-height: 1rem;
}

section .h4_basic01 {
    background-color: #4db13a;
}
section .h4_basic02 {
	background-color: #fa9200;
}
section .h4_basic01,
section .h4_basic02 {
	margin: 20px 0 3% 0;
}
section .h4_basic01 h4,
section .h4_basic02 h4 {
    padding: 1% 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    letter-spacing: 0.8rem;
    text-align: center;
}
.inner01.meal_area01 {
	position: relative;
}
.meal01 {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 65px;
    height: 65px;
    border: 3px solid #e9434f;
    border-radius: 50%;
    background-color: #fff;
}
.meal01 p {
    position: absolute;
    top: 17px;
    left: 12px;
    color: #e9434f;
    font-weight: bold;
    font-size: 1.25rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
p.rakuraku {
    color: #e9434f;
    font-weight: bold;
    font-size: 1.3rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    text-align: center;
}
.introduction01 p:nth-child(1) img {
	width: 18%;
}
.introduction01 p .letter_area01 {
	letter-spacing: -0.08em;
}
.introduction01 p .large_area01 {
	font-size: 1.6rem;
}
.introduction01 p {
	width: 90%;
	margin: -10px auto 0 auto;
    padding-bottom: 20px;
    color: #ff0084;
	font-weight: bold;
	font-size: 1rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
}

/* !Section shop
---------------------------------------------------------- */
 #shop {
 	text-align: center;
 	margin: 0 0 40px 0;
 	padding: 0 4.6%;
 }
	 #shop div {
	 	margin: 30px 0 0 0;
	 }
		 #shop div p {
		 	font-weight: bold;
		 	margin: 0 0 10px 0;
		 }