@charset "utf-8";

body.overlay:before {
	display: block;
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100vh;
	content: "";
	background: rgba(252,211,229,0.9) url(../common/images/loading.gif) no-repeat center center/24px;
}
body.overlay #cboxOverlay {
	background: none !important;
}

 /* !Footer
---------------------------------------------------------- */
#cmn-footer {
	text-align: left;
}


/* !Mainimg
---------------------------------------------------------- */
#mainimg {
	background: url(../common/images/bg_mainimg01.png) repeat;
	background-size: 12px;
}
#mainimg p {
	text-align: center;
	padding: 20px;
}
/* !Section Common
---------------------------------------------------------- */
.inner01 {
	padding: 0 3% 0 3%;
}
	.inner01 p,
	.inner01 dl {
		line-height: 1.7
	}
.cv_area01 {
	margin: 40px 0 60px 0;
}
	.cv_area01 p:first-of-type {
		margin: 0 0 13px 0;
	}


/* !Section sec01
---------------------------------------------------------- */
#sec01 {
	padding: 20px 0 35px 0;
	background: #fde9f2;
}
	.growingfood01 {
		padding: 0　;
		margin: 0 auto 20px;
		width: 50%;
	}
	#sec01 .note01 {
		padding: 0 3% 0 6%;
		color: #3d3d3d;
		font-size: 50%;
		text-align: left;
		text-indent: -10px;
	}
	#sec01 .note01:before {
		content: "";
		display: inline-block;
		width: 9px;
		height: 9px;
		margin: 0 5px 0 0;
		background: url(../common/images/ico_annotation02.png) no-repeat left center;
		background-size: 9px;
	}
	#sec01 .link_button {
		margin: 25px 0 0 0;
		padding: 0 10px 0 10px;
	}
	#sec01 .bnr_movie01 {
		margin: 25px 0 0 0;
		padding: 0 30px 0 30px;
	}
	#sec01 .link_button2 {
		margin: 10px auto 0;
		padding: 0 10px 0 10px;
		width: 80%;
		max-width: 340px;
	}


/* !Section sec02
---------------------------------------------------------- */
#sec02 {
	padding: 0 3% 38px 3%;
	background: #fde9f2;
}
	#sec02 .inner01 {
		padding: 26px 3% 26px 4%;
		border-radius: 30px;
		background: #ffffff;
	}
		#sec02 h2 {
			margin: 0 0 27px 0;
		}
		.sec02_quiz {
			padding: 0 0 4% 0;
			background: url(../images/bg_sec02.png) no-repeat;
			background-size: cover;
		}
		.sec02_about {
			padding: 18px 13px 10px 10px;
		}
			.sec02_about ul {
				margin: 9px 0 0 0;
			}
				.sec02_about ul li {
					float:  left;
					width: 50%;
				}
				.sec02_about ul li:nth-child(2n) {
					margin-top: 13%;
				}

