/* =================================
	ANASORE Story CSS
================================= */

/*	header
============================== */

.recipe main div.brd {
    background-image: url(../img/recipe_header.jpg);
    background-position: left top;
 }

@media all and (min-width: 768px) {
.recipe main div.brd > div.inner {
	padding:0 0 0px; 
	/*min-height:697px;
	height:auto !important;
	height:697px;
	height:417px;*/
}
.recipe main div.brd > div.inner {
	background-image:none;
}
.recipe h1{ 
	width:655px;
	height: 273px;
}
.recipe_text{
	width:648px;
	height:382px;
	background-image: url(../img/recipe_text.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}
.recipe_kensaku{
	width:648px;
	height: 215px;
	background-image: url(../img/recipe_kensaku.jpg);
	background-repeat: no-repeat;
}

}
@media all and (max-width: 767px) {
.recipe h1{ 
	height:0;
	padding-top:41.679%;
}
.recipe_text {
	background-image: url(../img/recipe_text2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:69.465%;
	margin:0 auto ;
}
.recipe_kensaku {
	background-image: url(../img/recipe_kensaku2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:33.435%;
	margin:0 auto 0;
}
.cmn main div.brd > div.inner {
    padding: 0 0px 0px;
}
}