header{
	background: rgb(253, 203, 203);

}
.header_in{
	width: 1280px;
	margin: 0 auto;
	background: rgb(255, 176, 176);
}
nav{
	background: burlywood;
}
.nav_in{
	background: rgb(190, 143, 80);
	width: 1280px;
	margin: 0 auto;
}
.nav_in a{
	display: block;
	float: left;
	padding: 10px 30px 10px 10px;
	background: rgb(190, 143, 80);
	transition-duration: 0.3s;
	text-decoration: none;
	color: white;
}

.nav_in a:hover{
	background: rgb(255, 217, 168);
	transition-duration: 0.3s;
}
.clear_fix:after{
	display: block;
	content: "";
	width: 100%;
	clear: both;	
}

.container{
	background-color: white;
	padding: 30px;
}

.container_in{
	width: 1280px;
	margin: 0 auto;
}




.main_contents .recipi_list figure{
	width: 275px;
	height: 275px;
	margin: 0 0 0 30px;
	float: left;
	overflow: hidden;
}

.main_contents .recipi_list img{
	width: 275px;
}


.right_utility figure{
	width: 275px;
	margin: 0 0 0 0;
	float: left;
}

.right_utility figure img{
	width: 275px;
}


.main_contents{
	float: left;
	width: calc(100% - 365px);
	/* border: 1px solid #f00; */
}
.right_utility{
	width: 335px;
	padding :10px ;
	background-color: rgb(230, 230, 230);
	float: left;
	margin-left:30px;
	padding: 10px 30px 30px;
	text-align: center;
}
.r_item{
	width: 275px;
}