@media screen and (1024px <= width){#recipe .list{box-sizing:content-box;width:900px;margin:0 auto;padding-bottom:50px}#recipe .list #filter_block_list,#recipe .list #recipe_list{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:20px 15px}#recipe .list #filter_block_list div{width:290px}#recipe .list #recipe_list li{width:290px;box-sizing:border-box;padding:6px;box-shadow:0 0 5px #0000004d}#recipe .list #recipe_list li .photo{display:block;position:relative}#recipe .list #recipe_list li .photo img{width:278px;height:248px;object-fit:cover;object-position:center center}#recipe .list #recipe_list li .photo>span{display:none}#recipe .list #recipe_list li .photo>span[data-label=high_school]{display:block;width:100%;height:100%;pointer-events:none;background-image:url(./label_high_school_collabo2.png);background-position:right bottom;background-size:contain;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:100}#recipe .list #recipe_list li .name{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:56px;text-align:center;font-size:16px;line-height:20px;font-feature-settings:"palt"}#recipe .list #recipe_list li[data-kind=regular] .name{color:#172a8b}#recipe .list #recipe_list li[data-kind=basil] .name{color:#008c36}#recipe_filter{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:867px;margin:37px auto 0;padding-bottom:30px}#recipe_filter p{cursor:pointer;transition:opacity .6s ease;position:relative}#recipe_filter p picture:nth-child(2){pointer-events:none}#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:86px}#recipe_filter p[data-filter=basil] img,#recipe_filter p[data-filter=regular] img{width:370px}#recipe_filter[data-state=all] p[data-filter=all] img.off,#recipe_filter[data-state=basil] p[data-filter=basil] img.off,#recipe_filter[data-state=regular] p[data-filter=regular] img.off{opacity:0}#recipe_filter[data-state=all] p[data-filter=all] img.on,#recipe_filter[data-state=basil] p[data-filter=basil] img.on,#recipe_filter[data-state=regular] p[data-filter=regular] img.on{opacity:1}}@media screen and (768px <= width < 1024px){#recipe .list{box-sizing:content-box;width:75vw;margin:0 auto;padding-bottom:4.1666666667vw}#recipe .list #filter_block_list,#recipe .list #recipe_list{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:1.6666666667vw 1.25vw}#recipe .list #filter_block_list div{width:24.1666666667vw}#recipe .list #recipe_list li{width:24.1666666667vw;box-sizing:border-box;padding:.5vw;box-shadow:0 0 .4166666667vw #0000004d}#recipe .list #recipe_list li .photo{display:block;position:relative}#recipe .list #recipe_list li .photo img{width:23.1666666667vw;height:20.6666666667vw;object-fit:cover;object-position:center center}#recipe .list #recipe_list li .photo>span{display:none}#recipe .list #recipe_list li .photo>span[data-label=high_school]{display:block;width:100%;height:100%;pointer-events:none;background-image:url(./label_high_school_collabo2.png);background-position:right bottom;background-size:contain;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:100}#recipe .list #recipe_list li .name{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:4.6666666667vw;text-align:center;font-size:1.3333333333vw;line-height:1.6666666667vw;font-feature-settings:"palt"}#recipe .list #recipe_list li[data-kind=regular] .name{color:#172a8b}#recipe .list #recipe_list li[data-kind=basil] .name{color:#008c36}#recipe_filter{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:72.25vw;margin:3.0833333333vw auto 0;padding-bottom:2.5vw}#recipe_filter p{cursor:pointer;transition:opacity .6s ease;position:relative}#recipe_filter p picture:nth-child(2){pointer-events:none}#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:7.1666666667vw}#recipe_filter p[data-filter=basil] img,#recipe_filter p[data-filter=regular] img{width:30.8333333333vw}#recipe_filter[data-state=all] p[data-filter=all] img.off,#recipe_filter[data-state=basil] p[data-filter=basil] img.off,#recipe_filter[data-state=regular] p[data-filter=regular] img.off{opacity:0}#recipe_filter[data-state=all] p[data-filter=all] img.on,#recipe_filter[data-state=basil] p[data-filter=basil] img.on,#recipe_filter[data-state=regular] p[data-filter=regular] img.on{opacity:1}}@media screen and (width < 768px){#recipe .list{box-sizing:content-box;width:94.6vw;margin:0 auto;padding-bottom:12vw}#recipe .list #filter_block_list,#recipe .list #recipe_list{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:4vw 1.4vw}#recipe .list #filter_block_list div{width:46.6vw}#recipe .list #recipe_list li{box-sizing:border-box;width:46.6vw;padding:1vw 1vw 0;box-shadow:0 0 .8vw #0000004d}#recipe .list #recipe_list li .photo{display:block;position:relative}#recipe .list #recipe_list li .photo img{width:44.6vw;height:39.7870503597vw;object-fit:cover;object-position:center center}#recipe .list #recipe_list li .photo>span{display:none}#recipe .list #recipe_list li .photo>span[data-label=high_school]{display:block;width:100%;height:100%;pointer-events:none;background-image:url(./label_high_school_collabo2.png);background-position:right bottom;background-size:contain;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:100}#recipe .list #recipe_list li .name{display:block;padding:3.2vw 0;position:relative}#recipe .list #recipe_list li .name.multi_line{padding:1.2vw 0}#recipe .list #recipe_list li .name span{display:inline-block;width:100%;text-align:center;color:#172a8d;font-size:3.2vw;line-height:4vw;font-feature-settings:"palt"}#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:6vw auto 0;padding-bottom:5.3333333333vw}#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:18.6666666667vw}#recipe_filter p[data-filter=basil] img,#recipe_filter p[data-filter=regular] img{width:34.6666666667vw}#recipe_filter[data-state=all] p[data-filter=all] img.off,#recipe_filter[data-state=basil] p[data-filter=basil] img.off,#recipe_filter[data-state=regular] p[data-filter=regular] img.off{opacity:0}#recipe_filter[data-state=all] p[data-filter=all] img.on,#recipe_filter[data-state=basil] p[data-filter=basil] img.on,#recipe_filter[data-state=regular] p[data-filter=regular] img.on{opacity:1}}