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

Open in your IDE?
  1. <div class="left">
  2.     <a href="{{ eccube_config.base_domain }}">
  3.         <img class="logo" src="{{ asset('assets/img/logo__text-right.png') }}" alt="モトバレーゼ">
  4.     </a>
  5.     <a href="https://www.facebook.com/motovarese/" target="_blank" rel="noopener" class="link-facebook">
  6.         <svg id="Group_31492" data-name="Group 31492" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
  7.             <path id="Path_7352" data-name="Path 7352" d="M24,12A12,12,0,1,0,10.125,23.854V15.469H7.078V12h3.047V9.356c0-3.008,1.792-4.669,4.533-4.669a18.453,18.453,0,0,1,2.686.234V7.875H15.831a1.734,1.734,0,0,0-1.956,1.874V12H17.2l-.532,3.469h-2.8v8.385A12,12,0,0,0,24,12Z" fill="#1877f2"/>
  8.             <path id="Path_7353" data-name="Path 7353" d="M311.593,210.781l.532-3.469H308.8v-2.251a1.734,1.734,0,0,1,1.956-1.874h1.513v-2.953a18.453,18.453,0,0,0-2.686-.234c-2.741,0-4.533,1.661-4.533,4.669v2.644H302v3.469h3.047v8.385a12.127,12.127,0,0,0,3.75,0v-8.385Z" transform="translate(-294.922 -195.313)" fill="#fff"/>
  9.         </svg>
  10.     </a>
  11.     <a href="https://www.youtube.com/channel/UCpaFsMlGZRNbyHAu1z7OBSg/videos" target="_blank" rel="noopener" class="link-youtube">
  12.         <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" viewBox="0 0 34.285 24">
  13.             <g id="Group_13032" data-name="Group 13032" transform="translate(-84.55 -85.039)">
  14.               <path id="Path_7341" data-name="Path 7341" d="M118.119,88.787a4.294,4.294,0,0,0-3.031-3.031c-2.674-.717-13.4-.717-13.4-.717s-10.721,0-13.4.717a4.294,4.294,0,0,0-3.031,3.031,47.9,47.9,0,0,0,0,16.5,4.294,4.294,0,0,0,3.031,3.031c2.674.717,13.4.717,13.4.717s10.721,0,13.4-.717a4.294,4.294,0,0,0,3.031-3.031,47.9,47.9,0,0,0,0-16.5Z" fill="red"/>
  15.               <path id="Path_7342" data-name="Path 7342" d="M133.144,119.622l8.907-5.143-8.907-5.143Z" transform="translate(-34.879 -17.44)" fill="#fff"/>
  16.             </g>
  17.         </svg>
  18.     </a>
  19. </div>
  20. <div class="right">
  21.     <nav>
  22.         <ul class="menu1">
  23.             <li>
  24.                 <a href="{{ eccube_config.base_domain }}/privacy">
  25.                     <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
  26.                         <path id="Icon_awesome-chevron-circle-right" data-name="Icon awesome-chevron-circle-right" d="M6.563.563a6,6,0,1,1-6,6A6,6,0,0,1,6.563.563ZM9.318,6.151,6.04,2.873a.578.578,0,0,0-.82,0l-.411.411a.578.578,0,0,0,0,.82L7.267,6.563,4.808,9.021a.578.578,0,0,0,0,.82l.411.411a.578.578,0,0,0,.82,0L9.318,6.974A.581.581,0,0,0,9.318,6.151Z" transform="translate(-0.563 -0.563)"/>
  27.                     </svg> プライバシーポリシー
  28.                 </a>
  29.             </li>
  30.             <li>
  31.                 <a href="{{ eccube_config.base_domain }}/tradelaw">
  32.                     <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
  33.                         <path id="Icon_awesome-chevron-circle-right" data-name="Icon awesome-chevron-circle-right" d="M6.563.563a6,6,0,1,1-6,6A6,6,0,0,1,6.563.563ZM9.318,6.151,6.04,2.873a.578.578,0,0,0-.82,0l-.411.411a.578.578,0,0,0,0,.82L7.267,6.563,4.808,9.021a.578.578,0,0,0,0,.82l.411.411a.578.578,0,0,0,.82,0L9.318,6.974A.581.581,0,0,0,9.318,6.151Z" transform="translate(-0.563 -0.563)"/>
  34.                     </svg> 特定商取引法に基づく表記
  35.                 </a>
  36.             </li>
  37.             <li>
  38.                 <a href="{{ eccube_config.base_domain }}/terms">
  39.                     <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
  40.                         <path id="Icon_awesome-chevron-circle-right" data-name="Icon awesome-chevron-circle-right" d="M6.563.563a6,6,0,1,1-6,6A6,6,0,0,1,6.563.563ZM9.318,6.151,6.04,2.873a.578.578,0,0,0-.82,0l-.411.411a.578.578,0,0,0,0,.82L7.267,6.563,4.808,9.021a.578.578,0,0,0,0,.82l.411.411a.578.578,0,0,0,.82,0L9.318,6.974A.581.581,0,0,0,9.318,6.151Z" transform="translate(-0.563 -0.563)"/>
  41.                     </svg> 利用規約
  42.                 </a>
  43.             </li>
  44.             <li>
  45.                 <a href="https://www.facebook.com/motovarese/" target="_blank">
  46.                     <svg id="Group_31492" data-name="Group 31492" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
  47.                         <path id="Path_7352" data-name="Path 7352" d="M24,12A12,12,0,1,0,10.125,23.854V15.469H7.078V12h3.047V9.356c0-3.008,1.792-4.669,4.533-4.669a18.453,18.453,0,0,1,2.686.234V7.875H15.831a1.734,1.734,0,0,0-1.956,1.874V12H17.2l-.532,3.469h-2.8v8.385A12,12,0,0,0,24,12Z" fill="#1877f2"/>
  48.                         <path id="Path_7353" data-name="Path 7353" d="M311.593,210.781l.532-3.469H308.8v-2.251a1.734,1.734,0,0,1,1.956-1.874h1.513v-2.953a18.453,18.453,0,0,0-2.686-.234c-2.741,0-4.533,1.661-4.533,4.669v2.644H302v3.469h3.047v8.385a12.127,12.127,0,0,0,3.75,0v-8.385Z" transform="translate(-294.922 -195.313)" fill="#fff"/>
  49.                     </svg>
  50.                 </a>
  51.             </li>
  52.             <li>
  53.                 <a href="https://www.youtube.com/channel/UCpaFsMlGZRNbyHAu1z7OBSg/videos" target="_blank">
  54.                     <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" viewBox="0 0 34.285 24">
  55.                         <g id="Group_13032" data-name="Group 13032" transform="translate(-84.55 -85.039)">
  56.                         <path id="Path_7341" data-name="Path 7341" d="M118.119,88.787a4.294,4.294,0,0,0-3.031-3.031c-2.674-.717-13.4-.717-13.4-.717s-10.721,0-13.4.717a4.294,4.294,0,0,0-3.031,3.031,47.9,47.9,0,0,0,0,16.5,4.294,4.294,0,0,0,3.031,3.031c2.674.717,13.4.717,13.4.717s10.721,0,13.4-.717a4.294,4.294,0,0,0,3.031-3.031,47.9,47.9,0,0,0,0-16.5Z" fill="red"/>
  57.                         <path id="Path_7342" data-name="Path 7342" d="M133.144,119.622l8.907-5.143-8.907-5.143Z" transform="translate(-34.879 -17.44)" fill="#fff"/>
  58.                         </g>
  59.                     </svg>
  60.                 </a>
  61.             </li>
  62.         </ul>
  63.         <ul class="menu2">
  64.             <li><a href="{{ eccube_config.base_domain }}">HOME</a></li>
  65.             <li><a href="{{ eccube_config.base_domain }}/products">取り扱い商品</a></li>
  66.             <li><a href="{{ eccube_config.base_domain }}/user-guide">ご利用ガイド</a></li>
  67.             <li><a href="{{ eccube_config.base_domain }}/archives/used-bike">車輛情報</a></li>
  68.             <li><a href="{{ eccube_config.base_domain }}/store-info">店舗情報</a></li>
  69.             <li><a href="{{ eccube_config.base_domain }}/archives/notice">新着情報</a></li>
  70.             <li><a href="{{ eccube_config.base_domain }}/contact">お問い合わせ</a></li>
  71.         </ul>
  72.     </nav>
  73.     <div class="lib-btns">
  74.         <a href="{{ url('homepage') }}" class="lib-btn__buy-product">
  75.             <span></span>
  76.             <div class="bg-text">
  77.                 <svg xmlns="http://www.w3.org/2000/svg" width="54.674" height="55" viewBox="0 0 54.674 55">
  78.                     <g id="Group_31496" data-name="Group 31496" transform="translate(-7.891 -7.471)" opacity="0.2">
  79.                       <path id="Union_2" data-name="Union 2" d="M16.311,54,0,0H12.388l16.38,54Zm0-54H28.768V37.057Z" transform="translate(33.123 7.971)" fill="#fff" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/>
  80.                       <path id="Path_15433" data-name="Path 15433" d="M24.3,3.228l16.058,54H28.43L13.381,7.177V30.228l8.625,27H3.2v-54Z" transform="translate(4.695 4.742)" fill="#fff"/>
  81.                     </g>
  82.                 </svg>
  83.             </div>
  84.             <div class="icon">
  85.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" viewBox="0 0 22 22">
  86.                     <defs>
  87.                       <clipPath id="clip-path">
  88.                         <rect id="Rectangle_26018" data-name="Rectangle 26018" width="20" height="21.144" fill="#fff"/>
  89.                       </clipPath>
  90.                     </defs>
  91.                     <g id="Group_31500" data-name="Group 31500" transform="translate(17122 22276)">
  92.                       <rect id="Rectangle_26010" data-name="Rectangle 26010" width="22" height="22" transform="translate(-17122 -22276)" fill="#333" opacity="0"/>
  93.                       <g id="Group_31582" data-name="Group 31582" transform="translate(-17121 -22275.57)">
  94.                         <g id="Group_31581" data-name="Group 31581" clip-path="url(#clip-path)">
  95.                           <path id="Path_50600" data-name="Path 50600" d="M20,12.627C20,5.653,18.825.118,10.016,0,5.949-.054,2.386,3.208.8,7.722,3.334,8.178,6.678,6.4,8.6,5.753c2.361-.795,2.176,1.654,1.442,2.969a11.517,11.517,0,0,1-2.758,3.351A10.8,10.8,0,0,1,.031,14.448l-.031,0A14.159,14.159,0,0,0,2.149,20.4L20,12.7c0-.024,0-.046,0-.07m-3.818.294a1.468,1.468,0,1,1,1.469-1.469,1.468,1.468,0,0,1-1.469,1.469" transform="translate(0 0)" fill="#fff"/>
  96.                           <path id="Path_50601" data-name="Path 50601" d="M69.336,356.118l.117.587,17.267-7.282-.117-.7Z" transform="translate(-66.72 -335.562)" fill="#fff"/>
  97.                         </g>
  98.                       </g>
  99.                     </g>
  100.                 </svg>
  101.             </div>
  102.             <p>商品を買う</p>
  103.         </a>
  104.         <a href="{{ url('cart') }}" class="lib-btn__cart">
  105.             <span></span>
  106.             <div class="bg-text">
  107.                 <svg xmlns="http://www.w3.org/2000/svg" width="54.674" height="55" viewBox="0 0 54.674 55">
  108.                     <g id="Group_31495" data-name="Group 31495" transform="translate(-7.891 -7.471)" opacity="0.2">
  109.                       <path id="Union_2" data-name="Union 2" d="M16.311,54,0,0H12.388l16.38,54Zm0-54H28.768V37.057Z" transform="translate(33.123 7.971)" fill="#fff" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/>
  110.                       <path id="Path_15433" data-name="Path 15433" d="M24.3,3.228l16.058,54H28.43L13.381,7.177V30.228l8.625,27H3.2v-54Z" transform="translate(4.695 4.742)" fill="#fff"/>
  111.                     </g>
  112.                 </svg>
  113.             </div>
  114.             <div class="icon">
  115.                 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
  116.                     <g id="Group_31499" data-name="Group 31499" transform="translate(17122 22276)">
  117.                       <rect id="Rectangle_26010" data-name="Rectangle 26010" width="22" height="22" transform="translate(-17122 -22276)" fill="#333" opacity="0"/>
  118.                       <path id="Path_50546" data-name="Path 50546" d="M1.711,9.094a.75.75,0,0,0,.743.583H15.236l-.547,2.579H2.837a.723.723,0,1,0,0,1.444h.4a2.151,2.151,0,0,0-.588.4,1.985,1.985,0,0,0,0,2.9,2.23,2.23,0,0,0,3.047,0,1.985,1.985,0,0,0,0-2.9,2.15,2.15,0,0,0-.588-.4h8.134a2.15,2.15,0,0,0-.588.4,1.985,1.985,0,0,0,0,2.9A2.23,2.23,0,0,0,15.7,17a1.985,1.985,0,0,0,0-2.9,2.15,2.15,0,0,0-.588-.4h.2a.748.748,0,0,0,.743-.579l2.48-11.7h1.259v1.9a1.106,1.106,0,0,0,2.21,0V1.092a1.007,1.007,0,0,0-.116-.468.725.725,0,0,0-.729-.605H18.083l-.007,0C18.053.012,18.028.008,18,.005l-.011,0a.782.782,0,0,0-.085,0H.758A.77.77,0,0,0,.173.262a.694.694,0,0,0-.158.6Zm9.182-4.753h5.377l-.925,3.892H3.078l-.8-3.892Zm3.376-2.9h2.689L16.614,2.9H1.979l-.3-1.454H14.27Z" transform="translate(-17122 -22272.697)" fill="#fff"/>
  119.                     </g>
  120.                 </svg>
  121.             </div>
  122.             <p>カートを見る</p>
  123.         </a>
  124.         <div class="hamburger">
  125.             <input id="menu__toggle" type="checkbox">
  126.             <label class="menu__btn" for="menu__toggle">
  127.                 <span></span>
  128.             </label>
  129.             <div class="menu__box">
  130.                 <ul>
  131.                     <li><a href="{{ eccube_config.base_domain }}">HOME</a></li>
  132.                     <li><a href="{{ eccube_config.base_domain }}/products">取り扱い商品</a></li>
  133.                     <li><a href="{{ eccube_config.base_domain }}/user-guide">ご利用ガイド</a></li>
  134.                     <li><a href="{{ eccube_config.base_domain }}/archives/used-bike">車輛情報</a></li>
  135.                     <li><a href="{{ eccube_config.base_domain }}/store-info">店舗情報</a></li>
  136.                     <li><a href="{{ eccube_config.base_domain }}/archives/notice">新着情報</a></li>
  137.                     <li><a href="{{ eccube_config.base_domain }}/contact">お問い合わせ</a></li>
  138.                 </ul>
  139.                 <ul>
  140.                     <li>
  141.                         <a href="{{ eccube_config.base_domain }}/privacy">プライバシーポリシー</a>
  142.                     </li>
  143.                     <li>
  144.                         <a href="{{ eccube_config.base_domain }}/tradelaw">特定商取引法に基づく表記</a>
  145.                     </li>
  146.                     <li>
  147.                         <a href="{{ eccube_config.base_domain }}/terms">利用規約</a>
  148.                     </li>
  149.                     <li>
  150.                         <a href="https://www.facebook.com/motovarese/">
  151.                             <svg id="Group_31492" data-name="Group 31492" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
  152.                                 <path id="Path_7352" data-name="Path 7352" d="M24,12A12,12,0,1,0,10.125,23.854V15.469H7.078V12h3.047V9.356c0-3.008,1.792-4.669,4.533-4.669a18.453,18.453,0,0,1,2.686.234V7.875H15.831a1.734,1.734,0,0,0-1.956,1.874V12H17.2l-.532,3.469h-2.8v8.385A12,12,0,0,0,24,12Z" fill="#1877f2"/>
  153.                                 <path id="Path_7353" data-name="Path 7353" d="M311.593,210.781l.532-3.469H308.8v-2.251a1.734,1.734,0,0,1,1.956-1.874h1.513v-2.953a18.453,18.453,0,0,0-2.686-.234c-2.741,0-4.533,1.661-4.533,4.669v2.644H302v3.469h3.047v8.385a12.127,12.127,0,0,0,3.75,0v-8.385Z" transform="translate(-294.922 -195.313)" fill="#fff"/>
  154.                             </svg>
  155.                         </a>
  156.                     </li>
  157.                     <li>
  158.                         <a href="https://www.youtube.com/channel/UCpaFsMlGZRNbyHAu1z7OBSg/videos">
  159.                             <svg xmlns="http://www.w3.org/2000/svg" width="30" height="22" viewBox="0 0 34.285 24">
  160.                                 <g id="Group_13032" data-name="Group 13032" transform="translate(-84.55 -85.039)">
  161.                                 <path id="Path_7341" data-name="Path 7341" d="M118.119,88.787a4.294,4.294,0,0,0-3.031-3.031c-2.674-.717-13.4-.717-13.4-.717s-10.721,0-13.4.717a4.294,4.294,0,0,0-3.031,3.031,47.9,47.9,0,0,0,0,16.5,4.294,4.294,0,0,0,3.031,3.031c2.674.717,13.4.717,13.4.717s10.721,0,13.4-.717a4.294,4.294,0,0,0,3.031-3.031,47.9,47.9,0,0,0,0-16.5Z" fill="red"/>
  162.                                 <path id="Path_7342" data-name="Path 7342" d="M133.144,119.622l8.907-5.143-8.907-5.143Z" transform="translate(-34.879 -17.44)" fill="#fff"/>
  163.                                 </g>
  164.                             </svg>
  165.                         </a>
  166.                     </li>
  167.                 </ul>
  168.             </div>
  169.         </div>
  170.     </div>
  171. </div>
  173. <div class="lib-btns__sp">
  174.     <a href="{{ url('homepage') }}" class="lib-btn__buy-product">
  175.         <span></span>
  176.         <div class="bg-text">
  177.             <svg xmlns="http://www.w3.org/2000/svg" width="54.674" height="55" viewBox="0 0 54.674 55">
  178.                 <g id="Group_31496" data-name="Group 31496" transform="translate(-7.891 -7.471)" opacity="0.2">
  179.                   <path id="Union_2" data-name="Union 2" d="M16.311,54,0,0H12.388l16.38,54Zm0-54H28.768V37.057Z" transform="translate(33.123 7.971)" fill="#fff" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/>
  180.                   <path id="Path_15433" data-name="Path 15433" d="M24.3,3.228l16.058,54H28.43L13.381,7.177V30.228l8.625,27H3.2v-54Z" transform="translate(4.695 4.742)" fill="#fff"/>
  181.                 </g>
  182.             </svg>
  183.         </div>
  184.         <div class="icon">
  185.             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22" viewBox="0 0 22 22">
  186.                 <defs>
  187.                   <clipPath id="clip-path">
  188.                     <rect id="Rectangle_26018" data-name="Rectangle 26018" width="20" height="21.144" fill="#fff"/>
  189.                   </clipPath>
  190.                 </defs>
  191.                 <g id="Group_31500" data-name="Group 31500" transform="translate(17122 22276)">
  192.                   <rect id="Rectangle_26010" data-name="Rectangle 26010" width="22" height="22" transform="translate(-17122 -22276)" fill="#333" opacity="0"/>
  193.                   <g id="Group_31582" data-name="Group 31582" transform="translate(-17121 -22275.57)">
  194.                     <g id="Group_31581" data-name="Group 31581" clip-path="url(#clip-path)">
  195.                       <path id="Path_50600" data-name="Path 50600" d="M20,12.627C20,5.653,18.825.118,10.016,0,5.949-.054,2.386,3.208.8,7.722,3.334,8.178,6.678,6.4,8.6,5.753c2.361-.795,2.176,1.654,1.442,2.969a11.517,11.517,0,0,1-2.758,3.351A10.8,10.8,0,0,1,.031,14.448l-.031,0A14.159,14.159,0,0,0,2.149,20.4L20,12.7c0-.024,0-.046,0-.07m-3.818.294a1.468,1.468,0,1,1,1.469-1.469,1.468,1.468,0,0,1-1.469,1.469" transform="translate(0 0)" fill="#fff"/>
  196.                       <path id="Path_50601" data-name="Path 50601" d="M69.336,356.118l.117.587,17.267-7.282-.117-.7Z" transform="translate(-66.72 -335.562)" fill="#fff"/>
  197.                     </g>
  198.                   </g>
  199.                 </g>
  200.             </svg>
  201.         </div>
  202.         <p>商品を買う</p>
  203.     </a>
  204.     <a href="{{ url('cart') }}" class="lib-btn__cart">
  205.         <span></span>
  206.         <div class="bg-text">
  207.             <svg xmlns="http://www.w3.org/2000/svg" width="54.674" height="55" viewBox="0 0 54.674 55">
  208.                 <g id="Group_31495" data-name="Group 31495" transform="translate(-7.891 -7.471)" opacity="0.2">
  209.                   <path id="Union_2" data-name="Union 2" d="M16.311,54,0,0H12.388l16.38,54Zm0-54H28.768V37.057Z" transform="translate(33.123 7.971)" fill="#fff" stroke="rgba(0,0,0,0)" stroke-miterlimit="10" stroke-width="1"/>
  210.                   <path id="Path_15433" data-name="Path 15433" d="M24.3,3.228l16.058,54H28.43L13.381,7.177V30.228l8.625,27H3.2v-54Z" transform="translate(4.695 4.742)" fill="#fff"/>
  211.                 </g>
  212.             </svg>
  213.         </div>
  214.         <div class="icon">
  215.             <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22">
  216.                 <g id="Group_31499" data-name="Group 31499" transform="translate(17122 22276)">
  217.                   <rect id="Rectangle_26010" data-name="Rectangle 26010" width="22" height="22" transform="translate(-17122 -22276)" fill="#333" opacity="0"/>
  218.                   <path id="Path_50546" data-name="Path 50546" d="M1.711,9.094a.75.75,0,0,0,.743.583H15.236l-.547,2.579H2.837a.723.723,0,1,0,0,1.444h.4a2.151,2.151,0,0,0-.588.4,1.985,1.985,0,0,0,0,2.9,2.23,2.23,0,0,0,3.047,0,1.985,1.985,0,0,0,0-2.9,2.15,2.15,0,0,0-.588-.4h8.134a2.15,2.15,0,0,0-.588.4,1.985,1.985,0,0,0,0,2.9A2.23,2.23,0,0,0,15.7,17a1.985,1.985,0,0,0,0-2.9,2.15,2.15,0,0,0-.588-.4h.2a.748.748,0,0,0,.743-.579l2.48-11.7h1.259v1.9a1.106,1.106,0,0,0,2.21,0V1.092a1.007,1.007,0,0,0-.116-.468.725.725,0,0,0-.729-.605H18.083l-.007,0C18.053.012,18.028.008,18,.005l-.011,0a.782.782,0,0,0-.085,0H.758A.77.77,0,0,0,.173.262a.694.694,0,0,0-.158.6Zm9.182-4.753h5.377l-.925,3.892H3.078l-.8-3.892Zm3.376-2.9h2.689L16.614,2.9H1.979l-.3-1.454H14.27Z" transform="translate(-17122 -22272.697)" fill="#fff"/>
  219.                 </g>
  220.             </svg>
  221.         </div>
  222.         <p>カートを見る</p>
  223.     </a>
  224. </div>