var/cache/dev/twig/b6/b6876e01431878003365198103a3c1ec.php line 51

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @user_data/BACK_UP_TOP.twig */
  16. class __TwigTemplate_89a785e6a93df89f1a859a954fdf5982 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'main' => [$this, 'block_main'],
  29.         ];
  30.     }
  32.     protected function doGetParent(array $context)
  33.     {
  34.         // line 1
  35.         return "default_frame.twig";
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@user_data/BACK_UP_TOP.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@user_data/BACK_UP_TOP.twig"));
  47.         // line 3
  48.         $context["body_class"] = "front_page";
  49.         // line 1
  50.         $this->parent = $this->loadTemplate("default_frame.twig", "@user_data/BACK_UP_TOP.twig", 1);
  51.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  52.         
  53.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  55.         
  56.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  58.     }
  60.     // line 5
  61.     public function block_main($context, array $blocks = [])
  62.     {
  63.         $macros = $this->macros;
  64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  70.         // line 6
  71.         echo "      <main class=\"p-top\">
  72.         ";
  73.         // line 8
  74.         echo "        ";
  75.         // line 9
  76.         echo "        ";
  77.         // line 10
  78.         echo "        <section class=\"c-mv01\">
  79.           <div class=\"c-slider06\">
  80.             <div class=\"c-slider06__content swiper\">
  81.               <div class=\"swiper-wrapper\">
  82.                 <div class=\"swiper-slide\">
  83.                     <video class=\"js-video pc\" src=\"/html/user_data/assets/movie/upcoming_pc_v2.mp4\" autoplay loop muted playsinline></video>
  84.                     <video class=\"js-video sp\" src=\"/html/user_data/assets/movie/upcoming_sp_v2.mp4\" autoplay loop muted playsinline></video>
  85.                     <div class=\"movie__btn\"><button class=\"js-video-button\"><img src=\"/html/user_data/assets/img/top/sound_off.png\" alt=\"音声をオンにする\"></button></div>
  86.                 </div>
  87.                 <style>
  88.                 .c-mv01 .video__wrap{
  89.                     display: flex;
  90.                     justify-content:center;
  91.                 }
  92.                 .c-mv01 .video{
  93.                     position: relative;
  94.                     height: 100vh;
  95.                     width: max-content;
  96.                 }
  97.                 .c-mv01 video{
  98.                     height: 100%;
  99.                 }
  100.                 .c-mv01 .movie__btn{
  101.                     position: absolute;
  102.                     bottom: 1em;
  103.                     right: 1em;
  104.                     width: clamp(30px,calc(50/1440*100vw),50px);
  105.                 }
  106.                 .c-mv01 button{
  107.                     background: transparent;
  108.                     border: none;
  109.                     padding: 0;
  110.                 }
  111.                 .c-mv01 button img{
  112.                     width: 100%;
  113.                 }
  114.                 .pc{
  115.                     display: block;
  116.                 }
  117.                 .sp{
  118.                     display: none;
  119.                 }
  120.                 @media (max-width:767px){
  121.                     .up_coming .video,
  122.                     .up_coming video{
  123.                         width: 100%;
  124.                         height: auto;
  125.                     }
  126.                 }
  127.                 
  128.             </style>
  129.         
  130.             <script>
  131.             // videoタグとbuttonタグを変数に格納
  132.             const video = document.querySelector(\".js-video\");
  133.             const videoButton = document.querySelector(\".js-video-button\");
  134.             
  135.             // mutedを操作する関数を定義
  136.             const toggleAudio = () => {
  137.                 video.muted = !video.muted;
  138.             }
  139.             
  140.             videoButton.addEventListener('click', () => {
  141.                 // 関数を実行
  142.                 toggleAudio();
  143.             
  144.                 // テキストを画像に置き換える
  145.                 if (video.muted) {
  146.                     videoButton.innerHTML = '<img src=\"/html/user_data/assets/img/top/sound_off.png\" alt=\"音声をオフにする\">';
  147.                 } else {
  148.                     videoButton.innerHTML = '<img src=\"/html/user_data/assets/img/top/sound_on.png\" alt=\"音声をオンにする\">';
  149.                 }
  150.             });
  151.             </script>
  152.               ";
  153.         // line 85
  154.         echo "              ";
  155.         // line 86
  156.         echo "              ";
  157.         // line 87
  158.         echo "              ";
  159.         // line 88
  160.         echo "              ";
  161.         // line 89
  162.         echo "              ";
  163.         // line 90
  164.         echo "              ";
  165.         // line 91
  166.         echo "              ";
  167.         // line 92
  168.         echo "              ";
  169.         // line 93
  170.         echo "              ";
  171.         // line 94
  172.         echo "              ";
  173.         // line 95
  174.         echo "              ";
  175.         // line 96
  176.         echo "              ";
  177.         // line 97
  178.         echo "              ";
  179.         // line 98
  180.         echo "              ";
  181.         // line 99
  182.         echo "              ";
  183.         // line 100
  184.         echo "              ";
  185.         // line 101
  186.         echo "              ";
  187.         // line 102
  188.         echo "              ";
  189.         // line 103
  190.         echo "              ";
  191.         // line 104
  192.         echo "              ";
  193.         // line 105
  194.         echo "              ";
  195.         // line 106
  196.         echo "              ";
  197.         // line 107
  198.         echo "              ";
  199.         // line 108
  200.         echo "              ";
  201.         // line 109
  202.         echo "              ";
  203.         // line 110
  204.         echo "              ";
  205.         // line 111
  206.         echo "              ";
  207.         // line 112
  208.         echo "              ";
  209.         // line 113
  210.         echo "              ";
  211.         // line 114
  212.         echo "              ";
  213.         // line 115
  214.         echo "              ";
  215.         // line 116
  216.         echo "              ";
  217.         // line 117
  218.         echo "              ";
  219.         // line 118
  220.         echo "              ";
  221.         // line 119
  222.         echo "              ";
  223.         // line 120
  224.         echo "              ";
  225.         // line 121
  226.         echo "              ";
  227.         // line 122
  228.         echo "            </div>
  229.           </div>
  230.           ";
  231.         // line 125
  232.         echo "          ";
  233.         // line 126
  234.         echo "          ";
  235.         // line 127
  236.         echo "          ";
  237.         // line 128
  238.         echo "          ";
  239.         // line 129
  240.         echo "          ";
  241.         // line 130
  242.         echo "          <a class=\"c-mv01__scroll pc\" href=\"#\"> <img alt=\"scroll\" class=\"lazyload\" src=\"/html/user_data/assets/img/common/scroll.svg\" /></a>
  243.         </section>
  244.         <!-- <section id=\"is-product\" class=\"p-top1\">
  245.           <div class=\"l-container\">
  246.             <div class=\"c-slider01\">
  247.               <div class=\"c-slider01__number pc\">
  248.                 <p class=\"c-slider01__number__current\">1</p>
  249.                 <p class=\"c-slider01__number__total\">1</p>
  250.               </div>
  251.               <div class=\"swiper\">
  252.                 <div class=\"swiper-wrapper\">
  253.                   <div class=\"swiper-slide\">
  254.                     <a href=\"product.html\">
  255.                       <figure class=\"c-slider01__img\">
  256.                         <img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/prd_01.webp\" alt=\"JOURNAL\" />
  257.                       </figure>
  258.                       <div class=\"c-slider01__url\">
  259.                         <p class=\"c-slider01__subtitle\">HOT</p>
  260.                         <h2 class=\"c-slider01__title\">'HOTTO GENERATION' Artwork <br />Hoodie by Roughsmoke V2</h2>
  261.                       </div>
  262.                     </a>
  263.                   </div>
  264.                   <div class=\"swiper-slide\">
  265.                     <a href=\"product.html\">
  266.                       <figure class=\"c-slider01__img\">
  267.                         <img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/prd_01.webp\" alt=\"JOURNAL\" />
  268.                       </figure>
  269.                       <div class=\"c-slider01__url\">
  270.                         <p class=\"c-slider01__subtitle\">HOT</p>
  271.                         <h2 class=\"c-slider01__title\">'HOTTO GENERATION' Artwork <br />Hoodie by Roughsmoke V2</h2>
  272.                       </div>
  273.                     </a>
  274.                   </div>
  275.                   <div class=\"swiper-slide\">
  276.                     <a href=\"product.html\">
  277.                       <figure class=\"c-slider01__img\">
  278.                         <img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/prd_01.webp\" alt=\"JOURNAL\" />
  279.                       </figure>
  280.                       <div class=\"c-slider01__url\">
  281.                         <p class=\"c-slider01__subtitle\">HOT</p>
  282.                         <h2 class=\"c-slider01__title\">'HOTTO GENERATION' Artwork <br />Hoodie by Roughsmoke V2</h2>
  283.                       </div>
  284.                     </a>
  285.                   </div>
  286.                 </div>
  287.                 <div class=\"swiper-button-prev\"></div>
  288.                 <div class=\"swiper-button-next\"></div>
  289.               </div>
  290.             </div>
  291.           </div>
  292.         </section> -->
  293.         <section class=\"p-top3\">
  294.           <div class=\"l-container\">
  295.             <h2 class=\"c-title1\">PRODUCT</h2>
  296.             <ul class=\"c-list7\">
  297.               <li class=\"c-list7__item\">
  298.                 <a href=\"/products/list?category_id=1\">
  299.                   <figure class=\"c-list7__img\">
  300.                     <img alt=\"APPAREL\" class=\"lazyload\" src=\"https://nogood-racing.shop/html/upload/save_image/0804012120_66ae5900b63fb.jpg\" />
  301.                   </figure>
  302.                   <div class=\"c-list7__inner\">
  303.                     <h3 class=\"c-list7__title\">
  304.                       アパレル<br>- APPAREL -
  305.                     </h3>
  306.                     ";
  307.         // line 195
  308.         echo "                    ";
  309.         // line 196
  310.         echo "                  </div>
  311.                 </a>
  312.               </li>
  313.               
  314.               <li class=\"c-list7__item\">
  315.                 <a href=\"/products/list?category_id=2\">
  316.                   <figure class=\"c-list7__img\">
  317.                     <img alt=\"STICKER\" class=\"lazyload\" src=\"/html/user_data/assets/img/top/cat_link_sticker.jpg\" />
  318.                   </figure>
  319.                   <div class=\"c-list7__inner\">
  320.                     <h3 class=\"c-list7__title\">
  321.                         ステッカー<br>- STICKER -
  322.                     </h3>
  323.                     ";
  324.         // line 210
  325.         echo "                    ";
  326.         // line 211
  327.         echo "                  </div>
  328.                 </a>
  329.               </li>
  330.               <li class=\"c-list7__item\">
  331.                 <a href=\"/products/list?category_id=5\">
  332.                   <figure class=\"c-list7__img\">
  333.                     <img alt=\"CAR ITEMS\" class=\"lazyload\" src=\"/html/user_data/assets/img/top/cat_link_caritems.jpg\" />
  334.                   </figure>
  335.                   <div class=\"c-list7__inner\">
  336.                     <h3 class=\"c-list7__title\">カー用品<br>- CAR ITEMS -</h3>
  337.                     ";
  338.         // line 222
  339.         echo "                    ";
  340.         // line 223
  341.         echo "                    ";
  342.         // line 224
  343.         echo "                  </div>
  344.                 </a>
  345.               </li>
  346.               ";
  347.         // line 228
  348.         echo "              ";
  349.         // line 229
  350.         echo "              ";
  351.         // line 230
  352.         echo "              ";
  353.         // line 231
  354.         echo "              ";
  355.         // line 232
  356.         echo "              ";
  357.         // line 233
  358.         echo "              ";
  359.         // line 234
  360.         echo "              ";
  361.         // line 235
  362.         echo "              ";
  363.         // line 236
  364.         echo "              ";
  365.         // line 237
  366.         echo "              ";
  367.         // line 238
  368.         echo "              ";
  369.         // line 239
  370.         echo "              ";
  371.         // line 240
  372.         echo "              ";
  373.         // line 241
  374.         echo "              ";
  375.         // line 242
  376.         echo "              ";
  377.         // line 243
  378.         echo "              ";
  379.         // line 244
  380.         echo "            </ul>
  381.           </div>
  382.         </section>
  383.         <section class=\"p-top4\">
  384.           <div class=\"l-container\">
  385.             <h2 class=\"c-title1\">ABOUT SHIPPING</h2>
  386.           </div>
  387.           <div class=\"p-top4__content\">
  388.             <div class=\"p-top4__img\">
  389.               <div class=\"c-slider06\">
  390.                 <div class=\"c-slider06__content swiper\">
  391.                   <div class=\"swiper-wrapper\">
  392.                     <div class=\"swiper-slide\"><img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" alt=\"\" /></div>
  393.                   </div>
  394.                   <div class=\"swiper-pagination\"></div>
  395.                 </div>
  396.               </div>
  397.             </div>
  398.             <div class=\"p-top4__inner\">
  399.               <h3 class=\"c-title4\"><img src=\"/html/user_data/assets/img/common/logo_w.png\" alt=\"\" /></h3>
  400.               <p class=\"c-text01\">
  401.                 <span class=\"lg\">5,000円以上で送料無料。</span><br>
  402.                 <br>
  403.                 <span class=\"lg\">更に10,000円以上で<br class=\"sp\">非売品ステッカーをプレゼント！</span><br>
  404.                 <br>
  405.                 配送の流れ<br>
  406.                 ①&ensp;商品選択<br>
  407.                 <span>ラインナップからお好みのアパレルやグッズを選んでください。</span><br>
  408.                 ②&ensp;オプション選択<br>
  409.                 <span>購入手続きの際に、ギフト配送オプションを選択。</span><br>
  410.                 <span>お届け先の住所を指定ください。</span><br>
  411.                 ③&ensp;注文確定<br>
  412.                 <span>注文を確定し、支払いを済ませると、海外発送の手続きをさせて頂きます。</span><br>
  413.                 <br>
  414.                 Nogoodレーシングはあなたの大切な人へのプレゼントの配送も承っております。<br>
  415.                 <br>
  416.                 注意事項：<br>
  417.                 海外配送サービスも手配させて頂いています。<br>
  418.                 配送地域によって配送料が異なりますので事前にご確認ください。
  419.               </p>
  420.               ";
  421.         // line 285
  422.         echo "              ";
  423.         // line 286
  424.         echo "              ";
  425.         // line 287
  426.         echo "            </div>
  427.           </div>
  428.         </section>
  429.         <section class=\"p-top5\">
  430.           <div class=\"c-slider03\">
  431.             <div class=\"c-slider03__left swiper\">
  432.               <div class=\"swiper-wrapper\">
  433.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  434.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  435.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  436.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  437.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  438.               </div>
  439.             </div>
  440.             <div class=\"c-slider03__right swiper\">
  441.               <div class=\"swiper-wrapper\">
  442.                 <div class=\"swiper-slide\">
  443.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  444.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  445.                 </div>
  446.                 <div class=\"swiper-slide\">
  447.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  448.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  449.                 </div>
  450.                 <div class=\"swiper-slide\">
  451.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  452.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  453.                 </div>
  454.                 <div class=\"swiper-slide\">
  455.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  456.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  457.                 </div>
  458.                 <div class=\"swiper-slide\">
  459.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  460.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  461.                 </div>
  462.               </div>
  463.             </div>
  464.           </div>
  465.         </section>
  466.         
  467.         ";
  468.         // line 329
  469.         echo "        ";
  470.         // line 330
  471.         echo "        ";
  472.         // line 331
  473.         echo "        ";
  474.         // line 332
  475.         echo "        ";
  476.         // line 333
  477.         echo "        ";
  478.         // line 334
  479.         echo "        ";
  480.         // line 335
  481.         echo "        ";
  482.         // line 336
  483.         echo "        ";
  484.         // line 337
  485.         echo "        ";
  486.         // line 338
  487.         echo "        ";
  488.         // line 339
  489.         echo "        ";
  490.         // line 340
  491.         echo "        ";
  492.         // line 341
  493.         echo "        ";
  494.         // line 342
  495.         echo "        ";
  496.         // line 343
  497.         echo "        ";
  498.         // line 344
  499.         echo "        ";
  500.         // line 345
  501.         echo "        ";
  502.         // line 346
  503.         echo "        ";
  504.         // line 347
  505.         echo "        ";
  506.         // line 348
  507.         echo "        ";
  508.         // line 349
  509.         echo "        ";
  510.         // line 350
  511.         echo "        ";
  512.         // line 351
  513.         echo "        ";
  514.         // line 352
  515.         echo "        ";
  516.         // line 353
  517.         echo "        ";
  518.         // line 354
  519.         echo "        ";
  520.         // line 355
  521.         echo "        ";
  522.         // line 356
  523.         echo "        ";
  524.         // line 357
  525.         echo "        ";
  526.         // line 358
  527.         echo "        ";
  528.         // line 359
  529.         echo "        ";
  530.         // line 360
  531.         echo "        ";
  532.         // line 361
  533.         echo "        ";
  534.         // line 362
  535.         echo "        ";
  536.         // line 363
  537.         echo "        ";
  538.         // line 364
  539.         echo "        ";
  540.         // line 365
  541.         echo "        ";
  542.         // line 366
  543.         echo "        ";
  544.         // line 367
  545.         echo "        ";
  546.         // line 368
  547.         echo "        ";
  548.         // line 369
  549.         echo "        ";
  550.         // line 370
  551.         echo "        ";
  552.         // line 371
  553.         echo "        ";
  554.         // line 372
  555.         echo "        ";
  556.         // line 373
  557.         echo "        ";
  558.         // line 374
  559.         echo "        ";
  560.         // line 375
  561.         echo "        ";
  562.         // line 376
  563.         echo "        ";
  564.         // line 377
  565.         echo "        ";
  566.         // line 378
  567.         echo "        ";
  568.         // line 379
  569.         echo "        ";
  570.         // line 380
  571.         echo "        ";
  572.         // line 381
  573.         echo "        ";
  574.         // line 382
  575.         echo "        ";
  576.         // line 383
  577.         echo "        ";
  578.         // line 384
  579.         echo "        ";
  580.         // line 385
  581.         echo "        ";
  582.         // line 386
  583.         echo "        ";
  584.         // line 387
  585.         echo "        ";
  586.         // line 388
  587.         echo "        ";
  588.         // line 389
  589.         echo "        ";
  590.         // line 390
  591.         echo "        ";
  592.         // line 391
  593.         echo "        ";
  594.         // line 392
  595.         echo "        ";
  596.         // line 393
  597.         echo "        ";
  598.         // line 394
  599.         echo "        ";
  600.         // line 395
  601.         echo "        ";
  602.         // line 396
  603.         echo "        ";
  604.         // line 397
  605.         echo "        ";
  606.         // line 398
  607.         echo "        ";
  608.         // line 399
  609.         echo "        ";
  610.         // line 400
  611.         echo "        ";
  612.         // line 401
  613.         echo "        ";
  614.         // line 402
  615.         echo "        ";
  616.         // line 403
  617.         echo "        ";
  618.         // line 404
  619.         echo "        ";
  620.         // line 405
  621.         echo "        ";
  622.         // line 406
  623.         echo "        ";
  624.         // line 407
  625.         echo "        ";
  626.         // line 408
  627.         echo "        ";
  628.         // line 409
  629.         echo "        ";
  630.         // line 410
  631.         echo "        ";
  632.         // line 411
  633.         echo "        ";
  634.         // line 412
  635.         echo "        ";
  636.         // line 413
  637.         echo "        ";
  638.         // line 414
  639.         echo "        <section id=\"factory\" class=\"p-top8\">
  640.           <div class=\"l-container\">
  641.             <h2 class=\"c-title1\">CUSTOMIZE</h2>
  642.           </div>
  643.           <div class=\"c-slider06\">
  644.             <div class=\"c-slider06__content swiper\">
  645.               <div class=\"swiper-wrapper\">
  646.                 <div class=\"swiper-slide\">
  647.                   <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" />
  648.                   <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" />
  649.                 </div>
  650.                 <!--<div class=\"swiper-slide\">
  651.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv02.jpg\" class=\"pc lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  652.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv02_sp.jpg\" class=\"sp lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  653.           </div>
  654.           <div class=\"swiper-slide\">
  655.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv03.jpg\" class=\"pc lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  656.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv03_sp.jpg\" class=\"sp lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  657.           </div>-->
  658.               </div>
  659.               <div class=\"swiper-pagination\"></div>
  660.             </div>
  661.           </div>
  662.           <div class=\"l-container\">
  663.             <div class=\"p-top8__inner\">
  664.               <p class=\"c-text01\">
  665.                 Nogood Racingでは、あなたのカーライフをさらなる高みへと導くカスタマイズサービスを提供しています。<br>
  666.                 オリジナルのカスタマイズで、あなたの愛車をモータースポーツの世界で一際輝く存在に仕上げます。
  667.               </p>
  668.               <a href=\"#\" class=\"c-bnt01\">詳しく見る</a>
  669.             </div>
  670.           </div>
  671.         </section>
  672.         ";
  673.         // line 448
  674.         echo "        ";
  675.         // line 449
  676.         echo "        ";
  677.         // line 450
  678.         echo "        ";
  679.         // line 451
  680.         echo "        ";
  681.         // line 452
  682.         echo "        ";
  683.         // line 453
  684.         echo "        ";
  685.         // line 454
  686.         echo "        ";
  687.         // line 455
  688.         echo "        ";
  689.         // line 456
  690.         echo "        ";
  691.         // line 457
  692.         echo "        ";
  693.         // line 458
  694.         echo "        ";
  695.         // line 459
  696.         echo "        ";
  697.         // line 460
  698.         echo "        ";
  699.         // line 461
  700.         echo "        ";
  701.         // line 462
  702.         echo "        ";
  703.         // line 463
  704.         echo "        ";
  705.         // line 464
  706.         echo "        ";
  707.         // line 465
  708.         echo "        ";
  709.         // line 466
  710.         echo "        ";
  711.         // line 467
  712.         echo "        ";
  713.         // line 468
  714.         echo "        ";
  715.         // line 469
  716.         echo "        ";
  717.         // line 470
  718.         echo "        ";
  719.         // line 471
  720.         echo "        ";
  721.         // line 472
  722.         echo "        ";
  723.         // line 473
  724.         echo "        ";
  725.         // line 474
  726.         echo "        ";
  727.         // line 475
  728.         echo "        ";
  729.         // line 476
  730.         echo "        ";
  731.         // line 477
  732.         echo "        ";
  733.         // line 478
  734.         echo "        ";
  735.         // line 479
  736.         echo "        ";
  737.         // line 480
  738.         echo "        ";
  739.         // line 481
  740.         echo "        ";
  741.         // line 482
  742.         echo "        ";
  743.         // line 483
  744.         echo "        ";
  745.         // line 484
  746.         echo "        ";
  747.         // line 485
  748.         echo "        ";
  749.         // line 486
  750.         echo "        ";
  751.         // line 487
  752.         echo "        ";
  753.         // line 488
  754.         echo "        ";
  755.         // line 489
  756.         echo "        ";
  757.         // line 490
  758.         echo "      </main>
  760.     <script type=\"text/javascript\" src=\"wp/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min%EF%B9%96ver=3.12.5.js\" id=\"smush-lazy-load-js\"></script>
  762. ";
  763.         
  764.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  766.         
  767.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  769.     }
  771.     public function getTemplateName()
  772.     {
  773.         return "@user_data/BACK_UP_TOP.twig";
  774.     }
  776.     public function isTraitable()
  777.     {
  778.         return false;
  779.     }
  781.     public function getDebugInfo()
  782.     {
  783.         return array (  758 => 490,  756 => 489,  754 => 488,  752 => 487,  750 => 486,  748 => 485,  746 => 484,  744 => 483,  742 => 482,  740 => 481,  738 => 480,  736 => 479,  734 => 478,  732 => 477,  730 => 476,  728 => 475,  726 => 474,  724 => 473,  722 => 472,  720 => 471,  718 => 470,  716 => 469,  714 => 468,  712 => 467,  710 => 466,  708 => 465,  706 => 464,  704 => 463,  702 => 462,  700 => 461,  698 => 460,  696 => 459,  694 => 458,  692 => 457,  690 => 456,  688 => 455,  686 => 454,  684 => 453,  682 => 452,  680 => 451,  678 => 450,  676 => 449,  674 => 448,  639 => 414,  637 => 413,  635 => 412,  633 => 411,  631 => 410,  629 => 409,  627 => 408,  625 => 407,  623 => 406,  621 => 405,  619 => 404,  617 => 403,  615 => 402,  613 => 401,  611 => 400,  609 => 399,  607 => 398,  605 => 397,  603 => 396,  601 => 395,  599 => 394,  597 => 393,  595 => 392,  593 => 391,  591 => 390,  589 => 389,  587 => 388,  585 => 387,  583 => 386,  581 => 385,  579 => 384,  577 => 383,  575 => 382,  573 => 381,  571 => 380,  569 => 379,  567 => 378,  565 => 377,  563 => 376,  561 => 375,  559 => 374,  557 => 373,  555 => 372,  553 => 371,  551 => 370,  549 => 369,  547 => 368,  545 => 367,  543 => 366,  541 => 365,  539 => 364,  537 => 363,  535 => 362,  533 => 361,  531 => 360,  529 => 359,  527 => 358,  525 => 357,  523 => 356,  521 => 355,  519 => 354,  517 => 353,  515 => 352,  513 => 351,  511 => 350,  509 => 349,  507 => 348,  505 => 347,  503 => 346,  501 => 345,  499 => 344,  497 => 343,  495 => 342,  493 => 341,  491 => 340,  489 => 339,  487 => 338,  485 => 337,  483 => 336,  481 => 335,  479 => 334,  477 => 333,  475 => 332,  473 => 331,  471 => 330,  469 => 329,  426 => 287,  424 => 286,  422 => 285,  380 => 244,  378 => 243,  376 => 242,  374 => 241,  372 => 240,  370 => 239,  368 => 238,  366 => 237,  364 => 236,  362 => 235,  360 => 234,  358 => 233,  356 => 232,  354 => 231,  352 => 230,  350 => 229,  348 => 228,  343 => 224,  341 => 223,  339 => 222,  327 => 211,  325 => 210,  310 => 196,  308 => 195,  242 => 130,  240 => 129,  238 => 128,  236 => 127,  234 => 126,  232 => 125,  228 => 122,  226 => 121,  224 => 120,  222 => 119,  220 => 118,  218 => 117,  216 => 116,  214 => 115,  212 => 114,  210 => 113,  208 => 112,  206 => 111,  204 => 110,  202 => 109,  200 => 108,  198 => 107,  196 => 106,  194 => 105,  192 => 104,  190 => 103,  188 => 102,  186 => 101,  184 => 100,  182 => 99,  180 => 98,  178 => 97,  176 => 96,  174 => 95,  172 => 94,  170 => 93,  168 => 92,  166 => 91,  164 => 90,  162 => 89,  160 => 88,  158 => 87,  156 => 86,  154 => 85,  78 => 10,  76 => 9,  74 => 8,  71 => 6,  61 => 5,  50 => 1,  48 => 3,  35 => 1,);
  784.     }
  786.     public function getSourceContext()
  787.     {
  788.         return new Source("{% extends 'default_frame.twig' %}
  790. {% set body_class = 'front_page' %}
  792. {% block main %}
  793.       <main class=\"p-top\">
  794.         {#<div class=\"c-loading\">#}
  795.         {#  <img alt=\"\" class=\"lazyload\" src=\"/html/user_data/assets/img/common/logo_w.png\" />#}
  796.         {#</div>#}
  797.         <section class=\"c-mv01\">
  798.           <div class=\"c-slider06\">
  799.             <div class=\"c-slider06__content swiper\">
  800.               <div class=\"swiper-wrapper\">
  801.                 <div class=\"swiper-slide\">
  802.                     <video class=\"js-video pc\" src=\"/html/user_data/assets/movie/upcoming_pc_v2.mp4\" autoplay loop muted playsinline></video>
  803.                     <video class=\"js-video sp\" src=\"/html/user_data/assets/movie/upcoming_sp_v2.mp4\" autoplay loop muted playsinline></video>
  804.                     <div class=\"movie__btn\"><button class=\"js-video-button\"><img src=\"/html/user_data/assets/img/top/sound_off.png\" alt=\"音声をオンにする\"></button></div>
  805.                 </div>
  806.                 <style>
  807.                 .c-mv01 .video__wrap{
  808.                     display: flex;
  809.                     justify-content:center;
  810.                 }
  811.                 .c-mv01 .video{
  812.                     position: relative;
  813.                     height: 100vh;
  814.                     width: max-content;
  815.                 }
  816.                 .c-mv01 video{
  817.                     height: 100%;
  818.                 }
  819.                 .c-mv01 .movie__btn{
  820.                     position: absolute;
  821.                     bottom: 1em;
  822.                     right: 1em;
  823.                     width: clamp(30px,calc(50/1440*100vw),50px);
  824.                 }
  825.                 .c-mv01 button{
  826.                     background: transparent;
  827.                     border: none;
  828.                     padding: 0;
  829.                 }
  830.                 .c-mv01 button img{
  831.                     width: 100%;
  832.                 }
  833.                 .pc{
  834.                     display: block;
  835.                 }
  836.                 .sp{
  837.                     display: none;
  838.                 }
  839.                 @media (max-width:767px){
  840.                     .up_coming .video,
  841.                     .up_coming video{
  842.                         width: 100%;
  843.                         height: auto;
  844.                     }
  845.                 }
  846.                 
  847.             </style>
  848.         
  849.             <script>
  850.             // videoタグとbuttonタグを変数に格納
  851.             const video = document.querySelector(\".js-video\");
  852.             const videoButton = document.querySelector(\".js-video-button\");
  853.             
  854.             // mutedを操作する関数を定義
  855.             const toggleAudio = () => {
  856.                 video.muted = !video.muted;
  857.             }
  858.             
  859.             videoButton.addEventListener('click', () => {
  860.                 // 関数を実行
  861.                 toggleAudio();
  862.             
  863.                 // テキストを画像に置き換える
  864.                 if (video.muted) {
  865.                     videoButton.innerHTML = '<img src=\"/html/user_data/assets/img/top/sound_off.png\" alt=\"音声をオフにする\">';
  866.                 } else {
  867.                     videoButton.innerHTML = '<img src=\"/html/user_data/assets/img/top/sound_on.png\" alt=\"音声をオンにする\">';
  868.                 }
  869.             });
  870.             </script>
  871.               {#  <div class=\"swiper-slide\">#}
  872.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  873.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  874.               {#  </div>#}
  875.               {#  <div class=\"swiper-slide\">#}
  876.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  877.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  878.               {#  </div>#}
  879.               {#  <div class=\"swiper-slide\">#}
  880.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  881.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  882.               {#  </div>#}
  883.               {#  <div class=\"swiper-slide\">#}
  884.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  885.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_01.jpg\" />#}
  886.               {#  </div>#}
  887.               {#  <div class=\"swiper-slide\">#}
  888.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_02.jpg\" />#}
  889.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_02.jpg\" />#}
  890.               {#  </div>#}
  891.               {#  <div class=\"swiper-slide\">#}
  892.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_02.jpg\" />#}
  893.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_02.jpg\" />#}
  894.               {#  </div>#}
  895.               {#  <div class=\"swiper-slide\">#}
  896.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" />#}
  897.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" />#}
  898.               {#  </div>#}
  899.               {#  <div class=\"swiper-slide\">#}
  900.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_04.jpg\" />#}
  901.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_04.jpg\" />#}
  902.               {#  </div>#}
  903.               {#  <div class=\"swiper-slide\">#}
  904.               {#    <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_05.jpg\" />#}
  905.               {#    <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_05.jpg\" />#}
  906.               {#  </div>#}
  907.               {#</div>#}
  908.               {#<div class=\"swiper-pagination\"></div>#}
  909.             </div>
  910.           </div>
  911.           {#<h1 class=\"c-mv01__logo\">#}
  912.           {#  <a href=\"index.html\">#}
  913.           {#    <span class=\"c-mv01__logo__alt\">NO GOOD RACING</span>#}
  914.           {#    <img alt=\"\" class=\"lazyload\" src=\"/html/user_data/assets/img/common/logo_w.png\" />#}
  915.           {#  </a>#}
  916.           {#</h1>#}
  917.           <a class=\"c-mv01__scroll pc\" href=\"#\"> <img alt=\"scroll\" class=\"lazyload\" src=\"/html/user_data/assets/img/common/scroll.svg\" /></a>
  918.         </section>
  919.         <!-- <section id=\"is-product\" class=\"p-top1\">
  920.           <div class=\"l-container\">
  921.             <div class=\"c-slider01\">
  922.               <div class=\"c-slider01__number pc\">
  923.                 <p class=\"c-slider01__number__current\">1</p>
  924.                 <p class=\"c-slider01__number__total\">1</p>
  925.               </div>
  926.               <div class=\"swiper\">
  927.                 <div class=\"swiper-wrapper\">
  928.                   <div class=\"swiper-slide\">
  929.                     <a href=\"product.html\">
  930.                       <figure class=\"c-slider01__img\">
  931.                         <img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/prd_01.webp\" alt=\"JOURNAL\" />
  932.                       </figure>
  933.                       <div class=\"c-slider01__url\">
  934.                         <p class=\"c-slider01__subtitle\">HOT</p>
  935.                         <h2 class=\"c-slider01__title\">'HOTTO GENERATION' Artwork <br />Hoodie by Roughsmoke V2</h2>
  936.                       </div>
  937.                     </a>
  938.                   </div>
  939.                   <div class=\"swiper-slide\">
  940.                     <a href=\"product.html\">
  941.                       <figure class=\"c-slider01__img\">
  942.                         <img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/prd_01.webp\" alt=\"JOURNAL\" />
  943.                       </figure>
  944.                       <div class=\"c-slider01__url\">
  945.                         <p class=\"c-slider01__subtitle\">HOT</p>
  946.                         <h2 class=\"c-slider01__title\">'HOTTO GENERATION' Artwork <br />Hoodie by Roughsmoke V2</h2>
  947.                       </div>
  948.                     </a>
  949.                   </div>
  950.                   <div class=\"swiper-slide\">
  951.                     <a href=\"product.html\">
  952.                       <figure class=\"c-slider01__img\">
  953.                         <img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/prd_01.webp\" alt=\"JOURNAL\" />
  954.                       </figure>
  955.                       <div class=\"c-slider01__url\">
  956.                         <p class=\"c-slider01__subtitle\">HOT</p>
  957.                         <h2 class=\"c-slider01__title\">'HOTTO GENERATION' Artwork <br />Hoodie by Roughsmoke V2</h2>
  958.                       </div>
  959.                     </a>
  960.                   </div>
  961.                 </div>
  962.                 <div class=\"swiper-button-prev\"></div>
  963.                 <div class=\"swiper-button-next\"></div>
  964.               </div>
  965.             </div>
  966.           </div>
  967.         </section> -->
  968.         <section class=\"p-top3\">
  969.           <div class=\"l-container\">
  970.             <h2 class=\"c-title1\">PRODUCT</h2>
  971.             <ul class=\"c-list7\">
  972.               <li class=\"c-list7__item\">
  973.                 <a href=\"/products/list?category_id=1\">
  974.                   <figure class=\"c-list7__img\">
  975.                     <img alt=\"APPAREL\" class=\"lazyload\" src=\"https://nogood-racing.shop/html/upload/save_image/0804012120_66ae5900b63fb.jpg\" />
  976.                   </figure>
  977.                   <div class=\"c-list7__inner\">
  978.                     <h3 class=\"c-list7__title\">
  979.                       アパレル<br>- APPAREL -
  980.                     </h3>
  981.                     {#<p class=\"c-list7__text jp\">一番人気</p>#}
  982.                     {#<p class=\"c-list7__text en\">most popular</p>#}
  983.                   </div>
  984.                 </a>
  985.               </li>
  986.               
  987.               <li class=\"c-list7__item\">
  988.                 <a href=\"/products/list?category_id=2\">
  989.                   <figure class=\"c-list7__img\">
  990.                     <img alt=\"STICKER\" class=\"lazyload\" src=\"/html/user_data/assets/img/top/cat_link_sticker.jpg\" />
  991.                   </figure>
  992.                   <div class=\"c-list7__inner\">
  993.                     <h3 class=\"c-list7__title\">
  994.                         ステッカー<br>- STICKER -
  995.                     </h3>
  996.                     {#<p class=\"c-list7__text jp\">ギフト人気 No.1 !</p>#}
  997.                     {#<p class=\"c-list7__text en\">No.1! for Gifting</p>#}
  998.                   </div>
  999.                 </a>
  1000.               </li>
  1001.               <li class=\"c-list7__item\">
  1002.                 <a href=\"/products/list?category_id=5\">
  1003.                   <figure class=\"c-list7__img\">
  1004.                     <img alt=\"CAR ITEMS\" class=\"lazyload\" src=\"/html/user_data/assets/img/top/cat_link_caritems.jpg\" />
  1005.                   </figure>
  1006.                   <div class=\"c-list7__inner\">
  1007.                     <h3 class=\"c-list7__title\">カー用品<br>- CAR ITEMS -</h3>
  1008.                     {#<p class=\"c-list7__text\"></p>#}
  1009.                     {#<p class=\"c-list7__text jp\">男性人気 No.1 !</p>#}
  1010.                     {#<p class=\"c-list7__text en\">No.1! for Mens</p>#}
  1011.                   </div>
  1012.                 </a>
  1013.               </li>
  1014.               {#<li class=\"c-list7__item\">#}
  1015.               {#  <a href=\"https://nogood-racing.shop/products/detail/2\">#}
  1016.               {#    <figure class=\"c-list7__img\">#}
  1017.               {#      <img alt=\"\" class=\"lazyload\" src=\"/html/user_data/assets/img/product/prd_05.webp\" />#}
  1018.               {#    </figure>#}
  1019.               {#    <div class=\"c-list7__inner\">#}
  1020.               {#      <h3 class=\"c-list7__title\">#}
  1021.               {#        <span> 'HOTTO GENERATION' Artwork<br />Hoodie by Roughsmoke'</span><sup>V3</sup>#}
  1022.               {#      </h3>#}
  1023.               {#       <p class=\"c-list7__text jp\">女性人気 No.1 !</p>#}
  1024.               {#      <p class=\"c-list7__text en\">No.1! for Ladies</p>#}
  1025.               {#    </div>#}
  1026.               {#  </a>#}
  1027.               {#</li>#}
  1028.               {#<li class=\"c-list7__item c-list7__item--style2\">#}
  1029.               {#  <a href=\"{{ url('product_list')}}\"><span>VIEW ALL PRODUCTS</span></a>#}
  1030.               {#</li>#}
  1031.             </ul>
  1032.           </div>
  1033.         </section>
  1034.         <section class=\"p-top4\">
  1035.           <div class=\"l-container\">
  1036.             <h2 class=\"c-title1\">ABOUT SHIPPING</h2>
  1037.           </div>
  1038.           <div class=\"p-top4__content\">
  1039.             <div class=\"p-top4__img\">
  1040.               <div class=\"c-slider06\">
  1041.                 <div class=\"c-slider06__content swiper\">
  1042.                   <div class=\"swiper-wrapper\">
  1043.                     <div class=\"swiper-slide\"><img class=\"no-lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" alt=\"\" /></div>
  1044.                   </div>
  1045.                   <div class=\"swiper-pagination\"></div>
  1046.                 </div>
  1047.               </div>
  1048.             </div>
  1049.             <div class=\"p-top4__inner\">
  1050.               <h3 class=\"c-title4\"><img src=\"/html/user_data/assets/img/common/logo_w.png\" alt=\"\" /></h3>
  1051.               <p class=\"c-text01\">
  1052.                 <span class=\"lg\">5,000円以上で送料無料。</span><br>
  1053.                 <br>
  1054.                 <span class=\"lg\">更に10,000円以上で<br class=\"sp\">非売品ステッカーをプレゼント！</span><br>
  1055.                 <br>
  1056.                 配送の流れ<br>
  1057.                 ①&ensp;商品選択<br>
  1058.                 <span>ラインナップからお好みのアパレルやグッズを選んでください。</span><br>
  1059.                 ②&ensp;オプション選択<br>
  1060.                 <span>購入手続きの際に、ギフト配送オプションを選択。</span><br>
  1061.                 <span>お届け先の住所を指定ください。</span><br>
  1062.                 ③&ensp;注文確定<br>
  1063.                 <span>注文を確定し、支払いを済ませると、海外発送の手続きをさせて頂きます。</span><br>
  1064.                 <br>
  1065.                 Nogoodレーシングはあなたの大切な人へのプレゼントの配送も承っております。<br>
  1066.                 <br>
  1067.                 注意事項：<br>
  1068.                 海外配送サービスも手配させて頂いています。<br>
  1069.                 配送地域によって配送料が異なりますので事前にご確認ください。
  1070.               </p>
  1071.               {#<div>#}
  1072.               {#  <a href=\"#\" class=\"c-bnt01\">ギフト</a>#}
  1073.               {#</div>#}
  1074.             </div>
  1075.           </div>
  1076.         </section>
  1077.         <section class=\"p-top5\">
  1078.           <div class=\"c-slider03\">
  1079.             <div class=\"c-slider03__left swiper\">
  1080.               <div class=\"swiper-wrapper\">
  1081.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  1082.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  1083.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  1084.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  1085.                 <div class=\"swiper-slide\"><img src=\"/html/user_data/assets/img/top/txt_no_good.png\" alt=\"\" /></div>
  1086.               </div>
  1087.             </div>
  1088.             <div class=\"c-slider03__right swiper\">
  1089.               <div class=\"swiper-wrapper\">
  1090.                 <div class=\"swiper-slide\">
  1091.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  1092.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  1093.                 </div>
  1094.                 <div class=\"swiper-slide\">
  1095.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  1096.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  1097.                 </div>
  1098.                 <div class=\"swiper-slide\">
  1099.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  1100.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  1101.                 </div>
  1102.                 <div class=\"swiper-slide\">
  1103.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  1104.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  1105.                 </div>
  1106.                 <div class=\"swiper-slide\">
  1107.                   <!-- <img class=\"no-lazyload\" src=\"wp/wp-content/themes/happynutsday/assets/images/top/logo03.svg\" alt=\"The best peanut butter we believe.\" /> -->
  1108.                   <img src=\"/html/user_data/assets/img/top/txt_bye_police.png\" alt=\"\" />
  1109.                 </div>
  1110.               </div>
  1111.             </div>
  1112.           </div>
  1113.         </section>
  1114.         
  1115.         {#<section id=\"jounal\" class=\"p-top6\">#}
  1116.         {#  <div class=\"l-container\">#}
  1117.         {#    <div class=\"c-box01\">#}
  1118.         {#      <h2 class=\"c-title1\">Blog</h2>#}
  1119.         {#      <a href=\"https://nogood-racing.com/news.html\" class=\"c-bnt02\">VIEW ALL</a>#}
  1120.         {#    </div>#}
  1121.         {#  </div>#}
  1122.         {#  <div class=\"c-block01\">#}
  1123.         {#        <div class=\"c-block01__inner\">#}
  1124.         {#            <h3 class=\"c-block01__tit\">#}
  1125.         {#                モータースポーツやストリートレースの世界観は時代とともに常に変化し続けています。<br>#}
  1126.         {#                Nogood Racingではこの時代の流れに合わせ仲間たちと良い良いカーライフを楽しむための情報を発信しています。<br>#}
  1127.         {#                この速いペースで動く世界を共有し、私たちの愛と専門知識を皆さんと分かち合うために、公式ブログを配信しています。<br>#}
  1128.         {#                <br>#}
  1129.         {#                <b>製品レビュー</b><br>#}
  1130.         {#                Nogood Racingの最新アパレルやアクセサリー、限定商品の詳細なレビューを発信しています。<br>#}
  1131.         {#                また、購入前のお客様のご質問も受け付けています。<br>#}
  1132.         {#                <br>#}
  1133.         {#                <b>モータースポーツ文化</b><br>#}
  1134.         {#                ストリートレースやサーキット上でのテクニックだけでなく、モータースポーツの文化や歴史についても知識を深めることができます。<br>#}
  1135.         {#                <br>#}
  1136.         {#                Nogood Racing 公式ブログでは、モータースポーツやストリートレースファンへ向けた情報とインスピレーションを発信し続けています。<br>#}
  1137.         {#                私たちと一緒に、モータースポーツの興奮と魅力を体験しましょう。#}
  1138.         {#            </h3>#}
  1139.         {#        <br><br>#}
  1140.         {#        <div class=\"c-bnt01\"><a href=\"https://nogood-racing.com/archive/category/news\">記事を読む</a></div>#}
  1141.         {#    </div>#}
  1142.         {#    <figure class=\"c-block01__img\">#}
  1143.         {#      <img alt=\"テキスト\" class=\"lazyload\" src=\"/html/user_data/assets/img/top/fv_02.jpg\" />#}
  1144.         {#    </figure>#}
  1145.         {#  </div>#}
  1146.         {#</section>#}
  1147.         {#<section class=\"p-top7\">#}
  1148.         {#  <div class=\"l-container\">#}
  1149.         {#    <div class=\"c-box01\">#}
  1150.         {#      <h2 class=\"c-title1\">Parts</h2>#}
  1151.         {#      <a href=\"https://nogood-racing.com/news.html\" class=\"c-bnt02\">VIEW ALL</a>#}
  1152.         {#    </div>#}
  1153.         {#    <div class=\"c-block02\">#}
  1154.         {#      <div class=\"c-block02__item c-block02__style1\">#}
  1155.         {#        <a href=\"https://nogood-racing.shop/products/detail/1\">#}
  1156.         {#          <figure class=\"c-block02__img\">#}
  1157.         {#            <img alt=\"\" class=\"lazyload\" src=\"/html/user_data/assets/img/product/prd_01.webp\" />#}
  1158.         {#          </figure>#}
  1159.         {#          <div class=\"c-block02__inner\">#}
  1160.         {#            <div class=\"c-block02__head\">#}
  1161.         {#              <p class=\"c-block02__code\">#001</p>#}
  1162.         {#              <h3 class=\"c-block02__title\">'HOTTO GENERATION' <br />Artwork Hoodie by Roughsmoke V2</h3>#}
  1163.         {#            </div>#}
  1164.         {#            <div class=\"c-block02__content\">#}
  1165.         {#              <p class=\"c-block02__text\">#}
  1166.         {#                This Artwork Hoodie by Roughsmoke depicts to what we refer to in Osaka as the \"Hotto Generation\" (Hot Generation) of Civis that make up the golden period of#}
  1167.         {#                Civic culture in the Osaka and Kansai region.#}
  1168.         {#              </p>#}
  1169.         {#              <div class=\"c-block02__bnt\">#}
  1170.         {#                <div class=\"c-bnt01\">view more</div>#}
  1171.         {#              </div>#}
  1172.         {#            </div>#}
  1173.         {#          </div>#}
  1174.         {#        </a>#}
  1175.         {#      </div>#}
  1176.         {#      <div class=\"c-block02__item c-block02__style2\">#}
  1177.         {#        <a href=\"https://nogood-racing.shop/products/detail/2\">#}
  1178.         {#          <figure class=\"c-block02__img\">#}
  1179.         {#            <img alt=\"\" class=\"lazyload\" src=\"/html/user_data/assets/img/product/prd_05.webp\" />#}
  1180.         {#          </figure>#}
  1181.         {#          <div class=\"c-block02__inner\">#}
  1182.         {#            <div class=\"c-block02__head\">#}
  1183.         {#              <p class=\"c-block02__code\">#001</p>#}
  1184.         {#              <h3 class=\"c-block02__title\">'HOTTO GENERATION' <br />Artwork Hoodie by Roughsmoke V2</h3>#}
  1185.         {#            </div>#}
  1186.         {#            <div class=\"c-block02__content\">#}
  1187.         {#              <p class=\"c-block02__text\">#}
  1188.         {#                This Artwork Hoodie by Roughsmoke depicts to what we refer to in Osaka as the \"Hotto Generation\" (Hot Generation) of Civis that make up the golden period of#}
  1189.         {#                Civic culture in the Osaka and Kansai region.#}
  1190.         {#              </p>#}
  1191.         {#              <div class=\"c-block02__bnt\">#}
  1192.         {#                <div class=\"c-bnt01\">view more</div>#}
  1193.         {#              </div>#}
  1194.         {#            </div>#}
  1195.         {#          </div>#}
  1196.         {#        </a>#}
  1197.         {#      </div>#}
  1198.         {#    </div>#}
  1199.         {#  </div>#}
  1200.         {#</section>#}
  1201.         <section id=\"factory\" class=\"p-top8\">
  1202.           <div class=\"l-container\">
  1203.             <h2 class=\"c-title1\">CUSTOMIZE</h2>
  1204.           </div>
  1205.           <div class=\"c-slider06\">
  1206.             <div class=\"c-slider06__content swiper\">
  1207.               <div class=\"swiper-wrapper\">
  1208.                 <div class=\"swiper-slide\">
  1209.                   <img alt=\"\" class=\"pc lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" />
  1210.                   <img alt=\"\" class=\"sp lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" />
  1211.                 </div>
  1212.                 <!--<div class=\"swiper-slide\">
  1213.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv02.jpg\" class=\"pc lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  1214.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv02_sp.jpg\" class=\"sp lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  1215.           </div>
  1216.           <div class=\"swiper-slide\">
  1217.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv03.jpg\" class=\"pc lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  1218.             <img    alt=\"\" data-src=\"https://happynutsday.com/wp/wp-content/themes/happynutsday/assets/images/factory/mv03_sp.jpg\" class=\"sp lazyload\" src=\"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" />
  1219.           </div>-->
  1220.               </div>
  1221.               <div class=\"swiper-pagination\"></div>
  1222.             </div>
  1223.           </div>
  1224.           <div class=\"l-container\">
  1225.             <div class=\"p-top8__inner\">
  1226.               <p class=\"c-text01\">
  1227.                 Nogood Racingでは、あなたのカーライフをさらなる高みへと導くカスタマイズサービスを提供しています。<br>
  1228.                 オリジナルのカスタマイズで、あなたの愛車をモータースポーツの世界で一際輝く存在に仕上げます。
  1229.               </p>
  1230.               <a href=\"#\" class=\"c-bnt01\">詳しく見る</a>
  1231.             </div>
  1232.           </div>
  1233.         </section>
  1234.         {#<section class=\"p-top9\">#}
  1235.         {#  <div class=\"l-container\">#}
  1236.         {#    <h2 class=\"c-title1\">ABOUT US</h2>#}
  1237.         {#    <div class=\"c-list01\">#}
  1238.         {#      <div class=\"swiper\">#}
  1239.         {#        <div class=\"swiper-wrapper\">#}
  1240.         {#          <div class=\"c-list01__item swiper-slide\">#}
  1241.         {#            <a href=\"https://nogood-racing.com/\">#}
  1242.         {#              <figure class=\"c-list01__img\">#}
  1243.         {#                <img class=\"lazyload\" src=\"/html/user_data/assets/img/top/fv_02.jpg\" />#}
  1244.         {#              </figure>#}
  1245.         {#              <h3 class=\"c-list01__title\">NO GOOD OFIICIAL SITEへ</h3>#}
  1246.         {#            </a>#}
  1247.         {#          </div>#}
  1248.         {#          <div class=\"c-list01__item swiper-slide\">#}
  1249.         {#            <a href=\"https://nogood-racing.com/\">#}
  1250.         {#              <figure class=\"c-list01__img\">#}
  1251.         {#                <img class=\"lazyload\" src=\"/html/user_data/assets/img/top/fv_03.jpg\" />#}
  1252.         {#              </figure>#}
  1253.         {#              <h3 class=\"c-list01__title\">カスタマイズについて</h3>#}
  1254.         {#            </a>#}
  1255.         {#          </div>#}
  1256.         {#          <div class=\"c-list01__item swiper-slide\">#}
  1257.         {#            <a href=\"/product_list/\">#}
  1258.         {#              <figure class=\"c-list01__img\">#}
  1259.         {#                <img class=\"lazyload\" src=\"/html/user_data/assets/img/top/fv_04.jpg\" />#}
  1260.         {#              </figure>#}
  1261.         {#              <h3 class=\"c-list01__title\">製品について</h3>#}
  1262.         {#            </a>#}
  1263.         {#          </div>#}
  1264.         {#          <div class=\"c-list01__item swiper-slide\">#}
  1265.         {#            <div href=\"#\">#}
  1266.         {#              <figure class=\"c-list01__img\">#}
  1267.         {#                <img class=\"lazyload\" src=\"/html/user_data/assets/img/top/fv_06.jpg\" />#}
  1268.         {#              </figure>#}
  1269.         {#              <h3 class=\"c-list01__title\">NO GOOD RACINGについて</h3>#}
  1270.         {#            </div>#}
  1271.         {#          </div>#}
  1272.         {#        </div>#}
  1273.         {#      </div>#}
  1274.         {#    </div>#}
  1275.         {#  </div>#}
  1276.         {#</section>#}
  1277.       </main>
  1279.     <script type=\"text/javascript\" src=\"wp/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min%EF%B9%96ver=3.12.5.js\" id=\"smush-lazy-load-js\"></script>
  1281. {% endblock %}", "@user_data/BACK_UP_TOP.twig", "/home/luxjapan01/nogood-racing.shop/public_html/app/template/user_data/BACK_UP_TOP.twig");
  1282.     }
  1283. }