@media screen and (1024px <= width){#recipe_top{padding:57px 0 56px}#recipe_top .explain{text-align:center}#recipe_top .explain img{width:1000px}#recipe_filter{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;width:901px;margin:37px auto 0}#recipe_filter p{cursor:pointer;transition:opacity .6s ease;position:relative}#recipe_filter p:hover img.off{opacity:.7}#recipe_filter p img.on{opacity:0;position:absolute;left:0;top:0}#recipe_filter p[data-filter=all] img{width:121px}#recipe_filter p[data-filter=tomato] img,#recipe_filter p[data-filter=pumpkin] img{width:360px}#recipe_filter[data-state=all] p[data-filter=all] img.off,#recipe_filter[data-state=tomato] p[data-filter=tomato] img.off,#recipe_filter[data-state=pumpkin] p[data-filter=pumpkin] img.off{opacity:0}#recipe_filter[data-state=all] p[data-filter=all] img.on,#recipe_filter[data-state=tomato] p[data-filter=tomato] img.on,#recipe_filter[data-state=pumpkin] p[data-filter=pumpkin] img.on{opacity:1}#recipe_list_wrapper{box-sizing:content-box;width:1000px;margin:37px auto 0}#recipe_list_wrapper #filter_block_list,#recipe_list_wrapper #recipe_list{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 13.3333333333px}#recipe_list_wrapper #filter_block_list div{width:240px}#recipe_list_wrapper #recipe_list .recipe_item{width:240px;position:relative}#recipe_list_wrapper #recipe_list .recipe_item:after{content:"";width:100%;height:59px;background-size:contain;background-position:left top;background-repeat:no-repeat;pointer-events:none;position:absolute;left:0;top:0;z-index:10}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=tomato]:after{background-image:image-set(url(./mark_tomato.png) 1x,url(./mark_tomato@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=pumpkin]:after{background-image:image-set(url(./mark_pumpkin.png) 1x,url(./mark_pumpkin@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=both]:after{background-image:image-set(url(./mark_tomato_and_pumpkin.png) 1x,url(./mark_tomato_and_pumpkin@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item .photo{height:240px;border-radius:30px;overflow:hidden}#recipe_list_wrapper #recipe_list .recipe_item .photo img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease}#recipe_list_wrapper #recipe_list .recipe_item .name{margin-top:10px;color:#000;font-family:Helvetica Neue,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif;font-weight:400;font-size:16px;line-height:22px}#recipe_list_wrapper #recipe_list .recipe_item:hover .photo img{transform:scale(1.2)}}@media screen and (768px <= width < 1024px){#recipe_top{padding:4.3846153846vw 0 4.3076923077vw}#recipe_top .explain{text-align:center}#recipe_top .explain img{width:76.9230769231vw}#recipe_filter{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;width:69.3076923077vw;margin:2.8461538462vw auto 0}#recipe_filter p{cursor:pointer;transition:opacity .6s ease;position:relative}#recipe_filter p:hover img.off{opacity:.7}#recipe_filter p img.on{opacity:0;position:absolute;left:0;top:0}#recipe_filter p[data-filter=all] img{width:9.3076923077vw}#recipe_filter p[data-filter=tomato] img,#recipe_filter p[data-filter=pumpkin] img{width:27.6923076923vw}#recipe_filter[data-state=all] p[data-filter=all] img.off,#recipe_filter[data-state=tomato] p[data-filter=tomato] img.off,#recipe_filter[data-state=pumpkin] p[data-filter=pumpkin] img.off{opacity:0}#recipe_filter[data-state=all] p[data-filter=all] img.on,#recipe_filter[data-state=tomato] p[data-filter=tomato] img.on,#recipe_filter[data-state=pumpkin] p[data-filter=pumpkin] img.on{opacity:1}#recipe_list_wrapper{box-sizing:content-box;width:76.9230769231vw;margin:2.8461538462vw auto 0}#recipe_list_wrapper #filter_block_list,#recipe_list_wrapper #recipe_list{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4615384615vw 1.0256410256vw}#recipe_list_wrapper #filter_block_list div{width:18.4615384615vw}#recipe_list_wrapper #recipe_list .recipe_item{width:18.4615384615vw;position:relative}#recipe_list_wrapper #recipe_list .recipe_item:after{content:"";width:100%;height:4.5384615385vw;background-size:contain;background-position:left top;background-repeat:no-repeat;pointer-events:none;position:absolute;left:0;top:0;z-index:10}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=tomato]:after{background-image:image-set(url(./mark_tomato.png) 1x,url(./mark_tomato@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=pumpkin]:after{background-image:image-set(url(./mark_pumpkin.png) 1x,url(./mark_pumpkin@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=both]:after{background-image:image-set(url(./mark_tomato_and_pumpkin.png) 1x,url(./mark_tomato_and_pumpkin@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item .photo{height:18.4615384615vw;border-radius:2.3076923077vw;overflow:hidden}#recipe_list_wrapper #recipe_list .recipe_item .photo img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease}#recipe_list_wrapper #recipe_list .recipe_item .name{margin-top:.7692307692vw;color:#000;font-family:Helvetica Neue,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif;font-weight:400;font-size:1.2307692308vw;line-height:1.6923076923vw}#recipe_list_wrapper #recipe_list .recipe_item:hover .photo img{transform:scale(1.2)}}@media screen and (width < 768px){#recipe_top{padding:6.2666666667vw 0 14.1333333333vw}#recipe_top .explain{text-align:center}#recipe_top .explain img{width:100vw}#recipe_filter{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;width:93.3333333333vw;margin:6.6666666667vw auto 0}#recipe_filter p{cursor:pointer;transition:opacity .6s ease;position:relative}#recipe_filter p:hover img.off{opacity:.7}#recipe_filter p img.on{opacity:0;position:absolute;left:0;top:0}#recipe_filter p[data-filter=all] img{width:20vw}#recipe_filter p[data-filter=tomato] img,#recipe_filter p[data-filter=pumpkin] img{width:34.6666666667vw}#recipe_filter[data-state=all] p[data-filter=all] img.off,#recipe_filter[data-state=tomato] p[data-filter=tomato] img.off,#recipe_filter[data-state=pumpkin] p[data-filter=pumpkin] img.off{opacity:0}#recipe_filter[data-state=all] p[data-filter=all] img.on,#recipe_filter[data-state=tomato] p[data-filter=tomato] img.on,#recipe_filter[data-state=pumpkin] p[data-filter=pumpkin] img.on{opacity:1}#recipe_list_wrapper{box-sizing:content-box;width:87.7333333333vw;margin:9.3333333333vw auto 0}#recipe_list_wrapper #filter_block_list,#recipe_list_wrapper #recipe_list{display:grid;grid-template-columns:repeat(2,1fr);gap:5.6vw 2.4vw}#recipe_list_wrapper #filter_block_list div{width:42.6666666667vw}#recipe_list_wrapper #recipe_list .recipe_item{width:42.6666666667vw;position:relative}#recipe_list_wrapper #recipe_list .recipe_item:after{content:"";width:100%;height:10.5333333333vw;background-size:contain;background-position:left top;background-repeat:no-repeat;pointer-events:none;position:absolute;left:0;top:0;z-index:10}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=tomato]:after{background-image:image-set(url(./mark_tomato.png) 1x,url(./mark_tomato@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=pumpkin]:after{background-image:image-set(url(./mark_pumpkin.png) 1x,url(./mark_pumpkin@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item[data-kind=both]:after{background-image:image-set(url(./mark_tomato_and_pumpkin.png) 1x,url(./mark_tomato_and_pumpkin@2x.png) 2x)}#recipe_list_wrapper #recipe_list .recipe_item .photo{height:42.6666666667vw;border-radius:5.3333333333vw;overflow:hidden}#recipe_list_wrapper #recipe_list .recipe_item .photo img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease}#recipe_list_wrapper #recipe_list .recipe_item .name{margin-top:.6666666667vw;color:#000;font-family:Helvetica Neue,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif;font-weight:400;font-size:3.2vw;line-height:4.2666666667vw}#recipe_list_wrapper #recipe_list .recipe_item:hover .photo img{transform:scale(1.2)}}