var/cache/dev/twig/6f/6f9bdc85d1152a9c467640d34204d95d.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. /* @user_data/photo-product_list.twig */
  16. class __TwigTemplate_7b9b53c59f5cab98551978c597c0f953 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", "@user_data/photo-product_list.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", "@user_data/photo-product_list.twig"));
  49.         // line 456
  50.         $context["body_class"] = "product_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "@user_data/photo-product_list.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 13
  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 14
  73.         echo "    <link rel=\"stylesheet\" href=\"";
  74.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/stock-photo/contents-list.css", "user_data"), "html", null, true);
  75.         echo "\">
  76.     <link rel=\"stylesheet\" href=\"";
  77.         // line 15
  78.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/stock-photo/main_module.css", "user_data"), "html", null, true);
  79.         echo "\">
  80.     <style>
  81.     .ec-topicpath{
  82.         display: flex;
  83.         flex-wrap: wrap;
  84.         margin: 30px 10% 0;
  85.     }
  87.     .ec-topicpath a{
  88.         color: #109F98;
  89.     }
  90.     .ec-topicpath__divider{
  91.         margin: 0 5px;
  92.     }
  93.     
  94.         .category-btn img{
  95.             margin-right: 15px;
  96.         }
  97.         .tab {
  98.             margin: 30px 15% 0;
  99.         }
  100.         
  101.         @media screen and (max-width:768px){
  102.             .tab {
  103.                 margin: 10px 3% 20px 3%;
  104.             }
  105.         }
  106.         
  107.         .lead-sentence {
  108.             display: flex;
  109.             flex-wrap: wrap;
  110.         }
  111.         
  112.         @media screen and (max-width:768px){
  113.             .tab img{
  114.                 width: 15%;
  115.             }
  116.             .category-btn{
  117.                 margin-bottom: 15px;
  118.             }
  119.         }
  121.         .tab-list {
  122.             display: flex;
  123.             gap: 1px;
  124.         }
  125.         @media screen and (max-width:768px){
  126.             .tab-list{
  127.                 flex-direction: row;
  128.             }
  129.         }
  131.         .tab-item {
  132.             border-radius: 5px 5px 0 0;
  133.             background-color: #109F98;
  134.             border-top: solid 1px #109F98;
  135.             border-right: solid 1px #109F98;
  136.             border-left: solid 1px #109F98;
  137.         }
  138.         .tab-item a{
  139.             color: #FFF;
  140.             padding: 0.5em 1.2em;
  141.             display: block;
  142.         }
  144.         @media screen and (max-width:768px){
  145.             .tab-item{
  146.                 flex: 1 1 auto;
  147.                 min-width: 0;
  148.             }
  149.             
  150.             .tab-item a{
  151.                 margin: 8px 0;
  152.                 text-align: center;
  153.                 white-space: nowrap;
  154.                 padding: 0.4em 0.6em;
  155.             }
  156.         }
  157.         
  158.         @media screen and (max-width:570px){
  159.             .tab-item{
  160.                 font-size: 12px;
  161.                 line-height: 2.5;
  162.             }
  163.         }
  164.         
  165.         @media screen and (max-width:450px){
  166.             .tab-item{
  167.                 font-size: 10px;
  168.             }
  169.         }
  171.         .tab-content:has(.tab-panel.active){
  172.             display: flex;
  173.             justify-content: space-between;
  174.             border-top:solid 1px #109F98;
  175.             border-right:solid 1px #109F98;
  176.             border-left:solid 1px #109F98;
  177.             border-radius: 0 8px 0 0;
  178.         }
  179.         
  180.         .tab-content:not(:has(.tab-panel.active)){
  181.             display: none;
  182.         }
  183.         
  184.         @media screen and (max-width:768px){
  185.             .tab-content{
  186.                 flex-direction: column;
  187.                 border-radius: 0;
  188.             }
  189.         }
  191.         .tab-panel {
  192.             display: none;
  193.         }
  195.         .tab-item.active {
  196.             background-color: #fff;
  197.             font-weight: bold;
  198.             position: relative;
  199.         }
  200.         
  201.         .tab-item.active a{
  202.             color: #109F98;
  203.         }
  204.         
  205.         .tab-item.active::before{
  206.             content: \"\";
  207.             width: 100%;
  208.             border-bottom: 4px solid  #FFF;
  209.             position: absolute;
  210.             bottom: -3px;
  211.             left: 0;
  212.         }
  214.         .tab-panel.active {
  215.             display: flex;
  216.             padding: 3%;
  217.             flex-wrap: wrap;
  218.             gap:20px 20px;
  219.             flex: 10;
  220.         }
  221.         @media screen and (max-width:768px){
  222.             .tab-panel.active{
  223.                 justify-content: center;
  224.                 
  225.             }
  226.         }
  228.         .tab-panel.active h2 {
  229.             font-size: 20px;
  230.             font-weight: bold;
  231.         }
  232.         
  233.         .search-form-box{
  234.             border: solid 1px #109F98;
  235.             border-radius: 0 0 8px 8px;
  236.         }
  237.         
  238.         .tab-content:not(:has(.active)) + .search-form-box{
  239.             border-radius: 0 8px 8px 8px;
  240.         }
  242.         @media screen and (max-width:768px){
  243.             .search-form-box .search-form-content{
  244.                 display: flex;
  245.                 justify-content: space-between;
  246.                 flex-direction: column;
  247.                 
  248.             }
  249.         }
  250.         .search-form-box .search-form-item{
  251.             margin-left: 3%;
  252.             margin-right: calc(3% + 20px);
  253.         }
  254.         @media screen and (max-width:768px){
  255.             .search-form-box .search-form-item{
  256.                 margin: 0 auto;
  257.                 
  258.             }
  259.         }
  260.         
  261.         .search-form-box .search-form-input{
  262.             -webkit-appearance: none;
  263.             -moz-appearance:none;
  264.             appearance: none;
  265.             border:1px solid #109F98;
  266.             border-radius:25px;
  267.             width: 100%;
  268.             padding-left: 20px;
  269.             height: 36px;
  270.             background-color: #f5f5f5;
  271.         }
  272.         @media screen and (max-width:768px){
  273.             .search-form-box .search-form-input{
  274.                 width: 88vw;
  275.                 box-sizing: border-box;
  276.             }
  277.             .search-form-box .search-form-input::placeholder{
  278.                 font-size: 2vw;
  279.             }
  280.         }
  281.         
  282.         select{
  283.             background:none;
  284.             appearance: none;
  285.             font:inherit;
  286.             padding:9.5px 10px;
  287.             border:1px solid #109F98;
  288.             box-sizing: border-box;
  289.             width: 250px;
  290.             border-radius:2px;
  291.             color: #111111;
  292.         }
  293.         
  294.         .select {
  295.           display: inline-block;
  296.           position: relative;
  297.           vertical-align: middle;
  298.           width: 100%;
  299.         }
  300.         
  301.         .select::before {
  302.           position: absolute;
  303.           top: 18px;
  304.           right: 16px;
  305.           width: 0;
  306.           height: 0;
  307.           border-width: 10px 5px 0 5px;
  308.           border-style: solid;
  309.           border-color: #109F98 transparent transparent transparent;
  310.           content: \"\";
  311.           pointer-events: none;
  312.         }
  313.         
  314.         /*検索セクション内にあるアイコン(svg)カラー指定*/
  315.         .search-form-box .ic {
  316.             filter: brightness(0) saturate(100%) invert(68%) sepia(68%) saturate(6159%) hue-rotate(145deg) brightness(90%) contrast(87%);
  317.         }
  318.         
  319.         /* 各条件見出し位置調整 */
  320.         .search-form-box .search-title {
  321.             padding: 15px 0 12px 0;
  322.             margin: 0 3%;
  323.             display: flex;
  324.             align-items: center;
  325.             gap: 6px;
  326.             color: #111111;
  327.         }
  328.         
  329.         /*セクション分け用のボーダー*/
  330.         .search-form-box .search-title {
  331.             border-top: 1px solid #D5DAED;
  332.         }
  333.         /*1番目（フリーワード検索）には不要なので非表示*/
  334.         .search-form-box .search-title:first-child {
  335.             border-top: none;
  336.         }
  337.         
  338.         .search-subtitle {
  339.             margin: 16px 0;
  340.         }
  341.         
  342.         /*各条件の副題にh2のトーン寄せ*/
  343.         .search-subtitle label,
  344.         .search-subtitle legend {
  345.             border: solid 2px #109F98;
  346.             border-right: none;
  347.             border-top: none;
  348.             border-bottom: none;
  349.             text-align: left;
  350.             padding: 0 0 0 8px;
  351.             color: #111111;
  352.         }
  353.         
  354.         .search-base-content,
  355.         .search-filter-content {
  356.             margin: 0 3% 3% 3%;
  357.             
  358.         }
  359.         
  360.         /*基本条件*/
  361.         .search-base-content {
  362.             display: flex;
  363.             flex-direction: row;
  364.             gap: 16px;
  365.         }
  366.         
  367.         /* 上記でselectに指定しているスタイルを基本条件用に上書き */
  368.         .search-base-item select {
  369.             border: 1px solid #D5DAED;
  370.         }
  371.         
  372.         @media (max-width: 768px) {
  373.             .search-base-item select {
  374.                 display: flex;
  375.                 flex-wrap: wrap;
  376.             }
  377.             
  378.             .search-base-item {
  379.                 flex: 1 1 200px;
  380.                 max-width: 100%;
  381.             }
  382.             
  383.             .search-base-item select {
  384.                 width: 100%;
  385.             }
  386.         }
  387.         
  388.         .search-filter-list {
  389.           display: flex;
  390.           flex-wrap: wrap;
  391.           gap: 10px;
  392.         }
  393.         
  394.         /*詳細フィルターのチェックボックス並べる数*/
  395.         /*PC表示：10個のチェックボックスが横に5個 × 2行*/
  396.         /*スマホ表示：10個のチェックボックスが横に3個 × 約4行(1個余りになるため)*/
  397.         .filter-checkbox-item {
  398.           display: flex;
  399.           align-items: center;
  400.           gap: 6px;
  401.           align-items: baseline;
  402.           width: calc(100% / 5 - 10px); /* PC: 5列 */
  403.           color: #111111;
  404.         }
  405.         
  406.         @media (max-width: 768px) {
  407.             .filter-checkbox-item {
  408.                 width: calc(100% / 3 - 10px); /* SP: 3列 */
  409.             }
  410.         }
  411.         
  412.         @media (max-width: 450px) {
  413.             .filter-checkbox-item {
  414.                 font-size: max(3.6vw, 12px);
  415.             }
  416.         }
  417.         
  418.         .image-wrapper {
  419.             position: relative;
  420.         }
  422.         .label-free {
  423.             position: absolute;
  424.             top: 0;
  425.             right: 0;
  426.             background-color: #e60012;
  427.             color: #fff;
  428.             font-weight: bold;
  429.             font-size: 14px;
  430.             padding: 3px 10px;
  431.             border-radius: 0 0 0 4px;
  432.             z-index: 1;
  433.         }
  434.         .ec-topicpath__item{
  435.         font-size: 17px;
  436.         }
  437.         
  438.         /* ▼ アコーディオン用 追加CSS ▼ */
  439.         :root{
  440.           --acc-green: #109F98;
  441.           --acc-line:  #0f8a80;
  442.         }
  443.         
  444.         .search-section + .search-section{
  445.           border-top: 1px solid var(--acc-line);
  446.         }
  447.         
  448.         .search-section__header{
  449.           display: flex;
  450.           align-items: center;
  451.           justify-content: space-between;
  452.           padding: 8px 12px;
  453.         }
  454.         
  455.         .accordion-toggle{
  456.           inline-size: 28px;
  457.           block-size: 28px;
  458.           display: grid;
  459.           place-items: center;
  460.           position: relative;
  461.           cursor: pointer;
  462.           border: 1px solid var(--acc-green);
  463.           border-radius: 4px;
  464.           background: var(--acc-green);
  465.         }
  466.         
  467.         .accordion-toggle::before{
  468.           content: \"\";
  469.           display: block;
  470.           inline-size: 8px;
  471.           block-size: 8px;
  472.           border-right: 2px solid #fff;
  473.           border-bottom: 2px solid #fff;
  474.           transform: rotate(45deg); /* ▼ */
  475.           transition: transform .2s ease;
  476.         }
  477.         
  478.         .is-open .accordion-toggle{
  479.           background: #fff;
  480.           border-color: var(--acc-green);
  481.         }
  482.         
  483.         .is-open .accordion-toggle::before{
  484.           border-right-color: var(--acc-green);
  485.           border-bottom-color: var(--acc-green);
  486.           transform: rotate(-135deg); /* ▲ */
  487.         }
  488.         
  489.         .search-section__panel{
  490.           padding: 12px;
  491.         }
  492.         
  493.         .visually-hidden{
  494.           position: absolute !important;
  495.           inline-size: 1px;
  496.           block-size: 1px;
  497.           margin: -1px;
  498.           padding: 0;
  499.           border: 0;
  500.           clip: rect(0 0 0 0);
  501.           overflow: hidden;
  502.         }
  503.         
  504.         .accordion-toggle:hover{ filter: brightness(0.98); }
  505.         .accordion-toggle:focus-visible{
  506.           outline: 2px solid var(--acc-line);
  507.           outline-offset: 2px;
  508.         }
  509.         
  510.         /* SPだけボタンを中央寄せ */
  511.         @media (max-width: 840px){
  512.           .sp-center{
  513.             display: flex;
  514.             justify-content: center;
  515.           }
  516.         }
  517.     </style>
  518. ";
  519.         
  520.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  522.         
  523.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  525.     }
  527.     // line 458
  528.     public function block_javascript($context, array $blocks = [])
  529.     {
  530.         $macros = $this->macros;
  531.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  532.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  534.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  535.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  537.         // line 459
  538.         echo "    <script>
  539.         eccube.productsClassCategories = {
  540.             ";
  541.         // line 461
  542.         $context['_parent'] = $context;
  543.         $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 461, $this->source); })()));
  544.         $context['loop'] = [
  545.           'parent' => $context['_parent'],
  546.           'index0' => 0,
  547.           'index'  => 1,
  548.           'first'  => true,
  549.         ];
  550.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  551.             $length = count($context['_seq']);
  552.             $context['loop']['revindex0'] = $length - 1;
  553.             $context['loop']['revindex'] = $length;
  554.             $context['loop']['length'] = $length;
  555.             $context['loop']['last'] = 1 === $length;
  556.         }
  557.         foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  558.             // line 462
  559.             echo "            \"";
  560.             echo twig_escape_filter($this->env, twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 462), "js"), "html", null, true);
  561.             echo "\": ";
  562.             echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($context["Product"]);
  563.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 462) == false)) {
  564.                 echo ", ";
  565.             }
  566.             // line 463
  567.             echo "            ";
  568.             ++$context['loop']['index0'];
  569.             ++$context['loop']['index'];
  570.             $context['loop']['first'] = false;
  571.             if (isset($context['loop']['length'])) {
  572.                 --$context['loop']['revindex0'];
  573.                 --$context['loop']['revindex'];
  574.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  575.             }
  576.         }
  577.         $_parent = $context['_parent'];
  578.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  579.         $context = array_intersect_key($context, $_parent) + $_parent;
  580.         // line 464
  581.         echo "        };
  583.         \$(function() {
  585.             // 表示件数を変更
  586.             \$('.disp-number').change(function() {
  587.                 var dispNumber = \$(this).val();
  588.                 \$('#disp_number').val(dispNumber);
  589.                 \$('#pageno').val(1);
  590.                 \$(\"#form1\").submit();
  591.             });
  593.             // // 並び順を変更
  594.             \$('.order-by').change(function() {
  595.                 var orderBy = \$(this).val();
  596.                 \$('#orderby').val(orderBy);
  597.                 \$('#pageno').val(1);
  598.                 \$(\"#form1\").submit();
  599.             });
  601.             \$('.add-cart').on('click', function(e) {
  602.                 var \$form = \$(this).parents('li').find('form');
  604.                 // 個数フォームのチェック
  605.                 var \$quantity = \$form.parent().find('.quantity');
  606.                 if (\$quantity.val() < 1) {
  607.                     \$quantity[0].setCustomValidity('";
  608.         // line 490
  609.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  610.         echo "');
  611.                     setTimeout(function() {
  612.                         loadingOverlay('hide');
  613.                     }, 100);
  614.                     return true;
  615.                 } else {
  616.                     \$quantity[0].setCustomValidity('');
  617.                 }
  618.                 e.preventDefault();
  619.                 \$.ajax({
  620.                     url: \$form.attr('action'),
  621.                     type: \$form.attr('method'),
  622.                     data: \$form.serialize(),
  623.                     dataType: 'json',
  624.                     beforeSend: function(xhr, settings) {
  625.                         // Buttonを無効にする
  626.                         \$('.add-cart').prop('disabled', true);
  627.                     }
  628.                 }).done(function(data) {
  629.                     // レスポンス内のメッセージをalertで表示
  630.                     \$.each(data.messages, function() {
  631.                         \$('#ec-modal-header').html(this);
  632.                     });
  634.                     \$('.ec-modal').show()
  636.                     // カートブロックを更新する
  637.                     \$.ajax({
  638.                         url: '";
  639.         // line 518
  640.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  641.         echo "',
  642.                         type: 'GET',
  643.                         dataType: 'html'
  644.                     }).done(function(html) {
  645.                         \$('.ec-headerRole__cart').html(html);
  646.                     });
  647.                 }).fail(function(data) {
  648.                     alert('";
  649.         // line 525
  650.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  651.         echo "');
  652.                 }).always(function(data) {
  653.                     // Buttonを有効にする
  654.                     \$('.add-cart').prop('disabled', false);
  655.                 });
  656.             });
  657.         });
  659.         \$('.ec-modal-wrap').on('click', function(e) {
  660.             // モーダル内の処理は外側にバブリングさせない
  661.             e.stopPropagation();
  662.         });
  663.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  664.             \$('.ec-modal').hide()
  665.         });
  666.         
  667.     </script>
  668.     <script>
  669.     //  絞り込み検索は、絞り込み検索ボタンが押されたとき、もしくは入力欄にフォーカスされたときに、
  670.     //  enterを押したときのみ発動する。カテゴリ検索を押したときは発火させない
  671.         document.addEventListener('DOMContentLoaded', function () {
  672.             const form = document.querySelector('.tab');
  673.             const categoryBtn = form.querySelector('button[name=\"search_parent_id\"]:not(.word-search)');
  674.             const wordBtn = form.querySelector('.category-btn.word-search');
  675.             const wordInput = form.querySelector('input.search-form-input');
  676.         
  677.             // カテゴリ検索 → name を送らせない
  678.             categoryBtn.addEventListener('click', function () {
  679.                 if (wordInput) {
  680.                     wordInput.disabled = true;
  681.                 }
  682.             });
  683.         
  684.             // 絞り込み検索 → name を有効化
  685.             wordBtn?.addEventListener('click', function () {
  686.                 if (wordInput) {
  687.                     wordInput.disabled = false;
  688.                 }
  689.             });
  690.         
  691.             // Enterキーで submit 時に絞り込み検索の値を送信するための hidden input 挿入
  692.             form.addEventListener('submit', function (e) {
  693.                 if (document.activeElement === wordInput) {
  694.                     e.preventDefault();
  695.         
  696.                     // 既に存在していたら除去（2重防止）
  697.                     const existingHidden = form.querySelector('input[name=\"search_parent_id\"].auto-injected');
  698.                     if (existingHidden) {
  699.                         existingHidden.remove();
  700.                     }
  701.         
  702.                     // ボタンのvalue属性をそのまま使う
  703.                     const valueFromButton = wordBtn?.getAttribute('value') || '';
  704.         
  705.                     const hidden = document.createElement('input');
  706.                     hidden.type = 'hidden';
  707.                     hidden.name = 'search_parent_id';
  708.                     hidden.value = valueFromButton;
  709.                     hidden.classList.add('auto-injected');
  710.                     form.appendChild(hidden);
  711.                     if (wordInput) {
  712.                         wordInput.disabled = false;
  713.                     }
  714.                     form.submit();
  715.                 }
  716.             });
  717.         });
  718.         
  719.         // カテゴリの詳細検索に値が入っていない場合、buttonのnameの値をcategory_idに変更する
  720.         // document.addEventListener('DOMContentLoaded', function () {
  721.         //     const form = document.querySelector('.tab');
  722.         //     const submitBtn = form.querySelector('button.category-btn');
  723.         //     const categorySelects = form.querySelectorAll('select[name=\"category_ids[]\"]');
  724.         
  725.         //     form.addEventListener('submit', function (e) {
  726.         //         // category_ids[] に選択されている値が1つもない場合、ボタンのnameを変更
  727.         //         const hasValue = Array.from(categorySelects).some(select => select.value && select.value !== '');
  728.         
  729.         //         if (!hasValue) {
  730.         //             submitBtn.setAttribute('name', 'category_id');
  731.         //         } else {
  732.         //             submitBtn.setAttribute('name', 'search_parent_id');
  733.         //         }
  734.         //     });
  735.         // });
  736.     </script>
  737.     
  738.     <script>
  739.         (function () {
  740.           function setState(section, open) {
  741.             const btn   = section.querySelector('.js-accordion-toggle');
  742.             const panel = section.querySelector('.js-accordion-panel');
  743.             section.classList.toggle('is-open', open);
  744.             btn.setAttribute('aria-expanded', open ? 'true' : 'false');
  745.             panel.toggleAttribute('hidden', !open);
  746.             panel.setAttribute('aria-hidden', open ? 'false' : 'true');
  747.           }
  748.         
  749.           document.querySelectorAll('.search-form-box').forEach(function (box) {
  750.             // このフォーム（タブ）に属する2つのアコーディオン
  751.             const sections = box.querySelectorAll('.js-accordion');
  752.             if (!sections.length) return;
  753.         
  754.             const key = location.pathname + '#panel=' + (box.dataset.panel || 'default') + ':openId';
  755.         
  756.             // 初期オープン対象：保存 > data-open=\"1\" > 先頭（=フリーワードを想定）
  757.             const savedId = sessionStorage.getItem(key);
  758.             let initial = Array.from(sections).find(s => s.id === savedId)
  759.                        || Array.from(sections).find(s => s.dataset.open === '1')
  760.                        || sections[0];
  761.         
  762.             // 初期反映
  763.             sections.forEach(s => setState(s, s === initial));
  764.             sessionStorage.setItem(key, initial.id);
  765.         
  766.             sections.forEach(function (sec) {
  767.               const btn = sec.querySelector('.js-accordion-toggle');
  768.               btn.addEventListener('click', function () {
  769.                 if (sec.classList.contains('is-open')) return;
  770.         
  771.                 sections.forEach(s => setState(s, s === sec));
  772.                 sessionStorage.setItem(key, sec.id);
  773.               });
  774.             });
  775.           });
  776.         })();
  777.     </script>
  778. ";
  779.         
  780.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  782.         
  783.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  785.     }
  787.     // line 654
  788.     public function block_main($context, array $blocks = [])
  789.     {
  790.         $macros = $this->macros;
  791.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  792.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  794.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  795.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  797.         // line 655
  798.         echo "    ";
  799.         $context["AllCategories"] = twig_get_attribute($this->env, $this->source, $this->env->getFunction('repository')->getCallable()("Eccube\\Entity\\Category"), "getList", [], "method", false, false, false, 655);
  800.         // line 656
  801.         echo "    ";
  802.         $context["Categories"] = twig_array_filter($this->env, (isset($context["AllCategories"]) || array_key_exists("AllCategories", $context) ? $context["AllCategories"] : (function () { throw new RuntimeError('Variable "AllCategories" does not exist.', 656, $this->source); })()), function ($__c__) use ($context, $macros) { $context["c"] = $__c__; return ( !(null === twig_get_attribute($this->env, $this->source, (isset($context["c"]) || array_key_exists("c", $context) ? $context["c"] : (function () { throw new RuntimeError('Variable "c" does not exist.', 656, $this->source); })()), "id", [], "any", false, false, false, 656)) && (twig_get_attribute($this->env, $this->source, (isset($context["c"]) || array_key_exists("c", $context) ? $context["c"] : (function () { throw new RuntimeError('Variable "c" does not exist.', 656, $this->source); })()), "id", [], "any", false, false, false, 656) == 18)); });
  803.         // line 657
  804.         echo "    ";
  805.         $context["selected_categories"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 657, $this->source); })()), "request", [], "any", false, false, false, 657), "query", [], "any", false, false, false, 657), "get", [0 => "category_ids", 1 => []], "method", false, false, false, 657);
  806.         // line 658
  807.         echo "    ";
  808.         $context["parent_category"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 658, $this->source); })()), "request", [], "any", false, false, false, 658), "query", [], "any", false, false, false, 658), "get", [0 => "search_parent_id"], "method", false, false, false, 658);
  809.         // line 659
  810.         echo "    ";
  811.         // line 660
  812.         echo "        <div class=\"ec-searchnavRole__topicpath pc\">
  813.             <ol class=\"ec-topicpath\">
  814.                 <li class=\"ec-topicpath__item\"><a href=\"";
  815.         // line 662
  816.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list");
  817.         echo "\">";
  818.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.all_category"), "html", null, true);
  819.         echo "</a>
  820.                 </li>
  821.                 ";
  822.         // line 664
  823.         if ( !(null === (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 664, $this->source); })()))) {
  824.             // line 665
  825.             echo "                    ";
  826.             $context['_parent'] = $context;
  827.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 665, $this->source); })()), "path", [], "any", false, false, false, 665));
  828.             $context['loop'] = [
  829.               'parent' => $context['_parent'],
  830.               'index0' => 0,
  831.               'index'  => 1,
  832.               'first'  => true,
  833.             ];
  834.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  835.                 $length = count($context['_seq']);
  836.                 $context['loop']['revindex0'] = $length - 1;
  837.                 $context['loop']['revindex'] = $length;
  838.                 $context['loop']['length'] = $length;
  839.                 $context['loop']['last'] = 1 === $length;
  840.             }
  841.             foreach ($context['_seq'] as $context["_key"] => $context["Path"]) {
  842.                 // line 666
  843.                 echo "                        ";
  844.                 if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 666)) {
  845.                     echo " 
  846.                             <li class=\"ec-topicpath__divider\">></li>
  847.                             <li class=\"ec-topicpath__item";
  848.                     // line 668
  849.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 668)) {
  850.                         echo "--active";
  851.                     }
  852.                     echo "\">
  853.                                 <a href=\"";
  854.                     // line 669
  855.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list");
  856.                     echo "?category_id=";
  857.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "id", [], "any", false, false, false, 669), "html", null, true);
  858.                     echo "#contents-list\">";
  859.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "name", [], "any", false, false, false, 669), "html", null, true);
  860.                     echo "</a>
  861.                             </li>
  862.                         ";
  863.                 }
  864.                 // line 672
  865.                 echo "                    ";
  866.                 ++$context['loop']['index0'];
  867.                 ++$context['loop']['index'];
  868.                 $context['loop']['first'] = false;
  869.                 if (isset($context['loop']['length'])) {
  870.                     --$context['loop']['revindex0'];
  871.                     --$context['loop']['revindex'];
  872.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  873.                 }
  874.             }
  875.             $_parent = $context['_parent'];
  876.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Path'], $context['_parent'], $context['loop']);
  877.             $context = array_intersect_key($context, $_parent) + $_parent;
  878.             // line 673
  879.             echo "                ";
  880.         }
  881.         // line 674
  882.         echo "              ";
  883.         // line 675
  884.         echo "              ";
  885.         // line 676
  886.         echo "    \t\t        ";
  887.         // line 677
  888.         echo "    \t\t        ";
  889.         // line 678
  890.         echo "            \t\t";
  891.         // line 679
  892.         echo "            \t\t";
  893.         // line 680
  894.         echo "            \t\t";
  895.         // line 681
  896.         echo "            \t\t";
  897.         // line 682
  898.         echo "            \t\t";
  899.         // line 683
  900.         echo "              ";
  901.         // line 684
  902.         echo "              ";
  903.         // line 685
  904.         echo "              ";
  905.         // line 686
  906.         echo "              ";
  907.         // line 687
  908.         echo "              ";
  909.         // line 688
  910.         echo "              ";
  911.         // line 689
  912.         echo "              ";
  913.         // line 690
  914.         echo "              ";
  915.         // line 691
  916.         echo "              ";
  917.         // line 692
  918.         echo "              ";
  919.         // line 693
  920.         echo "              ";
  921.         // line 694
  922.         echo "              ";
  923.         // line 695
  924.         echo "              ";
  925.         // line 696
  926.         echo "              ";
  927.         // line 697
  928.         echo "              ";
  929.         // line 698
  930.         echo "              
  931.                 ";
  932.         // line 700
  933.         echo "                ";
  934.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 700, $this->source); })()), "vars", [], "any", false, false, false, 700), "value", [], "any", false, false, false, 700), "name", [], "any", false, false, false, 700)) {
  935.             // line 701
  936.             echo "                    <li class=\"ec-topicpath__divider\">></li>
  937.                     <li class=\"ec-topicpath__item\"><a href=\"";
  938.             // line 702
  939.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list");
  940.             echo "?name=";
  941.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 702, $this->source); })()), "vars", [], "any", false, false, false, 702), "value", [], "any", false, false, false, 702), "name", [], "any", false, false, false, 702), "html", null, true);
  942.             echo "#contents-list\">";
  943.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 702, $this->source); })()), "vars", [], "any", false, false, false, 702), "value", [], "any", false, false, false, 702), "name", [], "any", false, false, false, 702), "html", null, true);
  944.             echo "</a></li>
  945.                 ";
  946.         }
  947.         // line 704
  948.         echo "                
  949.                 ";
  950.         // line 706
  951.         echo "                ";
  952.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 706, $this->source); })()), "request", [], "any", false, false, false, 706), "query", [], "any", false, false, false, 706), "get", [0 => "prefectures"], "method", false, false, false, 706)) {
  953.             // line 707
  954.             echo "                    <li class=\"ec-topicpath__divider\">></li>
  955.                     <li class=\"ec-topicpath__item\">
  956.                         <a href=\"";
  957.             // line 709
  958.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 710
  959. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 710, $this->source); })()), "request", [], "any", false, false, false, 710), "query", [], "any", false, false, false, 710), "get", [0 => "category_id"], "method", false, false, false, 710), "prefectures" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 711
  960. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 711, $this->source); })()), "request", [], "any", false, false, false, 711), "query", [], "any", false, false, false, 711), "get", [0 => "prefectures"], "method", false, false, false, 711)]), "html", null, true);
  961.             // line 712
  962.             echo "#contents-list\">
  963.                             ";
  964.             // line 713
  965.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 713, $this->source); })()), "request", [], "any", false, false, false, 713), "query", [], "any", false, false, false, 713), "get", [0 => "prefectures"], "method", false, false, false, 713), "html", null, true);
  966.             echo "
  967.                         </a>
  968.                     </li>
  969.                 ";
  970.         }
  971.         // line 717
  972.         echo "                
  973.                 ";
  974.         // line 719
  975.         echo "                ";
  976.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 719, $this->source); })()), "request", [], "any", false, false, false, 719), "query", [], "any", false, false, false, 719), "get", [0 => "operator"], "method", false, false, false, 719)) {
  977.             // line 720
  978.             echo "                    <li class=\"ec-topicpath__divider\">></li>
  979.                     <li class=\"ec-topicpath__item\">
  980.                             <a href=\"";
  981.             // line 722
  982.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 723
  983. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 723, $this->source); })()), "request", [], "any", false, false, false, 723), "query", [], "any", false, false, false, 723), "get", [0 => "category_id"], "method", false, false, false, 723), "operator" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 724
  984. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 724, $this->source); })()), "request", [], "any", false, false, false, 724), "query", [], "any", false, false, false, 724), "get", [0 => "operator"], "method", false, false, false, 724)]), "html", null, true);
  985.             // line 725
  986.             echo "#contents-list\">
  987.                                 ";
  988.             // line 726
  989.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 726, $this->source); })()), "request", [], "any", false, false, false, 726), "query", [], "any", false, false, false, 726), "get", [0 => "operator"], "method", false, false, false, 726), "html", null, true);
  990.             echo "
  991.                             </a>
  992.                     </li>
  993.                 ";
  994.         }
  995.         // line 730
  996.         echo "                
  997.                 ";
  998.         // line 732
  999.         echo "                ";
  1000.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 732, $this->source); })()), "request", [], "any", false, false, false, 732), "query", [], "any", false, false, false, 732), "get", [0 => "photographing_period"], "method", false, false, false, 732)) {
  1001.             // line 733
  1002.             echo "                    <li class=\"ec-topicpath__divider\">></li>
  1003.                     <li class=\"ec-topicpath__item\">
  1004.                             <a href=\"";
  1005.             // line 735
  1006.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 736
  1007. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 736, $this->source); })()), "request", [], "any", false, false, false, 736), "query", [], "any", false, false, false, 736), "get", [0 => "category_id"], "method", false, false, false, 736), "operator" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 737
  1008. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 737, $this->source); })()), "request", [], "any", false, false, false, 737), "query", [], "any", false, false, false, 737), "get", [0 => "photographing_period"], "method", false, false, false, 737)]), "html", null, true);
  1009.             // line 738
  1010.             echo "#contents-list\">
  1011.                                 ";
  1012.             // line 739
  1013.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 739, $this->source); })()), "request", [], "any", false, false, false, 739), "query", [], "any", false, false, false, 739), "get", [0 => "photographing_period"], "method", false, false, false, 739), "html", null, true);
  1014.             echo "
  1015.                             </a>
  1016.                     </li>
  1017.                 ";
  1018.         }
  1019.         // line 743
  1020.         echo "
  1021.                 ";
  1022.         // line 745
  1023.         echo "                ";
  1024.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 745, $this->source); })()), "request", [], "any", false, false, false, 745), "query", [], "any", false, false, false, 745), "get", [0 => "locations"], "method", false, false, false, 745)) {
  1025.             // line 746
  1026.             echo "                    ";
  1027.             $context['_parent'] = $context;
  1028.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 746, $this->source); })()), "request", [], "any", false, false, false, 746), "query", [], "any", false, false, false, 746), "get", [0 => "locations"], "method", false, false, false, 746));
  1029.             $context['loop'] = [
  1030.               'parent' => $context['_parent'],
  1031.               'index0' => 0,
  1032.               'index'  => 1,
  1033.               'first'  => true,
  1034.             ];
  1035.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1036.                 $length = count($context['_seq']);
  1037.                 $context['loop']['revindex0'] = $length - 1;
  1038.                 $context['loop']['revindex'] = $length;
  1039.                 $context['loop']['length'] = $length;
  1040.                 $context['loop']['last'] = 1 === $length;
  1041.             }
  1042.             foreach ($context['_seq'] as $context["_key"] => $context["location"]) {
  1043.                 // line 747
  1044.                 echo "                            ";
  1045.                 if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 747)) {
  1046.                     // line 748
  1047.                     echo "                                <li class=\"ec-topicpath__divider\">></li>
  1048.                             ";
  1049.                 } else {
  1050.                     // line 750
  1051.                     echo "                                <li class=\"ec-topicpath__divider\">・</li>
  1052.                             ";
  1053.                 }
  1054.                 // line 752
  1055.                 echo "                                <li>
  1056.                                     <a href=\"";
  1057.                 // line 753
  1058.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 754
  1059. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 754, $this->source); })()), "request", [], "any", false, false, false, 754), "query", [], "any", false, false, false, 754), "get", [0 => "category_id"], "method", false, false, false, 754), "locations[]" =>                 // line 755
  1060. $context["location"]]), "html", null, true);
  1061.                 // line 756
  1062.                 echo "#contents-list\">
  1063.                                         ";
  1064.                 // line 757
  1065.                 echo twig_escape_filter($this->env, $context["location"], "html", null, true);
  1066.                 echo "
  1067.                                     </a>
  1068.                                 </li>
  1069.                     ";
  1070.                 ++$context['loop']['index0'];
  1071.                 ++$context['loop']['index'];
  1072.                 $context['loop']['first'] = false;
  1073.                 if (isset($context['loop']['length'])) {
  1074.                     --$context['loop']['revindex0'];
  1075.                     --$context['loop']['revindex'];
  1076.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1077.                 }
  1078.             }
  1079.             $_parent = $context['_parent'];
  1080.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['location'], $context['_parent'], $context['loop']);
  1081.             $context = array_intersect_key($context, $_parent) + $_parent;
  1082.             // line 761
  1083.             echo "                ";
  1084.         }
  1085.         // line 762
  1086.         echo "                
  1087.                 ";
  1088.         // line 764
  1089.         echo "                ";
  1090.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 764, $this->source); })()), "request", [], "any", false, false, false, 764), "query", [], "any", false, false, false, 764), "get", [0 => "weathers"], "method", false, false, false, 764)) {
  1091.             // line 765
  1092.             echo "                    ";
  1093.             $context['_parent'] = $context;
  1094.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 765, $this->source); })()), "request", [], "any", false, false, false, 765), "query", [], "any", false, false, false, 765), "get", [0 => "weathers"], "method", false, false, false, 765));
  1095.             $context['loop'] = [
  1096.               'parent' => $context['_parent'],
  1097.               'index0' => 0,
  1098.               'index'  => 1,
  1099.               'first'  => true,
  1100.             ];
  1101.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1102.                 $length = count($context['_seq']);
  1103.                 $context['loop']['revindex0'] = $length - 1;
  1104.                 $context['loop']['revindex'] = $length;
  1105.                 $context['loop']['length'] = $length;
  1106.                 $context['loop']['last'] = 1 === $length;
  1107.             }
  1108.             foreach ($context['_seq'] as $context["_key"] => $context["weather"]) {
  1109.                 // line 766
  1110.                 echo "                            ";
  1111.                 if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 766)) {
  1112.                     // line 767
  1113.                     echo "                                <li class=\"ec-topicpath__divider\">></li>
  1114.                             ";
  1115.                 } else {
  1116.                     // line 769
  1117.                     echo "                                <li class=\"ec-topicpath__divider\">・</li>
  1118.                             ";
  1119.                 }
  1120.                 // line 771
  1121.                 echo "                                <li>
  1122.                                     <a href=\"";
  1123.                 // line 772
  1124.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 773
  1125. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 773, $this->source); })()), "request", [], "any", false, false, false, 773), "query", [], "any", false, false, false, 773), "get", [0 => "category_id"], "method", false, false, false, 773), "weathers[]" =>                 // line 774
  1126. $context["weather"]]), "html", null, true);
  1127.                 // line 775
  1128.                 echo "#contents-list\">
  1129.                                         ";
  1130.                 // line 776
  1131.                 echo twig_escape_filter($this->env, $context["weather"], "html", null, true);
  1132.                 echo "
  1133.                                     </a>
  1134.                                 </li>
  1135.                     ";
  1136.                 ++$context['loop']['index0'];
  1137.                 ++$context['loop']['index'];
  1138.                 $context['loop']['first'] = false;
  1139.                 if (isset($context['loop']['length'])) {
  1140.                     --$context['loop']['revindex0'];
  1141.                     --$context['loop']['revindex'];
  1142.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1143.                 }
  1144.             }
  1145.             $_parent = $context['_parent'];
  1146.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['weather'], $context['_parent'], $context['loop']);
  1147.             $context = array_intersect_key($context, $_parent) + $_parent;
  1148.             // line 780
  1149.             echo "                ";
  1150.         }
  1151.         // line 781
  1152.         echo "
  1153.                 ";
  1154.         // line 783
  1155.         echo "                ";
  1156.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 783, $this->source); })()), "request", [], "any", false, false, false, 783), "query", [], "any", false, false, false, 783), "get", [0 => "camera_angles"], "method", false, false, false, 783)) {
  1157.             // line 784
  1158.             echo "                    ";
  1159.             $context['_parent'] = $context;
  1160.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 784, $this->source); })()), "request", [], "any", false, false, false, 784), "query", [], "any", false, false, false, 784), "get", [0 => "camera_angles"], "method", false, false, false, 784));
  1161.             $context['loop'] = [
  1162.               'parent' => $context['_parent'],
  1163.               'index0' => 0,
  1164.               'index'  => 1,
  1165.               'first'  => true,
  1166.             ];
  1167.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1168.                 $length = count($context['_seq']);
  1169.                 $context['loop']['revindex0'] = $length - 1;
  1170.                 $context['loop']['revindex'] = $length;
  1171.                 $context['loop']['length'] = $length;
  1172.                 $context['loop']['last'] = 1 === $length;
  1173.             }
  1174.             foreach ($context['_seq'] as $context["_key"] => $context["camera_angle"]) {
  1175.                 // line 785
  1176.                 echo "                            ";
  1177.                 if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 785)) {
  1178.                     // line 786
  1179.                     echo "                                <li class=\"ec-topicpath__divider\">></li>
  1180.                             ";
  1181.                 } else {
  1182.                     // line 788
  1183.                     echo "                                <li class=\"ec-topicpath__divider\">・</li>
  1184.                             ";
  1185.                 }
  1186.                 // line 790
  1187.                 echo "                                <li>
  1188.                                     <a href=\"";
  1189.                 // line 791
  1190.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 792
  1191. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 792, $this->source); })()), "request", [], "any", false, false, false, 792), "query", [], "any", false, false, false, 792), "get", [0 => "category_id"], "method", false, false, false, 792), "camera_angles[]" =>                 // line 793
  1192. $context["camera_angle"]]), "html", null, true);
  1193.                 // line 794
  1194.                 echo "#contents-list\">
  1195.                                         ";
  1196.                 // line 795
  1197.                 echo twig_escape_filter($this->env, $context["camera_angle"], "html", null, true);
  1198.                 echo "
  1199.                                     </a>
  1200.                                 </li>
  1201.                     ";
  1202.                 ++$context['loop']['index0'];
  1203.                 ++$context['loop']['index'];
  1204.                 $context['loop']['first'] = false;
  1205.                 if (isset($context['loop']['length'])) {
  1206.                     --$context['loop']['revindex0'];
  1207.                     --$context['loop']['revindex'];
  1208.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1209.                 }
  1210.             }
  1211.             $_parent = $context['_parent'];
  1212.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['camera_angle'], $context['_parent'], $context['loop']);
  1213.             $context = array_intersect_key($context, $_parent) + $_parent;
  1214.             // line 799
  1215.             echo "                ";
  1216.         }
  1217.         // line 800
  1218.         echo "
  1219.                 ";
  1220.         // line 802
  1221.         echo "                ";
  1222.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 802, $this->source); })()), "request", [], "any", false, false, false, 802), "query", [], "any", false, false, false, 802), "get", [0 => "color_types"], "method", false, false, false, 802)) {
  1223.             // line 803
  1224.             echo "                    ";
  1225.             $context['_parent'] = $context;
  1226.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 803, $this->source); })()), "request", [], "any", false, false, false, 803), "query", [], "any", false, false, false, 803), "get", [0 => "color_types"], "method", false, false, false, 803));
  1227.             $context['loop'] = [
  1228.               'parent' => $context['_parent'],
  1229.               'index0' => 0,
  1230.               'index'  => 1,
  1231.               'first'  => true,
  1232.             ];
  1233.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1234.                 $length = count($context['_seq']);
  1235.                 $context['loop']['revindex0'] = $length - 1;
  1236.                 $context['loop']['revindex'] = $length;
  1237.                 $context['loop']['length'] = $length;
  1238.                 $context['loop']['last'] = 1 === $length;
  1239.             }
  1240.             foreach ($context['_seq'] as $context["_key"] => $context["color_type"]) {
  1241.                 // line 804
  1242.                 echo "                            ";
  1243.                 if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 804)) {
  1244.                     // line 805
  1245.                     echo "                                <li class=\"ec-topicpath__divider\">></li>
  1246.                             ";
  1247.                 } else {
  1248.                     // line 807
  1249.                     echo "                                <li class=\"ec-topicpath__divider\">・</li>
  1250.                             ";
  1251.                 }
  1252.                 // line 809
  1253.                 echo "                                <li>
  1254.                                     <a href=\"";
  1255.                 // line 810
  1256.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 811
  1257. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 811, $this->source); })()), "request", [], "any", false, false, false, 811), "query", [], "any", false, false, false, 811), "get", [0 => "category_id"], "method", false, false, false, 811), "color_types[]" =>                 // line 812
  1258. $context["color_type"]]), "html", null, true);
  1259.                 // line 813
  1260.                 echo "#contents-list\">
  1261.                                         ";
  1262.                 // line 814
  1263.                 echo twig_escape_filter($this->env, $context["color_type"], "html", null, true);
  1264.                 echo "撮影
  1265.                                     </a>
  1266.                                 </li>
  1267.                     ";
  1268.                 ++$context['loop']['index0'];
  1269.                 ++$context['loop']['index'];
  1270.                 $context['loop']['first'] = false;
  1271.                 if (isset($context['loop']['length'])) {
  1272.                     --$context['loop']['revindex0'];
  1273.                     --$context['loop']['revindex'];
  1274.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1275.                 }
  1276.             }
  1277.             $_parent = $context['_parent'];
  1278.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['color_type'], $context['_parent'], $context['loop']);
  1279.             $context = array_intersect_key($context, $_parent) + $_parent;
  1280.             // line 818
  1281.             echo "                ";
  1282.         }
  1283.         // line 819
  1284.         echo "
  1285.                 ";
  1286.         // line 821
  1287.         echo "                ";
  1288.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 821, $this->source); })()), "request", [], "any", false, false, false, 821), "query", [], "any", false, false, false, 821), "get", [0 => "features"], "method", false, false, false, 821)) {
  1289.             // line 822
  1290.             echo "                    ";
  1291.             $context['_parent'] = $context;
  1292.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 822, $this->source); })()), "request", [], "any", false, false, false, 822), "query", [], "any", false, false, false, 822), "get", [0 => "features"], "method", false, false, false, 822));
  1293.             $context['loop'] = [
  1294.               'parent' => $context['_parent'],
  1295.               'index0' => 0,
  1296.               'index'  => 1,
  1297.               'first'  => true,
  1298.             ];
  1299.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1300.                 $length = count($context['_seq']);
  1301.                 $context['loop']['revindex0'] = $length - 1;
  1302.                 $context['loop']['revindex'] = $length;
  1303.                 $context['loop']['length'] = $length;
  1304.                 $context['loop']['last'] = 1 === $length;
  1305.             }
  1306.             foreach ($context['_seq'] as $context["_key"] => $context["feature"]) {
  1307.                 // line 823
  1308.                 echo "                            ";
  1309.                 if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 823)) {
  1310.                     // line 824
  1311.                     echo "                                <li class=\"ec-topicpath__divider\">></li>
  1312.                             ";
  1313.                 } else {
  1314.                     // line 826
  1315.                     echo "                                <li class=\"ec-topicpath__divider\">・</li>
  1316.                             ";
  1317.                 }
  1318.                 // line 828
  1319.                 echo "                                <li>
  1320.                                     <a href=\"";
  1321.                 // line 829
  1322.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                 // line 830
  1323. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 830, $this->source); })()), "request", [], "any", false, false, false, 830), "query", [], "any", false, false, false, 830), "get", [0 => "category_id"], "method", false, false, false, 830), "features[]" =>                 // line 831
  1324. $context["feature"]]), "html", null, true);
  1325.                 // line 832
  1326.                 echo "#contents-list\">
  1327.                                         ";
  1328.                 // line 833
  1329.                 echo twig_escape_filter($this->env, $context["feature"], "html", null, true);
  1330.                 echo "
  1331.                                     </a>
  1332.                                 </li>
  1333.                     ";
  1334.                 ++$context['loop']['index0'];
  1335.                 ++$context['loop']['index'];
  1336.                 $context['loop']['first'] = false;
  1337.                 if (isset($context['loop']['length'])) {
  1338.                     --$context['loop']['revindex0'];
  1339.                     --$context['loop']['revindex'];
  1340.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1341.                 }
  1342.             }
  1343.             $_parent = $context['_parent'];
  1344.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['feature'], $context['_parent'], $context['loop']);
  1345.             $context = array_intersect_key($context, $_parent) + $_parent;
  1346.             // line 837
  1347.             echo "                ";
  1348.         }
  1349.         // line 838
  1350.         echo "            </ol>
  1351.         </div>
  1352.     <!-- カテゴリ検索 -->
  1353.     ";
  1354.         // line 841
  1355.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 841, $this->source); })()), "request", [], "any", false, false, false, 841), "query", [], "any", false, false, false, 841), "get", [0 => "category_id"], "method", false, false, false, 841) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 841, $this->source); })()), "request", [], "any", false, false, false, 841), "query", [], "any", false, false, false, 841), "get", [0 => "search_parent_id"], "method", false, false, false, 841))) {
  1356.             // line 842
  1357.             echo "        <form action=\"";
  1358.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("photo-product_list");
  1359.             echo "#contents-list\" method=\"get\" class=\"tab\" >
  1360.             <ul class=\"tab-list\">
  1361.                 ";
  1362.             // line 844
  1363.             $context['_parent'] = $context;
  1364.             $context['_seq'] = twig_ensure_traversable((isset($context["Categories"]) || array_key_exists("Categories", $context) ? $context["Categories"] : (function () { throw new RuntimeError('Variable "Categories" does not exist.', 844, $this->source); })()));
  1365.             foreach ($context['_seq'] as $context["_key"] => $context["tab"]) {
  1366.                 // line 845
  1367.                 echo "                    ";
  1368.                 $context['_parent'] = $context;
  1369.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["tab"], "Children", [], "any", false, false, false, 845));
  1370.                 foreach ($context['_seq'] as $context["_key"] => $context["children"]) {
  1371.                     // line 846
  1372.                     echo "                        ";
  1373.                     $context["children_ids"] = [];
  1374.                     // line 847
  1375.                     echo "                        ";
  1376.                     $context['_parent'] = $context;
  1377.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["children"], "Children", [], "any", false, false, false, 847));
  1378.                     foreach ($context['_seq'] as $context["_key"] => $context["grandChild"]) {
  1379.                         // line 848
  1380.                         echo "                            ";
  1381.                         $context["children_ids"] = twig_array_merge((isset($context["children_ids"]) || array_key_exists("children_ids", $context) ? $context["children_ids"] : (function () { throw new RuntimeError('Variable "children_ids" does not exist.', 848, $this->source); })()), [0 => twig_get_attribute($this->env, $this->source, $context["grandChild"], "id", [], "any", false, false, false, 848)]);
  1382.                         // line 849
  1383.                         echo "                        ";
  1384.                     }
  1385.                     $_parent = $context['_parent'];
  1386.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['grandChild'], $context['_parent'], $context['loop']);
  1387.                     $context = array_intersect_key($context, $_parent) + $_parent;
  1388.                     // line 850
  1389.                     echo "                            ";
  1390.                     if ((((twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 850) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 850, $this->source); })()), "request", [], "any", false, false, false, 850), "query", [], "any", false, false, false, 850), "get", [0 => "category_id"], "method", false, false, false, 850)) || (twig_get_attribute($this->env, $this->source,                     // line 851
  1391. $context["children"], "id", [], "any", false, false, false, 851) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 851, $this->source); })()), "request", [], "any", false, false, false, 851), "query", [], "any", false, false, false, 851), "get", [0 => "search_parent_id"], "method", false, false, false, 851))) || twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 852
  1392. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 852, $this->source); })()), "request", [], "any", false, false, false, 852), "query", [], "any", false, false, false, 852), "get", [0 => "category_id"], "method", false, false, false, 852), (isset($context["children_ids"]) || array_key_exists("children_ids", $context) ? $context["children_ids"] : (function () { throw new RuntimeError('Variable "children_ids" does not exist.', 852, $this->source); })())))) {
  1393.                         // line 854
  1394.                         echo "                                <li class=\"tab-item active\" tabindex=\"0\" id=\"";
  1395.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 854), "html", null, true);
  1396.                         echo "\">
  1397.                                     <a href=\"";
  1398.                         // line 855
  1399.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 855)]), "html", null, true);
  1400.                         echo "\">";
  1401.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "name", [], "any", false, false, false, 855), "html", null, true);
  1402.                         echo "</a>
  1403.                                 </li>
  1404.                             ";
  1405.                     } else {
  1406.                         // line 858
  1407.                         echo "                                <li class=\"tab-item\" tabindex=\"0\" id=\"";
  1408.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 858), "html", null, true);
  1409.                         echo "\">
  1410.                                     <a href=\"";
  1411.                         // line 859
  1412.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_list", ["category_id" => twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 859)]), "html", null, true);
  1413.                         echo "\">";
  1414.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "name", [], "any", false, false, false, 859), "html", null, true);
  1415.                         echo "</a>
  1416.                                 </li>
  1417.                             ";
  1418.                     }
  1419.                     // line 862
  1420.                     echo "                    ";
  1421.                 }
  1422.                 $_parent = $context['_parent'];
  1423.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['children'], $context['_parent'], $context['loop']);
  1424.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1425.                 // line 863
  1426.                 echo "                ";
  1427.             }
  1428.             $_parent = $context['_parent'];
  1429.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['tab'], $context['_parent'], $context['loop']);
  1430.             $context = array_intersect_key($context, $_parent) + $_parent;
  1431.             // line 864
  1432.             echo "            </ul>
  1433.             <div class=\"search-form-box\">
  1434.                 <section id=\"freeword\" class=\"search-section js-accordion\" data-open=\"1\">
  1435.                     <header class=\"search-section__header\">
  1436.                         <div class=\"search-title\">
  1437.                             <img src=\"";
  1438.             // line 869
  1439.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/icon/btn_ic_search.svg ", "user_data"), "html", null, true);
  1440.             echo "\" class=\"ic\" style=\"width: auto\"><h3>フリーワード検索</h3>
  1441.                         </div>
  1442.                         <button type=\"button\"
  1443.                             class=\"accordion-toggle js-accordion-toggle\"
  1444.                             aria-controls=\"freeword-panel\"
  1445.                             aria-expanded=\"true\"
  1446.                             title=\"閉じる\">
  1447.                             <span class=\"visually-hidden\">フリーワード検索を開閉</span>
  1448.                         </button>
  1449.                     </header>
  1450.                     <div id=\"freeword-panel\"
  1451.                         class=\"search-section__panel js-accordion-panel\"
  1452.                         aria-hidden=\"false\">
  1453.                         <div class=\"search-form-content\">
  1454.                             <div class=\"search-form-item\">
  1455.                                 <input type=\"text\" name=\"name\" class=\"search-form-input\"
  1456.                                  placeholder=\"駅名・線路名・形式・撮影者名など自由に検索できます\"
  1457.                                 ";
  1458.             // line 886
  1459.             if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 886, $this->source); })()), "vars", [], "any", false, false, false, 886), "value", [], "any", false, false, false, 886), "name", [], "any", false, false, false, 886) && ( !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 887
  1460. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 887, $this->source); })()), "request", [], "any", false, false, false, 887), "query", [], "any", false, false, false, 887), "get", [0 => "search_parent_id"], "method", false, false, false, 887)) ||  !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 887, $this->source); })()), "request", [], "any", false, false, false, 887), "query", [], "any", false, false, false, 887), "get", [0 => "category_id"], "method", false, false, false, 887))))) {
  1461.                 // line 888
  1462.                 echo "                                value=\"";
  1463.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 888, $this->source); })()), "vars", [], "any", false, false, false, 888), "value", [], "any", false, false, false, 888), "name", [], "any", false, false, false, 888), "html", null, true);
  1464.                 echo "\"
  1465.                                 ";
  1466.             }
  1467.             // line 890
  1468.             echo "                                >
  1469.                             </div>
  1470.                         </div>
  1471.                         <div class=\"sp-center\">
  1472.                             <button type=\"submit\" class=\"category-btn word-search\">
  1473.                                 <img src=\"";
  1474.             // line 895
  1475.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/icon/btn_ic_search.svg ", "user_data"), "html", null, true);
  1476.             echo "\" alt=\"お気に入り\">
  1477.                                 検索
  1478.                             </button>
  1479.                         </div>
  1480.                     </div>
  1481.                 </section>
  1483.                 <section id=\"details\" class=\"search-section js-accordion\" data-open=\"0\">
  1484.                     <header class=\"search-section__header\">
  1485.                         <div class=\"search-title\">
  1486.                             <img src=\"";
  1487.             // line 905
  1488.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/icon/title_ic_filter.svg ", "user_data"), "html", null, true);
  1489.             echo "\" class=\"ic\" style=\"width: auto\"><h3>詳細フィルター</h3>
  1490.                         </div>
  1491.                         <button type=\"button\"
  1492.                                 class=\"accordion-toggle js-accordion-toggle\"
  1493.                                 aria-controls=\"details-panel\"
  1494.                                 aria-expanded=\"false\"
  1495.                                 title=\"開く\">
  1496.                           <span class=\"visually-hidden\">詳細フィルターを開閉</span>
  1497.                         </button>
  1498.                     </header>
  1500.                     <div id=\"details-panel\"
  1501.                         class=\"search-section__panel js-accordion-panel\"
  1502.                         hidden aria-hidden=\"true\">
  1503.                         <div class=\"search-base-content\">
  1504.                             <div class=\"search-base-item\">
  1505.                                 <h4 class=\"search-subtitle\"><label for=\"pref-select\">撮影地（都道府県）</label></h4>
  1506.                                 <div class=\"select\">
  1507.                                     <select name=\"prefectures\" id=\"pref-select\">
  1508.                                         <option value=\"\">選択</option>
  1509.                                         ";
  1510.             // line 925
  1511.             if ( !twig_test_empty((isset($context["prefectures"]) || array_key_exists("prefectures", $context) ? $context["prefectures"] : (function () { throw new RuntimeError('Variable "prefectures" does not exist.', 925, $this->source); })()))) {
  1512.                 // line 926
  1513.                 echo "                                            ";
  1514.                 $context['_parent'] = $context;
  1515.                 $context['_seq'] = twig_ensure_traversable((isset($context["prefectures"]) || array_key_exists("prefectures", $context) ? $context["prefectures"] : (function () { throw new RuntimeError('Variable "prefectures" does not exist.', 926, $this->source); })()));
  1516.                 foreach ($context['_seq'] as $context["_key"] => $context["prefecture"]) {
  1517.                     // line 927
  1518.                     echo "                                                <option value=\"";
  1519.                     echo twig_escape_filter($this->env, $context["prefecture"], "html", null, true);
  1520.                     echo "\"
  1521.                                                 ";
  1522.                     // line 928
  1523.                     if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 928, $this->source); })()), "request", [], "any", false, false, false, 928), "query", [], "any", false, false, false, 928), "get", [0 => "prefectures"], "method", false, false, false, 928) && ($context["prefecture"] == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 928, $this->source); })()), "request", [], "any", false, false, false, 928), "query", [], "any", false, false, false, 928), "get", [0 => "prefectures"], "method", false, false, false, 928)))) {
  1524.                         // line 929
  1525.                         echo "                                                    selected
  1526.                                                 ";
  1527.                     }
  1528.                     // line 930
  1529.                     echo "                                        
  1530.                                                 >";
  1531.                     // line 931
  1532.                     echo twig_escape_filter($this->env, $context["prefecture"], "html", null, true);
  1533.                     echo "</option>
  1534.                                             ";
  1535.                 }
  1536.                 $_parent = $context['_parent'];
  1537.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['prefecture'], $context['_parent'], $context['loop']);
  1538.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1539.                 // line 933
  1540.                 echo "                                        ";
  1541.             } else {
  1542.                 // line 934
  1543.                 echo "                                            <option value=\"\">該当なし</option>
  1544.                                         ";
  1545.             }
  1546.             // line 936
  1547.             echo "                                    </select>
  1548.                                 </div>
  1549.                             </div>
  1550.                             
  1551.                             <div class=\"search-base-item\">
  1552.                                 <h4 class=\"search-subtitle\"><label for=\"period-select\">年代</label></h4>
  1553.                                 <div class=\"select\">
  1554.                                     <select name=\"photographing_period\" id=\"period-select\" >
  1555.                                         <option value=\"\">選択</option>
  1556.                                         ";
  1557.             // line 945
  1558.             if ( !twig_test_empty((isset($context["photographing_periods"]) || array_key_exists("photographing_periods", $context) ? $context["photographing_periods"] : (function () { throw new RuntimeError('Variable "photographing_periods" does not exist.', 945, $this->source); })()))) {
  1559.                 // line 946
  1560.                 echo "                                            ";
  1561.                 $context['_parent'] = $context;
  1562.                 $context['_seq'] = twig_ensure_traversable(twig_sort_filter($this->env, (isset($context["photographing_periods"]) || array_key_exists("photographing_periods", $context) ? $context["photographing_periods"] : (function () { throw new RuntimeError('Variable "photographing_periods" does not exist.', 946, $this->source); })())));
  1563.                 foreach ($context['_seq'] as $context["_key"] => $context["photographing_period"]) {
  1564.                     // line 947
  1565.                     echo "                                                <option value=\"";
  1566.                     echo twig_escape_filter($this->env, $context["photographing_period"], "html", null, true);
  1567.                     echo "\"
  1568.                                                 ";
  1569.                     // line 948
  1570.                     if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 948, $this->source); })()), "request", [], "any", false, false, false, 948), "query", [], "any", false, false, false, 948), "get", [0 => "photographing_period"], "method", false, false, false, 948) && ($context["photographing_period"] == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 948, $this->source); })()), "request", [], "any", false, false, false, 948), "query", [], "any", false, false, false, 948), "get", [0 => "photographing_period"], "method", false, false, false, 948)))) {
  1571.                         // line 949
  1572.                         echo "                                                    selected
  1573.                                                 ";
  1574.                     }
  1575.                     // line 950
  1576.                     echo "  
  1577.                                                 >";
  1578.                     // line 951
  1579.                     echo twig_escape_filter($this->env, $context["photographing_period"], "html", null, true);
  1580.                     echo "</option>
  1581.                                             ";
  1582.                 }
  1583.                 $_parent = $context['_parent'];
  1584.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['photographing_period'], $context['_parent'], $context['loop']);
  1585.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1586.                 // line 953
  1587.                 echo "                                        ";
  1588.             } else {
  1589.                 // line 954
  1590.                 echo "                                            <option value=\"\">該当なし</option>
  1591.                                         ";
  1592.             }
  1593.             // line 956
  1594.             echo "                                    </select>
  1595.                                 </div>
  1596.                             </div>
  1597.                         </div>
  1598.                         
  1599.                         <div class=\"search-filter-content\">
  1600.                             <h4 class=\"search-subtitle\"><legend>撮影アングル</legend></h4> 
  1601.                             <div class=\"search-filter-list\">
  1602.                                 ";
  1603.             // line 964
  1604.             if ( !twig_test_empty((isset($context["camera_angles"]) || array_key_exists("camera_angles", $context) ? $context["camera_angles"] : (function () { throw new RuntimeError('Variable "camera_angles" does not exist.', 964, $this->source); })()))) {
  1605.                 // line 965
  1606.                 echo "                                    ";
  1607.                 $context['_parent'] = $context;
  1608.                 $context['_seq'] = twig_ensure_traversable((isset($context["camera_angles"]) || array_key_exists("camera_angles", $context) ? $context["camera_angles"] : (function () { throw new RuntimeError('Variable "camera_angles" does not exist.', 965, $this->source); })()));
  1609.                 foreach ($context['_seq'] as $context["_key"] => $context["camera_angle"]) {
  1610.                     // line 966
  1611.                     echo "                                        <label class=\"filter-checkbox-item\">
  1612.                                             <input type=\"checkbox\" name=\"camera_angles[]\" value=\"";
  1613.                     // line 967
  1614.                     echo twig_escape_filter($this->env, $context["camera_angle"], "html", null, true);
  1615.                     echo "\"
  1616.                                                 ";
  1617.                     // line 968
  1618.                     if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 968, $this->source); })()), "request", [], "any", false, false, false, 968), "query", [], "any", false, false, false, 968), "get", [0 => "camera_angles"], "method", false, false, false, 968) && twig_in_filter($context["camera_angle"], twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 968, $this->source); })()), "request", [], "any", false, false, false, 968), "query", [], "any", false, false, false, 968), "get", [0 => "camera_angles"], "method", false, false, false, 968)))) {
  1619.                         // line 969
  1620.                         echo "                                                    checked
  1621.                                                 ";
  1622.                     }
  1623.                     // line 970
  1624.                     echo "    
  1625.                                             >";
  1626.                     // line 971
  1627.                     echo twig_escape_filter($this->env, $context["camera_angle"], "html", null, true);
  1628.                     echo "
  1629.                                         </label>
  1630.                                     ";
  1631.                 }
  1632.                 $_parent = $context['_parent'];
  1633.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['camera_angle'], $context['_parent'], $context['loop']);
  1634.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1635.                 // line 974
  1636.                 echo "                                ";
  1637.             } else {
  1638.                 // line 975
  1639.                 echo "                                    <p>該当する検索候補がありません。</p>
  1640.                                 ";
  1641.             }
  1642.             // line 977
  1643.             echo "                            </div>
  1644.         
  1645.                             <h4 class=\"search-subtitle\"><legend>カラー種別</legend></h4> ";
  1646.             // line 980
  1647.             echo "                            <div class=\"search-filter-list\">
  1648.                                 ";
  1649.             // line 981
  1650.             if ( !twig_test_empty((isset($context["color_types"]) || array_key_exists("color_types", $context) ? $context["color_types"] : (function () { throw new RuntimeError('Variable "color_types" does not exist.', 981, $this->source); })()))) {
  1651.                 // line 982
  1652.                 echo "                                    ";
  1653.                 $context['_parent'] = $context;
  1654.                 $context['_seq'] = twig_ensure_traversable((isset($context["color_types"]) || array_key_exists("color_types", $context) ? $context["color_types"] : (function () { throw new RuntimeError('Variable "color_types" does not exist.', 982, $this->source); })()));
  1655.                 foreach ($context['_seq'] as $context["_key"] => $context["color_type"]) {
  1656.                     // line 983
  1657.                     echo "                                        <label class=\"filter-checkbox-item\">
  1658.                                             <input type=\"checkbox\" name=\"color_types[]\" value=\"";
  1659.                     // line 984
  1660.                     echo twig_escape_filter($this->env, $context["color_type"], "html", null, true);
  1661.                     echo "\"
  1662.                                                 ";
  1663.                     // line 985
  1664.                     if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 985, $this->source); })()), "request", [], "any", false, false, false, 985), "query", [], "any", false, false, false, 985), "get", [0 => "color_types"], "method", false, false, false, 985) && twig_in_filter($context["color_type"], twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 985, $this->source); })()), "request", [], "any", false, false, false, 985), "query", [], "any", false, false, false, 985), "get", [0 => "color_types"], "method", false, false, false, 985)))) {
  1665.                         // line 986
  1666.                         echo "                                                    checked
  1667.                                                 ";
  1668.                     }
  1669.                     // line 988
  1670.                     echo "                                            >";
  1671.                     echo twig_escape_filter($this->env, $context["color_type"], "html", null, true);
  1672.                     echo "
  1673.                                         </label>
  1674.                                     ";
  1675.                 }
  1676.                 $_parent = $context['_parent'];
  1677.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['color_type'], $context['_parent'], $context['loop']);
  1678.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1679.                 // line 991
  1680.                 echo "                                ";
  1681.             } else {
  1682.                 // line 992
  1683.                 echo "                                    <p>該当する検索候補がありません。</p>
  1684.                                 ";
  1685.             }
  1686.             // line 994
  1687.             echo "                            </div>
  1688.                         </div>
  1689.                         <div class=\"sp-center\">
  1690.                             <button type=\"submit\" class=\"category-btn word-search\">
  1691.                                 <img src=\"";
  1692.             // line 998
  1693.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/icon/btn_ic_search.svg ", "user_data"), "html", null, true);
  1694.             echo "\" alt=\"お気に入り\">
  1695.                                 検索
  1696.                             </button>
  1697.                         </div>
  1698.                     </div>
  1699.                 </section>
  1700.             </div>
  1701.             ";
  1702.             // line 1005
  1703.             if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1005, $this->source); })()), "request", [], "any", false, false, false, 1005), "query", [], "any", false, false, false, 1005), "get", [0 => "category_id"], "method", false, false, false, 1005) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1005, $this->source); })()), "request", [], "any", false, false, false, 1005), "query", [], "any", false, false, false, 1005), "get", [0 => "search_parent_id"], "method", false, false, false, 1005))) {
  1704.                 // line 1006
  1705.                 echo "                <input type=\"hidden\" name=\"category_id\" value=\"";
  1706.                 echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1006, $this->source); })()), "request", [], "any", false, false, false, 1006), "query", [], "any", false, false, false, 1006), "get", [0 => "category_id"], "method", false, false, false, 1006)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1006, $this->source); })()), "request", [], "any", false, false, false, 1006), "query", [], "any", false, false, false, 1006), "get", [0 => "category_id"], "method", false, false, false, 1006)) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1006, $this->source); })()), "request", [], "any", false, false, false, 1006), "query", [], "any", false, false, false, 1006), "get", [0 => "search_parent_id"], "method", false, false, false, 1006))), "html", null, true);
  1707.                 echo "\">
  1708.             ";
  1709.             }
  1710.             // line 1008
  1711.             echo "        </form>
  1712.     ";
  1713.         }
  1714.         // line 1010
  1715.         echo "<section class=\"contents-list\" id=\"contents-list\">
  1716. \t<!-- 商品リスト -->
  1718. \t<div class=\"list-view\">
  1719. \t\t<div class=\"list-title\">
  1720. \t\t    <div class=\"list-title-left\">
  1721. \t\t        ";
  1722.         // line 1017
  1723.         echo "                ";
  1724.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1017, $this->source); })()), "request", [], "any", false, false, false, 1017), "query", [], "any", false, false, false, 1017), "get", [0 => "category_id"], "method", false, false, false, 1017)) {
  1725.             // line 1018
  1726.             echo "                        <h2 class=\"ec-topicpath__title\">";
  1727.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 1018, $this->source); })()), "name", [], "any", false, false, false, 1018), "html", null, true);
  1728.             echo "<span>の写真</span></h2>
  1729.                         ";
  1730.             // line 1019
  1731.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 1019, $this->source); })()), "vars", [], "any", false, false, false, 1019), "value", [], "any", false, false, false, 1019), "name", [], "any", false, false, false, 1019)) {
  1732.                 // line 1020
  1733.                 echo "                            <p class=\"ec-topicpath__item\">　>　";
  1734.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 1020, $this->source); })()), "vars", [], "any", false, false, false, 1020), "value", [], "any", false, false, false, 1020), "name", [], "any", false, false, false, 1020), "html", null, true);
  1735.                 echo "</p>
  1736.                         ";
  1737.             }
  1738.             // line 1022
  1739.             echo "                        ";
  1740.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1022, $this->source); })()), "request", [], "any", false, false, false, 1022), "query", [], "any", false, false, false, 1022), "get", [0 => "prefectures"], "method", false, false, false, 1022)) {
  1741.                 // line 1023
  1742.                 echo "                            <p class=\"ec-topicpath__item\">　>　";
  1743.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1023, $this->source); })()), "request", [], "any", false, false, false, 1023), "query", [], "any", false, false, false, 1023), "get", [0 => "prefectures"], "method", false, false, false, 1023), "html", null, true);
  1744.                 echo "</p>
  1745.                         ";
  1746.             }
  1747.             // line 1025
  1748.             echo "                        ";
  1749.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1025, $this->source); })()), "request", [], "any", false, false, false, 1025), "query", [], "any", false, false, false, 1025), "get", [0 => "operator"], "method", false, false, false, 1025)) {
  1750.                 // line 1026
  1751.                 echo "                            <p class=\"ec-topicpath__item\">　>　";
  1752.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1026, $this->source); })()), "request", [], "any", false, false, false, 1026), "query", [], "any", false, false, false, 1026), "get", [0 => "operator"], "method", false, false, false, 1026), "html", null, true);
  1753.                 echo "</p>
  1754.                         ";
  1755.             }
  1756.             // line 1028
  1757.             echo "                        ";
  1758.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1028, $this->source); })()), "request", [], "any", false, false, false, 1028), "query", [], "any", false, false, false, 1028), "get", [0 => "photographing_period"], "method", false, false, false, 1028)) {
  1759.                 // line 1029
  1760.                 echo "                            <p class=\"ec-topicpath__item\">　>　";
  1761.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1029, $this->source); })()), "request", [], "any", false, false, false, 1029), "query", [], "any", false, false, false, 1029), "get", [0 => "photographing_period"], "method", false, false, false, 1029), "html", null, true);
  1762.                 echo "</p>
  1763.                         ";
  1764.             }
  1765.             // line 1031
  1766.             echo "                        ";
  1767.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1031, $this->source); })()), "request", [], "any", false, false, false, 1031), "query", [], "any", false, false, false, 1031), "get", [0 => "locations"], "method", false, false, false, 1031)) {
  1768.                 // line 1032
  1769.                 echo "                            <p class=\"ec-topicpath__item\">
  1770.                             ";
  1771.                 // line 1033
  1772.                 $context['_parent'] = $context;
  1773.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1033, $this->source); })()), "request", [], "any", false, false, false, 1033), "query", [], "any", false, false, false, 1033), "get", [0 => "locations"], "method", false, false, false, 1033));
  1774.                 $context['loop'] = [
  1775.                   'parent' => $context['_parent'],
  1776.                   'index0' => 0,
  1777.                   'index'  => 1,
  1778.                   'first'  => true,
  1779.                 ];
  1780.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1781.                     $length = count($context['_seq']);
  1782.                     $context['loop']['revindex0'] = $length - 1;
  1783.                     $context['loop']['revindex'] = $length;
  1784.                     $context['loop']['length'] = $length;
  1785.                     $context['loop']['last'] = 1 === $length;
  1786.                 }
  1787.                 foreach ($context['_seq'] as $context["_key"] => $context["location"]) {
  1788.                     // line 1034
  1789.                     echo "                                ";
  1790.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1034)) {
  1791.                         // line 1035
  1792.                         echo "                                    　>　";
  1793.                         echo twig_escape_filter($this->env, $context["location"], "html", null, true);
  1794.                         echo "
  1795.                                 ";
  1796.                     } else {
  1797.                         // line 1037
  1798.                         echo "                                    <span class=\"ec-topicpath__item\">・";
  1799.                         echo twig_escape_filter($this->env, $context["location"], "html", null, true);
  1800.                         echo "</span>
  1801.                                 ";
  1802.                     }
  1803.                     // line 1039
  1804.                     echo "                            ";
  1805.                     ++$context['loop']['index0'];
  1806.                     ++$context['loop']['index'];
  1807.                     $context['loop']['first'] = false;
  1808.                     if (isset($context['loop']['length'])) {
  1809.                         --$context['loop']['revindex0'];
  1810.                         --$context['loop']['revindex'];
  1811.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1812.                     }
  1813.                 }
  1814.                 $_parent = $context['_parent'];
  1815.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['location'], $context['_parent'], $context['loop']);
  1816.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1817.                 // line 1040
  1818.                 echo "                            </p>
  1819.                         ";
  1820.             }
  1821.             // line 1042
  1822.             echo "                        ";
  1823.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1042, $this->source); })()), "request", [], "any", false, false, false, 1042), "query", [], "any", false, false, false, 1042), "get", [0 => "weathers"], "method", false, false, false, 1042)) {
  1824.                 // line 1043
  1825.                 echo "                            <p class=\"ec-topicpath__item\">
  1826.                             ";
  1827.                 // line 1044
  1828.                 $context['_parent'] = $context;
  1829.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1044, $this->source); })()), "request", [], "any", false, false, false, 1044), "query", [], "any", false, false, false, 1044), "get", [0 => "weathers"], "method", false, false, false, 1044));
  1830.                 $context['loop'] = [
  1831.                   'parent' => $context['_parent'],
  1832.                   'index0' => 0,
  1833.                   'index'  => 1,
  1834.                   'first'  => true,
  1835.                 ];
  1836.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1837.                     $length = count($context['_seq']);
  1838.                     $context['loop']['revindex0'] = $length - 1;
  1839.                     $context['loop']['revindex'] = $length;
  1840.                     $context['loop']['length'] = $length;
  1841.                     $context['loop']['last'] = 1 === $length;
  1842.                 }
  1843.                 foreach ($context['_seq'] as $context["_key"] => $context["weather"]) {
  1844.                     // line 1045
  1845.                     echo "                                ";
  1846.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1045)) {
  1847.                         // line 1046
  1848.                         echo "                                    　>　";
  1849.                         echo twig_escape_filter($this->env, $context["weather"], "html", null, true);
  1850.                         echo "
  1851.                                 ";
  1852.                     } else {
  1853.                         // line 1048
  1854.                         echo "                                    <span class=\"ec-topicpath__item\">・";
  1855.                         echo twig_escape_filter($this->env, $context["weather"], "html", null, true);
  1856.                         echo "</span>
  1857.                                 ";
  1858.                     }
  1859.                     // line 1050
  1860.                     echo "                            ";
  1861.                     ++$context['loop']['index0'];
  1862.                     ++$context['loop']['index'];
  1863.                     $context['loop']['first'] = false;
  1864.                     if (isset($context['loop']['length'])) {
  1865.                         --$context['loop']['revindex0'];
  1866.                         --$context['loop']['revindex'];
  1867.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1868.                     }
  1869.                 }
  1870.                 $_parent = $context['_parent'];
  1871.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['weather'], $context['_parent'], $context['loop']);
  1872.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1873.                 // line 1051
  1874.                 echo "                            </p>
  1875.                         ";
  1876.             }
  1877.             // line 1053
  1878.             echo "                        ";
  1879.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1053, $this->source); })()), "request", [], "any", false, false, false, 1053), "query", [], "any", false, false, false, 1053), "get", [0 => "camera_angles"], "method", false, false, false, 1053)) {
  1880.                 // line 1054
  1881.                 echo "                            <p class=\"ec-topicpath__item\">
  1882.                             ";
  1883.                 // line 1055
  1884.                 $context['_parent'] = $context;
  1885.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1055, $this->source); })()), "request", [], "any", false, false, false, 1055), "query", [], "any", false, false, false, 1055), "get", [0 => "camera_angles"], "method", false, false, false, 1055));
  1886.                 $context['loop'] = [
  1887.                   'parent' => $context['_parent'],
  1888.                   'index0' => 0,
  1889.                   'index'  => 1,
  1890.                   'first'  => true,
  1891.                 ];
  1892.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1893.                     $length = count($context['_seq']);
  1894.                     $context['loop']['revindex0'] = $length - 1;
  1895.                     $context['loop']['revindex'] = $length;
  1896.                     $context['loop']['length'] = $length;
  1897.                     $context['loop']['last'] = 1 === $length;
  1898.                 }
  1899.                 foreach ($context['_seq'] as $context["_key"] => $context["camera_angle"]) {
  1900.                     // line 1056
  1901.                     echo "                                ";
  1902.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1056)) {
  1903.                         // line 1057
  1904.                         echo "                                    　>　";
  1905.                         echo twig_escape_filter($this->env, $context["camera_angle"], "html", null, true);
  1906.                         echo "
  1907.                                 ";
  1908.                     } else {
  1909.                         // line 1059
  1910.                         echo "                                    <span class=\"ec-topicpath__item\">・";
  1911.                         echo twig_escape_filter($this->env, $context["camera_angle"], "html", null, true);
  1912.                         echo "</span>
  1913.                                 ";
  1914.                     }
  1915.                     // line 1061
  1916.                     echo "                            ";
  1917.                     ++$context['loop']['index0'];
  1918.                     ++$context['loop']['index'];
  1919.                     $context['loop']['first'] = false;
  1920.                     if (isset($context['loop']['length'])) {
  1921.                         --$context['loop']['revindex0'];
  1922.                         --$context['loop']['revindex'];
  1923.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1924.                     }
  1925.                 }
  1926.                 $_parent = $context['_parent'];
  1927.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['camera_angle'], $context['_parent'], $context['loop']);
  1928.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1929.                 // line 1062
  1930.                 echo "                            </p>
  1931.                         ";
  1932.             }
  1933.             // line 1064
  1934.             echo "                        ";
  1935.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1064, $this->source); })()), "request", [], "any", false, false, false, 1064), "query", [], "any", false, false, false, 1064), "get", [0 => "color_types"], "method", false, false, false, 1064)) {
  1936.                 // line 1065
  1937.                 echo "                            <p class=\"ec-topicpath__item\">
  1938.                             ";
  1939.                 // line 1066
  1940.                 $context['_parent'] = $context;
  1941.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1066, $this->source); })()), "request", [], "any", false, false, false, 1066), "query", [], "any", false, false, false, 1066), "get", [0 => "color_types"], "method", false, false, false, 1066));
  1942.                 $context['loop'] = [
  1943.                   'parent' => $context['_parent'],
  1944.                   'index0' => 0,
  1945.                   'index'  => 1,
  1946.                   'first'  => true,
  1947.                 ];
  1948.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1949.                     $length = count($context['_seq']);
  1950.                     $context['loop']['revindex0'] = $length - 1;
  1951.                     $context['loop']['revindex'] = $length;
  1952.                     $context['loop']['length'] = $length;
  1953.                     $context['loop']['last'] = 1 === $length;
  1954.                 }
  1955.                 foreach ($context['_seq'] as $context["_key"] => $context["color_type"]) {
  1956.                     // line 1067
  1957.                     echo "                                ";
  1958.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1067)) {
  1959.                         // line 1068
  1960.                         echo "                                    　>　";
  1961.                         echo twig_escape_filter($this->env, $context["color_type"], "html", null, true);
  1962.                         echo "
  1963.                                 ";
  1964.                     } else {
  1965.                         // line 1070
  1966.                         echo "                                    <span class=\"ec-topicpath__item\">・";
  1967.                         echo twig_escape_filter($this->env, $context["color_type"], "html", null, true);
  1968.                         echo "</span>
  1969.                                 ";
  1970.                     }
  1971.                     // line 1072
  1972.                     echo "                            ";
  1973.                     ++$context['loop']['index0'];
  1974.                     ++$context['loop']['index'];
  1975.                     $context['loop']['first'] = false;
  1976.                     if (isset($context['loop']['length'])) {
  1977.                         --$context['loop']['revindex0'];
  1978.                         --$context['loop']['revindex'];
  1979.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1980.                     }
  1981.                 }
  1982.                 $_parent = $context['_parent'];
  1983.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['color_type'], $context['_parent'], $context['loop']);
  1984.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1985.                 // line 1073
  1986.                 echo "                            </p>
  1987.                         ";
  1988.             }
  1989.             // line 1075
  1990.             echo "                        ";
  1991.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1075, $this->source); })()), "request", [], "any", false, false, false, 1075), "query", [], "any", false, false, false, 1075), "get", [0 => "features"], "method", false, false, false, 1075)) {
  1992.                 // line 1076
  1993.                 echo "                            <p class=\"ec-topicpath__item\">
  1994.                             ";
  1995.                 // line 1077
  1996.                 $context['_parent'] = $context;
  1997.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1077, $this->source); })()), "request", [], "any", false, false, false, 1077), "query", [], "any", false, false, false, 1077), "get", [0 => "features"], "method", false, false, false, 1077));
  1998.                 $context['loop'] = [
  1999.                   'parent' => $context['_parent'],
  2000.                   'index0' => 0,
  2001.                   'index'  => 1,
  2002.                   'first'  => true,
  2003.                 ];
  2004.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  2005.                     $length = count($context['_seq']);
  2006.                     $context['loop']['revindex0'] = $length - 1;
  2007.                     $context['loop']['revindex'] = $length;
  2008.                     $context['loop']['length'] = $length;
  2009.                     $context['loop']['last'] = 1 === $length;
  2010.                 }
  2011.                 foreach ($context['_seq'] as $context["_key"] => $context["feature"]) {
  2012.                     // line 1078
  2013.                     echo "                                ";
  2014.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1078)) {
  2015.                         // line 1079
  2016.                         echo "                                    　>　";
  2017.                         echo twig_escape_filter($this->env, $context["feature"], "html", null, true);
  2018.                         echo "
  2019.                                 ";
  2020.                     } else {
  2021.                         // line 1081
  2022.                         echo "                                    <span class=\"ec-topicpath__item\">・";
  2023.                         echo twig_escape_filter($this->env, $context["feature"], "html", null, true);
  2024.                         echo "</span>
  2025.                                 ";
  2026.                     }
  2027.                     // line 1083
  2028.                     echo "                            ";
  2029.                     ++$context['loop']['index0'];
  2030.                     ++$context['loop']['index'];
  2031.                     $context['loop']['first'] = false;
  2032.                     if (isset($context['loop']['length'])) {
  2033.                         --$context['loop']['revindex0'];
  2034.                         --$context['loop']['revindex'];
  2035.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2036.                     }
  2037.                 }
  2038.                 $_parent = $context['_parent'];
  2039.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['feature'], $context['_parent'], $context['loop']);
  2040.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2041.                 // line 1084
  2042.                 echo "                            </p>
  2043.                         ";
  2044.             }
  2045.             // line 1086
  2046.             echo "                ";
  2047.         } else {
  2048.             // line 1087
  2049.             echo "                    ";
  2050.             // line 1088
  2051.             echo "                    ";
  2052.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 1088, $this->source); })()), "vars", [], "any", false, false, false, 1088), "value", [], "any", false, false, false, 1088), "name", [], "any", false, false, false, 1088)) {
  2053.                 // line 1089
  2054.                 echo "                        <div>
  2055.                             <h2 class=\"ec-topicpath__title\">「";
  2056.                 // line 1090
  2057.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 1090, $this->source); })()), "vars", [], "any", false, false, false, 1090), "value", [], "any", false, false, false, 1090), "name", [], "any", false, false, false, 1090), "html", null, true);
  2058.                 echo "」<span style=\"padding: 0;\">で検索</span></h2>
  2059.                         </div>
  2060.                     ";
  2061.             } else {
  2062.                 // line 1093
  2063.                 echo "                    ";
  2064.                 // line 1094
  2065.                 echo "                        <h2 class=\"ec-topicpath__title\">すべての写真</h2>
  2066.                     ";
  2067.             }
  2068.             // line 1096
  2069.             echo "                ";
  2070.         }
  2071.         // line 1097
  2072.         echo "            </div>
  2073.             <div class=\"list-title-right\">
  2074.                 ";
  2075.         // line 1099
  2076.         if ((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1099, $this->source); })()), "totalItemCount", [], "any", false, false, false, 1099) > 0)) {
  2077.             // line 1100
  2078.             echo "                    ";
  2079.             $context["start"] = (((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1100, $this->source); })()), "currentPageNumber", [], "any", false, false, false, 1100) - 1) * twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1100, $this->source); })()), "getItemNumberPerPage", [], "any", false, false, false, 1100)) + 1);
  2080.             // line 1101
  2081.             echo "                ";
  2082.         } else {
  2083.             // line 1102
  2084.             echo "                    ";
  2085.             $context["start"] = 0;
  2086.             // line 1103
  2087.             echo "                ";
  2088.         }
  2089.         // line 1104
  2090.         echo "                ";
  2091.         $context["end"] = min((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1104, $this->source); })()), "currentPageNumber", [], "any", false, false, false, 1104) * twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1104, $this->source); })()), "getItemNumberPerPage", [], "any", false, false, false, 1104)), twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1104, $this->source); })()), "totalItemCount", [], "any", false, false, false, 1104));
  2092.         // line 1105
  2093.         echo "                <p>(";
  2094.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1105, $this->source); })()), "totalItemCount", [], "any", false, false, false, 1105), "html", null, true);
  2095.         echo "件中";
  2096.         echo twig_escape_filter($this->env, (isset($context["start"]) || array_key_exists("start", $context) ? $context["start"] : (function () { throw new RuntimeError('Variable "start" does not exist.', 1105, $this->source); })()), "html", null, true);
  2097.         echo "件-";
  2098.         echo twig_escape_filter($this->env, (isset($context["end"]) || array_key_exists("end", $context) ? $context["end"] : (function () { throw new RuntimeError('Variable "end" does not exist.', 1105, $this->source); })()), "html", null, true);
  2099.         echo "件を表示)</p>
  2100.             </div>
  2101. \t\t</div>
  2103. \t\t<!-- カテゴリ説明 -->
  2104. \t\t";
  2105.         // line 1111
  2106.         echo "\t\t";
  2107.         // line 1112
  2108.         echo "\t\t";
  2109.         // line 1113
  2110.         echo "  ";
  2111.         // line 1114
  2112.         echo "  ";
  2113.         // line 1115
  2114.         echo "  ";
  2115.         // line 1116
  2116.         echo "  ";
  2117.         // line 1117
  2118.         echo "  ";
  2119.         // line 1118
  2120.         echo "\t\t";
  2121.         // line 1119
  2122.         echo "
  2123. \t\t<!-- リストエリア -->
  2124. \t\t";
  2125.         // line 1121
  2126.         if ((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1121, $this->source); })()), "totalItemCount", [], "any", false, false, false, 1121) > 0)) {
  2127.             // line 1122
  2128.             echo "\t\t\t<div>
  2129. \t\t\t    <div class=\"list-area\">
  2130. \t\t\t    ";
  2131.             // line 1124
  2132.             $context['_parent'] = $context;
  2133.             $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1124, $this->source); })()));
  2134.             $context['loop'] = [
  2135.               'parent' => $context['_parent'],
  2136.               'index0' => 0,
  2137.               'index'  => 1,
  2138.               'first'  => true,
  2139.             ];
  2140.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  2141.                 $length = count($context['_seq']);
  2142.                 $context['loop']['revindex0'] = $length - 1;
  2143.                 $context['loop']['revindex'] = $length;
  2144.                 $context['loop']['length'] = $length;
  2145.                 $context['loop']['last'] = 1 === $length;
  2146.             }
  2147.             foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  2148.                 // line 1125
  2149.                 echo "                    <div class=\"card-1\">
  2150.                         <a href=\"";
  2151.                 // line 1126
  2152.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("photo-product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 1126)]), "html", null, true);
  2153.                 echo "\">
  2154.                             <div class=\"image-wrapper\">
  2155.                                 <img src=\"";
  2156.                 // line 1128
  2157.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(twig_get_attribute($this->env, $this->source, $context["Product"], "main_list_image", [], "any", false, false, false, 1128)), "save_image"), "html", null, true);
  2158.                 echo "\" alt=\"";
  2159.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 1128), "html", null, true);
  2160.                 echo "\" ";
  2161.                 if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1128) > 5)) {
  2162.                     echo " loading=\"lazy\"";
  2163.                 }
  2164.                 echo ">
  2165.                                     ";
  2166.                 // line 1129
  2167.                 if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, false, 1129) == 0)) {
  2168.                     // line 1130
  2169.                     echo "                                        <div class=\"label-free\">無料</div>
  2170.                                     ";
  2171.                 }
  2172.                 // line 1132
  2173.                 echo "                            </div>
  2174.                             ";
  2175.                 // line 1134
  2176.                 echo "                            ";
  2177.                 // line 1135
  2178.                 echo "                            ";
  2179.                 // line 1136
  2180.                 echo "                            ";
  2181.                 // line 1137
  2182.                 echo "                            ";
  2183.                 // line 1138
  2184.                 echo "                        </a>
  2185.                     </div>
  2186.                 ";
  2187.                 ++$context['loop']['index0'];
  2188.                 ++$context['loop']['index'];
  2189.                 $context['loop']['first'] = false;
  2190.                 if (isset($context['loop']['length'])) {
  2191.                     --$context['loop']['revindex0'];
  2192.                     --$context['loop']['revindex'];
  2193.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2194.                 }
  2195.             }
  2196.             $_parent = $context['_parent'];
  2197.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  2198.             $context = array_intersect_key($context, $_parent) + $_parent;
  2199.             // line 1141
  2200.             echo "                </div>
  2201.     \t\t\t<!-- ページネーション -->
  2202.     \t\t\t";
  2203.             // line 1143
  2204.             $context["pages"] = twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 1143, $this->source); })()), "paginationData", [], "any", false, false, false, 1143);
  2205.             // line 1144
  2206.             echo "
  2207.     \t\t\t";
  2208.             // line 1145
  2209.             if ((twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 1145, $this->source); })()), "pageCount", [], "any", false, false, false, 1145) > 1)) {
  2210.                 // line 1146
  2211.                 echo "                    <div class=\"ec-pager pagination\">
  2212.                         ";
  2213.                 // line 1148
  2214.                 echo "                        ";
  2215.                 if (twig_get_attribute($this->env, $this->source, ($context["pages"] ?? null), "previous", [], "any", true, true, false, 1148)) {
  2216.                     // line 1149
  2217.                     echo "                            <a class=\"page-return\" href=\"";
  2218.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 1150
  2219. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1150, $this->source); })()), "request", [], "any", false, false, false, 1150), "attributes", [], "any", false, false, false, 1150), "get", [0 => "_route"], "method", false, false, false, 1150), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 1151
  2220. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1151, $this->source); })()), "request", [], "any", false, false, false, 1151), "query", [], "any", false, false, false, 1151), "all", [], "any", false, false, false, 1151), ["pageno" => twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 1151, $this->source); })()), "previous", [], "any", false, false, false, 1151)])), "html", null, true);
  2221.                     echo "#contents-list\">←</a>
  2222.                         ";
  2223.                 }
  2224.                 // line 1153
  2225.                 echo "                        <div class=\"page-num\">
  2226.                             ";
  2227.                 // line 1154
  2228.                 $context['_parent'] = $context;
  2229.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 1154, $this->source); })()), "pagesInRange", [], "any", false, false, false, 1154));
  2230.                 foreach ($context['_seq'] as $context["_key"] => $context["page"]) {
  2231.                     // line 1155
  2232.                     echo "                                ";
  2233.                     if (($context["page"] == twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 1155, $this->source); })()), "current", [], "any", false, false, false, 1155))) {
  2234.                         // line 1156
  2235.                         echo "                                    <a class=\"active\" href=\"";
  2236.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 1157
  2237. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1157, $this->source); })()), "request", [], "any", false, false, false, 1157), "attributes", [], "any", false, false, false, 1157), "get", [0 => "_route"], "method", false, false, false, 1157), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 1158
  2238. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1158, $this->source); })()), "request", [], "any", false, false, false, 1158), "query", [], "any", false, false, false, 1158), "all", [], "any", false, false, false, 1158), ["pageno" => $context["page"]])), "html", null, true);
  2239.                         echo "#contents-list\"> ";
  2240.                         echo twig_escape_filter($this->env, $context["page"], "html", null, true);
  2241.                         echo " </a>
  2242.                                 ";
  2243.                     } else {
  2244.                         // line 1160
  2245.                         echo "                                    <a href=\"";
  2246.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 1161
  2247. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1161, $this->source); })()), "request", [], "any", false, false, false, 1161), "attributes", [], "any", false, false, false, 1161), "get", [0 => "_route"], "method", false, false, false, 1161), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 1162
  2248. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1162, $this->source); })()), "request", [], "any", false, false, false, 1162), "query", [], "any", false, false, false, 1162), "all", [], "any", false, false, false, 1162), ["pageno" => $context["page"]])), "html", null, true);
  2249.                         echo "#contents-list\"> ";
  2250.                         echo twig_escape_filter($this->env, $context["page"], "html", null, true);
  2251.                         echo " </a>
  2252.                                 ";
  2253.                     }
  2254.                     // line 1164
  2255.                     echo "                            ";
  2256.                 }
  2257.                 $_parent = $context['_parent'];
  2258.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['page'], $context['_parent'], $context['loop']);
  2259.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2260.                 // line 1165
  2261.                 echo "                        </div>
  2262.                         ";
  2263.                 // line 1167
  2264.                 echo "                        ";
  2265.                 if (twig_get_attribute($this->env, $this->source, ($context["pages"] ?? null), "next", [], "any", true, true, false, 1167)) {
  2266.                     // line 1168
  2267.                     echo "                            <a class=\"page-advance\" href=\"";
  2268.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 1169
  2269. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1169, $this->source); })()), "request", [], "any", false, false, false, 1169), "attributes", [], "any", false, false, false, 1169), "get", [0 => "_route"], "method", false, false, false, 1169), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 1170
  2270. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1170, $this->source); })()), "request", [], "any", false, false, false, 1170), "query", [], "any", false, false, false, 1170), "all", [], "any", false, false, false, 1170), ["pageno" => twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 1170, $this->source); })()), "next", [], "any", false, false, false, 1170)])), "html", null, true);
  2271.                     echo "#contents-list\">→</a>
  2272.                         ";
  2273.                 }
  2274.                 // line 1172
  2275.                 echo "                    </div>
  2276.                 ";
  2277.             }
  2278.             // line 1174
  2279.             echo "    \t    </div>
  2280.     \t";
  2281.         } else {
  2282.             // line 1176
  2283.             echo "            <p class=\"no_item\">";
  2284.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お探しの商品は見つかりませんでした"), "html", null, true);
  2285.             echo "</p>
  2286.         ";
  2287.         }
  2288.         // line 1178
  2289.         echo "        
  2290.         <!-- カテゴリ説明 -->
  2291.         ";
  2292.         // line 1181
  2293.         echo "\t\t";
  2294.         // line 1182
  2295.         echo "\t\t";
  2296.         // line 1183
  2297.         echo "  ";
  2298.         // line 1184
  2299.         echo "  ";
  2300.         // line 1185
  2301.         echo "  ";
  2302.         // line 1186
  2303.         echo "  ";
  2304.         // line 1187
  2305.         echo "  ";
  2306.         // line 1188
  2307.         echo "\t\t";
  2308.         // line 1189
  2309.         echo "    </div>
  2310.             
  2311. </section>
  2312. ";
  2313.         
  2314.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2316.         
  2317.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2319.     }
  2321.     public function getTemplateName()
  2322.     {
  2323.         return "@user_data/photo-product_list.twig";
  2324.     }
  2326.     public function isTraitable()
  2327.     {
  2328.         return false;
  2329.     }
  2331.     public function getDebugInfo()
  2332.     {
  2333.         return array (  2309 => 1189,  2307 => 1188,  2305 => 1187,  2303 => 1186,  2301 => 1185,  2299 => 1184,  2297 => 1183,  2295 => 1182,  2293 => 1181,  2289 => 1178,  2283 => 1176,  2279 => 1174,  2275 => 1172,  2270 => 1170,  2269 => 1169,  2267 => 1168,  2264 => 1167,  2261 => 1165,  2255 => 1164,  2248 => 1162,  2247 => 1161,  2245 => 1160,  2238 => 1158,  2237 => 1157,  2235 => 1156,  2232 => 1155,  2228 => 1154,  2225 => 1153,  2220 => 1151,  2219 => 1150,  2217 => 1149,  2214 => 1148,  2211 => 1146,  2209 => 1145,  2206 => 1144,  2204 => 1143,  2200 => 1141,  2184 => 1138,  2182 => 1137,  2180 => 1136,  2178 => 1135,  2176 => 1134,  2173 => 1132,  2169 => 1130,  2167 => 1129,  2157 => 1128,  2152 => 1126,  2149 => 1125,  2132 => 1124,  2128 => 1122,  2126 => 1121,  2122 => 1119,  2120 => 1118,  2118 => 1117,  2116 => 1116,  2114 => 1115,  2112 => 1114,  2110 => 1113,  2108 => 1112,  2106 => 1111,  2093 => 1105,  2090 => 1104,  2087 => 1103,  2084 => 1102,  2081 => 1101,  2078 => 1100,  2076 => 1099,  2072 => 1097,  2069 => 1096,  2065 => 1094,  2063 => 1093,  2057 => 1090,  2054 => 1089,  2051 => 1088,  2049 => 1087,  2046 => 1086,  2042 => 1084,  2028 => 1083,  2022 => 1081,  2016 => 1079,  2013 => 1078,  1996 => 1077,  1993 => 1076,  1990 => 1075,  1986 => 1073,  1972 => 1072,  1966 => 1070,  1960 => 1068,  1957 => 1067,  1940 => 1066,  1937 => 1065,  1934 => 1064,  1930 => 1062,  1916 => 1061,  1910 => 1059,  1904 => 1057,  1901 => 1056,  1884 => 1055,  1881 => 1054,  1878 => 1053,  1874 => 1051,  1860 => 1050,  1854 => 1048,  1848 => 1046,  1845 => 1045,  1828 => 1044,  1825 => 1043,  1822 => 1042,  1818 => 1040,  1804 => 1039,  1798 => 1037,  1792 => 1035,  1789 => 1034,  1772 => 1033,  1769 => 1032,  1766 => 1031,  1760 => 1029,  1757 => 1028,  1751 => 1026,  1748 => 1025,  1742 => 1023,  1739 => 1022,  1733 => 1020,  1731 => 1019,  1726 => 1018,  1723 => 1017,  1715 => 1010,  1711 => 1008,  1705 => 1006,  1703 => 1005,  1693 => 998,  1687 => 994,  1683 => 992,  1680 => 991,  1670 => 988,  1666 => 986,  1664 => 985,  1660 => 984,  1657 => 983,  1652 => 982,  1650 => 981,  1647 => 980,  1643 => 977,  1639 => 975,  1636 => 974,  1627 => 971,  1624 => 970,  1620 => 969,  1618 => 968,  1614 => 967,  1611 => 966,  1606 => 965,  1604 => 964,  1594 => 956,  1590 => 954,  1587 => 953,  1579 => 951,  1576 => 950,  1572 => 949,  1570 => 948,  1565 => 947,  1560 => 946,  1558 => 945,  1547 => 936,  1543 => 934,  1540 => 933,  1532 => 931,  1529 => 930,  1525 => 929,  1523 => 928,  1518 => 927,  1513 => 926,  1511 => 925,  1488 => 905,  1475 => 895,  1468 => 890,  1462 => 888,  1460 => 887,  1459 => 886,  1439 => 869,  1432 => 864,  1426 => 863,  1420 => 862,  1412 => 859,  1407 => 858,  1399 => 855,  1394 => 854,  1392 => 852,  1391 => 851,  1389 => 850,  1383 => 849,  1380 => 848,  1375 => 847,  1372 => 846,  1367 => 845,  1363 => 844,  1357 => 842,  1355 => 841,  1350 => 838,  1347 => 837,  1329 => 833,  1326 => 832,  1324 => 831,  1323 => 830,  1322 => 829,  1319 => 828,  1315 => 826,  1311 => 824,  1308 => 823,  1290 => 822,  1287 => 821,  1284 => 819,  1281 => 818,  1263 => 814,  1260 => 813,  1258 => 812,  1257 => 811,  1256 => 810,  1253 => 809,  1249 => 807,  1245 => 805,  1242 => 804,  1224 => 803,  1221 => 802,  1218 => 800,  1215 => 799,  1197 => 795,  1194 => 794,  1192 => 793,  1191 => 792,  1190 => 791,  1187 => 790,  1183 => 788,  1179 => 786,  1176 => 785,  1158 => 784,  1155 => 783,  1152 => 781,  1149 => 780,  1131 => 776,  1128 => 775,  1126 => 774,  1125 => 773,  1124 => 772,  1121 => 771,  1117 => 769,  1113 => 767,  1110 => 766,  1092 => 765,  1089 => 764,  1086 => 762,  1083 => 761,  1065 => 757,  1062 => 756,  1060 => 755,  1059 => 754,  1058 => 753,  1055 => 752,  1051 => 750,  1047 => 748,  1044 => 747,  1026 => 746,  1023 => 745,  1020 => 743,  1013 => 739,  1010 => 738,  1008 => 737,  1007 => 736,  1006 => 735,  1002 => 733,  999 => 732,  996 => 730,  989 => 726,  986 => 725,  984 => 724,  983 => 723,  982 => 722,  978 => 720,  975 => 719,  972 => 717,  965 => 713,  962 => 712,  960 => 711,  959 => 710,  958 => 709,  954 => 707,  951 => 706,  948 => 704,  939 => 702,  936 => 701,  933 => 700,  930 => 698,  928 => 697,  926 => 696,  924 => 695,  922 => 694,  920 => 693,  918 => 692,  916 => 691,  914 => 690,  912 => 689,  910 => 688,  908 => 687,  906 => 686,  904 => 685,  902 => 684,  900 => 683,  898 => 682,  896 => 681,  894 => 680,  892 => 679,  890 => 678,  888 => 677,  886 => 676,  884 => 675,  882 => 674,  879 => 673,  865 => 672,  855 => 669,  849 => 668,  843 => 666,  825 => 665,  823 => 664,  816 => 662,  812 => 660,  810 => 659,  807 => 658,  804 => 657,  801 => 656,  798 => 655,  788 => 654,  650 => 525,  640 => 518,  609 => 490,  581 => 464,  567 => 463,  559 => 462,  542 => 461,  538 => 459,  528 => 458,  78 => 15,  73 => 14,  63 => 13,  52 => 11,  50 => 456,  37 => 11,);
  2334.     }
  2336.     public function getSourceContext()
  2337.     {
  2338.         return new Source("{#
  2339. This file is part of EC-CUBE
  2341. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  2343. http://www.ec-cube.co.jp/
  2345. For the full copyright and license information, please view the LICENSE
  2346. file that was distributed with this source code.
  2347. #}
  2348. {% extends 'default_frame.twig' %}
  2350. {% block stylesheet %}
  2351.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/stock-photo/contents-list.css', 'user_data') }}\">
  2352.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/stock-photo/main_module.css', 'user_data') }}\">
  2353.     <style>
  2354.     .ec-topicpath{
  2355.         display: flex;
  2356.         flex-wrap: wrap;
  2357.         margin: 30px 10% 0;
  2358.     }
  2360.     .ec-topicpath a{
  2361.         color: #109F98;
  2362.     }
  2363.     .ec-topicpath__divider{
  2364.         margin: 0 5px;
  2365.     }
  2366.     
  2367.         .category-btn img{
  2368.             margin-right: 15px;
  2369.         }
  2370.         .tab {
  2371.             margin: 30px 15% 0;
  2372.         }
  2373.         
  2374.         @media screen and (max-width:768px){
  2375.             .tab {
  2376.                 margin: 10px 3% 20px 3%;
  2377.             }
  2378.         }
  2379.         
  2380.         .lead-sentence {
  2381.             display: flex;
  2382.             flex-wrap: wrap;
  2383.         }
  2384.         
  2385.         @media screen and (max-width:768px){
  2386.             .tab img{
  2387.                 width: 15%;
  2388.             }
  2389.             .category-btn{
  2390.                 margin-bottom: 15px;
  2391.             }
  2392.         }
  2394.         .tab-list {
  2395.             display: flex;
  2396.             gap: 1px;
  2397.         }
  2398.         @media screen and (max-width:768px){
  2399.             .tab-list{
  2400.                 flex-direction: row;
  2401.             }
  2402.         }
  2404.         .tab-item {
  2405.             border-radius: 5px 5px 0 0;
  2406.             background-color: #109F98;
  2407.             border-top: solid 1px #109F98;
  2408.             border-right: solid 1px #109F98;
  2409.             border-left: solid 1px #109F98;
  2410.         }
  2411.         .tab-item a{
  2412.             color: #FFF;
  2413.             padding: 0.5em 1.2em;
  2414.             display: block;
  2415.         }
  2417.         @media screen and (max-width:768px){
  2418.             .tab-item{
  2419.                 flex: 1 1 auto;
  2420.                 min-width: 0;
  2421.             }
  2422.             
  2423.             .tab-item a{
  2424.                 margin: 8px 0;
  2425.                 text-align: center;
  2426.                 white-space: nowrap;
  2427.                 padding: 0.4em 0.6em;
  2428.             }
  2429.         }
  2430.         
  2431.         @media screen and (max-width:570px){
  2432.             .tab-item{
  2433.                 font-size: 12px;
  2434.                 line-height: 2.5;
  2435.             }
  2436.         }
  2437.         
  2438.         @media screen and (max-width:450px){
  2439.             .tab-item{
  2440.                 font-size: 10px;
  2441.             }
  2442.         }
  2444.         .tab-content:has(.tab-panel.active){
  2445.             display: flex;
  2446.             justify-content: space-between;
  2447.             border-top:solid 1px #109F98;
  2448.             border-right:solid 1px #109F98;
  2449.             border-left:solid 1px #109F98;
  2450.             border-radius: 0 8px 0 0;
  2451.         }
  2452.         
  2453.         .tab-content:not(:has(.tab-panel.active)){
  2454.             display: none;
  2455.         }
  2456.         
  2457.         @media screen and (max-width:768px){
  2458.             .tab-content{
  2459.                 flex-direction: column;
  2460.                 border-radius: 0;
  2461.             }
  2462.         }
  2464.         .tab-panel {
  2465.             display: none;
  2466.         }
  2468.         .tab-item.active {
  2469.             background-color: #fff;
  2470.             font-weight: bold;
  2471.             position: relative;
  2472.         }
  2473.         
  2474.         .tab-item.active a{
  2475.             color: #109F98;
  2476.         }
  2477.         
  2478.         .tab-item.active::before{
  2479.             content: \"\";
  2480.             width: 100%;
  2481.             border-bottom: 4px solid  #FFF;
  2482.             position: absolute;
  2483.             bottom: -3px;
  2484.             left: 0;
  2485.         }
  2487.         .tab-panel.active {
  2488.             display: flex;
  2489.             padding: 3%;
  2490.             flex-wrap: wrap;
  2491.             gap:20px 20px;
  2492.             flex: 10;
  2493.         }
  2494.         @media screen and (max-width:768px){
  2495.             .tab-panel.active{
  2496.                 justify-content: center;
  2497.                 
  2498.             }
  2499.         }
  2501.         .tab-panel.active h2 {
  2502.             font-size: 20px;
  2503.             font-weight: bold;
  2504.         }
  2505.         
  2506.         .search-form-box{
  2507.             border: solid 1px #109F98;
  2508.             border-radius: 0 0 8px 8px;
  2509.         }
  2510.         
  2511.         .tab-content:not(:has(.active)) + .search-form-box{
  2512.             border-radius: 0 8px 8px 8px;
  2513.         }
  2515.         @media screen and (max-width:768px){
  2516.             .search-form-box .search-form-content{
  2517.                 display: flex;
  2518.                 justify-content: space-between;
  2519.                 flex-direction: column;
  2520.                 
  2521.             }
  2522.         }
  2523.         .search-form-box .search-form-item{
  2524.             margin-left: 3%;
  2525.             margin-right: calc(3% + 20px);
  2526.         }
  2527.         @media screen and (max-width:768px){
  2528.             .search-form-box .search-form-item{
  2529.                 margin: 0 auto;
  2530.                 
  2531.             }
  2532.         }
  2533.         
  2534.         .search-form-box .search-form-input{
  2535.             -webkit-appearance: none;
  2536.             -moz-appearance:none;
  2537.             appearance: none;
  2538.             border:1px solid #109F98;
  2539.             border-radius:25px;
  2540.             width: 100%;
  2541.             padding-left: 20px;
  2542.             height: 36px;
  2543.             background-color: #f5f5f5;
  2544.         }
  2545.         @media screen and (max-width:768px){
  2546.             .search-form-box .search-form-input{
  2547.                 width: 88vw;
  2548.                 box-sizing: border-box;
  2549.             }
  2550.             .search-form-box .search-form-input::placeholder{
  2551.                 font-size: 2vw;
  2552.             }
  2553.         }
  2554.         
  2555.         select{
  2556.             background:none;
  2557.             appearance: none;
  2558.             font:inherit;
  2559.             padding:9.5px 10px;
  2560.             border:1px solid #109F98;
  2561.             box-sizing: border-box;
  2562.             width: 250px;
  2563.             border-radius:2px;
  2564.             color: #111111;
  2565.         }
  2566.         
  2567.         .select {
  2568.           display: inline-block;
  2569.           position: relative;
  2570.           vertical-align: middle;
  2571.           width: 100%;
  2572.         }
  2573.         
  2574.         .select::before {
  2575.           position: absolute;
  2576.           top: 18px;
  2577.           right: 16px;
  2578.           width: 0;
  2579.           height: 0;
  2580.           border-width: 10px 5px 0 5px;
  2581.           border-style: solid;
  2582.           border-color: #109F98 transparent transparent transparent;
  2583.           content: \"\";
  2584.           pointer-events: none;
  2585.         }
  2586.         
  2587.         /*検索セクション内にあるアイコン(svg)カラー指定*/
  2588.         .search-form-box .ic {
  2589.             filter: brightness(0) saturate(100%) invert(68%) sepia(68%) saturate(6159%) hue-rotate(145deg) brightness(90%) contrast(87%);
  2590.         }
  2591.         
  2592.         /* 各条件見出し位置調整 */
  2593.         .search-form-box .search-title {
  2594.             padding: 15px 0 12px 0;
  2595.             margin: 0 3%;
  2596.             display: flex;
  2597.             align-items: center;
  2598.             gap: 6px;
  2599.             color: #111111;
  2600.         }
  2601.         
  2602.         /*セクション分け用のボーダー*/
  2603.         .search-form-box .search-title {
  2604.             border-top: 1px solid #D5DAED;
  2605.         }
  2606.         /*1番目（フリーワード検索）には不要なので非表示*/
  2607.         .search-form-box .search-title:first-child {
  2608.             border-top: none;
  2609.         }
  2610.         
  2611.         .search-subtitle {
  2612.             margin: 16px 0;
  2613.         }
  2614.         
  2615.         /*各条件の副題にh2のトーン寄せ*/
  2616.         .search-subtitle label,
  2617.         .search-subtitle legend {
  2618.             border: solid 2px #109F98;
  2619.             border-right: none;
  2620.             border-top: none;
  2621.             border-bottom: none;
  2622.             text-align: left;
  2623.             padding: 0 0 0 8px;
  2624.             color: #111111;
  2625.         }
  2626.         
  2627.         .search-base-content,
  2628.         .search-filter-content {
  2629.             margin: 0 3% 3% 3%;
  2630.             
  2631.         }
  2632.         
  2633.         /*基本条件*/
  2634.         .search-base-content {
  2635.             display: flex;
  2636.             flex-direction: row;
  2637.             gap: 16px;
  2638.         }
  2639.         
  2640.         /* 上記でselectに指定しているスタイルを基本条件用に上書き */
  2641.         .search-base-item select {
  2642.             border: 1px solid #D5DAED;
  2643.         }
  2644.         
  2645.         @media (max-width: 768px) {
  2646.             .search-base-item select {
  2647.                 display: flex;
  2648.                 flex-wrap: wrap;
  2649.             }
  2650.             
  2651.             .search-base-item {
  2652.                 flex: 1 1 200px;
  2653.                 max-width: 100%;
  2654.             }
  2655.             
  2656.             .search-base-item select {
  2657.                 width: 100%;
  2658.             }
  2659.         }
  2660.         
  2661.         .search-filter-list {
  2662.           display: flex;
  2663.           flex-wrap: wrap;
  2664.           gap: 10px;
  2665.         }
  2666.         
  2667.         /*詳細フィルターのチェックボックス並べる数*/
  2668.         /*PC表示：10個のチェックボックスが横に5個 × 2行*/
  2669.         /*スマホ表示：10個のチェックボックスが横に3個 × 約4行(1個余りになるため)*/
  2670.         .filter-checkbox-item {
  2671.           display: flex;
  2672.           align-items: center;
  2673.           gap: 6px;
  2674.           align-items: baseline;
  2675.           width: calc(100% / 5 - 10px); /* PC: 5列 */
  2676.           color: #111111;
  2677.         }
  2678.         
  2679.         @media (max-width: 768px) {
  2680.             .filter-checkbox-item {
  2681.                 width: calc(100% / 3 - 10px); /* SP: 3列 */
  2682.             }
  2683.         }
  2684.         
  2685.         @media (max-width: 450px) {
  2686.             .filter-checkbox-item {
  2687.                 font-size: max(3.6vw, 12px);
  2688.             }
  2689.         }
  2690.         
  2691.         .image-wrapper {
  2692.             position: relative;
  2693.         }
  2695.         .label-free {
  2696.             position: absolute;
  2697.             top: 0;
  2698.             right: 0;
  2699.             background-color: #e60012;
  2700.             color: #fff;
  2701.             font-weight: bold;
  2702.             font-size: 14px;
  2703.             padding: 3px 10px;
  2704.             border-radius: 0 0 0 4px;
  2705.             z-index: 1;
  2706.         }
  2707.         .ec-topicpath__item{
  2708.         font-size: 17px;
  2709.         }
  2710.         
  2711.         /* ▼ アコーディオン用 追加CSS ▼ */
  2712.         :root{
  2713.           --acc-green: #109F98;
  2714.           --acc-line:  #0f8a80;
  2715.         }
  2716.         
  2717.         .search-section + .search-section{
  2718.           border-top: 1px solid var(--acc-line);
  2719.         }
  2720.         
  2721.         .search-section__header{
  2722.           display: flex;
  2723.           align-items: center;
  2724.           justify-content: space-between;
  2725.           padding: 8px 12px;
  2726.         }
  2727.         
  2728.         .accordion-toggle{
  2729.           inline-size: 28px;
  2730.           block-size: 28px;
  2731.           display: grid;
  2732.           place-items: center;
  2733.           position: relative;
  2734.           cursor: pointer;
  2735.           border: 1px solid var(--acc-green);
  2736.           border-radius: 4px;
  2737.           background: var(--acc-green);
  2738.         }
  2739.         
  2740.         .accordion-toggle::before{
  2741.           content: \"\";
  2742.           display: block;
  2743.           inline-size: 8px;
  2744.           block-size: 8px;
  2745.           border-right: 2px solid #fff;
  2746.           border-bottom: 2px solid #fff;
  2747.           transform: rotate(45deg); /* ▼ */
  2748.           transition: transform .2s ease;
  2749.         }
  2750.         
  2751.         .is-open .accordion-toggle{
  2752.           background: #fff;
  2753.           border-color: var(--acc-green);
  2754.         }
  2755.         
  2756.         .is-open .accordion-toggle::before{
  2757.           border-right-color: var(--acc-green);
  2758.           border-bottom-color: var(--acc-green);
  2759.           transform: rotate(-135deg); /* ▲ */
  2760.         }
  2761.         
  2762.         .search-section__panel{
  2763.           padding: 12px;
  2764.         }
  2765.         
  2766.         .visually-hidden{
  2767.           position: absolute !important;
  2768.           inline-size: 1px;
  2769.           block-size: 1px;
  2770.           margin: -1px;
  2771.           padding: 0;
  2772.           border: 0;
  2773.           clip: rect(0 0 0 0);
  2774.           overflow: hidden;
  2775.         }
  2776.         
  2777.         .accordion-toggle:hover{ filter: brightness(0.98); }
  2778.         .accordion-toggle:focus-visible{
  2779.           outline: 2px solid var(--acc-line);
  2780.           outline-offset: 2px;
  2781.         }
  2782.         
  2783.         /* SPだけボタンを中央寄せ */
  2784.         @media (max-width: 840px){
  2785.           .sp-center{
  2786.             display: flex;
  2787.             justify-content: center;
  2788.           }
  2789.         }
  2790.     </style>
  2791. {% endblock %}
  2793. {% set body_class = 'product_page' %}
  2795. {% block javascript %}
  2796.     <script>
  2797.         eccube.productsClassCategories = {
  2798.             {% for Product in pagination %}
  2799.             \"{{ Product.id|escape('js') }}\": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %}
  2800.             {% endfor %}
  2801.         };
  2803.         \$(function() {
  2805.             // 表示件数を変更
  2806.             \$('.disp-number').change(function() {
  2807.                 var dispNumber = \$(this).val();
  2808.                 \$('#disp_number').val(dispNumber);
  2809.                 \$('#pageno').val(1);
  2810.                 \$(\"#form1\").submit();
  2811.             });
  2813.             // // 並び順を変更
  2814.             \$('.order-by').change(function() {
  2815.                 var orderBy = \$(this).val();
  2816.                 \$('#orderby').val(orderBy);
  2817.                 \$('#pageno').val(1);
  2818.                 \$(\"#form1\").submit();
  2819.             });
  2821.             \$('.add-cart').on('click', function(e) {
  2822.                 var \$form = \$(this).parents('li').find('form');
  2824.                 // 個数フォームのチェック
  2825.                 var \$quantity = \$form.parent().find('.quantity');
  2826.                 if (\$quantity.val() < 1) {
  2827.                     \$quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  2828.                     setTimeout(function() {
  2829.                         loadingOverlay('hide');
  2830.                     }, 100);
  2831.                     return true;
  2832.                 } else {
  2833.                     \$quantity[0].setCustomValidity('');
  2834.                 }
  2835.                 e.preventDefault();
  2836.                 \$.ajax({
  2837.                     url: \$form.attr('action'),
  2838.                     type: \$form.attr('method'),
  2839.                     data: \$form.serialize(),
  2840.                     dataType: 'json',
  2841.                     beforeSend: function(xhr, settings) {
  2842.                         // Buttonを無効にする
  2843.                         \$('.add-cart').prop('disabled', true);
  2844.                     }
  2845.                 }).done(function(data) {
  2846.                     // レスポンス内のメッセージをalertで表示
  2847.                     \$.each(data.messages, function() {
  2848.                         \$('#ec-modal-header').html(this);
  2849.                     });
  2851.                     \$('.ec-modal').show()
  2853.                     // カートブロックを更新する
  2854.                     \$.ajax({
  2855.                         url: '{{ url('block_cart') }}',
  2856.                         type: 'GET',
  2857.                         dataType: 'html'
  2858.                     }).done(function(html) {
  2859.                         \$('.ec-headerRole__cart').html(html);
  2860.                     });
  2861.                 }).fail(function(data) {
  2862.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  2863.                 }).always(function(data) {
  2864.                     // Buttonを有効にする
  2865.                     \$('.add-cart').prop('disabled', false);
  2866.                 });
  2867.             });
  2868.         });
  2870.         \$('.ec-modal-wrap').on('click', function(e) {
  2871.             // モーダル内の処理は外側にバブリングさせない
  2872.             e.stopPropagation();
  2873.         });
  2874.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  2875.             \$('.ec-modal').hide()
  2876.         });
  2877.         
  2878.     </script>
  2879.     <script>
  2880.     //  絞り込み検索は、絞り込み検索ボタンが押されたとき、もしくは入力欄にフォーカスされたときに、
  2881.     //  enterを押したときのみ発動する。カテゴリ検索を押したときは発火させない
  2882.         document.addEventListener('DOMContentLoaded', function () {
  2883.             const form = document.querySelector('.tab');
  2884.             const categoryBtn = form.querySelector('button[name=\"search_parent_id\"]:not(.word-search)');
  2885.             const wordBtn = form.querySelector('.category-btn.word-search');
  2886.             const wordInput = form.querySelector('input.search-form-input');
  2887.         
  2888.             // カテゴリ検索 → name を送らせない
  2889.             categoryBtn.addEventListener('click', function () {
  2890.                 if (wordInput) {
  2891.                     wordInput.disabled = true;
  2892.                 }
  2893.             });
  2894.         
  2895.             // 絞り込み検索 → name を有効化
  2896.             wordBtn?.addEventListener('click', function () {
  2897.                 if (wordInput) {
  2898.                     wordInput.disabled = false;
  2899.                 }
  2900.             });
  2901.         
  2902.             // Enterキーで submit 時に絞り込み検索の値を送信するための hidden input 挿入
  2903.             form.addEventListener('submit', function (e) {
  2904.                 if (document.activeElement === wordInput) {
  2905.                     e.preventDefault();
  2906.         
  2907.                     // 既に存在していたら除去（2重防止）
  2908.                     const existingHidden = form.querySelector('input[name=\"search_parent_id\"].auto-injected');
  2909.                     if (existingHidden) {
  2910.                         existingHidden.remove();
  2911.                     }
  2912.         
  2913.                     // ボタンのvalue属性をそのまま使う
  2914.                     const valueFromButton = wordBtn?.getAttribute('value') || '';
  2915.         
  2916.                     const hidden = document.createElement('input');
  2917.                     hidden.type = 'hidden';
  2918.                     hidden.name = 'search_parent_id';
  2919.                     hidden.value = valueFromButton;
  2920.                     hidden.classList.add('auto-injected');
  2921.                     form.appendChild(hidden);
  2922.                     if (wordInput) {
  2923.                         wordInput.disabled = false;
  2924.                     }
  2925.                     form.submit();
  2926.                 }
  2927.             });
  2928.         });
  2929.         
  2930.         // カテゴリの詳細検索に値が入っていない場合、buttonのnameの値をcategory_idに変更する
  2931.         // document.addEventListener('DOMContentLoaded', function () {
  2932.         //     const form = document.querySelector('.tab');
  2933.         //     const submitBtn = form.querySelector('button.category-btn');
  2934.         //     const categorySelects = form.querySelectorAll('select[name=\"category_ids[]\"]');
  2935.         
  2936.         //     form.addEventListener('submit', function (e) {
  2937.         //         // category_ids[] に選択されている値が1つもない場合、ボタンのnameを変更
  2938.         //         const hasValue = Array.from(categorySelects).some(select => select.value && select.value !== '');
  2939.         
  2940.         //         if (!hasValue) {
  2941.         //             submitBtn.setAttribute('name', 'category_id');
  2942.         //         } else {
  2943.         //             submitBtn.setAttribute('name', 'search_parent_id');
  2944.         //         }
  2945.         //     });
  2946.         // });
  2947.     </script>
  2948.     
  2949.     <script>
  2950.         (function () {
  2951.           function setState(section, open) {
  2952.             const btn   = section.querySelector('.js-accordion-toggle');
  2953.             const panel = section.querySelector('.js-accordion-panel');
  2954.             section.classList.toggle('is-open', open);
  2955.             btn.setAttribute('aria-expanded', open ? 'true' : 'false');
  2956.             panel.toggleAttribute('hidden', !open);
  2957.             panel.setAttribute('aria-hidden', open ? 'false' : 'true');
  2958.           }
  2959.         
  2960.           document.querySelectorAll('.search-form-box').forEach(function (box) {
  2961.             // このフォーム（タブ）に属する2つのアコーディオン
  2962.             const sections = box.querySelectorAll('.js-accordion');
  2963.             if (!sections.length) return;
  2964.         
  2965.             const key = location.pathname + '#panel=' + (box.dataset.panel || 'default') + ':openId';
  2966.         
  2967.             // 初期オープン対象：保存 > data-open=\"1\" > 先頭（=フリーワードを想定）
  2968.             const savedId = sessionStorage.getItem(key);
  2969.             let initial = Array.from(sections).find(s => s.id === savedId)
  2970.                        || Array.from(sections).find(s => s.dataset.open === '1')
  2971.                        || sections[0];
  2972.         
  2973.             // 初期反映
  2974.             sections.forEach(s => setState(s, s === initial));
  2975.             sessionStorage.setItem(key, initial.id);
  2976.         
  2977.             sections.forEach(function (sec) {
  2978.               const btn = sec.querySelector('.js-accordion-toggle');
  2979.               btn.addEventListener('click', function () {
  2980.                 if (sec.classList.contains('is-open')) return;
  2981.         
  2982.                 sections.forEach(s => setState(s, s === sec));
  2983.                 sessionStorage.setItem(key, sec.id);
  2984.               });
  2985.             });
  2986.           });
  2987.         })();
  2988.     </script>
  2989. {% endblock %}
  2991. {% block main %}
  2992.     {% set AllCategories = repository('Eccube\\\\Entity\\\\Category').getList() %}
  2993.     {% set Categories = AllCategories|filter(c => c.id is not null and c.id == 18) %}
  2994.     {% set selected_categories = app.request.query.get('category_ids', []) %}
  2995.     {% set parent_category = app.request.query.get('search_parent_id') %}
  2996.     {#パンくず#}
  2997.         <div class=\"ec-searchnavRole__topicpath pc\">
  2998.             <ol class=\"ec-topicpath\">
  2999.                 <li class=\"ec-topicpath__item\"><a href=\"{{ url('photo-product_list') }}\">{{ 'front.product.all_category'|trans }}</a>
  3000.                 </li>
  3001.                 {% if Category is not null %}
  3002.                     {% for Path in Category.path %}
  3003.                         {% if not loop.first %} 
  3004.                             <li class=\"ec-topicpath__divider\">></li>
  3005.                             <li class=\"ec-topicpath__item{% if loop.last %}--active{% endif %}\">
  3006.                                 <a href=\"{{ url('photo-product_list') }}?category_id={{ Path.id }}#contents-list\">{{ Path.name }}</a>
  3007.                             </li>
  3008.                         {% endif %}
  3009.                     {% endfor %}
  3010.                 {% endif %}
  3011.               {#  {% if selected_categories is not empty %}#}
  3012.               {#  {% set first_matched = true %}#}
  3013.     \t\t        {#{% for Category in Categories %}#}
  3014.     \t\t        {#    {% for children in Category.Children %}#}
  3015.             \t\t{#        {% if children.id == parent_category %}#}
  3016.             \t\t{#            <li class=\"ec-topicpath__divider\">></li>#}
  3017.             \t\t{#            <li><a href=\"{{ url('photo-product_list') }}?category_id={{ children.id }}\">{{ children.name }}</a></li>#}
  3018.             \t\t{#        {% endif %}#}
  3019.             \t\t{#            {% for grandChildren in children.Children %}#}
  3020.               {#                      {% for grandgrandChild in grandChildren.Children %}#}
  3021.               {#                          {% if grandgrandChild.id in selected_categories %}#}
  3022.               {#                              {% if first_matched %}#}
  3023.               {#                                  <li class=\"ec-topicpath__divider\">></li>#}
  3024.               {#                                  <li><a href=\"{{ url('photo-product_list') }}?category_ids[]={{ grandgrandChild.id }}&search_parent_id={{parent_category}}\">{{ grandgrandChild.name }}</a></li>#}
  3025.               {#                                  {% set first_matched = false %}#}
  3026.               {#                              {% else %}#}
  3027.               {#                                  <li><a href=\"{{ url('photo-product_list') }}?category_ids[]={{ grandgrandChild.id }}&search_parent_id={{parent_category}}\">・{{ grandgrandChild.name }}</a></li>#}
  3028.               {#                              {% endif %}#}
  3029.               {#                          {% endif %}#}
  3030.               {#                      {% endfor %}#}
  3031.               {#                  {% endfor %}#}
  3032.               {#              {% endfor %}#}
  3033.               {#      {% endfor %}#}
  3034.               {#  {% endif %}#}
  3035.               
  3036.                 {#検索ワード#}
  3037.                 {% if search_form.vars.value.name %}
  3038.                     <li class=\"ec-topicpath__divider\">></li>
  3039.                     <li class=\"ec-topicpath__item\"><a href=\"{{ url('photo-product_list') }}?name={{ search_form.vars.value.name }}#contents-list\">{{ search_form.vars.value.name }}</a></li>
  3040.                 {% endif %}
  3041.                 
  3042.                 {#撮影地（都道府県）#}
  3043.                 {% if app.request.query.get('prefectures') %}
  3044.                     <li class=\"ec-topicpath__divider\">></li>
  3045.                     <li class=\"ec-topicpath__item\">
  3046.                         <a href=\"{{ url('photo-product_list', {
  3047.                             'category_id': app.request.query.get('category_id'),
  3048.                             'prefectures': app.request.query.get('prefectures')
  3049.                         }) }}#contents-list\">
  3050.                             {{app.request.query.get('prefectures')}}
  3051.                         </a>
  3052.                     </li>
  3053.                 {% endif %}
  3054.                 
  3055.                 {#運行会社#}
  3056.                 {% if app.request.query.get('operator') %}
  3057.                     <li class=\"ec-topicpath__divider\">></li>
  3058.                     <li class=\"ec-topicpath__item\">
  3059.                             <a href=\"{{ url('photo-product_list', {
  3060.                                 'category_id': app.request.query.get('category_id'),
  3061.                                 'operator': app.request.query.get('operator')
  3062.                             }) }}#contents-list\">
  3063.                                 {{app.request.query.get('operator')}}
  3064.                             </a>
  3065.                     </li>
  3066.                 {% endif %}
  3067.                 
  3068.                 {#撮影年代#}
  3069.                 {% if app.request.query.get('photographing_period') %}
  3070.                     <li class=\"ec-topicpath__divider\">></li>
  3071.                     <li class=\"ec-topicpath__item\">
  3072.                             <a href=\"{{ url('photo-product_list', {
  3073.                                 'category_id': app.request.query.get('category_id'),
  3074.                                 'operator': app.request.query.get('photographing_period')
  3075.                             }) }}#contents-list\">
  3076.                                 {{app.request.query.get('photographing_period')}}
  3077.                             </a>
  3078.                     </li>
  3079.                 {% endif %}
  3081.                 {#撮影地#}
  3082.                 {% if app.request.query.get('locations') %}
  3083.                     {% for location in app.request.query.get('locations') %}
  3084.                             {% if loop.first %}
  3085.                                 <li class=\"ec-topicpath__divider\">></li>
  3086.                             {% else %}
  3087.                                 <li class=\"ec-topicpath__divider\">・</li>
  3088.                             {% endif %}
  3089.                                 <li>
  3090.                                     <a href=\"{{ url('photo-product_list', {
  3091.                                         'category_id': app.request.query.get('category_id'),
  3092.                                         'locations[]': location
  3093.                                     }) }}#contents-list\">
  3094.                                         {{ location }}
  3095.                                     </a>
  3096.                                 </li>
  3097.                     {% endfor %}
  3098.                 {% endif %}
  3099.                 
  3100.                 {#撮影天候#}
  3101.                 {% if app.request.query.get('weathers') %}
  3102.                     {% for weather in app.request.query.get('weathers') %}
  3103.                             {% if loop.first %}
  3104.                                 <li class=\"ec-topicpath__divider\">></li>
  3105.                             {% else %}
  3106.                                 <li class=\"ec-topicpath__divider\">・</li>
  3107.                             {% endif %}
  3108.                                 <li>
  3109.                                     <a href=\"{{ url('photo-product_list', {
  3110.                                         'category_id': app.request.query.get('category_id'),
  3111.                                         'weathers[]': weather
  3112.                                     }) }}#contents-list\">
  3113.                                         {{ weather }}
  3114.                                     </a>
  3115.                                 </li>
  3116.                     {% endfor %}
  3117.                 {% endif %}
  3119.                 {#撮影アングル#}
  3120.                 {% if app.request.query.get('camera_angles') %}
  3121.                     {% for camera_angle in app.request.query.get('camera_angles') %}
  3122.                             {% if loop.first %}
  3123.                                 <li class=\"ec-topicpath__divider\">></li>
  3124.                             {% else %}
  3125.                                 <li class=\"ec-topicpath__divider\">・</li>
  3126.                             {% endif %}
  3127.                                 <li>
  3128.                                     <a href=\"{{ url('photo-product_list', {
  3129.                                         'category_id': app.request.query.get('category_id'),
  3130.                                         'camera_angles[]': camera_angle
  3131.                                     }) }}#contents-list\">
  3132.                                         {{ camera_angle }}
  3133.                                     </a>
  3134.                                 </li>
  3135.                     {% endfor %}
  3136.                 {% endif %}
  3138.                 {#撮影方式#}
  3139.                 {% if app.request.query.get('color_types') %}
  3140.                     {% for color_type in app.request.query.get('color_types') %}
  3141.                             {% if loop.first %}
  3142.                                 <li class=\"ec-topicpath__divider\">></li>
  3143.                             {% else %}
  3144.                                 <li class=\"ec-topicpath__divider\">・</li>
  3145.                             {% endif %}
  3146.                                 <li>
  3147.                                     <a href=\"{{ url('photo-product_list', {
  3148.                                         'category_id': app.request.query.get('category_id'),
  3149.                                         'color_types[]': color_type
  3150.                                     }) }}#contents-list\">
  3151.                                         {{ color_type }}撮影
  3152.                                     </a>
  3153.                                 </li>
  3154.                     {% endfor %}
  3155.                 {% endif %}
  3157.                 {#一押し#}
  3158.                 {% if app.request.query.get('features') %}
  3159.                     {% for feature in app.request.query.get('features') %}
  3160.                             {% if loop.first %}
  3161.                                 <li class=\"ec-topicpath__divider\">></li>
  3162.                             {% else %}
  3163.                                 <li class=\"ec-topicpath__divider\">・</li>
  3164.                             {% endif %}
  3165.                                 <li>
  3166.                                     <a href=\"{{ url('photo-product_list', {
  3167.                                         'category_id': app.request.query.get('category_id'),
  3168.                                         'features[]': feature
  3169.                                     }) }}#contents-list\">
  3170.                                         {{ feature }}
  3171.                                     </a>
  3172.                                 </li>
  3173.                     {% endfor %}
  3174.                 {% endif %}
  3175.             </ol>
  3176.         </div>
  3177.     <!-- カテゴリ検索 -->
  3178.     {% if app.request.query.get('category_id') or app.request.query.get('search_parent_id') %}
  3179.         <form action=\"{{ path('photo-product_list') }}#contents-list\" method=\"get\" class=\"tab\" >
  3180.             <ul class=\"tab-list\">
  3181.                 {% for tab in Categories%}
  3182.                     {% for children in tab.Children %}
  3183.                         {% set children_ids = [] %}
  3184.                         {% for grandChild in children.Children %}
  3185.                             {% set children_ids = children_ids|merge([grandChild.id]) %}
  3186.                         {% endfor %}
  3187.                             {% if children.id == app.request.query.get('category_id')
  3188.                             or children.id == app.request.query.get('search_parent_id')
  3189.                             or app.request.query.get('category_id') in children_ids
  3190.                             %}
  3191.                                 <li class=\"tab-item active\" tabindex=\"0\" id=\"{{children.id}}\">
  3192.                                     <a href=\"{{ url('photo-product_list', {'category_id': children.id}) }}\">{{children.name}}</a>
  3193.                                 </li>
  3194.                             {% else %}
  3195.                                 <li class=\"tab-item\" tabindex=\"0\" id=\"{{children.id}}\">
  3196.                                     <a href=\"{{ url('photo-product_list', {'category_id': children.id}) }}\">{{children.name}}</a>
  3197.                                 </li>
  3198.                             {% endif %}
  3199.                     {% endfor %}
  3200.                 {% endfor %}
  3201.             </ul>
  3202.             <div class=\"search-form-box\">
  3203.                 <section id=\"freeword\" class=\"search-section js-accordion\" data-open=\"1\">
  3204.                     <header class=\"search-section__header\">
  3205.                         <div class=\"search-title\">
  3206.                             <img src=\"{{ asset('/html/user_data/assets/icon/btn_ic_search.svg ', 'user_data') }}\" class=\"ic\" style=\"width: auto\"><h3>フリーワード検索</h3>
  3207.                         </div>
  3208.                         <button type=\"button\"
  3209.                             class=\"accordion-toggle js-accordion-toggle\"
  3210.                             aria-controls=\"freeword-panel\"
  3211.                             aria-expanded=\"true\"
  3212.                             title=\"閉じる\">
  3213.                             <span class=\"visually-hidden\">フリーワード検索を開閉</span>
  3214.                         </button>
  3215.                     </header>
  3216.                     <div id=\"freeword-panel\"
  3217.                         class=\"search-section__panel js-accordion-panel\"
  3218.                         aria-hidden=\"false\">
  3219.                         <div class=\"search-form-content\">
  3220.                             <div class=\"search-form-item\">
  3221.                                 <input type=\"text\" name=\"name\" class=\"search-form-input\"
  3222.                                  placeholder=\"駅名・線路名・形式・撮影者名など自由に検索できます\"
  3223.                                 {% if search_form.vars.value.name
  3224.                                 and (app.request.query.get('search_parent_id') is not empty or app.request.query.get('category_id') is not empty) %}
  3225.                                 value=\"{{ search_form.vars.value.name }}\"
  3226.                                 {% endif %}
  3227.                                 >
  3228.                             </div>
  3229.                         </div>
  3230.                         <div class=\"sp-center\">
  3231.                             <button type=\"submit\" class=\"category-btn word-search\">
  3232.                                 <img src=\"{{ asset('/html/user_data/assets/icon/btn_ic_search.svg ', 'user_data') }}\" alt=\"お気に入り\">
  3233.                                 検索
  3234.                             </button>
  3235.                         </div>
  3236.                     </div>
  3237.                 </section>
  3239.                 <section id=\"details\" class=\"search-section js-accordion\" data-open=\"0\">
  3240.                     <header class=\"search-section__header\">
  3241.                         <div class=\"search-title\">
  3242.                             <img src=\"{{ asset('/html/user_data/assets/icon/title_ic_filter.svg ', 'user_data') }}\" class=\"ic\" style=\"width: auto\"><h3>詳細フィルター</h3>
  3243.                         </div>
  3244.                         <button type=\"button\"
  3245.                                 class=\"accordion-toggle js-accordion-toggle\"
  3246.                                 aria-controls=\"details-panel\"
  3247.                                 aria-expanded=\"false\"
  3248.                                 title=\"開く\">
  3249.                           <span class=\"visually-hidden\">詳細フィルターを開閉</span>
  3250.                         </button>
  3251.                     </header>
  3253.                     <div id=\"details-panel\"
  3254.                         class=\"search-section__panel js-accordion-panel\"
  3255.                         hidden aria-hidden=\"true\">
  3256.                         <div class=\"search-base-content\">
  3257.                             <div class=\"search-base-item\">
  3258.                                 <h4 class=\"search-subtitle\"><label for=\"pref-select\">撮影地（都道府県）</label></h4>
  3259.                                 <div class=\"select\">
  3260.                                     <select name=\"prefectures\" id=\"pref-select\">
  3261.                                         <option value=\"\">選択</option>
  3262.                                         {% if prefectures is not empty %}
  3263.                                             {% for prefecture in prefectures %}
  3264.                                                 <option value=\"{{prefecture}}\"
  3265.                                                 {% if app.request.query.get('prefectures') and prefecture == app.request.query.get('prefectures') %}
  3266.                                                     selected
  3267.                                                 {% endif %}                                        
  3268.                                                 >{{prefecture}}</option>
  3269.                                             {% endfor %}
  3270.                                         {% else %}
  3271.                                             <option value=\"\">該当なし</option>
  3272.                                         {% endif %}
  3273.                                     </select>
  3274.                                 </div>
  3275.                             </div>
  3276.                             
  3277.                             <div class=\"search-base-item\">
  3278.                                 <h4 class=\"search-subtitle\"><label for=\"period-select\">年代</label></h4>
  3279.                                 <div class=\"select\">
  3280.                                     <select name=\"photographing_period\" id=\"period-select\" >
  3281.                                         <option value=\"\">選択</option>
  3282.                                         {% if photographing_periods is not empty %}
  3283.                                             {% for photographing_period in photographing_periods |sort %}
  3284.                                                 <option value=\"{{photographing_period}}\"
  3285.                                                 {% if app.request.query.get('photographing_period') and photographing_period == app.request.query.get('photographing_period') %}
  3286.                                                     selected
  3287.                                                 {% endif %}  
  3288.                                                 >{{photographing_period}}</option>
  3289.                                             {% endfor %}
  3290.                                         {% else %}
  3291.                                             <option value=\"\">該当なし</option>
  3292.                                         {% endif %}
  3293.                                     </select>
  3294.                                 </div>
  3295.                             </div>
  3296.                         </div>
  3297.                         
  3298.                         <div class=\"search-filter-content\">
  3299.                             <h4 class=\"search-subtitle\"><legend>撮影アングル</legend></h4> 
  3300.                             <div class=\"search-filter-list\">
  3301.                                 {% if camera_angles is not empty %}
  3302.                                     {% for camera_angle in camera_angles %}
  3303.                                         <label class=\"filter-checkbox-item\">
  3304.                                             <input type=\"checkbox\" name=\"camera_angles[]\" value=\"{{camera_angle}}\"
  3305.                                                 {% if app.request.query.get('camera_angles') and camera_angle in app.request.query.get('camera_angles') %}
  3306.                                                     checked
  3307.                                                 {% endif %}    
  3308.                                             >{{camera_angle}}
  3309.                                         </label>
  3310.                                     {% endfor %}
  3311.                                 {% else %}
  3312.                                     <p>該当する検索候補がありません。</p>
  3313.                                 {% endif %}
  3314.                             </div>
  3315.         
  3316.                             <h4 class=\"search-subtitle\"><legend>カラー種別</legend></h4> {# id属性名・サブタイトル仮置き #}
  3317.                             <div class=\"search-filter-list\">
  3318.                                 {% if color_types is not empty %}
  3319.                                     {% for color_type in color_types %}
  3320.                                         <label class=\"filter-checkbox-item\">
  3321.                                             <input type=\"checkbox\" name=\"color_types[]\" value=\"{{color_type}}\"
  3322.                                                 {% if app.request.query.get('color_types') and color_type in app.request.query.get('color_types') %}
  3323.                                                     checked
  3324.                                                 {% endif %}
  3325.                                             >{{color_type}}
  3326.                                         </label>
  3327.                                     {% endfor %}
  3328.                                 {% else %}
  3329.                                     <p>該当する検索候補がありません。</p>
  3330.                                 {% endif %}
  3331.                             </div>
  3332.                         </div>
  3333.                         <div class=\"sp-center\">
  3334.                             <button type=\"submit\" class=\"category-btn word-search\">
  3335.                                 <img src=\"{{ asset('/html/user_data/assets/icon/btn_ic_search.svg ', 'user_data') }}\" alt=\"お気に入り\">
  3336.                                 検索
  3337.                             </button>
  3338.                         </div>
  3339.                     </div>
  3340.                 </section>
  3341.             </div>
  3342.             {% if app.request.query.get('category_id') or app.request.query.get('search_parent_id') %}
  3343.                 <input type=\"hidden\" name=\"category_id\" value=\"{{ app.request.query.get('category_id') ?: app.request.query.get('search_parent_id') }}\">
  3344.             {% endif%}
  3345.         </form>
  3346.     {% endif %}
  3347. <section class=\"contents-list\" id=\"contents-list\">
  3348. \t<!-- 商品リスト -->
  3350. \t<div class=\"list-view\">
  3351. \t\t<div class=\"list-title\">
  3352. \t\t    <div class=\"list-title-left\">
  3353. \t\t        {#カテゴリが存在する場合(通常の検索)#}
  3354.                 {% if app.request.query.get('category_id') %}
  3355.                         <h2 class=\"ec-topicpath__title\">{{ Category.name }}<span>の写真</span></h2>
  3356.                         {% if search_form.vars.value.name %}
  3357.                             <p class=\"ec-topicpath__item\">　>　{{ search_form.vars.value.name }}</p>
  3358.                         {% endif %}
  3359.                         {% if app.request.query.get('prefectures') %}
  3360.                             <p class=\"ec-topicpath__item\">　>　{{app.request.query.get('prefectures')}}</p>
  3361.                         {% endif %}
  3362.                         {% if app.request.query.get('operator') %}
  3363.                             <p class=\"ec-topicpath__item\">　>　{{app.request.query.get('operator')}}</p>
  3364.                         {% endif %}
  3365.                         {% if app.request.query.get('photographing_period') %}
  3366.                             <p class=\"ec-topicpath__item\">　>　{{app.request.query.get('photographing_period')}}</p>
  3367.                         {% endif %}
  3368.                         {% if app.request.query.get('locations') %}
  3369.                             <p class=\"ec-topicpath__item\">
  3370.                             {% for location in app.request.query.get('locations') %}
  3371.                                 {% if loop.first %}
  3372.                                     　>　{{ location }}
  3373.                                 {% else %}
  3374.                                     <span class=\"ec-topicpath__item\">・{{ location }}</span>
  3375.                                 {% endif %}
  3376.                             {% endfor %}
  3377.                             </p>
  3378.                         {% endif %}
  3379.                         {% if app.request.query.get('weathers') %}
  3380.                             <p class=\"ec-topicpath__item\">
  3381.                             {% for weather in app.request.query.get('weathers') %}
  3382.                                 {% if loop.first %}
  3383.                                     　>　{{ weather }}
  3384.                                 {% else %}
  3385.                                     <span class=\"ec-topicpath__item\">・{{ weather }}</span>
  3386.                                 {% endif %}
  3387.                             {% endfor %}
  3388.                             </p>
  3389.                         {% endif %}
  3390.                         {% if app.request.query.get('camera_angles') %}
  3391.                             <p class=\"ec-topicpath__item\">
  3392.                             {% for camera_angle in app.request.query.get('camera_angles') %}
  3393.                                 {% if loop.first %}
  3394.                                     　>　{{ camera_angle }}
  3395.                                 {% else %}
  3396.                                     <span class=\"ec-topicpath__item\">・{{ camera_angle }}</span>
  3397.                                 {% endif %}
  3398.                             {% endfor %}
  3399.                             </p>
  3400.                         {% endif %}
  3401.                         {% if app.request.query.get('color_types') %}
  3402.                             <p class=\"ec-topicpath__item\">
  3403.                             {% for color_type in app.request.query.get('color_types') %}
  3404.                                 {% if loop.first %}
  3405.                                     　>　{{ color_type }}
  3406.                                 {% else %}
  3407.                                     <span class=\"ec-topicpath__item\">・{{ color_type }}</span>
  3408.                                 {% endif %}
  3409.                             {% endfor %}
  3410.                             </p>
  3411.                         {% endif %}
  3412.                         {% if app.request.query.get('features') %}
  3413.                             <p class=\"ec-topicpath__item\">
  3414.                             {% for feature in app.request.query.get('features') %}
  3415.                                 {% if loop.first %}
  3416.                                     　>　{{ feature }}
  3417.                                 {% else %}
  3418.                                     <span class=\"ec-topicpath__item\">・{{ feature }}</span>
  3419.                                 {% endif %}
  3420.                             {% endfor %}
  3421.                             </p>
  3422.                         {% endif %}
  3423.                 {% else %}
  3424.                     {#通常の全体検索#}
  3425.                     {% if search_form.vars.value.name %}
  3426.                         <div>
  3427.                             <h2 class=\"ec-topicpath__title\">「{{ search_form.vars.value.name }}」<span style=\"padding: 0;\">で検索</span></h2>
  3428.                         </div>
  3429.                     {% else %}
  3430.                     {#全体を表示#}
  3431.                         <h2 class=\"ec-topicpath__title\">すべての写真</h2>
  3432.                     {% endif %}
  3433.                 {% endif %}
  3434.             </div>
  3435.             <div class=\"list-title-right\">
  3436.                 {% if pagination.totalItemCount > 0 %}
  3437.                     {% set start = ((pagination.currentPageNumber - 1) * pagination.getItemNumberPerPage) + 1 %}
  3438.                 {% else %}
  3439.                     {% set start = 0 %}
  3440.                 {% endif %}
  3441.                 {% set end = min(pagination.currentPageNumber * pagination.getItemNumberPerPage, pagination.totalItemCount) %}
  3442.                 <p>({{ pagination.totalItemCount }}件中{{ start }}件-{{ end }}件を表示)</p>
  3443.             </div>
  3444. \t\t</div>
  3446. \t\t<!-- カテゴリ説明 -->
  3447. \t\t{#デザインにないため、いったんコメントアウト#}
  3448. \t\t{#<p class=\"lead-sentence\">#}
  3449. \t\t{#    <button type=\"submit\" class=\"category-btn-list word-search\" name=\"search_parent_id\" value=\"1\">#}
  3450.   {#              JR埼京線#}
  3451.   {#          </button>#}
  3452.   {#          <button type=\"submit\" class=\"category-btn-list word-search\" name=\"search_parent_id\" value=\"2\">#}
  3453.   {#              SL#}
  3454.   {#          </button>#}
  3455. \t\t{#</p>#}
  3457. \t\t<!-- リストエリア -->
  3458. \t\t{% if pagination.totalItemCount > 0 %}
  3459. \t\t\t<div>
  3460. \t\t\t    <div class=\"list-area\">
  3461. \t\t\t    {% for Product in pagination %}
  3462.                     <div class=\"card-1\">
  3463.                         <a href=\"{{ url('photo-product_detail', {'id': Product.id}) }}\">
  3464.                             <div class=\"image-wrapper\">
  3465.                                 <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" {% if loop.index > 5 %} loading=\"lazy\"{% endif %}>
  3466.                                     {% if Product.getPrice02IncTaxMin == 0 %}
  3467.                                         <div class=\"label-free\">無料</div>
  3468.                                     {% endif %}
  3469.                             </div>
  3470.                             {#デザインにないため、いったんコメントアウト#}
  3471.                             {#<h3>{{ Product.name }}</h3>#}
  3472.                             {#<p class=\"price02-default\">#}
  3473.                             {#    {{ Product.getPrice02IncTaxMin|price }}<span class=\"tax\">（税込）</span>#}
  3474.                             {#</p>#}
  3475.                         </a>
  3476.                     </div>
  3477.                 {% endfor %}
  3478.                 </div>
  3479.     \t\t\t<!-- ページネーション -->
  3480.     \t\t\t{% set pages = pagination.paginationData %}
  3482.     \t\t\t{% if pages.pageCount > 1 %}
  3483.                     <div class=\"ec-pager pagination\">
  3484.                         {# 前へ #}
  3485.                         {% if pages.previous is defined %}
  3486.                             <a class=\"page-return\" href=\"{{ path(
  3487.                             app.request.attributes.get('_route'),
  3488.                             app.request.query.all|merge({'pageno': pages.previous})) }}#contents-list\">←</a>
  3489.                         {% endif %}
  3490.                         <div class=\"page-num\">
  3491.                             {% for page in pages.pagesInRange %}
  3492.                                 {% if page == pages.current %}
  3493.                                     <a class=\"active\" href=\"{{ path(
  3494.                                         app.request.attributes.get('_route'),
  3495.                                         app.request.query.all|merge({'pageno': page})) }}#contents-list\"> {{ page }} </a>
  3496.                                 {% else %}
  3497.                                     <a href=\"{{ path(
  3498.                                         app.request.attributes.get('_route'),
  3499.                                         app.request.query.all|merge({'pageno': page})) }}#contents-list\"> {{ page }} </a>
  3500.                                 {% endif %}
  3501.                             {% endfor %}
  3502.                         </div>
  3503.                         {# 次へ #}
  3504.                         {% if pages.next is defined %}
  3505.                             <a class=\"page-advance\" href=\"{{ path(
  3506.                             app.request.attributes.get('_route'),
  3507.                             app.request.query.all|merge({'pageno': pages.next})) }}#contents-list\">→</a>
  3508.                         {% endif %}
  3509.                     </div>
  3510.                 {% endif %}
  3511.     \t    </div>
  3512.     \t{% else %}
  3513.             <p class=\"no_item\">{{ 'お探しの商品は見つかりませんでした'|trans }}</p>
  3514.         {% endif %}
  3515.         
  3516.         <!-- カテゴリ説明 -->
  3517.         {#デザインにないため、いったんコメントアウト#}
  3518. \t\t{#<p class=\"lead-sentence\">#}
  3519. \t\t{#    <button type=\"submit\" class=\"category-btn-list word-search\" name=\"search_parent_id\" value=\"1\">#}
  3520.   {#              JR埼京線#}
  3521.   {#          </button>#}
  3522.   {#          <button type=\"submit\" class=\"category-btn-list word-search\" name=\"search_parent_id\" value=\"2\">#}
  3523.   {#              SL#}
  3524.   {#          </button>#}
  3525. \t\t{#</p>#}
  3526.     </div>
  3527.             
  3528. </section>
  3529. {% endblock %}", "@user_data/photo-product_list.twig", "/home/photo-pub/www/photo-pub.com/app/template/user_data/photo-product_list.twig");
  3530.     }
  3531. }