@charset "UTF-8";
/* CSS Document */

@media (min-width: 500px) {
  body { width: 375px; margin: auto;  box-shadow:0 0 20px rgba(0,0,0,.15);  }
}

/*--------------------------------------
おすすめレシピ
--------------------------------------*/
.recipe_top{padding:22px 12px 28px;background:#fffdf8;overflow:hidden;}
.recipe_top_heading{margin:0 0 16px;text-align:center;}
.recipe_top_heading_sub{display:block;margin:0 0 4px;color:#6fa814;font-size:12px;font-weight:bold;line-height:1.5;text-align:center;}
.recipe_top_heading_title{margin:0!important;padding:0!important;background:none!important;color:#333333!important;font-size:21px!important;font-weight:bold;line-height:1.4;text-align:center!important;height:auto!important;}
.recipe_top_heading_title:after{content:"";display:block;width:40px;height:3px;margin:8px auto 0;background:#6edd58;border-radius:10px;}

/*--------------------------------------
レシピ スライダー
--------------------------------------*/
.recipe_slider{position:relative;width:100%;margin:0 auto 25px;}
.recipe_slider_view{position:relative;width:100%;overflow:hidden;border-radius:10px;background:#ffffff;box-shadow:0 3px 12px rgba(0,0,0,0.12);}
.recipe_slider_track{display:flex;width:100%;transition:transform .5s ease;-webkit-transition:-webkit-transform .5s ease;}
.recipe_slide{position:relative;flex:0 0 100%;min-width:100%;background:#ffffff;}
.recipe_slide_image{position:relative;width:100%;height:0;padding-top:68%;overflow:hidden;background:#f2f2f2;}
.recipe_slide_image img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;}
.recipe_slide_text{position:absolute;left:0;right:0;bottom:0;padding:35px 15px 14px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.78));}
.recipe_slide_label{display:inline-block;margin:0 0 5px;padding:3px 8px;background:#6edd58;border-radius:10px;color:#ffffff;font-size:10px;font-weight:bold;line-height:1.4;}
.recipe_slide_title{margin:0!important;padding:0!important;color:#ffffff!important;font-size:17px;font-weight:bold;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.recipe_slider_prev{position:absolute;z-index:5;top:50%;left:7px;width:34px;height:34px;margin:-17px 0 0;padding:0;border:0;border-radius:50%;background-color:rgba(255,255,255,0.9);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M15 5l-7 7 7 7' fill='none' stroke='%23555555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px 20px;box-shadow:0 1px 5px rgba(0,0,0,0.2);cursor:pointer;-webkit-appearance:none;appearance:none;}
.recipe_slider_next{position:absolute;z-index:5;top:50%;right:7px;width:34px;height:34px;margin:-17px 0 0;padding:0;border:0;border-radius:50%;background-color:rgba(255,255,255,0.9);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23555555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px 20px;box-shadow:0 1px 5px rgba(0,0,0,0.2);cursor:pointer;-webkit-appearance:none;appearance:none;}
.recipe_slider_prev:hover{background-color:#ffffff;}
.recipe_slider_next:hover{background-color:#ffffff;}
.recipe_slider_prev:focus{outline:none;}
.recipe_slider_next:focus{outline:none;}
.recipe_slider_dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:11px 0 0;}
.recipe_slider_dot{display:block;width:7px;height:7px;margin:0;padding:0;border:0;border-radius:50%;background:#d6d6d6;cursor:pointer;-webkit-appearance:none;appearance:none;transition:all .25s ease;}
.recipe_slider_dot.is_active{width:20px;border-radius:10px;background:#6edd58;}
.recipe_slider_dot:focus{outline:none;}

/*--------------------------------------
今日のおすすめ
--------------------------------------*/
.recipe_pickup{margin:5px 0 0;}
.recipe_pickup_heading{display:flex;align-items:center;margin:0 0 11px;padding:0 1px;}
.recipe_pickup_heading_icon{display:block;width:8px;height:8px;margin:0 7px 0 0;background:#6edd58;border-radius:50%;}
.recipe_pickup_heading_text{color:#333333;font-size:15px;font-weight:bold;}
.recipe_top_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;}
.recipe_top_item{min-width:0;overflow:hidden;background:#ffffff;border:1px solid #ededed;border-radius:8px;box-shadow:0 2px 7px rgba(0,0,0,0.07);}
.recipe_top_item:last-child{grid-column:1 / -1;width:calc(50% - 5px);}
.recipe_top_image{position:relative;width:100%;height:0;padding-top:100%;overflow:hidden;background:#f3f3f3;}
.recipe_top_image img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;}
.recipe_top_body{padding:9px 9px 11px;}
.recipe_top_title{margin:0!important;padding:0!important;color:#333333!important;font-size:13px;font-weight:bold;line-height:1.5;}

/*--------------------------------------
レシピ一覧
--------------------------------------*/
.recipe_list{margin:28px 0 0;padding:20px 0 0;border-top:1px solid #e7e7e7;}
.recipe_list_heading{display:flex;align-items:center;margin:0 0 12px;}
.recipe_list_heading_icon{display:block;width:8px;height:8px;margin:0 7px 0 0;background:#6edd58;border-radius:50%;}
.recipe_list_heading_text{margin:0!important;padding:0!important;background:none!important;color:#333333!important;font-size:17px!important;font-weight:bold;line-height:1.4;height:auto!important;}
.recipe_list_items{overflow:hidden;background:#ffffff;border:1px solid #e7e7e7;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.recipe_list_item{position:relative;display:flex;align-items:center;min-height:82px;padding:9px 38px 9px 9px;box-sizing:border-box;border-bottom:1px solid #eeeeee;background:#ffffff;color:#333333;text-decoration:none;}
.recipe_list_item:last-child{border-bottom:0;}
.recipe_list_item:hover{background:#fafafa;}
.recipe_list_thumb{flex:0 0 82px;width:82px;height:70px;margin:0 12px 0 0;overflow:hidden;border-radius:6px;background:#eeeeee;}
.recipe_list_thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.recipe_list_content{display:flex;align-items:center;flex:1;min-width:0;}
.recipe_list_title{margin:0!important;padding:0!important;color:#333333!important;font-size:14px;font-weight:bold;line-height:1.55;text-align:left;}
.recipe_list_arrow{position:absolute;top:50%;right:16px;width:8px;height:8px;margin-top:-5px;border-top:2px solid #8acb6c;border-right:2px solid #8acb6c;transform:rotate(45deg);}

/*--------------------------------------
レシピをもっと見る
--------------------------------------*/
.recipe_list_more{margin:17px 0 0;text-align:center;}
.recipe_list_more a{position:relative;display:flex;align-items:center;justify-content:center;width:88%;box-sizing:border-box;margin:0 auto;padding:13px 38px 13px 18px;background:#6edd58;border:1px solid #5dc649;border-bottom:3px solid #50aa3e;border-radius:7px;color:#ffffff;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,0.08);}
.recipe_list_more a:hover{background:#64d44f;}
.recipe_list_more_text{display:block;color:#ffffff;font-size:14px;font-weight:bold;line-height:1.4;text-align:center;}
.recipe_list_more_arrow{position:absolute;top:50%;right:17px;width:8px;height:8px;margin-top:-5px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform:rotate(45deg);}