var/cache/dev/twig/46/46b9095f8ee2a10d6b80f25738e63dccc9c11c9d756ba2bf67ecf090468dbb17.php line 16

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_152a2f8cb324c535148d174e87b3fac65ce1879a0e98760a79606bcc5b72aa79 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_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_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_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <style>
  74.     
  75.          @import url(\"https://use.typekit.net/ifj0bvi.css\");
  77.         ";
  78.         // line 21
  79.         echo "        .p-top__main-visual-slide-link.is-1st {
  80.             background-image:url(";
  81.         // line 22
  82.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_yamazaki.jpg"), "html", null, true);
  83.         echo ");
  84.         }
  85.         .p-top__main-visual-slide-link.is-2nd {
  86.             background-image:url(";
  87.         // line 25
  88.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_footfit2.jpg"), "html", null, true);
  89.         echo ");
  90.         }
  91.         .p-top__main-visual-slide-link.is-3rd {
  92.             background-image:url(";
  93.         // line 28
  94.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_mirableplus2.jpg"), "html", null, true);
  95.         echo ");
  96.         }
  97.         .p-top__main-visual-slide-link.is-4th {
  98.             background-image:url(";
  99.         // line 31
  100.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_refa.jpg"), "html", null, true);
  101.         echo ");
  102.         }
  103.         .p-top__main-visual-slide-link.is-5th {
  104.             background-image:url(";
  105.         // line 34
  106.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_mirablezero.jpg"), "html", null, true);
  107.         echo ");
  108.         }
  109.        ";
  110.         // line 37
  111.         echo "        .catcthcopy {
  112.             font-family: trajan-pro-3, serif;
  113.             font-weight: 400;
  114.             font-style: normal;
  115.             font-size: 60px;
  116.             color: #807245;
  117.             line-height: 1.2;
  118.             margin: 0;
  119.         }
  120.         .p-top__main-visual-copy--sub {
  121.             color: #807245;
  122.         }
  123.         .p-top__main-visual-description {
  124.             color: #807245;
  125.         }
  126.         .p-top__main-visual-sns-link.is-twitter:before {
  127.             background-image: url(/html/user_data/assets/shop_item_img/top-sprites.png);
  128.         }
  129.         .p-top__main-visual-sns-link.is-instagram:before {
  130.             background-image: url(/html/user_data/assets/shop_item_img/top-sprites.png);
  131.         }
  132.         .p-top__main-visual-sns-link.is-facebook:before {
  133.             background-image: url(/html/user_data/assets/shop_item_img/top-sprites.png);
  134.             
  135.         }
  136.         .p-top__main-visual-slide-navi-prev {
  137.             background-color: #000;
  138.         }
  139.         .p-top__main-visual-slide-navi-next {
  140.             background-color: #807245;
  141.             
  142.         }
  143.         .p-top__main-visual-pager .swiper-pagination-bullet {
  144.             background-color: #807245;
  145.             
  146.         }
  147.         .p-top__main-visual-pager .swiper-pagination-bullet-active {
  148.             background-color: #000;
  149.             
  150.         }
  151.         .b-news__post {
  152.             border-bottom: #807245 solid 1px;
  153.             
  154.         }
  155.         ";
  156.         // line 82
  157.         echo "        @media screen and (max-width: 839px) {
  158.             .p-top__main-visual-slide-link.is-1st {
  159.                 background-image:url(";
  160.         // line 84
  161.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_yamazaki.jpg"), "html", null, true);
  162.         echo ");
  163.             }
  164.             .p-top__main-visual-slide-link.is-2nd {
  165.                 background-image:url(";
  166.         // line 87
  167.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_footfit2.jpg"), "html", null, true);
  168.         echo ");
  169.             }
  170.             .p-top__main-visual-slide-link.is-3rd {
  171.                 background-image:url(";
  172.         // line 90
  173.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_mirableplus2.jpg"), "html", null, true);
  174.         echo ");
  175.             }
  176.             .p-top__main-visual-slide-link.is-4th {
  177.                 background-image:url(";
  178.         // line 93
  179.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_refa.jpg"), "html", null, true);
  180.         echo ");
  181.             }
  182.             .p-top__main-visual-slide-link.is-5th {
  183.                 background-image:url(";
  184.         // line 96
  185.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/shop_item_img/slide_mirablezero.jpg"), "html", null, true);
  186.         echo ");
  187.             }
  188.             ";
  189.         // line 99
  190.         echo "            .catcthcopy {
  191.             font-size: 30px;
  192.         }
  193.         ";
  194.         // line 103
  195.         echo "        }
  197.         ";
  198.         // line 106
  199.         echo "        .b-category:after {
  200.             background-image:url(";
  201.         // line 107
  202.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/b-category@1x.png"), "html", null, true);
  203.         echo ");
  204.         }
  205.         @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  206.             .b-category:after {
  207.                 background-image:url(";
  208.         // line 111
  209.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/top/b-category@2x.png"), "html", null, true);
  210.         echo ");
  211.             }
  212.         }
  214.     </style>
  215. ";
  216.         
  217.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  219.         
  220.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  222.     }
  224.     // line 118
  225.     public function block_javascript($context, array $blocks = [])
  226.     {
  227.         $macros = $this->macros;
  228.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  229.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  231.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  232.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  234.         // line 119
  235.         echo "    <script src=\"https://cdn.jsdelivr.net/npm/swiper@5.3.6/js/swiper.min.js\" integrity=\"sha256-dwAIpWA5jmq1E3AHBeJDH86emZuOEMKZrZxNr9DJAQs=\" crossorigin=\"anonymous\"></script>
  236.     <script>
  238.         \$(function(){
  239.             ";
  240.         // line 124
  241.         echo "            var mainVisualSwiper = new Swiper ('#js-top__main-visual-slide', {
  242.                 effect: \"slide\",
  243.                 loop: true,
  244.                 slidesPerView: 1,
  245.                 pagination: {
  246.                     el: '#js-top__main-visual-pager-contents',
  247.                     clickable: true
  248.                 },
  249.                 navigation: {
  250.                     prevEl: '#js-top__main-visual-slide-navi-prev',
  251.                     nextEl: '#js-top__main-visual-slide-navi-next',
  252.                 },
  253.                 autoplay: {
  254.                     delay: 2000,
  255.                     
  256.                 }
  257.             })
  259.             ";
  260.         // line 143
  261.         echo "            var categorySwiper = new Swiper('#js-category__slide', {
  262.                 slidesPerView: 2,
  263.                 spaceBetween: 12,
  264.                 scrollbar: {
  265.                     el: '#js-category__slide-scrollbar',
  266.                     draggable: true
  267.                 },
  268.                 breakpoints: {
  269.                     480: {
  270.                         slidesPerView: 3,
  271.                         spaceBetween: 12
  272.                     },
  273.                     840: {
  274.                         slidesPerView: 4,
  275.                         spaceBetween: 30
  276.                     },
  278.                 }
  279.             });
  281.             ";
  282.         // line 164
  283.         echo "            \$('#js-news__contents').each(function() {
  284.                 var listLength = \$(this).find('.js-news__post').length;
  285.                 if (listLength > 5) {
  286.                     \$(this).find('.js-news__post:gt(4)').each(function() {
  287.                         \$(this).hide();
  288.                     });
  289.                     var dispNum = 5;
  290.                     \$(this).find('#js-news-button').click(function() {
  291.                         dispNum += 5;
  292.                         \$(this).parents('#js-news__contents').find('.js-news__post:lt(' + dispNum + ')').fadeIn();
  293.                         if (dispNum >= listLength) {
  294.                             \$(this).parents('#js-news__actions').hide();
  295.                         }
  296.                     })
  297.                 }
  298.             });
  299.             \$('.js-news__post-heading').on('click', function() {
  300.                 \$newsPost = \$(this).parent('.js-news__post');
  301.                 \$newsDescription = \$newsPost.children('.js-news__post-contents');
  302.                 if (\$newsDescription.css('display') == 'none') {
  303.                     \$newsPost.addClass('is-active');
  304.                     \$newsDescription.slideDown(300);
  305.                 } else {
  306.                     \$newsPost.removeClass('is-active');
  307.                     \$newsDescription.slideUp(300);
  308.                 }
  309.             });
  311.         });
  313.         \$(window).on('load',function() {
  315.             ";
  316.         // line 197
  317.         echo "            gridItems();
  319.         });
  321.         var resizeTimer = null;
  322.         \$(window).on('resize', function() {
  323.             clearTimeout(resizeTimer);
  324.             resizeTimer = setTimeout(function() {
  326.                 ";
  327.         // line 207
  328.         echo "                gridItems();
  330.             }, 200);
  332.         });
  334.         function gridItems(){
  335.             var items = \$('.js-topic__list-item');
  336.             items.each(function(index, elem) {
  337.                 gridItem(\$(elem));
  338.             });
  339.         }
  341.         function gridItem(item){
  342.             var grid,
  343.                 rowHeight,
  344.                 rowGap,
  345.                 rowSpan;
  346.             grid = \$('#js-topic__list');
  347.             rowHeight = parseInt(grid.css('grid-auto-rows'));
  348.             rowGap = parseInt(grid.css('grid-row-gap'));
  349.             rowSpan = Math.ceil((item.find('.js-topic__item').outerHeight() + rowGap) / (rowHeight + rowGap));
  350.             if (window.innerWidth > 839) {
  351.                 item.css('grid-row-end', '');
  352.             } else {
  353.                 item.css('grid-row-end', 'span ' + rowSpan);
  354.             }
  355.         }
  357.     </script>
  358. ";
  359.         
  360.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  362.         
  363.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  365.     }
  367.     // line 239
  368.     public function block_main($context, array $blocks = [])
  369.     {
  370.         $macros = $this->macros;
  371.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  372.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  374.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  375.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  377.         // line 240
  378.         echo "    <div class=\"p-top__main-visual\">
  379.         <div class=\"p-top__main-visual-slide\" id=\"js-top__main-visual-slide\">
  380.             <div class=\"p-top__main-visual-slide-contents swiper-wrapper\">
  381.                 <a class=\"p-top__main-visual-slide-link is-4th swiper-slide\" href=\"";
  382.         // line 243
  383.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => "680"]);
  384.         echo "\">
  385.                     <span class=\"p-top__main-visual-slide-link-text\">Slide4</span>
  386.                 </a>
  387.                 <a class=\"p-top__main-visual-slide-link is-5th swiper-slide\" href=\"";
  388.         // line 246
  389.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => "695"]);
  390.         echo "\">
  391.                     <span class=\"p-top__main-visual-slide-link-text\">Slide5</span>
  392.                 </a>
  393.                 <a class=\"p-top__main-visual-slide-link is-2nd swiper-slide\" href=\"";
  394.         // line 249
  395.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => "687"]);
  396.         echo "\">
  397.                     <span class=\"p-top__main-visual-slide-link-text\">Slide2</span>
  398.                 </a>
  399.                 <a class=\"p-top__main-visual-slide-link is-3rd swiper-slide\" href=\"";
  400.         // line 252
  401.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => "615"]);
  402.         echo "\">
  403.                     <span class=\"p-top__main-visual-slide-link-text\">Slide3</span>
  404.                 </a>
  405.                 <a class=\"p-top__main-visual-slide-link is-1st swiper-slide\" href=\"";
  406.         // line 255
  407.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  408.         echo "?category_id=45\">
  409.                     <span class=\"p-top__main-visual-slide-link-text\">Slide1</span>
  410.                 </a>
  411.                 
  412.             </div>
  413.             <div class=\"p-top__main-visual-slide-navi\">
  414.                 <div class=\"p-top__main-visual-slide-navi-prev\" id=\"js-top__main-visual-slide-navi-prev\"></div>
  415.                 <div class=\"p-top__main-visual-slide-navi-next\" id=\"js-top__main-visual-slide-navi-next\"></div>
  416.             </div>
  417.         </div>
  418.         <div class=\"p-top__main-visual-pager\">
  419.             <div class=\"p-top__main-visual-pager-contents\" id=\"js-top__main-visual-pager-contents\"></div>
  420.         </div>
  421.         <div class=\"p-top__main-visual-reading\">
  422.             <div class=\"p-top__main-visual-reading-contents\">
  423.                 <div class=\"p-top__main-visual-copy\">
  424.                     <!--<p class=\"p-top__main-visual-copy--main\">meldia Store</p>-->
  425.                     <p class=\"catcthcopy\">Meldia Store</p>
  426.                     <p class=\"p-top__main-visual-copy--sub\">meldia online store</p>
  427.                 </div>
  428.                 <p class=\"p-top__main-visual-description\">meldia Storeは暮らしに必要な商品を<br>特別な価格でお求めいただけるショッピングサイトです</p>
  429.             </div>
  430.         </div>
  431.         <div class=\"p-top__main-visual-sns\">
  432.             <ul class=\"p-top__main-visual-sns-list\">
  433.                 <li class=\"p-top__main-visual-sns-list-item\">
  434.                     <a class=\"p-top__main-visual-sns-link is-twitter\" href=\"https://twitter.com/meldia_group\">Twitter</a>
  435.                 </li>
  436.                 <li class=\"p-top__main-visual-sns-list-item\">
  437.                     <a class=\"p-top__main-visual-sns-link is-instagram\" href=\"https://www.instagram.com/meldia_group/\">Instagram</a>
  438.                 </li>
  439.                 <li class=\"p-top__main-visual-sns-list-item\">
  440.                     <a class=\"p-top__main-visual-sns-link is-facebook\" href=\"https://www.facebook.com/sanei.archi\">Facebook</a>
  441.                 </li>
  442.             </ul>
  443.         </div>
  444.     </div>
  445. ";
  446.         
  447.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  449.         
  450.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  452.     }
  454.     public function getTemplateName()
  455.     {
  456.         return "index.twig";
  457.     }
  459.     public function isTraitable()
  460.     {
  461.         return false;
  462.     }
  464.     public function getDebugInfo()
  465.     {
  466.         return array (  407 => 255,  401 => 252,  395 => 249,  389 => 246,  383 => 243,  378 => 240,  368 => 239,  328 => 207,  317 => 197,  283 => 164,  261 => 143,  241 => 124,  235 => 119,  225 => 118,  209 => 111,  202 => 107,  199 => 106,  195 => 103,  190 => 99,  185 => 96,  179 => 93,  173 => 90,  167 => 87,  161 => 84,  157 => 82,  111 => 37,  106 => 34,  100 => 31,  94 => 28,  88 => 25,  82 => 22,  79 => 21,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  467.     }
  469.     public function getSourceContext()
  470.     {
  471.         return new Source("{#
  472. This file is part of EC-CUBE
  474. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  476. http://www.lockon.co.jp/
  478. For the full copyright and license information, please view the LICENSE
  479. file that was distributed with this source code.
  480. #}
  481. {% extends 'default_frame.twig' %}
  483. {% set body_class = 'front_page' %}
  485. {% block stylesheet %}
  486.     <style>
  487.     
  488.          @import url(\"https://use.typekit.net/ifj0bvi.css\");
  490.         {# main visual #}
  491.         .p-top__main-visual-slide-link.is-1st {
  492.             background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_yamazaki.jpg') }});
  493.         }
  494.         .p-top__main-visual-slide-link.is-2nd {
  495.             background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_footfit2.jpg') }});
  496.         }
  497.         .p-top__main-visual-slide-link.is-3rd {
  498.             background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_mirableplus2.jpg') }});
  499.         }
  500.         .p-top__main-visual-slide-link.is-4th {
  501.             background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_refa.jpg') }});
  502.         }
  503.         .p-top__main-visual-slide-link.is-5th {
  504.             background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_mirablezero.jpg') }});
  505.         }
  506.        {# komori 追加分 #}
  507.         .catcthcopy {
  508.             font-family: trajan-pro-3, serif;
  509.             font-weight: 400;
  510.             font-style: normal;
  511.             font-size: 60px;
  512.             color: #807245;
  513.             line-height: 1.2;
  514.             margin: 0;
  515.         }
  516.         .p-top__main-visual-copy--sub {
  517.             color: #807245;
  518.         }
  519.         .p-top__main-visual-description {
  520.             color: #807245;
  521.         }
  522.         .p-top__main-visual-sns-link.is-twitter:before {
  523.             background-image: url(/html/user_data/assets/shop_item_img/top-sprites.png);
  524.         }
  525.         .p-top__main-visual-sns-link.is-instagram:before {
  526.             background-image: url(/html/user_data/assets/shop_item_img/top-sprites.png);
  527.         }
  528.         .p-top__main-visual-sns-link.is-facebook:before {
  529.             background-image: url(/html/user_data/assets/shop_item_img/top-sprites.png);
  530.             
  531.         }
  532.         .p-top__main-visual-slide-navi-prev {
  533.             background-color: #000;
  534.         }
  535.         .p-top__main-visual-slide-navi-next {
  536.             background-color: #807245;
  537.             
  538.         }
  539.         .p-top__main-visual-pager .swiper-pagination-bullet {
  540.             background-color: #807245;
  541.             
  542.         }
  543.         .p-top__main-visual-pager .swiper-pagination-bullet-active {
  544.             background-color: #000;
  545.             
  546.         }
  547.         .b-news__post {
  548.             border-bottom: #807245 solid 1px;
  549.             
  550.         }
  551.         {# komori 追加分おわり #}
  552.         @media screen and (max-width: 839px) {
  553.             .p-top__main-visual-slide-link.is-1st {
  554.                 background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_yamazaki.jpg') }});
  555.             }
  556.             .p-top__main-visual-slide-link.is-2nd {
  557.                 background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_footfit2.jpg') }});
  558.             }
  559.             .p-top__main-visual-slide-link.is-3rd {
  560.                 background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_mirableplus2.jpg') }});
  561.             }
  562.             .p-top__main-visual-slide-link.is-4th {
  563.                 background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_refa.jpg') }});
  564.             }
  565.             .p-top__main-visual-slide-link.is-5th {
  566.                 background-image:url({{ asset('/html/user_data/assets/shop_item_img/slide_mirablezero.jpg') }});
  567.             }
  568.             {# komori 追加分 #}
  569.             .catcthcopy {
  570.             font-size: 30px;
  571.         }
  572.         {# komori 追加分おわり #}
  573.         }
  575.         {# category #}
  576.         .b-category:after {
  577.             background-image:url({{ asset('assets/img/top/b-category@1x.png') }});
  578.         }
  579.         @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  580.             .b-category:after {
  581.                 background-image:url({{ asset('assets/img/top/b-category@2x.png') }});
  582.             }
  583.         }
  585.     </style>
  586. {% endblock %}
  588. {% block javascript %}
  589.     <script src=\"https://cdn.jsdelivr.net/npm/swiper@5.3.6/js/swiper.min.js\" integrity=\"sha256-dwAIpWA5jmq1E3AHBeJDH86emZuOEMKZrZxNr9DJAQs=\" crossorigin=\"anonymous\"></script>
  590.     <script>
  592.         \$(function(){
  593.             {# main visual #}
  594.             var mainVisualSwiper = new Swiper ('#js-top__main-visual-slide', {
  595.                 effect: \"slide\",
  596.                 loop: true,
  597.                 slidesPerView: 1,
  598.                 pagination: {
  599.                     el: '#js-top__main-visual-pager-contents',
  600.                     clickable: true
  601.                 },
  602.                 navigation: {
  603.                     prevEl: '#js-top__main-visual-slide-navi-prev',
  604.                     nextEl: '#js-top__main-visual-slide-navi-next',
  605.                 },
  606.                 autoplay: {
  607.                     delay: 2000,
  608.                     
  609.                 }
  610.             })
  612.             {# category #}
  613.             var categorySwiper = new Swiper('#js-category__slide', {
  614.                 slidesPerView: 2,
  615.                 spaceBetween: 12,
  616.                 scrollbar: {
  617.                     el: '#js-category__slide-scrollbar',
  618.                     draggable: true
  619.                 },
  620.                 breakpoints: {
  621.                     480: {
  622.                         slidesPerView: 3,
  623.                         spaceBetween: 12
  624.                     },
  625.                     840: {
  626.                         slidesPerView: 4,
  627.                         spaceBetween: 30
  628.                     },
  630.                 }
  631.             });
  633.             {# news #}
  634.             \$('#js-news__contents').each(function() {
  635.                 var listLength = \$(this).find('.js-news__post').length;
  636.                 if (listLength > 5) {
  637.                     \$(this).find('.js-news__post:gt(4)').each(function() {
  638.                         \$(this).hide();
  639.                     });
  640.                     var dispNum = 5;
  641.                     \$(this).find('#js-news-button').click(function() {
  642.                         dispNum += 5;
  643.                         \$(this).parents('#js-news__contents').find('.js-news__post:lt(' + dispNum + ')').fadeIn();
  644.                         if (dispNum >= listLength) {
  645.                             \$(this).parents('#js-news__actions').hide();
  646.                         }
  647.                     })
  648.                 }
  649.             });
  650.             \$('.js-news__post-heading').on('click', function() {
  651.                 \$newsPost = \$(this).parent('.js-news__post');
  652.                 \$newsDescription = \$newsPost.children('.js-news__post-contents');
  653.                 if (\$newsDescription.css('display') == 'none') {
  654.                     \$newsPost.addClass('is-active');
  655.                     \$newsDescription.slideDown(300);
  656.                 } else {
  657.                     \$newsPost.removeClass('is-active');
  658.                     \$newsDescription.slideUp(300);
  659.                 }
  660.             });
  662.         });
  664.         \$(window).on('load',function() {
  666.             {# topic #}
  667.             gridItems();
  669.         });
  671.         var resizeTimer = null;
  672.         \$(window).on('resize', function() {
  673.             clearTimeout(resizeTimer);
  674.             resizeTimer = setTimeout(function() {
  676.                 {# topic #}
  677.                 gridItems();
  679.             }, 200);
  681.         });
  683.         function gridItems(){
  684.             var items = \$('.js-topic__list-item');
  685.             items.each(function(index, elem) {
  686.                 gridItem(\$(elem));
  687.             });
  688.         }
  690.         function gridItem(item){
  691.             var grid,
  692.                 rowHeight,
  693.                 rowGap,
  694.                 rowSpan;
  695.             grid = \$('#js-topic__list');
  696.             rowHeight = parseInt(grid.css('grid-auto-rows'));
  697.             rowGap = parseInt(grid.css('grid-row-gap'));
  698.             rowSpan = Math.ceil((item.find('.js-topic__item').outerHeight() + rowGap) / (rowHeight + rowGap));
  699.             if (window.innerWidth > 839) {
  700.                 item.css('grid-row-end', '');
  701.             } else {
  702.                 item.css('grid-row-end', 'span ' + rowSpan);
  703.             }
  704.         }
  706.     </script>
  707. {% endblock javascript %}
  709. {% block main %}
  710.     <div class=\"p-top__main-visual\">
  711.         <div class=\"p-top__main-visual-slide\" id=\"js-top__main-visual-slide\">
  712.             <div class=\"p-top__main-visual-slide-contents swiper-wrapper\">
  713.                 <a class=\"p-top__main-visual-slide-link is-4th swiper-slide\" href=\"{{ url('product_detail', {'id': '680'}) }}\">
  714.                     <span class=\"p-top__main-visual-slide-link-text\">Slide4</span>
  715.                 </a>
  716.                 <a class=\"p-top__main-visual-slide-link is-5th swiper-slide\" href=\"{{ url('product_detail', {'id': '695'}) }}\">
  717.                     <span class=\"p-top__main-visual-slide-link-text\">Slide5</span>
  718.                 </a>
  719.                 <a class=\"p-top__main-visual-slide-link is-2nd swiper-slide\" href=\"{{ url('product_detail', {'id': '687'}) }}\">
  720.                     <span class=\"p-top__main-visual-slide-link-text\">Slide2</span>
  721.                 </a>
  722.                 <a class=\"p-top__main-visual-slide-link is-3rd swiper-slide\" href=\"{{ url('product_detail', {'id': '615'}) }}\">
  723.                     <span class=\"p-top__main-visual-slide-link-text\">Slide3</span>
  724.                 </a>
  725.                 <a class=\"p-top__main-visual-slide-link is-1st swiper-slide\" href=\"{{ url('product_list') }}?category_id=45\">
  726.                     <span class=\"p-top__main-visual-slide-link-text\">Slide1</span>
  727.                 </a>
  728.                 
  729.             </div>
  730.             <div class=\"p-top__main-visual-slide-navi\">
  731.                 <div class=\"p-top__main-visual-slide-navi-prev\" id=\"js-top__main-visual-slide-navi-prev\"></div>
  732.                 <div class=\"p-top__main-visual-slide-navi-next\" id=\"js-top__main-visual-slide-navi-next\"></div>
  733.             </div>
  734.         </div>
  735.         <div class=\"p-top__main-visual-pager\">
  736.             <div class=\"p-top__main-visual-pager-contents\" id=\"js-top__main-visual-pager-contents\"></div>
  737.         </div>
  738.         <div class=\"p-top__main-visual-reading\">
  739.             <div class=\"p-top__main-visual-reading-contents\">
  740.                 <div class=\"p-top__main-visual-copy\">
  741.                     <!--<p class=\"p-top__main-visual-copy--main\">meldia Store</p>-->
  742.                     <p class=\"catcthcopy\">Meldia Store</p>
  743.                     <p class=\"p-top__main-visual-copy--sub\">meldia online store</p>
  744.                 </div>
  745.                 <p class=\"p-top__main-visual-description\">meldia Storeは暮らしに必要な商品を<br>特別な価格でお求めいただけるショッピングサイトです</p>
  746.             </div>
  747.         </div>
  748.         <div class=\"p-top__main-visual-sns\">
  749.             <ul class=\"p-top__main-visual-sns-list\">
  750.                 <li class=\"p-top__main-visual-sns-list-item\">
  751.                     <a class=\"p-top__main-visual-sns-link is-twitter\" href=\"https://twitter.com/meldia_group\">Twitter</a>
  752.                 </li>
  753.                 <li class=\"p-top__main-visual-sns-list-item\">
  754.                     <a class=\"p-top__main-visual-sns-link is-instagram\" href=\"https://www.instagram.com/meldia_group/\">Instagram</a>
  755.                 </li>
  756.                 <li class=\"p-top__main-visual-sns-list-item\">
  757.                     <a class=\"p-top__main-visual-sns-link is-facebook\" href=\"https://www.facebook.com/sanei.archi\">Facebook</a>
  758.                 </li>
  759.             </ul>
  760.         </div>
  761.     </div>
  762. {% endblock %}", "index.twig", "/home/admin/meldia-mp/web/meldia_mp_shop/app/template/meldiastore/index.twig");
  763.     }
  764. }