var/cache/dev/twig/a0/a084bd8fc3a786c799fbad5ef2d501d6.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. /* Product/detail.twig */
  16. class __TwigTemplate_3e4f6e32b5f87d6b9a1de0102999e44e 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", "Product/detail.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", "Product/detail.twig"));
  49.         // line 13
  50.         $context["body_class"] = "product_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  57.         
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <style>
  75.         .ec-modal {
  76.             display: none;
  77.             position: fixed;
  78.             top: 0;
  79.             left: 0;
  80.             z-index: 99999;
  81.             width: 100%;
  82.             height: 100%;
  83.         }
  84.         .ec-modal.small {
  85.             width: 30%;
  86.         }
  87.         .ec-modal.full {
  88.             width: 100%;
  89.             height: 100%;
  90.         }
  91.         .ec-modal .ec-modal-overlay {
  92.             display: flex;
  93.             justify-content: center;
  94.             align-items: center;
  95.             background-color: rgba(0, 0, 0, 0.3);
  96.             width: 100%;
  97.             height: 100%;
  98.         }
  99.         .ec-modal .ec-modal-wrap {
  100.             position: relative;
  101.             border-radius: 6px;
  102.             border: 0px;
  103.             background-color: #fff;
  104.             width: 50%;
  105.             margin: 20px;
  106.             padding: 40px 5px;
  107.         }
  108.         .ec-modal .ec-modal-close {
  109.             cursor: pointer;
  110.             position: absolute;
  111.             right: 20px;
  112.             top: 10px;
  113.             font-size: 20px;
  114.             height: 30px;
  115.             width: 20px;
  116.         }
  117.         .ec-modal .ec-modal-close:hover {
  118.             color: #4b5361;
  119.         }
  120.         .ec-modal .ec-modal-box {
  121.             text-align: center;
  122.         }
  123.         .ec-modal .ec-role {
  124.             margin-top: 20px;
  125.         }
  127.         
  128.    
  129.         .slick-slider {
  130.             margin-bottom: 30px;
  131.         }
  133.         .slick-dots {
  134.             position: absolute;
  135.             bottom: -45px;
  136.             display: block;
  137.             width: 100%;
  138.             padding: 0;
  139.             list-style: none;
  140.             text-align: center;
  141.         }
  143.         .slick-dots li {
  144.             position: relative;
  145.             display: inline-block;
  146.             width: 20px;
  147.             height: 20px;
  148.             margin: 0 5px;
  149.             padding: 0;
  151.             cursor: pointer;
  152.         }
  154.         .slick-dots li button {
  155.             font-size: 0;
  156.             line-height: 0;
  157.             display: block;
  158.             width: 20px;
  159.             height: 20px;
  160.             padding: 5px;
  161.             cursor: pointer;
  162.             color: transparent;
  163.             border: 0;
  164.             outline: none;
  165.             background: transparent;
  166.         }
  168.         .slick-dots li button:hover,
  169.         .slick-dots li button:focus {
  170.             outline: none;
  171.         }
  173.         .slick-dots li button:hover:before,
  174.         .slick-dots li button:focus:before {
  175.             opacity: 1;
  176.         }
  178.         .slick-dots li button:before {
  179.             content: \" \";
  180.             line-height: 20px;
  181.             position: absolute;
  182.             top: 0;
  183.             left: 0;
  184.             width: 12px;
  185.             height: 12px;
  186.             text-align: center;
  187.             opacity: .25;
  188.             background-color: black;
  189.             border-radius: 50%;
  191.         }
  193.         .slick-dots li.slick-active button:before {
  194.             opacity: .75;
  195.             background-color: black;
  196.         }
  198.         .slick-dots li button.thumbnail img {
  199.             width: 0;
  200.             height: 0;
  201.         }
  203.         .ec-numberInput {
  204.             display: none;
  205.         }
  206.        
  208.         .ec-blockBtn--cancel {
  209.             display: inline-block;
  210.             margin-bottom: 0;
  211.             font-weight: bold;
  212.             text-align: center;
  213.             vertical-align: middle;
  214.             touch-action: manipulation;
  215.             cursor: pointer;
  216.             background-image: none;
  217.             border: 1px solid transparent;
  218.             white-space: nowrap;
  219.             padding: 6px 12px;
  220.             font-size: 0.875rem;
  221.             border-radius: 1.42857142;
  222.             -webkit-user-select: none;
  223.             -moz-user-select: none;
  224.             -ms-user-select: none;
  225.             user-select: none;
  226.             padding: 10px 16px;
  227.             text-decoration: none;
  228.             color: #fff;
  229.             background-color: #F8C4CF;
  230.             border-color: #F8C4CF;
  231.             display: block;
  232.             width: 330px;
  233.             height: 56px;
  234.             line-height: 56px;
  235.             padding-top: 0;
  236.             padding-bottom: 0;
  237.             border-radius: 6px;
  238.         }
  240.         .ec-blockBtn--cancel:hover {
  241.             opacity: 0.7;
  242.             background-color: #F8C4CF;
  243.             border-color: #F8C4CF;
  244.         }
  246.         .ec-blockBtn--action-detail {
  247.             display: inline-block;
  248.             margin-bottom: 0;
  249.             font-weight: bold;
  250.             text-align: center;
  251.             vertical-align: middle;
  252.             touch-action: manipulation;
  253.             cursor: pointer;
  254.             background-image: none;
  255.             border: 1px solid transparent;
  256.             white-space: nowrap;
  257.             padding: 6px 12px;
  258.             font-size: 0.875rem;
  259.             border-radius: 1.42857142;
  260.             -webkit-user-select: none;
  261.             -moz-user-select: none;
  262.             -ms-user-select: none;
  263.             user-select: none;
  264.             padding: 10px 16px;
  265.             text-decoration: none;
  266.             color: #fff;
  267.             background-color: #d5a770;
  268.             border-color: #d5a770;
  269.             display: block;
  270.             width: 330px;
  271.             height: 56px;
  272.             line-height: 56px;
  273.             padding-top: 0;
  274.             padding-bottom: 0;
  275.             border-radius: 6px;
  276.         }
  278.         .ec-blockBtn--action-detail:hover {
  279.             background-color: #d5a770;
  280.             border-color: #d5a770;
  281.             opacity: 0.7;
  282.         }
  284.         .ec-blockBtn--action {
  285.             display: inline-block;
  286.             margin-bottom: 0;
  287.             font-weight: bold;
  288.             text-align: center;
  289.             vertical-align: middle;
  290.             touch-action: manipulation;
  291.             cursor: pointer;
  292.             background-image: none;
  293.             border: 1px solid transparent;
  294.             white-space: nowrap;
  295.             padding: 6px 12px;
  296.             font-size: 0.875rem;
  297.             border-radius: 1.42857142;
  298.             -webkit-user-select: none;
  299.             -moz-user-select: none;
  300.             -ms-user-select: none;
  301.             user-select: none;
  302.             padding: 10px 16px;
  303.             text-decoration: none;
  304.             color: #fff;
  305.             background-color: #F8C4CF;
  306.             border-color: #F8C4CF;
  307.             display: block;
  308.             width: 330px;
  309.             height: 56px;
  310.             line-height: 56px;
  311.             padding-top: 0;
  312.             padding-bottom: 0;
  313.             border-radius: 6px;
  314.         }
  316.         .ec-productRole__description_icon_car {
  317.             margin-top: 7%;
  318.             padding-top: 7%;
  319.             border-top: 1px dotted #ccc;
  320.             display: flex;
  321.         }
  323.         .ec-productRole__description_icon_present {
  324.             margin-top: 7%;
  325.             display: flex;
  326.         }
  328.         .item_desc_icon {
  329.             width: 25%;
  330.         }
  332.         .item_desc {
  333.             width: 75%;
  334.             padding-top: 0.5%;
  335.             font-weight: bold;
  336.         }
  338.         .item_desc_present {
  339.             width: 75%;
  340.             padding-top: 4%;
  341.             font-weight: bold;
  342.         }
  344.         .product-detail-artist-icon {
  345.             display: flex;
  346.         }
  348.         .box26 {
  349.             position: relative;
  350.             margin: 2em 0;
  351.             padding: 0.5em 1em;
  352.             border: solid 3px #d5a770;
  353.             border-radius: 8px;
  354.         }
  355.         .box26 .box-title {
  356.             position: absolute;
  357.             display: inline-block;
  358.             top: -13px;
  359.             left: 10px;
  360.             padding: 0 9px;
  361.             line-height: 1;
  362.             font-size: 19px;
  363.             background: #FFF;
  364.             color: #d5a770;
  365.             font-weight: bold;
  366.         }
  367.         .box26 h3 {
  368.             margin: 0; 
  369.             padding: 0;
  370.         }
  372.         .product-detail-artist-icon {
  373.             margin-left: -15px;
  374.         }
  376.         .mr-10 {
  377.             margin-right: 10px;
  378.         }
  380.         a.btn-sns {
  381.             font-size: 25px;
  382.             line-height: 40px;
  384.             width: 40px;
  385.             height: 40px;
  386.             padding: 1px 2px;
  387.             margin-left: 30px;
  389.             letter-spacing: 0;
  391.             color: #fff;
  392.             border-radius: 50%;
  393.         }
  395.         a.btn-sns:hover {
  396.             color: #fff;
  397.         }
  399.         a.btn-sns--twitter {
  400.             background: #1da1f2;
  401.         }
  403.         .product-detail-artist-link{
  404.             padding-top: 20px;
  405.         }
  407.         .product-detail-artist-link a:hover{
  408.             color: #d5a770;
  409.             border-bottom: 1px solid #d5a770;
  410.         }
  412.         .product-detail-artist-link a {
  413.             color: black;
  414.             border-bottom: 1px solid black;
  415.             font-weight: bold;
  416.             font-size: 15px;
  417.         }
  419.         /* 768以下の時 */
  420.         @media screen and (max-width: 767px) {  
  421.             .ec-productRole__description {
  422.                 display: none;
  423.             }
  424.             .product-detail-artist-photo {
  425.                 visibility:hidden
  426.             }
  427.             .artist-name-size {
  428.                 width: 500px;
  429.             }
  430.             .ec-grid2__cell_introduce {
  431.                 margin: 10% 15% 0;
  432.                 width: auto;
  433.             }
  434.             .ec-productRole__profile {
  435.                 width: auto;
  436.                 padding: 5%;
  437.                 text-align: center;
  438.             }
  439.             .ec-blockBtn--action {
  440.                 display: inline-block;
  441.                 margin-bottom: 0;
  442.                 font-weight: bold;
  443.                 text-align: center;
  444.                 vertical-align: middle;
  445.                 touch-action: manipulation;
  446.                 cursor: pointer;
  447.                 background-image: none;
  448.                 border: 1px solid transparent;
  449.                 white-space: nowrap;
  450.                 padding: 6px 12px;
  451.                 font-size: 0.875rem;
  452.                 border-radius: 1.42857142;
  453.                 -webkit-user-select: none;
  454.                 -moz-user-select: none;
  455.                 -ms-user-select: none;
  456.                 user-select: none;
  457.                 padding: 10px 16px;
  458.                 text-decoration: none;
  459.                 color: #fff;
  460.                 background-color: #d5a770;
  461.                 border-color: #d5a770;
  462.                 display: block;
  463.                 width: 230px;
  464.                 height: 56px;
  465.                 line-height: 56px;
  466.                 padding-top: 0;
  467.                 padding-bottom: 0;
  468.             }
  469.             .ec-blockBtn--action-detail {
  470.                 display: inline-block;
  471.                 margin-bottom: 0;
  472.                 font-weight: bold;
  473.                 text-align: center;
  474.                 vertical-align: middle;
  475.                 touch-action: manipulation;
  476.                 cursor: pointer;
  477.                 background-image: none;
  478.                 border: 1px solid transparent;
  479.                 white-space: nowrap;
  480.                 padding: 6px 12px;
  481.                 font-size: 0.875rem;
  482.                 border-radius: 1.42857142;
  483.                 -webkit-user-select: none;
  484.                 -moz-user-select: none;
  485.                 -ms-user-select: none;
  486.                 user-select: none;
  487.                 padding: 10px 16px;
  488.                 text-decoration: none;
  489.                 color: #fff;
  490.                 background-color: #d5a770;
  491.                 border-color: #d5a770;
  492.                 display: block;
  493.                 width: 230px;
  494.                 height: 56px;
  495.                 line-height: 56px;
  496.                 padding-top: 0;
  497.                 padding-bottom: 0;
  498.             }
  499.             .ec-blockBtn--cancel {
  500.                 display: inline-block;
  501.                 margin-bottom: 0;
  502.                 font-weight: bold;
  503.                 text-align: center;
  504.                 vertical-align: middle;
  505.                 touch-action: manipulation;
  506.                 cursor: pointer;
  507.                 background-image: none;
  508.                 border: 1px solid transparent;
  509.                 white-space: nowrap;
  510.                 padding: 6px 12px;
  511.                 font-size: 0.875rem;
  512.                 border-radius: 1.42857142;
  513.                 -webkit-user-select: none;
  514.                 -moz-user-select: none;
  515.                 -ms-user-select: none;
  516.                 user-select: none;
  517.                 padding: 10px 16px;
  518.                 text-decoration: none;
  519.                 color: #fff;
  520.                 background-color: #525263;
  521.                 border-color: #525263;
  522.                 display: block;
  523.                 width: 230px;
  524.                 height: 56px;
  525.                 line-height: 56px;
  526.                 padding-top: 0;
  527.                 padding-bottom: 0;
  528.             }
  529.             .ec-blockBtn--cancel:hover {
  530.                 opacity: 0.7;
  531.                 background-color: #525263;
  532.                 border-color: #525263;
  533.             }
  534.             .social-media-title {
  535.                 display: none;
  536.             }
  537.         }
  539.         /* 570以下の時 */
  540.         @media screen and (max-width: 570px) {  
  541.             .ec-grid2__cell_introduce {
  542.                 margin: 10% 5% 0;
  543.                 width: auto;
  544.             }
  545.         }
  547.     </style>
  548. ";
  549.         
  550.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  552.         
  553.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  555.     }
  557.     // line 493
  558.     public function block_javascript($context, array $blocks = [])
  559.     {
  560.         $macros = $this->macros;
  561.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  562.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  564.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  565.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  567.         // line 494
  568.         echo "\t<script>
  569. \t\$(function () {
  570. \t\t\$('#js-slider-4').slick({
  571. \t\t\tarrows: true, // 前・次のボタンを表示する
  572. \t\t\tspeed: 500, // スライドさせるスピード（ミリ秒）
  573. \t\t\tslidesToShow: 4, // 表示させるスライド数
  574. \t\t\tcenterMode: true, // slidesToShowが奇数のとき、現在のスライドを中央に表示する
  575. \t\t\tvariableWidth: true, // スライド幅の自動計算を無効化
  576. \t\t});
  577. \t});
  578. \t</script>
  579.     <script>
  580.         eccube.classCategories = ";
  581.         // line 506
  582.         echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 506, $this->source); })()));
  583.         echo ";
  585.         // 規格2に選択肢を割り当てる。
  586.         function fnSetClassCategories(form, classcat_id2_selected) {
  587.             var \$form = \$(form);
  588.             var product_id = \$form.find('input[name=product_id]').val();
  589.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  590.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  591.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  592.         }
  594.         ";
  595.         // line 517
  596.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 517)) {
  597.             // line 518
  598.             echo "        fnSetClassCategories(
  599.             \$('#form1'), ";
  600.             // line 519
  601.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 519, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 519), "vars", [], "any", false, false, false, 519), "value", [], "any", false, false, false, 519));
  602.             echo "
  603.         );
  604.         ";
  605.         } elseif (twig_get_attribute($this->env, $this->source,         // line 521
  606. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 521)) {
  607.             // line 522
  608.             echo "        eccube.checkStock(\$('#form1'), ";
  609.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 522, $this->source); })()), "id", [], "any", false, false, false, 522), "html", null, true);
  610.             echo ", ";
  611.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 522, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 522), "vars", [], "any", false, false, false, 522), "value", [], "any", false, false, false, 522));
  612.             echo ", null);
  613.         ";
  614.         }
  615.         // line 524
  616.         echo "    </script>
  617.     <script>
  618.         \$(function() {
  619.             // bfcache無効化
  620.             \$(window).bind('pageshow', function(event) {
  621.                 if (event.originalEvent.persisted) {
  622.                     location.reload(true);
  623.                 }
  624.             });
  626.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  627.             // img タグに width, height が付与されている.
  628.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  629.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  630.             \$('.ec-grid2__cell').hide();
  631.             var removeSize = function () {
  632.                 \$('.slide-item').height('');
  633.                 \$('.slide-item img')
  634.                     .removeAttr('width')
  635.                     .removeAttr('height')
  636.                     .removeAttr('style');
  637.             };
  638.             var slickInitial = function(slick) {
  639.                 \$('.ec-grid2__cell').fadeIn(1500);
  640.                 var baseHeight = \$(slick.target).height();
  641.                 var baseWidth = \$(slick.target).width();
  642.                 var rate = baseWidth / baseHeight;
  644.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  645.                 // transform を使用することでCLSの影響を受けないようにする
  646.                 \$('.slide-item img')
  647.                     .css(
  648.                         {
  649.                             'transform-origin': 'top left',
  650.                             'transform': 'scaleY(' + rate + ')',
  651.                             'transition': 'transform .1s'
  652.                         }
  653.                     );
  654.                 // 正しいサイズに近くなったら属性を解除する
  655.                 setTimeout(removeSize, 500);
  656.             };
  657.             \$('.item_visual').on('init', slickInitial);
  658.             // リサイズ時は CLS の影響を受けないため属性を解除する
  659.             \$(window).resize(removeSize);
  660.             \$('.item_visual').slick({
  661.                 dots: false,
  662.                 arrows: false,
  663.                 responsive: [{
  664.                     breakpoint: 768,
  665.                     settings: {
  666.                         dots: true
  667.                     }
  668.                 }]
  669.             });
  671.             \$('.slideThumb').on('click', function() {
  672.                 var index = \$(this).attr('data-index');
  673.                 \$('.item_visual').slick('slickGoTo', index, false);
  674.             })
  675.         });
  676.     </script>
  677.     <script>
  678.         \$(function() {
  679.             \$('.add-cart').on('click', function(event) {
  680.                 ";
  681.         // line 588
  682.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 588)) {
  683.             // line 589
  684.             echo "                // 規格1フォームの必須チェック
  685.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  686.                     \$('#classcategory_id1')[0].setCustomValidity('";
  687.             // line 591
  688.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  689.             echo "');
  690.                     return true;
  691.                 } else {
  692.                     \$('#classcategory_id1')[0].setCustomValidity('');
  693.                 }
  694.                 ";
  695.         }
  696.         // line 597
  697.         echo "
  698.                 ";
  699.         // line 598
  700.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 598)) {
  701.             // line 599
  702.             echo "                // 規格2フォームの必須チェック
  703.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  704.                     \$('#classcategory_id2')[0].setCustomValidity('";
  705.             // line 601
  706.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  707.             echo "');
  708.                     return true;
  709.                 } else {
  710.                     \$('#classcategory_id2')[0].setCustomValidity('');
  711.                 }
  712.                 ";
  713.         }
  714.         // line 607
  715.         echo "
  716.                 // 個数フォームのチェック
  717.                 if (\$('#quantity').val() < 1) {
  718.                     \$('#quantity')[0].setCustomValidity('";
  719.         // line 610
  720.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  721.         echo "');
  722.                     return true;
  723.                 } else {
  724.                     \$('#quantity')[0].setCustomValidity('');
  725.                 }
  727.                 event.preventDefault();
  728.                 \$form = \$('#form1');
  729.                 \$.ajax({
  730.                     url: \$form.attr('action'),
  731.                     type: \$form.attr('method'),
  732.                     data: \$form.serialize(),
  733.                     dataType: 'json',
  734.                     beforeSend: function(xhr, settings) {
  735.                         // Buttonを無効にする
  736.                         \$('.add-cart').prop('disabled', true);
  737.                     }
  738.                 }).done(function(data) {
  739.                     // レスポンス内のメッセージをalertで表示
  740.                     \$.each(data.messages, function() {
  741.                         \$('#ec-modal-header').html(this);
  742.                     });
  744.                     \$('.ec-modal').show()
  746.                     // カートブロックを更新する
  747.                     \$.ajax({
  748.                         url: \"";
  749.         // line 637
  750.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  751.         echo "\",
  752.                         type: 'GET',
  753.                         dataType: 'html'
  754.                     }).done(function(html) {
  755.                         \$('.ec-headerRole__cart').html(html);
  756.                     });
  757.                 }).fail(function(data) {
  758.                     alert('";
  759.         // line 644
  760.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  761.         echo "');
  762.                 }).always(function(data) {
  763.                     // Buttonを有効にする
  764.                     \$('.add-cart').prop('disabled', false);
  765.                 });
  766.             });
  767.         });
  769.         \$('.ec-modal-wrap').on('click', function(e) {
  770.             // モーダル内の処理は外側にバブリングさせない
  771.             e.stopPropagation();
  772.         });
  773.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  774.             \$('.ec-modal').hide()
  775.         });
  776.     </script>
  777.     <script type=\"application/ld+json\">
  778.     {
  779.         \"@context\": \"https://schema.org/\",
  780.         \"@type\": \"Product\",
  781.         \"name\": \"";
  782.         // line 664
  783.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 664, $this->source); })()), "name", [], "any", false, false, false, 664), "html", null, true);
  784.         echo "\",
  785.         \"image\": [
  786.             ";
  787.         // line 666
  788.         $context['_parent'] = $context;
  789.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 666, $this->source); })()), "ProductImage", [], "any", false, false, false, 666));
  790.         $context['_iterated'] = false;
  791.         $context['loop'] = [
  792.           'parent' => $context['_parent'],
  793.           'index0' => 0,
  794.           'index'  => 1,
  795.           'first'  => true,
  796.         ];
  797.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  798.             $length = count($context['_seq']);
  799.             $context['loop']['revindex0'] = $length - 1;
  800.             $context['loop']['revindex'] = $length;
  801.             $context['loop']['length'] = $length;
  802.             $context['loop']['last'] = 1 === $length;
  803.         }
  804.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  805.             // line 667
  806.             echo "                \"";
  807.             echo twig_escape_filter($this->env, 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.', 667, $this->source); })()), "request", [], "any", false, false, false, 667), "schemeAndHttpHost", [], "any", false, false, false, 667), "html", null, true);
  808.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  809.             echo "\"";
  810.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 667)) {
  811.                 echo ",";
  812.             }
  813.             // line 668
  814.             echo "
  815.             ";
  816.             $context['_iterated'] = true;
  817.             ++$context['loop']['index0'];
  818.             ++$context['loop']['index'];
  819.             $context['loop']['first'] = false;
  820.             if (isset($context['loop']['length'])) {
  821.                 --$context['loop']['revindex0'];
  822.                 --$context['loop']['revindex'];
  823.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  824.             }
  825.         }
  826.         if (!$context['_iterated']) {
  827.             // line 670
  828.             echo "                \"";
  829.             echo twig_escape_filter($this->env, 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.', 670, $this->source); })()), "request", [], "any", false, false, false, 670), "schemeAndHttpHost", [], "any", false, false, false, 670), "html", null, true);
  830.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  831.             echo "\"
  832.             ";
  833.         }
  834.         $_parent = $context['_parent'];
  835.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  836.         $context = array_intersect_key($context, $_parent) + $_parent;
  837.         // line 672
  838.         echo "        ],
  839.         \"description\": \"";
  840.         // line 673
  841.         echo twig_escape_filter($this->env, twig_slice($this->env, twig_replace_filter(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", true, true, false, 673)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 673), twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 673, $this->source); })()), "description_detail", [], "any", false, false, false, 673))) : (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 673, $this->source); })()), "description_detail", [], "any", false, false, false, 673))), ["
  842. " => "", " " => ""]), 0, 300), "html", null, true);
  843.         echo "\",
  844.         ";
  845.         // line 674
  846.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 674, $this->source); })()), "code_min", [], "any", false, false, false, 674)) {
  847.             // line 675
  848.             echo "        \"sku\": \"";
  849.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 675, $this->source); })()), "code_min", [], "any", false, false, false, 675), "html", null, true);
  850.             echo "\",
  851.         ";
  852.         }
  853.         // line 677
  854.         echo "        \"offers\": {
  855.             \"@type\": \"Offer\",
  856.             \"url\": \"";
  857.         // line 679
  858.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 679, $this->source); })()), "id", [], "any", false, false, false, 679)]), "html", null, true);
  859.         echo "\",
  860.             \"priceCurrency\": \"";
  861.         // line 680
  862.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["eccube_config"]) || array_key_exists("eccube_config", $context) ? $context["eccube_config"] : (function () { throw new RuntimeError('Variable "eccube_config" does not exist.', 680, $this->source); })()), "currency", [], "any", false, false, false, 680), "html", null, true);
  863.         echo "\",
  864.             \"price\": ";
  865.         // line 681
  866.         ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 681, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 681)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 681, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 681), "html", null, true))) : (print (0)));
  867.         echo ",
  868.             \"availability\": \"";
  869.         // line 682
  870.         echo ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 682, $this->source); })()), "stock_find", [], "any", false, false, false, 682)) ? ("InStock") : ("OutOfStock"));
  871.         echo "\"
  872.         }
  873.     }
  874.     </script>
  875. ";
  876.         
  877.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  879.         
  880.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  882.     }
  884.     // line 688
  885.     public function block_main($context, array $blocks = [])
  886.     {
  887.         $macros = $this->macros;
  888.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  889.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  891.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  892.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  894.         // line 689
  895.         echo "    <div class=\"ec-productRole\">
  896.         <div class=\"ec-grid2\">
  897.             <div class=\"ec-grid2__cell\">
  898.                 <div class=\"ec-sliderItemRole\">
  900.                     <div class=\"item_visual\">
  901.                         ";
  902.         // line 695
  903.         $context['_parent'] = $context;
  904.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 695, $this->source); })()), "ProductImage", [], "any", false, false, false, 695));
  905.         $context['_iterated'] = false;
  906.         $context['loop'] = [
  907.           'parent' => $context['_parent'],
  908.           'index0' => 0,
  909.           'index'  => 1,
  910.           'first'  => true,
  911.         ];
  912.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  913.             $length = count($context['_seq']);
  914.             $context['loop']['revindex0'] = $length - 1;
  915.             $context['loop']['revindex'] = $length;
  916.             $context['loop']['length'] = $length;
  917.             $context['loop']['last'] = 1 === $length;
  918.         }
  919.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  920.             // line 696
  921.             echo "                            <div class=\"slide-item\"><img src=\"";
  922.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  923.             echo "\" alt=\"";
  924.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 696)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 696, $this->source); })()), "name", [], "any", false, false, false, 696), "html", null, true))) : (print ("")));
  925.             echo "\" height=\"550\"";
  926.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 696) > 1)) {
  927.                 echo " loading=\"lazy\"";
  928.             }
  929.             echo "></div>
  930.                         ";
  931.             $context['_iterated'] = true;
  932.             ++$context['loop']['index0'];
  933.             ++$context['loop']['index'];
  934.             $context['loop']['first'] = false;
  935.             if (isset($context['loop']['length'])) {
  936.                 --$context['loop']['revindex0'];
  937.                 --$context['loop']['revindex'];
  938.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  939.             }
  940.         }
  941.         if (!$context['_iterated']) {
  942.             // line 698
  943.             echo "                            <div class=\"slide-item\"><img src=\"";
  944.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  945.             echo "\" alt=\"";
  946.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 698)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 698, $this->source); })()), "name", [], "any", false, false, false, 698), "html", null, true))) : (print ("")));
  947.             echo "\" width=\"550\" height=\"550\"></div>
  948.                         ";
  949.         }
  950.         $_parent = $context['_parent'];
  951.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  952.         $context = array_intersect_key($context, $_parent) + $_parent;
  953.         // line 700
  954.         echo "                    </div>
  955.                     <div class=\"item_nav\">
  956.                         ";
  957.         // line 702
  958.         $context['_parent'] = $context;
  959.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 702, $this->source); })()), "ProductImage", [], "any", false, false, false, 702));
  960.         $context['loop'] = [
  961.           'parent' => $context['_parent'],
  962.           'index0' => 0,
  963.           'index'  => 1,
  964.           'first'  => true,
  965.         ];
  966.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  967.             $length = count($context['_seq']);
  968.             $context['loop']['revindex0'] = $length - 1;
  969.             $context['loop']['revindex'] = $length;
  970.             $context['loop']['length'] = $length;
  971.             $context['loop']['last'] = 1 === $length;
  972.         }
  973.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  974.             // line 703
  975.             echo "                            <div class=\"slideThumb\" data-index=\"";
  976.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 703), "html", null, true);
  977.             echo "\"><img src=\"";
  978.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  979.             echo "\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\"></div>
  980.                         ";
  981.             ++$context['loop']['index0'];
  982.             ++$context['loop']['index'];
  983.             $context['loop']['first'] = false;
  984.             if (isset($context['loop']['length'])) {
  985.                 --$context['loop']['revindex0'];
  986.                 --$context['loop']['revindex'];
  987.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  988.             }
  989.         }
  990.         $_parent = $context['_parent'];
  991.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  992.         $context = array_intersect_key($context, $_parent) + $_parent;
  993.         // line 705
  994.         echo "                    </div>
  995.                 </div>
  996.                 <div class=\"product-detail-artDetail\">
  997.                     <div class=\"flex\">
  998.                         <i class=\"fa-solid fa-palette fa-2x fontawesome-size\"></i><h2 class=\"fontweight-bold\">作品紹介<h2>
  999.                     </div>
  1000.                     <div class=\"product-detail-title-description\">
  1001.                         ";
  1002.         // line 712
  1003.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 712, $this->source); })()), "getDescriptionDetail", [], "any", false, false, false, 712)) {
  1004.             // line 713
  1005.             echo "                            <p>";
  1006.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 713, $this->source); })()), "getDescriptionDetail", [], "any", false, false, false, 713), "html", null, true);
  1007.             echo "</p>
  1008.                         ";
  1009.         }
  1010.         // line 715
  1011.         echo "                    </div>
  1012.                 </div>
  1014. \t\t\t\t<div class=\"hr-bold\"></div>
  1016.                 ";
  1017.         // line 720
  1018.         $context['_parent'] = $context;
  1019.         $context['_seq'] = twig_ensure_traversable((isset($context["artists"]) || array_key_exists("artists", $context) ? $context["artists"] : (function () { throw new RuntimeError('Variable "artists" does not exist.', 720, $this->source); })()));
  1020.         foreach ($context['_seq'] as $context["_key"] => $context["artist"]) {
  1021.             // line 721
  1022.             echo "                ";
  1023.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 721, $this->source); })()), "getArtistId", [], "any", false, false, false, 721) == twig_get_attribute($this->env, $this->source, $context["artist"], "id", [], "any", false, false, false, 721))) {
  1024.                 // line 722
  1025.                 echo "\t\t\t\t<div class=\"product-detail-artist\">
  1026. \t\t\t\t\t<div class=\"product-detail-artist-description\">
  1027. \t\t\t\t\t\t<div class=\"flex\">
  1028. \t\t\t\t\t\t\t<i class=\"fa-solid fa-pen-nib fa-2x fontawesome-size\"></i>
  1029.                             <h2 class=\"fontweight-bold artist-name-size\">";
  1030.                 // line 726
  1031.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "name", [], "any", false, false, false, 726), "html", null, true);
  1032.                 echo "</h2>
  1033.                             <div class=\"product-detail-artist-photo\">
  1034.                                 <img src=\"";
  1035.                 // line 728
  1036.                 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["artist"], "image", [], "any", false, false, false, 728)), "user_data"), "html", null, true);
  1037.                 echo "\" alt=artist.name class='hidden'>
  1038.                             </div>
  1039. \t\t\t\t\t\t</div>
  1040. \t\t\t\t\t\t<div class=\"product-detail-artist-desc\">
  1041.                             <p>« ";
  1042.                 // line 732
  1043.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "getDescription", [], "any", false, false, false, 732), "html", null, true);
  1044.                 echo " »</p>
  1045. \t\t\t\t\t\t</div>
  1047. \t\t\t\t\t\t<div class=\"hr\"></div>
  1049.                         ";
  1050.                 // line 737
  1051.                 if ((twig_get_attribute($this->env, $this->source, $context["artist"], "twitter", [], "any", false, false, false, 737) != null)) {
  1052.                     // line 738
  1053.                     echo "                        <h3 class=\"fontweight-bold social-media-title\">アーティストのソーシャルメディア<h3>
  1054. \t\t\t\t\t\t<div class=\"product-detail-artist-icon\">
  1055.                             <div>
  1056.                                 <a href='";
  1057.                     // line 741
  1058.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "twitter", [], "any", false, false, false, 741), "html", null, true);
  1059.                     echo "' class=\"btn btn-sns btn-sns--twitter\"><i class=\"fa-brands fa-twitter\" style=\"color: white;\" onMouseOver=\"this.style.color='#d5a770'\" onMouseOut=\"this.style.color='white'\"></i></a>
  1060.                             </div>
  1061. \t\t\t\t\t\t</div>
  1062.                         ";
  1063.                 }
  1064.                 // line 745
  1065.                 echo "
  1066.                         <div class=\"product-detail-artist-link\">
  1067.                             <a href=\"/artists/detail/";
  1068.                 // line 747
  1069.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "id", [], "any", false, false, false, 747), "html", null, true);
  1070.                 echo "\">";
  1071.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "name", [], "any", false, false, false, 747), "html", null, true);
  1072.                 echo "の作品を閲覧</a>
  1073.                         </div>
  1074. \t\t\t\t\t</div>
  1075. \t\t\t\t</div>
  1076.                 ";
  1077.             }
  1078.             // line 752
  1079.             echo "                ";
  1080.         }
  1081.         $_parent = $context['_parent'];
  1082.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['artist'], $context['_parent'], $context['loop']);
  1083.         $context = array_intersect_key($context, $_parent) + $_parent;
  1084.         // line 753
  1085.         echo "            </div>
  1086.             <div class=\"ec-grid2__cell_introduce\">
  1087.                 <div class=\"ec-productRole__profile\">
  1088.                     ";
  1089.         // line 757
  1090.         echo "                    <div class=\"ec-productRole__title\">
  1091.                         <h2 class=\"ec-headingTitle\">";
  1092.         // line 758
  1093.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 758, $this->source); })()), "name", [], "any", false, false, false, 758), "html", null, true);
  1094.         echo "</h2>
  1095.                     </div>
  1096. \t\t\t\t\t";
  1097.         // line 761
  1098.         echo "                    <div class=\"ec-productRole__title_flex\">
  1099.                        ";
  1100.         // line 762
  1101.         $context['_parent'] = $context;
  1102.         $context['_seq'] = twig_ensure_traversable((isset($context["artists"]) || array_key_exists("artists", $context) ? $context["artists"] : (function () { throw new RuntimeError('Variable "artists" does not exist.', 762, $this->source); })()));
  1103.         foreach ($context['_seq'] as $context["_key"] => $context["artist"]) {
  1104.             // line 763
  1105.             echo "                            ";
  1106.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 763, $this->source); })()), "getArtistId", [], "any", false, false, false, 763) == twig_get_attribute($this->env, $this->source, $context["artist"], "id", [], "any", false, false, false, 763))) {
  1107.                 // line 764
  1108.                 echo "                            <div><a href=\"/artists/detail/";
  1109.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "id", [], "any", false, false, false, 764), "html", null, true);
  1110.                 echo "\">";
  1111.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "name", [], "any", false, false, false, 764), "html", null, true);
  1112.                 echo ", </a></div>
  1113.                             <div class=\"ml-5\">
  1114.                                 ";
  1115.                 // line 767
  1116.                 echo "                                ";
  1117.                 if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 767, $this->source); })()), "getArtistId", [], "any", false, false, false, 767) == twig_get_attribute($this->env, $this->source, $context["artist"], "id", [], "any", false, false, false, 767))) {
  1118.                     // line 768
  1119.                     echo "                                    <p>";
  1120.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["artist"], "address", [], "any", false, false, false, 768), "html", null, true);
  1121.                     echo "</p>
  1122.                                 ";
  1123.                 }
  1124.                 // line 770
  1125.                 echo "                            </div>
  1126.                             ";
  1127.             }
  1128.             // line 772
  1129.             echo "                        ";
  1130.         }
  1131.         $_parent = $context['_parent'];
  1132.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['artist'], $context['_parent'], $context['loop']);
  1133.         $context = array_intersect_key($context, $_parent) + $_parent;
  1134.         // line 773
  1135.         echo "                    </div>
  1136. \t\t\t\t\t";
  1137.         // line 775
  1138.         echo "                    ";
  1139.         if ( !(null === twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 775, $this->source); })()), "getProductionTechnique", [], "any", false, false, false, 775))) {
  1140.             // line 776
  1141.             echo "                    <div class=\"ec-productRole__title mt-10\">
  1142.                         <p>";
  1143.             // line 777
  1144.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 777, $this->source); })()), "getProductionTechnique", [], "any", false, false, false, 777), "html", null, true);
  1145.             echo "</p>
  1146.                     </div>
  1147.                     ";
  1148.         }
  1149.         // line 780
  1150.         echo "\t\t\t\t\t";
  1151.         // line 781
  1152.         echo "                    ";
  1153.         if ( !(null === twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 781, $this->source); })()), "getProductionSizeVertical", [], "any", false, false, false, 781))) {
  1154.             // line 782
  1155.             echo "                    <div class=\"ec-productRole__title\">
  1156.                         <div><p>";
  1157.             // line 783
  1158.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 783, $this->source); })()), "getProductionSizeVertical", [], "any", false, false, false, 783), "html", null, true);
  1159.             echo " x ";
  1160.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 783, $this->source); })()), "getProductionSizeWidth", [], "any", false, false, false, 783), "html", null, true);
  1161.             echo " cm</p></div>
  1162.                     </div>
  1163.                     ";
  1164.         }
  1165.         // line 786
  1166.         echo "\t\t\t\t\t";
  1167.         // line 787
  1168.         echo "                    <ul class=\"ec-productRole__tags\">
  1169.                         ";
  1170.         // line 788
  1171.         $context['_parent'] = $context;
  1172.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 788, $this->source); })()), "Tags", [], "any", false, false, false, 788));
  1173.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  1174.             // line 789
  1175.             echo "                            <li class=\"ec-productRole__tag tag_";
  1176.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 789), "html", null, true);
  1177.             echo "\">";
  1178.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  1179.             echo "</li>
  1180.                         ";
  1181.         }
  1182.         $_parent = $context['_parent'];
  1183.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  1184.         $context = array_intersect_key($context, $_parent) + $_parent;
  1185.         // line 791
  1186.         echo "                    </ul>
  1187.                     ";
  1188.         // line 793
  1189.         echo "                    ";
  1190.         // line 809
  1191.         echo "                    ";
  1192.         // line 810
  1193.         echo "                    <div class=\"ec-productRole__price\">
  1194.                         ";
  1195.         // line 811
  1196.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 811, $this->source); })()), "hasProductClass", [], "any", false, false, false, 811)) {
  1197.             // line 812
  1198.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 812, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 812) == twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 812, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 812))) {
  1199.                 // line 813
  1200.                 echo "                                <div class=\"ec-price\">
  1201. \t\t\t\t\t\t\t\t    <span class=\"ec-productRole__priceRegularPrice\">";
  1202.                 // line 814
  1203.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("価格"), "html", null, true);
  1204.                 echo "</span>
  1205.                                     <span class=\"ec-price__price price02-default\">";
  1206.                 // line 815
  1207.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 815, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 815)), "html", null, true);
  1208.                 echo "</span>
  1209.                                     <span class=\"ec-price__tax\">";
  1210.                 // line 816
  1211.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1212.                 echo "</span>
  1213.                                 </div>
  1214.                             ";
  1215.             } else {
  1216.                 // line 819
  1217.                 echo "                                <div class=\"ec-price\">
  1218. \t\t\t\t\t\t\t\t\t<span class=\"ec-productRole__priceRegularPrice\">";
  1219.                 // line 820
  1220.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("価格"), "html", null, true);
  1221.                 echo "</span>
  1222.                                     <span class=\"ec-price__price price02-default\">";
  1223.                 // line 821
  1224.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 821, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 821)), "html", null, true);
  1225.                 echo " ～ ";
  1226.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 821, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 821)), "html", null, true);
  1227.                 echo "</span>
  1228.                                     <span class=\"ec-price__tax\">";
  1229.                 // line 822
  1230.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1231.                 echo "</span>
  1232.                                 </div>
  1233.                             ";
  1234.             }
  1235.             // line 825
  1236.             echo "                        ";
  1237.         } else {
  1238.             // line 826
  1239.             echo "                            <div class=\"ec-price\">
  1240. \t\t\t\t\t\t\t    <span class=\"ec-productRole__priceRegularPrice\">";
  1241.             // line 827
  1242.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("価格"), "html", null, true);
  1243.             echo "</span>
  1244.                                 <span class=\"ec-price__price\">";
  1245.             // line 828
  1246.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 828, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 828)), "html", null, true);
  1247.             echo "</span>
  1248.                                 <span class=\"ec-price__tax\">";
  1249.             // line 829
  1250.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1251.             echo "</span>
  1252.                             </div>
  1253.                         ";
  1254.         }
  1255.         // line 832
  1256.         echo "                    </div>
  1257.                     ";
  1258.         // line 834
  1259.         echo "                    ";
  1260.         if (array_key_exists("maker_id", $context)) {
  1261.             // line 835
  1262.             echo "                        <div class=\"ec-productRole__code\">
  1263.                             ";
  1264.             // line 836
  1265.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("店舗"), "html", null, true);
  1266.             echo "： <span>";
  1267.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["maker"]) || array_key_exists("maker", $context) ? $context["maker"] : (function () { throw new RuntimeError('Variable "maker" does not exist.', 836, $this->source); })()), ((isset($context["maker_id"]) || array_key_exists("maker_id", $context) ? $context["maker_id"] : (function () { throw new RuntimeError('Variable "maker_id" does not exist.', 836, $this->source); })()) - 1), [], "array", false, false, false, 836), "name", [], "any", false, false, false, 836), "html", null, true);
  1268.             echo "</span>
  1269.                         </div>
  1270.                     ";
  1271.         }
  1272.         // line 839
  1273.         echo "                    ";
  1274.         // line 840
  1275.         echo "                    ";
  1276.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 840, $this->source); })()), "code_min", [], "any", false, false, false, 840))) {
  1277.             // line 841
  1278.             echo "                        <div class=\"ec-productRole__code\">
  1279.                             ";
  1280.             // line 842
  1281.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  1282.             echo "： <span class=\"product-code-default\">";
  1283.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 842, $this->source); })()), "code_min", [], "any", false, false, false, 842), "html", null, true);
  1284.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 842, $this->source); })()), "code_min", [], "any", false, false, false, 842) != twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 842, $this->source); })()), "code_max", [], "any", false, false, false, 842))) {
  1285.                 echo " ～ ";
  1286.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 842, $this->source); })()), "code_max", [], "any", false, false, false, 842), "html", null, true);
  1287.             }
  1288.             echo "</span>
  1289.                         </div>
  1290.                     ";
  1291.         }
  1292.         // line 845
  1293.         echo "                    ";
  1294.         // line 846
  1295.         echo "                    ";
  1296.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 846, $this->source); })()), "ProductCategories", [], "any", false, false, false, 846))) {
  1297.             // line 847
  1298.             echo "                        <div class=\"ec-productRole__category\">
  1299.                             <div class=\"fontWeightBold\">";
  1300.             // line 848
  1301.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("関連カテゴリ"), "html", null, true);
  1302.             echo "</div>
  1303.                             ";
  1304.             // line 849
  1305.             $context['_parent'] = $context;
  1306.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 849, $this->source); })()), "ProductCategories", [], "any", false, false, false, 849));
  1307.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  1308.                 // line 850
  1309.                 echo "                                <ul>
  1310.                                     <li>
  1311.                                         ";
  1312.                 // line 852
  1313.                 $context['_parent'] = $context;
  1314.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 852), "path", [], "any", false, false, false, 852));
  1315.                 $context['loop'] = [
  1316.                   'parent' => $context['_parent'],
  1317.                   'index0' => 0,
  1318.                   'index'  => 1,
  1319.                   'first'  => true,
  1320.                 ];
  1321.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1322.                     $length = count($context['_seq']);
  1323.                     $context['loop']['revindex0'] = $length - 1;
  1324.                     $context['loop']['revindex'] = $length;
  1325.                     $context['loop']['length'] = $length;
  1326.                     $context['loop']['last'] = 1 === $length;
  1327.                 }
  1328.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  1329.                     // line 853
  1330.                     echo "                                            <a href=\"";
  1331.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1332.                     echo "?category_id=";
  1333.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 853), "html", null, true);
  1334.                     echo "\">";
  1335.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 853), "html", null, true);
  1336.                     echo "</a>";
  1337.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 853) == false)) {
  1338.                         // line 854
  1339.                         echo "                                            <span></span>";
  1340.                     }
  1341.                     ++$context['loop']['index0'];
  1342.                     ++$context['loop']['index'];
  1343.                     $context['loop']['first'] = false;
  1344.                     if (isset($context['loop']['length'])) {
  1345.                         --$context['loop']['revindex0'];
  1346.                         --$context['loop']['revindex'];
  1347.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1348.                     }
  1349.                 }
  1350.                 $_parent = $context['_parent'];
  1351.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  1352.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1353.                 // line 856
  1354.                 echo "                                    </li>
  1355.                                 </ul>
  1356.                             ";
  1357.             }
  1358.             $_parent = $context['_parent'];
  1359.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  1360.             $context = array_intersect_key($context, $_parent) + $_parent;
  1361.             // line 859
  1362.             echo "                        </div>
  1363.                     ";
  1364.         }
  1365.         // line 861
  1366.         echo "                    <form action=\"";
  1367.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_cart", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 861, $this->source); })()), "id", [], "any", false, false, false, 861)]), "html", null, true);
  1368.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  1369.                         ";
  1370.         // line 862
  1371.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 862, $this->source); })()), "stock_find", [], "any", false, false, false, 862)) {
  1372.             // line 863
  1373.             echo "                            <div class=\"ec-productRole__actions\">
  1374.                                 ";
  1375.             // line 864
  1376.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 864)) {
  1377.                 // line 865
  1378.                 echo "                                    <div class=\"ec-select\">
  1379.                                         ";
  1380.                 // line 866
  1381.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 866, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 866), 'row');
  1382.                 echo "
  1383.                                         ";
  1384.                 // line 867
  1385.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 867, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 867), 'errors');
  1386.                 echo "
  1387.                                     </div>
  1388.                                     ";
  1389.                 // line 869
  1390.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 869)) {
  1391.                     // line 870
  1392.                     echo "                                        <div class=\"ec-select\">
  1393.                                             ";
  1394.                     // line 871
  1395.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 871, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 871), 'row');
  1396.                     echo "
  1397.                                             ";
  1398.                     // line 872
  1399.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 872, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 872), 'errors');
  1400.                     echo "
  1401.                                         </div>
  1402.                                     ";
  1403.                 }
  1404.                 // line 875
  1405.                 echo "                                ";
  1406.             }
  1407.             // line 876
  1408.             echo "                                <div class=\"ec-numberInput\"><span>";
  1409.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("数量"), "html", null, true);
  1410.             echo "</span>
  1411.                                     ";
  1412.             // line 877
  1413.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 877, $this->source); })()), "quantity", [], "any", false, false, false, 877), 'widget');
  1414.             echo "
  1415.                                     ";
  1416.             // line 878
  1417.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 878, $this->source); })()), "quantity", [], "any", false, false, false, 878), 'errors');
  1418.             echo "
  1419.                                 </div>
  1420.                                 <div class=\"ec-numberInput\"><span>";
  1421.             // line 880
  1422.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("メーカーID"), "html", null, true);
  1423.             echo "</span>
  1424.                                     ";
  1425.             // line 881
  1426.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 881, $this->source); })()), "maker_id", [], "any", false, false, false, 881), 'widget');
  1427.             echo "
  1428.                                     ";
  1429.             // line 882
  1430.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 882, $this->source); })()), "maker_id", [], "any", false, false, false, 882), 'errors');
  1431.             echo "
  1432.                                 </div>
  1433.                                 ";
  1434.             // line 884
  1435.             if (array_key_exists("maker_id", $context)) {
  1436.                 // line 885
  1437.                 echo "                                <div class=\"ec-numberInput\"><span>";
  1438.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("メーカーID"), "html", null, true);
  1439.                 echo "</span>
  1440.                                     <input type=\"number\" id=\"maker_id\" name=\"maker_id\" required=\"required\" value=\"";
  1441.                 // line 886
  1442.                 echo twig_escape_filter($this->env, (isset($context["maker_id"]) || array_key_exists("maker_id", $context) ? $context["maker_id"] : (function () { throw new RuntimeError('Variable "maker_id" does not exist.', 886, $this->source); })()), "html", null, true);
  1443.                 echo "\" class=\"form-control\">
  1444.                                 </div>
  1445.                                 ";
  1446.             } else {
  1447.                 // line 889
  1448.                 echo "                                <div class=\"ec-numberInput\"><span>";
  1449.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("メーカーID"), "html", null, true);
  1450.                 echo "</span>
  1451.                                 ";
  1452.                 // line 890
  1453.                 $context['_parent'] = $context;
  1454.                 $context['_seq'] = twig_ensure_traversable((isset($context["productHistory"]) || array_key_exists("productHistory", $context) ? $context["productHistory"] : (function () { throw new RuntimeError('Variable "productHistory" does not exist.', 890, $this->source); })()));
  1455.                 foreach ($context['_seq'] as $context["_key"] => $context["cookie"]) {
  1456.                     // line 891
  1457.                     echo "                                    <input type=\"number\" id=\"maker_id\" name=\"maker_id\" required=\"required\" value=\"";
  1458.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cookie"], "id", [], "any", false, false, false, 891), "html", null, true);
  1459.                     echo "\" class=\"form-control\">
  1460.                                 ";
  1461.                 }
  1462.                 $_parent = $context['_parent'];
  1463.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cookie'], $context['_parent'], $context['loop']);
  1464.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1465.                 // line 893
  1466.                 echo "                                </div>
  1467.                                 ";
  1468.             }
  1469.             // line 895
  1470.             echo "                            </div>
  1471.                             <div class=\"ec-productRole__btn\">
  1472.                                 <button type=\"submit\" class=\"ec-blockBtn--action-detail add-cart\">
  1473.                                     ";
  1474.             // line 898
  1475.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
  1476.             echo "
  1477.                                 </button>
  1478.                             </div>
  1479.                         ";
  1480.         } else {
  1481.             // line 902
  1482.             echo "                            <div class=\"ec-productRole__btn\">
  1483.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  1484.                                     ";
  1485.             // line 904
  1486.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  1487.             echo "
  1488.                                 </button>
  1489.                             </div>
  1490.                         ";
  1491.         }
  1492.         // line 908
  1493.         echo "
  1494.                         ";
  1495.         // line 909
  1496.         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 909, $this->source); })()), 'rest');
  1497.         echo "
  1498.                     </form>
  1499.                     <div class=\"ec-modal\">
  1500.                         <div class=\"ec-modal-overlay\">
  1501.                             <div class=\"ec-modal-wrap\">
  1502.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  1503.         // line 914
  1504.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  1505.         echo "\" alt=\"\"/></span></span>
  1506.                                 <div id=\"ec-modal-header\" class=\"text-center\">";
  1507.         // line 915
  1508.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  1509.         echo "</div>
  1510.                                 <div class=\"ec-modal-box\">
  1511.                                     <div class=\"ec-role\">
  1512.                                         <span class=\"ec-inlineBtn--cancel\">";
  1513.         // line 918
  1514.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  1515.         echo "</span>
  1516.                                         <a href=\"";
  1517.         // line 919
  1518.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  1519.         echo "\" class=\"ec-inlineBtn--action mt-5per\">";
  1520.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  1521.         echo "</a>
  1522.                                     </div>
  1523.                                 </div>
  1524.                             </div>
  1525.                         </div>
  1526.                     </div>
  1527.                     ";
  1528.         // line 925
  1529.         if (twig_get_attribute($this->env, $this->source, (isset($context["BaseInfo"]) || array_key_exists("BaseInfo", $context) ? $context["BaseInfo"] : (function () { throw new RuntimeError('Variable "BaseInfo" does not exist.', 925, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 925)) {
  1530.             // line 926
  1531.             echo "                        <form action=\"";
  1532.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 926, $this->source); })()), "id", [], "any", false, false, false, 926)]), "html", null, true);
  1533.             echo "\" method=\"post\">
  1534.                             <div class=\"ec-productRole__btn\">
  1535.                                 ";
  1536.             // line 928
  1537.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 928, $this->source); })()) == false)) {
  1538.                 // line 929
  1539.                 echo "                                    <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\">
  1540.                                         <i class=\"ec-headerNav__itemIcon fas fa-heart fa-fw\"></i>";
  1541.                 // line 930
  1542.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加"), "html", null, true);
  1543.                 echo "
  1544.                                     </button>
  1545.                                 ";
  1546.             } else {
  1547.                 // line 933
  1548.                 echo "                                    <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\"
  1549.                                             disabled=\"disabled\">";
  1550.                 // line 934
  1551.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加済です。"), "html", null, true);
  1552.                 echo "
  1553.                                     </button>
  1554.                                 ";
  1555.             }
  1556.             // line 937
  1557.             echo "                            </div>
  1558.                         </form>
  1559.                     ";
  1560.         }
  1561.         // line 940
  1562.         echo "                    <div class=\"ec-productRole__description\">
  1563.                         ";
  1564.         // line 941
  1565.         echo twig_nl2br(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 941, $this->source); })()), "description_detail", [], "any", false, false, false, 941));
  1566.         echo "
  1567.                     </div>
  1568.                     <div class=\"ec-productRole__description_icon_car\">
  1569.                         <div class='item_desc_icon'><i class=\"fa-solid fa-truck fa-3x\" style=\"color: #d5a770;\"></i></div>
  1570.                         <div class='item_desc'>お届けの目安は<br />ご購入から７日前後</div>
  1571.                     </div>
  1572.                     <div class=\"ec-productRole__description_icon_present\">
  1573.                         <div class='item_desc_icon'><i class=\"fa-solid fa-gift fa-3x\" style=\"color: #d5a770;\"></i></div>
  1574.                         <div class='item_desc_present'>返品無料</div>
  1575.                     </div>
  1576.                 </div>
  1577.             </div>
  1578.         </div>
  1579.         ";
  1580.         // line 954
  1581.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 954, $this->source); })()), "freearea", [], "any", false, false, false, 954)) {
  1582.             // line 955
  1583.             echo "             <div class=\"ec-productRole__description\">
  1584.                  ";
  1585.             // line 956
  1586.             echo twig_include($this->env, $context, twig_template_from_string($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 956, $this->source); })()), "freearea", [], "any", false, false, false, 956)));
  1587.             echo "
  1588.             </div>
  1589.         ";
  1590.         }
  1591.         // line 959
  1592.         echo "    </div>
  1593. \t";
  1594.         
  1595.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1597.         
  1598.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1600.     }
  1602.     public function getTemplateName()
  1603.     {
  1604.         return "Product/detail.twig";
  1605.     }
  1607.     public function isTraitable()
  1608.     {
  1609.         return false;
  1610.     }
  1612.     public function getDebugInfo()
  1613.     {
  1614.         return array (  1592 => 959,  1586 => 956,  1583 => 955,  1581 => 954,  1565 => 941,  1562 => 940,  1557 => 937,  1551 => 934,  1548 => 933,  1542 => 930,  1539 => 929,  1537 => 928,  1531 => 926,  1529 => 925,  1518 => 919,  1514 => 918,  1508 => 915,  1504 => 914,  1496 => 909,  1493 => 908,  1486 => 904,  1482 => 902,  1475 => 898,  1470 => 895,  1466 => 893,  1457 => 891,  1453 => 890,  1448 => 889,  1442 => 886,  1437 => 885,  1435 => 884,  1430 => 882,  1426 => 881,  1422 => 880,  1417 => 878,  1413 => 877,  1408 => 876,  1405 => 875,  1399 => 872,  1395 => 871,  1392 => 870,  1390 => 869,  1385 => 867,  1381 => 866,  1378 => 865,  1376 => 864,  1373 => 863,  1371 => 862,  1366 => 861,  1362 => 859,  1354 => 856,  1339 => 854,  1330 => 853,  1313 => 852,  1309 => 850,  1305 => 849,  1301 => 848,  1298 => 847,  1295 => 846,  1293 => 845,  1281 => 842,  1278 => 841,  1275 => 840,  1273 => 839,  1265 => 836,  1262 => 835,  1259 => 834,  1256 => 832,  1250 => 829,  1246 => 828,  1242 => 827,  1239 => 826,  1236 => 825,  1230 => 822,  1224 => 821,  1220 => 820,  1217 => 819,  1211 => 816,  1207 => 815,  1203 => 814,  1200 => 813,  1198 => 812,  1196 => 811,  1193 => 810,  1191 => 809,  1189 => 793,  1186 => 791,  1175 => 789,  1171 => 788,  1168 => 787,  1166 => 786,  1158 => 783,  1155 => 782,  1152 => 781,  1150 => 780,  1144 => 777,  1141 => 776,  1138 => 775,  1135 => 773,  1129 => 772,  1125 => 770,  1119 => 768,  1116 => 767,  1108 => 764,  1105 => 763,  1101 => 762,  1098 => 761,  1093 => 758,  1090 => 757,  1085 => 753,  1079 => 752,  1069 => 747,  1065 => 745,  1058 => 741,  1053 => 738,  1051 => 737,  1043 => 732,  1036 => 728,  1031 => 726,  1025 => 722,  1022 => 721,  1018 => 720,  1011 => 715,  1005 => 713,  1003 => 712,  994 => 705,  975 => 703,  958 => 702,  954 => 700,  943 => 698,  921 => 696,  903 => 695,  895 => 689,  885 => 688,  870 => 682,  866 => 681,  862 => 680,  858 => 679,  854 => 677,  848 => 675,  846 => 674,  841 => 673,  838 => 672,  828 => 670,  814 => 668,  806 => 667,  788 => 666,  783 => 664,  760 => 644,  750 => 637,  720 => 610,  715 => 607,  706 => 601,  702 => 599,  700 => 598,  697 => 597,  688 => 591,  684 => 589,  682 => 588,  616 => 524,  608 => 522,  606 => 521,  601 => 519,  598 => 518,  596 => 517,  582 => 506,  568 => 494,  558 => 493,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  1615.     }
  1617.     public function getSourceContext()
  1618.     {
  1619.         return new Source("{#
  1620. This file is part of EC-CUBE
  1622. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  1624. http://www.ec-cube.co.jp/
  1626. For the full copyright and license information, please view the LICENSE
  1627. file that was distributed with this source code.
  1628. #}
  1629. {% extends 'default_frame.twig' %}
  1631. {% set body_class = 'product_page' %}
  1633. {% block stylesheet %}
  1634.     <style>
  1636.         .ec-modal {
  1637.             display: none;
  1638.             position: fixed;
  1639.             top: 0;
  1640.             left: 0;
  1641.             z-index: 99999;
  1642.             width: 100%;
  1643.             height: 100%;
  1644.         }
  1645.         .ec-modal.small {
  1646.             width: 30%;
  1647.         }
  1648.         .ec-modal.full {
  1649.             width: 100%;
  1650.             height: 100%;
  1651.         }
  1652.         .ec-modal .ec-modal-overlay {
  1653.             display: flex;
  1654.             justify-content: center;
  1655.             align-items: center;
  1656.             background-color: rgba(0, 0, 0, 0.3);
  1657.             width: 100%;
  1658.             height: 100%;
  1659.         }
  1660.         .ec-modal .ec-modal-wrap {
  1661.             position: relative;
  1662.             border-radius: 6px;
  1663.             border: 0px;
  1664.             background-color: #fff;
  1665.             width: 50%;
  1666.             margin: 20px;
  1667.             padding: 40px 5px;
  1668.         }
  1669.         .ec-modal .ec-modal-close {
  1670.             cursor: pointer;
  1671.             position: absolute;
  1672.             right: 20px;
  1673.             top: 10px;
  1674.             font-size: 20px;
  1675.             height: 30px;
  1676.             width: 20px;
  1677.         }
  1678.         .ec-modal .ec-modal-close:hover {
  1679.             color: #4b5361;
  1680.         }
  1681.         .ec-modal .ec-modal-box {
  1682.             text-align: center;
  1683.         }
  1684.         .ec-modal .ec-role {
  1685.             margin-top: 20px;
  1686.         }
  1688.         
  1689.    
  1690.         .slick-slider {
  1691.             margin-bottom: 30px;
  1692.         }
  1694.         .slick-dots {
  1695.             position: absolute;
  1696.             bottom: -45px;
  1697.             display: block;
  1698.             width: 100%;
  1699.             padding: 0;
  1700.             list-style: none;
  1701.             text-align: center;
  1702.         }
  1704.         .slick-dots li {
  1705.             position: relative;
  1706.             display: inline-block;
  1707.             width: 20px;
  1708.             height: 20px;
  1709.             margin: 0 5px;
  1710.             padding: 0;
  1712.             cursor: pointer;
  1713.         }
  1715.         .slick-dots li button {
  1716.             font-size: 0;
  1717.             line-height: 0;
  1718.             display: block;
  1719.             width: 20px;
  1720.             height: 20px;
  1721.             padding: 5px;
  1722.             cursor: pointer;
  1723.             color: transparent;
  1724.             border: 0;
  1725.             outline: none;
  1726.             background: transparent;
  1727.         }
  1729.         .slick-dots li button:hover,
  1730.         .slick-dots li button:focus {
  1731.             outline: none;
  1732.         }
  1734.         .slick-dots li button:hover:before,
  1735.         .slick-dots li button:focus:before {
  1736.             opacity: 1;
  1737.         }
  1739.         .slick-dots li button:before {
  1740.             content: \" \";
  1741.             line-height: 20px;
  1742.             position: absolute;
  1743.             top: 0;
  1744.             left: 0;
  1745.             width: 12px;
  1746.             height: 12px;
  1747.             text-align: center;
  1748.             opacity: .25;
  1749.             background-color: black;
  1750.             border-radius: 50%;
  1752.         }
  1754.         .slick-dots li.slick-active button:before {
  1755.             opacity: .75;
  1756.             background-color: black;
  1757.         }
  1759.         .slick-dots li button.thumbnail img {
  1760.             width: 0;
  1761.             height: 0;
  1762.         }
  1764.         .ec-numberInput {
  1765.             display: none;
  1766.         }
  1767.        
  1769.         .ec-blockBtn--cancel {
  1770.             display: inline-block;
  1771.             margin-bottom: 0;
  1772.             font-weight: bold;
  1773.             text-align: center;
  1774.             vertical-align: middle;
  1775.             touch-action: manipulation;
  1776.             cursor: pointer;
  1777.             background-image: none;
  1778.             border: 1px solid transparent;
  1779.             white-space: nowrap;
  1780.             padding: 6px 12px;
  1781.             font-size: 0.875rem;
  1782.             border-radius: 1.42857142;
  1783.             -webkit-user-select: none;
  1784.             -moz-user-select: none;
  1785.             -ms-user-select: none;
  1786.             user-select: none;
  1787.             padding: 10px 16px;
  1788.             text-decoration: none;
  1789.             color: #fff;
  1790.             background-color: #F8C4CF;
  1791.             border-color: #F8C4CF;
  1792.             display: block;
  1793.             width: 330px;
  1794.             height: 56px;
  1795.             line-height: 56px;
  1796.             padding-top: 0;
  1797.             padding-bottom: 0;
  1798.             border-radius: 6px;
  1799.         }
  1801.         .ec-blockBtn--cancel:hover {
  1802.             opacity: 0.7;
  1803.             background-color: #F8C4CF;
  1804.             border-color: #F8C4CF;
  1805.         }
  1807.         .ec-blockBtn--action-detail {
  1808.             display: inline-block;
  1809.             margin-bottom: 0;
  1810.             font-weight: bold;
  1811.             text-align: center;
  1812.             vertical-align: middle;
  1813.             touch-action: manipulation;
  1814.             cursor: pointer;
  1815.             background-image: none;
  1816.             border: 1px solid transparent;
  1817.             white-space: nowrap;
  1818.             padding: 6px 12px;
  1819.             font-size: 0.875rem;
  1820.             border-radius: 1.42857142;
  1821.             -webkit-user-select: none;
  1822.             -moz-user-select: none;
  1823.             -ms-user-select: none;
  1824.             user-select: none;
  1825.             padding: 10px 16px;
  1826.             text-decoration: none;
  1827.             color: #fff;
  1828.             background-color: #d5a770;
  1829.             border-color: #d5a770;
  1830.             display: block;
  1831.             width: 330px;
  1832.             height: 56px;
  1833.             line-height: 56px;
  1834.             padding-top: 0;
  1835.             padding-bottom: 0;
  1836.             border-radius: 6px;
  1837.         }
  1839.         .ec-blockBtn--action-detail:hover {
  1840.             background-color: #d5a770;
  1841.             border-color: #d5a770;
  1842.             opacity: 0.7;
  1843.         }
  1845.         .ec-blockBtn--action {
  1846.             display: inline-block;
  1847.             margin-bottom: 0;
  1848.             font-weight: bold;
  1849.             text-align: center;
  1850.             vertical-align: middle;
  1851.             touch-action: manipulation;
  1852.             cursor: pointer;
  1853.             background-image: none;
  1854.             border: 1px solid transparent;
  1855.             white-space: nowrap;
  1856.             padding: 6px 12px;
  1857.             font-size: 0.875rem;
  1858.             border-radius: 1.42857142;
  1859.             -webkit-user-select: none;
  1860.             -moz-user-select: none;
  1861.             -ms-user-select: none;
  1862.             user-select: none;
  1863.             padding: 10px 16px;
  1864.             text-decoration: none;
  1865.             color: #fff;
  1866.             background-color: #F8C4CF;
  1867.             border-color: #F8C4CF;
  1868.             display: block;
  1869.             width: 330px;
  1870.             height: 56px;
  1871.             line-height: 56px;
  1872.             padding-top: 0;
  1873.             padding-bottom: 0;
  1874.             border-radius: 6px;
  1875.         }
  1877.         .ec-productRole__description_icon_car {
  1878.             margin-top: 7%;
  1879.             padding-top: 7%;
  1880.             border-top: 1px dotted #ccc;
  1881.             display: flex;
  1882.         }
  1884.         .ec-productRole__description_icon_present {
  1885.             margin-top: 7%;
  1886.             display: flex;
  1887.         }
  1889.         .item_desc_icon {
  1890.             width: 25%;
  1891.         }
  1893.         .item_desc {
  1894.             width: 75%;
  1895.             padding-top: 0.5%;
  1896.             font-weight: bold;
  1897.         }
  1899.         .item_desc_present {
  1900.             width: 75%;
  1901.             padding-top: 4%;
  1902.             font-weight: bold;
  1903.         }
  1905.         .product-detail-artist-icon {
  1906.             display: flex;
  1907.         }
  1909.         .box26 {
  1910.             position: relative;
  1911.             margin: 2em 0;
  1912.             padding: 0.5em 1em;
  1913.             border: solid 3px #d5a770;
  1914.             border-radius: 8px;
  1915.         }
  1916.         .box26 .box-title {
  1917.             position: absolute;
  1918.             display: inline-block;
  1919.             top: -13px;
  1920.             left: 10px;
  1921.             padding: 0 9px;
  1922.             line-height: 1;
  1923.             font-size: 19px;
  1924.             background: #FFF;
  1925.             color: #d5a770;
  1926.             font-weight: bold;
  1927.         }
  1928.         .box26 h3 {
  1929.             margin: 0; 
  1930.             padding: 0;
  1931.         }
  1933.         .product-detail-artist-icon {
  1934.             margin-left: -15px;
  1935.         }
  1937.         .mr-10 {
  1938.             margin-right: 10px;
  1939.         }
  1941.         a.btn-sns {
  1942.             font-size: 25px;
  1943.             line-height: 40px;
  1945.             width: 40px;
  1946.             height: 40px;
  1947.             padding: 1px 2px;
  1948.             margin-left: 30px;
  1950.             letter-spacing: 0;
  1952.             color: #fff;
  1953.             border-radius: 50%;
  1954.         }
  1956.         a.btn-sns:hover {
  1957.             color: #fff;
  1958.         }
  1960.         a.btn-sns--twitter {
  1961.             background: #1da1f2;
  1962.         }
  1964.         .product-detail-artist-link{
  1965.             padding-top: 20px;
  1966.         }
  1968.         .product-detail-artist-link a:hover{
  1969.             color: #d5a770;
  1970.             border-bottom: 1px solid #d5a770;
  1971.         }
  1973.         .product-detail-artist-link a {
  1974.             color: black;
  1975.             border-bottom: 1px solid black;
  1976.             font-weight: bold;
  1977.             font-size: 15px;
  1978.         }
  1980.         /* 768以下の時 */
  1981.         @media screen and (max-width: 767px) {  
  1982.             .ec-productRole__description {
  1983.                 display: none;
  1984.             }
  1985.             .product-detail-artist-photo {
  1986.                 visibility:hidden
  1987.             }
  1988.             .artist-name-size {
  1989.                 width: 500px;
  1990.             }
  1991.             .ec-grid2__cell_introduce {
  1992.                 margin: 10% 15% 0;
  1993.                 width: auto;
  1994.             }
  1995.             .ec-productRole__profile {
  1996.                 width: auto;
  1997.                 padding: 5%;
  1998.                 text-align: center;
  1999.             }
  2000.             .ec-blockBtn--action {
  2001.                 display: inline-block;
  2002.                 margin-bottom: 0;
  2003.                 font-weight: bold;
  2004.                 text-align: center;
  2005.                 vertical-align: middle;
  2006.                 touch-action: manipulation;
  2007.                 cursor: pointer;
  2008.                 background-image: none;
  2009.                 border: 1px solid transparent;
  2010.                 white-space: nowrap;
  2011.                 padding: 6px 12px;
  2012.                 font-size: 0.875rem;
  2013.                 border-radius: 1.42857142;
  2014.                 -webkit-user-select: none;
  2015.                 -moz-user-select: none;
  2016.                 -ms-user-select: none;
  2017.                 user-select: none;
  2018.                 padding: 10px 16px;
  2019.                 text-decoration: none;
  2020.                 color: #fff;
  2021.                 background-color: #d5a770;
  2022.                 border-color: #d5a770;
  2023.                 display: block;
  2024.                 width: 230px;
  2025.                 height: 56px;
  2026.                 line-height: 56px;
  2027.                 padding-top: 0;
  2028.                 padding-bottom: 0;
  2029.             }
  2030.             .ec-blockBtn--action-detail {
  2031.                 display: inline-block;
  2032.                 margin-bottom: 0;
  2033.                 font-weight: bold;
  2034.                 text-align: center;
  2035.                 vertical-align: middle;
  2036.                 touch-action: manipulation;
  2037.                 cursor: pointer;
  2038.                 background-image: none;
  2039.                 border: 1px solid transparent;
  2040.                 white-space: nowrap;
  2041.                 padding: 6px 12px;
  2042.                 font-size: 0.875rem;
  2043.                 border-radius: 1.42857142;
  2044.                 -webkit-user-select: none;
  2045.                 -moz-user-select: none;
  2046.                 -ms-user-select: none;
  2047.                 user-select: none;
  2048.                 padding: 10px 16px;
  2049.                 text-decoration: none;
  2050.                 color: #fff;
  2051.                 background-color: #d5a770;
  2052.                 border-color: #d5a770;
  2053.                 display: block;
  2054.                 width: 230px;
  2055.                 height: 56px;
  2056.                 line-height: 56px;
  2057.                 padding-top: 0;
  2058.                 padding-bottom: 0;
  2059.             }
  2060.             .ec-blockBtn--cancel {
  2061.                 display: inline-block;
  2062.                 margin-bottom: 0;
  2063.                 font-weight: bold;
  2064.                 text-align: center;
  2065.                 vertical-align: middle;
  2066.                 touch-action: manipulation;
  2067.                 cursor: pointer;
  2068.                 background-image: none;
  2069.                 border: 1px solid transparent;
  2070.                 white-space: nowrap;
  2071.                 padding: 6px 12px;
  2072.                 font-size: 0.875rem;
  2073.                 border-radius: 1.42857142;
  2074.                 -webkit-user-select: none;
  2075.                 -moz-user-select: none;
  2076.                 -ms-user-select: none;
  2077.                 user-select: none;
  2078.                 padding: 10px 16px;
  2079.                 text-decoration: none;
  2080.                 color: #fff;
  2081.                 background-color: #525263;
  2082.                 border-color: #525263;
  2083.                 display: block;
  2084.                 width: 230px;
  2085.                 height: 56px;
  2086.                 line-height: 56px;
  2087.                 padding-top: 0;
  2088.                 padding-bottom: 0;
  2089.             }
  2090.             .ec-blockBtn--cancel:hover {
  2091.                 opacity: 0.7;
  2092.                 background-color: #525263;
  2093.                 border-color: #525263;
  2094.             }
  2095.             .social-media-title {
  2096.                 display: none;
  2097.             }
  2098.         }
  2100.         /* 570以下の時 */
  2101.         @media screen and (max-width: 570px) {  
  2102.             .ec-grid2__cell_introduce {
  2103.                 margin: 10% 5% 0;
  2104.                 width: auto;
  2105.             }
  2106.         }
  2108.     </style>
  2109. {% endblock %}
  2111. {% block javascript %}
  2112. \t<script>
  2113. \t\$(function () {
  2114. \t\t\$('#js-slider-4').slick({
  2115. \t\t\tarrows: true, // 前・次のボタンを表示する
  2116. \t\t\tspeed: 500, // スライドさせるスピード（ミリ秒）
  2117. \t\t\tslidesToShow: 4, // 表示させるスライド数
  2118. \t\t\tcenterMode: true, // slidesToShowが奇数のとき、現在のスライドを中央に表示する
  2119. \t\t\tvariableWidth: true, // スライド幅の自動計算を無効化
  2120. \t\t});
  2121. \t});
  2122. \t</script>
  2123.     <script>
  2124.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  2126.         // 規格2に選択肢を割り当てる。
  2127.         function fnSetClassCategories(form, classcat_id2_selected) {
  2128.             var \$form = \$(form);
  2129.             var product_id = \$form.find('input[name=product_id]').val();
  2130.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  2131.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  2132.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  2133.         }
  2135.         {% if form.classcategory_id2 is defined %}
  2136.         fnSetClassCategories(
  2137.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  2138.         );
  2139.         {% elseif form.classcategory_id1 is defined %}
  2140.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  2141.         {% endif %}
  2142.     </script>
  2143.     <script>
  2144.         \$(function() {
  2145.             // bfcache無効化
  2146.             \$(window).bind('pageshow', function(event) {
  2147.                 if (event.originalEvent.persisted) {
  2148.                     location.reload(true);
  2149.                 }
  2150.             });
  2152.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  2153.             // img タグに width, height が付与されている.
  2154.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  2155.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  2156.             \$('.ec-grid2__cell').hide();
  2157.             var removeSize = function () {
  2158.                 \$('.slide-item').height('');
  2159.                 \$('.slide-item img')
  2160.                     .removeAttr('width')
  2161.                     .removeAttr('height')
  2162.                     .removeAttr('style');
  2163.             };
  2164.             var slickInitial = function(slick) {
  2165.                 \$('.ec-grid2__cell').fadeIn(1500);
  2166.                 var baseHeight = \$(slick.target).height();
  2167.                 var baseWidth = \$(slick.target).width();
  2168.                 var rate = baseWidth / baseHeight;
  2170.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  2171.                 // transform を使用することでCLSの影響を受けないようにする
  2172.                 \$('.slide-item img')
  2173.                     .css(
  2174.                         {
  2175.                             'transform-origin': 'top left',
  2176.                             'transform': 'scaleY(' + rate + ')',
  2177.                             'transition': 'transform .1s'
  2178.                         }
  2179.                     );
  2180.                 // 正しいサイズに近くなったら属性を解除する
  2181.                 setTimeout(removeSize, 500);
  2182.             };
  2183.             \$('.item_visual').on('init', slickInitial);
  2184.             // リサイズ時は CLS の影響を受けないため属性を解除する
  2185.             \$(window).resize(removeSize);
  2186.             \$('.item_visual').slick({
  2187.                 dots: false,
  2188.                 arrows: false,
  2189.                 responsive: [{
  2190.                     breakpoint: 768,
  2191.                     settings: {
  2192.                         dots: true
  2193.                     }
  2194.                 }]
  2195.             });
  2197.             \$('.slideThumb').on('click', function() {
  2198.                 var index = \$(this).attr('data-index');
  2199.                 \$('.item_visual').slick('slickGoTo', index, false);
  2200.             })
  2201.         });
  2202.     </script>
  2203.     <script>
  2204.         \$(function() {
  2205.             \$('.add-cart').on('click', function(event) {
  2206.                 {% if form.classcategory_id1 is defined %}
  2207.                 // 規格1フォームの必須チェック
  2208.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  2209.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  2210.                     return true;
  2211.                 } else {
  2212.                     \$('#classcategory_id1')[0].setCustomValidity('');
  2213.                 }
  2214.                 {% endif %}
  2216.                 {% if form.classcategory_id2 is defined %}
  2217.                 // 規格2フォームの必須チェック
  2218.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  2219.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  2220.                     return true;
  2221.                 } else {
  2222.                     \$('#classcategory_id2')[0].setCustomValidity('');
  2223.                 }
  2224.                 {% endif %}
  2226.                 // 個数フォームのチェック
  2227.                 if (\$('#quantity').val() < 1) {
  2228.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  2229.                     return true;
  2230.                 } else {
  2231.                     \$('#quantity')[0].setCustomValidity('');
  2232.                 }
  2234.                 event.preventDefault();
  2235.                 \$form = \$('#form1');
  2236.                 \$.ajax({
  2237.                     url: \$form.attr('action'),
  2238.                     type: \$form.attr('method'),
  2239.                     data: \$form.serialize(),
  2240.                     dataType: 'json',
  2241.                     beforeSend: function(xhr, settings) {
  2242.                         // Buttonを無効にする
  2243.                         \$('.add-cart').prop('disabled', true);
  2244.                     }
  2245.                 }).done(function(data) {
  2246.                     // レスポンス内のメッセージをalertで表示
  2247.                     \$.each(data.messages, function() {
  2248.                         \$('#ec-modal-header').html(this);
  2249.                     });
  2251.                     \$('.ec-modal').show()
  2253.                     // カートブロックを更新する
  2254.                     \$.ajax({
  2255.                         url: \"{{ url('block_cart') }}\",
  2256.                         type: 'GET',
  2257.                         dataType: 'html'
  2258.                     }).done(function(html) {
  2259.                         \$('.ec-headerRole__cart').html(html);
  2260.                     });
  2261.                 }).fail(function(data) {
  2262.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  2263.                 }).always(function(data) {
  2264.                     // Buttonを有効にする
  2265.                     \$('.add-cart').prop('disabled', false);
  2266.                 });
  2267.             });
  2268.         });
  2270.         \$('.ec-modal-wrap').on('click', function(e) {
  2271.             // モーダル内の処理は外側にバブリングさせない
  2272.             e.stopPropagation();
  2273.         });
  2274.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  2275.             \$('.ec-modal').hide()
  2276.         });
  2277.     </script>
  2278.     <script type=\"application/ld+json\">
  2279.     {
  2280.         \"@context\": \"https://schema.org/\",
  2281.         \"@type\": \"Product\",
  2282.         \"name\": \"{{ Product.name }}\",
  2283.         \"image\": [
  2284.             {% for img in Product.ProductImage %}
  2285.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  2287.             {% else %}
  2288.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  2289.             {% endfor %}
  2290.         ],
  2291.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  2292.         {% if Product.code_min %}
  2293.         \"sku\": \"{{ Product.code_min }}\",
  2294.         {% endif %}
  2295.         \"offers\": {
  2296.             \"@type\": \"Offer\",
  2297.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  2298.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  2299.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  2300.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  2301.         }
  2302.     }
  2303.     </script>
  2304. {% endblock %}
  2306. {% block main %}
  2307.     <div class=\"ec-productRole\">
  2308.         <div class=\"ec-grid2\">
  2309.             <div class=\"ec-grid2__cell\">
  2310.                 <div class=\"ec-sliderItemRole\">
  2312.                     <div class=\"item_visual\">
  2313.                         {% for ProductImage in Product.ProductImage %}
  2314.                             <div class=\"slide-item\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" height=\"550\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}></div>
  2315.                         {% else %}
  2316.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"></div>
  2317.                         {% endfor %}
  2318.                     </div>
  2319.                     <div class=\"item_nav\">
  2320.                         {% for ProductImage in Product.ProductImage %}
  2321.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\"></div>
  2322.                         {% endfor %}
  2323.                     </div>
  2324.                 </div>
  2325.                 <div class=\"product-detail-artDetail\">
  2326.                     <div class=\"flex\">
  2327.                         <i class=\"fa-solid fa-palette fa-2x fontawesome-size\"></i><h2 class=\"fontweight-bold\">作品紹介<h2>
  2328.                     </div>
  2329.                     <div class=\"product-detail-title-description\">
  2330.                         {% if Product.getDescriptionDetail %}
  2331.                             <p>{{ Product.getDescriptionDetail }}</p>
  2332.                         {% endif %}
  2333.                     </div>
  2334.                 </div>
  2336. \t\t\t\t<div class=\"hr-bold\"></div>
  2338.                 {% for artist in artists %}
  2339.                 {% if Product.getArtistId == artist.id %}
  2340. \t\t\t\t<div class=\"product-detail-artist\">
  2341. \t\t\t\t\t<div class=\"product-detail-artist-description\">
  2342. \t\t\t\t\t\t<div class=\"flex\">
  2343. \t\t\t\t\t\t\t<i class=\"fa-solid fa-pen-nib fa-2x fontawesome-size\"></i>
  2344.                             <h2 class=\"fontweight-bold artist-name-size\">{{ artist.name }}</h2>
  2345.                             <div class=\"product-detail-artist-photo\">
  2346.                                 <img src=\"{{ asset(artist.image |no_image_product, 'user_data') }}\" alt=artist.name class='hidden'>
  2347.                             </div>
  2348. \t\t\t\t\t\t</div>
  2349. \t\t\t\t\t\t<div class=\"product-detail-artist-desc\">
  2350.                             <p>« {{ artist.getDescription }} »</p>
  2351. \t\t\t\t\t\t</div>
  2353. \t\t\t\t\t\t<div class=\"hr\"></div>
  2355.                         {% if artist.twitter != null %}
  2356.                         <h3 class=\"fontweight-bold social-media-title\">アーティストのソーシャルメディア<h3>
  2357. \t\t\t\t\t\t<div class=\"product-detail-artist-icon\">
  2358.                             <div>
  2359.                                 <a href='{{artist.twitter}}' class=\"btn btn-sns btn-sns--twitter\"><i class=\"fa-brands fa-twitter\" style=\"color: white;\" onMouseOver=\"this.style.color='#d5a770'\" onMouseOut=\"this.style.color='white'\"></i></a>
  2360.                             </div>
  2361. \t\t\t\t\t\t</div>
  2362.                         {% endif %}
  2364.                         <div class=\"product-detail-artist-link\">
  2365.                             <a href=\"/artists/detail/{{ artist.id }}\">{{ artist.name }}の作品を閲覧</a>
  2366.                         </div>
  2367. \t\t\t\t\t</div>
  2368. \t\t\t\t</div>
  2369.                 {% endif %}
  2370.                 {% endfor %}
  2371.             </div>
  2372.             <div class=\"ec-grid2__cell_introduce\">
  2373.                 <div class=\"ec-productRole__profile\">
  2374.                     {# 商品名 #}
  2375.                     <div class=\"ec-productRole__title\">
  2376.                         <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  2377.                     </div>
  2378. \t\t\t\t\t{# アーティスト名とリンク #}
  2379.                     <div class=\"ec-productRole__title_flex\">
  2380.                        {% for artist in artists %}
  2381.                             {% if Product.getArtistId == artist.id %}
  2382.                             <div><a href=\"/artists/detail/{{ artist.id }}\">{{ artist.name }}, </a></div>
  2383.                             <div class=\"ml-5\">
  2384.                                 {# アーティストの出身地 #}
  2385.                                 {% if Product.getArtistId == artist.id %}
  2386.                                     <p>{{ artist.address }}</p>
  2387.                                 {% endif %}
  2388.                             </div>
  2389.                             {% endif %}
  2390.                         {% endfor %}
  2391.                     </div>
  2392. \t\t\t\t\t{# 絵が何で描かれたか #}
  2393.                     {% if Product.getProductionTechnique is not null %}
  2394.                     <div class=\"ec-productRole__title mt-10\">
  2395.                         <p>{{ Product.getProductionTechnique }}</p>
  2396.                     </div>
  2397.                     {% endif %}
  2398. \t\t\t\t\t{# 絵のサイズ #}
  2399.                     {% if Product.getProductionSizeVertical is not null %}
  2400.                     <div class=\"ec-productRole__title\">
  2401.                         <div><p>{{ Product.getProductionSizeVertical }} x {{ Product.getProductionSizeWidth}} cm</p></div>
  2402.                     </div>
  2403.                     {% endif %}
  2404. \t\t\t\t\t{# タグ #}
  2405.                     <ul class=\"ec-productRole__tags\">
  2406.                         {% for Tag in Product.Tags %}
  2407.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  2408.                         {% endfor %}
  2409.                     </ul>
  2410.                     {# 通常価格 #}
  2411.                     {# {% if Product.hasProductClass -%}
  2412.                         <div class=\"ec-productRole__priceRegular\">
  2413.                             {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  2414.                                 <span class=\"ec-productRole__priceRegularPrice\">{{ '通常価格'|trans }}：<span class=\"price01-default\">{{ Product.getPrice01IncTaxMin|price }}</span></span>
  2415.                                 <span class=\"ec-productRole__priceRegularTax\">{{ '税込'|trans }}</span>
  2416.                             {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  2417.                                 <span class=\"ec-productRole__priceRegularPrice\">{{ '通常価格'|trans }}：<span class=\"price01-default\">{{ Product.getPrice01IncTaxMin|price }}～ {{ Product.getPrice01IncTaxMax|price }}</span></span>
  2418.                                 <span class=\"ec-productRole__priceRegularTax\">{{ '税込'|trans }}</span>
  2419.                             {% endif %}
  2420.                         </div>
  2421.                     {% else %}
  2422.                         {% if Product.getPrice01Max is not null %}
  2423.                             <span class=\"ec-productRole__priceRegularPrice\">{{ '通常価格'|trans }}：{{ Product.getPrice01IncTaxMin|price }}</span>
  2424.                             <span class=\"ec-productRole__priceRegularTax\">{{ '税込'|trans }}</span>
  2425.                         {% endif %}
  2426.                     {% endif %} #}
  2427.                     {# 販売価格 #}
  2428.                     <div class=\"ec-productRole__price\">
  2429.                         {% if Product.hasProductClass -%}
  2430.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  2431.                                 <div class=\"ec-price\">
  2432. \t\t\t\t\t\t\t\t    <span class=\"ec-productRole__priceRegularPrice\">{{ '価格'|trans }}</span>
  2433.                                     <span class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }}</span>
  2434.                                     <span class=\"ec-price__tax\">{{ '税込'|trans }}</span>
  2435.                                 </div>
  2436.                             {% else %}
  2437.                                 <div class=\"ec-price\">
  2438. \t\t\t\t\t\t\t\t\t<span class=\"ec-productRole__priceRegularPrice\">{{ '価格'|trans }}</span>
  2439.                                     <span class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  2440.                                     <span class=\"ec-price__tax\">{{ '税込'|trans }}</span>
  2441.                                 </div>
  2442.                             {% endif %}
  2443.                         {% else %}
  2444.                             <div class=\"ec-price\">
  2445. \t\t\t\t\t\t\t    <span class=\"ec-productRole__priceRegularPrice\">{{ '価格'|trans }}</span>
  2446.                                 <span class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  2447.                                 <span class=\"ec-price__tax\">{{ '税込'|trans }}</span>
  2448.                             </div>
  2449.                         {% endif %}
  2450.                     </div>
  2451.                     {# メーカー #}
  2452.                     {% if maker_id is defined %}
  2453.                         <div class=\"ec-productRole__code\">
  2454.                             {{ '店舗'|trans }}： <span>{{ maker[maker_id - 1].name }}</span>
  2455.                         </div>
  2456.                     {% endif %}
  2457.                     {# 商品コード #}
  2458.                     {% if Product.code_min is not empty %}
  2459.                         <div class=\"ec-productRole__code\">
  2460.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  2461.                         </div>
  2462.                     {% endif %}
  2463.                     {# 関連カテゴリ #}
  2464.                     {% if Product.ProductCategories is not empty %}
  2465.                         <div class=\"ec-productRole__category\">
  2466.                             <div class=\"fontWeightBold\">{{ '関連カテゴリ'|trans }}</div>
  2467.                             {% for ProductCategory in Product.ProductCategories %}
  2468.                                 <ul>
  2469.                                     <li>
  2470.                                         {% for Category in ProductCategory.Category.path %}
  2471.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  2472.                                             <span></span>{% endif -%}
  2473.                                         {% endfor %}
  2474.                                     </li>
  2475.                                 </ul>
  2476.                             {% endfor %}
  2477.                         </div>
  2478.                     {% endif %}
  2479.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  2480.                         {% if Product.stock_find %}
  2481.                             <div class=\"ec-productRole__actions\">
  2482.                                 {% if form.classcategory_id1 is defined %}
  2483.                                     <div class=\"ec-select\">
  2484.                                         {{ form_row(form.classcategory_id1) }}
  2485.                                         {{ form_errors(form.classcategory_id1) }}
  2486.                                     </div>
  2487.                                     {% if form.classcategory_id2 is defined %}
  2488.                                         <div class=\"ec-select\">
  2489.                                             {{ form_row(form.classcategory_id2) }}
  2490.                                             {{ form_errors(form.classcategory_id2) }}
  2491.                                         </div>
  2492.                                     {% endif %}
  2493.                                 {% endif %}
  2494.                                 <div class=\"ec-numberInput\"><span>{{ '数量'|trans }}</span>
  2495.                                     {{ form_widget(form.quantity) }}
  2496.                                     {{ form_errors(form.quantity) }}
  2497.                                 </div>
  2498.                                 <div class=\"ec-numberInput\"><span>{{ 'メーカーID'|trans }}</span>
  2499.                                     {{ form_widget(form.maker_id) }}
  2500.                                     {{ form_errors(form.maker_id) }}
  2501.                                 </div>
  2502.                                 {% if maker_id is defined %}
  2503.                                 <div class=\"ec-numberInput\"><span>{{ 'メーカーID'|trans }}</span>
  2504.                                     <input type=\"number\" id=\"maker_id\" name=\"maker_id\" required=\"required\" value=\"{{ maker_id }}\" class=\"form-control\">
  2505.                                 </div>
  2506.                                 {% else  %}
  2507.                                 <div class=\"ec-numberInput\"><span>{{ 'メーカーID'|trans }}</span>
  2508.                                 {% for cookie in productHistory %}
  2509.                                     <input type=\"number\" id=\"maker_id\" name=\"maker_id\" required=\"required\" value=\"{{ cookie.id }}\" class=\"form-control\">
  2510.                                 {% endfor %}
  2511.                                 </div>
  2512.                                 {% endif %}
  2513.                             </div>
  2514.                             <div class=\"ec-productRole__btn\">
  2515.                                 <button type=\"submit\" class=\"ec-blockBtn--action-detail add-cart\">
  2516.                                     {{ 'カートに入れる'|trans }}
  2517.                                 </button>
  2518.                             </div>
  2519.                         {% else %}
  2520.                             <div class=\"ec-productRole__btn\">
  2521.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  2522.                                     {{ 'ただいま品切れ中です。'|trans }}
  2523.                                 </button>
  2524.                             </div>
  2525.                         {% endif %}
  2527.                         {{ form_rest(form) }}
  2528.                     </form>
  2529.                     <div class=\"ec-modal\">
  2530.                         <div class=\"ec-modal-overlay\">
  2531.                             <div class=\"ec-modal-wrap\">
  2532.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  2533.                                 <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  2534.                                 <div class=\"ec-modal-box\">
  2535.                                     <div class=\"ec-role\">
  2536.                                         <span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  2537.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action mt-5per\">{{ 'カートへ進む'|trans }}</a>
  2538.                                     </div>
  2539.                                 </div>
  2540.                             </div>
  2541.                         </div>
  2542.                     </div>
  2543.                     {% if BaseInfo.option_favorite_product %}
  2544.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  2545.                             <div class=\"ec-productRole__btn\">
  2546.                                 {% if is_favorite == false %}
  2547.                                     <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\">
  2548.                                         <i class=\"ec-headerNav__itemIcon fas fa-heart fa-fw\"></i>{{ 'お気に入りに追加'|trans }}
  2549.                                     </button>
  2550.                                 {% else %}
  2551.                                     <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel\"
  2552.                                             disabled=\"disabled\">{{ 'お気に入りに追加済です。'|trans }}
  2553.                                     </button>
  2554.                                 {% endif %}
  2555.                             </div>
  2556.                         </form>
  2557.                     {% endif %}
  2558.                     <div class=\"ec-productRole__description\">
  2559.                         {{ Product.description_detail|raw|nl2br }}
  2560.                     </div>
  2561.                     <div class=\"ec-productRole__description_icon_car\">
  2562.                         <div class='item_desc_icon'><i class=\"fa-solid fa-truck fa-3x\" style=\"color: #d5a770;\"></i></div>
  2563.                         <div class='item_desc'>お届けの目安は<br />ご購入から７日前後</div>
  2564.                     </div>
  2565.                     <div class=\"ec-productRole__description_icon_present\">
  2566.                         <div class='item_desc_icon'><i class=\"fa-solid fa-gift fa-3x\" style=\"color: #d5a770;\"></i></div>
  2567.                         <div class='item_desc_present'>返品無料</div>
  2568.                     </div>
  2569.                 </div>
  2570.             </div>
  2571.         </div>
  2572.         {% if Product.freearea %}
  2573.              <div class=\"ec-productRole__description\">
  2574.                  {{ include(template_from_string(Product.freearea)) }}
  2575.             </div>
  2576.         {% endif %}
  2577.     </div>
  2578. \t{# <ul class=\"slider-2\" id=\"js-slider-4\">
  2579.         {% for product in products %}
  2580.             {% for artist in artists %}
  2581.                 {% if product.getArtistId == artist.id %}
  2582.                 {% if product.getArtistId == artist.id %}
  2583.                 <li>
  2584.                     <div class=\"ec-newItemRole__listItem\">
  2585.                         <a href=\"{{ url('product_detail', {'id': product.id}) }}\" class=\"text-decoration\">
  2586.                             {% for productImage in product.ProductImage %}
  2587.                                 <div class=\"slide-item\"><img src=\"{{ asset(productImage, 'save_image') }}\" /></div>
  2588.                             {% endfor %}
  2589.                             <p class=\"ec-newItemRole__listItemTitle fontWeightBold\">{{ product.name|trans }}</p>
  2590.                             <p class=\"ec-newItemRole__listItemPrice fontWeightBold\">￥{{ product.getPrice02IncTaxMax|trans }}(税込)</p>
  2591.                         </a>
  2592.                     </div>
  2593.                 </li>
  2594.                 {% endif %}
  2595.                 {% endif %}
  2596.             {% endfor %}
  2597.         {% endfor %}
  2598. \t</ul> #}
  2599. {% endblock %}", "Product/detail.twig", "/home/xs230941/tas-lab.net/public_html/app/template/default/Product/detail.twig");
  2600.     }
  2601. }