@charset "UTF-8";
/* CSS Document */
/* =========================================================
     feature
========================================================= */
body#feature .feature_box.inner {
	max-width: 970px;
	margin-bottom: 60px;
}
body#feature .feature_box.inner img {
	max-width: 100%;
	vertical-align: bottom;
}
/* シェフエリア（シェフレシピではない時display: none;）
--------------------------------------------------------- */
#chef_aria {
	display: none;
}



/* 味ぽん CSS
--------------------------------------------------------- */
body#feature .feature_recipe_box {
	position: relative;
	padding: 3% 0;
}
body#feature .feature_recipe_box.list01 {
	background: #dadf00;
}
body#feature .feature_recipe_box.list02 {
	background: #cf6d9b;
}

/* ----- アレンジ一覧 ----------------------------------*/
body#feature ul.featureRecipe_list {
	width: 90%;
    margin: 0 auto;
	overflow: hidden;
	background: #fffcd7;
	border-radius: 10px;
	padding: 4% 3%;
	box-sizing: border-box;
}
body#feature ul.featureRecipe_list li {
	float: left;
	width: 50%;
	padding: 2%;
	box-sizing: border-box;
}
body#feature ul.featureRecipe_list li a{
	display: block;
	text-align: center;
	position: relative;
}

body#feature ul.featureRecipe_list li a img{
	max-width: 100%;
}
body#feature ul.featureRecipe_list li a:hover{
	opacity: 0.5;
}

/* =========================================================
     768
========================================================= */
@media screen and (max-width: 970px){
body#feature .feature_box.inner {
    margin-right: 0 ;
    margin-left: 0 ;
}
body#feature ul.featureRecipe_list {
}
body#feature ul.featureRecipe_list {
}
body#feature .feature_recipe_box {
}
}
/* =========================================================
     768
========================================================= */
@media screen and (max-width:768px){

body#feature .feature_box.inner {
	max-width: 970px;
}

/* ----- 基本一覧 ----------------------------------*/
body#feature ul.featureRecipe_basicList {
}
body#feature ul.featureRecipe_basicList li {
	float: none;
	width: 100%;
}

/* ----- アレンジ一覧 ----------------------------------*/
body#feature ul.featureRecipe_list {
}
body#feature ul.featureRecipe_list li {
	width: 50%;
    padding: 5px;
}
}



/* =========================================================
     480
========================================================= */
@media screen and (max-width:480px){
body#feature ul.featureRecipe_list {
    width: 90%;
    margin: 0 6% 0 4%;
}
body#feature ul.featureRecipe_list {
}
/* ----- アレンジ一覧 ----------------------------------*/
}