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