app/template/default/index.twig line 1

Open in your IDE?
  1. {#
  2.   This file is part of EC-CUBE
  3.   
  4.   Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  5.   
  6.   http://www.ec-cube.co.jp/
  7.   
  8.   For the full copyright and license information, please view the LICENSE
  9.   file that was distributed with this source code.
  10.   #}
  11.   {% extends 'default_frame.twig' %}
  12.   
  13.   {% set body_class = 'front_page' %}
  14.   
  15.   {% block stylesheet %}
  16.       <!--<style>
  17.           .slick-slider {
  18.               margin-bottom: 30px;
  19.           }
  20.   
  21.           .slick-dots {
  22.               position: absolute;
  23.               bottom: -45px;
  24.               display: block;
  25.               width: 100%;
  26.               padding: 0;
  27.               list-style: none;
  28.               text-align: center;
  29.           }
  30.   
  31.           .slick-dots li {
  32.               position: relative;
  33.               display: inline-block;
  34.               width: 20px;
  35.               height: 20px;
  36.               margin: 0 5px;
  37.               padding: 0;
  38.   
  39.               cursor: pointer;
  40.           }
  41.   
  42.           .slick-dots li button {
  43.               font-size: 0;
  44.               line-height: 0;
  45.               display: block;
  46.               width: 20px;
  47.               height: 20px;
  48.               padding: 5px;
  49.               cursor: pointer;
  50.               color: transparent;
  51.               border: 0;
  52.               outline: none;
  53.               background: transparent;
  54.           }
  55.   
  56.           .slick-dots li button:hover,
  57.           .slick-dots li button:focus {
  58.               outline: none;
  59.           }
  60.   
  61.           .slick-dots li button:hover:before,
  62.           .slick-dots li button:focus:before {
  63.               opacity: 1;
  64.           }
  65.   
  66.           .slick-dots li button:before {
  67.               content: " ";
  68.               line-height: 20px;
  69.               position: absolute;
  70.               top: 0;
  71.               left: 0;
  72.               width: 12px;
  73.               height: 12px;
  74.               text-align: center;
  75.               opacity: .25;
  76.               background-color: black;
  77.               border-radius: 50%;
  78.   
  79.           }
  80.   
  81.           .slick-dots li.slick-active button:before {
  82.               opacity: .75;
  83.               background-color: black;
  84.           }
  85.   
  86.           .slick-dots li button.thumbnail img {
  87.               width: 0;
  88.               height: 0;
  89.           }
  90.           img {
  91.               height: fit-content;
  92.           }
  93.           .topWrapper > img {
  94.             width: 100%;
  95.             margin-bottom: 20px;
  96.           }
  97.           .flex {
  98.               display: flex;
  99.           }
  100.           .topvisual {
  101.             width: 90%;
  102.             margin: auto;
  103.           }
  104.           .topleftbox {
  105.             width: 40%;
  106.           }
  107.           .topleftbox img,
  108.           .toprightbox img {
  109.             width: 100%;
  110.           }
  111.           .toprightbox {
  112.             width: 60%;
  113.           }
  114.           .topnews {
  115.               margin-bottom:60px;
  116.           }
  117.           .topinfo {
  118.               justify-content: space-between;
  119.               align-items: center;
  120.           }
  121.           .topinfo img:first-child,
  122.           .topinfo img:last-child {
  123.               width: 20%;
  124.           }
  125.           .topinfo img:nth-child( 2 ) {
  126.               width: 50%;
  127.           }
  128.           @media screen and (max-width:480px) {
  129.               .topnews {
  130.                 margin-bottom:30px;
  131.               }
  132.             .topinfo {
  133.               margin: 20px auto;
  134.               width: 90%;
  135.             }
  136.           }
  137.       </style>-->
  138.   {% endblock %}
  139.   
  140.   {% block javascript %}
  141.       <!--<script>
  142.           $(function() {
  143.               $('.main_visual').slick({
  144.                   dots: true,
  145.                   arrows: false,
  146.                   autoplay: true,
  147.                   speed: 300
  148.               });
  149.           });
  150.       </script>-->
  151.   {% endblock javascript %}
  152.   
  153.   {% block main %}
  155.     <div id="slider1">
  156.         <ul class="slider1 slider1_pc">
  157.             <li>
  158.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 27}) }}">
  159.                     <img src="/html/user_data/assets/img/top/slide03_01.png?240924" class="slider1_li_div_img max_img" alt="人気店の冷凍ラーメン通販" />
  160.                 </a></div>
  161.             </li>
  162.             <li>
  163.                 <div class="slider1_li_div"><a href="{{ url('product_detail', {'id': 43}) }}">
  164.                     <img src="/html/user_data/assets/img/top/slide03_13.png" class="slider1_li_div_img max_img" alt="【送料無料】お得に本場旭川の味わいを!" />
  165.                     <div class="slider1_li_div_textbox">
  166.                         <span class="slider1_li_div_textbox_span">【送料無料】</span><br><span class="slider1_li_div_textbox_span">お得に本場旭川の味わいを!</span>
  167.                     </div>
  168.                 </a></div>
  169.             </li>
  170.             <li>
  171.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 13}) }}">
  172.                     <img src="/html/user_data/assets/img/top/slide03_02.png" class="slider1_li_div_img max_img" alt="しょうゆと塩のいいとこ取りはやみつきになる" />
  173.                     <div class="slider1_li_div_textbox">
  174.                         <span class="slider1_li_div_textbox_span">しょうゆと塩の</span><br><span class="slider1_li_div_textbox_span">いいとこ取りはやみつきになる</span>
  175.                     </div>
  176.                 </a></div>
  177.             </li>
  178.             <li>
  179.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 9}) }}">
  180.                     <img src="/html/user_data/assets/img/top/slide03_03.png" class="slider1_li_div_img max_img" alt="いつでもだれでも安心して食べられる正統派" />
  181.                     <div class="slider1_li_div_textbox">
  182.                         <span class="slider1_li_div_textbox_span">いつでもだれでも安心して</span><br><span class="slider1_li_div_textbox_span">食べられる正統派</span>
  183.                     </div>
  184.                 </a></div>
  185.             </li>
  186.             <li>
  187.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 15}) }}">
  188.                     <img src="/html/user_data/assets/img/top/slide03_04.png" class="slider1_li_div_img max_img" alt="誰もが知る名店が本気で冷凍に取り組んだ" />
  189.                     <div class="slider1_li_div_textbox">
  190.                         <span class="slider1_li_div_textbox_span">誰もが知る名店が</span><br><span class="slider1_li_div_textbox_span">本気で冷凍に取り組んだ</span>
  191.                     </div>
  192.                 </a></div>
  193.             </li>
  194.             <li>
  195.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 16}) }}">
  196.                     <img src="/html/user_data/assets/img/top/slide03_05.png" class="slider1_li_div_img max_img" alt="具もスープも北海道を追求した望郷の味" />
  197.                     <div class="slider1_li_div_textbox">
  198.                         <span class="slider1_li_div_textbox_span">具もスープも</span><br><span class="slider1_li_div_textbox_span">北海道を追求した“望郷”の味</span>
  199.                     </div>
  200.                 </a></div>
  201.             </li>
  202.             <li>
  203.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 19}) }}">
  204.                     <img src="/html/user_data/assets/img/top/slide03_06.png" class="slider1_li_div_img max_img" alt="厚切りラムショルダーを真空で味付け" />
  205.                     <div class="slider1_li_div_textbox">
  206.                         <span class="slider1_li_div_textbox_span">厚切りラムショルダーを</span><br><span class="slider1_li_div_textbox_span">真空で味付け</span>
  207.                     </div>
  208.                 </a></div>
  209.             </li>
  210.             <li>
  211.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 21}) }}">
  212.                     <img src="/html/user_data/assets/img/top/slide03_07.png" class="slider1_li_div_img max_img" alt="微細な抹茶パウダーで仕込む香り立つ茶そば" />
  213.                     <div class="slider1_li_div_textbox">
  214.                         <span class="slider1_li_div_textbox_span">微細な抹茶パウダーで</span><br><span class="slider1_li_div_textbox_span">仕込む香り立つ茶そば</span>
  215.                     </div>
  216.                 </a></div>
  217.             </li>
  218.             <li>
  219.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 24}) }}">
  220.                     <img src="/html/user_data/assets/img/top/slide03_08.png" class="slider1_li_div_img max_img" alt="醤油メーカーのやる気がつくった本格アイス" />
  221.                     <div class="slider1_li_div_textbox">
  222.                         <span class="slider1_li_div_textbox_span">醤油メーカーのやる気が</span><br><span class="slider1_li_div_textbox_span">つくった本格アイス</span>
  223.                     </div>
  224.                 </a></div>
  225.             </li>
  226.             <li>
  227.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 23}) }}">
  228.                     <img src="/html/user_data/assets/img/top/slide03_09.png" class="slider1_li_div_img max_img" alt="黒米香る餅生地と食べ応えあるあんの出合い" />
  229.                     <div class="slider1_li_div_textbox">
  230.                         <span class="slider1_li_div_textbox_span">黒米香る餅生地と</span><br><span class="slider1_li_div_textbox_span">食べ応えあるあんの出合い</span>
  231.                     </div>
  232.                 </a></div>
  233.             </li>
  234.             <!--<li>
  235.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 17}) }}">
  236.                     <img src="/html/user_data/assets/img/top/slide03_10.png" class="slider1_li_div_img max_img" alt="満足度が高いのに罪悪感のない〆ラーメン" />
  237.                     <div class="slider1_li_div_textbox">
  238.                         <span class="slider1_li_div_textbox_span">満足度が高いのに</span><br><span class="slider1_li_div_textbox_span">罪悪感のない〆ラーメン</span>
  239.                     </div>
  240.                 </a></div>
  241.             </li>-->
  242.             <li>
  243.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 27}) }}">
  244.                     <img src="/html/user_data/assets/img/top/slide03_11.png" class="slider1_li_div_img max_img" alt="見るほどに好きになるせなかぐま、見ます？" />
  245.                     <div class="slider1_li_div_textbox">
  246.                         <span class="slider1_li_div_textbox_span">見るほどに好きになるせなかぐま、</span><br><span class="slider1_li_div_textbox_span">見ます？</span>
  247.                     </div>
  248.                     <span class="slider1_li_div_text01">［送料無料］</span>
  249.                 </a></div>
  250.             </li>
  251.             <li>
  252.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 27}) }}">
  253.                     <img src="/html/user_data/assets/img/top/slide03_12.png?240924" class="slider1_li_div_img max_img" alt="人気店の冷凍ラーメン通販" />
  254.                 </a></div>
  255.             </li>
  256.         </ul>
  257.         <ul class="slider1 slider1_sp">
  258.             <li>
  259.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 27}) }}">
  260.                     <img src="/html/user_data/assets/img/top/slide04_01.png" class="slider1_li_div_img max_img" alt="人気店の冷凍ラーメン通販" />
  261.                 </a></div>
  262.             </li>
  263.             <li>
  264.                 <div class="slider1_li_div"><a href="{{ url('product_detail', {'id': 43}) }}">
  265.                     <img src="/html/user_data/assets/img/top/slide04_13.png" class="slider1_li_div_img max_img" alt="【送料無料】お得に本場旭川の味わいを!" />
  266.                     <div class="slider1_li_div_textbox">
  267.                         <span class="slider1_li_div_textbox_span">【送料無料】</span><br><span class="slider1_li_div_textbox_span">お得に本場旭川の味わいを!</span>
  268.                     </div>
  269.                 </a></div>
  270.             </li>
  271.             <li>
  272.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 13}) }}">
  273.                     <img src="/html/user_data/assets/img/top/slide04_02.png" class="slider1_li_div_img max_img" alt="しょうゆと塩のいいとこ取りはやみつきになる" />
  274.                     <div class="slider1_li_div_textbox">
  275.                         <span class="slider1_li_div_textbox_span">しょうゆと塩の</span><br><span class="slider1_li_div_textbox_span">いいとこ取りはやみつきになる</span>
  276.                     </div>
  277.                 </a></div>
  278.             </li>
  279.             <li>
  280.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 9}) }}">
  281.                     <img src="/html/user_data/assets/img/top/slide04_03.png" class="slider1_li_div_img max_img" alt="いつでもだれでも安心して食べられる正統派" />
  282.                     <div class="slider1_li_div_textbox">
  283.                         <span class="slider1_li_div_textbox_span">いつでもだれでも安心して</span><br><span class="slider1_li_div_textbox_span">食べられる正統派</span>
  284.                     </div>
  285.                 </a></div>
  286.             </li>
  287.             <li>
  288.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 15}) }}">
  289.                     <img src="/html/user_data/assets/img/top/slide04_04.png" class="slider1_li_div_img max_img" alt="誰もが知る名店が本気で冷凍に取り組んだ" />
  290.                     <div class="slider1_li_div_textbox">
  291.                         <span class="slider1_li_div_textbox_span">誰もが知る名店が</span><br><span class="slider1_li_div_textbox_span">本気で冷凍に取り組んだ</span>
  292.                     </div>
  293.                 </a></div>
  294.             </li>
  295.             <li>
  296.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 16}) }}">
  297.                     <img src="/html/user_data/assets/img/top/slide04_05.png" class="slider1_li_div_img max_img" alt="具もスープも北海道を追求した望郷の味" />
  298.                     <div class="slider1_li_div_textbox">
  299.                         <span class="slider1_li_div_textbox_span">具もスープも</span><br><span class="slider1_li_div_textbox_span">北海道を追求した“望郷”の味</span>
  300.                     </div>
  301.                 </a></div>
  302.             </li>
  303.             <li>
  304.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 19}) }}">
  305.                     <img src="/html/user_data/assets/img/top/slide04_06.png" class="slider1_li_div_img max_img" alt="厚切りラムショルダーを真空で味付け" />
  306.                     <div class="slider1_li_div_textbox">
  307.                         <span class="slider1_li_div_textbox_span">厚切りラムショルダーを</span><br><span class="slider1_li_div_textbox_span">真空で味付け</span>
  308.                     </div>
  309.                 </a></div>
  310.             </li>
  311.             <li>
  312.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 21}) }}">
  313.                     <img src="/html/user_data/assets/img/top/slide04_07.png" class="slider1_li_div_img max_img" alt="微細な抹茶パウダーで仕込む香り立つ茶そば" />
  314.                     <div class="slider1_li_div_textbox">
  315.                         <span class="slider1_li_div_textbox_span">微細な抹茶パウダーで</span><br><span class="slider1_li_div_textbox_span">仕込む香り立つ茶そば</span>
  316.                     </div>
  317.                 </a></div>
  318.             </li>
  319.             <li>
  320.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 24}) }}">
  321.                     <img src="/html/user_data/assets/img/top/slide04_08.png" class="slider1_li_div_img max_img" alt="醤油メーカーのやる気がつくった本格アイス" />
  322.                     <div class="slider1_li_div_textbox">
  323.                         <span class="slider1_li_div_textbox_span">醤油メーカーのやる気が</span><br><span class="slider1_li_div_textbox_span">つくった本格アイス</span>
  324.                     </div>
  325.                 </a></div>
  326.             </li>
  327.             <li>
  328.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 23}) }}">
  329.                     <img src="/html/user_data/assets/img/top/slide04_09.png" class="slider1_li_div_img max_img" alt="黒米香る餅生地と食べ応えあるあんの出合い" />
  330.                     <div class="slider1_li_div_textbox">
  331.                         <span class="slider1_li_div_textbox_span">黒米香る餅生地と</span><br><span class="slider1_li_div_textbox_span">食べ応えあるあんの出合い</span>
  332.                     </div>
  333.                 </a></div>
  334.             </li>
  335.             <!--<li>
  336.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 17}) }}">
  337.                     <img src="/html/user_data/assets/img/top/slide04_10.png" class="slider1_li_div_img max_img" alt="満足度が高いのに罪悪感のない〆ラーメン" />
  338.                     <div class="slider1_li_div_textbox">
  339.                         <span class="slider1_li_div_textbox_span">満足度が高いのに</span><br><span class="slider1_li_div_textbox_span">罪悪感のない〆ラーメン</span>
  340.                     </div>
  341.                 </a></div>
  342.             </li>-->
  343.             <li>
  344.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 27}) }}">
  345.                     <img src="/html/user_data/assets/img/top/slide04_11.png" class="slider1_li_div_img max_img" alt="見るほどに好きになるせなかぐま、見ます？" />
  346.                     <div class="slider1_li_div_textbox">
  347.                         <span class="slider1_li_div_textbox_span">見るほどに好きになるせなかぐま、</span><br><span class="slider1_li_div_textbox_span">見ます？</span>
  348.                     </div>
  349.                     <span class="slider1_li_div_text01">［送料無料］</span>
  350.                 </a></div>
  351.             </li>
  352.             <li>
  353.                 <div class="slider1_li_div"><a href="{{ url('product_list', {'category_id': 27}) }}">
  354.                     <img src="/html/user_data/assets/img/top/slide04_12.png" class="slider1_li_div_img max_img" alt="人気店の冷凍ラーメン通販" />
  355.                 </a></div>
  356.             </li>
  357.         </ul>
  358.     </div>
  360.     <div class="wrapper_index01_big wrapper_index01_big_b03">
  361.         <div class="wrapper_index01">
  362.             <h2 class="wrapper_title">
  363.                 <span class="wrapper_title_text01">
  364.                     <span class="wrapper_title_text01_span">北海道屋台について</span>
  365.                 </span>
  366.             </h2>
  367.             <p class="index_text01">
  368.                 <span class="inbl_span">北海道屋台は</span><span class="inbl_span">人気の旭川ラーメンを中心に</span><span class="inbl_span">その土地に行かなければ見つからない</span><br>
  369.                 <span class="inbl_span">おいしいもの楽しいものを</span><span class="inbl_span">お店の味そのままに冷凍でお届けする</span><span class="inbl_span">ちょっと変わった屋台です。</span><br>
  370.                 <span class="inbl_span">すべてが北海道らしい“本物志向”の買物を</span><span class="inbl_span">ハシゴしたくなるような</span><span class="inbl_span">ワクワクと共にお楽しみください。</span>
  371.             </p>
  372.             <video class="index_img01 max_img" poster="/html/user_data/assets/img/top/video0.png" preload autoplay playsinline muted loop><source src="/html/user_data/assets/img/top/top03.mp4"></video>
  373.             <img src="/html/user_data/assets/img/top/top01.png" class="index_img02 max_img" alt="お店の味そのままに冷凍でお届け" />
  374.         </div>
  375.     </div>
  377.     <div class="wrapper_index01_big wrapper_index01_big_b03">
  378.         <div class="wrapper_index01">
  379.             <h2 class="wrapper_title">
  380.                 <span class="wrapper_title_text01">
  381.                     <span class="wrapper_title_text01_span">北海道屋台NEWS</span>
  382.                 </span>
  383.             </h2>
  384.             <ul class="feed_ul01 wow fadeInUp" id="feed1">
  385.                 <!--<li class="feed_ul01_li"><a href="#">
  386.                     <div class="feed01_cont">
  387.                         <span class="feed01_date">
  388.                             2077.77.77
  389.                         </span>
  390.                         <span class="feed01_title">
  391.                             ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
  392.                         </span>
  393.                     </div>
  394.                 </a></li>-->
  395.             </ul>
  396.         </div>
  397.     </div>
  399.     <div class="wrapper_index01_big wrapper_index01_big_b03">
  400.         <div class="index_box01">
  401.             <ul class="index_box01_slider01">
  402.                 <li class="index_box01_slider01_li">
  403.                     <div class="index_box01_slider01_li_div">
  404.                         <img src="/html/user_data/assets/img/product/kumakko/reel.png" class="index_box01_slider01_li_div_img" alt="熊ッ子ちゃんぽん" />
  405.                     </div>
  406.                 </li>
  407.                 <li class="index_box01_slider01_li">
  408.                     <div class="index_box01_slider01_li_div">
  409.                         <img src="/html/user_data/assets/img/product/yakiniku/reel.png" class="index_box01_slider01_li_div_img" alt="焼肉 魂ジンギスカン" />
  410.                     </div>
  411.                 </li>
  412.                 <li class="index_box01_slider01_li">
  413.                     <div class="index_box01_slider01_li_div">
  414.                         <img src="/html/user_data/assets/img/product/uemori/reel.png" class="index_box01_slider01_li_div_img" alt="上森米穀店お山大福" />
  415.                     </div>
  416.                 </li>
  417.                 <li class="index_box01_slider01_li">
  418.                     <div class="index_box01_slider01_li_div">
  419.                         <img src="/html/user_data/assets/img/product/maekawa/reel.png" class="index_box01_slider01_li_div_img" alt="前川茶舗抹茶そば" />
  420.                     </div>
  421.                 </li>
  422.                 <li class="index_box01_slider01_li">
  423.                     <div class="index_box01_slider01_li_div">
  424.                         <img src="/html/user_data/assets/img/product/baikouken/reel.png" class="index_box01_slider01_li_div_img" alt="梅光軒味噌ラーメン" />
  425.                     </div>
  426.                 </li>
  427.                 <li class="index_box01_slider01_li">
  428.                     <div class="index_box01_slider01_li_div">
  429.                         <img src="/html/user_data/assets/img/product/katoya/reel.png" class="index_box01_slider01_li_div_img" alt="加藤屋醤油ラーメン" />
  430.                     </div>
  431.                 </li>
  432.                 <li class="index_box01_slider01_li">
  433.                     <div class="index_box01_slider01_li_div">
  434.                         <img src="/html/user_data/assets/img/product/midoribashi/reel.png" class="index_box01_slider01_li_div_img" alt="緑橋カウンター塩正油ラーメン" />
  435.                     </div>
  436.                 </li>
  437.                 <li class="index_box01_slider01_li">
  438.                     <div class="index_box01_slider01_li_div">
  439.                         <img src="/html/user_data/assets/img/product/nihonshoyu/reel.png" class="index_box01_slider01_li_div_img" alt="日本醤油工業醤油ミルク" />
  440.                     </div>
  441.                 </li>
  442.                 <!--<li class="index_box01_slider01_li">
  443.                     <div class="index_box01_slider01_li_div">
  444.                         <img src="/html/user_data/assets/img/product/meguri/reel.png" class="index_box01_slider01_li_div_img" alt="ヴィーガンラーメン めぐり醤油ラーメン" />
  445.                     </div>
  446.                 </li>-->
  447.             </ul>
  448.             <ul class="index_box01_slider02">
  449.                 <li class="index_box01_slider02_li">
  450.                     <div class="index_box01_slider02_li_div">
  451.                         <img src="/html/user_data/assets/img/product/kumakko/popup.png" class="index_box01_slider02_li_div_img max_img" alt="熊ッ子ちゃんぽん" />
  452.                         <div class="index_box01_slider02_li_div_textbox">
  453.                             <span class="index_box01_slider02_li_div_textbox_text01">
  454.                                 熊ッ子
  455.                             </span>
  456.                             <span class="index_box01_slider02_li_div_textbox_text02">
  457.                                 ちゃんぽん
  458.                             </span>
  459.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="24">
  460.                                 とがったところのない、まるみのあるスープ。旭川では珍しいつるしこ食感の麺に、エビ、イカ、ホタテなど北海道らしい具材がたっぷりです。
  461.                             </p>
  462.                             <a href="{{ url('product_detail', {'id': 29}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  463.                                 商品ページはコチラ
  464.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  465.                             </a></div>
  466.                         </div>
  467.                     </div>
  468.                 </li>
  469.                 <li class="index_box01_slider02_li">
  470.                     <div class="index_box01_slider02_li_div">
  471.                         <img src="/html/user_data/assets/img/product/yakiniku/popup.png" class="index_box01_slider02_li_div_img max_img" alt="焼肉 魂ジンギスカン" />
  472.                         <div class="index_box01_slider02_li_div_textbox">
  473.                             <span class="index_box01_slider02_li_div_textbox_text01">
  474.                                 焼肉 魂
  475.                             </span>
  476.                             <span class="index_box01_slider02_li_div_textbox_text02">
  477.                                 ジンギスカン
  478.                             </span>
  479.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="37">
  480.                                 ラムショルダーを8mm～1cmの厚さにカットし、真空調理で均一に味付けしたやわらかジンギスカンです。
  481.                             </p>
  482.                             <a href="{{ url('product_detail', {'id': 30}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  483.                                 商品ページはコチラ
  484.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  485.                             </a></div>
  486.                         </div>
  487.                     </div>
  488.                 </li>
  489.                 <li class="index_box01_slider02_li">
  490.                     <div class="index_box01_slider02_li_div">
  491.                         <img src="/html/user_data/assets/img/product/uemori/popup.png" class="index_box01_slider02_li_div_img max_img" alt="上森米穀店お山大福" />
  492.                         <div class="index_box01_slider02_li_div_textbox">
  493.                             <span class="index_box01_slider02_li_div_textbox_text01">
  494.                                 上森米穀店
  495.                             </span>
  496.                             <span class="index_box01_slider02_li_div_textbox_text02">
  497.                                 お山大福
  498.                             </span>
  499.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="32">
  500.                                 大雪山をイメージした三角すいの中に、粒あんとこしあんの中間くらいのあんこがぎゅっと。弾力ある餅は黒米ならではの香りと旨みが魅力です。
  501.                             </p>
  502.                             <a href="{{ url('product_detail', {'id': 32}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  503.                                 商品ページはコチラ
  504.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  505.                             </a></div>
  506.                         </div>
  507.                     </div>
  508.                 </li>
  509.                 <li class="index_box01_slider02_li">
  510.                     <div class="index_box01_slider02_li_div">
  511.                         <img src="/html/user_data/assets/img/product/maekawa/popup.png" class="index_box01_slider02_li_div_img max_img" alt="前川茶舗抹茶そば" />
  512.                         <div class="index_box01_slider02_li_div_textbox">
  513.                             <span class="index_box01_slider02_li_div_textbox_text01">
  514.                                 前川茶舗
  515.                             </span>
  516.                             <span class="index_box01_slider02_li_div_textbox_text02">
  517.                                 抹茶そば
  518.                             </span>
  519.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="31">
  520.                                 自社開発の超微細な宇治抹茶パウダーを生地に練り込んだ抹茶そば。豊かな香りを引き立てる海塩と、食感にアクセントを加えるそばの実付きです。
  521.                             </p>
  522.                             <a href="{{ url('product_detail', {'id': 33}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  523.                                 商品ページはコチラ
  524.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  525.                             </a></div>
  526.                         </div>
  527.                     </div>
  528.                 </li>
  529.                 <li class="index_box01_slider02_li">
  530.                     <div class="index_box01_slider02_li_div">
  531.                         <img src="/html/user_data/assets/img/product/baikouken/popup.png" class="index_box01_slider02_li_div_img max_img" alt="梅光軒味噌ラーメン" />
  532.                         <div class="index_box01_slider02_li_div_textbox">
  533.                             <span class="index_box01_slider02_li_div_textbox_text01">
  534.                                 梅光軒
  535.                             </span>
  536.                             <span class="index_box01_slider02_li_div_textbox_text02">
  537.                                 味噌ラーメン
  538.                             </span>
  539.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="20">
  540.                                 自家配合による特製だれのマイルドな辛みがクセになる味噌ラーメン。「かみこみ豚」のモモ肉チャーシュー、極太でやわらかなメンマの具材にも注目を。
  541.                             </p>
  542.                             <a href="{{ url('product_detail', {'id': 24}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  543.                                 商品ページはコチラ
  544.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  545.                             </a></div>
  546.                         </div>
  547.                     </div>
  548.                 </li>
  549.                 <li class="index_box01_slider02_li">
  550.                     <div class="index_box01_slider02_li_div">
  551.                         <img src="/html/user_data/assets/img/product/katoya/popup.png" class="index_box01_slider02_li_div_img max_img" alt="加藤屋醤油ラーメン" />
  552.                         <div class="index_box01_slider02_li_div_textbox">
  553.                             <span class="index_box01_slider02_li_div_textbox_text01">
  554.                                 加藤屋
  555.                             </span>
  556.                             <span class="index_box01_slider02_li_div_textbox_text02">
  557.                                 醤油ラーメン
  558.                             </span>
  559.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="2">
  560.                                 豚骨、鶏ガラ、アジ、若鳥、野菜をベースに、骨を煮過ぎて酸化するのを避けながら10～12時間かけて煮出した特製スープ。毎日でも食べたくなる一杯です。
  561.                             </p>
  562.                             <a href="{{ url('product_detail', {'id': 18}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  563.                                 商品ページはコチラ
  564.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  565.                             </a></div>
  566.                         </div>
  567.                     </div>
  568.                 </li>
  569.                 <li class="index_box01_slider02_li">
  570.                     <div class="index_box01_slider02_li_div">
  571.                         <img src="/html/user_data/assets/img/product/midoribashi/popup.png" class="index_box01_slider02_li_div_img max_img" alt="緑橋カウンター塩正油ラーメン" />
  572.                         <div class="index_box01_slider02_li_div_textbox">
  573.                             <span class="index_box01_slider02_li_div_textbox_text01">
  574.                                 緑橋カウンター
  575.                             </span>
  576.                             <span class="index_box01_slider02_li_div_textbox_text02">
  577.                                 塩正油ラーメン
  578.                             </span>
  579.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="7">
  580.                                 戦後の物資不足時代に存在したと言われる幻の味を、店主が独自に磨き上げた唯一無二の一杯。つまりは、塩と醤油のいいとこ取りしたラーメンです。
  581.                             </p>
  582.                             <a href="{{ url('product_detail', {'id': 20}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  583.                                 商品ページはコチラ
  584.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  585.                             </a></div>
  586.                         </div>
  587.                     </div>
  588.                 </li>
  589.                 <li class="index_box01_slider02_li">
  590.                     <div class="index_box01_slider02_li_div">
  591.                         <img src="/html/user_data/assets/img/product/nihonshoyu/popup.png" class="index_box01_slider02_li_div_img max_img" alt="日本醤油工業醤油ミルク" />
  592.                         <div class="index_box01_slider02_li_div_textbox">
  593.                             <span class="index_box01_slider02_li_div_textbox_text01">
  594.                                 日本醤油工業
  595.                             </span>
  596.                             <span class="index_box01_slider02_li_div_textbox_text02">
  597.                                 醤油ミルク
  598.                             </span>
  599.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="33">
  600.                                 ほんのり醤油感のあるミルクとの組み合わせは塩気と甘さのバランスが絶妙。みたらしあんや塩キャラメルにも似たクセになる塩梅（あんばい）です。
  601.                             </p>
  602.                             <a href="{{ url('product_detail', {'id': 36}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  603.                                 商品ページはコチラ
  604.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  605.                             </a></div>
  606.                         </div>
  607.                     </div>
  608.                 </li>
  609.                 <!--<li class="index_box01_slider02_li">
  610.                     <div class="index_box01_slider02_li_div">
  611.                         <img src="/html/user_data/assets/img/product/meguri/popup.png" class="index_box01_slider02_li_div_img max_img" alt="ヴィーガンラーメン めぐり醤油ラーメン" />
  612.                         <div class="index_box01_slider02_li_div_textbox">
  613.                             <span class="index_box01_slider02_li_div_textbox_text01">
  614.                                 ヴィーガンラーメン めぐり
  615.                             </span>
  616.                             <span class="index_box01_slider02_li_div_textbox_text02">
  617.                                 醤油ラーメン
  618.                             </span>
  619.                             <p class="index_box01_slider02_li_div_textbox_text03" data-tid="28">
  620.                                 素材一つひとつに意味のある美味しさを追求。動物性のパンチ力とは違う「旨みの奥深さ」が後を引きます。カロリーが気になる方にもおすすめです。
  621.                             </p>
  622.                             <a href="{{ url('product_detail', {'id': 39}) }}"><div class="index_box01_slider02_li_div_textbox_button01">
  623.                                 商品ページはコチラ
  624.                                 <div class="index_box01_slider02_li_div_textbox_button01_ico"></div>
  625.                             </a></div>
  626.                         </div>
  627.                     </div>
  628.                 </li>-->
  629.             </ul>
  630.         </div>
  631.     </div>
  633.     <div class="wrapper_index01_big wrapper_index01_big_b03">
  634.         <div class="wrapper_index01">
  635.             <a href="{{ url('product_detail', {'id': 43}) }}"><img src="/html/user_data/assets/img/top/staff01.png" class="wrapper_index01_img01 wrapper_index01_img01_pc max_img" alt="スタッフがおすすめ一品" /></a>
  636.             <a href="{{ url('product_detail', {'id': 43}) }}"><img src="/html/user_data/assets/img/top/staff02.png" class="wrapper_index01_img01 wrapper_index01_img01_sp max_img" alt="スタッフがおすすめ一品" /></a>
  637.             <h1 class="wrapper_index01_text01">
  638.                 よりすぐりの旭川一品を<span class="inbl_span">お届けします！</span>
  639.             </h1>
  640.             <ul class="wrapper_index01_ul01">
  641.                 {# 商品の数だけループ #}
  642.                 {% set products = newProducts(6) %}
  643.                 {% for p in products %}
  644.                     <!--<li class="wrapper_index01_ul01_li"><a href="{{ url('product_detail', {'id': p.id}) }}">
  645.                         <img src="{{ asset(p.main_list_image|no_image_product, 'save_image') }}" class="wrapper_index01_ul01_li_img01 max_img" />
  646.                         <img src="{{ p.image_shop_logo }}" class="wrapper_index01_ul01_li_img02 max_img" />
  647.                         <span class="wrapper_index01_ul01_li_title">
  648.                             {% if p.description_list %}
  649.                                 {{ p.description_list|raw|nl2br }}
  650.                             {% endif %}
  651.                         </span>
  652.                     </a></li>-->
  653.                 {% endfor %}
  654.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 9}) }}">
  655.                     <img src="/html/user_data/assets/img/product/katoya/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="加藤屋" />
  656.                     <div class="wrapper_index01_ul01_li_img02_big">
  657.                         <ul class="wrapper_index01_ul01_li_subul01">
  658.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  659.                                 しょうゆ
  660.                             </li>
  661.                         </ul>
  662.                         <img src="/html/user_data/assets/img/product/katoya/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="加藤屋" />
  663.                     </div>
  664.                     <span class="wrapper_index01_ul01_li_title">
  665.                         クセがないから飽きがこない正統派。老若男女隙なく支持される、家族向けの味わいです。
  666.                     </span>
  667.                 </a></li>
  668.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 13}) }}">
  669.                     <img src="/html/user_data/assets/img/product/midoribashi/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="緑橋カウンター" />
  670.                     <div class="wrapper_index01_ul01_li_img02_big">
  671.                         <ul class="wrapper_index01_ul01_li_subul01">
  672.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  673.                                 しょうゆ
  674.                             </li>
  675.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c03">
  676.                                 しお
  677.                             </li>
  678.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c04">
  679.                                 塩正油
  680.                             </li>
  681.                         </ul>
  682.                         <img src="/html/user_data/assets/img/product/midoribashi/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="緑橋カウンター" />
  683.                     </div>
  684.                     <span class="wrapper_index01_ul01_li_title">
  685.                         旭川のイメージど真ん中の王道ラーメンに、変わり種の味や豚丼も加わって目が離せない！
  686.                     </span>
  687.                 </a></li>
  688.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 15}) }}">
  689.                     <img src="/html/user_data/assets/img/product/baikouken/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="梅光軒" />
  690.                     <div class="wrapper_index01_ul01_li_img02_big">
  691.                         <ul class="wrapper_index01_ul01_li_subul01">
  692.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  693.                                 しょうゆ
  694.                             </li>
  695.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c03">
  696.                                 しお
  697.                             </li>
  698.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c02">
  699.                                 みそ
  700.                             </li>
  701.                         </ul>
  702.                         <img src="/html/user_data/assets/img/product/baikouken/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="梅光軒" />
  703.                     </div>
  704.                     <span class="wrapper_index01_ul01_li_title">
  705.                         素材の旨味が極上のバランスで調和する、海外も注目の味噌・塩・しょうゆの3味を。
  706.                     </span>
  707.                 </a></li>
  708.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 16}) }}">
  709.                     <img src="/html/user_data/assets/img/product/kumakko/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="熊っ子" />
  710.                     <div class="wrapper_index01_ul01_li_img02_big">
  711.                         <ul class="wrapper_index01_ul01_li_subul01">
  712.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  713.                                 しょうゆ
  714.                             </li>
  715.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c03">
  716.                                 しお
  717.                             </li>
  718.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c02">
  719.                                 みそ
  720.                             </li>
  721.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c05">
  722.                                 ちゃんぽん
  723.                             </li>
  724.                         </ul>
  725.                         <img src="/html/user_data/assets/img/product/kumakko/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="熊っ子" />
  726.                     </div>
  727.                     <span class="wrapper_index01_ul01_li_title">
  728.                         北海道らしい具だくさんの塩ちゃんぽんを筆頭に、だれもが食べやすいラーメンをお届け。
  729.                     </span>
  730.                 </a></li>
  731.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 19}) }}">
  732.                     <img src="/html/user_data/assets/img/product/yakiniku/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="焼肉 魂" />
  733.                     <div class="wrapper_index01_ul01_li_img02_big">
  734.                         <ul class="wrapper_index01_ul01_li_subul01">
  735.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  736.                                 ジンギスカン
  737.                             </li>
  738.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c10">
  739.                                 ホルモン
  740.                             </li>
  741.                         </ul>
  742.                         <img src="/html/user_data/assets/img/product/yakiniku/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="焼肉 魂" />
  743.                     </div>
  744.                     <span class="wrapper_index01_ul01_li_title">
  745.                         ごはんにもお酒にも合う、だしの効いた“しっかり味”の塩だれが道産ホルモンを最強に。
  746.                     </span>
  747.                 </a></li>
  748.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 23}) }}">
  749.                     <img src="/html/user_data/assets/img/product/uemori/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="上森米穀店" />
  750.                     <div class="wrapper_index01_ul01_li_img02_big">
  751.                         <ul class="wrapper_index01_ul01_li_subul01">
  752.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c06">
  753.                                 あんこ
  754.                             </li>
  755.                         </ul>
  756.                         <img src="/html/user_data/assets/img/product/uemori/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="上森米穀店" />
  757.                     </div>
  758.                     <span class="wrapper_index01_ul01_li_title">
  759.                         黒米香る手作り大福は、コシのある餅生地と、粒・こしの中間的なあんで食べ応えあり。
  760.                     </span>
  761.                 </a></li>
  762.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 21}) }}">
  763.                     <img src="/html/user_data/assets/img/product/maekawa/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="前川茶舗" />
  764.                     <div class="wrapper_index01_ul01_li_img02_big">
  765.                         <ul class="wrapper_index01_ul01_li_subul01">
  766.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c07">
  767.                                 抹茶
  768.                             </li>
  769.                         </ul>
  770.                         <img src="/html/user_data/assets/img/product/maekawa/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="前川茶舗" />
  771.                     </div>
  772.                     <span class="wrapper_index01_ul01_li_title">
  773.                         自社開発した宇治抹茶の微細な粒子が、幌加内そばと融合して絶妙な風味＆口あたりに。
  774.                     </span>
  775.                 </a></li>
  776.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 24}) }}">
  777.                     <img src="/html/user_data/assets/img/product/nihonshoyu/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="日本醤油工業" />
  778.                     <div class="wrapper_index01_ul01_li_img02_big">
  779.                         <ul class="wrapper_index01_ul01_li_subul01">
  780.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c06">
  781.                                 醤油ミルク
  782.                             </li>
  783.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c08">
  784.                                 醤油あずき
  785.                             </li>
  786.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c09">
  787.                                 醤油アイス
  788.                             </li>
  789.                         </ul>
  790.                         <img src="/html/user_data/assets/img/product/nihonshoyu/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="日本醤油工業" />
  791.                     </div>
  792.                     <span class="wrapper_index01_ul01_li_title">
  793.                         ほのかな塩気と醤油の香り、ミルクのバランスをとことん追求した和風アイスの進化版。
  794.                     </span>
  795.                 </a></li>
  796.                 <!--<li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 17}) }}">
  797.                     <img src="/html/user_data/assets/img/product/meguri/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="ヴィーガンラーメンめぐり" />
  798.                     <div class="wrapper_index01_ul01_li_img02_big">
  799.                         <ul class="wrapper_index01_ul01_li_subul01">
  800.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  801.                                 しょうゆ
  802.                             </li>
  803.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c03">
  804.                                 しお
  805.                             </li>
  806.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c02">
  807.                                 みそ
  808.                             </li>
  809.                         </ul>
  810.                         <img src="/html/user_data/assets/img/product/meguri/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="ヴィーガンラーメンめぐり" />
  811.                     </div>
  812.                     <span class="wrapper_index01_ul01_li_title">
  813.                         これで本当に植物性食材だけ？コクと深みで満足度の高いヴィーガンラーメンここにあり。
  814.                     </span>
  815.                 </a></li>-->
  816.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 27}) }}">
  817.                     <img src="/html/user_data/assets/img/product/hokkaidoyatai/thumb.png" class="wrapper_index01_ul01_li_img01 max_img" alt="せなかぐま" />
  818.                     <div class="wrapper_index01_ul01_li_img02_big">
  819.                         <img src="/html/user_data/assets/img/product/hokkaidoyatai/shop.png" class="wrapper_index01_ul01_li_img02 max_img" alt="せなかぐま" />
  820.                     </div>
  821.                     <span class="wrapper_index01_ul01_li_title">
  822.                         哀愁漂う、まあるい背中。「せなかぐま」オリジナルアイテムが買えるのは、ここだけです。<span class="wrapper_index01_ul01_li_title_c01">［送料無料］</span>
  823.                     </span>
  824.                 </a></li>
  825.                 <!--<li class="wrapper_index01_ul01_li"><a href="{{ url('product_detail', {'id': 3}) }}">
  826.                     <img src="/html/user_data/assets/img/product/product04_sugawara/sugawara_thumb.png" class="wrapper_index01_ul01_li_img01 max_img" />
  827.                     <div class="wrapper_index01_ul01_li_img02_big">
  828.                         <ul class="wrapper_index01_ul01_li_subul01">
  829.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c03">
  830.                                 しお
  831.                             </li>
  832.                         </ul>
  833.                         <img src="/html/user_data/assets/img/product/product04_sugawara/shop.png" class="wrapper_index01_ul01_li_img02 max_img" />
  834.                     </div>
  835.                     <span class="wrapper_index01_ul01_li_title">
  836.                         店舗注文の6割以上が、塩。透き通るスープにこだわりが光る、ファンの多い老舗です。
  837.                     </span>
  838.                 </a></li>
  839.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_detail', {'id': 4}) }}">
  840.                     <img src="/html/user_data/assets/img/product/product03_sanpei/sanpei_thumb.png" class="wrapper_index01_ul01_li_img01 max_img" />
  841.                     <div class="wrapper_index01_ul01_li_img02_big">
  842.                         <ul class="wrapper_index01_ul01_li_subul01">
  843.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c02">
  844.                                 みそ
  845.                             </li>
  846.                         </ul>
  847.                         <img src="/html/user_data/assets/img/product/product03_sanpei/shop.png" class="wrapper_index01_ul01_li_img02 max_img" />
  848.                     </div>
  849.                     <span class="wrapper_index01_ul01_li_title">
  850.                         辛味噌で名を馳せた、ツウが通うお店。お子さまにも安心の1辛でご用意しています。
  851.                     </span>
  852.                 </a></li>
  853.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_detail', {'id': 5}) }}">
  854.                     <img src="/html/user_data/assets/img/product/product01_himawari/himawari_thumb.png" class="wrapper_index01_ul01_li_img01 max_img" />
  855.                     <div class="wrapper_index01_ul01_li_img02_big">
  856.                         <ul class="wrapper_index01_ul01_li_subul01">
  857.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  858.                                 しょうゆ
  859.                             </li>
  860.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c02">
  861.                                 みそ
  862.                             </li>
  863.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c03">
  864.                                 しお
  865.                             </li>
  866.                         </ul>
  867.                         <img src="/html/user_data/assets/img/product/product01_himawari/shop.png" class="wrapper_index01_ul01_li_img02 max_img" />
  868.                     </div>
  869.                     <span class="wrapper_index01_ul01_li_title">
  870.                         ピリ辛&amp;ホルモンの「モルメン」が一世を風靡。地元民に愛される、あったかいお店です。
  871.                     </span>
  872.                 </a></li>
  873.                 <li class="wrapper_index01_ul01_li"><a href="{{ url('product_list', {'category_id': 14}) }}">
  874.                     <img src="/html/user_data/assets/img/product/product06_zezehihi/zezehihi_thumb.png" class="wrapper_index01_ul01_li_img01 max_img" />
  875.                     <div class="wrapper_index01_ul01_li_img02_big">
  876.                         <ul class="wrapper_index01_ul01_li_subul01">
  877.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c01">
  878.                                 しょうゆ
  879.                             </li>
  880.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c02">
  881.                                 みそ
  882.                             </li>
  883.                             <li class="wrapper_index01_ul01_li_subul01_li wrapper_index01_ul01_li_subul01_li_c03">
  884.                                 しお
  885.                             </li>
  886.                         </ul>
  887.                         <img src="/html/user_data/assets/img/product/product06_zezehihi/shop.png" class="wrapper_index01_ul01_li_img02 max_img" />
  888.                     </div>
  889.                     <span class="wrapper_index01_ul01_li_title">
  890.                         あっさりなのに深いコクがある。和食の技術に裏付けされた旨さの方程式を5つの味で。
  891.                     </span>
  892.                 </a></li>
  893.                 <li class="wrapper_index01_ul01_li"><a>
  894.                     <img src="/html/user_data/assets/img/product/no_shop_thumb.png" class="wrapper_index01_ul01_li_img01 max_img" />
  895.                 </a></li>-->
  896.             </ul>
  897.         </div>
  898.     </div>
  900.     <div class="wrapper_index01_big">
  901.         <div class="wrapper_index01">
  902.             <!--<a href="{{ url('help_about') }}"><div class="wrapper_index01_banner01">
  903.                 <div class="wrapper_index01_banner01_textbox">
  904.                     <span class="wrapper_index01_banner01_textbox_span01">北海道屋台に<br>ついて</span>
  905.                     <span class="wrapper_index01_banner01_textbox_span02">詳しくは</span>
  906.                     <i class="fas fa-chevron-circle-right wrapper_index01_banner01_textbox_ico01"></i>
  907.                 </div>
  908.                 <img src="/html/user_data/assets/img/common/index01.png" class="wrapper_index01_banner01_img01 max_img">
  909.             </div></a>-->
  910.             <div class="wrapper_index01_youtube01_big">
  911.                 <div class="wrapper_index01_youtube01_wrap">
  912.                     <div class="wrapper_index01_youtube01">
  913.                         <iframe src="https://www.youtube.com/embed/uEE-AtnPGNA?rel=0" frameborder="0" allowfullscreen></iframe>
  914.                     </div>
  915.                 </div>
  916.                 <div class="wrapper_index01_youtube01_wrap">
  917.                     <div class="wrapper_index01_youtube01">
  918.                         <iframe src="https://www.youtube.com/embed/YYdFBkI6v1k?rel=0" frameborder="0" allowfullscreen></iframe>
  919.                     </div>
  920.                 </div>
  921.             </div>
  922.         </div>
  923.     </div>
  925.     <!--<div class="topWrapper">
  926.         <div class="flex topvisual">
  927.             <div class="topleftbox">
  928.                 <div class="flex">
  929.                     <a href="https://hokkaido-yatai.com/help/about"><img src="/html/user_data/assets/img/top/menu_about.png" alt=""></a>
  930.                     <a href="https://hokkaido-yatai.com/#topinfo"><img src="/html/user_data/assets/img/top/menu_sagasu.png" alt=""></a>
  931.                     <a href="https://hokkaido-yatai.com/contact"><img src="/html/user_data/assets/img/top/menu_contact.png" alt=""></a>
  932.                     <a href="https://hokkaido-yatai.com/entry"><img src="/html/user_data/assets/img/top/menu_kaiin.png" alt=""></a>
  933.                 </div>
  934.                 <div style="margin-top: 50px;">
  935.                     <img src="/html/user_data/assets/img/top/top_copy.png" alt="">
  936.                 </div>
  937.             </div>
  938.             <div class="toprightbox">
  939.                 <img src="/html/user_data/assets/img/top/top_img.png" alt="">
  940.             </div>
  941.         </div>
  942.         <div class="topnews">
  943.             {{ include('Block/news.twig', ignore_missing = true) }}
  944.         </div>
  945.         <div class="flex topinfo" id="topinfo">
  946.             <img src="/html/user_data/assets/img/top/top_icon01.png" alt="">
  947.             <img src="/html/user_data/assets/img/top/top_infodes.png" alt="">
  948.             <img src="/html/user_data/assets/img/top/top_icon02.png" alt="">
  949.         </div>
  950.         <div class="ec-role">
  951.             <div class="ec-newItemRole">
  952.                 <div class="ec-newItemRole__list">
  953.                     {# 商品の数だけループ #}
  954.                     {% set products = newProducts(4) %}
  955.                     {% for p in products %}
  956.                     <div class="ec-newItemRole__listItem">
  957.                         <a href="{{ url('product_detail', {'id': p.id}) }}">
  958.                             <img src="{{ asset(p.main_list_image|no_image_product, 'save_image') }}">
  959.                             <img src="{{ p.image_shop_logo }}"/>
  960.                         </a>
  961.                     </div>
  962.                     {% endfor %}
  963.                 </div>
  964.             </div>
  965.         </div>
  966.     </div>-->
  967.   {% endblock %}