var/cache/dev/twig/c8/c8e1a27265e1355319302ad28041c10d.php line 41

Open in your IDE?
  1. <?php
  2. use Twig\Environment;
  3. use Twig\Error\LoaderError;
  4. use Twig\Error\RuntimeError;
  5. use Twig\Extension\SandboxExtension;
  6. use Twig\Markup;
  7. use Twig\Sandbox\SecurityError;
  8. use Twig\Sandbox\SecurityNotAllowedTagError;
  9. use Twig\Sandbox\SecurityNotAllowedFilterError;
  10. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  11. use Twig\Source;
  12. use Twig\Template;
  13. /* index.twig */
  14. class __TwigTemplate_5ac3b0489334ae366573a03805427b9c extends \Eccube\Twig\Template
  15. {
  16.     private $source;
  17.     private $macros = [];
  18.     public function __construct(Environment $env)
  19.     {
  20.         parent::__construct($env);
  21.         $this->source $this->getSourceContext();
  22.         $this->blocks = [
  23.             'javascript' => [$this'block_javascript'],
  24.             'main' => [$this'block_main'],
  25.         ];
  26.         $this->sandbox $this->env->getExtension('\Twig\Extension\SandboxExtension');
  27.         $this->checkSecurity();
  28.     }
  29.     protected function doGetParent(array $context)
  30.     {
  31.         // line 1
  32.         return "default_frame.twig";
  33.     }
  34.     protected function doDisplay(array $context, array $blocks = [])
  35.     {
  36.         $macros $this->macros;
  37.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  38.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""index.twig"));
  39.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  40.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""index.twig"));
  41.         // line 3
  42.         $context["body_class"] = "front_page";
  43.         // line 1
  44.         $this->parent $this->loadTemplate("default_frame.twig""index.twig"1);
  45.         $this->parent->display($contextarray_merge($this->blocks$blocks));
  46.         
  47.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  48.         
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  50.     }
  51.     // line 5
  52.     public function block_javascript($context, array $blocks = [])
  53.     {
  54.         $macros $this->macros;
  55.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  56.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascript"));
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""javascript"));
  59.         // line 6
  60.         echo "
  61. ";
  62.         
  63.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  64.         
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  66.     }
  67.     // line 9
  68.     public function block_main($context, array $blocks = [])
  69.     {
  70.         $macros $this->macros;
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  72.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""main"));
  73.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block""main"));
  75.         // line 10
  76.         echo "<main>
  77.     <section class=\"top_inner\">
  78.         <div id=\"main-contents\" class=\"colnum1\"><!-- ▼メインビジュアル -->
  79.             <section id=\"top_insta\">
  80.                 <div class=\"wrap\">
  81.                     <div class=\"ttl_box\">
  82.                         <div class=\"icon\"><img src=\"/html/user_data/assets/img/common/icon_insta.png\" alt=\"\"></div>
  83.                         <h2 class=\"ttl f_tsunagi\"><span class=\"color\">インスタグラムでギャラリー公開中!</span><br>サンプル商品をインスタグラムで確認!</h2>
  84.                     </div>
  85.                     <div class=\"ttl_comment\">大阪難波・心斎橋・北新地の花屋biotop(ビオトープ)では<br>インスタグラムで豊富なお花たちをご紹介中!他では見れないビオトープのお花たちをぜひご覧ください!</div>
  86.                     <div class=\"list_box\">
  87.                         <ul>
  88.                             <li><a href=\"https://www.instagram.com/biotop.gallery/?hl=ja\" class=\"link\" target=\"_blank\">
  89.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img01.jpg\" alt=\"\">
  90.                                         <p class=\"ab_theme\">オーダーメイド 商品ギャラリー</p>
  91.                                         <p class=\"ab_account f_cent\">@biotop.gallery</p>
  92.                                     </div>
  93.                                     <div class=\"text_box_sp sp\">
  94.                                         <p class=\"theme\">オーダーメイド 商品ギャラリー</p>
  95.                                         <p class=\"account f_cent\">@biotop.gallery</p>
  96.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  97.                                     </div>
  98.                                 </a></li>
  99.                             <li><a href=\"https://www.instagram.com/biotop.orchid/\" class=\"link\" target=\"_blank\">
  100.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img02.jpg\" alt=\"\">
  101.                                         <p class=\"ab_theme\">ビオトープ 胡蝶蘭</p>
  102.                                         <p class=\"ab_account f_cent\">@biotop.orchld</p>
  103.                                     </div>
  104.                                     <div class=\"text_box_sp sp\">
  105.                                         <p class=\"theme\">ビオトープ 胡蝶蘭</p>
  106.                                         <p class=\"account f_cent\">@biotop.orchld</p>
  107.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  108.                                     </div>
  109.                                 </a></li>
  110.                             <li><a href=\"https://www.instagram.com/biotop.towercollection/\" class=\"link\" target=\"_blank\">
  111.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img03.jpg\" alt=\"\">
  112.                                         <p class=\"ab_theme\">ビオトープ タワーコレクション</p>
  113.                                         <p class=\"ab_account f_cent\">@biotop.flowercollection</p>
  114.                                     </div>
  115.                                     <div class=\"text_box_sp sp\">
  116.                                         <p class=\"theme\">ビオトープ タワーコレクション</p>
  117.                                         <p class=\"account f_cent\">@biotop.flowercollection</p>
  118.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  119.                                     </div>
  120.                                 </a></li>
  121.                             <li><a href=\"https://www.instagram.com/biotop.plants/\" class=\"link\" target=\"_blank\">
  122.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img04.jpg\" alt=\"\">
  123.                                         <p class=\"ab_theme\">ビオトープ プランツ</p>
  124.                                         <p class=\"ab_account f_cent\">@biotop.plants</p>
  125.                                     </div>
  126.                                     <div class=\"text_box_sp sp\">
  127.                                         <p class=\"theme\">ビオトープ プランツ</p>
  128.                                         <p class=\"account f_cent\">@biotop.plants</p>
  129.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  130.                                     </div>
  131.                                 </a></li>
  132.                         </ul>
  133.                     </div>
  134.                 </div>
  135.             </section>
  136.             <section id=\"top_service_slider\">
  137.                 <div class=\"slider_box\">
  138.                     <div class=\"pc\">
  139.                         <div class=\"box js_slider_service\">
  140.                             <ul>
  141.                                 <li>
  142.                                     <a href=\"https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726\" class=\"link\">
  143.                                         <img src=\"/html/user_data/assets/img/common/banner_phone.png\" alt=\"スマホから簡単注文\">
  144.                                     </a>
  145.                                 </li>
  146.                                 <li>
  147.                                     <a href=\"/user_data/original3\" class=\"link\">
  148.                                         <img src=\"/html/user_data/assets/img/common/banner_logo.png\" alt=\"企業のロゴ入りの立て札作成可能です!\">
  149.                                     </a>
  150.                                 </li>
  151.                                 <li>
  152.                                     <img src=\"/html/user_data/assets/img/common/banner_service.png\" alt=\"画像配信サービス\">
  153.                                 </li>
  154.                                 <li>
  155.                                     <img src=\"/html/user_data/assets/img/common/banner_free.png\" alt=\"枯れた胡蝶蘭、観葉植物、無料で回収します\">
  156.                                 </li>
  157.                                 <li>
  158.                                     <a href=\"/user_data/surprise\" class=\"link\">
  159.                                         <img src=\"/html/user_data/assets/img/common/banner_gallary.png\" alt=\"サプライズ装飾ギャラリー\">
  160.                                     </a>
  161.                                 </li>
  162.                                 <li>
  163.                                     <a href=\"https://www.tiktok.com/@biotop.ne.jp?lang=ja-JP&is_from_webapp=1&sender_device=mobile&sender_web_id=7336091762291279368\" class=\"link\" target=\"_blank\">
  164.                                         <img src=\"/html/user_data/assets/img/common/banner_tiktok.png\" alt=\"TikTok\">
  165.                                     </a>
  166.                                 </li>
  167.                             </ul>
  168.                         </div>
  169.                     </div>
  170.                     <div class=\"box js_slider_service sp\">
  171.                         <ul>
  172.                             <li>
  173.                                 <a href=\"https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726\" class=\"link\">
  174.                                     <img src=\"/html/user_data/assets/img/common/banner_phone_sp.png\" alt=\"スマホから簡単注文\">
  175.                                 </a>
  176.                             </li>
  177.                             <li>
  178.                                 <a href=\"/user_data/original3\" class=\"link\">
  179.                                     <img src=\"/html/user_data/assets/img/common/banner_logo_sp.png\" alt=\"企業のロゴ入りの立て札作成可能です!\">
  180.                                 </a>
  181.                             </li>
  182.                             <li>
  183.                                 <img src=\"/html/user_data/assets/img/common/banner_service_sp.png\" alt=\"画像配信サービス\">
  184.                             </li>
  185.                             <li>
  186.                                 <img src=\"/html/user_data/assets/img/common/banner_free_sp.png\" alt=\"枯れた胡蝶蘭、観葉植物、無料で回収します\">
  187.                             </li>
  188.                             <li>
  189.                                 <a href=\"/user_data/surprise\" class=\"link\">
  190.                                     <img src=\"/html/user_data/assets/img/common/banner_gallary_sp.png\" alt=\"サプライズ装飾ギャラリー\">
  191.                                 </a>
  192.                             </li>
  193.                             <li>
  194.                                 <a href=\"https://www.tiktok.com/@biotop.ne.jp?lang=ja-JP&is_from_webapp=1&sender_device=mobile&sender_web_id=7336091762291279368\" class=\"link\" target=\"_blank\">
  195.                                     <img src=\"/html/user_data/assets/img/common/banner_tiktok_sp.png\" alt=\"TikTok\">
  196.                                 </a>
  197.                             </li>
  198.                         </ul>
  199.                     </div>
  200.                     <div class=\"wrap pc\">
  201.                         <div class=\"thumbnail_box js_thumbnail_box\">
  202.                             <ul>
  203.                                 <li>
  204.                                     <img src=\"/html/user_data/assets/img/common/banner_phone.png\" alt=\"スマホから簡単注文\">
  205.                                 </li>
  206.                                 <li>
  207.                                     <img src=\"/html/user_data/assets/img/common/banner_logo.png\" alt=\"企業のロゴ入りの立て札作成可能です!\">
  208.                                 </li>
  209.                                 <li>
  210.                                     <img src=\"/html/user_data/assets/img/common/banner_service.png\" alt=\"画像配信サービス\">
  211.                                 </li>
  212.                                 <li>
  213.                                     <img src=\"/html/user_data/assets/img/common/banner_free.png\" alt=\"枯れた胡蝶蘭、観葉植物、無料で回収します\">
  214.                                 </li>
  215.                                 <li>
  216.                                     <img src=\"/html/user_data/assets/img/common/banner_gallary.png\" alt=\"サプライズ装飾ギャラリー\">
  217.                                 </li>
  218.                                 <li>
  219.                                     <img src=\"/html/user_data/assets/img/common/banner_tiktok.png\" alt=\"TikTok\">
  220.                                 </li>
  221.                             </ul>
  222.                         </div>
  223.                     </div>
  224.                 </div>
  225.             </section>
  226.         </div>
  227.     </section>
  228.     <script>
  229.         \$(document).ready(function() {
  230.             var today = new Date();
  231.             var formattedToday = ('0' + (today.getMonth() + 1)).slice(-2) + ('0' + today.getDate()).slice(-2);
  232.             \$('.view_timer').each(function() {
  233.                 var startDate = \$(this).data('start-date');
  234.                 var endDate = \$(this).data('end-date');
  235.                 if (formattedToday >= startDate && formattedToday <= endDate) {
  236.                     \$(this).addClass('active');
  237.                 }
  238.             });
  239.         });
  240.     </script>
  241.     <script type=\"text/javascript\">
  242.         \$(document).ready(function() {
  243.             var activeElements = \$(\".view_timer.active\");
  244.             if (activeElements.length >= 2) {
  245.                 var randomIndex = Math.floor(Math.random() * activeElements.length);
  246.                 activeElements.each(function(index) {
  247.                     if (index !== randomIndex) {
  248.                         \$(this).removeClass(\"active\");
  249.                     }
  250.                 });
  251.             }
  252.         });
  253.     </script>
  254.     <script>
  255.         \$(function() {
  256.             if (\$(window).width() > 750) {
  257.                 \$('.js_slider_tab ul').slick({
  258.                     autoplay: true,
  259.                     autoplaySpeed: 3000,
  260.                     speed: 800,
  261.                     arrows: true,
  262.                     slidesToShow: 2,
  263.                     slidesToScroll: 1,
  264.                     centerMode: true,
  265.                 });
  266.                 \$('.js_slider_service ul').slick({
  267.                     speed: 1500,
  268.                     slidesToShow: 1,
  269.                     slidesToScroll: 1,
  270.                     centerMode: true,
  271.                     centerPadding: \"30%\",
  272.                     asNavFor: '.js_thumbnail_box ul',
  273.                     swipeToSlide: false
  274.                 });
  275.                 \$('.js_thumbnail_box ul').slick({
  276.                     slidesToShow: 5,
  277.                     slidesToScroll: 1,
  278.                     asNavFor: '.js_slider_service ul',
  279.                     focusOnSelect: true,
  280.                 });
  281.             } else {
  282.                 \$('.js_sp_slider ul').slick({
  283.                     autoplay: true,
  284.                     autoplaySpeed: 3000,
  285.                     speed: 800,
  286.                     arrows: false,
  287.                     slidesToShow: 1,
  288.                     slidesToScroll: 1,
  289.                     centerMode: true,
  290.                     dots: true,
  291.                     variableWidth: true,
  292.                 });
  293.             }
  294.         });
  295.     </script>
  296.     <script>
  297.         \$(function() {
  298.             \$('.js_tab_box ul li').click(function() {
  299.                 console.log('test');
  300.                 \$('.js_slider_tab ul').slick('setPosition');
  301.             });
  302.             var item = document.querySelectorAll(\".cont\");
  303.             var select = document.querySelector('[name=\"cont\"]');
  304.             select.addEventListener(\"change\", function() {
  305.                 item.forEach(function(element) {
  306.                     element.classList.remove(\"selected\");
  307.                 });
  308.                 var selected = select.value;
  309.                 document.querySelector(\".\" + selected).classList.add(\"selected\");
  310.             });
  311.             \$(\".js_more_view\").on(\"click\", function() {
  312.                 \$(this).toggleClass(\"on_click\");
  313.                 \$(\".text_hide\").slideToggle(1000);
  314.             });
  315.             var btn = \$('.fixed_sp_ft');
  316.             btn.hide();
  317.             \$(window).scroll(function() {
  318.                 if (\$(this).scrollTop() > 100) {
  319.                     btn.fadeIn();
  320.                 } else {
  321.                     btn.fadeOut();
  322.                 }
  323.             });
  324.         });
  325.     </script>
  326.     <script>
  327.         \$(document).ready(function() {
  328.             var today = new Date();
  329.             var formattedToday = ('0' + (today.getMonth() + 1)).slice(-2) + ('0' + today.getDate()).slice(-2);
  330.             \$('.view_timer').each(function() {
  331.                 var startDate = \$(this).data('start-date');
  332.                 var endDate = \$(this).data('end-date');
  333.                 if (formattedToday >= startDate && formattedToday <= endDate) {
  334.                     \$(this).addClass('active');
  335.                 }
  336.             });
  337.         });
  338.     </script>
  339.     <script type=\"text/javascript\">
  340.         \$(document).ready(function() {
  341.             var activeElements = \$(\".view_timer.active\");
  342.             if (activeElements.length >= 2) {
  343.                 var randomIndex = Math.floor(Math.random() * activeElements.length);
  344.                 activeElements.each(function(index) {
  345.                     if (index !== randomIndex) {
  346.                         \$(this).removeClass(\"active\");
  347.                     }
  348.                 });
  349.             }
  350.         });
  351.     </script>
  352.     <script>
  353.         \$(function() {
  354.             if (\$(window).width() > 750) {
  355.                 \$('.js_slider_tab ul').slick({
  356.                     autoplay: true,
  357.                     autoplaySpeed: 3000,
  358.                     speed: 800,
  359.                     arrows: true,
  360.                     slidesToShow: 2,
  361.                     slidesToScroll: 1,
  362.                     centerMode: true,
  363.                 });
  364.                 \$('.js_slider_service ul').slick({
  365.                     speed: 1500,
  366.                     slidesToShow: 1,
  367.                     slidesToScroll: 1,
  368.                     centerMode: true,
  369.                     centerPadding: \"30%\",
  370.                     asNavFor: '.js_thumbnail_box ul',
  371.                     swipeToSlide: false
  372.                 });
  373.                 \$('.js_thumbnail_box ul').slick({
  374.                     slidesToShow: 5,
  375.                     slidesToScroll: 1,
  376.                     asNavFor: '.js_slider_service ul',
  377.                     focusOnSelect: true,
  378.                 });
  379.             } else {
  380.                 \$('.js_sp_slider ul').slick({
  381.                     autoplay: true,
  382.                     autoplaySpeed: 3000,
  383.                     speed: 800,
  384.                     arrows: false,
  385.                     slidesToShow: 1,
  386.                     slidesToScroll: 1,
  387.                     centerMode: true,
  388.                     dots: true,
  389.                     variableWidth: true,
  390.                 });
  391.             }
  392.         });
  393.     </script>
  394. </main>
  395. ";
  396.         
  397.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  398.         
  399.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  400.     }
  401.     public function getTemplateName()
  402.     {
  403.         return "index.twig";
  404.     }
  405.     public function isTraitable()
  406.     {
  407.         return false;
  408.     }
  409.     public function getDebugInfo()
  410.     {
  411.         return array (  95 => 10,  85 => 9,  74 => 6,  64 => 5,  53 => 1,  51 => 3,  38 => 1,);
  412.     }
  413.     public function getSourceContext()
  414.     {
  415.         return new Source("{% extends 'default_frame.twig' %}
  416. {% set body_class = 'front_page' %}
  417. {% block javascript %}
  418. {% endblock javascript %}
  419. {% block main %}
  420. <main>
  421.     <section class=\"top_inner\">
  422.         <div id=\"main-contents\" class=\"colnum1\"><!-- ▼メインビジュアル -->
  423.             <section id=\"top_insta\">
  424.                 <div class=\"wrap\">
  425.                     <div class=\"ttl_box\">
  426.                         <div class=\"icon\"><img src=\"/html/user_data/assets/img/common/icon_insta.png\" alt=\"\"></div>
  427.                         <h2 class=\"ttl f_tsunagi\"><span class=\"color\">インスタグラムでギャラリー公開中!</span><br>サンプル商品をインスタグラムで確認!</h2>
  428.                     </div>
  429.                     <div class=\"ttl_comment\">大阪難波・心斎橋・北新地の花屋biotop(ビオトープ)では<br>インスタグラムで豊富なお花たちをご紹介中!他では見れないビオトープのお花たちをぜひご覧ください!</div>
  430.                     <div class=\"list_box\">
  431.                         <ul>
  432.                             <li><a href=\"https://www.instagram.com/biotop.gallery/?hl=ja\" class=\"link\" target=\"_blank\">
  433.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img01.jpg\" alt=\"\">
  434.                                         <p class=\"ab_theme\">オーダーメイド 商品ギャラリー</p>
  435.                                         <p class=\"ab_account f_cent\">@biotop.gallery</p>
  436.                                     </div>
  437.                                     <div class=\"text_box_sp sp\">
  438.                                         <p class=\"theme\">オーダーメイド 商品ギャラリー</p>
  439.                                         <p class=\"account f_cent\">@biotop.gallery</p>
  440.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  441.                                     </div>
  442.                                 </a></li>
  443.                             <li><a href=\"https://www.instagram.com/biotop.orchid/\" class=\"link\" target=\"_blank\">
  444.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img02.jpg\" alt=\"\">
  445.                                         <p class=\"ab_theme\">ビオトープ 胡蝶蘭</p>
  446.                                         <p class=\"ab_account f_cent\">@biotop.orchld</p>
  447.                                     </div>
  448.                                     <div class=\"text_box_sp sp\">
  449.                                         <p class=\"theme\">ビオトープ 胡蝶蘭</p>
  450.                                         <p class=\"account f_cent\">@biotop.orchld</p>
  451.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  452.                                     </div>
  453.                                 </a></li>
  454.                             <li><a href=\"https://www.instagram.com/biotop.towercollection/\" class=\"link\" target=\"_blank\">
  455.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img03.jpg\" alt=\"\">
  456.                                         <p class=\"ab_theme\">ビオトープ タワーコレクション</p>
  457.                                         <p class=\"ab_account f_cent\">@biotop.flowercollection</p>
  458.                                     </div>
  459.                                     <div class=\"text_box_sp sp\">
  460.                                         <p class=\"theme\">ビオトープ タワーコレクション</p>
  461.                                         <p class=\"account f_cent\">@biotop.flowercollection</p>
  462.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  463.                                     </div>
  464.                                 </a></li>
  465.                             <li><a href=\"https://www.instagram.com/biotop.plants/\" class=\"link\" target=\"_blank\">
  466.                                     <div class=\"img\"><img src=\"/html/user_data/assets/img/common/top_insta_img04.jpg\" alt=\"\">
  467.                                         <p class=\"ab_theme\">ビオトープ プランツ</p>
  468.                                         <p class=\"ab_account f_cent\">@biotop.plants</p>
  469.                                     </div>
  470.                                     <div class=\"text_box_sp sp\">
  471.                                         <p class=\"theme\">ビオトープ プランツ</p>
  472.                                         <p class=\"account f_cent\">@biotop.plants</p>
  473.                                         <p class=\"btn\">インスタグラムを見る &gt;</p>
  474.                                     </div>
  475.                                 </a></li>
  476.                         </ul>
  477.                     </div>
  478.                 </div>
  479.             </section>
  480.             <section id=\"top_service_slider\">
  481.                 <div class=\"slider_box\">
  482.                     <div class=\"pc\">
  483.                         <div class=\"box js_slider_service\">
  484.                             <ul>
  485.                                 <li>
  486.                                     <a href=\"https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726\" class=\"link\">
  487.                                         <img src=\"/html/user_data/assets/img/common/banner_phone.png\" alt=\"スマホから簡単注文\">
  488.                                     </a>
  489.                                 </li>
  490.                                 <li>
  491.                                     <a href=\"/user_data/original3\" class=\"link\">
  492.                                         <img src=\"/html/user_data/assets/img/common/banner_logo.png\" alt=\"企業のロゴ入りの立て札作成可能です!\">
  493.                                     </a>
  494.                                 </li>
  495.                                 <li>
  496.                                     <img src=\"/html/user_data/assets/img/common/banner_service.png\" alt=\"画像配信サービス\">
  497.                                 </li>
  498.                                 <li>
  499.                                     <img src=\"/html/user_data/assets/img/common/banner_free.png\" alt=\"枯れた胡蝶蘭、観葉植物、無料で回収します\">
  500.                                 </li>
  501.                                 <li>
  502.                                     <a href=\"/user_data/surprise\" class=\"link\">
  503.                                         <img src=\"/html/user_data/assets/img/common/banner_gallary.png\" alt=\"サプライズ装飾ギャラリー\">
  504.                                     </a>
  505.                                 </li>
  506.                                 <li>
  507.                                     <a href=\"https://www.tiktok.com/@biotop.ne.jp?lang=ja-JP&is_from_webapp=1&sender_device=mobile&sender_web_id=7336091762291279368\" class=\"link\" target=\"_blank\">
  508.                                         <img src=\"/html/user_data/assets/img/common/banner_tiktok.png\" alt=\"TikTok\">
  509.                                     </a>
  510.                                 </li>
  511.                             </ul>
  512.                         </div>
  513.                     </div>
  514.                     <div class=\"box js_slider_service sp\">
  515.                         <ul>
  516.                             <li>
  517.                                 <a href=\"https://line.me/R/ti/p/@596gdfco?oat_content=url&ts=05011726\" class=\"link\">
  518.                                     <img src=\"/html/user_data/assets/img/common/banner_phone_sp.png\" alt=\"スマホから簡単注文\">
  519.                                 </a>
  520.                             </li>
  521.                             <li>
  522.                                 <a href=\"/user_data/original3\" class=\"link\">
  523.                                     <img src=\"/html/user_data/assets/img/common/banner_logo_sp.png\" alt=\"企業のロゴ入りの立て札作成可能です!\">
  524.                                 </a>
  525.                             </li>
  526.                             <li>
  527.                                 <img src=\"/html/user_data/assets/img/common/banner_service_sp.png\" alt=\"画像配信サービス\">
  528.                             </li>
  529.                             <li>
  530.                                 <img src=\"/html/user_data/assets/img/common/banner_free_sp.png\" alt=\"枯れた胡蝶蘭、観葉植物、無料で回収します\">
  531.                             </li>
  532.                             <li>
  533.                                 <a href=\"/user_data/surprise\" class=\"link\">
  534.                                     <img src=\"/html/user_data/assets/img/common/banner_gallary_sp.png\" alt=\"サプライズ装飾ギャラリー\">
  535.                                 </a>
  536.                             </li>
  537.                             <li>
  538.                                 <a href=\"https://www.tiktok.com/@biotop.ne.jp?lang=ja-JP&is_from_webapp=1&sender_device=mobile&sender_web_id=7336091762291279368\" class=\"link\" target=\"_blank\">
  539.                                     <img src=\"/html/user_data/assets/img/common/banner_tiktok_sp.png\" alt=\"TikTok\">
  540.                                 </a>
  541.                             </li>
  542.                         </ul>
  543.                     </div>
  544.                     <div class=\"wrap pc\">
  545.                         <div class=\"thumbnail_box js_thumbnail_box\">
  546.                             <ul>
  547.                                 <li>
  548.                                     <img src=\"/html/user_data/assets/img/common/banner_phone.png\" alt=\"スマホから簡単注文\">
  549.                                 </li>
  550.                                 <li>
  551.                                     <img src=\"/html/user_data/assets/img/common/banner_logo.png\" alt=\"企業のロゴ入りの立て札作成可能です!\">
  552.                                 </li>
  553.                                 <li>
  554.                                     <img src=\"/html/user_data/assets/img/common/banner_service.png\" alt=\"画像配信サービス\">
  555.                                 </li>
  556.                                 <li>
  557.                                     <img src=\"/html/user_data/assets/img/common/banner_free.png\" alt=\"枯れた胡蝶蘭、観葉植物、無料で回収します\">
  558.                                 </li>
  559.                                 <li>
  560.                                     <img src=\"/html/user_data/assets/img/common/banner_gallary.png\" alt=\"サプライズ装飾ギャラリー\">
  561.                                 </li>
  562.                                 <li>
  563.                                     <img src=\"/html/user_data/assets/img/common/banner_tiktok.png\" alt=\"TikTok\">
  564.                                 </li>
  565.                             </ul>
  566.                         </div>
  567.                     </div>
  568.                 </div>
  569.             </section>
  570.         </div>
  571.     </section>
  572.     <script>
  573.         \$(document).ready(function() {
  574.             var today = new Date();
  575.             var formattedToday = ('0' + (today.getMonth() + 1)).slice(-2) + ('0' + today.getDate()).slice(-2);
  576.             \$('.view_timer').each(function() {
  577.                 var startDate = \$(this).data('start-date');
  578.                 var endDate = \$(this).data('end-date');
  579.                 if (formattedToday >= startDate && formattedToday <= endDate) {
  580.                     \$(this).addClass('active');
  581.                 }
  582.             });
  583.         });
  584.     </script>
  585.     <script type=\"text/javascript\">
  586.         \$(document).ready(function() {
  587.             var activeElements = \$(\".view_timer.active\");
  588.             if (activeElements.length >= 2) {
  589.                 var randomIndex = Math.floor(Math.random() * activeElements.length);
  590.                 activeElements.each(function(index) {
  591.                     if (index !== randomIndex) {
  592.                         \$(this).removeClass(\"active\");
  593.                     }
  594.                 });
  595.             }
  596.         });
  597.     </script>
  598.     <script>
  599.         \$(function() {
  600.             if (\$(window).width() > 750) {
  601.                 \$('.js_slider_tab ul').slick({
  602.                     autoplay: true,
  603.                     autoplaySpeed: 3000,
  604.                     speed: 800,
  605.                     arrows: true,
  606.                     slidesToShow: 2,
  607.                     slidesToScroll: 1,
  608.                     centerMode: true,
  609.                 });
  610.                 \$('.js_slider_service ul').slick({
  611.                     speed: 1500,
  612.                     slidesToShow: 1,
  613.                     slidesToScroll: 1,
  614.                     centerMode: true,
  615.                     centerPadding: \"30%\",
  616.                     asNavFor: '.js_thumbnail_box ul',
  617.                     swipeToSlide: false
  618.                 });
  619.                 \$('.js_thumbnail_box ul').slick({
  620.                     slidesToShow: 5,
  621.                     slidesToScroll: 1,
  622.                     asNavFor: '.js_slider_service ul',
  623.                     focusOnSelect: true,
  624.                 });
  625.             } else {
  626.                 \$('.js_sp_slider ul').slick({
  627.                     autoplay: true,
  628.                     autoplaySpeed: 3000,
  629.                     speed: 800,
  630.                     arrows: false,
  631.                     slidesToShow: 1,
  632.                     slidesToScroll: 1,
  633.                     centerMode: true,
  634.                     dots: true,
  635.                     variableWidth: true,
  636.                 });
  637.             }
  638.         });
  639.     </script>
  640.     <script>
  641.         \$(function() {
  642.             \$('.js_tab_box ul li').click(function() {
  643.                 console.log('test');
  644.                 \$('.js_slider_tab ul').slick('setPosition');
  645.             });
  646.             var item = document.querySelectorAll(\".cont\");
  647.             var select = document.querySelector('[name=\"cont\"]');
  648.             select.addEventListener(\"change\", function() {
  649.                 item.forEach(function(element) {
  650.                     element.classList.remove(\"selected\");
  651.                 });
  652.                 var selected = select.value;
  653.                 document.querySelector(\".\" + selected).classList.add(\"selected\");
  654.             });
  655.             \$(\".js_more_view\").on(\"click\", function() {
  656.                 \$(this).toggleClass(\"on_click\");
  657.                 \$(\".text_hide\").slideToggle(1000);
  658.             });
  659.             var btn = \$('.fixed_sp_ft');
  660.             btn.hide();
  661.             \$(window).scroll(function() {
  662.                 if (\$(this).scrollTop() > 100) {
  663.                     btn.fadeIn();
  664.                 } else {
  665.                     btn.fadeOut();
  666.                 }
  667.             });
  668.         });
  669.     </script>
  670.     <script>
  671.         \$(document).ready(function() {
  672.             var today = new Date();
  673.             var formattedToday = ('0' + (today.getMonth() + 1)).slice(-2) + ('0' + today.getDate()).slice(-2);
  674.             \$('.view_timer').each(function() {
  675.                 var startDate = \$(this).data('start-date');
  676.                 var endDate = \$(this).data('end-date');
  677.                 if (formattedToday >= startDate && formattedToday <= endDate) {
  678.                     \$(this).addClass('active');
  679.                 }
  680.             });
  681.         });
  682.     </script>
  683.     <script type=\"text/javascript\">
  684.         \$(document).ready(function() {
  685.             var activeElements = \$(\".view_timer.active\");
  686.             if (activeElements.length >= 2) {
  687.                 var randomIndex = Math.floor(Math.random() * activeElements.length);
  688.                 activeElements.each(function(index) {
  689.                     if (index !== randomIndex) {
  690.                         \$(this).removeClass(\"active\");
  691.                     }
  692.                 });
  693.             }
  694.         });
  695.     </script>
  696.     <script>
  697.         \$(function() {
  698.             if (\$(window).width() > 750) {
  699.                 \$('.js_slider_tab ul').slick({
  700.                     autoplay: true,
  701.                     autoplaySpeed: 3000,
  702.                     speed: 800,
  703.                     arrows: true,
  704.                     slidesToShow: 2,
  705.                     slidesToScroll: 1,
  706.                     centerMode: true,
  707.                 });
  708.                 \$('.js_slider_service ul').slick({
  709.                     speed: 1500,
  710.                     slidesToShow: 1,
  711.                     slidesToScroll: 1,
  712.                     centerMode: true,
  713.                     centerPadding: \"30%\",
  714.                     asNavFor: '.js_thumbnail_box ul',
  715.                     swipeToSlide: false
  716.                 });
  717.                 \$('.js_thumbnail_box ul').slick({
  718.                     slidesToShow: 5,
  719.                     slidesToScroll: 1,
  720.                     asNavFor: '.js_slider_service ul',
  721.                     focusOnSelect: true,
  722.                 });
  723.             } else {
  724.                 \$('.js_sp_slider ul').slick({
  725.                     autoplay: true,
  726.                     autoplaySpeed: 3000,
  727.                     speed: 800,
  728.                     arrows: false,
  729.                     slidesToShow: 1,
  730.                     slidesToScroll: 1,
  731.                     centerMode: true,
  732.                     dots: true,
  733.                     variableWidth: true,
  734.                 });
  735.             }
  736.         });
  737.     </script>
  738. </main>
  739. {% endblock %}""index.twig""/home/apex4biotop/public_html/dev.biotop.ne.jp/app/template/biotop/index.twig");
  740.     }
  741.     
  742.     public function checkSecurity()
  743.     {
  744.         static $tags = array("set" => 3);
  745.         static $filters = array();
  746.         static $functions = array();
  747.         try {
  748.             $this->sandbox->checkSecurity(
  749.                 ['set'],
  750.                 [],
  751.                 []
  752.             );
  753.         } catch (SecurityError $e) {
  754.             $e->setSourceContext($this->source);
  755.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  756.                 $e->setTemplateLine($tags[$e->getTagName()]);
  757.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  758.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  759.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  760.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  761.             }
  762.             throw $e;
  763.         }
  764.     }
  765. }