/* !Section sec03
---------------------------------------------------------- */
#sec03 {
	position: relative;
	background: #e85298;
	padding: 0 0 68px 0;
}
#sec03:before,
#sec03:after {
	position: absolute;
	left: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 30px;
}
#sec03:before {
	top: 0;
	background: url(../images/bg_wave_sec03_01.png) repeat-x left top;
	background-size: 100% auto;
}
#sec03:after {
	bottom: -19px;
	background: url(../images/bg_wave_sec03_02.png) repeat-x left bottom;
	background-size: 100% auto;
}
	#sec03 h2 {
		margin: 0 0 30px 0;
	}
	#sec03 ul {
		margin: 40px 0 0 0;
	}
		#sec03 ul li {
			display: table;
			width: 100%;
			margin: 0 0 34px 0;
		}
			#sec03 ul li div {
				display: table-cell;
				width: 120px;
				vertical-align: top;
			}
			#sec03 ul li dl {
				display: table-cell;
				color: #ffffff;
				vertical-align: top;
			}
			#sec03 ul li:nth-child(n+1) dl {
				padding: 0 0 0 10px;
			}
			#sec03 ul li:nth-child(2n) dl {
				padding: 0 10px 0 0;
			}
				#sec03 ul li dl dt {
					margin: 0 0 0.4em 0;
					font-weight: bold;
					line-height: 1.3;
				}
					#sec03 ul li dl dt span {
						font-weight: bold;
						font-size: 74%;
					}
				#sec03 ul li dl dd {
					font-size: 88%;
				}
				#sec03 ul li dl dd.note01 {
					font-size: 60%;
					text-align: right;
				}

	#sec03 .sec03_manga01 {
		padding: 4% 3% 4% 3%;
		border-radius: 30px;
		text-align: center;
		background: #ffffff none;
	}
		#sec03 .sec03_manga01 dl {
			margin: 4% 0 0 0;
			padding: 4% 3% 4% 3%;
			border-radius: 20px;
			background: #ffdae0 none;
		}
			#sec03 .sec03_manga01 dl dd ul {
				margin: 0;
				padding: 0;
			}
				#sec03 .sec03_manga01 dl dd ul li {
					margin: 3% 0 0 0;
				}


		.youtube01 {
			position: relative;
			width: 100%;
			padding-top: 56.25%;
			overflow: hidden;
		}
			.youtube01 iframe {
				position: absolute;
				top: 0;
				right: 0;
				width: 100% !important;
				height: 100% !important;
			}

/* !Section sec04
---------------------------------------------------------- */
#sec04 {
	padding: 50px 0 0 0;
}
	#sec04 h2 {
		margin: 0 0 30px 0;
	}
	#sec04 #recipe,
	#sec04 #special {
		margin: 0 0 10px 0;
	}
	#sec04 #recipe {
		position: relative;
	}
	#sec04 #recipe:before {
		position: absolute;
		top: -52px;
		content: "";
		display: inline-block;
		width: 34px;
		height: 55px;
		background: url(../images/ill_sec04_01.png) no-repeat;
		background-size: cover;
	}
	#sec04 #song {
		position: relative;
	}
	#sec04 #song:after {
		position: absolute;
		bottom: 0;
		right: -9px;
		content: "";
		display: inline-block;
		width: 29px;
		height: 28px;
		background: url(../images/ill_sec04_02.png) no-repeat;
		background-size: cover;
	}
	#sec04 .cv_area01 {
		margin-bottom: 43px;
	}

/* !Section Voice
---------------------------------------------------------- */
#voice {
	position: relative;
	padding: 40px 0 45px 0;
	background: #e85298;
}
#voice:before {
	position: absolute;
	top: -10px;
	left: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 20px;
	background: url(../images/bg_wave_voice01.png) repeat-x left top;
	background-size: 100% auto;
}
	#voice ul {
		margin: 15px 0 0 0;
	}
		#voice ul li {
			display: table;
			width: 100%;
			margin: 0 0 10px 0;
		}
			#voice ul li div {
				display: table-cell;
				vertical-align: middle;
			}
			#voice ul li .img {
				width: 101px;
			}
			#voice ul li .txt {
				padding: 0 0 0 10px;
			}
				#voice ul li .txt p {
					color: #ffffff;
					font-size: 88%;
				}
	#voice .link_button {
		margin: 5px 0 0 0;
	}

/* !Section World
---------------------------------------------------------- */
#world {
	padding: 0 0 56px 0;
	background: url(../images/bg_stripe_world01.png) repeat;
	background-size: 12px;
}
	#world .inner01 {
		background: url(../images/bg_world01.png) no-repeat center top;
		background-size: 100% auto;
	}
		#world h2 {
			padding: 45px 0 0 0;
		}
		#world .inner01 p {
			font-size: 88%;
		}

/* !Bnr Area
---------------------------------------------------------- */
#bnr_area:before {
	content: none;
}