app/template/user_data/spot_menu_lp.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block javascript %}
  4. <script>
  5.     var headerContent = document.getElementById("header_content");
  6.     var footerCtaBtn = document.getElementById("footer-cta-btn");
  7.     var floatingCta = document.getElementById("float-cta-btn");
  9.     function checkVisibility() {
  11.         if (headerContent && footerCtaBtn) {
  13.             var rect_h = headerContent.getBoundingClientRect();
  14.             var rect_f = footerCtaBtn.getBoundingClientRect();
  15.             var windowHeight = window.innerHeight || document.documentElement.clientHeight;
  17.             if ((rect_h.top < windowHeight && rect_h.bottom >= 0) || (rect_f.top < windowHeight && rect_f.bottom >= 0)) {
  18.                 floatingCta.style.display = "none";
  19.             } else {
  20.                 floatingCta.style.display = "block";
  21.             }
  22.         }
  23.     }
  25.     window.addEventListener("scroll", checkVisibility);
  26.     checkVisibility(); // 初回実行
  28.     {% set current_domain = app.request.getHost() %}
  30.     {# ドメイン判定 #}
  31.     {% set is_prod = 'web-order.shikomel.com' in current_domain %}
  32.     {% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
  34.     {% if is_prod %}
  35.     // Lineバナークリックイベント
  36.     $('.enrty_btn_spot_menu_lp').on('click', function(event) {
  38.         const currentPageUrl = window.location.href;
  40.         fbq('trackCustom', 'ce_click_spot_menu_lp', {
  41.             content_type: "ClickLineBtn",
  42.             content_name: currentPageUrl,
  43.             value: 20
  44.         });
  46.         window.dataLayer.push({
  47.             event: 'ce_click_spot_menu_lp',
  48.             custom_event_name: 'ce_click_spot_menu_lp',
  49.             custom_page_url: currentPageUrl,
  50.             custom_customer_id: '',
  51.             custom_user_agent: $("#user_agent").val(),
  52.             custom_is_ig: $("#is_ig").val(),
  53.             custom_is_line: $("#is_line").val(),
  54.             custom_referer: $("#referer").val(),
  55.             custom_real_ip: $("#real_ip").val(),
  56.         });
  58.         _lt('send', 'cv', {
  59.             type: 'ce_click_spot_menu_lp'
  60.         },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  61.     });
  62.     {% endif %}
  64. </script>
  65. {% if is_prod %}
  66. <script src="https://js.ptengine.jp/11wx678t.js"></script>            
  67. {% endif %}
  69. {% endblock javascript %}
  71. {% block stylesheet %}
  72.     <style>
  73.     .main_content h1 {
  74.         font-size: 22px;
  75.         font-weight: bold;
  76.         margin: 0px;
  77.     }
  78.     .main_content h2 {
  79.         font-size: 20px;
  80.         font-weight: bold;
  81.         margin: 0px;
  82.     }
  83.     .main_content h3 {
  84.         font-size: 14px;
  85.         font-weight: bold;
  86.     }
  87.     .main_content img {
  88.         margin-bottom: 0px;
  89.     }
  90.     .main_content strong {
  91.         margin-bottom: 10px;
  92.         line-height: 1.6;
  93.     }
  94.     .main_content p, .main_content td {
  95.         line-height: 1.6;
  96.     }
  97.     .main_content {
  98.         color: black;
  99.         font-family: "メイリオ","Meiryo","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial","sans-serif";
  100.     }
  101.     li::marker {
  102.         font-size: 12px;
  103.     }
  104.     </style>
  105. {% endblock %}
  107. {% block main %}
  108.     {# ブラウザ判定 #}
  109.     {% set isMeta = (app.request.headers.get('User-Agent') matches '/instagram/i' or app.request.headers.get('User-Agent') matches '/facebook/i') %}
  111.     <div class="main_content" style="max-width: 375px; margin: auto;">
  113.         {# フローティングボタン #}
  114.         {% if not isMeta %}
  115.         <section id="float-cta-btn" style="bottom: 0px; position: fixed; z-index: 1000; text-align: center; width: 100%; left: 0;">
  116.             <img src="{{ asset('assets/img/spot_menu_lp/float_rectangle.webp', 'user_data') }}" alt="フローティングボタン" style="width: 100%; position: fixed; left: 0;">
  117.             <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  118.                 <img src="{{ asset('assets/img/spot_menu_lp/float_cta.webp', 'user_data') }}" alt="無料で会員登録" style="width: 100%; max-width: 375px; position: relative; padding: 0px 10px;">
  119.             </a>
  120.         </section>
  121.         {% else %}
  122.         <section id="float-cta-btn" style="bottom: 0px; position: fixed; z-index: 1000; text-align: center; display: block; background-color: white;">
  123.             <img src="{{ asset('assets/img/spot_menu_lp/float_rectangle.webp', 'user_data') }}" alt="フローティングボタン" style="width: 100%; position: fixed;">
  124.             <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  125.                 <img src="{{ asset('assets/img/spot_menu_lp/top_cta.webp', 'user_data') }}" alt="無料で会員登録" style="width: 100%; max-width: 375px; position: relative; padding: 0px 10px;">
  126.             </a>
  127.         </section>
  128.         {% endif %}
  130.         {# アイキャッチ #}
  131.         {% if not isMeta %}
  132.         <header id="header_content" style="position: relative;">
  133.             <h1><img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_1_with_line.webp', 'user_data') }}" alt="そのまま提供するだけ?!仕込み済みメニューでかんたん売上UP!" style="max-width: 100%;"></h1>
  134.             <div style="position: absolute; top: 438px; text-align: center; width: 100%;">
  135.                 <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  136.                     <img src="{{ asset('assets/img/spot_menu_lp/top_cta.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="width: 100%; max-width: 375px;">
  137.                 </a>
  138.             </div>
  139.         </header>
  140.         {% else %}
  141.         <header id="header_content" style="position: relative;">
  142.             <h1><img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_1_non_line.webp', 'user_data') }}" alt="そのまま提供するだけ?!仕込み済みメニューでかんたん売上UP!" style="max-width: 100%;"></h1>
  143.             <div style="position: absolute; top: 438px; text-align: center; width: 100%; left: 0;">
  144.                 <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  145.                     <img src="{{ asset('assets/img/spot_menu_lp/top_cta.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="width: 100%; max-width: 375px;">
  146.                 </a>
  147.             </div>
  148.         </header>
  149.         {% endif %}
  151.         <section style="margin: 0px;">
  152.             <h2><img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_2.webp', 'user_data') }}" alt="こんなお悩みありませんか？" style="max-width: 100%;"></h2>
  153.         </section>
  154.         <section style="margin: 0px;">
  155.             <h2>
  156.                 <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_3.webp', 'user_data') }}" alt="シコメルストアの仕込み済みメニューで解決" style="max-width: 100%;">
  157.             </h2>
  158.         </section>
  159.         <section style="margin: 0px; position: relative;">
  160.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_4.webp', 'user_data') }}" alt="SNSで話題沸騰!丸ごとアイスりんご飴" style="max-width: 100%;"></h2>
  161.             <div style="position: absolute; top: 330px; left: 40px;">
  162.                 {% if app.request.query.get('move_product_detail') == '1' %}
  163.                     <a href="{{ url('product_detail', {'id': 31}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  164.                 {% else %}
  165.                     <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1&sendto=detail&param=31" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  166.                 {% endif %}
  167.                     <img src="{{ asset('assets/img/spot_menu_lp/link_cta.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="width: 100%; max-width: 375px;">
  168.                 </a>
  169.             </div>
  170.         </section>
  171.         <section style="margin: 0px; position: relative;">
  172.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_5.webp', 'user_data') }}" alt="イベント出店などに最適!アイスチョコバナナ" style="max-width: 100%;"></h2>
  173.             <div style="position: absolute; top: 330px; left: 40px;">
  174.                 {% if app.request.query.get('move_product_detail') == '1' %}
  175.                     <a href="{{ url('product_detail', {'id': 56}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  176.                 {% else %}
  177.                 <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1&sendto=detail&param=56" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  178.                 {% endif %}
  179.                     <img src="{{ asset('assets/img/spot_menu_lp/link_cta.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="width: 100%; max-width: 375px;">
  180.                 </a>
  181.             </div>
  182.         </section>
  183.         <section style="margin: 0px; position: relative;">
  184.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_6.webp', 'user_data') }}" alt="定番ドリンクをお手軽に!タピオカ黒糖ミルクティー" style="max-width: 100%;"></h2>
  185.             <div style="position: absolute; top: 330px; left: 40px;">
  186.                 {% if app.request.query.get('move_product_detail') == '1' %}
  187.                     <a href="{{ url('product_detail', {'id': 63}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  188.                 {% else %}
  189.                 <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1&sendto=detail&param=63" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  190.                 {% endif %}
  191.                     <img src="{{ asset('assets/img/spot_menu_lp/link_cta.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="width: 100%; max-width: 375px;">
  192.                 </a>
  193.             </div>
  194.         </section>
  195.         <section style="margin: 0px; position: relative;">
  196.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_7.webp', 'user_data') }}" alt="暑い時期にピッタリ!ストロベリー&ナタデココ" style="max-width: 100%;"></h2>
  197.             <div style="position: absolute; top: 350px; left: 40px;">
  198.                 {% if app.request.query.get('move_product_detail') == '1' %}
  199.                     <a href="{{ url('product_detail', {'id': 22}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  200.                 {% else %}
  201.                 <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1&sendto=detail&param=22" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  202.                 {% endif %}
  203.                     <img src="{{ asset('assets/img/spot_menu_lp/link_cta.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="width: 100%; max-width: 375px;">
  204.                 </a>
  205.             </div>
  206.         </section>
  208.         {# POPプレゼント #}
  209.         <section style="margin: 0px; position: relative;">
  210.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_18.webp', 'user_data') }}" alt="店頭POPデータプレゼント" style="max-width: 100%;">
  211.             {% if app.request.query.get('move_product_detail') == '1' %}
  212.                 <a href="{{ url('product_detail', {'id': 31}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  213.                     <div style="text-align: center; width: 100%;">
  214.                         <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_19.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="max-width: 100%;">
  215.                     </div>                
  216.                 </a>
  217.             {% else %}
  218.                 <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  219.                     <div style="text-align: center; width: 100%;">
  220.                         <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_19.webp', 'user_data') }}" alt="会員登録して商品をチェック" style="max-width: 100%;">
  221.                     </div>                
  222.                 </a>
  223.             {% endif %}
  224.         </section>
  226.         <section style="margin-top: 50px;">
  227.             <h2 style="font-size: 22px; text-align: center;">お客様の事例</h2>
  228.         </section>
  230.         {# 事例1 #}
  231.         <section style="margin: 0px;">
  232.             <h2><img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_9.webp', 'user_data') }}" alt="キャンプ場のデザートにタピオカドリンクを導入し、客単価1.2倍UP！" style="max-width: 100%;"></h2>
  233.         </section>
  234.         <section style="margin: 0px 15px 0px 15px;">
  235.             <h2 style="font-size: 18px; line-height: 1.6;">キャンプ場のデザートにタピオカドリンクを導入し、客単価1.2倍UP！</h2>
  236.             <table class="table table-ProductDetail" style="margin-top: 10px; margin-bottom: 10px;">
  237.                 <tbody>
  238.                     <tr>
  239.                         <td style="border-style: none; width: 100px; font-size: 12px; border-left: solid 1px; padding: 0px; padding-left: 10px;">エリア<br>業態</td>
  240.                         <td style="border-style: none; font-size: 12px; padding: 0px;">山口県<br>キャンプ場</td>
  241.                     </tr>
  242.                 </tbody>
  243.             </table>
  244.         </section>
  245.         <section style="margin: 0px 15px 0px 15px;">
  246.             <h3 style="font-size: 18px; text-align: left;">課題</h2>
  247.             <ul style="margin: 0px;">
  248.                 <li style="font-size: 16px; line-height: 1.6;">
  249.                     お子様連れの利用客が多く、デザートメニューの需要が高い。        
  250.                 </li>
  251.                 <li style="font-size: 16px; line-height: 1.6;">
  252.                     生の果物を使った手作りパフェを提供するも、注文数が少ないとフードロスが大きい。
  253.                 </li>
  254.             </ul>
  255.         </section>
  256.         <section style="margin: 0px;">
  257.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_10.webp', 'user_data') }}" alt="タピオカ抹茶ミルク" style="max-width: 100%;">
  258.         </section>
  259.         <section style="margin: 0px 15px 0px 15px;">
  260.             <h3 style="font-size: 18px; text-align: left;">導入後</h2>
  261.             <ul style="margin: 0px;">
  262.                 <li style="font-size: 16px; line-height: 1.6;">
  263.                     使い勝手が良くて仕込みの手間が減り、フードロスも解消。        
  264.                 </li>
  265.                 <li style="font-size: 16px; line-height: 1.6;">
  266.                     以前よりもデザートの注文数が増え、客単価がUP。
  267.                 </li>
  268.             </ul>
  269.         </section>
  270.         <section style="margin: 0px 15px 0px 15px;">
  271.             <h3 style="font-size: 18px; text-align: left;">コメント</h2>
  272.             <div style="font-size: 16px; line-height: 1.6; padding: 0px 5px;">
  273.                 タピオカドリンクは子どもたちにも人気が高く、たちまち夏の人気メニューになりました。<br>
  274.                 今はパフェの提供はやめて、デザートすべてにシコメルの商品を活用しています。<br>
  275.                 どれも冷凍のため、以前のようなフードロスはもうありません。<br>
  276.                 デザートの仕込みがなくなったので、空いた時間は料理以外のサービスを充実していきたいと思っています。<br>
  277.             </div>
  278.         </section>
  279.         <section style="margin-top: 16px; position: relative;">
  280.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_11.webp', 'user_data') }}" alt="タピオカ抹茶ミルク" style="max-width: 100%;">
  281.                 {% if app.request.query.get('move_product_detail') == '1' %}
  282.                     <a href="{{ url('product_detail', {'id': 62}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  283.                         <div style="top: 128px; text-align: center; width: 100%; position: absolute;">
  284.                             <img src="{{ asset('assets/img/spot_menu_lp/middle_cta.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 327px;">
  285.                         </div>                
  286.                     </a>
  287.                 {% else %}
  288.                     <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1&sendto=detail&param=62" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  289.                         <div style="top: 128px; text-align: center; width: 100%; position: absolute;">
  290.                             <img src="{{ asset('assets/img/spot_menu_lp/middle_cta.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 327px;">
  291.                         </div>                
  292.                     </a>
  293.                 {% endif %}
  294.         </section>
  296.         {# 事例2 #}
  297.         <section style="margin: 0px;">
  298.             <h2><img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_12.webp', 'user_data') }}" alt="バイトさんだけでも簡単！イベント会場で連日100個売れたりんご飴！" style="max-width: 100%;"></h2>
  299.         </section>
  300.         <section style="margin: 0px 15px 0px 15px;">
  301.             <h2 style="font-size: 18px; line-height: 1.6;">バイトさんだけでも簡単！イベント会場で連日100個売れたりんご飴！</h2>
  302.             <table class="table table-ProductDetail" style="margin-top: 10px; margin-bottom: 10px;">
  303.                 <tbody>
  304.                     <tr>
  305.                         <td style="border-style: none; width: 100px; font-size: 12px; border-left: solid 1px; padding: 0px; padding-left: 10px;">エリア<br>業態</td>
  306.                         <td style="border-style: none; font-size: 12px; padding: 0px;">福井県<br>イベント会場の売店</td>
  307.                     </tr>
  308.                 </tbody>
  309.             </table>
  310.         </section>
  311.         <section style="margin: 0px 15px 0px 15px;">
  312.             <h3 style="font-size: 18px; text-align: left;">課題</h2>
  313.             <ul style="margin: 0px;">
  314.                 <li style="font-size: 16px; line-height: 1.6;">
  315.                     繁忙期で調理未経験のアルバイトしか採用できず、提供できるメニューが限定的に。
  316.                 </li>
  317.                 <li style="font-size: 16px; line-height: 1.6;">
  318.                     ピークタイムには長蛇の列ができるので、提供までの時間をなるべく短くしたい。
  319.                 </li>
  320.             </ul>
  321.         </section>
  322.         <section style="margin: 0px;">
  323.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_13.webp', 'user_data') }}" alt="丸ごとアイスりんご飴" style="max-width: 100%;">
  324.         </section>
  325.         <section style="margin: 0px 15px 0px 15px;">
  326.             <h3 style="font-size: 18px; text-align: left;">導入後</h2>
  327.             <ul style="margin: 0px;">
  328.                 <li style="font-size: 16px; line-height: 1.6;">
  329.                     丸ごとであれば冷凍から出してそのまま提供するだけで1分掛からずに提供できた。        
  330.                 </li>
  331.                 <li style="font-size: 16px; line-height: 1.6;">
  332.                     カットしてカラースプレーを振りかければ、調理なしでもバリエーションを増やせる。
  333.                 </li>
  334.             </ul>
  335.         </section>
  336.         <section style="margin: 0px 15px 0px 15px;">
  337.             <h3 style="font-size: 18px; text-align: left;">コメント</h2>
  338.             <div style="font-size: 16px; line-height: 1.6; padding: 0px 5px;">
  339.                 春夏シーズンのみオープンするレジャープール施設の売店で連日かなり売れました。<br>
  340.                 特に土日や夏休みシーズンはピークで1日に100個売れる日もある人気商品でした。<br>
  341.                 地方なので調理未経験のバイトさんしか採用できず、提供が簡単で非常に嬉しかったです。<br>
  342.             </div>
  343.         </section>
  344.         <section style="margin-top: 16px; position: relative;">
  345.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_14.webp', 'user_data') }}" alt="丸ごとアイスりんご飴" style="max-width: 100%;">
  346.                 {% if app.request.query.get('move_product_detail') == '1' %}
  347.                     <a href="{{ url('product_detail', {'id': 31}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  348.                         <div style="top: 128px; text-align: center; width: 100%; position: absolute;">
  349.                             <img src="{{ asset('assets/img/spot_menu_lp/middle_cta.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 327px;">
  350.                         </div>                
  351.                     </a>
  352.                 {% else %}
  353.                     <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1&sendto=detail&param=31" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  354.                         <div style="top: 128px; text-align: center; width: 100%; position: absolute;">
  355.                             <img src="{{ asset('assets/img/spot_menu_lp/middle_cta.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 327px;">
  356.                         </div>                
  357.                     </a>
  358.                 {% endif %}
  359.         </section>
  361.         {# 事例3 #}
  362.         <section style="margin: 0px;">
  363.             <h2><img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_15.webp', 'user_data') }}" alt="客層に合わせて使い分けやすい！ついで買いにもおすすめな冷凍チョコバナナ" style="max-width: 100%;"></h2>
  364.         </section>
  365.         <section style="margin: 0px 15px 0px 15px;">
  366.             <h2 style="font-size: 18px; line-height: 1.6;">客層に合わせて使い分けやすい！ついで買いにもおすすめな冷凍チョコバナナ</h2>
  367.             <table class="table table-ProductDetail" style="margin-top: 10px; margin-bottom: 10px;">
  368.                 <tbody>
  369.                     <tr>
  370.                         <td style="border-style: none; width: 100px; font-size: 12px; border-left: solid 1px; padding: 0px; padding-left: 10px;">エリア<br>業態</td>
  371.                         <td style="border-style: none; font-size: 12px; padding: 0px;">東京近郊<br>キッチンカー</td>
  372.                     </tr>
  373.                 </tbody>
  374.             </table>
  375.         </section>
  376.         <section style="margin: 0px 15px 0px 15px;">
  377.             <h3 style="font-size: 18px; text-align: left;">課題</h2>
  378.             <ul style="margin: 0px;">
  379.                 <li style="font-size: 16px; line-height: 1.6;">
  380.                     メイン商品はカレーだが、ランチタイム以外のアイドルタイムで売れる商品が欲しい。        
  381.                 </li>
  382.                 <li style="font-size: 16px; line-height: 1.6;">
  383.                     花見や花火などイベントに出店する際、気軽に大量に用意でき、提供に時間が掛からない商品が欲しい。
  384.                 </li>
  385.             </ul>
  386.         </section>
  387.         <section style="margin: 0px;">
  388.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_16.webp', 'user_data') }}" alt="アイスチョコバナナ" style="max-width: 100%;">
  389.         </section>
  390.         <section style="margin: 0px 15px 0px 15px;">
  391.             <h3 style="font-size: 18px; text-align: left;">導入後</h2>
  392.             <ul style="margin: 0px;">
  393.                 <li style="font-size: 16px; line-height: 1.6;">
  394.                     冷凍のまま提供し、「3-5分経つと食べごろです」と伝えることで、解凍の手間が不要に。        
  395.                 </li>
  396.                 <li style="font-size: 16px; line-height: 1.6;">
  397.                     1本から安く提供できるので、空き時間で売れ、ファミリー客にも複数本売れるので、客単価がUP。
  398.                 </li>
  399.             </ul>
  400.         </section>
  401.         <section style="margin: 0px 15px 0px 15px;">
  402.             <h3 style="font-size: 18px; text-align: left;">コメント</h2>
  403.             <div style="font-size: 16px; line-height: 1.6; padding: 0px 5px;">
  404.                 春から夏にかけて色々な現場に出店するため、現場の客層に合わせて販売できる商品を探していました。<br>
  405.                 特にファミリー向けで提供に手間が掛からないものを探しており、シコメルさんのチョコバナナはぴったりでした。<br>
  406.                 1本単位ですぐに販売でき、単価も安いのでランチとのセットでおすすめもしやすかったですね。<br>
  407.             </div>
  408.         </section>
  409.         <section style="margin-top: 16px; position: relative;">
  410.             <img src="{{ asset('assets/img/spot_menu_lp/spot_menu_lp_17.webp', 'user_data') }}" alt="アイスチョコバナナ" style="max-width: 100%;">
  411.                 {% if app.request.query.get('move_product_detail') == '1' %}
  412.                     <a href="{{ url('product_detail', {'id': 56}) }}" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  413.                         <div style="top: 128px; text-align: center; width: 100%; position: absolute;">
  414.                             <img src="{{ asset('assets/img/spot_menu_lp/middle_cta.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 327px;">
  415.                         </div>                
  416.                     </a>
  417.                 {% else %}
  418.                     <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1&sendto=detail&param=56" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  419.                         <div style="top: 128px; text-align: center; width: 100%; position: absolute;">
  420.                             <img src="{{ asset('assets/img/spot_menu_lp/middle_cta.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 327px;">
  421.                         </div>                
  422.                     </a>
  423.                 {% endif %}
  424.         </section>
  426.         {# CTA #}
  427.         {% if not isMeta %}
  428.         <section style="margin: 0px;" id="footer-cta-btn">
  429.             <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  430.                 <img src="{{ asset('assets/img/spot_menu_lp/float_cta.webp', 'user_data') }}" alt="無料で会員登録" style="max-width: 100%; padding: 0px 10px;">
  431.             </a>
  432.         </section>
  433.         {% else %}
  434.         <section style="margin: 0px; text-align: center;" id="footer-cta-btn">
  435.             <a href="https://web-order.shikomel.com/entry/before?fromSpotMenuLp=1" style="cursor: pointer;" class="enrty_btn_spot_menu_lp">
  436.                 <img src="{{ asset('assets/img/spot_menu_lp/top_cta.webp', 'user_data') }}" alt="無料で会員登録" style="width: 100%; max-width: 375px; padding: 0px 10px;">
  437.             </a>
  438.         </section>
  440.         {% endif %}
  441. {% endblock %}