var/cache/dev/twig/e5/e5c1c6086a50af21b23da565543e2d37.php line 42

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. /* __string_template__c3a00b603c90224beffb6b5d5d755125 */
  16. class __TwigTemplate_f0fb1820d875d35cab247a2ed501db7f 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.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  33.         $this->checkSecurity();
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 11
  39.         return "default_frame.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "__string_template__c3a00b603c90224beffb6b5d5d755125"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "__string_template__c3a00b603c90224beffb6b5d5d755125"));
  51.         // line 13
  52.         $context["body_class"] = "product_page";
  53.         // line 11
  54.         $this->parent = $this->loadTemplate("default_frame.twig", "__string_template__c3a00b603c90224beffb6b5d5d755125", 11);
  55.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  59.         
  60.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62.     }
  64.     // line 15
  65.     public function block_stylesheet($context, array $blocks = [])
  66.     {
  67.         $macros = $this->macros;
  68.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  69.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  71.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  72.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  74.         // line 16
  75.         echo "        <style>
  77.             .slick-slider {
  78.                 margin-bottom: 30px;
  79.             }
  81.             .slick-dots {
  82.                 position: absolute;
  83.                 bottom: -45px;
  84.                 display: block;
  85.                 width: 100%;
  86.                 padding: 0;
  87.                 list-style: none;
  88.                 text-align: center;
  89.             }
  91.             .slick-dots li {
  92.                 position: relative;
  93.                 display: inline-block;
  94.                 width: 20px;
  95.                 height: 20px;
  96.                 margin: 0 5px;
  97.                 padding: 0;
  99.                 cursor: pointer;
  100.             }
  102.             .slick-dots li button {
  103.                 font-size: 0;
  104.                 line-height: 0;
  105.                 display: block;
  106.                 width: 20px;
  107.                 height: 20px;
  108.                 padding: 5px;
  109.                 cursor: pointer;
  110.                 color: transparent;
  111.                 border: 0;
  112.                 outline: none;
  113.                 background: transparent;
  114.             }
  116.             .slick-dots li button:hover,
  117.             .slick-dots li button:focus {
  118.                 outline: none;
  119.             }
  121.             .slick-dots li button:hover:before,
  122.             .slick-dots li button:focus:before {
  123.                 opacity: 1;
  124.             }
  126.             .slick-dots li button:before {
  127.                 content: \" \";
  128.                 line-height: 20px;
  129.                 position: absolute;
  130.                 top: 0;
  131.                 left: 0;
  132.                 width: 12px;
  133.                 height: 12px;
  134.                 text-align: center;
  135.                 opacity: .25;
  136.                 background-color: black;
  137.                 border-radius: 50%;
  138.             }
  140.             .slick-dots li.slick-active button:before {
  141.                 opacity: .75;
  142.                 background-color: black;
  143.             }
  145.             .slick-dots li button.thumbnail img {
  146.                 width: 0;
  147.                 height: 0;
  148.             }
  150.             .ec-productRole .ec-productRole__title .ec-headingTitle {
  151.                 font-size: 15px;
  152.                 font-weight: 700;
  153.             }
  155.             @media only screen and (min-width: 768px) {
  156.                 .ec-productRole .ec-productRole__title .ec-headingTitle {
  157.                     font-size: 22px;
  158.                 }
  159.             }
  161.             .ec-sliderItemRole .item_nav {
  162.                 display: flex;
  163.             }
  165.             .slick-slide img{
  166.                 width: 100%;
  167.                 height: 350px;
  168.                 object-fit: contain;
  169.             }
  170.             @media only screen and (max-width: 767px) {
  171.                 .slick-slide img{
  172.                     height: 230px;
  173.                 }
  174.             }
  176.             .slick-slider {
  177.                 margin-bottom: 5px;
  178.             }
  180.             .ec-sliderItemRole{
  181.                 padding: 0px;
  182.                 margin: 0px;
  183.             }
  185.             .ec-sliderItemRole .slideThumb img {
  186.                 width: 102px;
  187.                 height: 55px;
  188.                 object-fit: cover;
  189.             }
  191.             .ec-sliderItemRole .slideThumb {
  192.                 width: 17%;
  193.                 margin-right: 10px;
  194.                 margin-bottom: 10px;
  195.             }
  197.             .item_nav {
  198.                 justify-content: flex-start;
  199.                 flex-wrap: wrap;
  200.                 margin-bottom: 0;
  201.             }
  203.             .ec-productRole__title .ec-headingTitle {
  204.                 font-size: 4vw;
  205.                 font-weight: bold;
  206.                 color: #525263;
  207.                 border-bottom: 2px solid #D8D8D8;
  208.                 margin-bottom: 10px;
  209.                 padding-bottom: 1.3333vw;
  210.             }
  212.             .freeze {
  213.                 position: unset;
  214.                 width: 60px;
  215.                 display: inline-block;
  216.                 line-height: 1em;
  217.                 padding: 5px 0;
  218.                 background-color: #00B0EC;
  219.                 color: white;
  220.                 text-align: center;
  221.                 font-size: 11px;
  222.                 font-weight: 700;
  223.                 border-radius: 5px;
  224.                 margin-bottom: 10px;
  225.                 margin-top: 10px;
  226.             }
  228.             .original {
  229.                 position: unset;
  230.                 width: 90px;
  231.                 display: inline-block;
  232.                 line-height: 1em;
  233.                 padding: 5px 0;
  234.                 background-color: #fff100;
  235.                 color: black;
  236.                 text-align: center;
  237.                 font-size: 11px;
  238.                 font-weight: 700;
  239.                 border-radius: 5px;
  240.                 margin-bottom: 10px;
  241.                 margin-top: 10px;
  242.             }
  244.             .ec-productRole .ec-productRole__tags {
  245.                 margin-top: 0px;
  246.                 padding: 0;
  247.                 padding-bottom: 0px;
  248.                 border-bottom: none;
  249.             }
  251.             .ec-blockBtn--cancel {
  252.                 height: 40px;
  253.                 border-radius: 5px;
  254.                 line-height: 1.0;
  255.                 /* background-color: #f5f5f5; */
  256.                 color: #000333;
  257.                 border: none;
  258.                 font-weight: 400;
  259.             }
  261.             .ec-blockBtn--cancel:hover {
  262.                 color: #000333;
  263.                 background-color: #f5f5f5;
  264.                 border-color: #f5f5f5;
  265.                 opacity: .7;
  266.             }
  268.             .ec-blockBtn--cancel:disabled{
  269.                 color: #000333;
  270.                 background-color: #f5f5f5;
  271.                 border-color: #f5f5f5;
  272.             }
  274.             .ec-blockBtn--action {
  275.                 background-color: #e65f6e;
  276.             }
  277.             .ec-blockBtn--action:hover {
  278.                 color: #fff;
  279.                 background-color: #e65f6e;
  280.                 border-color: #e65f6e;
  281.                 opacity: .6;
  282.             }
  284.             .ec-numberInput input[type=number] {
  285.                 max-width: 80px;
  286.                 margin-bottom: 0px;
  287.             }
  289.             .ec-productRole .ec-productRole__actions {
  290.                 padding: 0px;
  291.                 margin-top: 10px;
  292.                 margin-right: 10px;
  293.             }
  295.             .ec-productRole .ec-productRole__actions .ec-numberInput{
  296.                 display: flex;
  297.                 align-items: center;
  298.             }
  300.             .table-ProductDetail tbody tr td:first-child, .table-ReplacementProductDetail tbody tr td:first-child, .table-ReplacementProductDetail tbody tr td:nth-child(3) {
  301.                 background-color: #F5F5F5;
  302.                 width: 130px;
  303.                 border: solid 1px #d3cbcb;
  304.             }
  305.             .table-ProductDetail tbody tr {
  306.                 white-space: pre-wrap;
  307.                 word-wrap: break-word;
  308.             }
  309.             .table-ProductDetail tbody tr td {
  310.                 border: solid 1px #d3cbcb;
  311.             }
  313.             .ec-price .ec-price__price {
  314.                 font-size: 24px;
  315.                 font-weight: bold;
  316.                 color: #b72704;
  317.                 padding: 0px;\"
  318.             }
  320.             .ec-productRole__description img {
  321.                 max-width: 100%;
  322.             }
  323.             .ec-productRole form div.ec-productRole__actions button.add-cart {
  324.                 border-radius: 5px;
  325.                 font-size: 16px;
  326.                 width: 200px;
  327.             }
  328.             .ec-productRole__actions_area {
  329.                 display: flex;
  330.                 margin: auto;
  331.                 align-items: baseline; 
  332.                 flex-wrap: wrap;
  333.                 justify-content: end;
  334.             }
  336.             ";
  337.         // line 278
  338.         echo "            @media only screen and (max-width: 767px) {
  339.                 .product_name_pc {
  340.                     display: none;
  341.                 }
  342.                 .add_favorite_form{
  343.                     width: 100%;
  344.                 }
  345.                 .ec-productRole form {
  346.                     width: 100%;
  347.                 }
  348.                 .ec-productRole form div.ec-productRole__actions {
  349.                     margin-right: 0px;
  350.                 }
  351.                 .ec-productRole form div.ec-productRole__actions button.add-cart {
  352.                     width: 100%;
  353.                 }
  354.                 #product_video .ec-modal-wrap {
  355.                     width: 343px;
  356.                     height: 333px;
  357.                 }
  358.                 #video_iframe {
  359.                     width: 311px;
  360.                     height: 205px;
  361.                 }
  362.                 .ec-price {
  363.                     text-align: end;
  364.                 }
  365.                 .ec-numberInput input[type=number] {
  366.                     margin-right: 10px;
  367.                 }
  368.             }
  370.             ";
  371.         // line 311
  372.         echo "            @media only screen and (min-width: 768px) {
  373.                 .product_name_sp {
  374.                     display: none;
  375.                 }
  377.                 #product_video .ec-modal-wrap {
  378.                     width: 734px;
  379.                     height: 544px;
  380.                 }
  382.                 #video_iframe {
  383.                     width: 670px;
  384.                     height: 422px;
  385.                 }
  386.             }
  388.             @media only screen and (min-width: 1024px) {
  389.                 .ec-price .ec-price__price {
  390.                     font-size: 30px;
  391.                 }
  392.             }
  394.             .youtube {
  395.                 width: 100%;
  396.                 aspect-ratio: 16 / 9;
  397.             }
  398.             .youtube iframe {
  399.                 width: 100%;
  400.                 height: 100%;
  401.             }
  403.             .recipe_book__image {
  404.                 width: 170px;
  405.                 border-style: solid;
  406.                 border-width: 2px;
  407.                 height: 170px;
  408.                 object-fit: fill;
  409.                 border-radius: 9px;
  410.                 border-color: #d2d2d2;
  411.             }
  412.             .recipe_book__image:hover {
  413.                 opacity: 0.7;
  414.             }
  415.             .recipe_book__name {
  416.                 font-size: 14px;
  417.                 height: 40px;
  418.                 overflow: hidden;
  419.                 display: -webkit-box;
  420.                 text-overflow: ellipsis;
  421.                 -webkit-box-orient: vertical;
  422.                 -webkit-line-clamp: 2;
  423.                 margin-top: 8px;
  424.                 color: #525263;
  425.                 font-weight: 600;
  426.             }
  427.             .favorite_button {
  428.                 margin-top: 10px;
  429.                 font-size: 16px;
  430.                 height: 56px;
  431.                 background-color: #ffffff;
  432.                 border-color: #cccccc;
  433.                 border-width: 1px;
  434.                 border-style: solid;
  435.                 border-radius: 4px;
  436.             }
  439.             .initial_purchase__message {
  440.                 position: relative;
  441.                 border: 1px solid #FFDA00;
  442.                 padding: 8px 18px;
  443.                 font-weight: 600;
  444.                 font-size: 14px;
  445.                 color: #525263;
  446.                 background-color: #F6FF00;
  447.                 border-radius: 4px;
  448.                 margin-right: 8px;
  449.                 margin-bottom: 4px;
  450.                 display: inline-block;
  451.                 text-align: start;
  452.             }
  453.             .initial_purchase__message::before {
  454.                 content: '';
  455.                 position: absolute;
  456.                 top: 50%; 
  457.                 left: 100%;
  458.                 transform: translateY(-50%);
  459.                 border: 11px solid transparent;
  460.                 border-left-color: #FFDA00;
  461.             }
  462.             .initial_purchase__message::after {
  463.                 content: '';
  464.                 position: absolute;
  465.                 top: 50%; 
  466.                 left: 100%;
  467.                 transform: translateY(-50%);
  468.                 border: 10px solid transparent;
  469.                 border-left-color: #F6FF00;
  470.             }
  472.             .ec-numberInput .ec-productRole__btn {
  473.                 margin-left: 10px;
  474.                 max-width: 350px; 
  475.                 min-width: 100px; 
  476.                 margin-bottom: 10px;
  477.             }
  479.             .buy_this_product__btn {
  480.                 max-width: 500px;
  481.                 margin: auto;
  482.                 margin-top: 20px;
  483.                 padding-right: 10px;
  484.                 padding-left: 10px;
  485.             }
  487.             .purchased__btn {
  488.                 max-width: 350px;
  489.                 min-width: 100px;
  490.                 margin-right: 0px;
  491.                 margin-top: 10px;
  492.             }
  493.             .ec-productRole__btn span {
  494.                 font-size: 10px;
  495.                 color: #000000;
  496.             }
  497.             
  498.             /* --- SP用の設定 (例: 画面幅が768px以下) --- */
  499.             @media (max-width: 768px) {
  500.                 .sp-only {
  501.                     display: flex; /* SPでは表示 */
  502.                     margin-top: 10px; 
  503.                     max-width: 800px;
  504.                 }
  505.                 .recipe_book_carousel .slick-slide div {
  506.                     width: 202px;
  507.                 }
  508.                 .recipe_book_carousel .slick-slide div img {
  509.                     height: 190px;
  510.                 }
  511.                 .ec-productRole__btn {
  512.                     width: 100%;
  513.                 }
  514.                 .pc-only {
  515.                     display: none;  /* SPでは非表示 */
  516.                 }
  517.                 .product_page .ec-productRole__btn {
  518.                     max-width: 100% !important;
  519.                     text-align: center;
  520.                 }
  521.                 .favorite_button {
  522.                     margin-top: 0px;
  523.                     width: 100%;
  524.                 }
  525.                 .add_favorite_form .ec-productRole__btn {
  526.                     margin-top: 2px !important;
  527.                 }
  528.                 
  529.                 .ec-numberInput .ec-productRole__btn {
  530.                     margin-left: 0px;
  531.                 }
  532.                 .buy_this_product__btn {
  533.                     padding-right: 0px;
  534.                     padding-left: 0px;
  535.                     margin-top: 0px !important;
  536.                 }
  537.                 .purchased__btn {
  538.                     margin-right: 0px;
  539.                 }
  540.             }
  542.             /* --- PC用の設定 (例: 画面幅が769px以上) --- */
  543.             @media (min-width: 769px) {
  544.                 .sp-only {
  545.                     display: none;  /* PCでは非表示 */
  546.                 }
  547.                 .pc-only {
  548.                     display: flex; /* PCでは表示 */
  549.                     margin-top: 10px; 
  550.                     max-width: 800px;
  551.                     flex-wrap: wrap;
  552.                 }
  553.                 .pc-only .item {
  554.                     flex: 1 1 calc(33.333% - 16px); /* 3カラム分の幅（隙間分を引く） */
  555.                     max-width: calc(33.333% - 16px);
  556.                     box-sizing: border-box;
  557.                 }
  558.                 .ec-productRole .ec-productRole__btn {
  559.                     width: 90%;
  560.                 }
  561.             }
  563.             /* 再入荷表示 */
  564.             .restock_date span {
  565.                 font-size: 13px; 
  566.                 color: #E65F6E; 
  567.                 font-weight: 600;    
  568.             }
  570.         </style>
  571.     ";
  572.         
  573.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  575.         
  576.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  578.     }
  580.     // line 512
  581.     public function block_javascript($context, array $blocks = [])
  582.     {
  583.         $macros = $this->macros;
  584.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  585.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  587.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  588.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  590.         // line 513
  591.         echo "        <script>
  592.             eccube.classCategories = ";
  593.         // line 514
  594.         echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($this->sandbox->ensureToStringAllowed((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 514, $this->source); })()), 514, $this->source));
  595.         echo ";
  597.             // 規格2に選択肢を割り当てる。
  598.             function fnSetClassCategories(form, classcat_id2_selected) {
  599.                 var \$form = \$(form);
  600.                 var product_id = \$form.find('input[name=product_id]').val();
  601.                 var \$sele1 = \$form.find('select[name=classcategory_id1]');
  602.                 var \$sele2 = \$form.find('select[name=classcategory_id2]');
  603.                 eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  604.             }
  606.             ";
  607.         // line 525
  608.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 525)) {
  609.             // line 526
  610.             echo "            fnSetClassCategories(
  611.                 \$('#form1'), ";
  612.             // line 527
  613.             echo json_encode($this->sandbox->ensureToStringAllowed(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.', 527, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 527), "vars", [], "any", false, false, true, 527), "value", [], "any", false, false, true, 527), 527, $this->source));
  614.             echo "
  615.             );
  616.             ";
  617.         } elseif (twig_get_attribute($this->env, $this->source,         // line 529
  618. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 529)) {
  619.             // line 530
  620.             echo "            eccube.checkStock(\$('#form1'), ";
  621.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 530, $this->source); })()), "id", [], "any", false, false, true, 530), 530, $this->source), "html", null, true);
  622.             echo ", ";
  623.             echo json_encode($this->sandbox->ensureToStringAllowed(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.', 530, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 530), "vars", [], "any", false, false, true, 530), "value", [], "any", false, false, true, 530), 530, $this->source));
  624.             echo ", null);
  625.             ";
  626.         }
  627.         // line 532
  628.         echo "        </script>
  629.         <script>
  630.             \$(function() {
  631.                 // 調理方法に遷移するよう制御
  632.                 \$(window).on('load', function() {
  633.                     if (window.location.hash === '#base-info') {
  634.                         setTimeout(function() {
  635.                             const target = document.getElementById('base-info');
  636.                             if (target) {
  637.                                 const spOffset = 100;
  638.                                 const pcOffset = 120;
  639.                                 const breakpoint = 768; 
  640.                                 const offset = window.innerWidth < breakpoint ? spOffset : pcOffset;
  641.                                 const targetPosition = target.getBoundingClientRect().top + window.pageYOffset;
  642.                                 const scrollToPosition = targetPosition - offset;
  643.                                 
  644.                                 window.scrollTo({
  645.                                     top: scrollToPosition,
  646.                                     behavior: 'smooth'
  647.                                 });
  648.                             }
  649.                         }, 500);
  650.                     }
  651.                 });
  652.                 // bfcache無効化
  653.                 \$(window).bind('pageshow', function(event) {
  654.                     if (event.originalEvent.persisted) {
  655.                         location.reload(true);
  656.                     }
  657.                 });
  659.                 // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  660.                 // img タグに width, height が付与されている.
  661.                 // 630px 未満の画面サイズでは縦横比が壊れるための対策
  662.                 // see https://github.com/EC-CUBE/ec-cube/pull/5023
  663.                 \$('.ec-grid2__cell').hide();
  664.                 var removeSize = function () {
  665.                     \$('.slide-item').height('');
  666.                     \$('.slide-item img')
  667.                         .removeAttr('width')
  668.                         .removeAttr('height')
  669.                         .removeAttr('style');
  670.                 };
  671.                 var slickInitial = function(slick) {
  672.                     \$('.ec-grid2__cell').fadeIn(1500);
  673.                     var baseHeight = \$(slick.target).height();
  674.                     var baseWidth = \$(slick.target).width();
  675.                     var rate = baseWidth / baseHeight;
  677.                     \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  678.                     // transform を使用することでCLSの影響を受けないようにする
  679.                     \$('.slide-item img')
  680.                         .css(
  681.                             {
  682.                                 'transform-origin': 'top left',
  683.                                 'transform': 'scaleY(' + rate + ')',
  684.                                 'transition': 'transform .1s'
  685.                             }
  686.                         );
  687.                     // 正しいサイズに近くなったら属性を解除する
  688.                     setTimeout(removeSize, 500);
  689.                 };
  690.                 \$('.item_visual').on('init', slickInitial);
  691.                 // リサイズ時は CLS の影響を受けないため属性を解除する
  692.                 \$(window).resize(removeSize);
  693.                 \$('.item_visual').slick({
  694.                     dots: false,
  695.                     arrows: false,
  696.                     infinite: false,
  697.                     responsive: [{
  698.                         breakpoint: 768,
  699.                         settings: {
  700.                             dots: false
  701.                         }
  702.                     }]
  703.                 });
  705.                 \$('.slideThumb').on('click', function() {
  706.                     var index = \$(this).attr('data-index');
  707.                     \$('.item_visual').slick('slickGoTo', index, false);
  708.                 });
  710.                 // サムネイル画像または再生ボタンをクリックしたら動画ダイアログを表示
  711.                 \$(document).on(\"click\", \".thumbnail-image, .play-button-overlay\", function() {
  712.                     // ダイアログを表示
  713.                     \$(\"#product_video\").show();
  714.                 });
  716.                 // 閉じるボタンでダイアログを非表示
  717.                 \$(document).on(\"click\", \"#product_video .close-btn\", function() {
  718.                     \$(\"#product_video\").hide();
  719.                 });
  720.             });
  721.         </script>
  722.         <script>
  724.             ";
  725.         // line 628
  726.         $context["current_domain"] = 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.', 628, $this->source); })()), "request", [], "any", false, false, true, 628), "getHost", [], "method", false, false, true, 628);
  727.         // line 629
  728.         echo "
  729.             ";
  730.         // line 630
  731.         $context["is_prod"] = twig_in_filter("web-order.shikomel.com", (isset($context["current_domain"]) || array_key_exists("current_domain", $context) ? $context["current_domain"] : (function () { throw new RuntimeError('Variable "current_domain" does not exist.', 630, $this->source); })()));
  732.         // line 631
  733.         echo "            ";
  734.         $context["is_stg"] = twig_in_filter("web-order-stg.shikomel.com", (isset($context["current_domain"]) || array_key_exists("current_domain", $context) ? $context["current_domain"] : (function () { throw new RuntimeError('Variable "current_domain" does not exist.', 631, $this->source); })()));
  735.         // line 632
  736.         echo "
  737.             \$(function() {
  739.                 \$('.add-cart').on('click', function(event) {
  740.                     ";
  741.         // line 636
  742.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 636)) {
  743.             // line 637
  744.             echo "                    // 規格1フォームの必須チェック
  745.                     if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  746.                         \$('#classcategory_id1')[0].setCustomValidity('";
  747.             // line 639
  748.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  749.             echo "');
  750.                         return true;
  751.                     } else {
  752.                         \$('#classcategory_id1')[0].setCustomValidity('');
  753.                     }
  754.                     ";
  755.         }
  756.         // line 645
  757.         echo "
  758.                     ";
  759.         // line 646
  760.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 646)) {
  761.             // line 647
  762.             echo "                    // 規格2フォームの必須チェック
  763.                     if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  764.                         \$('#classcategory_id2')[0].setCustomValidity('";
  765.             // line 649
  766.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  767.             echo "');
  768.                         return true;
  769.                     } else {
  770.                         \$('#classcategory_id2')[0].setCustomValidity('');
  771.                     }
  772.                     ";
  773.         }
  774.         // line 655
  775.         echo "
  776.                     // 個数フォームのチェック
  777.                     if (\$('#quantity').val() < 1) {
  778.                         \$('#quantity')[0].setCustomValidity('";
  779.         // line 658
  780.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  781.         echo "');
  782.                         return true;
  783.                     } else {
  784.                         \$('#quantity')[0].setCustomValidity('');
  785.                     }
  787.                     event.preventDefault();
  788.                     \$form = \$('#form1');
  789.                     \$.ajax({
  790.                         url: \$form.attr('action'),
  791.                         type: \$form.attr('method'),
  792.                         data: \$form.serialize(),
  793.                         dataType: 'json',
  794.                         beforeSend: function(xhr, settings) {
  795.                             // Buttonを無効にする
  796.                             \$('.add-cart').prop('disabled', true);
  797.                         }
  798.                     }).done(function(data) {
  799.                         // レスポンス内のメッセージをalertで表示
  800.                         \$.each(data.messages, function() {
  801.                             
  803.     var \$cartBtn = \$('div.ec-modal-overlay').find('a.ec-inlineBtn--action');
  804.     \$cartBtn.removeAttr('disabled');
  805.     \$cartBtn.off('click');
  807.     // responseを判別
  808.     if(data.product_id !== undefined) {
  809.         var product_id = data.product_id;
  810.         var under_quantity = data.under_quantity;
  812.         // 最低購入数を下回る場合は、選択数量を最低購入数に変更
  813.         if(\$('#quantity' + product_id).length) {
  814.             \$('#quantity' + product_id).val(under_quantity);
  815.         } else {
  816.             \$('#quantity').val(under_quantity);
  817.         }
  819.         // カートに進むボタンを無効化
  820.         \$cartBtn.attr('disabled', 'disabled');
  821.         \$cartBtn.on('click', function() {
  822.             return false;
  823.         })
  824.     }
  826.     \$('#ec-modal-header').text(this);
  829.                         });
  831.                         \$('#ec-modal').show()
  833.                         // カートブロックを更新する
  834.                         \$.ajax({
  835.                             url: \"";
  836.         // line 712
  837.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  838.         echo "\",
  839.                             type: 'GET',
  840.                             dataType: 'html'
  841.                         }).done(function(html) {
  842.                             \$('.ec-headerRole__cart').html(html);
  843.                         });
  844.                         
  845.                         \$.ajax({
  846.                             url: '";
  847.         // line 720
  848.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("modal_cart");
  849.         echo "',
  850.                             type: 'GET',
  851.                             dataType: 'html'
  852.                         }).done(function(html) {
  853.                             \$('.ec-Modalfooter__cart').html(html);
  854.                         });
  856.                         // カート追加イベントの送付
  857.                         ";
  858.         // line 728
  859.         if ((isset($context["is_prod"]) || array_key_exists("is_prod", $context) ? $context["is_prod"] : (function () { throw new RuntimeError('Variable "is_prod" does not exist.', 728, $this->source); })())) {
  860.             // line 729
  861.             echo "
  862.                             fbq('track', 'AddToCart', {
  863.                                 content_type: \"Product\",
  864.                                 content_ids: \"";
  865.             // line 732
  866.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 732, $this->source); })()), "id", [], "any", false, false, true, 732), 732, $this->source), "html", null, true);
  867.             echo "\",
  868.                                 contents:
  869.                                     [{
  870.                                         id: \"";
  871.             // line 735
  872.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 735, $this->source); })()), "id", [], "any", false, false, true, 735), 735, $this->source), "html", null, true);
  873.             echo "\",
  874.                                         quantity: \$('#quantity').val()
  875.                                     }],
  876.                                 content_name: \"";
  877.             // line 738
  878.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 738, $this->source); })()), "name", [], "any", false, false, true, 738), 738, $this->source), "html", null, true);
  879.             echo "\",
  880.                                 currency: \"JPY\",
  881.                                 value: 50,
  882.                             });
  884.                             fbq('trackCustom', 'ce_add_to_cart', {
  885.                                 content_type: \"Product\",
  886.                                 content_ids: \"";
  887.             // line 745
  888.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 745, $this->source); })()), "id", [], "any", false, false, true, 745), 745, $this->source), "html", null, true);
  889.             echo "\",
  890.                                 contents:
  891.                                     [{
  892.                                         id: \"";
  893.             // line 748
  894.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 748, $this->source); })()), "id", [], "any", false, false, true, 748), 748, $this->source), "html", null, true);
  895.             echo "\",
  896.                                         quantity: \$('#quantity').val()
  897.                                     }],
  898.                                 content_name: \"";
  899.             // line 751
  900.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 751, $this->source); })()), "name", [], "any", false, false, true, 751), 751, $this->source), "html", null, true);
  901.             echo "\",
  902.                                 currency: \"JPY\",
  903.                                 value: 50,
  904.                             });
  905.                         
  906.                             window.dataLayer.push({
  907.                                 event: 'ce_add_to_cart',
  908.                                 custom_event_name: 'ce_add_to_cart',
  909.                                 custom_product_id: ";
  910.             // line 759
  911.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 759, $this->source); })()), "id", [], "any", false, false, true, 759), 759, $this->source), "html", null, true);
  912.             echo ",
  913.                                 custom_product_name: '";
  914.             // line 760
  915.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 760, $this->source); })()), "name", [], "any", false, false, true, 760), 760, $this->source), "html", null, true);
  916.             echo "',
  917.                                 custom_quantity: \$('#quantity').val(),
  918.                                 custom_customer_id: '',
  919.                                 custom_user_agent: \$(\"#user_agent\").val(),
  920.                                 custom_is_ig: \$(\"#is_ig\").val(),
  921.                                 custom_is_line: \$(\"#is_line\").val(),
  922.                                 custom_referer: \$(\"#referer\").val(),
  923.                                 custom_real_ip: \$(\"#real_ip\").val(),
  924.                             });
  926.                             _lt('send', 'cv', {
  927.                                 type: 'add_to_cart'
  928.                             },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  930.                         ";
  931.         }
  932.         // line 775
  933.         echo "
  934.                     }).fail(function(data) {
  935.                         alert('";
  936.         // line 777
  937.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  938.         echo "');
  939.                     }).always(function(data) {
  940.                         // Buttonを有効にする
  941.                         \$('.add-cart').prop('disabled', false);
  942.                     });
  943.                 });
  945.                 ";
  946.         // line 784
  947.         if ((isset($context["is_prod"]) || array_key_exists("is_prod", $context) ? $context["is_prod"] : (function () { throw new RuntimeError('Variable "is_prod" does not exist.', 784, $this->source); })())) {
  948.             // line 785
  949.             echo "
  950.                     // 詳細表示時にMetaとGTMとLineに閲覧イベントを送付する
  951.                     fbq('track', 'ViewContent', {
  952.                         content_type: \"Product\",
  953.                         content_ids: \"";
  954.             // line 789
  955.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 789, $this->source); })()), "id", [], "any", false, false, true, 789), 789, $this->source), "html", null, true);
  956.             echo "\",
  957.                         content_name: \"";
  958.             // line 790
  959.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 790, $this->source); })()), "name", [], "any", false, false, true, 790), 790, $this->source), "html", null, true);
  960.             echo "\",
  961.                         currency: \"JPY\",
  962.                         value: 25,
  963.                     });
  965.                     fbq('trackCustom', 'ce_view_product_detail', {
  966.                         content_type: \"Product\",
  967.                         content_ids: \"";
  968.             // line 797
  969.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 797, $this->source); })()), "id", [], "any", false, false, true, 797), 797, $this->source), "html", null, true);
  970.             echo "\",
  971.                         content_name: \"";
  972.             // line 798
  973.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 798, $this->source); })()), "name", [], "any", false, false, true, 798), 798, $this->source), "html", null, true);
  974.             echo "\",
  975.                         currency: \"JPY\",
  976.                         value: 25,
  977.                     });
  978.                 
  979.                     window.dataLayer.push({
  980.                         event: 'ce_view_product_detail',
  981.                         custom_event_name: 'ce_view_product_detail',
  982.                         custom_product_id: ";
  983.             // line 806
  984.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 806, $this->source); })()), "id", [], "any", false, false, true, 806), 806, $this->source), "html", null, true);
  985.             echo ",
  986.                         custom_product_name: '";
  987.             // line 807
  988.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 807, $this->source); })()), "name", [], "any", false, false, true, 807), 807, $this->source), "html", null, true);
  989.             echo "',
  990.                         custom_customer_id: '',
  991.                         custom_user_agent: \$(\"#user_agent\").val(),
  992.                         custom_is_ig: \$(\"#is_ig\").val(),
  993.                         custom_is_line: \$(\"#is_line\").val(),
  994.                         custom_referer: \$(\"#referer\").val(),
  995.                         custom_real_ip: \$(\"#real_ip\").val(),
  996.                     });
  998.                     _lt('send', 'cv', {
  999.                         type: 'product_detail'
  1000.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  1002.                 ";
  1003.         }
  1004.         // line 821
  1005.         echo "            });
  1007.             \$('.ec-modal-wrap').on('click', function(e) {
  1008.                 // モーダル内の処理は外側にバブリングさせない
  1009.                 e.stopPropagation();
  1010.             });
  1011.             \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1012.                 \$('.ec-modal').hide()
  1013.             });
  1015.             ";
  1016.         // line 831
  1017.         if ((isset($context["is_prod"]) || array_key_exists("is_prod", $context) ? $context["is_prod"] : (function () { throw new RuntimeError('Variable "is_prod" does not exist.', 831, $this->source); })())) {
  1018.             // line 832
  1019.             echo "                // お気に入り追加ボタンクリック時のトラッキングイベント
  1020.                 \$('#favorite').on('click', function(e) {
  1022.                     fbq('track', 'AddToWishlist', {
  1023.                         content_type: \"Product\",
  1024.                         content_ids: \"";
  1025.             // line 837
  1026.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 837, $this->source); })()), "id", [], "any", false, false, true, 837), 837, $this->source), "html", null, true);
  1027.             echo "\",
  1028.                         content_name: \"";
  1029.             // line 838
  1030.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 838, $this->source); })()), "name", [], "any", false, false, true, 838), 838, $this->source), "html", null, true);
  1031.             echo "\",
  1032.                         currency: \"JPY\",
  1033.                         value: 40,
  1034.                     });
  1035.                 
  1036.                     fbq('trackCustom', 'ce_add_to_wishlist', {
  1037.                         content_type: \"Product\",
  1038.                         content_ids: \"";
  1039.             // line 845
  1040.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 845, $this->source); })()), "id", [], "any", false, false, true, 845), 845, $this->source), "html", null, true);
  1041.             echo "\",
  1042.                         content_name: \"";
  1043.             // line 846
  1044.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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); })()), "name", [], "any", false, false, true, 846), 846, $this->source), "html", null, true);
  1045.             echo "\",
  1046.                         currency: \"JPY\",
  1047.                         value: 40,
  1048.                     });
  1050.                     window.dataLayer.push({
  1051.                         event: 'ce_add_to_wishlist',
  1052.                         custom_event_name: 'ce_add_to_wishlist',
  1053.                         custom_product_id: ";
  1054.             // line 854
  1055.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 854, $this->source); })()), "id", [], "any", false, false, true, 854), 854, $this->source), "html", null, true);
  1056.             echo ",
  1057.                         custom_product_name: '";
  1058.             // line 855
  1059.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 855, $this->source); })()), "name", [], "any", false, false, true, 855), 855, $this->source), "html", null, true);
  1060.             echo "',
  1061.                         custom_customer_id: '',
  1062.                         custom_user_agent: \$(\"#user_agent\").val(),
  1063.                         custom_is_ig: \$(\"#is_ig\").val(),
  1064.                         custom_is_line: \$(\"#is_line\").val(),
  1065.                         custom_referer: \$(\"#referer\").val(),
  1066.                         custom_real_ip: \$(\"#real_ip\").val(),
  1067.                     });
  1069.                     _lt('send', 'cv', {
  1070.                         type: 'add_to_wishlist'
  1071.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  1072.                 });
  1074.                 // この商品を購入するボタンクリック時のトラッキングイベント
  1075.                 \$('#buy_this_product').on('click', function(e) {
  1077.                     fbq('trackCustom', 'ClickBuyProduct', {
  1078.                         content_type: \"Product\",
  1079.                         content_ids: \"";
  1080.             // line 874
  1081.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 874, $this->source); })()), "id", [], "any", false, false, true, 874), 874, $this->source), "html", null, true);
  1082.             echo "\",
  1083.                         content_name: \"";
  1084.             // line 875
  1085.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 875, $this->source); })()), "name", [], "any", false, false, true, 875), 875, $this->source), "html", null, true);
  1086.             echo "\",
  1087.                         currency: \"JPY\",
  1088.                         value: 30,
  1089.                     });
  1090.                 
  1091.                     window.dataLayer.push({
  1092.                         event: 'ce_click_buy_product',
  1093.                         custom_event_name: 'ce_click_buy_product',
  1094.                         custom_product_id: ";
  1095.             // line 883
  1096.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 883, $this->source); })()), "id", [], "any", false, false, true, 883), 883, $this->source), "html", null, true);
  1097.             echo ",
  1098.                         custom_product_name: '";
  1099.             // line 884
  1100.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 884, $this->source); })()), "name", [], "any", false, false, true, 884), 884, $this->source), "html", null, true);
  1101.             echo "',
  1102.                         custom_customer_id: '',
  1103.                         custom_user_agent: \$(\"#user_agent\").val(),
  1104.                         custom_is_ig: \$(\"#is_ig\").val(),
  1105.                         custom_is_line: \$(\"#is_line\").val(),
  1106.                         custom_referer: \$(\"#referer\").val(),
  1107.                         custom_real_ip: \$(\"#real_ip\").val(),
  1108.                     });
  1110.                     _lt('send', 'cv', {
  1111.                         type: 'ce_click_buy_product'
  1112.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  1113.                 });
  1115.                 // Lineバナークリックイベント
  1116.                 \$('#line_link_detail').on('click', function(event) {
  1118.                     const currentPageUrl = window.location.href;
  1120.                     fbq('trackCustom', 'ce_click_line_btn', {
  1121.                         content_type: \"ClickLineBtn\",
  1122.                         content_name: currentPageUrl,
  1123.                         value: 50
  1124.                     });
  1126.                     window.dataLayer.push({
  1127.                         event: 'ce_click_line_btn',
  1128.                         custom_event_name: 'ce_click_line_btn',
  1129.                         custom_page_url: currentPageUrl,
  1130.                         custom_customer_id: '',
  1131.                         custom_user_agent: \$(\"#user_agent\").val(),
  1132.                         custom_is_ig: \$(\"#is_ig\").val(),
  1133.                         custom_is_line: \$(\"#is_line\").val(),
  1134.                         custom_referer: \$(\"#referer\").val(),
  1135.                         custom_real_ip: \$(\"#real_ip\").val(),
  1136.                     });
  1138.                     _lt('send', 'cv', {
  1139.                         type: 'ce_click_line_btn'
  1140.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  1141.                 });
  1142.             ";
  1143.         }
  1144.         // line 926
  1145.         echo "
  1146.             \$('.recipe_book_carousel').slick({
  1147.                 dots: false,
  1148.                 autoplay: false,
  1149.                 centerMode: false,
  1150.                 centerPadding: '0px',
  1151.                 arrows: false,
  1152.                 infinite: false,
  1153.                 slidesToShow: 1,
  1154.                 variableWidth: true,
  1155.                 swipeToSlide: true
  1156.             });
  1158.             function moveTop(){
  1159.                 const itemNav = document.querySelector('.ec-price');
  1160.                 if (itemNav) {
  1161.                     itemNav.scrollIntoView({ behavior: 'smooth', block: 'start' });
  1162.                 }
  1163.             }
  1164.             function fnToLogin(url) {
  1165.                 window.location.href = url;
  1166.             }
  1167.         </script>
  1168.         <script type=\"application/ld+json\">
  1169.         {
  1170.             \"@context\": \"https://schema.org/\",
  1171.             \"@type\": \"Product\",
  1172.             \"name\": \"";
  1173.         // line 953
  1174.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 953, $this->source); })()), "name", [], "any", false, false, true, 953), 953, $this->source), "html", null, true);
  1175.         echo "\",
  1176.             \"image\": [
  1177.                 ";
  1178.         // line 955
  1179.         $context['_parent'] = $context;
  1180.         $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.', 955, $this->source); })()), "ProductImage", [], "any", false, false, true, 955));
  1181.         $context['_iterated'] = false;
  1182.         $context['loop'] = [
  1183.           'parent' => $context['_parent'],
  1184.           'index0' => 0,
  1185.           'index'  => 1,
  1186.           'first'  => true,
  1187.         ];
  1188.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1189.             $length = count($context['_seq']);
  1190.             $context['loop']['revindex0'] = $length - 1;
  1191.             $context['loop']['revindex'] = $length;
  1192.             $context['loop']['length'] = $length;
  1193.             $context['loop']['last'] = 1 === $length;
  1194.         }
  1195.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  1196.             // line 956
  1197.             echo "                    \"";
  1198.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 956, $this->source); })()), "request", [], "any", false, false, true, 956), "schemeAndHttpHost", [], "any", false, false, true, 956), 956, $this->source), "html", null, true);
  1199.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["img"], 956, $this->source), "save_image"), "html", null, true);
  1200.             echo "\"";
  1201.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, true, 956)) {
  1202.                 echo ",";
  1203.             }
  1204.             // line 957
  1205.             echo "                ";
  1206.             $context['_iterated'] = true;
  1207.             ++$context['loop']['index0'];
  1208.             ++$context['loop']['index'];
  1209.             $context['loop']['first'] = false;
  1210.             if (isset($context['loop']['length'])) {
  1211.                 --$context['loop']['revindex0'];
  1212.                 --$context['loop']['revindex'];
  1213.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1214.             }
  1215.         }
  1216.         if (!$context['_iterated']) {
  1217.             // line 958
  1218.             echo "                    \"";
  1219.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 958, $this->source); })()), "request", [], "any", false, false, true, 958), "schemeAndHttpHost", [], "any", false, false, true, 958), 958, $this->source), "html", null, true);
  1220.             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);
  1221.             echo "\"
  1222.                 ";
  1223.         }
  1224.         $_parent = $context['_parent'];
  1225.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  1226.         $context = array_intersect_key($context, $_parent) + $_parent;
  1227.         // line 960
  1228.         echo "            ],
  1229.             \"description\": \"";
  1230.         // line 961
  1231.         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, true, 961)) ? (_twig_default_filter($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, true, 961), 961, $this->source), $this->sandbox->ensureToStringAllowed(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.', 961, $this->source); })()), "description_detail", [], "any", false, false, true, 961), 961, $this->source))) : (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.', 961, $this->source); })()), "description_detail", [], "any", false, false, true, 961))), ["
  1232. " => "", " " => ""]), 0, 300), "html", null, true);
  1233.         echo "\",
  1234.             ";
  1235.         // line 962
  1236.         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.', 962, $this->source); })()), "code_min", [], "any", false, false, true, 962)) {
  1237.             // line 963
  1238.             echo "            \"sku\": \"";
  1239.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 963, $this->source); })()), "code_min", [], "any", false, false, true, 963), 963, $this->source), "html", null, true);
  1240.             echo "\",
  1241.             ";
  1242.         }
  1243.         // line 965
  1244.         echo "            \"offers\": {
  1245.                 \"@type\": \"Offer\",
  1246.                 \"url\": \"";
  1247.         // line 967
  1248.         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.', 967, $this->source); })()), "id", [], "any", false, false, true, 967)]), "html", null, true);
  1249.         echo "\",
  1250.                 \"priceCurrency\": \"";
  1251.         // line 968
  1252.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 968, $this->source); })()), "currency", [], "any", false, false, true, 968), 968, $this->source), "html", null, true);
  1253.         echo "\",
  1254.                 \"price\": ";
  1255.         // line 969
  1256.         ((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.', 969, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 969)) ? (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.', 969, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 969), "html", null, true))) : (print (0)));
  1257.         echo ",
  1258.                 \"availability\": \"";
  1259.         // line 970
  1260.         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.', 970, $this->source); })()), "stock_find", [], "any", false, false, true, 970)) ? ("InStock") : ("OutOfStock"));
  1261.         echo "\"
  1262.             }
  1263.         }
  1264.         </script>
  1265.     ";
  1266.         
  1267.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1269.         
  1270.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1272.     }
  1274.     // line 976
  1275.     public function block_main($context, array $blocks = [])
  1276.     {
  1277.         $macros = $this->macros;
  1278.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1279.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1281.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1282.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1284.         // line 977
  1285.         echo "        <div class=\"ec-productRole\">
  1286.             <div class=\"ec-grid2\">
  1287.                 <div class=\"ec-grid2___ell product_name_sp\" style=\"margin-top: 10px;\">
  1288.                     <div class=\"ec-productRole__profile\">
  1289.                         <div class=\"productBadge sp_show\">
  1290.                             ";
  1291.         // line 982
  1292.         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.', 982, $this->source); })()), "is_freeze", [], "any", false, false, true, 982) == "1")) {
  1293.             // line 983
  1294.             echo "                            <span class=\"freeze\">冷凍</span>
  1295.                             ";
  1296.         }
  1297.         // line 985
  1298.         echo "                        </div>
  1299.                         ";
  1300.         // line 987
  1301.         echo "                        <div class=\"ec-productRole__title\">
  1302.                             <h2 class=\"ec-headingTitle\">";
  1303.         // line 988
  1304.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 988, $this->source); })()), "name", [], "any", false, false, true, 988), 988, $this->source), "html", null, true);
  1305.         echo "</h2>
  1306.                         </div>
  1307.                     </div>
  1308.                 </div>
  1309.                 <div class=\"ec-grid2__cell\">
  1310.                     <div class=\"ec-sliderItemRole\">
  1311.                         <div class=\"item_visual\">
  1312.                             ";
  1313.         // line 995
  1314.         if ((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "intro_video_embed_html", [], "any", true, true, true, 995) && 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.', 995, $this->source); })()), "intro_video_embed_html", [], "any", false, false, true, 995))) {
  1315.             // line 996
  1316.             echo "                                ";
  1317.             $context['_parent'] = $context;
  1318.             $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.', 996, $this->source); })()), "ProductImage", [], "any", false, false, true, 996));
  1319.             $context['_iterated'] = false;
  1320.             $context['loop'] = [
  1321.               'parent' => $context['_parent'],
  1322.               'index0' => 0,
  1323.               'index'  => 1,
  1324.               'first'  => true,
  1325.             ];
  1326.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1327.                 $length = count($context['_seq']);
  1328.                 $context['loop']['revindex0'] = $length - 1;
  1329.                 $context['loop']['revindex'] = $length;
  1330.                 $context['loop']['length'] = $length;
  1331.                 $context['loop']['last'] = 1 === $length;
  1332.             }
  1333.             foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1334.                 // line 997
  1335.                 echo "                                    <div class=\"slide-item\" style=\"position:relative;\">
  1336.                                         ";
  1337.                 // line 999
  1338.                 echo "                                        ";
  1339.                 if (twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 999)) {
  1340.                     // line 1000
  1341.                     echo "                                            <img src=\"";
  1342.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 1000, $this->source), "save_image"), "html", null, true);
  1343.                     echo "\" alt=\"";
  1344.                     ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 1000)) ? (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.', 1000, $this->source); })()), "name", [], "any", false, false, true, 1000), "html", null, true))) : (print ("")));
  1345.                     echo "\" width=\"550\" height=\"550\"";
  1346.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 1000) > 1)) {
  1347.                         echo " loading=\"lazy\"";
  1348.                     }
  1349.                     echo " class=\"play-button-overlay\">
  1350.                                         ";
  1351.                 } else {
  1352.                     // line 1002
  1353.                     echo "                                            <img src=\"";
  1354.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 1002, $this->source), "save_image"), "html", null, true);
  1355.                     echo "\" alt=\"";
  1356.                     ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 1002)) ? (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.', 1002, $this->source); })()), "name", [], "any", false, false, true, 1002), "html", null, true))) : (print ("")));
  1357.                     echo "\" width=\"550\" height=\"550\"";
  1358.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 1002) > 1)) {
  1359.                         echo " loading=\"lazy\"";
  1360.                     }
  1361.                     echo ">
  1362.                                         ";
  1363.                 }
  1364.                 // line 1003
  1365.                 echo "                                
  1366.                                     </div>
  1367.                                 ";
  1368.                 $context['_iterated'] = true;
  1369.                 ++$context['loop']['index0'];
  1370.                 ++$context['loop']['index'];
  1371.                 $context['loop']['first'] = false;
  1372.                 if (isset($context['loop']['length'])) {
  1373.                     --$context['loop']['revindex0'];
  1374.                     --$context['loop']['revindex'];
  1375.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1376.                 }
  1377.             }
  1378.             if (!$context['_iterated']) {
  1379.                 // line 1006
  1380.                 echo "                                    <div class=\"slide-item\"><img src=\"";
  1381.                 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);
  1382.                 echo "\" alt=\"";
  1383.                 ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 1006)) ? (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.', 1006, $this->source); })()), "name", [], "any", false, false, true, 1006), "html", null, true))) : (print ("")));
  1384.                 echo "\" width=\"550\" height=\"550\"></div>
  1385.                                 ";
  1386.             }
  1387.             $_parent = $context['_parent'];
  1388.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1389.             $context = array_intersect_key($context, $_parent) + $_parent;
  1390.             // line 1008
  1391.             echo "                            ";
  1392.         } else {
  1393.             // line 1009
  1394.             echo "                                ";
  1395.             $context['_parent'] = $context;
  1396.             $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.', 1009, $this->source); })()), "ProductImage", [], "any", false, false, true, 1009));
  1397.             $context['_iterated'] = false;
  1398.             $context['loop'] = [
  1399.               'parent' => $context['_parent'],
  1400.               'index0' => 0,
  1401.               'index'  => 1,
  1402.               'first'  => true,
  1403.             ];
  1404.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1405.                 $length = count($context['_seq']);
  1406.                 $context['loop']['revindex0'] = $length - 1;
  1407.                 $context['loop']['revindex'] = $length;
  1408.                 $context['loop']['length'] = $length;
  1409.                 $context['loop']['last'] = 1 === $length;
  1410.             }
  1411.             foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1412.                 // line 1010
  1413.                 echo "                                    <div class=\"slide-item\"><img src=\"";
  1414.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 1010, $this->source), "save_image"), "html", null, true);
  1415.                 echo "\" alt=\"";
  1416.                 ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 1010)) ? (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.', 1010, $this->source); })()), "name", [], "any", false, false, true, 1010), "html", null, true))) : (print ("")));
  1417.                 echo "\" width=\"550\" height=\"550\"";
  1418.                 if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 1010) > 1)) {
  1419.                     echo " loading=\"lazy\"";
  1420.                 }
  1421.                 echo "></div>
  1422.                                 ";
  1423.                 $context['_iterated'] = true;
  1424.                 ++$context['loop']['index0'];
  1425.                 ++$context['loop']['index'];
  1426.                 $context['loop']['first'] = false;
  1427.                 if (isset($context['loop']['length'])) {
  1428.                     --$context['loop']['revindex0'];
  1429.                     --$context['loop']['revindex'];
  1430.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1431.                 }
  1432.             }
  1433.             if (!$context['_iterated']) {
  1434.                 // line 1012
  1435.                 echo "                                    <div class=\"slide-item\"><img src=\"";
  1436.                 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);
  1437.                 echo "\" alt=\"";
  1438.                 ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, true, 1012)) ? (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.', 1012, $this->source); })()), "name", [], "any", false, false, true, 1012), "html", null, true))) : (print ("")));
  1439.                 echo "\" width=\"550\" height=\"550\"></div>
  1440.                                 ";
  1441.             }
  1442.             $_parent = $context['_parent'];
  1443.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1444.             $context = array_intersect_key($context, $_parent) + $_parent;
  1445.             // line 1014
  1446.             echo "                            ";
  1447.         }
  1448.         // line 1015
  1449.         echo "                        </div>
  1450.                         <div class=\"item_nav\">
  1451.                             ";
  1452.         // line 1017
  1453.         if ((twig_length_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.', 1017, $this->source); })()), "ProductImage", [], "any", false, false, true, 1017)) >= 2)) {
  1454.             // line 1018
  1455.             echo "                            ";
  1456.             $context['_parent'] = $context;
  1457.             $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.', 1018, $this->source); })()), "ProductImage", [], "any", false, false, true, 1018));
  1458.             $context['loop'] = [
  1459.               'parent' => $context['_parent'],
  1460.               'index0' => 0,
  1461.               'index'  => 1,
  1462.               'first'  => true,
  1463.             ];
  1464.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1465.                 $length = count($context['_seq']);
  1466.                 $context['loop']['revindex0'] = $length - 1;
  1467.                 $context['loop']['revindex'] = $length;
  1468.                 $context['loop']['length'] = $length;
  1469.                 $context['loop']['last'] = 1 === $length;
  1470.             }
  1471.             foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1472.                 // line 1019
  1473.                 echo "                                <div class=\"slideThumb\" data-index=\"";
  1474.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, true, 1019), 1019, $this->source), "html", null, true);
  1475.                 echo "\"><img src=\"";
  1476.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed($context["ProductImage"], 1019, $this->source), "save_image"), "html", null, true);
  1477.                 echo "\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\"></div>
  1478.                             ";
  1479.                 ++$context['loop']['index0'];
  1480.                 ++$context['loop']['index'];
  1481.                 $context['loop']['first'] = false;
  1482.                 if (isset($context['loop']['length'])) {
  1483.                     --$context['loop']['revindex0'];
  1484.                     --$context['loop']['revindex'];
  1485.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1486.                 }
  1487.             }
  1488.             $_parent = $context['_parent'];
  1489.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1490.             $context = array_intersect_key($context, $_parent) + $_parent;
  1491.             // line 1021
  1492.             echo "                            ";
  1493.         }
  1494.         // line 1022
  1495.         echo "                        </div>
  1496.                     </div>
  1497.                 </div>
  1498.                 <div class=\"ec-grid2__cell\" style=\"\">
  1499.                     <div class=\"ec-productRole__profile\">
  1500.                         ";
  1501.         // line 1028
  1502.         echo "                        ";
  1503.         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.', 1028, $this->source); })()), "ProductCategories", [], "any", false, false, true, 1028))) {
  1504.             // line 1029
  1505.             echo "                           <div class=\"\" style=\"font-size: 11px;\">
  1506.                                <div><a href=\"";
  1507.             // line 1030
  1508.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  1509.             echo "\">シコメルストア</a> > <a href=\"";
  1510.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1511.             echo "?category_id=";
  1512.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, 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.', 1030, $this->source); })()), "ProductCategories", [], "any", false, false, true, 1030), 0, [], "array", false, false, true, 1030), "Category", [], "any", false, false, true, 1030), "id", [], "any", false, false, true, 1030), 1030, $this->source), "html", null, true);
  1513.             echo "\">";
  1514.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, 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.', 1030, $this->source); })()), "ProductCategories", [], "any", false, false, true, 1030), 0, [], "array", false, false, true, 1030), "Category", [], "any", false, false, true, 1030), "name", [], "any", false, false, true, 1030), 1030, $this->source), "html", null, true);
  1515.             echo "</a> > ";
  1516.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1030, $this->source); })()), "name", [], "any", false, false, true, 1030), 1030, $this->source), "html", null, true);
  1517.             echo "</div>                               
  1518.                            </div>
  1519.                         ";
  1520.         }
  1521.         // line 1033
  1522.         echo "                        ";
  1523.         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.', 1033, $this->source); })()), "is_recipe_book", [], "any", false, false, true, 1033)) {
  1524.             // line 1034
  1525.             echo "                           <div class=\"\" style=\"font-size: 11px; margin-bottom: 10px;\">
  1526.                                <div><a href=\"";
  1527.             // line 1035
  1528.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  1529.             echo "\">シコメルストア</a> > ";
  1530.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1035, $this->source); })()), "name", [], "any", false, false, true, 1035), 1035, $this->source), "html", null, true);
  1531.             echo "</div>                               
  1532.                            </div>
  1533.                         ";
  1534.         }
  1535.         // line 1038
  1536.         echo "                        ";
  1537.         // line 1040
  1538.         echo "                        ";
  1539.         // line 1041
  1540.         echo "                        <div class=\"productBadge product_name_pc\">
  1541.                             ";
  1542.         // line 1042
  1543.         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.', 1042, $this->source); })()), "is_freeze", [], "any", false, false, true, 1042) == "1")) {
  1544.             // line 1043
  1545.             echo "                            <span class=\"freeze\">冷凍</span>
  1546.                             ";
  1547.         }
  1548.         // line 1045
  1549.         echo "                        </div>
  1550.                         ";
  1551.         // line 1047
  1552.         echo "                        <div class=\"ec-productRole__title product_name_pc\">
  1553.                             <h2 class=\"ec-headingTitle\" style=\"padding-bottom: 5px;\">";
  1554.         // line 1048
  1555.         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1048, $this->source); })()), "name", [], "any", false, false, true, 1048), 1048, $this->source), "html", null, true);
  1556.         echo "</h2>
  1557.                         </div>
  1558.                         ";
  1559.         // line 1051
  1560.         echo "                        ";
  1561.         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.', 1051, $this->source); })()), "description_list", [], "any", false, false, true, 1051)) {
  1562.             // line 1052
  1563.             echo "                            <p style=\"margin-top: 10px; font-size: 14px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 100px; margin-bottom: 10px;\">";
  1564.             echo twig_nl2br($this->sandbox->ensureToStringAllowed(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.', 1052, $this->source); })()), "description_list", [], "any", false, false, true, 1052), 1052, $this->source));
  1565.             echo "</p>
  1566.                         ";
  1567.         }
  1568.         // line 1054
  1569.         echo "                        ";
  1570.         // line 1055
  1571.         echo "                        <ul class=\"ec-productRole__tags\">
  1572.                             ";
  1573.         // line 1056
  1574.         $context['_parent'] = $context;
  1575.         $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.', 1056, $this->source); })()), "Tags", [], "any", false, false, true, 1056));
  1576.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  1577.             // line 1057
  1578.             echo "                                <a href=\"/products/list?name=";
  1579.             echo twig_escape_filter($this->env, twig_urlencode_filter($this->sandbox->ensureToStringAllowed($context["Tag"], 1057, $this->source)), "html", null, true);
  1580.             echo "\">
  1581.                                     <li class=\"ec-productRole__tag tag_";
  1582.             // line 1058
  1583.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, true, 1058), 1058, $this->source), "html", null, true);
  1584.             echo "\" style=\"color: #337AB7; text-decoration: underline;\">";
  1585.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed($context["Tag"], 1058, $this->source), "html", null, true);
  1586.             echo "</li>
  1587.                                 </a>
  1588.                             ";
  1589.         }
  1590.         $_parent = $context['_parent'];
  1591.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  1592.         $context = array_intersect_key($context, $_parent) + $_parent;
  1593.         // line 1061
  1594.         echo "                        </ul>
  1595.                         ";
  1596.         // line 1063
  1597.         echo "                        <div class=\"ec-productRole__price\" style=\"padding: 0px;\">
  1598.                             <div class=\"ec-price\" style=\"margin-top: 10px;\">
  1599.                                 ";
  1600.         // line 1066
  1601.         echo "                                <div>
  1602.                                     <span class=\"ec-headingTitle\" style=\"font-size: 16px; font-weight: bold;  margin: 0px;\">";
  1603.         // line 1067
  1604.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1067, $this->source); })()), "cost_per_unit", [], "any", false, false, true, 1067), 1067, $this->source)), "html", null, true);
  1605.         echo "</span>
  1606.                                     ";
  1607.         // line 1068
  1608.         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.', 1068, $this->source); })()), "cost_per_unit_gram", [], "any", false, false, true, 1068))) {
  1609.             // line 1069
  1610.             echo "                                    <span class=\"ec-headingTitle\" style=\"font-size: 12px; font-weight: bold;  margin: 0px;\">(";
  1611.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1069, $this->source); })()), "cost_per_unit_gram", [], "any", false, false, true, 1069), 1069, $this->source)), "html", null, true);
  1612.             echo ")</span>
  1613.                                     ";
  1614.         }
  1615.         // line 1071
  1616.         echo "                                </div>
  1618.                                 ";
  1619.         // line 1074
  1620.         echo "                                ";
  1621.         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.', 1074, $this->source); })()), "getPrice01Max", [], "any", false, false, true, 1074))) {
  1622.             // line 1075
  1623.             echo "                                <div style=\"font-size: 16px; font-weight: 700; color: black; margin: 0px;\">
  1624.                                     <span class=\"ec-productRole__priceRegularPrice\" style=\"font-weight: 700; text-decoration: line-through;\">";
  1625.             // line 1076
  1626.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("通常価格"), "html", null, true);
  1627.             echo "：";
  1628.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter($this->sandbox->ensureToStringAllowed(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.', 1076, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, true, 1076), 1076, $this->source)), "html", null, true);
  1629.             echo "</span>
  1630.                                     <span class=\"ec-productRole__priceRegularTax\">";
  1631.             // line 1077
  1632.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1633.             echo "</span>
  1634.                                 </div>
  1635.                                 ";
  1636.         }
  1637.         // line 1080
  1638.         echo "                                ";
  1639.         // line 1081
  1640.         echo "                                ";
  1641.         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.', 1081, $this->source); })()), "standard_text", [], "any", false, false, true, 1081)) {
  1642.             // line 1082
  1643.             echo "                                <span class=\"ec-headingTitle\" style=\"font-size: 14px; font-weight: 700;\">規格：";
  1644.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1082, $this->source); })()), "standard_text", [], "any", false, false, true, 1082), 1082, $this->source), "html", null, true);
  1645.             echo "</span>
  1646.                                 ";
  1647.         }
  1648.         // line 1084
  1649.         echo "                                ";
  1650.         // line 1085
  1651.         echo "                                ";
  1652.         if (( !(isset($context["has_purchased_recipe"]) || array_key_exists("has_purchased_recipe", $context) ? $context["has_purchased_recipe"] : (function () { throw new RuntimeError('Variable "has_purchased_recipe" does not exist.', 1085, $this->source); })()) && 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.', 1085, $this->source); })()), "is_recipe_book", [], "any", false, false, true, 1085))) {
  1653.             // line 1086
  1654.             echo "                                <div class=\"initial_purchase__message\">
  1655.                                     <span>初回購入は無料！</span>
  1656.                                     <br>
  1657.                                     <span style=\"white-space: nowrap;\">ぜひお試しください。</span>
  1658.                                 </div>
  1659.                                 ";
  1660.             // line 1092
  1661.             echo "                                <span class=\"ec-price__price\">¥0</span>
  1662.                                 <span class=\"ec-price__tax\" style=\"color: #b72704;\">";
  1663.             // line 1093
  1664.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1665.             echo "</span>
  1666.                                 ";
  1667.         } else {
  1668.             // line 1095
  1669.             echo "                                ";
  1670.             // line 1096
  1671.             echo "                                <span class=\"ec-price__price\">";
  1672.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter($this->sandbox->ensureToStringAllowed(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.', 1096, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, true, 1096), 1096, $this->source)), "html", null, true);
  1673.             echo "</span>
  1674.                                 <span class=\"ec-price__tax\" style=\"color: #b72704;\">";
  1675.             // line 1097
  1676.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1677.             echo "</span>
  1678.                                 ";
  1679.         }
  1680.         // line 1099
  1681.         echo "                            </div>
  1682.                         </div>
  1683.                         ";
  1684.         // line 1102
  1685.         echo "                        ";
  1686.         // line 1103
  1687.         echo "                        ";
  1688.         // line 1104
  1689.         echo "                        ";
  1690.         // line 1105
  1691.         echo "                        ";
  1692.         // line 1106
  1693.         echo "                        ";
  1694.         // line 1107
  1695.         echo "                        ";
  1696.         // line 1108
  1697.         echo "                        ";
  1698.         // line 1122
  1699.         echo "                        <div class=\"ec-productRole__actions_area\">
  1700.                             <form action=\"";
  1701.         // line 1123
  1702.         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.', 1123, $this->source); })()), "id", [], "any", false, false, true, 1123)]), "html", null, true);
  1703.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  1704.                                 ";
  1705.         // line 1124
  1706.         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.', 1124, $this->source); })()), "stock_find", [], "any", false, false, true, 1124)) {
  1707.             // line 1125
  1708.             echo "                                    <div class=\"ec-productRole__actions\">
  1709.                                         ";
  1710.             // line 1126
  1711.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, true, 1126)) {
  1712.                 // line 1127
  1713.                 echo "                                            <div class=\"ec-select\">
  1714.                                                 ";
  1715.                 // line 1128
  1716.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(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.', 1128, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 1128), 1128, $this->source), 'row');
  1717.                 echo "
  1718.                                                 ";
  1719.                 // line 1129
  1720.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(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.', 1129, $this->source); })()), "classcategory_id1", [], "any", false, false, true, 1129), 1129, $this->source), 'errors');
  1721.                 echo "
  1722.                                             </div>
  1723.                                             ";
  1724.                 // line 1131
  1725.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, true, 1131)) {
  1726.                     // line 1132
  1727.                     echo "                                                <div class=\"ec-select\">
  1728.                                                     ";
  1729.                     // line 1133
  1730.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(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.', 1133, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 1133), 1133, $this->source), 'row');
  1731.                     echo "
  1732.                                                     ";
  1733.                     // line 1134
  1734.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(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.', 1134, $this->source); })()), "classcategory_id2", [], "any", false, false, true, 1134), 1134, $this->source), 'errors');
  1735.                     echo "
  1736.                                                 </div>
  1737.                                             ";
  1738.                 }
  1739.                 // line 1137
  1740.                 echo "                                        ";
  1741.             }
  1742.             // line 1138
  1743.             echo "                                        <div class=\"ec-numberInput\">
  1744.                                             ";
  1745.             // line 1139
  1746.             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.', 1139, $this->source); })()), "is_recipe_book", [], "any", false, false, true, 1139)) {
  1747.                 // line 1140
  1748.                 echo "                                                <span style=\"min-width: 40px; font-size: 14px;\">";
  1749.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("数量"), "html", null, true);
  1750.                 echo "</span>
  1751.                                                 ";
  1752.                 // line 1141
  1753.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(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.', 1141, $this->source); })()), "quantity", [], "any", false, false, true, 1141), 1141, $this->source), 'widget');
  1754.                 echo "
  1755.                                                 ";
  1756.                 // line 1142
  1757.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(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.', 1142, $this->source); })()), "quantity", [], "any", false, false, true, 1142), 1142, $this->source), 'errors');
  1758.                 echo "
  1759.                                             ";
  1760.             } else {
  1761.                 // line 1144
  1762.                 echo "                                                ";
  1763.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed(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.', 1144, $this->source); })()), "quantity", [], "any", false, false, true, 1144), 1144, $this->source), 'widget', ["type" => "hidden"]);
  1764.                 echo "
  1765.                                             ";
  1766.             }
  1767.             // line 1146
  1768.             echo "                                            ";
  1769.             // line 1147
  1770.             echo "                                            ";
  1771.             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.', 1147, $this->source); })()), "is_recipe_book", [], "any", false, false, true, 1147)) {
  1772.                 // line 1148
  1773.                 echo "                                                ";
  1774.                 if ((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.', 1148, $this->source); })()), "user", [], "any", false, false, true, 1148) &&  !(isset($context["has_purchased_product"]) || array_key_exists("has_purchased_product", $context) ? $context["has_purchased_product"] : (function () { throw new RuntimeError('Variable "has_purchased_product" does not exist.', 1148, $this->source); })()))) {
  1775.                     // line 1149
  1776.                     echo "                                                    <div class=\"ec-productRole__btn purchased__btn\" style=\"\">
  1777.                                                         <button type=\"submit\" class=\"ec-blockBtn--action add-cart\">
  1778.                                                             ";
  1779.                     // line 1151
  1780.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
  1781.                     echo "
  1782.                                                         </button>
  1783.                                                     </div>
  1784.                                                 ";
  1785.                 } elseif ((twig_get_attribute($this->env, $this->source,                 // line 1154
  1786. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1154, $this->source); })()), "user", [], "any", false, false, true, 1154) && (isset($context["has_purchased_product"]) || array_key_exists("has_purchased_product", $context) ? $context["has_purchased_product"] : (function () { throw new RuntimeError('Variable "has_purchased_product" does not exist.', 1154, $this->source); })()))) {
  1787.                     // line 1155
  1788.                     echo "                                                    <div class=\"ec-productRole__btn purchased__btn\">
  1789.                                                         <button type=\"button\" class=\"ec-blockBtn--action add-cart\" disabled=\"disabled\">
  1790.                                                             ";
  1791.                     // line 1157
  1792.                     echo "注文済みです";
  1793.                     echo "
  1794.                                                         </button>
  1795.                                                     </div>
  1796.                                                 ";
  1797.                 } elseif ( !twig_get_attribute($this->env, $this->source,                 // line 1160
  1798. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1160, $this->source); })()), "user", [], "any", false, false, true, 1160)) {
  1799.                     // line 1161
  1800.                     echo "                                                    <div class=\"ec-productRole__btn purchased__btn\">
  1801.                                                         <button type=\"button\" class=\"ec-blockBtn--action add-cart\" disabled=\"disabled\">
  1802.                                                             ";
  1803.                     // line 1163
  1804.                     echo "カートに入れる";
  1805.                     echo "
  1806.                                                         </button>
  1807.                                                         <span>※ログインするとカートに入れられます。</span>
  1808.                                                     </div>
  1809.                                                 ";
  1810.                 }
  1811.                 // line 1168
  1812.                 echo "                                            ";
  1813.             } else {
  1814.                 // line 1169
  1815.                 echo "                                                <div class=\"ec-productRole__btn\">
  1816.                                                     <button type=\"submit\" class=\"ec-blockBtn--action add-cart\">
  1817.                                                         ";
  1818.                 // line 1171
  1819.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
  1820.                 echo "
  1821.                                                     </button>
  1822.                                                 </div>
  1823.                                             ";
  1824.             }
  1825.             // line 1175
  1826.             echo "                                        </div>
  1827.                                     </div>
  1828.                                 ";
  1829.         } else {
  1830.             // line 1178
  1831.             echo "                                    <div class=\"ec-productRole__btn soldout__btn\" style=\"max-width: 350px; min-width: 100px; margin-right: 20px; margin-top: 10px;\">
  1832.                                         <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  1833.                                             ";
  1834.             // line 1180
  1835.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  1836.             echo "
  1837.                                         </button>
  1838.                                         ";
  1839.             // line 1182
  1840.             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.', 1182, $this->source); })()), "restock_date", [], "any", false, false, true, 1182)) {
  1841.                 // line 1183
  1842.                 echo "                                            <div class=\"restock_date\">
  1843.                                                 <span>※";
  1844.                 // line 1184
  1845.                 echo twig_escape_filter($this->env, twig_date_format_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1184, $this->source); })()), "restock_date", [], "any", false, false, true, 1184), 1184, $this->source), "Y年n月j日"), "html", null, true);
  1846.                 echo "に入荷予定</span>
  1847.                                             </div>
  1848.                                         ";
  1849.             }
  1850.             // line 1187
  1851.             echo "                                    </div>
  1852.                                 ";
  1853.         }
  1854.         // line 1189
  1855.         echo "
  1856.                                 ";
  1857.         // line 1190
  1858.         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock($this->sandbox->ensureToStringAllowed((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 1190, $this->source); })()), 1190, $this->source), 'rest');
  1859.         echo "
  1860.                             </form>
  1861.                             ";
  1862.         // line 1192
  1863.         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.', 1192, $this->source); })()), "option_favorite_product", [], "any", false, false, true, 1192)) {
  1864.             // line 1193
  1865.             echo "                                <form action=\"";
  1866.             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.', 1193, $this->source); })()), "id", [], "any", false, false, true, 1193)]), "html", null, true);
  1867.             echo "\" method=\"post\" class=\"add_favorite_form\">
  1868.                                     <div class=\"ec-productRole__btn\" style=\"width: 100%; min-width: auto;\">
  1869.                                         ";
  1870.             // line 1195
  1871.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 1195, $this->source); })()) == false)) {
  1872.                 // line 1196
  1873.                 echo "                                            <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel favorite_button\">
  1874.                                                 ";
  1875.                 // line 1197
  1876.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに登録"), "html", null, true);
  1877.                 echo "
  1878.                                             </button>
  1879.                                         ";
  1880.             } else {
  1881.                 // line 1200
  1882.                 echo "                                            <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel favorite_button\"
  1883.                                                     disabled=\"disabled\">";
  1884.                 // line 1201
  1885.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに登録済"), "html", null, true);
  1886.                 echo "
  1887.                                             </button>
  1888.                                         ";
  1889.             }
  1890.             // line 1204
  1891.             echo "                                    </div>
  1892.                                 </form>
  1893.                             ";
  1894.         }
  1895.         // line 1207
  1896.         echo "                        </div>
  1897.                         <div class=\"ec-modal\" id=\"ec-modal\">
  1898.                             <div class=\"ec-modal-overlay\">
  1899.                                 <div class=\"ec-modal-wrap\">
  1900.                                     <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  1901.         // line 1211
  1902.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  1903.         echo "\" alt=\"\"/></span></span>
  1904.                                     <div id=\"ec-modal-header\" class=\"text-center\">";
  1905.         // line 1212
  1906.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  1907.         echo "</div>
  1908.                                     <div class=\"ec-modal-box\">
  1909.                                         <div class=\"ec-role\">
  1910.                                             <span class=\"ec-inlineBtn--cancel\">";
  1911.         // line 1215
  1912.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  1913.         echo "</span>
  1914.                                             <a href=\"";
  1915.         // line 1216
  1916.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  1917.         echo "\" class=\"ec-inlineBtn--action\">";
  1918.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  1919.         echo "</a>
  1920.                                         </div>
  1921.                                     </div>
  1922.                                 </div>
  1923.                             </div>
  1924.                         </div>
  1925.                         ";
  1926.         // line 1223
  1927.         echo "                        ";
  1928.         if ( !twig_test_empty((isset($context["referencingProducts"]) || array_key_exists("referencingProducts", $context) ? $context["referencingProducts"] : (function () { throw new RuntimeError('Variable "referencingProducts" does not exist.', 1223, $this->source); })()))) {
  1929.             // line 1224
  1930.             echo "                        <div style=\"margin-top: 20px; font-weight: bold; display: flex; justify-content: space-between; align-items: center;\">
  1931.                             <span>ご一緒にいかがですか？</span>
  1932.                             <a href=\"https://web-order.shikomel.com/user_data/recipe_book_lp\" style=\"color: #337AB7; font-size: 14px;\" target=\"_blank\">
  1933.                                 レシピ帖とは
  1934.                                 <i class=\"far fa-question-circle\" style=\"margin-left: 5px;\"></i>
  1935.                             </a>
  1936.                         </div>
  1937.                         ";
  1938.             // line 1232
  1939.             echo "                        <div class=\"recipe_book_carousel sp-only\">
  1940.                             ";
  1941.             // line 1233
  1942.             $context['_parent'] = $context;
  1943.             $context['_seq'] = twig_ensure_traversable((isset($context["referencingProducts"]) || array_key_exists("referencingProducts", $context) ? $context["referencingProducts"] : (function () { throw new RuntimeError('Variable "referencingProducts" does not exist.', 1233, $this->source); })()));
  1944.             foreach ($context['_seq'] as $context["_key"] => $context["RefProduct"]) {
  1945.                 // line 1234
  1946.                 echo "                            <div class=\"item slick-slide\" style=\"padding: 6px; width: 202px; display: inline-block;\" aria-hidden=\"true\">
  1947.                                 <a href=\"";
  1948.                 // line 1235
  1949.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["RefProduct"], "id", [], "any", false, false, true, 1235)]), "html", null, true);
  1950.                 echo "\" tabindex=\"-1\">
  1951.                                     <img class=\"recipe_book__image\" src=\"";
  1952.                 // line 1236
  1953.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["RefProduct"], "main_list_image", [], "any", false, false, true, 1236), 1236, $this->source)), "save_image"), "html", null, true);
  1954.                 echo "\">
  1955.                                     <p class=\"recipe_book__name\">";
  1956.                 // line 1237
  1957.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["RefProduct"], "name", [], "any", false, false, true, 1237), 1237, $this->source), "html", null, true);
  1958.                 echo "</p>
  1959.                                 </a>
  1960.                             </div>
  1961.                             ";
  1962.             }
  1963.             $_parent = $context['_parent'];
  1964.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['RefProduct'], $context['_parent'], $context['loop']);
  1965.             $context = array_intersect_key($context, $_parent) + $_parent;
  1966.             // line 1241
  1967.             echo "                        </div>
  1968.                         <div class=\"pc-only\">
  1969.                             ";
  1970.             // line 1243
  1971.             $context['_parent'] = $context;
  1972.             $context['_seq'] = twig_ensure_traversable((isset($context["referencingProducts"]) || array_key_exists("referencingProducts", $context) ? $context["referencingProducts"] : (function () { throw new RuntimeError('Variable "referencingProducts" does not exist.', 1243, $this->source); })()));
  1973.             foreach ($context['_seq'] as $context["_key"] => $context["RefProduct"]) {
  1974.                 // line 1244
  1975.                 echo "                            <div class=\"item\" style=\"padding: 6px; width: 100%; display: inline-block; max-width: 170px;\" aria-hidden=\"true\">
  1976.                                 <a href=\"";
  1977.                 // line 1245
  1978.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["RefProduct"], "id", [], "any", false, false, true, 1245)]), "html", null, true);
  1979.                 echo "\" tabindex=\"-1\">
  1980.                                     <img class=\"recipe_book__image\" src=\"";
  1981.                 // line 1246
  1982.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["RefProduct"], "main_list_image", [], "any", false, false, true, 1246), 1246, $this->source)), "save_image"), "html", null, true);
  1983.                 echo "\">
  1984.                                     <p class=\"recipe_book__name\">";
  1985.                 // line 1247
  1986.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["RefProduct"], "name", [], "any", false, false, true, 1247), 1247, $this->source), "html", null, true);
  1987.                 echo "</p>
  1988.                                 </a>
  1989.                             </div>
  1990.                             ";
  1991.             }
  1992.             $_parent = $context['_parent'];
  1993.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['RefProduct'], $context['_parent'], $context['loop']);
  1994.             $context = array_intersect_key($context, $_parent) + $_parent;
  1995.             // line 1251
  1996.             echo "                        </div>
  1997.                         ";
  1998.         }
  1999.         // line 1253
  2000.         echo "                        ";
  2001.         // line 1254
  2002.         echo "
  2003.                         ";
  2004.         // line 1256
  2005.         echo "                        ";
  2006.         if ((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "intro_video_embed_html", [], "any", true, true, true, 1256) && 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.', 1256, $this->source); })()), "intro_video_embed_html", [], "any", false, false, true, 1256))) {
  2007.             // line 1257
  2008.             echo "                        <div class=\"ec-modal\" id=\"product_video\">
  2009.                             <div class=\"ec-modal-overlay\">
  2010.                                 <div class=\"ec-modal-wrap\">
  2011.                                     <div class=\"ec-modal-box\" style=\"margin-top: 24px;\">
  2012.                                         <span class=\"ec-modal-close\">
  2013.                                             <span class=\"ec-icon\"><img src=\"";
  2014.             // line 1262
  2015.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  2016.             echo "\" alt=\"\"/>
  2017.                                             </span>
  2018.                                         </span>
  2019.                                         <iframe id=\"video_iframe\" src=\"";
  2020.             // line 1265
  2021.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1265, $this->source); })()), "intro_video_embed_html", [], "any", false, false, true, 1265), 1265, $this->source), "html", null, true);
  2022.             echo "\" title=\"商品紹介動画\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>
  2023.                                     </div>
  2024.                                 </div>
  2025.                             </div>
  2026.                         </div>
  2027.                         ";
  2028.         }
  2029.         // line 1271
  2030.         echo "
  2031.                         ";
  2032.         // line 1272
  2033.         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.', 1272, $this->source); })()), "cost_per_meal", [], "any", false, false, true, 1272) || 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.', 1272, $this->source); })()), "price_per_meal", [], "any", false, false, true, 1272)) || 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.', 1272, $this->source); })()), "profit_per_meal", [], "any", false, false, true, 1272))) {
  2034.             // line 1273
  2035.             echo "                        <div style=\"margin-top: 20px;\">
  2036.                             <span style=\"font-weight: bold;\">FLコスト参考</span>
  2037.                             <table class=\"table table-ProductDetail\" style=\"max-width: 800px; margin-bottom: 30px;\">
  2038.                                 <tbody> 
  2039.                                     ";
  2040.             // line 1277
  2041.             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.', 1277, $this->source); })()), "cost_per_meal", [], "any", false, false, true, 1277)) {
  2042.                 // line 1278
  2043.                 echo "                                    <tr>
  2044.                                         <td>1食当たり原価</td>
  2045.                                         <td>";
  2046.                 // line 1280
  2047.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1280, $this->source); })()), "cost_per_meal", [], "any", false, false, true, 1280), 1280, $this->source)), "html", null, true);
  2048.                 echo "</td>
  2049.                                     </tr>
  2050.                                     ";
  2051.             }
  2052.             // line 1283
  2053.             echo "
  2054.                                     ";
  2055.             // line 1284
  2056.             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.', 1284, $this->source); })()), "price_per_meal", [], "any", false, false, true, 1284)) {
  2057.                 // line 1285
  2058.                 echo "                                    <tr>
  2059.                                         <td>1食当たり売価</td>
  2060.                                         <td>";
  2061.                 // line 1287
  2062.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1287, $this->source); })()), "price_per_meal", [], "any", false, false, true, 1287), 1287, $this->source)), "html", null, true);
  2063.                 echo "</td>
  2064.                                     </tr>
  2065.                                     ";
  2066.             }
  2067.             // line 1290
  2068.             echo "
  2069.                                     ";
  2070.             // line 1291
  2071.             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.', 1291, $this->source); })()), "profit_per_meal", [], "any", false, false, true, 1291)) {
  2072.                 // line 1292
  2073.                 echo "                                    <tr>
  2074.                                         <td>1食当たり粗利</td>
  2075.                                         <td>";
  2076.                 // line 1294
  2077.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1294, $this->source); })()), "profit_per_meal", [], "any", false, false, true, 1294), 1294, $this->source)), "html", null, true);
  2078.                 echo "</td>
  2079.                                     </tr>
  2080.                                     ";
  2081.             }
  2082.             // line 1297
  2083.             echo "                                </tbody>
  2084.                             </table>
  2085.                         </div>
  2086.                         ";
  2087.         }
  2088.         // line 1301
  2089.         echo "
  2090.                         ";
  2091.         // line 1302
  2092.         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.', 1302, $this->source); })()), "expiration_date", [], "any", false, false, true, 1302) || 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.', 1302, $this->source); })()), "cooking_instructions", [], "any", false, false, true, 1302)) || 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.', 1302, $this->source); })()), "storage_method", [], "any", false, false, true, 1302)) || 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.', 1302, $this->source); })()), "raw_materials", [], "any", false, false, true, 1302)) || 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.', 1302, $this->source); })()), "allergy_information", [], "any", false, false, true, 1302)) || 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.', 1302, $this->source); })()), "allergy_information_20", [], "any", false, false, true, 1302))) {
  2093.             // line 1303
  2094.             echo "                        <table class=\"table table-ProductDetail\" id=\"base-info\" style=\"max-width: 800px; margin-bottom: 30px;\">
  2095.                             <span style=\"font-weight: bold;\">商品基本情報</span>
  2096.                             <tbody> 
  2097.                                 ";
  2098.             // line 1307
  2099.             echo "                                ";
  2100.             // line 1313
  2101.             echo "                                ";
  2102.             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.', 1313, $this->source); })()), "cooking_instructions", [], "any", false, false, true, 1313)) {
  2103.                 // line 1314
  2104.                 echo "                                <tr>
  2105.                                     <td>調理方法</td>
  2106.                                     <td>";
  2107.                 // line 1316
  2108.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1316, $this->source); })()), "cooking_instructions", [], "any", false, false, true, 1316), 1316, $this->source)), "html", null, true);
  2109.                 echo "
  2110. ";
  2111.                 // line 1317
  2112.                 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.', 1317, $this->source); })()), "cooking_note_url", [], "any", false, false, true, 1317)) {
  2113.                     echo "<a href=\"";
  2114.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1317, $this->source); })()), "cooking_note_url", [], "any", false, false, true, 1317), 1317, $this->source)), "html", null, true);
  2115.                     echo "\" style=\"font-weight: bold; text-decoration: underline; padding-top: 20px; display: block; padding-bottom: 20px;\" target=\"_blank\">さらに詳しい調理方法を見る";
  2116.                 }
  2117.                 echo "</td>
  2118.                                 </tr>
  2119.                                 ";
  2120.             }
  2121.             // line 1320
  2122.             echo "                                ";
  2123.             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.', 1320, $this->source); })()), "storage_method", [], "any", false, false, true, 1320)) {
  2124.                 // line 1321
  2125.                 echo "                                <tr>
  2126.                                     <td>保存方法</td>
  2127.                                     <td>";
  2128.                 // line 1323
  2129.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1323, $this->source); })()), "storage_method", [], "any", false, false, true, 1323), 1323, $this->source)), "html", null, true);
  2130.                 echo "</td>
  2131.                                 </tr>
  2132.                                 ";
  2133.             }
  2134.             // line 1326
  2135.             echo "                                ";
  2136.             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.', 1326, $this->source); })()), "raw_materials", [], "any", false, false, true, 1326)) {
  2137.                 // line 1327
  2138.                 echo "                                <tr>
  2139.                                     <td>原材料</td>
  2140.                                     <td>";
  2141.                 // line 1329
  2142.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1329, $this->source); })()), "raw_materials", [], "any", false, false, true, 1329), 1329, $this->source)), "html", null, true);
  2143.                 echo "</td>
  2144.                                 </tr>
  2145.                                 ";
  2146.             }
  2147.             // line 1332
  2148.             echo "                                ";
  2149.             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.', 1332, $this->source); })()), "allergy_information", [], "any", false, false, true, 1332)) {
  2150.                 // line 1333
  2151.                 echo "                                <tr>
  2152.                                     <td>アレルギー情報 主要8項目</td>
  2153.                                     <td>";
  2154.                 // line 1335
  2155.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1335, $this->source); })()), "allergy_information", [], "any", false, false, true, 1335), 1335, $this->source)), "html", null, true);
  2156.                 echo "</td>
  2157.                                 </tr>
  2158.                                 ";
  2159.             }
  2160.             // line 1338
  2161.             echo "                                ";
  2162.             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.', 1338, $this->source); })()), "allergy_information_20", [], "any", false, false, true, 1338)) {
  2163.                 // line 1339
  2164.                 echo "                                <tr>
  2165.                                     <td>アレルギー情報 その他20項目</td>
  2166.                                     <td>";
  2167.                 // line 1341
  2168.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($this->sandbox->ensureToStringAllowed(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.', 1341, $this->source); })()), "allergy_information_20", [], "any", false, false, true, 1341), 1341, $this->source)), "html", null, true);
  2169.                 echo "</td>
  2170.                                 </tr>
  2171.                                 ";
  2172.             }
  2173.             // line 1344
  2174.             echo "                            </tbody>
  2175.                         </table>
  2176.                         ";
  2177.         }
  2178.         // line 1347
  2179.         echo "                    </div>
  2180.                 </div>
  2181.             </div>
  2183.             ";
  2184.         // line 1351
  2185.         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.', 1351, $this->source); })()), "cook_movie_url", [], "any", false, false, true, 1351)) {
  2186.             // line 1352
  2187.             echo "            <div class=\"youtube\" style=\"max-width: 500px; margin: auto; margin-top: 30px;\">
  2188.                 <span style=\"font-weight: bold;\">参考調理動画</span>
  2189.                 <iframe src=\"";
  2190.             // line 1354
  2191.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1354, $this->source); })()), "cook_movie_url", [], "any", false, false, true, 1354), 1354, $this->source), "html", null, true);
  2192.             echo "\" title=\"参考調理動画 ";
  2193.             echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(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.', 1354, $this->source); })()), "name", [], "any", false, false, true, 1354), 1354, $this->source), "html", null, true);
  2194.             echo "\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>
  2195.             </div>
  2196.             ";
  2197.         }
  2198.         // line 1357
  2199.         echo "
  2200.             ";
  2201.         // line 1358
  2202.         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.', 1358, $this->source); })()), "add_description_1_title", [], "any", false, false, true, 1358) || 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.', 1358, $this->source); })()), "add_description_1_image", [], "any", false, false, true, 1358)) || 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.', 1358, $this->source); })()), "add_description_1_content", [], "any", false, false, true, 1358))) {
  2203.             // line 1359
  2204.             echo "            <div style=\"max-width: 500px; margin: auto; margin-top: 30px;\">
  2205.                 <div style=\"font-weight: bold; margin-bottom: 20px; text-align: center;\">活用事例・実食レビュー・詳細情報など</div>
  2206.                 ";
  2207.             // line 1361
  2208.             $context['_parent'] = $context;
  2209.             $context['_seq'] = twig_ensure_traversable(range(1, 10));
  2210.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  2211.                 // line 1362
  2212.                 echo "                <div>
  2213.                     ";
  2214.                 // line 1363
  2215.                 $context["title"] = 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.', 1363, $this->source); })()), (("add_description_" . $this->sandbox->ensureToStringAllowed($context["i"], 1363, $this->source)) . "_title"), [], "any", false, false, true, 1363);
  2216.                 // line 1364
  2217.                 echo "                    ";
  2218.                 $context["image"] = 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.', 1364, $this->source); })()), (("add_description_" . $this->sandbox->ensureToStringAllowed($context["i"], 1364, $this->source)) . "_image"), [], "any", false, false, true, 1364);
  2219.                 // line 1365
  2220.                 echo "                    ";
  2221.                 $context["content"] = 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.', 1365, $this->source); })()), (("add_description_" . $this->sandbox->ensureToStringAllowed($context["i"], 1365, $this->source)) . "_content"), [], "any", false, false, true, 1365);
  2222.                 // line 1366
  2223.                 echo "
  2224.                     ";
  2225.                 // line 1367
  2226.                 if ((isset($context["image"]) || array_key_exists("image", $context) ? $context["image"] : (function () { throw new RuntimeError('Variable "image" does not exist.', 1367, $this->source); })())) {
  2227.                     // line 1368
  2228.                     echo "                    <div style=\"\">
  2229.                         <img src=\"";
  2230.                     // line 1369
  2231.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->sandbox->ensureToStringAllowed((isset($context["image"]) || array_key_exists("image", $context) ? $context["image"] : (function () { throw new RuntimeError('Variable "image" does not exist.', 1369, $this->source); })()), 1369, $this->source), "save_image"), "html", null, true);
  2232.                     echo "\" alt=\"";
  2233.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["title"]) || array_key_exists("title", $context) ? $context["title"] : (function () { throw new RuntimeError('Variable "title" does not exist.', 1369, $this->source); })()), 1369, $this->source), "html", null, true);
  2234.                     echo "\" />
  2235.                     </div>
  2236.                     ";
  2237.                 }
  2238.                 // line 1372
  2239.                 echo "
  2240.                     ";
  2241.                 // line 1373
  2242.                 if ((isset($context["title"]) || array_key_exists("title", $context) ? $context["title"] : (function () { throw new RuntimeError('Variable "title" does not exist.', 1373, $this->source); })())) {
  2243.                     // line 1374
  2244.                     echo "                    <h2 class=\"product-title\" style=\"font-size: 16px; font-weight: bold; margin-top: 20px;\">";
  2245.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["title"]) || array_key_exists("title", $context) ? $context["title"] : (function () { throw new RuntimeError('Variable "title" does not exist.', 1374, $this->source); })()), 1374, $this->source), "html", null, true);
  2246.                     echo "</h2>
  2247.                     <hr>
  2248.                     ";
  2249.                 }
  2250.                 // line 1377
  2251.                 echo "
  2252.                     ";
  2253.                 // line 1378
  2254.                 if ((isset($context["content"]) || array_key_exists("content", $context) ? $context["content"] : (function () { throw new RuntimeError('Variable "content" does not exist.', 1378, $this->source); })())) {
  2255.                     // line 1379
  2256.                     echo "                    <div class=\"product-description\" style=\"margin-top:20px; margin-bottom:50px; font-size: 14px; white-space: pre-line;\">";
  2257.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed((isset($context["content"]) || array_key_exists("content", $context) ? $context["content"] : (function () { throw new RuntimeError('Variable "content" does not exist.', 1379, $this->source); })()), 1379, $this->source), "html", null, true);
  2258.                     echo "</div>
  2259.                     ";
  2260.                 }
  2261.                 // line 1381
  2262.                 echo "                </div>
  2263.                 ";
  2264.             }
  2265.             $_parent = $context['_parent'];
  2266.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  2267.             $context = array_intersect_key($context, $_parent) + $_parent;
  2268.             // line 1383
  2269.             echo "            </div>
  2270.             ";
  2271.         }
  2272.         // line 1385
  2273.         echo "
  2274.             ";
  2275.         // line 1386
  2276.         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.', 1386, $this->source); })()), "freearea", [], "any", false, false, true, 1386)) {
  2277.             // line 1387
  2278.             echo "                <div class=\"ec-productRole__description\" style=\"max-width: 500px; margin: auto; padding-right: 10px; padding-left: 10px;\">
  2279.                     ";
  2280.             // line 1388
  2281.             echo $this->extensions['Eccube\Twig\Extension\IgnoreTwigSandboxErrorExtension']->twig_include($this->env, $context, twig_template_from_string($this->env, $this->sandbox->ensureToStringAllowed(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.', 1388, $this->source); })()), "freearea", [], "any", false, false, true, 1388), 1388, $this->source)));
  2282.             echo "
  2283.                 </div>
  2284.             ";
  2285.         }
  2286.         // line 1391
  2287.         echo "
  2288.             ";
  2289.         // line 1397
  2290.         echo "
  2291.         </div>
  2292.     ";
  2293.         
  2294.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2296.         
  2297.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2299.     }
  2301.     public function getTemplateName()
  2302.     {
  2303.         return "__string_template__c3a00b603c90224beffb6b5d5d755125";
  2304.     }
  2306.     public function isTraitable()
  2307.     {
  2308.         return false;
  2309.     }
  2311.     public function getDebugInfo()
  2312.     {
  2313.         return array (  2290 => 1397,  2287 => 1391,  2281 => 1388,  2278 => 1387,  2276 => 1386,  2273 => 1385,  2269 => 1383,  2262 => 1381,  2256 => 1379,  2254 => 1378,  2251 => 1377,  2244 => 1374,  2242 => 1373,  2239 => 1372,  2231 => 1369,  2228 => 1368,  2226 => 1367,  2223 => 1366,  2220 => 1365,  2217 => 1364,  2215 => 1363,  2212 => 1362,  2208 => 1361,  2204 => 1359,  2202 => 1358,  2199 => 1357,  2191 => 1354,  2187 => 1352,  2185 => 1351,  2179 => 1347,  2174 => 1344,  2168 => 1341,  2164 => 1339,  2161 => 1338,  2155 => 1335,  2151 => 1333,  2148 => 1332,  2142 => 1329,  2138 => 1327,  2135 => 1326,  2129 => 1323,  2125 => 1321,  2122 => 1320,  2112 => 1317,  2108 => 1316,  2104 => 1314,  2101 => 1313,  2099 => 1307,  2094 => 1303,  2092 => 1302,  2089 => 1301,  2083 => 1297,  2077 => 1294,  2073 => 1292,  2071 => 1291,  2068 => 1290,  2062 => 1287,  2058 => 1285,  2056 => 1284,  2053 => 1283,  2047 => 1280,  2043 => 1278,  2041 => 1277,  2035 => 1273,  2033 => 1272,  2030 => 1271,  2021 => 1265,  2015 => 1262,  2008 => 1257,  2005 => 1256,  2002 => 1254,  2000 => 1253,  1996 => 1251,  1986 => 1247,  1982 => 1246,  1978 => 1245,  1975 => 1244,  1971 => 1243,  1967 => 1241,  1957 => 1237,  1953 => 1236,  1949 => 1235,  1946 => 1234,  1942 => 1233,  1939 => 1232,  1930 => 1224,  1927 => 1223,  1916 => 1216,  1912 => 1215,  1906 => 1212,  1902 => 1211,  1896 => 1207,  1891 => 1204,  1885 => 1201,  1882 => 1200,  1876 => 1197,  1873 => 1196,  1871 => 1195,  1865 => 1193,  1863 => 1192,  1858 => 1190,  1855 => 1189,  1851 => 1187,  1845 => 1184,  1842 => 1183,  1840 => 1182,  1835 => 1180,  1831 => 1178,  1826 => 1175,  1819 => 1171,  1815 => 1169,  1812 => 1168,  1804 => 1163,  1800 => 1161,  1798 => 1160,  1792 => 1157,  1788 => 1155,  1786 => 1154,  1780 => 1151,  1776 => 1149,  1773 => 1148,  1770 => 1147,  1768 => 1146,  1762 => 1144,  1757 => 1142,  1753 => 1141,  1748 => 1140,  1746 => 1139,  1743 => 1138,  1740 => 1137,  1734 => 1134,  1730 => 1133,  1727 => 1132,  1725 => 1131,  1720 => 1129,  1716 => 1128,  1713 => 1127,  1711 => 1126,  1708 => 1125,  1706 => 1124,  1702 => 1123,  1699 => 1122,  1697 => 1108,  1695 => 1107,  1693 => 1106,  1691 => 1105,  1689 => 1104,  1687 => 1103,  1685 => 1102,  1681 => 1099,  1676 => 1097,  1671 => 1096,  1669 => 1095,  1664 => 1093,  1661 => 1092,  1654 => 1086,  1651 => 1085,  1649 => 1084,  1643 => 1082,  1640 => 1081,  1638 => 1080,  1632 => 1077,  1626 => 1076,  1623 => 1075,  1620 => 1074,  1616 => 1071,  1610 => 1069,  1608 => 1068,  1604 => 1067,  1601 => 1066,  1597 => 1063,  1594 => 1061,  1583 => 1058,  1578 => 1057,  1574 => 1056,  1571 => 1055,  1569 => 1054,  1563 => 1052,  1560 => 1051,  1555 => 1048,  1552 => 1047,  1549 => 1045,  1545 => 1043,  1543 => 1042,  1540 => 1041,  1538 => 1040,  1536 => 1038,  1528 => 1035,  1525 => 1034,  1522 => 1033,  1508 => 1030,  1505 => 1029,  1502 => 1028,  1495 => 1022,  1492 => 1021,  1473 => 1019,  1455 => 1018,  1453 => 1017,  1449 => 1015,  1446 => 1014,  1435 => 1012,  1413 => 1010,  1394 => 1009,  1391 => 1008,  1380 => 1006,  1365 => 1003,  1353 => 1002,  1341 => 1000,  1338 => 999,  1335 => 997,  1316 => 996,  1314 => 995,  1304 => 988,  1301 => 987,  1298 => 985,  1294 => 983,  1292 => 982,  1285 => 977,  1275 => 976,  1260 => 970,  1256 => 969,  1252 => 968,  1248 => 967,  1244 => 965,  1238 => 963,  1236 => 962,  1231 => 961,  1228 => 960,  1218 => 958,  1205 => 957,  1197 => 956,  1179 => 955,  1174 => 953,  1145 => 926,  1100 => 884,  1096 => 883,  1085 => 875,  1081 => 874,  1059 => 855,  1055 => 854,  1044 => 846,  1040 => 845,  1030 => 838,  1026 => 837,  1019 => 832,  1017 => 831,  1005 => 821,  988 => 807,  984 => 806,  973 => 798,  969 => 797,  959 => 790,  955 => 789,  949 => 785,  947 => 784,  937 => 777,  933 => 775,  915 => 760,  911 => 759,  900 => 751,  894 => 748,  888 => 745,  878 => 738,  872 => 735,  866 => 732,  861 => 729,  859 => 728,  848 => 720,  837 => 712,  780 => 658,  775 => 655,  766 => 649,  762 => 647,  760 => 646,  757 => 645,  748 => 639,  744 => 637,  742 => 636,  736 => 632,  733 => 631,  731 => 630,  728 => 629,  726 => 628,  628 => 532,  620 => 530,  618 => 529,  613 => 527,  610 => 526,  608 => 525,  594 => 514,  591 => 513,  581 => 512,  372 => 311,  338 => 278,  75 => 16,  65 => 15,  54 => 11,  52 => 13,  39 => 11,);
  2314.     }
  2316.     public function getSourceContext()
  2317.     {
  2318.         return new Source("{#
  2319.     This file is part of EC-CUBE
  2321.     Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  2323.     http://www.ec-cube.co.jp/
  2325.     For the full copyright and license information, please view the LICENSE
  2326.     file that was distributed with this source code.
  2327.     #}
  2328.     {% extends 'default_frame.twig' %}
  2330.     {% set body_class = 'product_page' %}
  2332.     {% block stylesheet %}
  2333.         <style>
  2335.             .slick-slider {
  2336.                 margin-bottom: 30px;
  2337.             }
  2339.             .slick-dots {
  2340.                 position: absolute;
  2341.                 bottom: -45px;
  2342.                 display: block;
  2343.                 width: 100%;
  2344.                 padding: 0;
  2345.                 list-style: none;
  2346.                 text-align: center;
  2347.             }
  2349.             .slick-dots li {
  2350.                 position: relative;
  2351.                 display: inline-block;
  2352.                 width: 20px;
  2353.                 height: 20px;
  2354.                 margin: 0 5px;
  2355.                 padding: 0;
  2357.                 cursor: pointer;
  2358.             }
  2360.             .slick-dots li button {
  2361.                 font-size: 0;
  2362.                 line-height: 0;
  2363.                 display: block;
  2364.                 width: 20px;
  2365.                 height: 20px;
  2366.                 padding: 5px;
  2367.                 cursor: pointer;
  2368.                 color: transparent;
  2369.                 border: 0;
  2370.                 outline: none;
  2371.                 background: transparent;
  2372.             }
  2374.             .slick-dots li button:hover,
  2375.             .slick-dots li button:focus {
  2376.                 outline: none;
  2377.             }
  2379.             .slick-dots li button:hover:before,
  2380.             .slick-dots li button:focus:before {
  2381.                 opacity: 1;
  2382.             }
  2384.             .slick-dots li button:before {
  2385.                 content: \" \";
  2386.                 line-height: 20px;
  2387.                 position: absolute;
  2388.                 top: 0;
  2389.                 left: 0;
  2390.                 width: 12px;
  2391.                 height: 12px;
  2392.                 text-align: center;
  2393.                 opacity: .25;
  2394.                 background-color: black;
  2395.                 border-radius: 50%;
  2396.             }
  2398.             .slick-dots li.slick-active button:before {
  2399.                 opacity: .75;
  2400.                 background-color: black;
  2401.             }
  2403.             .slick-dots li button.thumbnail img {
  2404.                 width: 0;
  2405.                 height: 0;
  2406.             }
  2408.             .ec-productRole .ec-productRole__title .ec-headingTitle {
  2409.                 font-size: 15px;
  2410.                 font-weight: 700;
  2411.             }
  2413.             @media only screen and (min-width: 768px) {
  2414.                 .ec-productRole .ec-productRole__title .ec-headingTitle {
  2415.                     font-size: 22px;
  2416.                 }
  2417.             }
  2419.             .ec-sliderItemRole .item_nav {
  2420.                 display: flex;
  2421.             }
  2423.             .slick-slide img{
  2424.                 width: 100%;
  2425.                 height: 350px;
  2426.                 object-fit: contain;
  2427.             }
  2428.             @media only screen and (max-width: 767px) {
  2429.                 .slick-slide img{
  2430.                     height: 230px;
  2431.                 }
  2432.             }
  2434.             .slick-slider {
  2435.                 margin-bottom: 5px;
  2436.             }
  2438.             .ec-sliderItemRole{
  2439.                 padding: 0px;
  2440.                 margin: 0px;
  2441.             }
  2443.             .ec-sliderItemRole .slideThumb img {
  2444.                 width: 102px;
  2445.                 height: 55px;
  2446.                 object-fit: cover;
  2447.             }
  2449.             .ec-sliderItemRole .slideThumb {
  2450.                 width: 17%;
  2451.                 margin-right: 10px;
  2452.                 margin-bottom: 10px;
  2453.             }
  2455.             .item_nav {
  2456.                 justify-content: flex-start;
  2457.                 flex-wrap: wrap;
  2458.                 margin-bottom: 0;
  2459.             }
  2461.             .ec-productRole__title .ec-headingTitle {
  2462.                 font-size: 4vw;
  2463.                 font-weight: bold;
  2464.                 color: #525263;
  2465.                 border-bottom: 2px solid #D8D8D8;
  2466.                 margin-bottom: 10px;
  2467.                 padding-bottom: 1.3333vw;
  2468.             }
  2470.             .freeze {
  2471.                 position: unset;
  2472.                 width: 60px;
  2473.                 display: inline-block;
  2474.                 line-height: 1em;
  2475.                 padding: 5px 0;
  2476.                 background-color: #00B0EC;
  2477.                 color: white;
  2478.                 text-align: center;
  2479.                 font-size: 11px;
  2480.                 font-weight: 700;
  2481.                 border-radius: 5px;
  2482.                 margin-bottom: 10px;
  2483.                 margin-top: 10px;
  2484.             }
  2486.             .original {
  2487.                 position: unset;
  2488.                 width: 90px;
  2489.                 display: inline-block;
  2490.                 line-height: 1em;
  2491.                 padding: 5px 0;
  2492.                 background-color: #fff100;
  2493.                 color: black;
  2494.                 text-align: center;
  2495.                 font-size: 11px;
  2496.                 font-weight: 700;
  2497.                 border-radius: 5px;
  2498.                 margin-bottom: 10px;
  2499.                 margin-top: 10px;
  2500.             }
  2502.             .ec-productRole .ec-productRole__tags {
  2503.                 margin-top: 0px;
  2504.                 padding: 0;
  2505.                 padding-bottom: 0px;
  2506.                 border-bottom: none;
  2507.             }
  2509.             .ec-blockBtn--cancel {
  2510.                 height: 40px;
  2511.                 border-radius: 5px;
  2512.                 line-height: 1.0;
  2513.                 /* background-color: #f5f5f5; */
  2514.                 color: #000333;
  2515.                 border: none;
  2516.                 font-weight: 400;
  2517.             }
  2519.             .ec-blockBtn--cancel:hover {
  2520.                 color: #000333;
  2521.                 background-color: #f5f5f5;
  2522.                 border-color: #f5f5f5;
  2523.                 opacity: .7;
  2524.             }
  2526.             .ec-blockBtn--cancel:disabled{
  2527.                 color: #000333;
  2528.                 background-color: #f5f5f5;
  2529.                 border-color: #f5f5f5;
  2530.             }
  2532.             .ec-blockBtn--action {
  2533.                 background-color: #e65f6e;
  2534.             }
  2535.             .ec-blockBtn--action:hover {
  2536.                 color: #fff;
  2537.                 background-color: #e65f6e;
  2538.                 border-color: #e65f6e;
  2539.                 opacity: .6;
  2540.             }
  2542.             .ec-numberInput input[type=number] {
  2543.                 max-width: 80px;
  2544.                 margin-bottom: 0px;
  2545.             }
  2547.             .ec-productRole .ec-productRole__actions {
  2548.                 padding: 0px;
  2549.                 margin-top: 10px;
  2550.                 margin-right: 10px;
  2551.             }
  2553.             .ec-productRole .ec-productRole__actions .ec-numberInput{
  2554.                 display: flex;
  2555.                 align-items: center;
  2556.             }
  2558.             .table-ProductDetail tbody tr td:first-child, .table-ReplacementProductDetail tbody tr td:first-child, .table-ReplacementProductDetail tbody tr td:nth-child(3) {
  2559.                 background-color: #F5F5F5;
  2560.                 width: 130px;
  2561.                 border: solid 1px #d3cbcb;
  2562.             }
  2563.             .table-ProductDetail tbody tr {
  2564.                 white-space: pre-wrap;
  2565.                 word-wrap: break-word;
  2566.             }
  2567.             .table-ProductDetail tbody tr td {
  2568.                 border: solid 1px #d3cbcb;
  2569.             }
  2571.             .ec-price .ec-price__price {
  2572.                 font-size: 24px;
  2573.                 font-weight: bold;
  2574.                 color: #b72704;
  2575.                 padding: 0px;\"
  2576.             }
  2578.             .ec-productRole__description img {
  2579.                 max-width: 100%;
  2580.             }
  2581.             .ec-productRole form div.ec-productRole__actions button.add-cart {
  2582.                 border-radius: 5px;
  2583.                 font-size: 16px;
  2584.                 width: 200px;
  2585.             }
  2586.             .ec-productRole__actions_area {
  2587.                 display: flex;
  2588.                 margin: auto;
  2589.                 align-items: baseline; 
  2590.                 flex-wrap: wrap;
  2591.                 justify-content: end;
  2592.             }
  2594.             {# モバイル #}
  2595.             @media only screen and (max-width: 767px) {
  2596.                 .product_name_pc {
  2597.                     display: none;
  2598.                 }
  2599.                 .add_favorite_form{
  2600.                     width: 100%;
  2601.                 }
  2602.                 .ec-productRole form {
  2603.                     width: 100%;
  2604.                 }
  2605.                 .ec-productRole form div.ec-productRole__actions {
  2606.                     margin-right: 0px;
  2607.                 }
  2608.                 .ec-productRole form div.ec-productRole__actions button.add-cart {
  2609.                     width: 100%;
  2610.                 }
  2611.                 #product_video .ec-modal-wrap {
  2612.                     width: 343px;
  2613.                     height: 333px;
  2614.                 }
  2615.                 #video_iframe {
  2616.                     width: 311px;
  2617.                     height: 205px;
  2618.                 }
  2619.                 .ec-price {
  2620.                     text-align: end;
  2621.                 }
  2622.                 .ec-numberInput input[type=number] {
  2623.                     margin-right: 10px;
  2624.                 }
  2625.             }
  2627.             {# PC #}
  2628.             @media only screen and (min-width: 768px) {
  2629.                 .product_name_sp {
  2630.                     display: none;
  2631.                 }
  2633.                 #product_video .ec-modal-wrap {
  2634.                     width: 734px;
  2635.                     height: 544px;
  2636.                 }
  2638.                 #video_iframe {
  2639.                     width: 670px;
  2640.                     height: 422px;
  2641.                 }
  2642.             }
  2644.             @media only screen and (min-width: 1024px) {
  2645.                 .ec-price .ec-price__price {
  2646.                     font-size: 30px;
  2647.                 }
  2648.             }
  2650.             .youtube {
  2651.                 width: 100%;
  2652.                 aspect-ratio: 16 / 9;
  2653.             }
  2654.             .youtube iframe {
  2655.                 width: 100%;
  2656.                 height: 100%;
  2657.             }
  2659.             .recipe_book__image {
  2660.                 width: 170px;
  2661.                 border-style: solid;
  2662.                 border-width: 2px;
  2663.                 height: 170px;
  2664.                 object-fit: fill;
  2665.                 border-radius: 9px;
  2666.                 border-color: #d2d2d2;
  2667.             }
  2668.             .recipe_book__image:hover {
  2669.                 opacity: 0.7;
  2670.             }
  2671.             .recipe_book__name {
  2672.                 font-size: 14px;
  2673.                 height: 40px;
  2674.                 overflow: hidden;
  2675.                 display: -webkit-box;
  2676.                 text-overflow: ellipsis;
  2677.                 -webkit-box-orient: vertical;
  2678.                 -webkit-line-clamp: 2;
  2679.                 margin-top: 8px;
  2680.                 color: #525263;
  2681.                 font-weight: 600;
  2682.             }
  2683.             .favorite_button {
  2684.                 margin-top: 10px;
  2685.                 font-size: 16px;
  2686.                 height: 56px;
  2687.                 background-color: #ffffff;
  2688.                 border-color: #cccccc;
  2689.                 border-width: 1px;
  2690.                 border-style: solid;
  2691.                 border-radius: 4px;
  2692.             }
  2695.             .initial_purchase__message {
  2696.                 position: relative;
  2697.                 border: 1px solid #FFDA00;
  2698.                 padding: 8px 18px;
  2699.                 font-weight: 600;
  2700.                 font-size: 14px;
  2701.                 color: #525263;
  2702.                 background-color: #F6FF00;
  2703.                 border-radius: 4px;
  2704.                 margin-right: 8px;
  2705.                 margin-bottom: 4px;
  2706.                 display: inline-block;
  2707.                 text-align: start;
  2708.             }
  2709.             .initial_purchase__message::before {
  2710.                 content: '';
  2711.                 position: absolute;
  2712.                 top: 50%; 
  2713.                 left: 100%;
  2714.                 transform: translateY(-50%);
  2715.                 border: 11px solid transparent;
  2716.                 border-left-color: #FFDA00;
  2717.             }
  2718.             .initial_purchase__message::after {
  2719.                 content: '';
  2720.                 position: absolute;
  2721.                 top: 50%; 
  2722.                 left: 100%;
  2723.                 transform: translateY(-50%);
  2724.                 border: 10px solid transparent;
  2725.                 border-left-color: #F6FF00;
  2726.             }
  2728.             .ec-numberInput .ec-productRole__btn {
  2729.                 margin-left: 10px;
  2730.                 max-width: 350px; 
  2731.                 min-width: 100px; 
  2732.                 margin-bottom: 10px;
  2733.             }
  2735.             .buy_this_product__btn {
  2736.                 max-width: 500px;
  2737.                 margin: auto;
  2738.                 margin-top: 20px;
  2739.                 padding-right: 10px;
  2740.                 padding-left: 10px;
  2741.             }
  2743.             .purchased__btn {
  2744.                 max-width: 350px;
  2745.                 min-width: 100px;
  2746.                 margin-right: 0px;
  2747.                 margin-top: 10px;
  2748.             }
  2749.             .ec-productRole__btn span {
  2750.                 font-size: 10px;
  2751.                 color: #000000;
  2752.             }
  2753.             
  2754.             /* --- SP用の設定 (例: 画面幅が768px以下) --- */
  2755.             @media (max-width: 768px) {
  2756.                 .sp-only {
  2757.                     display: flex; /* SPでは表示 */
  2758.                     margin-top: 10px; 
  2759.                     max-width: 800px;
  2760.                 }
  2761.                 .recipe_book_carousel .slick-slide div {
  2762.                     width: 202px;
  2763.                 }
  2764.                 .recipe_book_carousel .slick-slide div img {
  2765.                     height: 190px;
  2766.                 }
  2767.                 .ec-productRole__btn {
  2768.                     width: 100%;
  2769.                 }
  2770.                 .pc-only {
  2771.                     display: none;  /* SPでは非表示 */
  2772.                 }
  2773.                 .product_page .ec-productRole__btn {
  2774.                     max-width: 100% !important;
  2775.                     text-align: center;
  2776.                 }
  2777.                 .favorite_button {
  2778.                     margin-top: 0px;
  2779.                     width: 100%;
  2780.                 }
  2781.                 .add_favorite_form .ec-productRole__btn {
  2782.                     margin-top: 2px !important;
  2783.                 }
  2784.                 
  2785.                 .ec-numberInput .ec-productRole__btn {
  2786.                     margin-left: 0px;
  2787.                 }
  2788.                 .buy_this_product__btn {
  2789.                     padding-right: 0px;
  2790.                     padding-left: 0px;
  2791.                     margin-top: 0px !important;
  2792.                 }
  2793.                 .purchased__btn {
  2794.                     margin-right: 0px;
  2795.                 }
  2796.             }
  2798.             /* --- PC用の設定 (例: 画面幅が769px以上) --- */
  2799.             @media (min-width: 769px) {
  2800.                 .sp-only {
  2801.                     display: none;  /* PCでは非表示 */
  2802.                 }
  2803.                 .pc-only {
  2804.                     display: flex; /* PCでは表示 */
  2805.                     margin-top: 10px; 
  2806.                     max-width: 800px;
  2807.                     flex-wrap: wrap;
  2808.                 }
  2809.                 .pc-only .item {
  2810.                     flex: 1 1 calc(33.333% - 16px); /* 3カラム分の幅（隙間分を引く） */
  2811.                     max-width: calc(33.333% - 16px);
  2812.                     box-sizing: border-box;
  2813.                 }
  2814.                 .ec-productRole .ec-productRole__btn {
  2815.                     width: 90%;
  2816.                 }
  2817.             }
  2819.             /* 再入荷表示 */
  2820.             .restock_date span {
  2821.                 font-size: 13px; 
  2822.                 color: #E65F6E; 
  2823.                 font-weight: 600;    
  2824.             }
  2826.         </style>
  2827.     {% endblock %}
  2829.     {% block javascript %}
  2830.         <script>
  2831.             eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  2833.             // 規格2に選択肢を割り当てる。
  2834.             function fnSetClassCategories(form, classcat_id2_selected) {
  2835.                 var \$form = \$(form);
  2836.                 var product_id = \$form.find('input[name=product_id]').val();
  2837.                 var \$sele1 = \$form.find('select[name=classcategory_id1]');
  2838.                 var \$sele2 = \$form.find('select[name=classcategory_id2]');
  2839.                 eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  2840.             }
  2842.             {% if form.classcategory_id2 is defined %}
  2843.             fnSetClassCategories(
  2844.                 \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  2845.             );
  2846.             {% elseif form.classcategory_id1 is defined %}
  2847.             eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  2848.             {% endif %}
  2849.         </script>
  2850.         <script>
  2851.             \$(function() {
  2852.                 // 調理方法に遷移するよう制御
  2853.                 \$(window).on('load', function() {
  2854.                     if (window.location.hash === '#base-info') {
  2855.                         setTimeout(function() {
  2856.                             const target = document.getElementById('base-info');
  2857.                             if (target) {
  2858.                                 const spOffset = 100;
  2859.                                 const pcOffset = 120;
  2860.                                 const breakpoint = 768; 
  2861.                                 const offset = window.innerWidth < breakpoint ? spOffset : pcOffset;
  2862.                                 const targetPosition = target.getBoundingClientRect().top + window.pageYOffset;
  2863.                                 const scrollToPosition = targetPosition - offset;
  2864.                                 
  2865.                                 window.scrollTo({
  2866.                                     top: scrollToPosition,
  2867.                                     behavior: 'smooth'
  2868.                                 });
  2869.                             }
  2870.                         }, 500);
  2871.                     }
  2872.                 });
  2873.                 // bfcache無効化
  2874.                 \$(window).bind('pageshow', function(event) {
  2875.                     if (event.originalEvent.persisted) {
  2876.                         location.reload(true);
  2877.                     }
  2878.                 });
  2880.                 // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  2881.                 // img タグに width, height が付与されている.
  2882.                 // 630px 未満の画面サイズでは縦横比が壊れるための対策
  2883.                 // see https://github.com/EC-CUBE/ec-cube/pull/5023
  2884.                 \$('.ec-grid2__cell').hide();
  2885.                 var removeSize = function () {
  2886.                     \$('.slide-item').height('');
  2887.                     \$('.slide-item img')
  2888.                         .removeAttr('width')
  2889.                         .removeAttr('height')
  2890.                         .removeAttr('style');
  2891.                 };
  2892.                 var slickInitial = function(slick) {
  2893.                     \$('.ec-grid2__cell').fadeIn(1500);
  2894.                     var baseHeight = \$(slick.target).height();
  2895.                     var baseWidth = \$(slick.target).width();
  2896.                     var rate = baseWidth / baseHeight;
  2898.                     \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  2899.                     // transform を使用することでCLSの影響を受けないようにする
  2900.                     \$('.slide-item img')
  2901.                         .css(
  2902.                             {
  2903.                                 'transform-origin': 'top left',
  2904.                                 'transform': 'scaleY(' + rate + ')',
  2905.                                 'transition': 'transform .1s'
  2906.                             }
  2907.                         );
  2908.                     // 正しいサイズに近くなったら属性を解除する
  2909.                     setTimeout(removeSize, 500);
  2910.                 };
  2911.                 \$('.item_visual').on('init', slickInitial);
  2912.                 // リサイズ時は CLS の影響を受けないため属性を解除する
  2913.                 \$(window).resize(removeSize);
  2914.                 \$('.item_visual').slick({
  2915.                     dots: false,
  2916.                     arrows: false,
  2917.                     infinite: false,
  2918.                     responsive: [{
  2919.                         breakpoint: 768,
  2920.                         settings: {
  2921.                             dots: false
  2922.                         }
  2923.                     }]
  2924.                 });
  2926.                 \$('.slideThumb').on('click', function() {
  2927.                     var index = \$(this).attr('data-index');
  2928.                     \$('.item_visual').slick('slickGoTo', index, false);
  2929.                 });
  2931.                 // サムネイル画像または再生ボタンをクリックしたら動画ダイアログを表示
  2932.                 \$(document).on(\"click\", \".thumbnail-image, .play-button-overlay\", function() {
  2933.                     // ダイアログを表示
  2934.                     \$(\"#product_video\").show();
  2935.                 });
  2937.                 // 閉じるボタンでダイアログを非表示
  2938.                 \$(document).on(\"click\", \"#product_video .close-btn\", function() {
  2939.                     \$(\"#product_video\").hide();
  2940.                 });
  2941.             });
  2942.         </script>
  2943.         <script>
  2945.             {% set current_domain = app.request.getHost() %}
  2947.             {% set is_prod = 'web-order.shikomel.com' in current_domain %}
  2948.             {% set is_stg = 'web-order-stg.shikomel.com' in current_domain %}
  2950.             \$(function() {
  2952.                 \$('.add-cart').on('click', function(event) {
  2953.                     {% if form.classcategory_id1 is defined %}
  2954.                     // 規格1フォームの必須チェック
  2955.                     if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  2956.                         \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  2957.                         return true;
  2958.                     } else {
  2959.                         \$('#classcategory_id1')[0].setCustomValidity('');
  2960.                     }
  2961.                     {% endif %}
  2963.                     {% if form.classcategory_id2 is defined %}
  2964.                     // 規格2フォームの必須チェック
  2965.                     if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  2966.                         \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  2967.                         return true;
  2968.                     } else {
  2969.                         \$('#classcategory_id2')[0].setCustomValidity('');
  2970.                     }
  2971.                     {% endif %}
  2973.                     // 個数フォームのチェック
  2974.                     if (\$('#quantity').val() < 1) {
  2975.                         \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  2976.                         return true;
  2977.                     } else {
  2978.                         \$('#quantity')[0].setCustomValidity('');
  2979.                     }
  2981.                     event.preventDefault();
  2982.                     \$form = \$('#form1');
  2983.                     \$.ajax({
  2984.                         url: \$form.attr('action'),
  2985.                         type: \$form.attr('method'),
  2986.                         data: \$form.serialize(),
  2987.                         dataType: 'json',
  2988.                         beforeSend: function(xhr, settings) {
  2989.                             // Buttonを無効にする
  2990.                             \$('.add-cart').prop('disabled', true);
  2991.                         }
  2992.                     }).done(function(data) {
  2993.                         // レスポンス内のメッセージをalertで表示
  2994.                         \$.each(data.messages, function() {
  2995.                             
  2997.     var \$cartBtn = \$('div.ec-modal-overlay').find('a.ec-inlineBtn--action');
  2998.     \$cartBtn.removeAttr('disabled');
  2999.     \$cartBtn.off('click');
  3001.     // responseを判別
  3002.     if(data.product_id !== undefined) {
  3003.         var product_id = data.product_id;
  3004.         var under_quantity = data.under_quantity;
  3006.         // 最低購入数を下回る場合は、選択数量を最低購入数に変更
  3007.         if(\$('#quantity' + product_id).length) {
  3008.             \$('#quantity' + product_id).val(under_quantity);
  3009.         } else {
  3010.             \$('#quantity').val(under_quantity);
  3011.         }
  3013.         // カートに進むボタンを無効化
  3014.         \$cartBtn.attr('disabled', 'disabled');
  3015.         \$cartBtn.on('click', function() {
  3016.             return false;
  3017.         })
  3018.     }
  3020.     \$('#ec-modal-header').text(this);
  3023.                         });
  3025.                         \$('#ec-modal').show()
  3027.                         // カートブロックを更新する
  3028.                         \$.ajax({
  3029.                             url: \"{{ url('block_cart') }}\",
  3030.                             type: 'GET',
  3031.                             dataType: 'html'
  3032.                         }).done(function(html) {
  3033.                             \$('.ec-headerRole__cart').html(html);
  3034.                         });
  3035.                         
  3036.                         \$.ajax({
  3037.                             url: '{{ url('modal_cart') }}',
  3038.                             type: 'GET',
  3039.                             dataType: 'html'
  3040.                         }).done(function(html) {
  3041.                             \$('.ec-Modalfooter__cart').html(html);
  3042.                         });
  3044.                         // カート追加イベントの送付
  3045.                         {% if is_prod %}
  3047.                             fbq('track', 'AddToCart', {
  3048.                                 content_type: \"Product\",
  3049.                                 content_ids: \"{{ Product.id }}\",
  3050.                                 contents:
  3051.                                     [{
  3052.                                         id: \"{{ Product.id }}\",
  3053.                                         quantity: \$('#quantity').val()
  3054.                                     }],
  3055.                                 content_name: \"{{ Product.name }}\",
  3056.                                 currency: \"JPY\",
  3057.                                 value: 50,
  3058.                             });
  3060.                             fbq('trackCustom', 'ce_add_to_cart', {
  3061.                                 content_type: \"Product\",
  3062.                                 content_ids: \"{{ Product.id }}\",
  3063.                                 contents:
  3064.                                     [{
  3065.                                         id: \"{{ Product.id }}\",
  3066.                                         quantity: \$('#quantity').val()
  3067.                                     }],
  3068.                                 content_name: \"{{ Product.name }}\",
  3069.                                 currency: \"JPY\",
  3070.                                 value: 50,
  3071.                             });
  3072.                         
  3073.                             window.dataLayer.push({
  3074.                                 event: 'ce_add_to_cart',
  3075.                                 custom_event_name: 'ce_add_to_cart',
  3076.                                 custom_product_id: {{ Product.id }},
  3077.                                 custom_product_name: '{{ Product.name }}',
  3078.                                 custom_quantity: \$('#quantity').val(),
  3079.                                 custom_customer_id: '',
  3080.                                 custom_user_agent: \$(\"#user_agent\").val(),
  3081.                                 custom_is_ig: \$(\"#is_ig\").val(),
  3082.                                 custom_is_line: \$(\"#is_line\").val(),
  3083.                                 custom_referer: \$(\"#referer\").val(),
  3084.                                 custom_real_ip: \$(\"#real_ip\").val(),
  3085.                             });
  3087.                             _lt('send', 'cv', {
  3088.                                 type: 'add_to_cart'
  3089.                             },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  3091.                         {% endif %}
  3093.                     }).fail(function(data) {
  3094.                         alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  3095.                     }).always(function(data) {
  3096.                         // Buttonを有効にする
  3097.                         \$('.add-cart').prop('disabled', false);
  3098.                     });
  3099.                 });
  3101.                 {% if is_prod %}
  3103.                     // 詳細表示時にMetaとGTMとLineに閲覧イベントを送付する
  3104.                     fbq('track', 'ViewContent', {
  3105.                         content_type: \"Product\",
  3106.                         content_ids: \"{{ Product.id }}\",
  3107.                         content_name: \"{{ Product.name }}\",
  3108.                         currency: \"JPY\",
  3109.                         value: 25,
  3110.                     });
  3112.                     fbq('trackCustom', 'ce_view_product_detail', {
  3113.                         content_type: \"Product\",
  3114.                         content_ids: \"{{ Product.id }}\",
  3115.                         content_name: \"{{ Product.name }}\",
  3116.                         currency: \"JPY\",
  3117.                         value: 25,
  3118.                     });
  3119.                 
  3120.                     window.dataLayer.push({
  3121.                         event: 'ce_view_product_detail',
  3122.                         custom_event_name: 'ce_view_product_detail',
  3123.                         custom_product_id: {{ Product.id }},
  3124.                         custom_product_name: '{{ Product.name }}',
  3125.                         custom_customer_id: '',
  3126.                         custom_user_agent: \$(\"#user_agent\").val(),
  3127.                         custom_is_ig: \$(\"#is_ig\").val(),
  3128.                         custom_is_line: \$(\"#is_line\").val(),
  3129.                         custom_referer: \$(\"#referer\").val(),
  3130.                         custom_real_ip: \$(\"#real_ip\").val(),
  3131.                     });
  3133.                     _lt('send', 'cv', {
  3134.                         type: 'product_detail'
  3135.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  3137.                 {% endif %}
  3138.             });
  3140.             \$('.ec-modal-wrap').on('click', function(e) {
  3141.                 // モーダル内の処理は外側にバブリングさせない
  3142.                 e.stopPropagation();
  3143.             });
  3144.             \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  3145.                 \$('.ec-modal').hide()
  3146.             });
  3148.             {% if is_prod %}
  3149.                 // お気に入り追加ボタンクリック時のトラッキングイベント
  3150.                 \$('#favorite').on('click', function(e) {
  3152.                     fbq('track', 'AddToWishlist', {
  3153.                         content_type: \"Product\",
  3154.                         content_ids: \"{{ Product.id }}\",
  3155.                         content_name: \"{{ Product.name }}\",
  3156.                         currency: \"JPY\",
  3157.                         value: 40,
  3158.                     });
  3159.                 
  3160.                     fbq('trackCustom', 'ce_add_to_wishlist', {
  3161.                         content_type: \"Product\",
  3162.                         content_ids: \"{{ Product.id }}\",
  3163.                         content_name: \"{{ Product.name }}\",
  3164.                         currency: \"JPY\",
  3165.                         value: 40,
  3166.                     });
  3168.                     window.dataLayer.push({
  3169.                         event: 'ce_add_to_wishlist',
  3170.                         custom_event_name: 'ce_add_to_wishlist',
  3171.                         custom_product_id: {{ Product.id }},
  3172.                         custom_product_name: '{{ Product.name }}',
  3173.                         custom_customer_id: '',
  3174.                         custom_user_agent: \$(\"#user_agent\").val(),
  3175.                         custom_is_ig: \$(\"#is_ig\").val(),
  3176.                         custom_is_line: \$(\"#is_line\").val(),
  3177.                         custom_referer: \$(\"#referer\").val(),
  3178.                         custom_real_ip: \$(\"#real_ip\").val(),
  3179.                     });
  3181.                     _lt('send', 'cv', {
  3182.                         type: 'add_to_wishlist'
  3183.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  3184.                 });
  3186.                 // この商品を購入するボタンクリック時のトラッキングイベント
  3187.                 \$('#buy_this_product').on('click', function(e) {
  3189.                     fbq('trackCustom', 'ClickBuyProduct', {
  3190.                         content_type: \"Product\",
  3191.                         content_ids: \"{{ Product.id }}\",
  3192.                         content_name: \"{{ Product.name }}\",
  3193.                         currency: \"JPY\",
  3194.                         value: 30,
  3195.                     });
  3196.                 
  3197.                     window.dataLayer.push({
  3198.                         event: 'ce_click_buy_product',
  3199.                         custom_event_name: 'ce_click_buy_product',
  3200.                         custom_product_id: {{ Product.id }},
  3201.                         custom_product_name: '{{ Product.name }}',
  3202.                         custom_customer_id: '',
  3203.                         custom_user_agent: \$(\"#user_agent\").val(),
  3204.                         custom_is_ig: \$(\"#is_ig\").val(),
  3205.                         custom_is_line: \$(\"#is_line\").val(),
  3206.                         custom_referer: \$(\"#referer\").val(),
  3207.                         custom_real_ip: \$(\"#real_ip\").val(),
  3208.                     });
  3210.                     _lt('send', 'cv', {
  3211.                         type: 'ce_click_buy_product'
  3212.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  3213.                 });
  3215.                 // Lineバナークリックイベント
  3216.                 \$('#line_link_detail').on('click', function(event) {
  3218.                     const currentPageUrl = window.location.href;
  3220.                     fbq('trackCustom', 'ce_click_line_btn', {
  3221.                         content_type: \"ClickLineBtn\",
  3222.                         content_name: currentPageUrl,
  3223.                         value: 50
  3224.                     });
  3226.                     window.dataLayer.push({
  3227.                         event: 'ce_click_line_btn',
  3228.                         custom_event_name: 'ce_click_line_btn',
  3229.                         custom_page_url: currentPageUrl,
  3230.                         custom_customer_id: '',
  3231.                         custom_user_agent: \$(\"#user_agent\").val(),
  3232.                         custom_is_ig: \$(\"#is_ig\").val(),
  3233.                         custom_is_line: \$(\"#is_line\").val(),
  3234.                         custom_referer: \$(\"#referer\").val(),
  3235.                         custom_real_ip: \$(\"#real_ip\").val(),
  3236.                     });
  3238.                     _lt('send', 'cv', {
  3239.                         type: 'ce_click_line_btn'
  3240.                     },['d6fb195c-aa19-4109-8ea0-7b1d883fb349']);
  3241.                 });
  3242.             {% endif %}
  3244.             \$('.recipe_book_carousel').slick({
  3245.                 dots: false,
  3246.                 autoplay: false,
  3247.                 centerMode: false,
  3248.                 centerPadding: '0px',
  3249.                 arrows: false,
  3250.                 infinite: false,
  3251.                 slidesToShow: 1,
  3252.                 variableWidth: true,
  3253.                 swipeToSlide: true
  3254.             });
  3256.             function moveTop(){
  3257.                 const itemNav = document.querySelector('.ec-price');
  3258.                 if (itemNav) {
  3259.                     itemNav.scrollIntoView({ behavior: 'smooth', block: 'start' });
  3260.                 }
  3261.             }
  3262.             function fnToLogin(url) {
  3263.                 window.location.href = url;
  3264.             }
  3265.         </script>
  3266.         <script type=\"application/ld+json\">
  3267.         {
  3268.             \"@context\": \"https://schema.org/\",
  3269.             \"@type\": \"Product\",
  3270.             \"name\": \"{{ Product.name }}\",
  3271.             \"image\": [
  3272.                 {% for img in Product.ProductImage %}
  3273.                     \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  3274.                 {% else %}
  3275.                     \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  3276.                 {% endfor %}
  3277.             ],
  3278.             \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  3279.             {% if Product.code_min %}
  3280.             \"sku\": \"{{ Product.code_min }}\",
  3281.             {% endif %}
  3282.             \"offers\": {
  3283.                 \"@type\": \"Offer\",
  3284.                 \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  3285.                 \"priceCurrency\": \"{{ eccube_config.currency }}\",
  3286.                 \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  3287.                 \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  3288.             }
  3289.         }
  3290.         </script>
  3291.     {% endblock %}
  3293.     {% block main %}
  3294.         <div class=\"ec-productRole\">
  3295.             <div class=\"ec-grid2\">
  3296.                 <div class=\"ec-grid2___ell product_name_sp\" style=\"margin-top: 10px;\">
  3297.                     <div class=\"ec-productRole__profile\">
  3298.                         <div class=\"productBadge sp_show\">
  3299.                             {% if Product.is_freeze == \"1\" %}
  3300.                             <span class=\"freeze\">冷凍</span>
  3301.                             {% endif %}
  3302.                         </div>
  3303.                         {# 商品名 #}
  3304.                         <div class=\"ec-productRole__title\">
  3305.                             <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  3306.                         </div>
  3307.                     </div>
  3308.                 </div>
  3309.                 <div class=\"ec-grid2__cell\">
  3310.                     <div class=\"ec-sliderItemRole\">
  3311.                         <div class=\"item_visual\">
  3312.                             {% if Product.intro_video_embed_html is defined and Product.intro_video_embed_html %}
  3313.                                 {% for ProductImage in Product.ProductImage %}
  3314.                                     <div class=\"slide-item\" style=\"position:relative;\">
  3315.                                         {# 1枚目 → 再生ボタンを上乗せ #}
  3316.                                         {% if loop.first %}
  3317.                                             <img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %} class=\"play-button-overlay\">
  3318.                                         {% else %}
  3319.                                             <img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}>
  3320.                                         {% endif %}                                
  3321.                                     </div>
  3322.                                 {% else %}
  3323.                                     <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"></div>
  3324.                                 {% endfor %}
  3325.                             {% else %}
  3326.                                 {% for ProductImage in Product.ProductImage %}
  3327.                                     <div class=\"slide-item\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}></div>
  3328.                                 {% else %}
  3329.                                     <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\"></div>
  3330.                                 {% endfor %}
  3331.                             {% endif %}
  3332.                         </div>
  3333.                         <div class=\"item_nav\">
  3334.                             {% if Product.ProductImage|length >= 2  %}
  3335.                             {% for ProductImage in Product.ProductImage %}
  3336.                                 <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"133\" height=\"133\" loading=\"lazy\"></div>
  3337.                             {% endfor %}
  3338.                             {% endif %}
  3339.                         </div>
  3340.                     </div>
  3341.                 </div>
  3342.                 <div class=\"ec-grid2__cell\" style=\"\">
  3343.                     <div class=\"ec-productRole__profile\">
  3344.                         {# パンくず #}
  3345.                         {% if Product.ProductCategories is not empty %}
  3346.                            <div class=\"\" style=\"font-size: 11px;\">
  3347.                                <div><a href=\"{{ url('homepage') }}\">シコメルストア</a> > <a href=\"{{ url('product_list') }}?category_id={{ Product.ProductCategories[0].Category.id }}\">{{ Product.ProductCategories[0].Category.name }}</a> > {{ Product.name }}</div>                               
  3348.                            </div>
  3349.                         {% endif %}
  3350.                         {% if Product.is_recipe_book %}
  3351.                            <div class=\"\" style=\"font-size: 11px; margin-bottom: 10px;\">
  3352.                                <div><a href=\"{{ url('homepage') }}\">シコメルストア</a> > {{ Product.name }}</div>                               
  3353.                            </div>
  3354.                         {% endif %}
  3355.                         {# <div class=\"ec-productRole__description\" style=\"font-weight: 700; font-size: large;\">{{ Product.description_detail|raw|nl2br }}
  3356.                         </div> #}
  3357.                         {# アイコン #}
  3358.                         <div class=\"productBadge product_name_pc\">
  3359.                             {% if Product.is_freeze == \"1\" %}
  3360.                             <span class=\"freeze\">冷凍</span>
  3361.                             {% endif %}
  3362.                         </div>
  3363.                         {# 商品名 #}
  3364.                         <div class=\"ec-productRole__title product_name_pc\">
  3365.                             <h2 class=\"ec-headingTitle\" style=\"padding-bottom: 5px;\">{{ Product.name }}</h2>
  3366.                         </div>
  3367.                         {# 商品説明 #}
  3368.                         {% if Product.description_list %}
  3369.                             <p style=\"margin-top: 10px; font-size: 14px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 100px; margin-bottom: 10px;\">{{ Product.description_list|raw|nl2br }}</p>
  3370.                         {% endif %}
  3371.                         {# タグ #}
  3372.                         <ul class=\"ec-productRole__tags\">
  3373.                             {% for Tag in Product.Tags %}
  3374.                                 <a href=\"/products/list?name={{ Tag|url_encode()}}\">
  3375.                                     <li class=\"ec-productRole__tag tag_{{ Tag.id }}\" style=\"color: #337AB7; text-decoration: underline;\">{{ Tag }}</li>
  3376.                                 </a>
  3377.                             {% endfor %}
  3378.                         </ul>
  3379.                         {# 販売価格 #}
  3380.                         <div class=\"ec-productRole__price\" style=\"padding: 0px;\">
  3381.                             <div class=\"ec-price\" style=\"margin-top: 10px;\">
  3382.                                 {# g/個あたり単価 #}
  3383.                                 <div>
  3384.                                     <span class=\"ec-headingTitle\" style=\"font-size: 16px; font-weight: bold;  margin: 0px;\">{{ Product.cost_per_unit|trans }}</span>
  3385.                                     {% if Product.cost_per_unit_gram is not null %}
  3386.                                     <span class=\"ec-headingTitle\" style=\"font-size: 12px; font-weight: bold;  margin: 0px;\">({{ Product.cost_per_unit_gram|trans }})</span>
  3387.                                     {% endif %}
  3388.                                 </div>
  3390.                                 {# 通常価格 #}
  3391.                                 {% if Product.getPrice01Max is not null %}
  3392.                                 <div style=\"font-size: 16px; font-weight: 700; color: black; margin: 0px;\">
  3393.                                     <span class=\"ec-productRole__priceRegularPrice\" style=\"font-weight: 700; text-decoration: line-through;\">{{ '通常価格'|trans }}：{{ Product.getPrice01IncTaxMin|price }}</span>
  3394.                                     <span class=\"ec-productRole__priceRegularTax\">{{ '税込'|trans }}</span>
  3395.                                 </div>
  3396.                                 {% endif %}
  3397.                                 {# 規格 #}
  3398.                                 {% if Product.standard_text %}
  3399.                                 <span class=\"ec-headingTitle\" style=\"font-size: 14px; font-weight: 700;\">規格：{{ Product.standard_text }}</span>
  3400.                                 {% endif %}
  3401.                                 {# 初回購入無料メッセージ #}
  3402.                                 {% if not has_purchased_recipe and Product.is_recipe_book %}
  3403.                                 <div class=\"initial_purchase__message\">
  3404.                                     <span>初回購入は無料！</span>
  3405.                                     <br>
  3406.                                     <span style=\"white-space: nowrap;\">ぜひお試しください。</span>
  3407.                                 </div>
  3408.                                 {# <span class=\"ec-price__price\">\\0</span><span>税込</span> #}
  3409.                                 <span class=\"ec-price__price\">¥0</span>
  3410.                                 <span class=\"ec-price__tax\" style=\"color: #b72704;\">{{ '税込'|trans }}</span>
  3411.                                 {% else %}
  3412.                                 {# 販売価格 #}
  3413.                                 <span class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  3414.                                 <span class=\"ec-price__tax\" style=\"color: #b72704;\">{{ '税込'|trans }}</span>
  3415.                                 {% endif %}
  3416.                             </div>
  3417.                         </div>
  3418.                         {# 商品コード #}
  3419.                         {#{% if Product.code_min is not empty %}#}
  3420.                         {#    <div class=\"ec-productRole__code\">#}
  3421.                         {#        {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>#}
  3422.                         {#    </div>#}
  3423.                         {#{% endif %}#}
  3424.                         {# 関連カテゴリ #}
  3425.                         {# {% if Product.ProductCategories is not empty %}
  3426.                            <div class=\"ec-productRole__category\">
  3427.                                {% for ProductCategory in Product.ProductCategories %}
  3428.                                    <ul>
  3429.                                        <li>
  3430.                                            {% for Category in ProductCategory.Category.path %}
  3431.                                                <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  3432.                                                <span>＞</span>{% endif -%}
  3433.                                            {% endfor %}
  3434.                                        </li>
  3435.                                    </ul>
  3436.                                {% endfor %}
  3437.                            </div>
  3438.                         {% endif %} #}
  3439.                         <div class=\"ec-productRole__actions_area\">
  3440.                             <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  3441.                                 {% if Product.stock_find %}
  3442.                                     <div class=\"ec-productRole__actions\">
  3443.                                         {% if form.classcategory_id1 is defined %}
  3444.                                             <div class=\"ec-select\">
  3445.                                                 {{ form_row(form.classcategory_id1) }}
  3446.                                                 {{ form_errors(form.classcategory_id1) }}
  3447.                                             </div>
  3448.                                             {% if form.classcategory_id2 is defined %}
  3449.                                                 <div class=\"ec-select\">
  3450.                                                     {{ form_row(form.classcategory_id2) }}
  3451.                                                     {{ form_errors(form.classcategory_id2) }}
  3452.                                                 </div>
  3453.                                             {% endif %}
  3454.                                         {% endif %}
  3455.                                         <div class=\"ec-numberInput\">
  3456.                                             {% if not Product.is_recipe_book %}
  3457.                                                 <span style=\"min-width: 40px; font-size: 14px;\">{{ '数量'|trans }}</span>
  3458.                                                 {{ form_widget(form.quantity) }}
  3459.                                                 {{ form_errors(form.quantity) }}
  3460.                                             {% else %}
  3461.                                                 {{ form_widget(form.quantity, {'type': 'hidden'}) }}
  3462.                                             {% endif %}
  3463.                                             {# 食材の商品である（会員登録は必要なし） / レシピ帖である（ログイン済み、且つ未購入） #}
  3464.                                             {% if Product.is_recipe_book %}
  3465.                                                 {% if app.user and not has_purchased_product %}
  3466.                                                     <div class=\"ec-productRole__btn purchased__btn\" style=\"\">
  3467.                                                         <button type=\"submit\" class=\"ec-blockBtn--action add-cart\">
  3468.                                                             {{ 'カートに入れる'|trans }}
  3469.                                                         </button>
  3470.                                                     </div>
  3471.                                                 {% elseif app.user and has_purchased_product %}
  3472.                                                     <div class=\"ec-productRole__btn purchased__btn\">
  3473.                                                         <button type=\"button\" class=\"ec-blockBtn--action add-cart\" disabled=\"disabled\">
  3474.                                                             {{ '注文済みです' }}
  3475.                                                         </button>
  3476.                                                     </div>
  3477.                                                 {% elseif not app.user %}
  3478.                                                     <div class=\"ec-productRole__btn purchased__btn\">
  3479.                                                         <button type=\"button\" class=\"ec-blockBtn--action add-cart\" disabled=\"disabled\">
  3480.                                                             {{ 'カートに入れる' }}
  3481.                                                         </button>
  3482.                                                         <span>※ログインするとカートに入れられます。</span>
  3483.                                                     </div>
  3484.                                                 {% endif %}
  3485.                                             {% else %}
  3486.                                                 <div class=\"ec-productRole__btn\">
  3487.                                                     <button type=\"submit\" class=\"ec-blockBtn--action add-cart\">
  3488.                                                         {{ 'カートに入れる'|trans }}
  3489.                                                     </button>
  3490.                                                 </div>
  3491.                                             {% endif %}
  3492.                                         </div>
  3493.                                     </div>
  3494.                                 {% else %}
  3495.                                     <div class=\"ec-productRole__btn soldout__btn\" style=\"max-width: 350px; min-width: 100px; margin-right: 20px; margin-top: 10px;\">
  3496.                                         <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  3497.                                             {{ 'ただいま品切れ中です。'|trans }}
  3498.                                         </button>
  3499.                                         {% if Product.restock_date %}
  3500.                                             <div class=\"restock_date\">
  3501.                                                 <span>※{{ Product.restock_date|date('Y年n月j日') }}に入荷予定</span>
  3502.                                             </div>
  3503.                                         {% endif %}
  3504.                                     </div>
  3505.                                 {% endif %}
  3507.                                 {{ form_rest(form) }}
  3508.                             </form>
  3509.                             {% if BaseInfo.option_favorite_product %}
  3510.                                 <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\" class=\"add_favorite_form\">
  3511.                                     <div class=\"ec-productRole__btn\" style=\"width: 100%; min-width: auto;\">
  3512.                                         {% if is_favorite == false %}
  3513.                                             <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel favorite_button\">
  3514.                                                 {{ 'お気に入りに登録'|trans }}
  3515.                                             </button>
  3516.                                         {% else %}
  3517.                                             <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--cancel favorite_button\"
  3518.                                                     disabled=\"disabled\">{{ 'お気に入りに登録済'|trans }}
  3519.                                             </button>
  3520.                                         {% endif %}
  3521.                                     </div>
  3522.                                 </form>
  3523.                             {% endif %}
  3524.                         </div>
  3525.                         <div class=\"ec-modal\" id=\"ec-modal\">
  3526.                             <div class=\"ec-modal-overlay\">
  3527.                                 <div class=\"ec-modal-wrap\">
  3528.                                     <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  3529.                                     <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  3530.                                     <div class=\"ec-modal-box\">
  3531.                                         <div class=\"ec-role\">
  3532.                                             <span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  3533.                                             <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action\">{{ 'カートへ進む'|trans }}</a>
  3534.                                         </div>
  3535.                                     </div>
  3536.                                 </div>
  3537.                             </div>
  3538.                         </div>
  3539.                         {# レシピ帖の表示 #}
  3540.                         {% if referencingProducts is not empty %}
  3541.                         <div style=\"margin-top: 20px; font-weight: bold; display: flex; justify-content: space-between; align-items: center;\">
  3542.                             <span>ご一緒にいかがですか？</span>
  3543.                             <a href=\"https://web-order.shikomel.com/user_data/recipe_book_lp\" style=\"color: #337AB7; font-size: 14px;\" target=\"_blank\">
  3544.                                 レシピ帖とは
  3545.                                 <i class=\"far fa-question-circle\" style=\"margin-left: 5px;\"></i>
  3546.                             </a>
  3547.                         </div>
  3548.                         {# main_carousel slick-initialized slick-slider #}
  3549.                         <div class=\"recipe_book_carousel sp-only\">
  3550.                             {% for RefProduct in referencingProducts %}
  3551.                             <div class=\"item slick-slide\" style=\"padding: 6px; width: 202px; display: inline-block;\" aria-hidden=\"true\">
  3552.                                 <a href=\"{{ url('product_detail', {'id': RefProduct.id}) }}\" tabindex=\"-1\">
  3553.                                     <img class=\"recipe_book__image\" src=\"{{ asset(RefProduct.main_list_image|no_image_product, 'save_image') }}\">
  3554.                                     <p class=\"recipe_book__name\">{{ RefProduct.name }}</p>
  3555.                                 </a>
  3556.                             </div>
  3557.                             {% endfor %}
  3558.                         </div>
  3559.                         <div class=\"pc-only\">
  3560.                             {% for RefProduct in referencingProducts %}
  3561.                             <div class=\"item\" style=\"padding: 6px; width: 100%; display: inline-block; max-width: 170px;\" aria-hidden=\"true\">
  3562.                                 <a href=\"{{ url('product_detail', {'id': RefProduct.id}) }}\" tabindex=\"-1\">
  3563.                                     <img class=\"recipe_book__image\" src=\"{{ asset(RefProduct.main_list_image|no_image_product, 'save_image') }}\">
  3564.                                     <p class=\"recipe_book__name\">{{ RefProduct.name }}</p>
  3565.                                 </a>
  3566.                             </div>
  3567.                             {% endfor %}
  3568.                         </div>
  3569.                         {% endif %}
  3570.                         {# FLコスト参考 #}
  3572.                         {# 動画再生モーダル #}
  3573.                         {% if Product.intro_video_embed_html is defined and Product.intro_video_embed_html %}
  3574.                         <div class=\"ec-modal\" id=\"product_video\">
  3575.                             <div class=\"ec-modal-overlay\">
  3576.                                 <div class=\"ec-modal-wrap\">
  3577.                                     <div class=\"ec-modal-box\" style=\"margin-top: 24px;\">
  3578.                                         <span class=\"ec-modal-close\">
  3579.                                             <span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/>
  3580.                                             </span>
  3581.                                         </span>
  3582.                                         <iframe id=\"video_iframe\" src=\"{{ Product.intro_video_embed_html }}\" title=\"商品紹介動画\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>
  3583.                                     </div>
  3584.                                 </div>
  3585.                             </div>
  3586.                         </div>
  3587.                         {% endif %}
  3589.                         {% if Product.cost_per_meal or Product.price_per_meal or Product.profit_per_meal %}
  3590.                         <div style=\"margin-top: 20px;\">
  3591.                             <span style=\"font-weight: bold;\">FLコスト参考</span>
  3592.                             <table class=\"table table-ProductDetail\" style=\"max-width: 800px; margin-bottom: 30px;\">
  3593.                                 <tbody> 
  3594.                                     {% if Product.cost_per_meal %}
  3595.                                     <tr>
  3596.                                         <td>1食当たり原価</td>
  3597.                                         <td>{{ Product.cost_per_meal|trans }}</td>
  3598.                                     </tr>
  3599.                                     {% endif %}
  3601.                                     {% if Product.price_per_meal %}
  3602.                                     <tr>
  3603.                                         <td>1食当たり売価</td>
  3604.                                         <td>{{ Product.price_per_meal|trans }}</td>
  3605.                                     </tr>
  3606.                                     {% endif %}
  3608.                                     {% if Product.profit_per_meal %}
  3609.                                     <tr>
  3610.                                         <td>1食当たり粗利</td>
  3611.                                         <td>{{ Product.profit_per_meal|trans }}</td>
  3612.                                     </tr>
  3613.                                     {% endif %}
  3614.                                 </tbody>
  3615.                             </table>
  3616.                         </div>
  3617.                         {% endif %}
  3619.                         {% if Product.expiration_date or Product.cooking_instructions or Product.storage_method or Product.raw_materials or Product.allergy_information or Product.allergy_information_20 %}
  3620.                         <table class=\"table table-ProductDetail\" id=\"base-info\" style=\"max-width: 800px; margin-bottom: 30px;\">
  3621.                             <span style=\"font-weight: bold;\">商品基本情報</span>
  3622.                             <tbody> 
  3623.                                 {# NOTE: 賞味期限を自動で更新されていないので一旦隠す #}
  3624.                                 {# {% if Product.expiration_date %}
  3625.                                 <tr>
  3626.                                     <td>賞味期限</td>
  3627.                                     <td>{{ Product.expiration_date|trans }} {% if Product.is_freeze == \"1\" %}<span> ※解凍後はお早めにご使用ください。</span>{% endif %}</td>
  3628.                                 </tr>
  3629.                                 {% endif %} #}
  3630.                                 {% if Product.cooking_instructions %}
  3631.                                 <tr>
  3632.                                     <td>調理方法</td>
  3633.                                     <td>{{ Product.cooking_instructions|trans }}
  3634. {% if Product.cooking_note_url %}<a href=\"{{ Product.cooking_note_url|trans }}\" style=\"font-weight: bold; text-decoration: underline; padding-top: 20px; display: block; padding-bottom: 20px;\" target=\"_blank\">さらに詳しい調理方法を見る{% endif %}</td>
  3635.                                 </tr>
  3636.                                 {% endif %}
  3637.                                 {% if Product.storage_method %}
  3638.                                 <tr>
  3639.                                     <td>保存方法</td>
  3640.                                     <td>{{ Product.storage_method|trans }}</td>
  3641.                                 </tr>
  3642.                                 {% endif %}
  3643.                                 {% if Product.raw_materials %}
  3644.                                 <tr>
  3645.                                     <td>原材料</td>
  3646.                                     <td>{{ Product.raw_materials|trans }}</td>
  3647.                                 </tr>
  3648.                                 {% endif %}
  3649.                                 {% if Product.allergy_information %}
  3650.                                 <tr>
  3651.                                     <td>アレルギー情報 主要8項目</td>
  3652.                                     <td>{{ Product.allergy_information|trans }}</td>
  3653.                                 </tr>
  3654.                                 {% endif %}
  3655.                                 {% if Product.allergy_information_20 %}
  3656.                                 <tr>
  3657.                                     <td>アレルギー情報 その他20項目</td>
  3658.                                     <td>{{ Product.allergy_information_20|trans }}</td>
  3659.                                 </tr>
  3660.                                 {% endif %}
  3661.                             </tbody>
  3662.                         </table>
  3663.                         {% endif %}
  3664.                     </div>
  3665.                 </div>
  3666.             </div>
  3668.             {% if Product.cook_movie_url %}
  3669.             <div class=\"youtube\" style=\"max-width: 500px; margin: auto; margin-top: 30px;\">
  3670.                 <span style=\"font-weight: bold;\">参考調理動画</span>
  3671.                 <iframe src=\"{{ Product.cook_movie_url }}\" title=\"参考調理動画 {{ Product.name }}\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>
  3672.             </div>
  3673.             {% endif %}
  3675.             {% if Product.add_description_1_title or Product.add_description_1_image or Product.add_description_1_content %}
  3676.             <div style=\"max-width: 500px; margin: auto; margin-top: 30px;\">
  3677.                 <div style=\"font-weight: bold; margin-bottom: 20px; text-align: center;\">活用事例・実食レビュー・詳細情報など</div>
  3678.                 {% for i in 1..10 %}
  3679.                 <div>
  3680.                     {% set title = attribute(Product, 'add_description_' ~ i ~ '_title') %}
  3681.                     {% set image = attribute(Product, 'add_description_' ~ i ~ '_image') %}
  3682.                     {% set content = attribute(Product, 'add_description_' ~ i ~ '_content') %}
  3684.                     {% if image %}
  3685.                     <div style=\"\">
  3686.                         <img src=\"{{ asset(image, 'save_image') }}\" alt=\"{{ title }}\" />
  3687.                     </div>
  3688.                     {% endif %}
  3690.                     {% if title %}
  3691.                     <h2 class=\"product-title\" style=\"font-size: 16px; font-weight: bold; margin-top: 20px;\">{{ title }}</h2>
  3692.                     <hr>
  3693.                     {% endif %}
  3695.                     {% if content %}
  3696.                     <div class=\"product-description\" style=\"margin-top:20px; margin-bottom:50px; font-size: 14px; white-space: pre-line;\">{{ content }}</div>
  3697.                     {% endif %}
  3698.                 </div>
  3699.                 {% endfor %}
  3700.             </div>
  3701.             {% endif %}
  3703.             {% if Product.freearea %}
  3704.                 <div class=\"ec-productRole__description\" style=\"max-width: 500px; margin: auto; padding-right: 10px; padding-left: 10px;\">
  3705.                     {{ include(template_from_string(Product.freearea)) }}
  3706.                 </div>
  3707.             {% endif %}
  3709.             {# <div class=\"ec-productRole__btn buy_this_product__btn\">
  3710.                 <button id=\"buy_this_product\" type=\"button\" class=\"ec-blockBtn--action\" onclick=\"moveTop()\">
  3711.                     {{ 'この商品を購入する'|trans }}
  3712.                 </button>
  3713.             </div> #}
  3715.         </div>
  3716.     {% endblock %}
  3717. ", "__string_template__c3a00b603c90224beffb6b5d5d755125", "");
  3718.     }
  3719.     
  3720.     public function checkSecurity()
  3721.     {
  3722.         static $tags = array("set" => 13, "if" => 525, "for" => 955);
  3723.         static $filters = array("raw" => 514, "json_encode" => 527, "escape" => 530, "trans" => 639, "no_image_product" => 958, "slice" => 961, "replace" => 961, "default" => 961, "length" => 1017, "nl2br" => 1052, "url_encode" => 1057, "price" => 1076, "date" => 1184);
  3724.         static $functions = array("class_categories_as_json" => 514, "url" => 712, "asset" => 956, "form_row" => 1128, "form_errors" => 1129, "form_widget" => 1141, "form_rest" => 1190, "range" => 1361, "include" => 1388, "template_from_string" => 1388);
  3726.         try {
  3727.             $this->sandbox->checkSecurity(
  3728.                 ['set', 'if', 'for'],
  3729.                 ['raw', 'json_encode', 'escape', 'trans', 'no_image_product', 'slice', 'replace', 'default', 'length', 'nl2br', 'url_encode', 'price', 'date'],
  3730.                 ['class_categories_as_json', 'url', 'asset', 'form_row', 'form_errors', 'form_widget', 'form_rest', 'range', 'include', 'template_from_string']
  3731.             );
  3732.         } catch (SecurityError $e) {
  3733.             $e->setSourceContext($this->source);
  3735.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  3736.                 $e->setTemplateLine($tags[$e->getTagName()]);
  3737.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  3738.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  3739.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  3740.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  3741.             }
  3743.             throw $e;
  3744.         }
  3746.     }
  3747. }