@charset "utf-8";

.inner{
	position:relative;
	width:1000px;
	height:100%;
	margin:0 auto;
}

/*------- mv -------*/
.mv{
	width:100%;
	height:800px;
	position: relative;
}

.mv.recipe1{ background: url(../../img/recipe/mv/bg.jpg) center top no-repeat;background-size:cover;}
.mv.recipe2{ background: url(../../img/recipe/recipe2/bg.jpg) center top no-repeat;background-size:cover;}
.mv.recipe3{ background: url(../../img/recipe/recipe3/bg.jpg) center top no-repeat;background-size:cover;}

.mv .line{
	width:100%;
	height:800px;
	background:url(../../img/bg.jpg) center bottom repeat-x;
	background-size:25px 99px;
	padding-top:327px;
	box-sizing:border-box;
	z-index: 10;
	position: relative;
}

.mv .blur {
	width: 100%;
	height: 800px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.mv.recipe1 .blur { background: url(../../img/recipe/mv/bg_blur.jpg) center top no-repeat;background-size:cover;}
.mv.recipe2 .blur { background: url(../../img/recipe/recipe2/bg_blur.jpg) center top no-repeat;background-size:cover;}
.mv.recipe3 .blur { background: url(../../img/recipe/recipe3/bg_blur.jpg) center top no-repeat;background-size:cover;}

.mv h2{
	position:relative;
	z-index:10;
}

.mv ul li:first-child{
	position:absolute;
	left:73px;
	bottom:9px;
}

.mv ul li:nth-child(2){
	position:absolute;
	left:386px;
	bottom:9px;
}

.mv ul li:last-child{
	position:absolute;
	left:640px;
	bottom:9px;
}

/*------- recipe -------*/
.recipe{
	background:#f7e8d2;
	box-sizing:border-box;
	height:800px;
	padding-top:88px;
	padding-bottom:110px;
	overflow:hidden;
}

.recipe h3{
	margin-bottom:20px;
}

.recipe h3 img{
	margin-left:10px;
}

.recipe_txt{
	font-size:14px;
	text-align:center;
	line-height:1.71;
	margin-bottom:50px;
}

.material{
	width:300px;
	padding-left:19px;
	box-sizing:border-box;
	float:left;
}

.material h4,
.make h4{
	background:url(../../img/recipe/recipe/obi.png) no-repeat left top;
	margin-bottom:23px;
	height:27px;
	text-align:left;
	color:#fff;
	padding:7px 0 7px 29px;
	line-height:1;
	box-sizing:border-box;
}

.material li{
	padding:4px 47px 4px 20px;
	border-bottom:1px dotted #000;
	text-align:right;
	overflow:hidden;
	font-size:14px;
}

.material li span{
	text-align:left;
	display:block;
	float:left;
}

.make{
	margin-left:390px;
	box-sizing:border-box;
	padding-right:21px;
}

.make li{
	overflow:hidden;
	padding:10px 20px 10px 0;
	box-sizing:border-box;
	border-bottom:1px dotted #000;
	line-height:1;
}

.make li:first-child{
	padding:0 20px 10px 0;
}

.make li .numb{
	width:28px;
	height:28px;
	background:#669a32;
	color:#fff;
	display:block;
	float:left;
	padding-top:8px;
	box-sizing:border-box;
}

.make_li_cnt{
	margin-left:40px;
	text-align:left;
}

.make_li_cnt img{
	display:block;
	float:right;
}

.make_li_cnt .make_cnt_txt{
	margin-top:6px;
	line-height: 1.4;
	display:block;
	float:left;
}

/*------- offer -------*/
.offer{
	background-color:#f7f8f3;
}

.offer .inner{
	padding-top:80px;
	box-sizing:border-box;
	height:500px;
}

.offer_cnt{
	padding-left:235px;
	text-align:left;
}

.offer .img{
	padding-left:135px;
	margin-bottom:30px;
	text-align:left;
}

.offer .img2{
	position:absolute;
	bottom:0;
	right:-200px;
}

.offer_cnt h4{
	background:url(../../img/recipe/offer/obi.png) no-repeat left top;
	height:27px;
	font-size:14px;
	color:#fff;
	padding:7px 0 7px 29px;
	line-height:1;
	box-sizing:border-box;
	margin-bottom:10px;
}

.offer_cnt p{
	font-size:30px;
}

.offer_cnt p .offer_txt1{
	font-size:18px;
	margin-right:24px;
}

.offer_cnt p .offer_txt2{
	font-size:24px;
}