var/cache/dev/twig/22/228e6e8f4d3fcee9e7f0d90e14f0350f.php line 53

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. /* index.twig */
  16. class __TwigTemplate_add854ba1de75c41a2fec1ef53fb8753 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.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  49.         // line 13
  50.         $context["body_class"] = "front_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "index.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  57.         
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "<style>
  74.     .slick-slider {
  75.         margin-bottom: 30px;
  76.     }
  78.     .slick-dots {
  79.         position: absolute;
  80.         bottom: -45px;
  81.         display: block;
  82.         width: 100%;
  83.         padding: 0;
  84.         list-style: none;
  85.         text-align: center;
  86.     }
  88.     .slick-dots li {
  89.         position: relative;
  90.         display: inline-block;
  91.         width: 20px;
  92.         height: 20px;
  93.         margin: 0 5px;
  94.         padding: 0;
  96.         cursor: pointer;
  97.     }
  99.     .slick-dots li button {
  100.         font-size: 0;
  101.         line-height: 0;
  102.         display: block;
  103.         width: 20px;
  104.         height: 20px;
  105.         padding: 5px;
  106.         cursor: pointer;
  107.         color: transparent;
  108.         border: 0;
  109.         outline: none;
  110.         background: transparent;
  111.     }
  113.     .slick-dots li button:hover,
  114.     .slick-dots li button:focus {
  115.         outline: none;
  116.     }
  118.     .slick-dots li button:hover:before,
  119.     .slick-dots li button:focus:before {
  120.         opacity: 1;
  121.     }
  123.     .slick-dots li button:before {
  124.         content: \" \";
  125.         line-height: 20px;
  126.         position: absolute;
  127.         top: 0;
  128.         left: 0;
  129.         width: 12px;
  130.         height: 12px;
  131.         text-align: center;
  132.         opacity: .25;
  133.         background-color: black;
  134.         border-radius: 50%;
  136.     }
  138.     .slick-dots li.slick-active button:before {
  139.         opacity: .75;
  140.         background-color: black;
  141.     }
  143.     .slick-dots li button.thumbnail img {
  144.         width: 0;
  145.         height: 0;
  146.     }
  147. </style>
  148. ";
  149.         
  150.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  152.         
  153.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  155.     }
  157.     // line 93
  158.     public function block_javascript($context, array $blocks = [])
  159.     {
  160.         $macros = $this->macros;
  161.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  162.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  164.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  165.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  167.         // line 94
  168.         echo "<script>
  169.   \$(function () {
  171.     function fixHeroImagePriority(\$slider) {
  172.       // いったん全部lazy（clone含めて事故防止）
  173.       \$slider.find('.slick-slide img')
  174.         .attr('loading', 'lazy')
  175.         .removeAttr('fetchpriority');
  177.       // 表示中だけ eager + high
  178.       \$slider.find('.slick-slide.slick-current img')
  179.         .attr('loading', 'eager')
  180.         .attr('fetchpriority', 'high');
  181.     }
  183.     var \$mv = \$('.main_visual');
  185.     \$mv
  186.       .on('init', function () { fixHeroImagePriority(\$mv); })
  187.       .on('afterChange', function () { fixHeroImagePriority(\$mv); })
  188.       .slick({
  189.         dots: true,
  190.         arrows: false,
  191.         autoplay: true,
  192.         speed: 300
  193.         // 余裕あれば：, lazyLoad: 'ondemand'
  194.       });
  196.     // 念のため保険
  197.     setTimeout(function(){ fixHeroImagePriority(\$mv); }, 0);
  198.   });
  199. </script>
  201. ";
  202.         
  203.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  205.         
  206.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  208.     }
  210.     // line 129
  211.     public function block_main($context, array $blocks = [])
  212.     {
  213.         $macros = $this->macros;
  214.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  215.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  217.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  218.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  220.         // line 130
  221.         echo "<div class=\"ec-sliderRole\">
  222. <div class=\"main_visual\">
  223.     <div class=\"item\">
  224.         <a href=\"";
  225.         // line 133
  226.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  227.         echo "goods/locomo-cream-2set\"
  228.             onClick=\"ga('send','event','click','top', 'slide_locomox2' ,1,{'nonInteraction':1});\">
  229.             <picture>
  230.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  231.                     srcset=\"";
  232.         // line 137
  233.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_locomox2_750x390.webp"), "html", null, true);
  234.         echo "\">
  235.                 <source media=\"(max-width: 767px)\"
  236.                     srcset=\"";
  237.         // line 139
  238.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_locomox2_750x390.jpg"), "html", null, true);
  239.         echo "\">
  240.                 <source type=\"image/webp\"
  241.                     srcset=\"";
  242.         // line 141
  243.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_locomox2_1000x360.webp"), "html", null, true);
  244.         echo "\">
  245.                 <img
  246.                     src=\"";
  247.         // line 143
  248.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_locomox2_1000x360.jpg"), "html", null, true);
  249.         echo "\"
  250.                     alt=\"ロコモクリーム331　2個セット\"
  251.                     width=\"1000\" height=\"360\"
  252.                     style=\"width:100%;height:auto;\"
  253.                     loading=\"lazy\">
  254.             </picture>
  255.         </a>
  256.     </div>
  258.     <div class=\"item\">
  259.         <a href=\"";
  260.         // line 153
  261.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  262.         echo "healthfood/tsukudani\"
  263.             onClick=\"ga('send','event','click','top', 'slide_tsukudani' ,1,{'nonInteraction':1});\">
  264.             <picture>
  265.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  266.                     srcset=\"";
  267.         // line 157
  268.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_tsukudani_750x390.webp"), "html", null, true);
  269.         echo "\">
  270.                 <source media=\"(max-width: 767px)\"
  271.                     srcset=\"";
  272.         // line 159
  273.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_tsukudani_750x390.jpg"), "html", null, true);
  274.         echo "\">
  275.                 <source type=\"image/webp\"
  276.                     srcset=\"";
  277.         // line 161
  278.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_tsukudani_1000x360.webp"), "html", null, true);
  279.         echo "\">
  280.                 <img
  281.                     src=\"";
  282.         // line 163
  283.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_tsukudani_1000x360.jpg"), "html", null, true);
  284.         echo "\"
  285.                     alt=\"ミリオン佃煮3点セット\"
  286.                     width=\"1000\" height=\"360\"
  287.                     style=\"width:100%;height:auto;\"
  288.                     loading=\"lazy\">
  289.             </picture>
  290.         </a>
  291.     </div>
  293.     <div class=\"item\">
  294.         <a href=\"";
  295.         // line 173
  296.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  297.         echo "goods/beauty-box\"
  298.             onClick=\"ga('send','event','click','top', 'slide_amane' ,1,{'nonInteraction':1});\">
  299.             <picture>
  300.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  301.                     srcset=\"";
  302.         // line 177
  303.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_amane_750x390.webp"), "html", null, true);
  304.         echo "\">
  305.                 <source media=\"(max-width: 767px)\"
  306.                     srcset=\"";
  307.         // line 179
  308.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_amane_750x390.jpg"), "html", null, true);
  309.         echo "\">
  310.                 <source type=\"image/webp\"
  311.                     srcset=\"";
  312.         // line 181
  313.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_amane_1000x360.webp"), "html", null, true);
  314.         echo "\">
  315.                 <img
  316.                     src=\"";
  317.         // line 183
  318.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_amane_1000x360.jpg"), "html", null, true);
  319.         echo "\"
  320.                     alt=\"amaneジュエリービューティーボックス\"
  321.                     width=\"1000\" height=\"360\"
  322.                     style=\"width:100%;height:auto;\"
  323.                     loading=\"lazy\">
  324.             </picture>
  325.         </a>
  326.     </div>
  328.     <div class=\"item\">
  329.         <a href=\"";
  330.         // line 193
  331.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  332.         echo "health-trend/dashsyoku\"
  333.             onClick=\"ga('send','event','click','top', 'slide_dash' ,1,{'nonInteraction':1});\">
  334.             <picture>
  335.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  336.                     srcset=\"";
  337.         // line 197
  338.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_dash_750x390.webp"), "html", null, true);
  339.         echo "\">
  340.                 <source media=\"(max-width: 767px)\"
  341.                     srcset=\"";
  342.         // line 199
  343.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_dash_750x390.jpg"), "html", null, true);
  344.         echo "\">
  345.                 <source type=\"image/webp\"
  346.                     srcset=\"";
  347.         // line 201
  348.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_dash_1000x360.webp"), "html", null, true);
  349.         echo "\">
  350.                 <img
  351.                     src=\"";
  352.         // line 203
  353.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_dash_1000x360.jpg"), "html", null, true);
  354.         echo "\"
  355.                     alt=\"DASH食\"
  356.                     width=\"1000\" height=\"360\"
  357.                     style=\"width:100%;height:auto;\"
  358.                     loading=\"lazy\">
  359.             </picture>
  360.         </a>
  361.     </div>
  363.     <div class=\"item\">
  364.         <a href=\"";
  365.         // line 213
  366.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  367.         echo "health-trend/beta-carotene\"
  368.             onClick=\"ga('send','event','click','top', 'slide_carotene' ,1,{'nonInteraction':1});\">
  369.             <picture>
  370.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  371.                     srcset=\"";
  372.         // line 217
  373.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_carotene_750x390.webp"), "html", null, true);
  374.         echo "\">
  375.                 <source media=\"(max-width: 767px)\"
  376.                     srcset=\"";
  377.         // line 219
  378.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_carotene_750x390.jpg"), "html", null, true);
  379.         echo "\">
  380.                 <source type=\"image/webp\"
  381.                     srcset=\"";
  382.         // line 221
  383.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_carotene_1000x360.webp"), "html", null, true);
  384.         echo "\">
  385.                 <img
  386.                     src=\"";
  387.         // line 223
  388.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_carotene_1000x360.jpg"), "html", null, true);
  389.         echo "\"
  390.                     alt=\"β-カロテンで今日からできる美肌作り\"
  391.                     width=\"1000\" height=\"360\"
  392.                     style=\"width:100%;height:auto;\"
  393.                     loading=\"lazy\">
  394.             </picture>
  395.         </a>
  396.     </div>
  398.     <div class=\"item\">
  399.         <a href=\"";
  400.         // line 233
  401.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  402.         echo "vegetable-juice/sdgs-episode\"
  403.             onClick=\"ga('send','event','click','top', 'slide_sdgs' ,1,{'nonInteraction':1});\">
  404.             <picture>
  405.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  406.                     srcset=\"";
  407.         // line 237
  408.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_sdgs_750x390.webp"), "html", null, true);
  409.         echo "\">
  410.                 <source media=\"(max-width: 767px)\"
  411.                     srcset=\"";
  412.         // line 239
  413.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_sdgs_750x390.png"), "html", null, true);
  414.         echo "\">
  415.                 <source type=\"image/webp\"
  416.                     srcset=\"";
  417.         // line 241
  418.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_sdgs_1000x360.webp"), "html", null, true);
  419.         echo "\">
  420.                 <img
  421.                     src=\"";
  422.         // line 243
  423.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/bnr_sdgs_1000x360.png"), "html", null, true);
  424.         echo "\"
  425.                     alt=\"SDGs達成のため、「食品ロス」を減らそう、なくそう。\"
  426.                     width=\"1000\" height=\"360\"
  427.                     style=\"width:100%;height:auto;\"
  428.                     loading=\"lazy\">
  429.             </picture>
  430.         </a>
  431.     </div>
  432. </div>
  434. </div>
  435. ";
  436.         
  437.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  439.         
  440.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  442.     }
  444.     public function getTemplateName()
  445.     {
  446.         return "index.twig";
  447.     }
  449.     public function isTraitable()
  450.     {
  451.         return false;
  452.     }
  454.     public function getDebugInfo()
  455.     {
  456.         return array (  423 => 243,  418 => 241,  413 => 239,  408 => 237,  401 => 233,  388 => 223,  383 => 221,  378 => 219,  373 => 217,  366 => 213,  353 => 203,  348 => 201,  343 => 199,  338 => 197,  331 => 193,  318 => 183,  313 => 181,  308 => 179,  303 => 177,  296 => 173,  283 => 163,  278 => 161,  273 => 159,  268 => 157,  261 => 153,  248 => 143,  243 => 141,  238 => 139,  233 => 137,  226 => 133,  221 => 130,  211 => 129,  168 => 94,  158 => 93,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  457.     }
  459.     public function getSourceContext()
  460.     {
  461.         return new Source("{#
  462. This file is part of EC-CUBE
  464. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  466. http://www.ec-cube.co.jp/
  468. For the full copyright and license information, please view the LICENSE
  469. file that was distributed with this source code.
  470. #}
  471. {% extends 'default_frame.twig' %}
  473. {% set body_class = 'front_page' %}
  475. {% block stylesheet %}
  476. <style>
  477.     .slick-slider {
  478.         margin-bottom: 30px;
  479.     }
  481.     .slick-dots {
  482.         position: absolute;
  483.         bottom: -45px;
  484.         display: block;
  485.         width: 100%;
  486.         padding: 0;
  487.         list-style: none;
  488.         text-align: center;
  489.     }
  491.     .slick-dots li {
  492.         position: relative;
  493.         display: inline-block;
  494.         width: 20px;
  495.         height: 20px;
  496.         margin: 0 5px;
  497.         padding: 0;
  499.         cursor: pointer;
  500.     }
  502.     .slick-dots li button {
  503.         font-size: 0;
  504.         line-height: 0;
  505.         display: block;
  506.         width: 20px;
  507.         height: 20px;
  508.         padding: 5px;
  509.         cursor: pointer;
  510.         color: transparent;
  511.         border: 0;
  512.         outline: none;
  513.         background: transparent;
  514.     }
  516.     .slick-dots li button:hover,
  517.     .slick-dots li button:focus {
  518.         outline: none;
  519.     }
  521.     .slick-dots li button:hover:before,
  522.     .slick-dots li button:focus:before {
  523.         opacity: 1;
  524.     }
  526.     .slick-dots li button:before {
  527.         content: \" \";
  528.         line-height: 20px;
  529.         position: absolute;
  530.         top: 0;
  531.         left: 0;
  532.         width: 12px;
  533.         height: 12px;
  534.         text-align: center;
  535.         opacity: .25;
  536.         background-color: black;
  537.         border-radius: 50%;
  539.     }
  541.     .slick-dots li.slick-active button:before {
  542.         opacity: .75;
  543.         background-color: black;
  544.     }
  546.     .slick-dots li button.thumbnail img {
  547.         width: 0;
  548.         height: 0;
  549.     }
  550. </style>
  551. {% endblock %}
  553. {% block javascript %}
  554. <script>
  555.   \$(function () {
  557.     function fixHeroImagePriority(\$slider) {
  558.       // いったん全部lazy（clone含めて事故防止）
  559.       \$slider.find('.slick-slide img')
  560.         .attr('loading', 'lazy')
  561.         .removeAttr('fetchpriority');
  563.       // 表示中だけ eager + high
  564.       \$slider.find('.slick-slide.slick-current img')
  565.         .attr('loading', 'eager')
  566.         .attr('fetchpriority', 'high');
  567.     }
  569.     var \$mv = \$('.main_visual');
  571.     \$mv
  572.       .on('init', function () { fixHeroImagePriority(\$mv); })
  573.       .on('afterChange', function () { fixHeroImagePriority(\$mv); })
  574.       .slick({
  575.         dots: true,
  576.         arrows: false,
  577.         autoplay: true,
  578.         speed: 300
  579.         // 余裕あれば：, lazyLoad: 'ondemand'
  580.       });
  582.     // 念のため保険
  583.     setTimeout(function(){ fixHeroImagePriority(\$mv); }, 0);
  584.   });
  585. </script>
  587. {% endblock javascript %}
  589. {% block main %}
  590. <div class=\"ec-sliderRole\">
  591. <div class=\"main_visual\">
  592.     <div class=\"item\">
  593.         <a href=\"{{ url('homepage') }}goods/locomo-cream-2set\"
  594.             onClick=\"ga('send','event','click','top', 'slide_locomox2' ,1,{'nonInteraction':1});\">
  595.             <picture>
  596.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  597.                     srcset=\"{{ asset('assets/img/top/bnr_locomox2_750x390.webp') }}\">
  598.                 <source media=\"(max-width: 767px)\"
  599.                     srcset=\"{{ asset('assets/img/top/bnr_locomox2_750x390.jpg') }}\">
  600.                 <source type=\"image/webp\"
  601.                     srcset=\"{{ asset('assets/img/top/bnr_locomox2_1000x360.webp') }}\">
  602.                 <img
  603.                     src=\"{{ asset('assets/img/top/bnr_locomox2_1000x360.jpg') }}\"
  604.                     alt=\"ロコモクリーム331　2個セット\"
  605.                     width=\"1000\" height=\"360\"
  606.                     style=\"width:100%;height:auto;\"
  607.                     loading=\"lazy\">
  608.             </picture>
  609.         </a>
  610.     </div>
  612.     <div class=\"item\">
  613.         <a href=\"{{ url('homepage') }}healthfood/tsukudani\"
  614.             onClick=\"ga('send','event','click','top', 'slide_tsukudani' ,1,{'nonInteraction':1});\">
  615.             <picture>
  616.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  617.                     srcset=\"{{ asset('assets/img/top/bnr_tsukudani_750x390.webp') }}\">
  618.                 <source media=\"(max-width: 767px)\"
  619.                     srcset=\"{{ asset('assets/img/top/bnr_tsukudani_750x390.jpg') }}\">
  620.                 <source type=\"image/webp\"
  621.                     srcset=\"{{ asset('assets/img/top/bnr_tsukudani_1000x360.webp') }}\">
  622.                 <img
  623.                     src=\"{{ asset('assets/img/top/bnr_tsukudani_1000x360.jpg') }}\"
  624.                     alt=\"ミリオン佃煮3点セット\"
  625.                     width=\"1000\" height=\"360\"
  626.                     style=\"width:100%;height:auto;\"
  627.                     loading=\"lazy\">
  628.             </picture>
  629.         </a>
  630.     </div>
  632.     <div class=\"item\">
  633.         <a href=\"{{ url('homepage') }}goods/beauty-box\"
  634.             onClick=\"ga('send','event','click','top', 'slide_amane' ,1,{'nonInteraction':1});\">
  635.             <picture>
  636.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  637.                     srcset=\"{{ asset('assets/img/top/bnr_amane_750x390.webp') }}\">
  638.                 <source media=\"(max-width: 767px)\"
  639.                     srcset=\"{{ asset('assets/img/top/bnr_amane_750x390.jpg') }}\">
  640.                 <source type=\"image/webp\"
  641.                     srcset=\"{{ asset('assets/img/top/bnr_amane_1000x360.webp') }}\">
  642.                 <img
  643.                     src=\"{{ asset('assets/img/top/bnr_amane_1000x360.jpg') }}\"
  644.                     alt=\"amaneジュエリービューティーボックス\"
  645.                     width=\"1000\" height=\"360\"
  646.                     style=\"width:100%;height:auto;\"
  647.                     loading=\"lazy\">
  648.             </picture>
  649.         </a>
  650.     </div>
  652.     <div class=\"item\">
  653.         <a href=\"{{ url('homepage') }}health-trend/dashsyoku\"
  654.             onClick=\"ga('send','event','click','top', 'slide_dash' ,1,{'nonInteraction':1});\">
  655.             <picture>
  656.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  657.                     srcset=\"{{ asset('assets/img/top/bnr_dash_750x390.webp') }}\">
  658.                 <source media=\"(max-width: 767px)\"
  659.                     srcset=\"{{ asset('assets/img/top/bnr_dash_750x390.jpg') }}\">
  660.                 <source type=\"image/webp\"
  661.                     srcset=\"{{ asset('assets/img/top/bnr_dash_1000x360.webp') }}\">
  662.                 <img
  663.                     src=\"{{ asset('assets/img/top/bnr_dash_1000x360.jpg') }}\"
  664.                     alt=\"DASH食\"
  665.                     width=\"1000\" height=\"360\"
  666.                     style=\"width:100%;height:auto;\"
  667.                     loading=\"lazy\">
  668.             </picture>
  669.         </a>
  670.     </div>
  672.     <div class=\"item\">
  673.         <a href=\"{{ url('homepage') }}health-trend/beta-carotene\"
  674.             onClick=\"ga('send','event','click','top', 'slide_carotene' ,1,{'nonInteraction':1});\">
  675.             <picture>
  676.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  677.                     srcset=\"{{ asset('assets/img/top/bnr_carotene_750x390.webp') }}\">
  678.                 <source media=\"(max-width: 767px)\"
  679.                     srcset=\"{{ asset('assets/img/top/bnr_carotene_750x390.jpg') }}\">
  680.                 <source type=\"image/webp\"
  681.                     srcset=\"{{ asset('assets/img/top/bnr_carotene_1000x360.webp') }}\">
  682.                 <img
  683.                     src=\"{{ asset('assets/img/top/bnr_carotene_1000x360.jpg') }}\"
  684.                     alt=\"β-カロテンで今日からできる美肌作り\"
  685.                     width=\"1000\" height=\"360\"
  686.                     style=\"width:100%;height:auto;\"
  687.                     loading=\"lazy\">
  688.             </picture>
  689.         </a>
  690.     </div>
  692.     <div class=\"item\">
  693.         <a href=\"{{ url('homepage') }}vegetable-juice/sdgs-episode\"
  694.             onClick=\"ga('send','event','click','top', 'slide_sdgs' ,1,{'nonInteraction':1});\">
  695.             <picture>
  696.                 <source media=\"(max-width: 767px)\" type=\"image/webp\"
  697.                     srcset=\"{{ asset('assets/img/top/bnr_sdgs_750x390.webp') }}\">
  698.                 <source media=\"(max-width: 767px)\"
  699.                     srcset=\"{{ asset('assets/img/top/bnr_sdgs_750x390.png') }}\">
  700.                 <source type=\"image/webp\"
  701.                     srcset=\"{{ asset('assets/img/top/bnr_sdgs_1000x360.webp') }}\">
  702.                 <img
  703.                     src=\"{{ asset('assets/img/top/bnr_sdgs_1000x360.png') }}\"
  704.                     alt=\"SDGs達成のため、「食品ロス」を減らそう、なくそう。\"
  705.                     width=\"1000\" height=\"360\"
  706.                     style=\"width:100%;height:auto;\"
  707.                     loading=\"lazy\">
  708.             </picture>
  709.         </a>
  710.     </div>
  711. </div>
  713. </div>
  714. {% endblock %}
  715. ", "index.twig", "/home/xs080051/million-store.com/public_html/st.million-store.com/ec/app/template/million01/index.twig");
  716.     }
  717. }