*{margin: 0; padding: 0;}
img{border: 0; font-size: 0;}

@media only screen and (min-width: 600px) {

#container .recipe_eye{
	width: 100%;
	height: auto;
	margin-top: 45px;
}

#container .recipe_eye img{
	width: 100%;
	height: auto;
}

/*ここから8/10追加css*/
#container .btn{
	width: 725px;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 110px auto 0;
}
#container .btn a{
	width: 342px;
	height: 98px;
	display: block;
	background-image: url(../img/recipe/easy_btn.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 1px solid #a1b437; 
}
#container .btn a.pro{
	background-image: url(../img/recipe/pro_btn.jpg);
	border: 1px solid #729762; 
}
#container .btn a:hover{
	background-image: url(../img/recipe/easy_hover.jpg);
	border: 1px solid #a1b437; 
}
#container .btn a.pro:hover{
	background-image: url(../img/recipe/pro_hover.jpg);
	border: 1px solid #729762; 
}
.easy_recipe{
	width: 100%;
	height: auto;
	display: block;
	padding: 90px 0;
}
.easy_recipe .rec_title{
	width: 145px;
	height: auto;
	display: block;
	margin: 0 auto 50px;
}
.easy_recipe .rec_title img{
	width: 100%;
	height: auto;
	display: block;
}
.pro_recipe{
	width: 100%;
	height: auto;
	display: block;
	background-color: #eaecd8;
	padding: 90px 0 0;
}
.pro_recipe .rec_title{
	width: 205px;
	height: auto;
	display: block;
	margin: 0 auto 50px;
}
.pro_recipe .rec_title img{
	width: 100%;
	height: auto;
	display: block;
}
/*ここまで*/

#container .recipe{
	width: 736px;
	height: auto;
	margin: 0 auto 80px;
}

#container .recipe h3{
	width: 96%;
	font-size: 20px;
	font-weight: 400;
	line-height: 46px;
	color: #fff;
	padding-left: 4%;
	background-color: #A1B437;
	/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#container .recipe .photo{
	width: 100%;
	height: auto;
	margin: 35px 0;
	overflow: hidden;
}


#container .recipe img.left{
	width: 48%;
	height: auto;
	float: left;
}

#container .recipe img.right{
	width: 48%;
	height: auto;
	float: right;
}

#container .recipe p.material{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 15px;
}

#container .recipe p.material_inner{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 15px;
	padding-left:1em;
	text-indent:-1em;
}

#container .recipe p.howto{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 20px;
}

/*8/10追加分2*/
#container .recipe .hint{
	width: 736px;
	height: auto;
	display: block;
	background-color: #f9f8db;
	margin: 35px auto 80px;
	padding: 23px 38px;
	box-sizing: border-box;
}
#container .recipe .hint p.hint_title{
	font-size: 17px;
	line-height: 27px;
	text-align: center;
	color: #74932f;
}
#container .recipe .hint p.hint_text{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}
/*ここまで*/


}

















@media only screen and (max-width: 599px) {

#container .recipe_eye{
	width: 100%;
	height: auto;
	margin: 45px auto 0;
}

#container .recipe_eye img{
	display: block;
	width: 100%;
	height: auto;
	/*margin-left: -25%;*/
}

/*ここから8/10追加css*/
#container .btn{
	width: 100%;
	height: auto;
	display: block;
	margin: 110px auto 0;
}
#container .btn a{
	width: 60%;
	height: auto;
	margin: 0 auto 10px;
	display: block;
}
#container .btn a img{
	width: 100%;
	height: auto;
	display: block;
}
.easy_recipe{
	width: 100%;
	height: auto;
	display: block;
	padding: 90px 0;
}
.easy_recipe .rec_title{
	width: 145px;
	height: auto;
	display: block;
	margin: 0 auto 50px;
}
.easy_recipe .rec_title img{
	width: 100%;
	height: auto;
	display: block;
}
.pro_recipe{
	width: 100%;
	height: auto;
	display: block;
	background-color: #eaecd8;
	padding: 90px 0 45px;
}
.pro_recipe .rec_title{
	width: 205px;
	height: auto;
	display: block;
	margin: 0 auto 50px;
}
.pro_recipe .rec_title img{
	width: 100%;
	height: auto;
	display: block;
}
/*ここまで*/

#container .recipe{
	width: 92%;
	height: auto;
	margin: 40px auto 80px;
}
#container .recipe:last-child{
	margin-bottom: 0;
}

#container .recipe h3{
	width: 96%;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
	padding: 10px 2%;
	background-color: #A1B437;
	/*font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#container .recipe .photo{
	width: 100%;
	height: auto;
	margin: 35px auto 0;
	overflow: hidden;
}

#container .recipe img{
	display: block;
	margin-bottom: 20px;
}

#container .recipe img.left{
	width: 100%;
	height: auto;
}

#container .recipe img.right{
	width: 100%;
	height: auto;
}

#container .recipe p.material{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 15px;
}

#container .recipe p.material_inner{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 15px;
	padding-left:1em;
	text-indent:-1em;
}

#container .recipe p.howto{
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	margin-top: 20px;
}
/*8/10追加分2*/
#container .recipe .hint{
	width: 100%;
	height: auto;
	display: block;
	background-color: #f9f8db;
	margin: 35px auto 80px;
	padding: 23px 38px;
	box-sizing: border-box;
}
#container .recipe .hint:last-child{
	margin-bottom: 0;
}
#container .recipe .hint p.hint_title{
	font-size: 17px;
	line-height: 27px;
	text-align: center;
	color: #74932f;
}
#container .recipe .hint p.hint_text{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}
/*ここまで*/





}