app/template/user_data/oneope_lunch_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.     $(function() {
  30.       // メニュー例のカルーセル
  31.         $('.sample_menu').slick({
  32.           dots: false,
  33.           autoplay: false,
  34.           centerMode: false,
  35.           centerPadding: '0px',
  36.           arrows: false,
  37.           infinite: true,
  38.           slidesToShow: 1
  39.         });
  41.         // アイキャッチのズームインとフェード処理
  42.         $("#header_content .slider")
  43.         // 最初のスライドに"add-animation"のclassを付ける(data-slick-index="0"が最初のスライドを指す)
  44.         .on("init", function () {
  45.             $('#header_content .slick-slide[data-slick-index="0"]').addClass("add-animation");
  46.         })
  47.         // 通常のオプション
  48.         .slick({
  49.             autoplay: true, // 自動再生ON
  50.             fade: true, // フェードON
  51.             arrows: false, // 矢印OFF
  52.             speed: 2000, // スライド、フェードアニメーションの速度2000ミリ秒
  53.             autoplaySpeed: 4000, // 自動再生速度4000ミリ秒
  54.             pauseOnFocus: false, // フォーカスで一時停止OFF
  55.             pauseOnHover: false, // マウスホバーで一時停止OFF
  56.         })
  57.         .on({
  58.             // スライドが移動する前に発生するイベント
  59.             beforeChange: function (event, slick, currentSlide, nextSlide) {
  60.                 // 表示されているスライドに"add-animation"のclassをつける
  61.                 $(".slick-slide", this).eq(nextSlide).addClass("add-animation");
  62.                 // あとで"add-animation"のclassを消すための"remove-animation"classを付ける
  63.                 $(".slick-slide", this).eq(currentSlide).addClass("remove-animation");
  64.             },
  65.             // スライドが移動した後に発生するイベント
  66.             afterChange: function () {
  67.                 // 表示していないスライドはアニメーションのclassを外す
  68.                 $(".remove-animation", this).removeClass(
  69.                     "remove-animation add-animation"
  70.                 );
  71.             },
  72.         });
  73.     });
  75.     {% set current_domain = app.request.getHost() %}
  77.     {# ドメイン判定 #}
  78.     {% set is_prod = 'web-order.shikomel.com' in current_domain %}
  79.     {% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
  81.     {% if is_prod %}
  82.     // Lineバナークリックイベント
  83.     $('.enrty_btn_lunch_lp').on('click', function(event) {
  85.         const currentPageUrl = window.location.href;
  87.         fbq('trackCustom', 'ce_click_lunch_lp', {
  88.             content_type: "ClickLineBtn",
  89.             content_name: currentPageUrl,
  90.             value: 20
  91.         });
  93.         window.dataLayer.push({
  94.             event: 'ce_click_lunch_lp',
  95.             custom_event_name: 'ce_click_lunch_lp',
  96.             custom_page_url: currentPageUrl,
  97.             custom_customer_id: '',
  98.             custom_user_agent: $("#user_agent").val(),
  99.             custom_is_ig: $("#is_ig").val(),
  100.             custom_is_line: $("#is_line").val(),
  101.             custom_referer: $("#referer").val(),
  102.             custom_real_ip: $("#real_ip").val(),
  103.         });
  105.         _lt('send', 'cv', {
  106.             type: 'ce_click_lunch_lp'
  107.         },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  108.     });
  109.     {% endif %}
  111. </script>
  112. {% if is_prod %}
  113. <script src="https://js.ptengine.jp/1ceg174e.js"></script>
  114. {% endif %}
  116. {% endblock javascript %}
  118. {% block stylesheet %}
  119.     <style>
  120.     .main_content h1 {
  121.         font-size: 22px;
  122.         font-weight: bold;
  123.         margin: 0px;
  124.     }
  125.     .main_content h2 {
  126.         font-size: 20px;
  127.         font-weight: bold;
  128.         margin: 0px;
  129.     }
  130.     .main_content h3 {
  131.         font-size: 14px;
  132.         font-weight: bold;
  133.     }
  134.     .main_content img {
  135.         margin-bottom: 0px;
  136.     }
  137.     .main_content strong {
  138.         margin-bottom: 10px;
  139.         line-height: 1.8;
  140.     }
  141.     .main_content p, .main_content td {
  142.         line-height: 1.8;
  143.     }
  144.     .main_content {
  145.         color: black;
  146.         font-family: "メイリオ","Meiryo","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial","sans-serif";
  147.     }
  148.     {# メニュー例のスライド #}
  149.     .sample_menu {
  150.         margin-bottom: 0px; width: 100%; max-width: 400px; padding: 0px;
  151.     }
  152.     .sample_menu .slick-list {
  153.         padding: 0px !important;
  154.         padding-right: 21% !important;
  155.     }
  157.     {# アイキャッチのフェードインとスライド調整 #}
  158.     #header_content {
  159.         position: relative;
  160.         overflow: hidden;
  161.         width: 100%;
  162.         max-width: 100%;
  163.         height: 650px;
  164.     }
  165.     #header_content .slider {
  166.         height: 504px;
  167.         margin-inline: auto;
  168.         overflow: hidden; /* 画像がはみ出ないようにする */
  169.         width: 100%;
  170.     }
  171.     #header_content .slick-img img {
  172.         width: 100%;
  173.     }
  174.     @keyframes zoomUp {
  175.         0% {
  176.             transform: scale(1);
  177.         }
  178.         100% {
  179.             transform: scale(1.15); /* 拡大率 */
  180.         }
  181.     }
  182.     .add-animation {
  183.         animation: zoomUp 7s linear 0s normal both;
  184.     }
  185.     </style>
  186. {% endblock %}
  188. {% block main %}
  189.     <div class="main_content" style="max-width: 400px; margin: auto;">
  191.         {# フローティングCTA #}
  192.         <section id="float-cta-btn" style="bottom: 0px; position: fixed; z-index: 1000; background-color: white; text-align: center;">
  193.             <a href="https://web-order.shikomel.com/entry/before?fromZitanLp=1" style="cursor: pointer;" class="enrty_btn_lunch_lp">
  194.                 <img src="{{ asset('assets/img/oneope_lunch_lp/float_cta_no_line.webp', 'user_data') }}" alt="無料で会員登録" style="width: 100%; max-width: 400px; padding: 0px;">
  195.             </a>
  196.         </section>
  198.         {# アイキャッチ #}
  199.         <header id="header_content">
  200.             <div class="slider">
  201.                 <div class="slick-img">
  202.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_fv_1.webp', 'user_data') }}" class="" alt="Slide 1">
  203.                 </div>
  204.                 <div class="slick-img">
  205.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_fv_2.webp', 'user_data') }}" class="" alt="Slide 2">
  206.                 </div>
  207.                 <div class="slick-img">
  208.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_fv_3.webp', 'user_data') }}" class="" alt="Slide 3">
  209.                 </div>
  210.                 <div class="slick-img">
  211.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_fv_4.webp', 'user_data') }}" class="" alt="Slide 4">
  212.                 </div>
  213.             </div>
  214.             <h1><img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_1.webp', 'user_data') }}" alt="月30万円売上UP!?ランチで売れる仕込み済み食材たち" style="max-width: 100%; position: absolute; bottom: 146px;"></h1>
  215.             <a href="https://web-order.shikomel.com/entry/before?fromZitanLp=1" style="cursor: pointer;" class="enrty_btn_lunch_lp">
  216.                 <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_1_2.webp', 'user_data') }}" alt="無料で会員登録" style="max-width: 100%;">
  217.             </a>
  218.         </header>
  219.         
  220.         <section style="margin: 0px;">
  221.             <h2><img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2.webp', 'user_data') }}" alt="こんなお悩みありませんか？" style="max-width: 100%;"></h2>
  222.         </section>
  223.         <section style="margin: 0px;">
  224.             <h2><img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_3.webp', 'user_data') }}" alt="シコメルストアのランチメニューで解決" style="max-width: 100%;"></h2>
  225.         </section>
  226.         <section style="margin: 0px 0px 100px 0px;">
  227.             {# メニュースクロール #}
  228.             {# 丼もの #}
  229.             <h2 style="font-size: 22px; font-weight: bold; margin: 24px 0 0 16px;">丼もの</h2>
  230.             <div class="sample_menu" style="">
  231.                 <div class="item slick-slide">
  232.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_1_1.png', 'user_data') }}" alt="牛タン丼" style="width: 100%; ">
  233.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=637" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  234.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="牛タン丼" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  235.                     </a>
  236.                 </div>
  237.                 <div class="item slick-slide">
  238.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_1_2.png', 'user_data') }}" alt="ロコモコ丼" style="width: 100%; ">
  239.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=39" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  240.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="ロコモコ丼" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  241.                     </a>
  242.                 </div>
  243.                 <div class="item slick-slide">
  244.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_1_3.png', 'user_data') }}" alt="豚丼" style="width: 100%; ">
  245.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=99" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  246.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="豚丼" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  247.                     </a>
  248.                 </div>
  249.                 <div class="item slick-slide">
  250.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_1_4.png', 'user_data') }}" alt="ローストビーフ丼" style="width: 100%; ">
  251.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=29" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  252.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="ローストビーフ丼" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  253.                     </a>
  254.                 </div>
  255.             </div>
  256.             {# 定食 #}
  257.             <h2 style="font-size: 22px; font-weight: bold; margin: 24px 0 0 16px;">定食</h2>
  258.             <div class="sample_menu" style="">
  259.                 <div class="item slick-slide">
  260.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_2_1.png', 'user_data') }}" alt="淡路産牛ハンバーグ定食" style="width: 100%; ">
  261.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=39" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  262.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="淡路産牛ハンバーグ定食" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  263.                     </a>
  264.                 </div>
  265.                 <div class="item slick-slide">
  266.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_2_2.png', 'user_data') }}" alt="牛タン定食" style="width: 100%; ">
  267.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=637" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  268.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="牛タン定食" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  269.                     </a>
  270.                 </div>
  271.                 <div class="item slick-slide">
  272.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_2_3.png', 'user_data') }}" alt="サーモンレアカツ定食" style="width: 100%; ">
  273.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=68" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  274.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="サーモンレアカツ定食" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  275.                     </a>
  276.                 </div>
  277.                 <div class="item slick-slide">
  278.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_2_4.png', 'user_data') }}" alt="牛ハラミ定食" style="width: 100%; ">
  279.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=628" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  280.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="牛ハラミ定食" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  281.                     </a>
  282.                 </div>
  283.             </div>
  284.             {# プレート #}
  285.             <h2 style="font-size: 22px; font-weight: bold; margin: 24px 0 0 16px;">プレート</h2>
  286.             <div class="sample_menu" style="">
  287.                 <div class="item slick-slide">
  288.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_3_1.png', 'user_data') }}" alt="鶏のコンフィプレート" style="width: 100%; ">
  289.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=32" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  290.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="鶏のコンフィプレート" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  291.                     </a>
  292.                 </div>
  293.                 <div class="item slick-slide">
  294.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_3_2.png', 'user_data') }}" alt="ジャークチキン" style="width: 100%; ">
  295.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=4" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  296.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="ジャークチキン" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  297.                     </a>
  298.                 </div>
  299.                 <div class="item slick-slide">
  300.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_3_3.png', 'user_data') }}" alt="シュリンプカレー" style="width: 100%; ">
  301.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=13" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  302.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="シュリンプカレー" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  303.                     </a>
  304.                 </div>
  305.                 <div class="item slick-slide">
  306.                     <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_3_4.png', 'user_data') }}" alt="プルドポーク" style="width: 100%; ">
  307.                     <a href="https://web-order.shikomel.com/entry/before?fromNewOpenRestoLp=1&sendto=detail&param=72" style="cursor: pointer;" class="enrty_btn_new_open_resto_lp_2">
  308.                         <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_2nd_item_btn.png', 'user_data') }}" alt="プルドポーク" style="width: 100%; position: relative; margin-top: -77px; margin-bottom: 16px; padding: 0 32px;">
  309.                     </a>
  310.                 </div>
  311.             </div>
  312.         </section>
  314.         <section style="margin: 0px;">
  315.             <h2 style="font-size: 22px; text-align: center;">お客様の事例</h2>
  316.         </section>
  318.         {# 事例1 #}
  319.         <section style="margin: 0px;">
  320.             <h2><img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_4.webp', 'user_data') }}" alt="ワンオペの洋風居酒屋" style="max-width: 100%;"></h2>
  321.         </section>
  322.         <section style="margin: 0px 5px 0px 5px;">
  323.             <h2 style="font-size: 20px; line-height: 1.8; margin-left: 10px; margin-right: 10px;">夜営業に左右されず安定したランチ営業が可能になりました</h2>
  324.             <table class="table table-ProductDetail" style="max-width: 800px; margin-bottom: 30px;">
  325.                 <tbody>
  326.                     <tr>
  327.                         <td style="border-style: none; width: 100px;">エリア<br>業態・席数<br>営業時間</td>
  328.                         <td style="border-style: none;">東京都<br>ワンオペの洋風居酒屋（10席）<br>夜営業：18:00～3:00<br>※常連さんが帰るまで</td>
  329.                     </tr>
  330.                 </tbody>
  331.             </table>
  332.         </section>
  333.         <section style="margin: 0px 10px 0px 10px;">
  334.             <h3 style="font-size: 18px; text-align: left;">課題</h2>
  335.             <ul style="margin-right: 5px; margin-left: 5px;">
  336.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  337.                     常連さん次第で夜営業の終了が深夜になることもあり、次の日のランチ営業を休みがちに。
  338.                 </li>
  339.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  340.                     不定期のランチ営業でリピータもつきづらい状態に。
  341.                 </li>
  342.             </ul>
  343.         </section>
  344.         <section style="margin: 0px;">
  345.             <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_5.webp', 'user_data') }}" alt="淡路牛のハンバーグパティ" style="max-width: 100%;">
  346.         </section>
  347.         <section style="margin: 0px 10px 0px 10px;">
  348.             <h3 style="font-size: 18px; text-align: left;">導入後</h2>
  349.             <ul style="margin-right: 5px; margin-left: 5px;">
  350.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  351.                     ランチの準備時間が短く、深夜営業の次の日も安定したランチ営業ができるように。
  352.                 </li>
  353.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  354.                     ランチ営業終了後に仮眠をとれるようになり夜営業も全力で出来るように。
  355.                 </li>
  356.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  357.                     ランチに来てくれたお客さんが夜営業に来てくれる嬉しい効果も。
  358.                 </li>
  359.             </ul>
  360.         </section>
  361.         <section style="margin: 0px 10px 0px 10px;">
  362.             <h3 style="font-size: 18px; text-align: left;">コメント</h2>
  363.             <div style="font-size: 16px; line-height: 1.8; font-weight: 500; padding: 0px 5px;">
  364.                 夜営業の閉店時間次第で翌日のランチ営業が休みがちなっていました。<br>
  365.                 シコメルストアの「鶏もものトマト煮」を使い始めてからは、開店30分前にサッと準備をして、ランチ営業できるようになり、毎日営業できるようになりました。<br>
  366.                 ランチの売上も上がりつつ、昼に来店したお客さんが夜も来てくれるなど集客効果もありました。
  367.             </div>
  368.         </section>
  369.         <section style="margin-top: 16px;">
  370.             <a href="https://web-order.shikomel.com/entry/before?fromZitanLp=1&sendto=detail&param=566" style="cursor: pointer;" class="enrty_btn_lunch_lp">
  371.                 <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_6.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 100%;">
  372.             </a>
  373.         </section>
  375.         {# 事例2 #}
  376.         <section style="margin: 0px;">
  377.             <h2><img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_7.webp', 'user_data') }}" alt="個人経営のカフェ" style="max-width: 100%;"></h2>
  378.         </section>
  379.         <section style="margin: 0px 5px 0px 5px;">
  380.             <h2 style="font-size: 20px; line-height: 1.8; margin-left: 10px; margin-right: 10px;">カフェでも簡単！調理設備が限られていてもできるランチ営業</h2>
  381.             <table class="table table-ProductDetail" style="max-width: 800px; margin-bottom: 30px;">
  382.                 <tbody>
  383.                     <tr>
  384.                         <td style="border-style: none; width: 100px;">エリア<br>業態・席数<br>営業時間</td>
  385.                         <td style="border-style: none;">大阪府<br>個人経営のカフェ（15席）<br>昼：10:00-18:00</td>
  386.                     </tr>
  387.                 </tbody>
  388.             </table>
  389.         </section>
  390.         <section style="margin: 0px 10px 0px 10px;">
  391.             <h3 style="font-size: 18px; text-align: left;">課題</h2>
  392.             <ul style="margin-right: 5px; margin-left: 5px;">
  393.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  394.                     ドリンクとデザートだけだとどうしても売上が足りない。
  395.                 </li>
  396.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  397.                     ランチはやったことがない。昼はワンオペなので調理と接客を一人で対応できるか不安。
  398.                 </li>
  399.             </ul>
  400.         </section>
  401.         <section style="margin: 0px;">
  402.             <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_8.webp', 'user_data') }}" alt="導入した仕込み済み商品" style="max-width: 100%;">
  403.         </section>
  404.         <section style="margin: 0px 10px 0px 10px;">
  405.             <h3 style="font-size: 18px; text-align: left;">導入後</h2>
  406.             <ul style="margin-right: 5px; margin-left: 5px;">
  407.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  408.                     ハンバーグプレートをランチ時間10食限定で提供。
  409.                 </li>
  410.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  411.                     1メニューから始めることでワンオペでも無理なくランチ営業が開始できた。
  412.                 </li>
  413.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  414.                     10食限定とすることでロスも無く毎日完売状態に。
  415.                 </li>
  416.             </ul>
  417.         </section>
  418.         <section style="margin: 0px 10px 0px 10px;">
  419.             <h3 style="font-size: 18px; text-align: left;">コメント</h2>
  420.             <div style="font-size: 16px; line-height: 1.8; font-weight: 500; padding: 0px 5px;">
  421.                 ワンオペでお金の余裕もあまりなく大々的なランチ営業は不安でした。<br>
  422.                 シコメルストアの「淡路牛のハンバーグ」は1メニュー、少量から発注でき、調理時間も約10分と短いので、試行錯誤しながらランチ営業を始めることができました。<br>
  423.                 慣れてきたので、鶏のコンフィやジャークチキンを使ってメニューの幅を広げたいと思っています。
  424.             </div>
  425.         </section>
  426.         <section style="margin-top: 16px;">
  427.             <a href="https://web-order.shikomel.com/entry/before?fromZitanLp=1&sendto=detail&param=39" style="cursor: pointer;" class="enrty_btn_lunch_lp">
  428.                 <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_9.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 100%;">
  429.             </a>
  430.         </section>
  432.         {# 事例3 #}
  433.         <section style="margin: 0px;">
  434.             <h2><img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_10.webp', 'user_data') }}" alt="" style="max-width: 100%;"></h2>
  435.         </section>
  436.         <section style="margin: 0px 5px 0px 5px;">
  437.             <h2 style="font-size: 20px; line-height: 1.8; margin-left: 10px; margin-right: 10px;">仕込み時間が3時間 → 1時間になり<br>朝、子供との時間を確保できるように</h2>
  438.             <table class="table table-ProductDetail" style="max-width: 800px; margin-bottom: 30px;">
  439.                 <tbody>
  440.                     <tr>
  441.                         <td style="border-style: none; width: 100px;">エリア<br>業態・席数<br>営業時間</td>
  442.                         <td style="border-style: none;">神奈川県<br>ワンオペのダイニングバー（8席）<br>ランチ：11:30-14:00<br>夜営業：17:00-23:00</td>
  443.                     </tr>
  444.                 </tbody>
  445.             </table>
  446.          </section>
  448.         <section style="margin: 0px 10px 0px 10px;">
  449.             <h3 style="font-size: 18px; text-align: left;">課題</h2>
  450.             <ul style="margin-right: 5px; margin-left: 5px;">
  451.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  452.                     ランチ営業を始めたものの、食材の仕込みに3時間以上かかり、朝が早くなりすぎて負担。
  453.                 </li>
  454.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  455.                     ランチ後の片づけで夜の仕込みの時間が確保できないことも。
  456.                 </li>
  457.             </ul>
  458.         </section>
  459.         <section style="margin: 0px;">
  460.             <h3 style="margin: 0px 10px 0px 10px; font-size: 18px; text-align: left;">導入した仕込み済み食材</h2>
  461.             <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_11.webp', 'user_data') }}" alt="導入した仕込み済み商品" style="max-width: 100%;">
  462.         </section>
  463.         <section style="margin: 0px 10px 0px 10px;">
  464.             <h3 style="font-size: 18px; text-align: left;">導入後</h2>
  465.             <ul style="margin-right: 5px; margin-left: 5px;">
  466.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  467.                     ランチの準備時間が3時間 → 1時間に短縮。
  468.                 </li>
  469.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  470.                      朝2時間遅く店に行くことができ、子供と過ごす時間ができた。
  471.                 </li>
  472.                 <li style="font-size: 16px; line-height: 1.8; font-weight: 500;">
  473.                     開店準備30分ランチ営業1.5時間で月30万円の売上確保。
  474.                 </li>
  475.             </ul>
  476.         </section>
  477.         <section style="margin: 0px 10px 0px 10px;">
  478.             <h3 style="font-size: 18px; text-align: left;">コメント</h2>
  479.             <div style="font-size: 16px; line-height: 1.8; font-weight: 500; padding: 0px 5px;">
  480.                 ランチ営業の為朝早く家をでなければならず、子供とゆっくり過ごす時間をとれていないかった。<br>
  481.                 シコメルストアの「プルドポーク」を使うようになってからは、仕込み時間が大幅に減り、ギリギリまで家で子供と過ごせるようになりました。<br>
  482.                 売上アップもできていて無理なくランチ営業を続けられそうです。
  483.             </div>
  484.         </section>
  485.         <section style="margin-top: 16px;">
  486.             <a href="https://web-order.shikomel.com/entry/before?fromZitanLp=1&sendto=detail&param=72" style="cursor: pointer;" class="enrty_btn_lunch_lp">
  487.                 <img src="{{ asset('assets/img/oneope_lunch_lp/lunch_lp_12.webp', 'user_data') }}" alt="この商品をチェック" style="max-width: 100%;">
  488.             </a>
  489.         </section>
  491.         <section style="margin: 0px;" id="footer-cta-btn">
  492.             <a href="https://web-order.shikomel.com/entry/before?fromZitanLp=1" style="cursor: pointer;" class="enrty_btn_lunch_lp">
  493.                 <img src="{{ asset('assets/img/oneope_lunch_lp/float_cta_no_line.webp', 'user_data') }}" alt="無料で会員登録" style="max-width: 100%; padding: 0px;">
  494.             </a>
  495.         </section>
  496. {% endblock %}