app/template/default/Block/top_main_product_sp.twig line 1

Open in your IDE?
  1. {% block stylesheet %}
  2.     <style>
  4.         {
  5.             # メニュー例のスライド #
  6.         }
  8.         .category_name_div {
  9.             display: flex;
  10.             justify-content: space-between; /* 両端寄せ */
  11.             align-items: center; /* 中央揃え（縦方向） */
  12.             line-height: 42px;
  13.             margin-left: 16px;
  14.         }
  16.         .category_name {
  17.             color: #000;
  18.             font-size: 18px;
  19.             font-style: normal;
  20.             font-weight: 700;
  21.             text-align: left; /* 明示的に左寄せ */
  22.             margin-top: 0;
  23.             margin-bottom: 0;
  24.         }
  25.         .all_product_link {
  26.             color: #337AB7;
  27.             font-size: 14px;
  28.             margin-right: 16px;
  29.             font-weight: 700;
  30.         }
  32.         .main_carousel {
  33.             margin-bottom: 32px;
  34.             width: 100%;
  35.             max-width: 400px;
  36.             padding: 0;
  37.         }
  38.         .main_carousel .slick-list {
  39.             padding: 0 21% 0 0 !important;
  40.         }
  41.         .main_carousel img {
  42.             border-radius: 8px;
  43.         }
  45.         .main_carousel .item {
  46.             width: 268px !important;
  47.             margin-right: 28px;
  48.         }
  49.     </style>
  51. {% endblock %}
  53. {% block javascript %}
  54.     <script>
  56.         $(function () {
  58. {% set current_domain = app.request.getHost() %}
  60. {% set is_prod = 'web-order.shikomel.com' in current_domain %}
  61. {% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
  63. // メニュー例のカルーセル
  64. $('.main_carousel').slick({
  65. dots: false,
  66. autoplay: false,
  67. centerMode: false,
  68. centerPadding: '0px',
  69. arrows: false,
  70. infinite: true,
  71. slidesToShow: 1,
  72. variableWidth: true,
  73. swipeToSlide: true
  74. });
  76. });
  77.     </script>
  78. {% endblock javascript %}
  80. <div>
  81.     {# メニュースクロール #}
  82.     <section
  83.         style="margin: 0px; padding-left: 0px; padding-bottom: 64px;">
  85.         {# 売上をUPする、おすすめメニュー #}
  86.         <div class="" style="margin-left: 16px; margin-bottom:24px;">
  87.             <img src="{{ asset('assets/img/top_page/text_1.png', 'user_data') }}" alt="売上をUPする、おすすめメニュー" style="width: 100%;">
  88.         </div>
  89.         {# 名物 #}
  90.         <div class="category_name_div" style="margin-bottom: 14px;">
  91.             <h2 class="category_name">名物</h2>
  92.             <a href="{{ url('product_list', {'category_id': 22}) }}" class="all_product_link">すべて見る</a>
  93.         </div>
  95.         <div class="main_carousel" style="padding-left: 16px;">
  96.             <div class="item slick-slide" style="margin-right: 16px;">
  97.                 <a href="{{ path('product_detail', { id: 664 }) }}" style="cursor: pointer;" class="">
  98.                     <img src="{{ asset('assets/img/top_product_image/product_image_664_01.webp', 'user_data') }}" alt="肉汁溢れる鴨メンチカツ｜都内和食バルの逸品メニュー" style="width: 275px;">
  99.                 </a>
  100.             </div>
  101.             <div class="item slick-slide" style="margin-right: 16px;">
  102.                 <a href="{{ path('product_detail', { id: 574 }) }}" style="cursor: pointer;" class="">
  103.                     <img src="{{ asset('assets/img/top_product_image/product_image_574_01.webp', 'user_data') }}" alt="鳥刺し・むね｜”刺し”は高単価メニュー枠｜国産鶏使用｜塩せき加工で安全" style="width: 275px;">
  104.                 </a>
  105.             </div>
  106.             <div class="item slick-slide" style="margin-right: 16px;">
  107.                 <a href="{{ path('product_detail', { id: 576 }) }}" style="cursor: pointer;" class="">
  108.                     <img src="{{ asset('assets/img/top_product_image/product_image_576_01.webp', 'user_data') }}" alt="骨付き丸鶏｜月間1800食売れている人気の逸品！｜スチーム調理で旨み凝縮" style="width: 275px;">
  109.                 </a>
  110.             </div>
  111.             <div class="item slick-slide" style="margin-right: 16px;">
  112.                 <a href="{{ path('product_detail', { id: 570 }) }}" style="cursor: pointer;" class="">
  113.                     <img src="{{ asset('assets/img/top_product_image/product_image_570_01.webp', 'user_data') }}" alt="牛100%ハンバーグ｜特別製法で肉汁たっぷり｜大判200gで満足感！" style="width: 275px;">
  114.                 </a>
  115.             </div>
  116.             <div class="item slick-slide" style="margin-right: 16px;">
  117.                 <a href="{{ path('product_detail', { id: 637 }) }}" style="cursor: pointer;" class="">
  118.                     <img src="{{ asset('assets/img/top_product_image/product_image_637_01.webp', 'user_data') }}" alt="低温調理牛タン｜不定貫1.9kg｜6時間かけた真空調理の技術で柔らかさと旨味を凝縮" style="width: 275px;">
  119.                 </a>
  120.             </div>
  121.             <div class="item slick-slide" style="margin-right: 16px;">
  122.                 <a href="{{ path('product_detail', { id: 68 }) }}" style="cursor: pointer;" class="">
  123.                     <img src="{{ asset('assets/img/top_product_image/product_image_68_01.webp', 'user_data') }}" alt="トラウトサーモンフライ｜外はサクッと、中はジューシーで上質な仕上がり" style="width: 275px;">
  124.                 </a>
  125.             </div>
  126.             <div class="item slick-slide" style="margin-right: 16px;">
  127.                 <a href="{{ path('product_detail', { id: 67 }) }}" style="cursor: pointer;" class="">
  128.                     <img src="{{ asset('assets/img/top_product_image/product_image_67_01.webp', 'user_data') }}" alt="銀座吉宗のハトシ｜エビ揚げパン・長崎のソウルフード｜銀座の有名店の超人気メニュー" style="width: 275px;">
  129.                 </a>
  130.             </div>
  131.             <div class="item slick-slide" style="margin-right: 16px;">
  132.                 <a href="{{ path('product_detail', { id: 39 }) }}" style="cursor: pointer;" class="">
  133.                     <img src="{{ asset('assets/img/top_product_image/product_image_39_01.webp', 'user_data') }}" alt="淡路産牛ハンバーグパティ｜淡路島で育った淡路産牛を使った一品" style="width: 275px;">
  134.                 </a>
  135.             </div>
  136.         </div>
  138.         {# 前菜 #}
  139.         <div class="category_name_div" style="margin-bottom: 14px;">
  140.             <h2 class="category_name">前菜</h2>
  141.             <a href="{{ url('product_list', {'category_id': 21}) }}" class="all_product_link">すべて見る</a>
  142.         </div>
  143.         <div class="main_carousel" style="padding-left: 16px;">
  144.             <div class="item slick-slide" style="margin-right: 16px;">
  145.                 <a href="{{ path('product_detail', { id: 643 }) }}" class="">
  146.                     <img src="{{ asset('assets/img/top_product_image/product_image_643_01.webp', 'user_data') }}" alt="肉じゃがポテサラ｜コロッケにも｜創業48年老舗和食屋の秘伝のレシピ" style="width: 275px;">
  147.                 </a>
  148.             </div>
  149.             <div class="item slick-slide" style="margin-right: 16px;">
  150.                 <a href="{{ path('product_detail', { id: 561 }) }}" class="">
  151.                     <img src="{{ asset('assets/img/top_product_image/product_image_561_01.webp', 'user_data') }}" alt="牛牛の山芋キムチ｜西麻布にある有名焼肉店の人気メニュー" style="width: 275px;">
  152.                 </a>
  153.             </div>
  154.             {#<div class="item slick-slide" style="margin-right: 16px;">#}
  155.             {#    <a href="{{ path('product_detail', { id: 549 }) }}" class="">#}
  156.             {#        <img src="{{ asset('assets/img/top_product_image/product_image_549_01.webp', 'user_data') }}" alt="低温調理済み鶏むね肉｜個包装でロスなし｜解凍してすぐ調理OK！" style="width: 275px;">#}
  157.             {#    </a>#}
  158.             {#</div>#}
  159.             <div class="item slick-slide" style="margin-right: 16px;">
  160.                 <a href="{{ path('product_detail', { id: 65 }) }}" class="">
  161.                     <img src="{{ asset('assets/img/top_product_image/product_image_65_01.webp', 'user_data') }}" alt="ベルギー シューストリングポテト｜コスパ最強の定番メニュー" style="width: 275px;">
  162.                 </a>
  163.             </div>
  164.             <div class="item slick-slide" style="margin-right: 16px;">
  165.                 <a href="{{ path('product_detail', { id: 29 }) }}" class="">
  166.                     <img src="{{ asset('assets/img/top_product_image/product_image_29_01.webp', 'user_data') }}" alt="【不定貫1kg】オリジナルローストビーフ｜スパイス香る本格仕込み｜解凍だけで即提供！" style="width: 275px;">
  167.                 </a>
  168.             </div>
  169.             <div class="item slick-slide" style="margin-right: 16px;">
  170.                 <a href="{{ path('product_detail', { id: 105 }) }}" class="">
  171.                     <img src="{{ asset('assets/img/top_product_image/product_image_105_01.webp', 'user_data') }}" alt="いぶりがっこクリームチーズ｜他店と差別化できる居酒屋の隠れ定番の逸品！" style="width: 275px;">
  172.                 </a>
  173.             </div>
  174.             <div class="item slick-slide" style="margin-right: 16px;">
  175.                 <a href="{{ path('product_detail', { id: 74 }) }}" class="">
  176.                     <img src="{{ asset('assets/img/top_product_image/product_image_74_01.webp', 'user_data') }}" alt="リントスカフェの紫キャベツラペ｜海辺のお洒落なカフェのプライベートブランド品！" style="width: 275px;">
  177.                 </a>
  178.             </div>
  179.             <div class="item slick-slide" style="margin-right: 16px;">
  180.                 <a href="{{ path('product_detail', { id: 75 }) }}" class="">
  181.                     <img src="{{ asset('assets/img/top_product_image/product_image_75_01.webp', 'user_data') }}" alt="リントスカフェの人参ラペ｜海辺のお洒落なカフェのプライベートブランド品！" style="width: 275px;">
  182.                 </a>
  183.             </div>
  184.         </div>
  186.         {# 和風逸品 #}
  187.         <div class="category_name_div" style="margin-bottom: 14px;">
  188.             <h2 class="category_name">逸品（和風）</h2>
  189.             <a href="{{ url('product_list', {'category_id': 20}) }}" class="all_product_link">すべて見る</a>
  190.         </div>
  191.         <div class="main_carousel" style="padding-left: 16px;">
  192.             <div class="item slick-slide" style="margin-right: 16px;">
  193.                 <a href="{{ path('product_detail', { id: 635 }) }}" class="">
  194.                     <img src="{{ asset('assets/img/top_product_image/product_image_635_01.webp', 'user_data') }}" alt="八角香る台湾風豚軟骨とろとろ煮｜隠れ家的ダイニングバーの看板メニュー！" style="width: 275px;">
  195.                 </a>
  196.             </div>
  197.             <div class="item slick-slide" style="margin-right: 16px;">
  198.                 <a href="{{ path('product_detail', { id: 577 }) }}" class="">
  199.                     <img src="{{ asset('assets/img/top_product_image/product_image_577_01.webp', 'user_data') }}" alt="骨付き丸鶏ハーフサイズ｜月間1800食売れている人気の逸品！｜スチーム調理で旨み凝縮" style="width: 275px;">
  200.                 </a>
  201.             </div>
  202.             <div class="item slick-slide" style="margin-right: 16px;">
  203.                 <a href="{{ path('product_detail', { id: 30 }) }}" class="">
  204.                     <img src="{{ asset('assets/img/top_product_image/product_image_30_01.webp', 'user_data') }}" alt="とうもろこしの天ぷら｜調理済みで手間いらずな逸品｜ほんのり塩味仕立て" style="width: 275px;">
  205.                 </a>
  206.             </div>
  207.             <div class="item slick-slide" style="margin-right: 16px;">
  208.                 <a href="{{ path('product_detail', { id: 145 }) }}" class="">
  209.                     <img src="{{ asset('assets/img/top_product_image/product_image_145_01.webp', 'user_data') }}" alt="ミシュランシェフ監修 そばだ家の牛すじ煮込み｜温めるだけで即提供！ご飯にもお酒にもぴったり！" style="width: 275px;">
  210.                 </a>
  211.             </div>
  212.             <div class="item slick-slide" style="margin-right: 16px;">
  213.                 <a href="{{ path('product_detail', { id: 16 }) }}" class="">
  214.                     <img src="{{ asset('assets/img/top_product_image/product_image_16_01.webp', 'user_data') }}" alt="鯖フィレ味噌煮｜温泉施設の定食で実績あり！ふっくら仕上げの甘辛味" style="width: 275px;">
  215.                 </a>
  216.             </div>
  217.             <div class="item slick-slide" style="margin-right: 16px;">
  218.                 <a href="{{ path('product_detail', { id: 137 }) }}" class="">
  219.                     <img src="{{ asset('assets/img/top_product_image/product_image_137_01.webp', 'user_data') }}" alt="焼きイカ｜温めるだけで提供可能・多くの居酒屋で導入実績あり！" style="width: 275px;">
  220.                 </a>
  221.             </div>
  222.             <div class="item slick-slide" style="margin-right: 16px;">
  223.                 <a href="{{ path('product_detail', { id: 15 }) }}" class="">
  224.                     <img src="{{ asset('assets/img/top_product_image/product_image_15_01.webp', 'user_data') }}" alt="たこ唐揚げ｜居酒屋定番の大ぶりタコの揚げ物" style="width: 275px;">
  225.                 </a>
  226.             </div>
  227.         </div>
  229.         {# 洋風逸品 #}
  230.         <div class="category_name_div" style="margin-bottom: 14px;">
  231.             <h2 class="category_name">逸品（洋風）</h2>
  232.             <a href="{{ url('product_list', {'category_id': 19}) }}" class="all_product_link">すべて見る</a>
  233.         </div>
  234.         <div class="main_carousel" style="padding-left: 16px;">
  235.             <div class="item slick-slide" style="margin-right: 16px;">
  236.                 <a href="{{ path('product_detail', { id: 662 }) }}" class="">
  237.                     <img src="{{ asset('assets/img/top_product_image/product_image_662_01.webp', 'user_data') }}" alt="プルドポーク｜話題のキッチンカー看板メニュー" style="width: 275px;">
  238.                 </a>
  239.             </div>
  240.             <div class="item slick-slide" style="margin-right: 16px;">
  241.                 <a href="{{ path('product_detail', { id: 557 }) }}" class="">
  242.                     <img src="{{ asset('assets/img/top_product_image/product_image_557_01.webp', 'user_data') }}" alt="ガーリックハーブチキンマリネ｜調理70%削減で焼くだけスピード提供可能" style="width: 275px;">
  243.                 </a>
  244.             </div>
  245.             <div class="item slick-slide" style="margin-right: 16px;">
  246.                 <a href="{{ path('product_detail', { id: 66 }) }}" class="">
  247.                     <img src="{{ asset('assets/img/top_product_image/product_image_66_01.webp', 'user_data') }}" alt="カット済みスパイスチキン｜厳選スパイスをたっぷり使用したエスニックテイストの逸品！" style="width: 275px;">
  248.                 </a>
  249.             </div>
  250.             <div class="item slick-slide" style="margin-right: 16px;">
  251.                 <a href="{{ path('product_detail', { id: 72 }) }}" class="">
  252.                     <img src="{{ asset('assets/img/top_product_image/product_image_72_01.webp', 'user_data') }}" alt="プルドポーク｜豚肩肉を8時間丁寧に煮込んだ本格的な味を仕込み済み商品で！" style="width: 275px;">
  253.                 </a>
  254.             </div>
  255.             <div class="item slick-slide" style="margin-right: 16px;">
  256.                 <a href="{{ path('product_detail', { id: 4 }) }}" class="">
  257.                     <img src="{{ asset('assets/img/top_product_image/product_image_4_01.webp', 'user_data') }}" alt="スパイス香る本格ジャークチキン｜月間60万売上の実績あり｜ランチ・ディナー・テイクアウトで大活躍" style="width: 275px;">
  258.                 </a>
  259.             </div>
  260.             <div class="item slick-slide" style="margin-right: 16px;">
  261.                 <a href="{{ path('product_detail', { id: 32 }) }}" class="">
  262.                     <img src="{{ asset('assets/img/top_product_image/product_image_32_01.webp', 'user_data') }}" alt="鶏のコンフィ｜海辺にあるおしゃれなカフェの人気メニュー" style="width: 275px;">
  263.                 </a>
  264.             </div>
  265.             <div class="item slick-slide" style="margin-right: 16px;">
  266.                 <a href="{{ path('product_detail', { id: 141 }) }}" class="">
  267.                     <img src="{{ asset('assets/img/top_product_image/product_image_141_01.webp', 'user_data') }}" alt="鶏もも肉のマリネ漬け｜有名店の特製タレに漬け込んだ逸品" style="width: 275px;">
  268.                 </a>
  269.             </div>
  270.         </div>
  272.         {# 〆・ご飯 #}
  273.         <div class="category_name_div" style="margin-bottom: 14px;">
  274.             <h2 class="category_name">〆・ご飯</h2>
  275.             <a href="{{ url('product_list', {'category_id': 18}) }}" class="all_product_link">すべて見る</a>
  276.         </div>
  277.         <div class="main_carousel" style="padding-left: 16px;">
  278.             <div class="item slick-slide" style="margin-right: 16px;">
  279.                 <a href="{{ path('product_detail', { id: 33 }) }}" class="">
  280.                     <img src="{{ asset('assets/img/top_product_image/product_image_33_01.webp', 'user_data') }}" alt="ユッケジャンスープ｜有名店『焼肉 黒5』監修の絶品スープ" style="width: 275px;">
  281.                 </a>
  282.             </div>
  283.             <div class="item slick-slide" style="margin-right: 16px;">
  284.                 <a href="{{ path('product_detail', { id: 7 }) }}" class="">
  285.                     <img src="{{ asset('assets/img/top_product_image/product_image_7_01.webp', 'user_data') }}" alt="ソルロンタン｜有名店『焼肉 黒5』監修の絶品スープ" style="width: 275px;">
  286.                 </a>
  287.             </div>
  288.             <div class="item slick-slide" style="margin-right: 16px;">
  289.                 <a href="{{ path('product_detail', { id: 37 }) }}" class="">
  290.                     <img src="{{ asset('assets/img/top_product_image/product_image_37_01.webp', 'user_data') }}" alt="ルーローハンの肉味噌｜創業22年の味を完全再現｜台湾料理故宮" style="width: 275px;">
  291.                 </a>
  292.             </div>
  293.             <div class="item slick-slide" style="margin-right: 16px;">
  294.                 <a href="{{ path('product_detail', { id: 670 }) }}" class="">
  295.                     <img src="{{ asset('assets/img/top_product_image/product_image_670_01.webp', 'user_data') }}" alt="THE TACORICE HOUSEのタコスミート" style="width: 275px;">
  296.                 </a>
  297.             </div>
  298.             <div class="item slick-slide" style="margin-right: 16px;">
  299.                 <a href="{{ path('product_detail', { id: 8 }) }}" class="">
  300.                     <img src="{{ asset('assets/img/top_product_image/product_image_8_01.webp', 'user_data') }}" alt="プルコギチーズキンパ｜甘辛プルコギ×とろけるチーズの最強コンビ" style="width: 275px;">
  301.                 </a>
  302.             </div>
  303.             <div class="item slick-slide" style="margin-right: 16px;">
  304.                 <a href="{{ path('product_detail', { id: 146 }) }}" class="">
  305.                     <img src="{{ asset('assets/img/top_product_image/product_image_146_01.webp', 'user_data') }}" alt="ミシュランシェフ監修 そばだ家の特製カレー｜淡路島産玉ねぎの甘み｜牛骨と赤ワインの深いコク！" style="width: 275px;">
  306.                 </a>
  307.             </div>
  308.             <div class="item slick-slide" style="margin-right: 16px;">
  309.                 <a href="{{ path('product_detail', { id: 98 }) }}" class="">
  310.                     <img src="{{ asset('assets/img/top_product_image/product_image_98_01.webp', 'user_data') }}" alt="豚首領の豚丼 加工済み｜都内で人気の豚丼専門店のプライベートブランド品！" style="width: 275px;">
  311.                 </a>
  312.             </div>
  313.             <div class="item slick-slide" style="margin-right: 16px;">
  314.                 <a href="{{ path('product_detail', { id: 88 }) }}" class="">
  315.                     <img src="{{ asset('assets/img/top_product_image/product_image_88_01.webp', 'user_data') }}" alt="冷凍冷麺スープ｜少し甘みのある冷麺用スープです｜個食で使いやすさ抜群！" style="width: 275px;">
  316.                 </a>
  317.             </div>
  318.         </div>
  320.         {# デザート #}
  321.         <div class="category_name_div" style="margin-bottom: 14px;">
  322.             <h2 class="category_name">デザート</h2>
  323.             <a href="{{ url('product_list', {'category_id': 17}) }}" class="all_product_link">すべて見る</a>
  324.         </div>
  325.         <div class="main_carousel" style="padding-left: 16px;">
  326.             <div class="item slick-slide" style="margin-right: 16px;">
  327.                 <a href="{{ path('product_detail', { id: 654 }) }}" class="">
  328.                     <img src="{{ asset('assets/img/top_product_image/product_image_654_01.webp', 'user_data') }}" alt="贅沢チョコテリーヌ｜粗利70%の高粗利デザート｜解凍＆カットでかんたん提供" style="width: 275px;">
  329.                 </a>
  330.             </div>
  331.             {#<div class="item slick-slide" style="margin-right: 16px;">#}
  332.             {#    <a href="{{ path('product_detail', { id: 647 }) }}" class="">#}
  333.             {#        <img src="{{ asset('assets/img/top_product_image/product_image_647_01.webp', 'user_data') }}" alt="濃厚チーズテリーヌ｜粗利70%の高粗利デザート｜解凍＆カットでかんたん提供" style="width: 275px;">#}
  334.             {#    </a>#}
  335.             {#</div>#}
  336.             <div class="item slick-slide" style="margin-right: 16px;">
  337.                 <a href="{{ path('product_detail', { id: 545 }) }}" class="">
  338.                     <img src="{{ asset('assets/img/top_product_image/product_image_545_01.webp', 'user_data') }}" alt="極上チーズケーキ｜濃厚なめらかアレンジ自在" style="width: 275px;">
  339.                 </a>
  340.             </div>
  341.             <div class="item slick-slide" style="margin-right: 16px;">
  342.                 <a href="{{ path('product_detail', { id: 660 }) }}" class="">
  343.                     <img src="{{ asset('assets/img/top_product_image/product_image_660_01.webp', 'user_data') }}" alt="生ちょこ餅｜女性に人気の和洋スイーツ｜レンジ10秒解凍ですぐ提供OK！" style="width: 275px;">
  344.                 </a>
  345.             </div>
  346.             <div class="item slick-slide" style="margin-right: 16px;">
  347.                 <a href="{{ path('product_detail', { id: 20 }) }}" class="">
  348.                     <img src="{{ asset('assets/img/top_product_image/product_image_20_01.webp', 'user_data') }}" alt="中学芋｜食べやすい一口サイズの大学芋！カフェ・居酒屋で実績あり！" style="width: 275px;">
  349.                 </a>
  350.             </div>
  351.             <div class="item slick-slide" style="margin-right: 16px;">
  352.                 <a href="{{ path('product_detail', { id: 19 }) }}" class="">
  353.                     <img src="{{ asset('assets/img/top_product_image/product_image_19_01.webp', 'user_data') }}" alt="蜜焼き芋｜冷やすとさらに美味｜冷たいヘルシースイーツで提供がおススメ！" style="width: 275px;">
  354.                 </a>
  355.             </div>
  356.             {#<div class="item slick-slide" style="margin-right: 16px;">#}
  357.             {#    <a href="{{ path('product_detail', { id: 552 }) }}" class="">#}
  358.             {#        <img src="{{ asset('assets/img/top_product_image/product_image_552.webp', 'user_data') }}" alt="アップルフィリング｜横浜のパイ専門店で大人気・デザートメニューの主役に" style="width: 275px;">#}
  359.             {#    </a>#}
  360.             {#</div>#}
  361.         </div>
  363.         {# イベント・スポット #}
  364.         <div class="category_name_div" style="margin-bottom: 14px;">
  365.             <h2 class="category_name">イベント・スポット</h2>
  366.             <a href="{{ url('product_list', {'category_id': 16}) }}" class="all_product_link">すべて見る</a>
  367.         </div>
  368.         <div class="main_carousel" style="padding-left: 16px;">
  369.             <div class="item slick-slide" style="margin-right: 16px;">
  370.                 <a href="{{ path('product_detail', { id: 559 }) }}" class="">
  371.                     <img src="{{ asset('assets/img/top_product_image/product_image_559_01.webp', 'user_data') }}" alt="オールビーフバーガーパティ｜肉本来の旨味を堪能するビーフ100%のハンバーガー専用パティ" style="width: 275px;">
  372.                 </a>
  373.             </div>
  374.             <div class="item slick-slide" style="margin-right: 16px;">
  375.                 <a href="{{ path('product_detail', { id: 56 }) }}" class="">
  376.                     <img src="{{ asset('assets/img/top_product_image/product_image_56_01.webp', 'user_data') }}" alt="【30本入り】アイスチョコバナナ｜キッチンカー・イベント・出店で大活躍！個包装で小スペースで販売可能" style="width: 275px;">
  377.                 </a>
  378.             </div>
  379.             <div class="item slick-slide" style="margin-right: 16px;">
  380.                 <a href="{{ path('product_detail', { id: 31 }) }}" class="">
  381.                     <img src="{{ asset('assets/img/top_product_image/product_image_31_01.webp', 'user_data') }}" alt="【30個入り】丸ごとアイスりんご飴｜SNSで話題沸騰の集客商品｜お祭りやイベントに最適！" style="width: 275px;">
  382.                 </a>
  383.             </div>
  384.             <div class="item slick-slide" style="margin-right: 16px;">
  385.                 <a href="{{ path('product_detail', { id: 124 }) }}" class="">
  386.                     <img src="{{ asset('assets/img/top_product_image/product_image_124_01.webp', 'user_data') }}" alt="雪氷マンゴー果肉入り｜移動販売・イベント会場の販売で！高粗利メニュー枠で！" style="width: 275px;">
  387.                 </a>
  388.             </div>
  389.             <div class="item slick-slide" style="margin-right: 16px;">
  390.                 <a href="{{ path('product_detail', { id: 407 }) }}" class="">
  391.                     <img src="{{ asset('assets/img/top_product_image/product_image_407_01.webp', 'user_data') }}" alt="パイナップル＆ナタデココ｜移動販売・イベント・バーの販売に最適｜ソーダ割り・サワーにおすすめ" style="width: 275px;">
  392.                 </a>
  393.             </div>
  394.             <div class="item slick-slide" style="margin-right: 16px;">
  395.                 <a href="{{ path('product_detail', { id: 22 }) }}" class="">
  396.                     <img src="{{ asset('assets/img/top_product_image/product_image_22_01.webp', 'user_data') }}" alt="ストロベリー＆ナタデココ｜移動販売・イベント・バーでの販売に最適｜ソーダ割り・サワーにおすすめ" style="width: 275px;">
  397.                 </a>
  398.             </div>
  399.             <div class="item slick-slide" style="margin-right: 16px;">
  400.                 <a href="{{ path('product_detail', { id: 62 }) }}" class="">
  401.                     <img src="{{ asset('assets/img/top_product_image/product_image_62_01.webp', 'user_data') }}" alt="窒素冷凍個食タピオカ｜抹茶ミルク｜テイクアウト・イベントに最適｜定番ドリンクで売上UP！" style="width: 275px;">
  402.                 </a>
  403.             </div>
  404.             <div class="item slick-slide" style="margin-right: 16px;">
  405.                 <a href="{{ path('product_detail', { id: 63 }) }}" class="">
  406.                     <img src="{{ asset('assets/img/top_product_image/product_image_63_01.webp', 'user_data') }}" alt="窒素冷凍個食タピオカ｜黒糖ミルク｜テイクアウト・イベントに最適｜定番ドリンクで売上UP！" style="width: 275px;">
  407.                 </a>
  408.             </div>
  409.         </div>
  411.         {# ランチ #}
  412.         <div class="category_name_div" style="margin-bottom: 14px;">
  413.             <h2 class="category_name">ランチ</h2>
  414.             <a href="{{ url('product_list', {'category_id': 15}) }}" class="all_product_link">すべて見る</a>
  415.         </div>
  416.         <div class="main_carousel" style="padding-left: 16px;">
  417.             <div class="item slick-slide" style="margin-right: 16px;">
  418.                 <a href="{{ path('product_detail', { id: 40 }) }}" class="">
  419.                     <img src="{{ asset('assets/img/top_product_image/product_image_40_01.webp', 'user_data') }}" alt="ホット&スパイシーキーマ｜人気のサラダ専門店のヘルシーキーマカレー" style="width: 275px;">
  420.                 </a>
  421.             </div>
  422.             <div class="item slick-slide" style="margin-right: 16px;">
  423.                 <a href="{{ path('product_detail', { id: 641 }) }}" class="">
  424.                     <img src="{{ asset('assets/img/top_product_image/product_image_641_01.webp', 'user_data') }}" alt="マイルドトマトキーマ｜人気サラダ専門店が作った新ブランドのプライベートブランド品！" style="width: 275px;">
  425.                 </a>
  426.             </div>
  427.             <div class="item slick-slide" style="margin-right: 16px;">
  428.                 <a href="{{ path('product_detail', { id: 566 }) }}" class="">
  429.                     <img src="{{ asset('assets/img/top_product_image/product_image_566_01.webp', 'user_data') }}" alt="鶏もものトマト煮｜ランチで月500食実績｜ワインにも合う万能メニュー！" style="width: 275px;">
  430.                 </a>
  431.             </div>
  432.             <div class="item slick-slide" style="margin-right: 16px;">
  433.                 <a href="{{ path('product_detail', { id: 11 }) }}" class="">
  434.                     <img src="{{ asset('assets/img/top_product_image/product_image_11_01.webp', 'user_data') }}" alt="【チャーシュー入り】チャーハンベース｜3カ月先の予約も取れない人気店・澤田州平シェフ監修" style="width: 275px;">
  435.                 </a>
  436.             </div>
  437.             <div class="item slick-slide" style="margin-right: 16px;">
  438.                 <a href="{{ path('product_detail', { id: 13 }) }}" class="">
  439.                     <img src="{{ asset('assets/img/top_product_image/product_image_13_01.webp', 'user_data') }}" alt="オリジナルエビカレー｜ぷりぷり食感と優しい味わい｜意外と少ない「エビカレー」で他店と差別化！" style="width: 275px;">
  440.                 </a>
  441.             </div>
  442.             <div class="item slick-slide" style="margin-right: 16px;">
  443.                 <a href="{{ path('product_detail', { id: 42 }) }}" class="">
  444.                     <img src="{{ asset('assets/img/top_product_image/product_image_42_01.webp', 'user_data') }}" alt="黒カレーベース｜盛り付けひとつで“集客メニュー”に！" style="width: 275px;">
  445.                 </a>
  446.             </div>
  447.             <div class="item slick-slide" style="margin-right: 16px;">
  448.                 <a href="{{ path('product_detail', { id: 27 }) }}" class="">
  449.                     <img src="{{ asset('assets/img/top_product_image/product_image_27_01.webp', 'user_data') }}" alt="クリーム入りカルボナーラソース｜インフィニートヒロ山田宏巳シェフ監修 ｜個食パック" style="width: 275px;">
  450.                 </a>
  451.             </div>
  452.             <div class="item slick-slide" style="margin-right: 16px;">
  453.                 <a href="{{ path('product_detail', { id: 9 }) }}" class="">
  454.                     <img src="{{ asset('assets/img/top_product_image/product_image_9_01.webp', 'user_data') }}" alt="金プラハヤシライス｜神戸の人気ハヤシライスを完全再現" style="width: 275px;">
  455.                 </a>
  456.             </div>
  457.         </div>
  458.     </section>
  459. </div>