var/cache/dev/twig/ce/ce33f1a336b501ccf515e493a104daa7fd455b12fbf3de30504bd569466a894b.php line 3077

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Product/detail.twig */
  16. class __TwigTemplate_da5ad31feda8695d41b76c2e300641cf69fccce492d7fb053b687f2a0b3adb3c extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  49.         // line 13
  50.         $context["body_class"] = "product_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <style>
  75.         .slick-slider {
  76.             margin-bottom: 10px;
  77. \t\t\tmargin-top: -20px;
  78.         }
  80.         .slick-dots {
  81.             position: absolute;
  82.             bottom: -45px;
  83.             display: block;
  84.             width: 100%;
  85.             padding: 0;
  86.             list-style: none;
  87.             text-align: center;
  88.         }
  90.         .slick-dots li {
  91.             position: relative;
  92.             display: inline-block;
  93.             width: 20px;
  94.             height: 20px;
  95.             margin: 0 5px;
  96.             padding: 0;
  98.             cursor: pointer;
  99.         }
  101.         .slick-dots li button {
  102.             font-size: 0;
  103.             line-height: 0;
  104.             display: block;
  105.             width: 20px;
  106.             height: 20px;
  107.             padding: 5px;
  108.             cursor: pointer;
  109.             color: transparent;
  110.             border: 0;
  111.             outline: none;
  112.             background: transparent;
  113.         }
  115.         .slick-dots li button:hover,
  116.         .slick-dots li button:focus {
  117.             outline: none;
  118.         }
  120.         .slick-dots li button:hover:before,
  121.         .slick-dots li button:focus:before {
  122.             opacity: 1;
  123.         }
  125.         .slick-dots li button:before {
  126.             content: \" \";
  127.             line-height: 20px;
  128.             position: absolute;
  129.             top: 0;
  130.             left: 0;
  131.             width: 12px;
  132.             height: 12px;
  133.             text-align: center;
  134.             opacity: .25;
  135.             background-color: black;
  136.             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.     </style>
  151.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  152.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  153.     <style>
  154.         /* ============================================
  155.            商品詳細グリッド: 画像50% / 内容50%（均等）
  156.         ============================================ */
  157.         @media (min-width: 768px) {
  158.             body.product_page .ec-grid2 {
  159.                 display: flex;
  160.                 align-items: flex-start;
  161.             }
  162.             body.product_page .ec-grid2 .ec-grid2__cell {
  163.                 width: 50%;
  164.                 flex: 0 0 50%;
  165.                 min-width: 0;
  166.             }
  167.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  168.                 width: 50%;
  169.                 flex: 0 0 50%;
  170.                 min-width: 0;
  171.             }
  172.         }
  174.         /* ============================================
  175.            商品説明欄内のHTMLが画面幅を突き抜けないように
  176.         ============================================ */
  177.         body.product_page .ec-productRole__description {
  178.             min-width: 0;
  179.             overflow-wrap: break-word;
  180.             word-break: break-word;
  181.         }
  182.         body.product_page .ec-productRole__description img,
  183.         body.product_page .ec-productRole__description table,
  184.         body.product_page .ec-productRole__description iframe,
  185.         body.product_page .ec-productRole__description video {
  186.             max-width: 100% !important;
  187.             height: auto;
  188.         }
  189.         body.product_page .ec-productRole__description table {
  190.             display: block;
  191.             overflow-x: auto;
  192.             -webkit-overflow-scrolling: touch;
  193.         }
  195.         /* ============================================
  196.            スマホ用 見積金額 下部固定バー
  197.         ============================================ */
  198.         #sp-mitsumori-bar {
  199.             display: none;
  200.         }
  201.         
  202.         /* ============================================
  203.            商品タイプ選択 共通スタイル
  204.         ============================================ */
  206.         /* セクションラベル */
  207.         .rp-section-label {
  208.             font-size: 14px;
  209.             font-weight: bold;
  210.             color: #333;
  211.             margin-bottom: 10px;
  212.         }
  213.         .rp-section-label span {
  214.             font-weight: normal;
  215.             color: #c00;
  216.         }
  218.         /* ---- 1. 画像付きカード ---- */
  219.         .rp-card-group {
  220.             display: flex;
  221.             flex-wrap: wrap;
  222.             gap: 8px;
  223.             margin-bottom: 4px;
  224.         }
  225.         .rp-card {
  226.             position: relative;
  227.             cursor: pointer;
  228.             width: 110px;
  229.             border: 2px solid #ddd;
  230.             border-radius: 10px;
  231.             overflow: hidden;
  232.             transition: border-color 0.2s, box-shadow 0.2s;
  233.             background: #fff;
  234.         }
  235.         .rp-card:hover {
  236.             border-color: #999;
  237.             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  238.         }
  239.         .rp-card.is-selected {
  240.             border-color: #1a6fcf;
  241.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  242.         }
  243.         .rp-card input[type=\"radio\"] { display: none; }
  244.         .rp-card__image {
  245.             width: 100%;
  246.             aspect-ratio: 1 / 1;
  247.             object-fit: cover;
  248.             display: block;
  249.             background: #f5f5f5;
  250.         }
  251.         .rp-card__placeholder {
  252.             width: 100%;
  253.             aspect-ratio: 1 / 1;
  254.             background: #f0f0f0;
  255.             display: flex;
  256.             align-items: center;
  257.             justify-content: center;
  258.             color: #bbb;
  259.             font-size: 24px;
  260.         }
  261.         .rp-card__name {
  262.             display: block;
  263.             padding: 5px 5px;
  264.             font-size: 11px;
  265.             color: #333;
  266.             text-align: center;
  267.             line-height: 1.4;
  268.             word-break: break-all;
  269.         }
  270.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  271.         .rp-card.is-selected::after {
  272.             content: \"✓\";
  273.             position: absolute;
  274.             top: 3px; right: 6px;
  275.             color: #1a6fcf;
  276.             font-size: 13px;
  277.             font-weight: bold;
  278.         }
  280.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  281.         .rp-btn-group {
  282.             display: flex;
  283.             flex-wrap: wrap;
  284.             gap: 8px;
  285.             margin-bottom: 4px;
  286.             max-width: 100%;
  287.             min-width: 0;
  288.         }
  289.         .rp-btn {
  290.             cursor: pointer;
  291.             padding: 8px 14px;
  292.             border: 2px solid #ddd;
  293.             border-radius: 10px;
  294.             font-size: 13px;
  295.             color: #333;
  296.             background: #fff;
  297.             transition: border-color 0.2s, background 0.2s;
  298.             white-space: nowrap;
  299.             max-width: 100%;
  300.             overflow: hidden;
  301.             text-overflow: ellipsis;
  302.         }
  303.         .rp-btn:hover { border-color: #999; }
  304.         .rp-btn.is-selected {
  305.             border-color: #1a6fcf;
  306.             color: #1a6fcf;
  307.             font-weight: bold;
  308.             background: #f0f6ff;
  309.         }
  310.         .rp-btn input[type=\"radio\"] { display: none; }
  312.         /* ---- ボタン群が3行以上になる場合は1行横スクロール ---- */
  313.         .rp-btn-group.is-scroll,
  314.         .opt-btn-group.is-scroll {
  315.             flex-wrap: nowrap;
  316.             overflow-x: auto;
  317.             overflow-y: hidden;
  318.             -webkit-overflow-scrolling: touch;
  319.             scrollbar-width: thin;
  320.             padding-bottom: 6px;
  321.         }
  322.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  323.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  324.             height: 6px;
  325.         }
  326.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  327.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  328.             background: #c0c0c0;
  329.             border-radius: 3px;
  330.         }
  331.         .rp-btn-group.is-scroll > .rp-btn,
  332.         .opt-btn-group.is-scroll > .opt-btn {
  333.             flex: 0 0 auto;
  334.         }
  336.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  337.         .rp-select-wrap {
  338.             margin-bottom: 4px;
  339.         }
  340.         .rp-select {
  341.             width: 100%;
  342.             max-width: 420px;
  343.             padding: 8px 12px;
  344.             border: 2px solid #ddd;
  345.             border-radius: 10px;
  346.             font-size: 13px;
  347.             color: #333;
  348.             background: #fff;
  349.             appearance: none;
  350.             background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\");
  351.             background-repeat: no-repeat;
  352.             background-position: right 12px center;
  353.             cursor: pointer;
  354.         }
  355.         .rp-select:focus {
  356.             outline: none;
  357.             border-color: #1a6fcf;
  358.         }
  360.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  361.         .opt-btn-group {
  362.             display: flex;
  363.             flex-wrap: wrap;
  364.             gap: 8px;
  365.             padding: 6px 0;
  366.             max-width: 100%;
  367.             min-width: 0;
  368.         }
  369.         .opt-btn {
  370.             cursor: pointer;
  371.             padding: 7px 14px;
  372.             border: 2px solid #ddd;
  373.             border-radius: 10px;
  374.             font-size: 13px;
  375.             color: #333;
  376.             background: #fff;
  377.             transition: border-color 0.2s, background 0.2s;
  378.             white-space: nowrap;
  379.             max-width: 100%;
  380.             overflow: hidden;
  381.             text-overflow: ellipsis;
  382.         }
  383.         .opt-btn:hover { border-color: #999; }
  384.         .opt-btn.is-selected {
  385.             border-color: #1a6fcf;
  386.             color: #1a6fcf;
  387.             font-weight: bold;
  388.             background: #f0f6ff;
  389.         }
  390.         .opt-btn input[type=\"radio\"] { display: none; }
  392.         /* ============================================
  393.            施工エリア案内
  394.         ============================================ */
  395.         .ec-areaNotice {
  396.             margin: 16px 0;
  397.             padding: 16px 20px;
  398.             background: #f8f9fa;
  399.             border-left: 4px solid #1a6fcf;
  400.             border-radius: 0 8px 8px 0;
  401.         }
  402.         .ec-areaNotice__inner {
  403.             display: flex;
  404.             align-items: flex-start;
  405.             gap: 12px;
  406.         }
  407.         .ec-areaNotice__icon {
  408.             font-size: 22px;
  409.             line-height: 1;
  410.             flex-shrink: 0;
  411.             margin-top: 2px;
  412.         }
  413.         .ec-areaNotice__body {
  414.             flex: 1;
  415.         }
  416.         .ec-areaNotice__title {
  417.             font-size: 13px;
  418.             font-weight: bold;
  419.             color: #1a6fcf;
  420.             margin: 0 0 6px;
  421.         }
  422.         .ec-areaNotice__text {
  423.             font-size: 13px;
  424.             color: #444;
  425.             line-height: 1.7;
  426.             margin: 0;
  427.         }
  428.         .ec-areaNotice__text strong {
  429.             color: #222;
  430.         }
  431.         .ec-areaNotice__link {
  432.             display: inline-block;
  433.             margin-top: 8px;
  434.             font-size: 12px;
  435.             color: #1a6fcf;
  436.             text-decoration: underline;
  437.         }
  438.         .ec-areaNotice__link:hover {
  439.             color: #0d4fa0;
  440.         }
  442.         /* ============================================
  443.            SNSシェア + ブランド名 タイトル行
  444.         ============================================ */
  445.         .ec-productRole__titleRow {
  446.             display: flex;
  447.             align-items: center;
  448.             justify-content: space-between;
  449.             gap: 8px;
  450.             margin-bottom: 4px;
  451.         }
  452.         .ec-productRole__titleRow .ec-headingTitle {
  453.             margin: 0;
  454.             flex: 1;
  455.             font-size: 18px;
  456.         }
  457.         .ec-share-inline {
  458.             display: flex;
  459.             align-items: center;
  460.             gap: 8px;
  461.             flex-shrink: 0;
  462.         }
  463.         @media (max-width: 767px) {
  464.             /* maker_area の float を解除して独立表示 */
  465.             #maker_area {
  466.                 float: none !important;
  467.                 width: auto !important;
  468.                 height: auto !important;
  469.                 display: block;
  470.                 margin-bottom: 4px;
  471.             }
  472.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  473.             .ec-productRole__titleRow {
  474.                 flex-wrap: wrap;
  475.                 clear: both;
  476.             }
  477.             .ec-productRole__titleRow .ec-headingTitle {
  478.                 flex: 1 1 100%;
  479.                 font-size: 16px;
  480.             }
  481.             .ec-share-inline {
  482.                 flex: 0 0 auto;
  483.                 margin-left: auto;
  484.             }
  485.         }
  486.         .ec-share-inline a {
  487.             display: flex;
  488.             align-items: center;
  489.             justify-content: center;
  490.             width: 32px;
  491.             height: 32px;
  492.             border-radius: 50%;
  493.             font-size: 15px;
  494.             color: #fff;
  495.             text-decoration: none;
  496.             transition: opacity 0.2s;
  497.         }
  498.         .ec-share-inline a:hover { opacity: 0.8; }
  499.         .ec-share-inline .share-twitter  { background: #000; }
  500.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  501.         .ec-share-inline .share-line     { background: #06c755; }
  503.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  504.         .ec-productRole__share { display: none; }
  506.         /* ============================================
  507.            PC用: 現在のお見積り額カード強調
  508.         ============================================ */
  509.         @media (min-width: 768px) {
  510.             .mitsumori-card-pc {
  511.                 border: 2px solid #1a6fcf !important;
  512.                 border-radius: 10px !important;
  513.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  514.                 margin-top: 20px;
  515.                 overflow: hidden;
  516.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  517.             }
  518.             .mitsumori-card-pc .card-header {
  519.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  520.                 color: #fff !important;
  521.                 padding: 14px 16px !important;
  522.                 border-bottom: none !important;
  523.             }
  524.             .mitsumori-card-pc .card-title {
  525.                 color: #fff !important;
  526.                 font-size: 15px !important;
  527.                 font-weight: bold !important;
  528.                 margin: 0 !important;
  529.             }
  530.             .mitsumori-card-pc #mitsumori_message {
  531.                 font-size: 22px !important;
  532.                 font-weight: bold !important;
  533.                 color: #fff !important;
  534.             }
  535.             .mitsumori-card-pc .btn-tool {
  536.                 color: #fff !important;
  537.             }
  538.             /* 合計行を大きく強調 */
  539.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  540.                 font-size: 16px !important;
  541.                 font-weight: bold !important;
  542.                 color: #c00 !important;
  543.                 background: #fff8f8 !important;
  544.                 padding: 12px 16px !important;
  545.             }
  546.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  547.                 font-size: 20px !important;
  548.                 font-weight: bold !important;
  549.                 color: #c00 !important;
  550.             }
  551.             /* card-body（明細リスト）を白背景に */
  552.             .mitsumori-card-pc .card-body {
  553.                 background: #fff !important;
  554.             }
  555.             .mitsumori-card-pc .card-footer {
  556.                 background: #f8faff !important;
  557.                 border-top: 1px solid #dce8fb !important;
  558.                 padding: 12px 16px !important;
  559.             }
  560.         }
  562.         @media (max-width: 767px) {
  563.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  564.             .mitsumori-card-pc {
  565.                 border: none !important;
  566.                 border-radius: 0 !important;
  567.                 box-shadow: none !important;
  568.                 margin-top: 0 !important;
  569.                 overflow: visible !important;
  570.                 background: none !important;
  571.             }
  572.             .mitsumori-card-pc .card-header {
  573.                 background: none !important;
  574.                 color: inherit !important;
  575.                 padding: inherit !important;
  576.                 border-bottom: inherit !important;
  577.             }
  578.             .mitsumori-card-pc .card-title { color: inherit !important; }
  579.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  580.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  581.             /* 折りたたみトグルボタン */
  582.             .btn-mitsumori-toggle {
  583.                 background: none !important;
  584.                 border: 1px solid #aaa !important;
  585.                 border-radius: 4px !important;
  586.                 padding: 2px 8px !important;
  587.                 font-size: 12px !important;
  588.                 color: #333 !important;
  589.                 line-height: 1.4 !important;
  590.             }
  591.             .btn-mitsumori-toggle .toggle-icon {
  592.                 display: inline-block;
  593.                 transition: transform 0.2s;
  594.             }
  595.             /* 展開状態: ▼→▲ */
  596.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  597.                 content: \"▲ 閉じる\";
  598.             }
  599.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  600.                 display: none;
  601.             }
  602.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  603.                 content: \"▲ 閉じる\";
  604.                 font-size: 12px;
  605.             }
  606.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  607.                 font-size: inherit !important;
  608.                 color: inherit !important;
  609.                 background: none !important;
  610.                 padding: inherit !important;
  611.             }
  612.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  613.                 font-size: inherit !important;
  614.                 color: inherit !important;
  615.             }
  616.             .mitsumori-card-pc .card-footer {
  617.                 background: none !important;
  618.                 border-top: inherit !important;
  619.                 padding: inherit !important;
  620.             }
  621.             /* 横スクロール禁止 */
  622.             body, html {
  623.                 overflow-x: hidden;
  624.                 max-width: 100vw;
  625.             }
  626.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  627.             .opt-btn,
  628.             .rp-btn {
  629.                 white-space: normal;
  630.                 word-break: break-all;
  631.             }
  632.             /* エリア案内: スマホでコンパクト */
  633.             .ec-areaNotice {
  634.                 margin: 8px 0;
  635.                 padding: 8px 10px;
  636.                 border-left-width: 3px;
  637.                 cursor: pointer;
  638.             }
  639.             .ec-areaNotice__inner {
  640.                 flex-direction: row;
  641.                 gap: 8px;
  642.                 align-items: flex-start;
  643.             }
  644.             .ec-areaNotice__icon { font-size: 15px; }
  645.             /* タイトル行: 展開トグル */
  646.             .ec-areaNotice__title {
  647.                 font-size: 11px;
  648.                 margin-bottom: 3px;
  649.                 display: flex;
  650.                 justify-content: space-between;
  651.                 align-items: center;
  652.             }
  653.             .ec-areaNotice__title::after {
  654.                 content: \"▼\";
  655.                 font-size: 9px;
  656.                 color: #888;
  657.                 margin-left: 6px;
  658.                 transition: transform 0.2s;
  659.             }
  660.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  661.                 transform: rotate(180deg);
  662.             }
  663.             /* 折りたたみ対象: 閉じた状態では非表示 */
  664.             .ec-areaNotice__detail {
  665.                 display: none;
  666.             }
  667.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  668.                 display: block;
  669.             }
  670.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  671.             .ec-areaNotice__text br { display: none; }
  672.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  673.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  674.             
  675.             #sp-mitsumori-bar {
  676.                 display: flex;
  677.                 position: fixed;
  678.                 bottom: 0;
  679.                 left: 0;
  680.                 right: 0;
  681.                 z-index: 1000;
  682.                 background: #fff;
  683.                 border-top: 2px solid #e0e0e0;
  684.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  685.                 align-items: center;
  686.                 padding: 8px 12px;
  687.                 gap: 10px;
  688.             }
  689.             #sp-mitsumori-bar .sp-bar__label {
  690.                 font-size: 11px;
  691.                 color: #666;
  692.                 white-space: nowrap;
  693.             }
  694.             #sp-mitsumori-bar .sp-bar__price {
  695.                 font-size: 18px;
  696.                 font-weight: bold;
  697.                 color: #c00;
  698.                 flex: 1;
  699.             }
  700.             #sp-mitsumori-bar .sp-bar__btn {
  701.                 font-size: 12px;
  702.                 padding: 8px 12px;
  703.                 background: #333;
  704.                 color: #fff;
  705.                 border: none;
  706.                 border-radius: 6px;
  707.                 white-space: nowrap;
  708.                 cursor: pointer;
  709.                 position: relative;
  710.                 display: inline-flex;
  711.                 align-items: center;
  712.                 gap: 6px;
  713.             }
  714.             #sp-mitsumori-bar .sp-bar__btn i {
  715.                 font-size: 14px;
  716.             }
  717.             #sp-mitsumori-bar .sp-bar__cart-badge {
  718.                 position: absolute;
  719.                 top: -6px;
  720.                 right: -6px;
  721.                 background: #c00;
  722.                 color: #fff;
  723.                 border-radius: 50%;
  724.                 min-width: 16px;
  725.                 height: 16px;
  726.                 font-size: 10px;
  727.                 line-height: 16px;
  728.                 padding: 0 4px;
  729.                 font-weight: bold;
  730.             }
  731.             #sp-mitsumori-bar .sp-bar__home-btn {
  732.                 display: inline-flex;
  733.                 align-items: center;
  734.                 justify-content: center;
  735.                 width: 36px;
  736.                 height: 36px;
  737.                 border: 1px solid #ccc;
  738.                 border-radius: 6px;
  739.                 background: #fff;
  740.                 color: #333;
  741.                 text-decoration: none;
  742.                 cursor: pointer;
  743.             }
  744.             #sp-mitsumori-bar .sp-bar__home-btn i {
  745.                 font-size: 16px;
  746.             }
  747.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  748.                 background: #f0f0f0;
  749.             }
  750.             /* 下部バーの高さ分ページ下部にpaddingを追加 */
  751.             body {
  752.                 padding-bottom: 64px;
  753.             }
  754.         }
  756.         /* ============================================
  757.            カート追加モーダル: 縦並び中央配置
  758.         ============================================ */
  759.         .add-cart-modal__wrap {
  760.             text-align: center;
  761.         }
  762.         .add-cart-modal__header {
  763.             font-size: 16px;
  764.             margin: 20px 0 24px;
  765.             text-align: center;
  766.         }
  767.         .add-cart-modal__actions {
  768.             display: flex;
  769.             flex-direction: column;
  770.             align-items: center;
  771.             gap: 16px;
  772.             padding: 0 20px 20px;
  773.         }
  774.         .add-cart-modal__primary {
  775.             display: inline-block;
  776.             width: 80%;
  777.             max-width: 320px;
  778.             padding: 14px 20px;
  779.             font-size: 15px;
  780.             font-weight: bold;
  781.             text-align: center;
  782.             background: #d9534f;
  783.             color: #fff !important;
  784.             border-radius: 6px;
  785.             text-decoration: none;
  786.             cursor: pointer;
  787.         }
  788.         .add-cart-modal__primary:hover {
  789.             background: #c9302c;
  790.             color: #fff !important;
  791.             text-decoration: none;
  792.         }
  793.         .add-cart-modal__secondary {
  794.             display: inline-block;
  795.             padding: 6px 14px;
  796.             font-size: 12px;
  797.             color: #666;
  798.             border: 1px solid #ccc;
  799.             border-radius: 4px;
  800.             background: #fff;
  801.             cursor: pointer;
  802.         }
  803.         .add-cart-modal__secondary:hover {
  804.             background: #f0f0f0;
  805.             color: #333;
  806.         }
  807.         @media (max-width: 767px) {
  808.             .add-cart-modal__actions {
  809.                 gap: 20px;
  810.             }
  811.         }
  812.     </style>
  813. ";
  814.         
  815.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  817.         
  818.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  820.     }
  822.     // line 758
  823.     public function block_javascript($context, array $blocks = [])
  824.     {
  825.         $macros = $this->macros;
  826.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  827.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  829.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  830.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  832.         // line 759
  833.         echo "
  834.     <script>
  835.         eccube.classCategories = ";
  836.         // line 761
  837.         echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 761, $this->source); })()));
  838.         echo ";
  840.         // 規格2に選択肢を割り当てる。
  841.         function fnSetClassCategories(form, classcat_id2_selected) {
  842.             var \$form = \$(form);
  843.             var product_id = \$form.find('input[name=product_id]').val();
  844.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  845.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  846.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  847.         }
  849.         ";
  850.         // line 772
  851.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 772)) {
  852.             // line 773
  853.             echo "        fnSetClassCategories(
  854.             \$('#form1'), ";
  855.             // line 774
  856.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 774, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 774), "vars", [], "any", false, false, false, 774), "value", [], "any", false, false, false, 774));
  857.             echo "
  858.         );
  859.         ";
  860.         } elseif (twig_get_attribute($this->env, $this->source,         // line 776
  861. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 776)) {
  862.             // line 777
  863.             echo "        eccube.checkStock(\$('#form1'), ";
  864.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 777, $this->source); })()), "id", [], "any", false, false, false, 777), "html", null, true);
  865.             echo ", ";
  866.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 777, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 777), "vars", [], "any", false, false, false, 777), "value", [], "any", false, false, false, 777));
  867.             echo ", null);
  868.         ";
  869.         }
  870.         // line 779
  871.         echo "    </script>
  872.     <script>
  873.         \$(function() {
  874.             // bfcache無効化
  875.             \$(window).bind('pageshow', function(event) {
  876.                 if (event.originalEvent.persisted) {
  877.                     location.reload(true);
  878.                 }
  879.             });
  881.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  882.             // img タグに width, height が付与されている.
  883.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  884.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  885.             \$('.ec-grid2__cell').hide();
  886.             var removeSize = function () {
  887.                 \$('.slide-item').height('');
  888.                 \$('.slide-item img')
  889.                     .removeAttr('width')
  890.                     .removeAttr('height')
  891.                     .removeAttr('style');
  893.             };
  894.             var slickInitial = function(slick) {
  895.                 \$('.ec-grid2__cell').fadeIn(1500);
  896.                 var baseHeight = \$(slick.target).height();
  897.                 var baseWidth = \$(slick.target).width();
  898.                 var rate = baseWidth / baseHeight;
  899. \t\t\t\tif(baseHeight * rate < 400){
  900. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  901. \t\t\t\t}else{
  902. \t                \$('.slide-item').height(400); // 余白を削除する
  903. \t\t\t\t}
  904.                 // transform を使用することでCLSの影響を受けないようにする
  905.                 \$('.slide-item img')
  906.                     .css(
  907.                         {
  908.                             'transform-origin': 'top left',
  909.                             'transform': 'scaleY(' + rate + ')',
  910.                             'transition': 'transform .1s'
  911.                         }
  912.                     );
  913.                 // 正しいサイズに近くなったら属性を解除する
  914.                 setTimeout(removeSize, 500);
  915.             };
  916.             \$('.item_visual').on('init', slickInitial);
  917.             // リサイズ時は CLS の影響を受けないため属性を解除する
  918.             \$(window).resize(removeSize);
  919.             \$('.item_visual').slick({
  920.                 dots: false,
  921.                 arrows: true,
  922.                 responsive: [{
  923.                     breakpoint: 768,
  924.                     settings: {
  925.                         dots: true,
  926.                 \t\tarrows: false
  927.                     }
  928.                 }]
  929.             });
  931.             \$('.slideThumb').on('click', function() {
  932.                 var index = \$(this).attr('data-index');
  933.                 \$('.item_visual').slick('slickGoTo', index, false);
  934.             })
  935.         });
  937.     </script>
  938.     <script>
  939.         \$(function() {
  940.             \$('.add-cart').on('click', function(event) {
  941.                 ";
  942.         // line 849
  943.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 849)) {
  944.             // line 850
  945.             echo "                // 規格1フォームの必須チェック
  946.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  947.                     \$('#classcategory_id1')[0].setCustomValidity('";
  948.             // line 852
  949.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  950.             echo "');
  951.                     return true;
  952.                 } else {
  953.                     \$('#classcategory_id1')[0].setCustomValidity('');
  954.                 }
  955.                 ";
  956.         }
  957.         // line 858
  958.         echo "
  959.                 ";
  960.         // line 859
  961.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 859)) {
  962.             // line 860
  963.             echo "                // 規格2フォームの必須チェック
  964.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  965.                     \$('#classcategory_id2')[0].setCustomValidity('";
  966.             // line 862
  967.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  968.             echo "');
  969.                     return true;
  970.                 } else {
  971.                     \$('#classcategory_id2')[0].setCustomValidity('');
  972.                 }
  973.                 ";
  974.         }
  975.         // line 868
  976.         echo "
  977.                 // タイプ2: カート送信直前に set_count を quantity に同期
  978.                 if(\$('#set_count').length){
  979.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  980.                     \$('#quantity').val(_sc);
  981.                     \$('input[name=\"quantity\"]').val(_sc);
  982.                 }
  984.                 // 個数フォームのチェック
  985.                 if (\$('#quantity').val() < 1) {
  986.                     \$('#quantity')[0].setCustomValidity('";
  987.         // line 878
  988.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  989.         echo "');
  990.                     return true;
  991.                 } else {
  992.                     \$('#quantity')[0].setCustomValidity('');
  993.                 }
  995.                 event.preventDefault();
  996.                 \$form = \$('#form1');
  997.                 \$.ajax({
  998.                     url: \$form.attr('action'),
  999.                     type: \$form.attr('method'),
  1000.                     data: \$form.serialize(),
  1001.                     dataType: 'json',
  1002.                     beforeSend: function(xhr, settings) {
  1003.                         // Buttonを無効にする
  1004.                         \$('.add-cart').prop('disabled', true);
  1005.                     }
  1006.                 }).done(function(data) {
  1007.                     // レスポンス内のメッセージをalertで表示
  1008.                     \$.each(data.messages, function() {
  1009.                         \$('#ec-modal-header').text(this);
  1010.                     });
  1012.                     \$('.ec-modal').show()
  1014.                     // カートブロックを更新する
  1015.                     \$.ajax({
  1016.                         url: \"";
  1017.         // line 905
  1018.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  1019.         echo "\",
  1020.                         type: 'GET',
  1021.                         dataType: 'html'
  1022.                     }).done(function(html) {
  1023.                         \$('.ec-headerRole__cart').html(html);
  1024.                     });
  1025.                 }).fail(function(data) {
  1026.                     alert('";
  1027.         // line 912
  1028.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("施工検討リストへの追加に失敗しました。"), "html", null, true);
  1029.         echo "');
  1030.                 }).always(function(data) {
  1031.                     // Buttonを有効にする
  1032.                     \$('.add-cart').prop('disabled', false);
  1033.                 });
  1034.             });
  1035.         });
  1037.         \$('.ec-modal-wrap').on('click', function(e) {
  1038.             // モーダル内の処理は外側にバブリングさせない
  1039.             e.stopPropagation();
  1040.         });
  1041.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1042.             \$('.ec-modal').hide()
  1043.         });
  1046. \t\tvar pw = \"";
  1047.         // line 929
  1048.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 929, $this->source); })())) {
  1049.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 929, $this->source); })()), "pw", [], "any", false, false, false, 929), "html", null, true);
  1050.         }
  1051.         echo "\";
  1052. \t\tvar pd = \"";
  1053.         // line 930
  1054.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 930, $this->source); })())) {
  1055.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 930, $this->source); })()), "pd", [], "any", false, false, false, 930), "html", null, true);
  1056.         }
  1057.         echo "\";
  1058. \t\tvar ph = \"";
  1059.         // line 931
  1060.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 931, $this->source); })())) {
  1061.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 931, $this->source); })()), "ph", [], "any", false, false, false, 931), "html", null, true);
  1062.         }
  1063.         echo "\";
  1064. \t\tvar pm = \"";
  1065.         // line 932
  1066.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 932, $this->source); })())) {
  1067.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 932, $this->source); })()), "pm", [], "any", false, false, false, 932), "html", null, true);
  1068.         }
  1069.         echo "\";
  1070. \t\tvar pc = \"";
  1071.         // line 933
  1072.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 933, $this->source); })())) {
  1073.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 933, $this->source); })()), "pc", [], "any", false, false, false, 933), "html", null, true);
  1074.         }
  1075.         echo "\";
  1076. \t\tvar op0 = \"";
  1077.         // line 934
  1078.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 934, $this->source); })())) {
  1079.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 934, $this->source); })()), "op", [], "any", false, false, false, 934), 0, [], "array", false, false, false, 934), "html", null, true);
  1080.         }
  1081.         echo "\";
  1082. \t\tvar op1 = \"";
  1083.         // line 935
  1084.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 935, $this->source); })())) {
  1085.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 935, $this->source); })()), "op", [], "any", false, false, false, 935), 1, [], "array", false, false, false, 935), "html", null, true);
  1086.         }
  1087.         echo "\";
  1088. \t\tvar op2 = \"";
  1089.         // line 936
  1090.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 936, $this->source); })())) {
  1091.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 936, $this->source); })()), "op", [], "any", false, false, false, 936), 2, [], "array", false, false, false, 936), "html", null, true);
  1092.         }
  1093.         echo "\";
  1094. \t\tvar op3 = \"";
  1095.         // line 937
  1096.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 937, $this->source); })())) {
  1097.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 937, $this->source); })()), "op", [], "any", false, false, false, 937), 3, [], "array", false, false, false, 937), "html", null, true);
  1098.         }
  1099.         echo "\";
  1100. \t\tvar op4 = \"";
  1101.         // line 938
  1102.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 938, $this->source); })())) {
  1103.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 938, $this->source); })()), "op", [], "any", false, false, false, 938), 4, [], "array", false, false, false, 938), "html", null, true);
  1104.         }
  1105.         echo "\";
  1106. \t\tvar op5 = \"";
  1107.         // line 939
  1108.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 939, $this->source); })())) {
  1109.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 939, $this->source); })()), "op", [], "any", false, false, false, 939), 5, [], "array", false, false, false, 939), "html", null, true);
  1110.         }
  1111.         echo "\";
  1112. \t\tvar op6 = \"";
  1113.         // line 940
  1114.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 940, $this->source); })())) {
  1115.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 940, $this->source); })()), "op", [], "any", false, false, false, 940), 6, [], "array", false, false, false, 940), "html", null, true);
  1116.         }
  1117.         echo "\";
  1118. \t\tvar op7 = \"";
  1119.         // line 941
  1120.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 941, $this->source); })())) {
  1121.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 941, $this->source); })()), "op", [], "any", false, false, false, 941), 7, [], "array", false, false, false, 941), "html", null, true);
  1122.         }
  1123.         echo "\";
  1124. \t\tvar op8 = \"";
  1125.         // line 942
  1126.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 942, $this->source); })())) {
  1127.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 942, $this->source); })()), "op", [], "any", false, false, false, 942), 8, [], "array", false, false, false, 942), "html", null, true);
  1128.         }
  1129.         echo "\";
  1130. \t\tvar op9 = \"";
  1131.         // line 943
  1132.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 943, $this->source); })())) {
  1133.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 943, $this->source); })()), "op", [], "any", false, false, false, 943), 9, [], "array", false, false, false, 943), "html", null, true);
  1134.         }
  1135.         echo "\";
  1136. \t\tvar op10 = \"";
  1137.         // line 944
  1138.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 944, $this->source); })())) {
  1139.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 944, $this->source); })()), "op", [], "any", false, false, false, 944), 10, [], "array", false, false, false, 944), "html", null, true);
  1140.         }
  1141.         echo "\";
  1143. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  1145. \t\tfunction mitsumori_simulation(type , value_id){
  1146. \t\t\tvar pp = ";
  1147.         // line 949
  1148.         echo (isset($context["pp"]) || array_key_exists("pp", $context) ? $context["pp"] : (function () { throw new RuntimeError('Variable "pp" does not exist.', 949, $this->source); })());
  1149.         echo ";
  1150. \t\t\tif(type == \"pw\"){
  1151. \t\t\t\tpw = \$('#'+value_id).val();
  1152. \t\t\t}
  1153. \t\t\tif(type == \"pd\"){
  1154. \t\t\t\tpd = \$('#'+value_id).val();
  1155. \t\t\t}
  1156. \t\t\tif(type == \"ph\"){
  1157. \t\t\t\tph = \$('#'+value_id).val();
  1158. \t\t\t}
  1159. \t\t\tif(type == \"pm\"){
  1160. \t\t\t\tpm = \$('#'+value_id).val();
  1161. \t\t\t}
  1162. \t\t\tif(type == \"pc\"){
  1163. \t\t\t\tpc = \$('#'+value_id).val();
  1164. \t\t\t}
  1165. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  1166. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  1167. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  1168. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  1169. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  1170. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  1171. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  1172. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  1173. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  1174. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  1175. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  1177. \t\t\t// op系: ボタンの is-selected を選択中のものに付け替え + radio チェック
  1178. \t\t\tif(/^op\\d+\$/.test(type)) {
  1179. \t\t\t\tvar \$clicked = \$('#' + value_id);
  1180. \t\t\t\t\$clicked.prop('checked', true);
  1181. \t\t\t\tvar groupName = \$clicked.attr('name');
  1182. \t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  1183. \t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  1184. \t\t\t\t// ラベルの選択値テキスト更新
  1185. \t\t\t\tvar \$group = \$clicked.closest('.form-group');
  1186. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  1187. \t\t\t\tif (\$label.length) {
  1188. \t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  1189. \t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  1190. \t\t\t\t}
  1191. \t\t\t}
  1193. \t\t\tif(pm == \"\"){
  1194. \t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  1195. \t\t\t}
  1196. \t\t\tif(ph == \"\"){
  1197. \t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  1198. \t\t\t}
  1199. \t\t\tif(pd == \"\"){
  1200. \t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  1201. \t\t\t}
  1202. \t\t\tif(pw == \"\"){
  1203. \t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  1204. \t\t\t}
  1205. \t\t\tif(pc == \"\"){
  1206. \t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  1207. \t\t\t\t\$('#mitsumori_btn').hide();
  1208. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  1209. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  1210. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  1211. \t\t\t\t\$('#maker_price').text(\"---円\");
  1212. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  1213. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  1214. \t\t\t}
  1215. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && pm != \"\" && pc != \"\"){
  1216. \t\t\t\t\$('#mitsumori_btn').show();
  1218. \t\t\t\tvar pp_matched = false;
  1219. \t\t\t\tpp.forEach((el) => {
  1220. \t\t\t\t  if((pw == el.w || pw == \"指定なし\") && (pd == el.d || pd == \"指定なし\") && (ph == el.h || ph == \"指定なし\") && (pm == el.m || pm == \"指定なし\") && (pc == el.c || pc == \"指定なし\")){
  1221. \t\t\t\t\tpp_matched = true;
  1223. \t\t\t\t\tif(op0 == \"商品購入のみ\" || op1 == \"商品購入のみ\" || op2 == \"商品購入のみ\" || op3 == \"商品購入のみ\" || op4 == \"商品購入のみ\"
  1224. \t\t\t\t\t\t|| op5 == \"商品購入のみ\" || op6 == \"商品購入のみ\" || op7 == \"商品購入のみ\" || op8 == \"商品購入のみ\" || op9 == \"商品購入のみ\"){
  1225. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price)) + \"円\");
  1226. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price)) + \"円\");
  1227. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  1228. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  1229. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  1230. \t\t\t\t\t  \t\$('#mitsumori_ct').text(\"0円\");
  1231. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  1233. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price)) + \"円\");
  1234. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  1235. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1236. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(\"0円\");
  1237. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(\"0円\");
  1238. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1240. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price));
  1241. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  1242. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  1243. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  1244. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  1245. \t\t\t\t\t}else{
  1246. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1247. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1248. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  1249. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  1250. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  1251. \t\t\t\t\t  \t\$('#mitsumori_ct').text(formatter.format(parseInt(el.ct)) + \"円\");
  1252. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  1254. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1257. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  1258. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1259. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(formatter.format(parseInt(el.ct)) + \"円\");
  1260. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(formatter.format(parseInt(el.ct)) + \"円\");
  1261. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1263. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price) + parseInt(el.ct));
  1264. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  1265. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  1267. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  1268. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  1270. \t\t\t\t\t}
  1271. \t\t\t\t  }
  1272. \t\t\t\t});
  1274. \t\t\t\tif (!pp_matched) {
  1275. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  1276. \t\t\t\t\t\$('#mitsumori_btn').hide();
  1277. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  1278. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  1279. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  1280. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  1281. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  1282. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  1283. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  1284. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  1285. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  1286. \t\t\t\t}\t
  1289. \t\t\t\t// タイプ5: ステップ・フェンス・面積の現在値を取得
  1290. \t\t\t\tif(\$('input[name=deck_step]:checked').length){ deck_step = \$('input[name=deck_step]:checked').val(); }
  1291. \t\t\t\tif(\$('input[name=deck_fence]:checked').length){ deck_fence = \$('input[name=deck_fence]:checked').val(); }
  1293. \t\t\t\t// タイプ2: 窓サイズ・窓タイプ・ガラスタイプ・セット数
  1294. \t\t\t\tvar mado_w_val     = \$('#mado_w').val()     || '';
  1295. \t\t\t\tvar mado_h_val     = \$('#mado_h').val()     || '';
  1296. \t\t\t\tvar mado_type_val  = \$('input[name=mado_type]:checked').val()  || '';
  1297. \t\t\t\tvar glass_type_val = \$('input[name=glass_type]:checked').val() || '';
  1298. \t\t\t\tvar set_count_val  = parseInt(\$('#set_count').val()) || 1;
  1300. \t\t\t\t// タイプ3: 台数
  1301. \t\t\t\tvar daisu_val = parseInt(\$('#daisu').val()) || 1;
  1303. \t\t\t\t// タイプ4・6: 枚数
  1304. \t\t\t\tvar maisu_val = parseInt(\$('#maisu').val()) || 1;
  1306. \t\t\t\t// タイプ5: 面積
  1307. \t\t\t\tvar area_val = \$('#area').val() || '';
  1309. \t\t\t\t// sale_type
  1310. \t\t\t\tvar sale_type_id = ";
  1311.         // line 1110
  1312.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1110, $this->source); })()), "SaleType", [], "any", false, false, false, 1110), "id", [], "any", false, false, false, 1110), "html", null, true);
  1313.         echo ";
  1315. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  1316. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  1317. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  1318. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  1319. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  1320. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  1321. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  1322. \t\t\t\t\t\t\t\t\t\t\"product_id\": ";
  1323.         // line 1119
  1324.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1119, $this->source); })()), "id", [], "any", false, false, false, 1119), "html", null, true);
  1325.         echo ",
  1326. \t\t\t\t\t\t\t\t\t\t\"sale_type\": sale_type_id,
  1327. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  1328. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  1329. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  1330. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  1331. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  1332. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  1333. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     mado_w_val,
  1334. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     mado_h_val,
  1335. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  mado_type_val,
  1336. \t\t\t\t\t\t\t\t\t\t\"glass_type\": glass_type_val,
  1337. \t\t\t\t\t\t\t\t\t\t\"set_count\":  set_count_val,
  1338. \t\t\t\t\t\t\t\t\t\t\"daisu\":      daisu_val,
  1339. \t\t\t\t\t\t\t\t\t\t\"maisu\":      maisu_val,
  1340. \t\t\t\t\t\t\t\t\t\t\"area\":       area_val,
  1341. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  deck_step,
  1342. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": deck_fence };
  1344. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  1345. \t\t\t\t
  1346. \t\t\t}
  1347. \t\t\t
  1349. \t\t}
  1351.         ";
  1352.         // line 1145
  1353.         if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1145, $this->source); })()) && (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1145, $this->source); })())) == 1))) {
  1354.             // line 1146
  1355.             echo "            pc = \"指定なし\";
  1356. \t\t\t";
  1357.             // line 1147
  1358.             $context['_parent'] = $context;
  1359.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1147, $this->source); })()));
  1360.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  1361.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1147))) {
  1362.                     echo " pc = \"";
  1363.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1147), "html", null, true);
  1364.                     echo "\"; ";
  1365.                 }
  1366.             }
  1367.             $_parent = $context['_parent'];
  1368.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  1369.             $context = array_intersect_key($context, $_parent) + $_parent;
  1370.             // line 1148
  1371.             echo "\t\t";
  1372.         }
  1373.         // line 1149
  1374.         echo "
  1375.         ";
  1376.         // line 1150
  1377.         if (((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1150, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1150, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1150, $this->source); })())) == "")))) {
  1378.             // line 1151
  1379.             echo "            pw = \"指定なし\";
  1380. \t\t\t";
  1381.             // line 1152
  1382.             $context['_parent'] = $context;
  1383.             $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1152, $this->source); })()));
  1384.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  1385.                 if ($context["pw"]) {
  1386.                     echo " pw = \"";
  1387.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  1388.                     echo "\"; ";
  1389.                 }
  1390.             }
  1391.             $_parent = $context['_parent'];
  1392.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  1393.             $context = array_intersect_key($context, $_parent) + $_parent;
  1394.             // line 1153
  1395.             echo "\t\t";
  1396.         }
  1397.         // line 1154
  1398.         echo "
  1399.         ";
  1400.         // line 1155
  1401.         if (((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1155, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1155, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1155, $this->source); })())) == "")))) {
  1402.             // line 1156
  1403.             echo "            pd = \"指定なし\";
  1404. \t\t\t";
  1405.             // line 1157
  1406.             $context['_parent'] = $context;
  1407.             $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1157, $this->source); })()));
  1408.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  1409.                 if ($context["pd"]) {
  1410.                     echo " pd = \"";
  1411.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  1412.                     echo "\"; ";
  1413.                 }
  1414.             }
  1415.             $_parent = $context['_parent'];
  1416.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  1417.             $context = array_intersect_key($context, $_parent) + $_parent;
  1418.             // line 1158
  1419.             echo "\t\t";
  1420.         }
  1421.         // line 1159
  1422.         echo "
  1423.         ";
  1424.         // line 1160
  1425.         if (((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1160, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1160, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1160, $this->source); })())) == "")))) {
  1426.             // line 1161
  1427.             echo "            ph = \"指定なし\";
  1428. \t\t\t";
  1429.             // line 1162
  1430.             $context['_parent'] = $context;
  1431.             $context['_seq'] = twig_ensure_traversable((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1162, $this->source); })()));
  1432.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  1433.                 if ($context["ph"]) {
  1434.                     echo " ph = \"";
  1435.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  1436.                     echo "\"; ";
  1437.                 }
  1438.             }
  1439.             $_parent = $context['_parent'];
  1440.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  1441.             $context = array_intersect_key($context, $_parent) + $_parent;
  1442.             // line 1163
  1443.             echo "\t\t";
  1444.         }
  1445.         // line 1164
  1446.         echo "
  1447.         ";
  1448.         // line 1165
  1449.         if (((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1165, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1165, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1165, $this->source); })())) == "")))) {
  1450.             // line 1166
  1451.             echo "            pm = \"指定なし\";
  1452. \t\t\t";
  1453.             // line 1167
  1454.             $context['_parent'] = $context;
  1455.             $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1167, $this->source); })()));
  1456.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  1457.                 if ($context["pm"]) {
  1458.                     echo " pm = \"";
  1459.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  1460.                     echo "\"; ";
  1461.                 }
  1462.             }
  1463.             $_parent = $context['_parent'];
  1464.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  1465.             $context = array_intersect_key($context, $_parent) + $_parent;
  1466.             // line 1168
  1467.             echo "\t\t";
  1468.         }
  1469.         // line 1169
  1470.         echo "
  1471. \t\t// ページ読み込み時: タイプ別に quantity の初期値をセット
  1472. \t\t(function initQuantityByType(){
  1473. \t\t\tvar saleType = ";
  1474.         // line 1172
  1475.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1172, $this->source); })()), "SaleType", [], "any", false, false, false, 1172), "id", [], "any", false, false, false, 1172), "html", null, true);
  1476.         echo ";
  1477. \t\t\tif(saleType == 2 && \$('#set_count').length){
  1478. \t\t\t\tvar _v = parseInt(\$('#set_count').val()) || 1;
  1479. \t\t\t\t\$('#quantity').val(_v);
  1480. \t\t\t\t\$('input[name=\"quantity\"]').val(_v);
  1481. \t\t\t} else if(saleType == 3 && \$('#daisu').length){
  1482. \t\t\t\t\$('#quantity').val(parseInt(\$('#daisu').val()) || 1);
  1483. \t\t\t} else if((saleType == 4 || saleType == 6) && \$('#maisu').length){
  1484. \t\t\t\t\$('#quantity').val(parseInt(\$('#maisu').val()) || 1);
  1485. \t\t\t} else if(saleType == 9 && \$('#quantity_only').length){
  1486. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  1487. \t\t\t}
  1488. \t\t})();
  1490. \t\t// type → ラベルのプレフィックス文字列
  1491. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材'};
  1492. \t\t// type → input[name]
  1493. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm'};
  1495. \t\t// opt-btn用: 値を直接受け取るラッパー
  1496. \t\tfunction mitsumori_simulation_val(type, value) {
  1497. \t\t\tif (type === 'pc') pc = value;
  1498. \t\t\tif (type === 'pw') pw = value;
  1499. \t\t\tif (type === 'pd') pd = value;
  1500. \t\t\tif (type === 'ph') ph = value;
  1501. \t\t\tif (type === 'pm') pm = value;
  1503. \t\t\t// is-selected クラスを同グループ内で付け替え
  1504. \t\t\tvar inputName = optNameMap[type];
  1505. \t\t\tif (inputName) {
  1506. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  1507. \t\t\t\t\$btns.removeClass('is-selected');
  1508. \t\t\t\t\$btns.filter(function(){
  1509. \t\t\t\t\treturn \$(this).find('input').val() === value;
  1510. \t\t\t\t}).addClass('is-selected');
  1511. \t\t\t}
  1513. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  1514. \t\t\tvar labelPrefix = optLabelMap[type];
  1515. \t\t\tif (labelPrefix) {
  1516. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  1517. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  1518. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  1519. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  1520. \t\t\t}
  1522. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  1523. \t\t\tmitsumori_simulation('', '');
  1524. \t\t}
  1526. \t\tmitsumori_simulation(\"\",\"\");
  1528. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll で1行横スクロール化
  1529. \t\tfunction applyBtnGroupScroll() {
  1530. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  1531. \t\t\t\tvar \$group = \$(this);
  1532. \t\t\t\t\$group.removeClass('is-scroll');
  1533. \t\t\t\tvar \$items = \$group.children();
  1534. \t\t\t\tif (\$items.length === 0) return;
  1536. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  1537. \t\t\t\tvar totalWidth = 0;
  1538. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  1539. \t\t\t\t\$items.each(function() {
  1540. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  1541. \t\t\t\t});
  1543. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  1544. \t\t\t\tvar anyTooWide = false;
  1545. \t\t\t\t\$items.each(function() {
  1546. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  1547. \t\t\t\t});
  1549. \t\t\t\t// 折り返し時の行数も計測
  1550. \t\t\t\tvar tops = {};
  1551. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  1552. \t\t\t\tvar rowCount = Object.keys(tops).length;
  1554. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  1555. \t\t\t\t\t\$group.addClass('is-scroll');
  1556. \t\t\t\t}
  1557. \t\t\t});
  1558. \t\t}
  1559. \t\tapplyBtnGroupScroll();
  1560. \t\t\$(window).on('resize', function() {
  1561. \t\t\tclearTimeout(window._btnScrollTimer);
  1562. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  1563. \t\t});
  1565. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  1566. \t\t(function syncPrice02Display() {
  1567. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  1568. \t\t\tvar displayEl = document.getElementById('price02-display');
  1569. \t\t\tif (!goukeiEl || !displayEl) return;
  1570. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  1571. \t\t\t// ---円（未確定）の場合は書き換えない
  1572. \t\t\tif (goukeiText && goukeiText !== '---円') {
  1573. \t\t\t\tdisplayEl.textContent = goukeiText;
  1574. \t\t\t}
  1575. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  1576. \t\t\tnew MutationObserver(function() {
  1577. \t\t\t\tvar text = goukeiEl.textContent.trim();
  1578. \t\t\t\tif (text && text !== '---円') {
  1579. \t\t\t\t\tdisplayEl.textContent = text;
  1580. \t\t\t\t}
  1581. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  1582. \t\t})();
  1583. \t\tfunction contact_form(product_id){
  1584. \t\t\t\$('#form1').attr('action', '";
  1585.         // line 1280
  1586.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact", ["product" => 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); })()), "id", [], "any", false, false, false, 1280)]), "html", null, true);
  1587.         echo "');
  1588. \t\t\t\$('#form1').submit();
  1589. \t\t}
  1591. \t\t// maisu / madoset は下部の新しい関数定義を使用
  1594. \t\tfunction heibei(bei){
  1595. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  1596. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  1597. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  1598. \t\t\t\$('#quantity').val(\$('#heibei').val());
  1599. \t\t\tmitsumori_simulation('heibei','heibei');
  1600. \t\t}
  1601. \t\tfunction daisu(dai){
  1602. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  1603. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  1604. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  1605. \t\t\t\$('#quantity').val(\$('#daisu').val());
  1606. \t\t\tmitsumori_simulation('daisu','daisu');
  1607. \t\t}
  1608. \t\tfunction maisu(mai){
  1609. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  1610. \t\t\tif(parseInt(\$('#maisu').val()) < 1){ \$('#maisu').val(1); }
  1611. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  1612. \t\t\t\$('#quantity').val(\$('#maisu').val());
  1613. \t\t\tmitsumori_simulation('maisu','maisu');
  1614. \t\t}
  1616. \t\t// タイプ2: セット数プルダウン連動
  1617. \t\tfunction madosetSelect(val){
  1618. \t\t\tvar v = parseInt(val);
  1619. \t\t\tif(v < 1) v = 1;
  1620. \t\t\tif(v > 20) v = 20;
  1621. \t\t\t// id=\"quantity\" と name=\"quantity\" 両方を確実に書き換え
  1622. \t\t\t\$('#quantity').val(v);
  1623. \t\t\t\$('input[name=\"quantity\"]').val(v);
  1624. \t\t\tmitsumori_simulation('set','set_count');
  1625. \t\t}
  1626. \t\t// タイプ2: ±ボタン版（後方互換）
  1627. \t\tfunction madoset(mai){
  1628. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  1629. \t\t\tvar next = current + mai;
  1630. \t\t\tif(next < 1) next = 1;
  1631. \t\t\tif(next > 20) next = 20;
  1632. \t\t\t\$('#set_count').val(next);
  1633. \t\t\tmadosetSelect(next);
  1634. \t\t}
  1636. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  1637. \t\tvar deck_step = \"";
  1638.         // line 1330
  1639.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1330, $this->source); })())) {
  1640.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 1330)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", false, false, false, 1330), "不要")) : ("不要")), "html", null, true);
  1641.         } else {
  1642.             echo "不要";
  1643.         }
  1644.         echo "\";
  1645. \t\tvar deck_fence = \"";
  1646.         // line 1331
  1647.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1331, $this->source); })())) {
  1648.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 1331)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", false, false, false, 1331), "不要")) : ("不要")), "html", null, true);
  1649.         } else {
  1650.             echo "不要";
  1651.         }
  1652.         echo "\";
  1654. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  1655. \t\tfunction syncPdfJson(){
  1656. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  1657. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  1658. \t\t}
  1660. \t\t// タイプ9: 商品のみ購入
  1661. \t\tfunction quantityOnly(val){
  1662. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  1663. \t\t\tvar next = current + val;
  1664. \t\t\tif(next < 1) next = 1;
  1665. \t\t\t\$('#quantity_only').val(next);
  1666. \t\t\t\$('#quantity').val(next);
  1667. \t\t}
  1669.         // ===== スマホ用下部固定バーへの金額同期 =====
  1670.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  1671.         (function() {
  1672.             var msgTarget   = document.getElementById('mitsumori_message');
  1673.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  1674.             var spPrice     = document.getElementById('sp-mitsumori-price');
  1675.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  1676.             if (!spPrice || !spBtn) return;
  1678.             function syncBar() {
  1679.                 var msg    = msgTarget ? msgTarget.textContent : '';
  1680.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  1682.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  1683.                 if (msg.indexOf('選択してください') !== -1) {
  1684.                     spPrice.textContent = msg;
  1685.                     spPrice.style.fontSize = '13px';
  1686.                     spPrice.style.color    = '#888';
  1687.                     spBtn.style.display    = 'none';
  1688.                 } else {
  1689.                     // 価格確定時はボタンを表示
  1690.                     spPrice.textContent = goukei;
  1691.                     spPrice.style.fontSize = '18px';
  1692.                     spPrice.style.color    = '#c00';
  1693.                     spBtn.style.display    = 'block';
  1694.                 }
  1695.             }
  1697.             // 初期値を同期
  1698.             syncBar();
  1700.             // mitsumori_message の変化を監視
  1701.             if (msgTarget) {
  1702.                 new MutationObserver(syncBar).observe(
  1703.                     msgTarget, { childList: true, subtree: true, characterData: true }
  1704.                 );
  1705.             }
  1706.             // mitsumori_goukei の変化も監視
  1707.             if (goukeiTarget) {
  1708.                 new MutationObserver(syncBar).observe(
  1709.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  1710.                 );
  1711.             }
  1712.         })();
  1714.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  1715.         (function() {
  1716.             var card = document.querySelector('.mitsumori-card-pc');
  1717.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  1718.             if (!card || !btn) return;
  1719.             // MutationObserverでcollapsed-cardクラスの変化を監視
  1720.             new MutationObserver(function() {
  1721.                 if (card.classList.contains('collapsed-card')) {
  1722.                     btn.textContent = '▼ 詳細';
  1723.                 } else {
  1724.                     btn.textContent = '▲ 閉じる';
  1725.                 }
  1726.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  1727.         })();
  1729.         // ===== エリア案内: スマホのみタップで展開 =====
  1730.         (function() {
  1731.             var notice = document.querySelector('.ec-areaNotice');
  1732.             if (!notice) return;
  1733.             notice.addEventListener('click', function(e) {
  1734.                 if (window.innerWidth > 767) return;
  1735.                 // リンククリック時は展開/折りたたみせずリンク遷移
  1736.                 if (e.target.tagName === 'A') return;
  1737.                 notice.classList.toggle('is-open');
  1738.             });
  1739.         })();
  1741.     </script>
  1742.     <script type=\"application/ld+json\">
  1743.     {
  1744.         \"@context\": \"https://schema.org/\",
  1745.         \"@type\": \"Product\",
  1746.         \"name\": \"";
  1747.         // line 1425
  1748.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1425, $this->source); })()), "name", [], "any", false, false, false, 1425), "html", null, true);
  1749.         echo "\",
  1750.         \"image\": [
  1751.             ";
  1752.         // line 1427
  1753.         $context['_parent'] = $context;
  1754.         $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.', 1427, $this->source); })()), "ProductImage", [], "any", false, false, false, 1427));
  1755.         $context['_iterated'] = false;
  1756.         $context['loop'] = [
  1757.           'parent' => $context['_parent'],
  1758.           'index0' => 0,
  1759.           'index'  => 1,
  1760.           'first'  => true,
  1761.         ];
  1762.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1763.             $length = count($context['_seq']);
  1764.             $context['loop']['revindex0'] = $length - 1;
  1765.             $context['loop']['revindex'] = $length;
  1766.             $context['loop']['length'] = $length;
  1767.             $context['loop']['last'] = 1 === $length;
  1768.         }
  1769.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  1770.             // line 1428
  1771.             echo "                \"";
  1772.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1428, $this->source); })()), "request", [], "any", false, false, false, 1428), "schemeAndHttpHost", [], "any", false, false, false, 1428), "html", null, true);
  1773.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  1774.             echo "\"";
  1775.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 1428)) {
  1776.                 echo ",";
  1777.             }
  1778.             // line 1429
  1779.             echo "
  1780.             ";
  1781.             $context['_iterated'] = true;
  1782.             ++$context['loop']['index0'];
  1783.             ++$context['loop']['index'];
  1784.             $context['loop']['first'] = false;
  1785.             if (isset($context['loop']['length'])) {
  1786.                 --$context['loop']['revindex0'];
  1787.                 --$context['loop']['revindex'];
  1788.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1789.             }
  1790.         }
  1791.         if (!$context['_iterated']) {
  1792.             // line 1431
  1793.             echo "                \"";
  1794.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1431, $this->source); })()), "request", [], "any", false, false, false, 1431), "schemeAndHttpHost", [], "any", false, false, false, 1431), "html", null, true);
  1795.             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);
  1796.             echo "\"
  1797.             ";
  1798.         }
  1799.         $_parent = $context['_parent'];
  1800.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  1801.         $context = array_intersect_key($context, $_parent) + $_parent;
  1802.         // line 1433
  1803.         echo "        ],
  1804.         \"description\": \"";
  1805.         // line 1434
  1806.         echo twig_escape_filter($this->env, twig_slice($this->env, twig_replace_filter(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", true, true, false, 1434)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 1434), 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.', 1434, $this->source); })()), "description_detail", [], "any", false, false, false, 1434))) : (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.', 1434, $this->source); })()), "description_detail", [], "any", false, false, false, 1434))), ["
  1807. " => "", " " => ""]), 0, 300), "html", null, true);
  1808.         echo "\",
  1809.         ";
  1810.         // line 1435
  1811.         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.', 1435, $this->source); })()), "code_min", [], "any", false, false, false, 1435)) {
  1812.             // line 1436
  1813.             echo "        \"sku\": \"";
  1814.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1436, $this->source); })()), "code_min", [], "any", false, false, false, 1436), "html", null, true);
  1815.             echo "\",
  1816.         ";
  1817.         }
  1818.         // line 1438
  1819.         echo "        \"offers\": {
  1820.             \"@type\": \"Offer\",
  1821.             \"url\": \"";
  1822.         // line 1440
  1823.         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.', 1440, $this->source); })()), "id", [], "any", false, false, false, 1440)]), "html", null, true);
  1824.         echo "\",
  1825.             \"priceCurrency\": \"";
  1826.         // line 1441
  1827.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["eccube_config"]) || array_key_exists("eccube_config", $context) ? $context["eccube_config"] : (function () { throw new RuntimeError('Variable "eccube_config" does not exist.', 1441, $this->source); })()), "currency", [], "any", false, false, false, 1441), "html", null, true);
  1828.         echo "\",
  1829.             \"price\": ";
  1830.         // line 1442
  1831.         ((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.', 1442, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1442)) ? (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.', 1442, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1442), "html", null, true))) : (print (0)));
  1832.         echo ",
  1833.             \"availability\": \"";
  1834.         // line 1443
  1835.         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.', 1443, $this->source); })()), "stock_find", [], "any", false, false, false, 1443)) ? ("InStock") : ("OutOfStock"));
  1836.         echo "\"
  1837.         }
  1838.     }
  1839.     </script>
  1841. ";
  1842.         
  1843.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1845.         
  1846.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1848.     }
  1850.     // line 1450
  1851.     public function block_main($context, array $blocks = [])
  1852.     {
  1853.         $macros = $this->macros;
  1854.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1855.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1857.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1858.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1860.         // line 1451
  1861.         echo "    <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  1862.         <div class=\"ec-grid2\">
  1863.             <div class=\"ec-grid2__cell\">
  1864.                 <div class=\"ec-sliderItemRole\">
  1865. \t                ";
  1866.         // line 1456
  1867.         echo "\t                <div class=\"ec-productRole__title\">
  1868. \t                    <div class=\"ec-productRole__titleRow\">
  1869. \t                        <h2 class=\"ec-headingTitle\">";
  1870.         // line 1458
  1871.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1458, $this->source); })()), "name", [], "any", false, false, false, 1458), "html", null, true);
  1872.         echo "</h2>
  1873. \t                        <div class=\"ec-share-inline\">
  1874. \t                            <a href=\"https://twitter.com/share?url=";
  1875.         // line 1460
  1876.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 1460, $this->source); })()), "request", [], "any", false, false, false, 1460), "uri", [], "any", false, false, false, 1460)), "html", null, true);
  1877.         echo "&text=";
  1878.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 1460, $this->source); })()), "name", [], "any", false, false, false, 1460)), "html", null, true);
  1879.         echo "\"
  1880. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  1881. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.254 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117z\"/></svg>
  1882. \t                            </a>
  1883. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  1884. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"/></svg>
  1885. \t                            </a>
  1886. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url=";
  1887.         // line 1467
  1888.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 1467, $this->source); })()), "request", [], "any", false, false, false, 1467), "uri", [], "any", false, false, false, 1467)), "html", null, true);
  1889.         echo "\"
  1890. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  1891. \t                                <i class=\"fab fa-line\"></i>
  1892. \t                            </a>
  1893. \t                        </div>
  1894. \t                    </div>
  1895. \t                </div>
  1896.                     ";
  1897.         // line 1474
  1898.         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.', 1474, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 1474)) {
  1899.             // line 1475
  1900.             echo "                     <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  1901. \t\t\t\t\t\t";
  1902.             // line 1476
  1903.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 1476, $this->source); })()) == false)) {
  1904.                 // line 1477
  1905.                 echo "                        <form action=\"";
  1906.                 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.', 1477, $this->source); })()), "id", [], "any", false, false, false, 1477)]), "html", null, true);
  1907.                 echo "\" method=\"post\">
  1908.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  1909.                         </form>
  1910.                         ";
  1911.             } else {
  1912.                 // line 1481
  1913.                 echo "                        <form action=\"";
  1914.                 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.', 1481, $this->source); })()), "id", [], "any", false, false, false, 1481)]), "html", null, true);
  1915.                 echo "\" method=\"post\">
  1916.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  1917.                         </form>
  1918.                         ";
  1919.             }
  1920.             // line 1485
  1921.             echo "                     </div>
  1922.                     ";
  1923.         }
  1924.         // line 1487
  1925.         echo "                    <div class=\"item_visual\">
  1926.                         ";
  1927.         // line 1488
  1928.         $context['_parent'] = $context;
  1929.         $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.', 1488, $this->source); })()), "ProductImage", [], "any", false, false, false, 1488));
  1930.         $context['_iterated'] = false;
  1931.         $context['loop'] = [
  1932.           'parent' => $context['_parent'],
  1933.           'index0' => 0,
  1934.           'index'  => 1,
  1935.           'first'  => true,
  1936.         ];
  1937.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1938.             $length = count($context['_seq']);
  1939.             $context['loop']['revindex0'] = $length - 1;
  1940.             $context['loop']['revindex'] = $length;
  1941.             $context['loop']['length'] = $length;
  1942.             $context['loop']['last'] = 1 === $length;
  1943.         }
  1944.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1945.             // line 1489
  1946.             echo "                            <div class=\"slide-item\"><img src=\"";
  1947.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  1948.             echo "\" alt=\"";
  1949.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1489)) ? (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.', 1489, $this->source); })()), "name", [], "any", false, false, false, 1489), "html", null, true))) : (print ("")));
  1950.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"";
  1951.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1489) > 1)) {
  1952.                 echo " loading=\"lazy\"";
  1953.             }
  1954.             echo "></div>
  1955.                         ";
  1956.             $context['_iterated'] = true;
  1957.             ++$context['loop']['index0'];
  1958.             ++$context['loop']['index'];
  1959.             $context['loop']['first'] = false;
  1960.             if (isset($context['loop']['length'])) {
  1961.                 --$context['loop']['revindex0'];
  1962.                 --$context['loop']['revindex'];
  1963.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1964.             }
  1965.         }
  1966.         if (!$context['_iterated']) {
  1967.             // line 1491
  1968.             echo "                            <div class=\"slide-item\"><img src=\"";
  1969.             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);
  1970.             echo "\" alt=\"";
  1971.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1491)) ? (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.', 1491, $this->source); })()), "name", [], "any", false, false, false, 1491), "html", null, true))) : (print ("")));
  1972.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  1973.                         ";
  1974.         }
  1975.         $_parent = $context['_parent'];
  1976.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1977.         $context = array_intersect_key($context, $_parent) + $_parent;
  1978.         // line 1493
  1979.         echo "                    </div>
  1980.                     <div class=\"item_nav\">
  1981.                         ";
  1982.         // line 1495
  1983.         $context['_parent'] = $context;
  1984.         $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.', 1495, $this->source); })()), "ProductImage", [], "any", false, false, false, 1495));
  1985.         $context['loop'] = [
  1986.           'parent' => $context['_parent'],
  1987.           'index0' => 0,
  1988.           'index'  => 1,
  1989.           'first'  => true,
  1990.         ];
  1991.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1992.             $length = count($context['_seq']);
  1993.             $context['loop']['revindex0'] = $length - 1;
  1994.             $context['loop']['revindex'] = $length;
  1995.             $context['loop']['length'] = $length;
  1996.             $context['loop']['last'] = 1 === $length;
  1997.         }
  1998.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1999.             // line 1496
  2000.             echo "                            <div class=\"slideThumb\" data-index=\"";
  2001.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 1496), "html", null, true);
  2002.             echo "\"><img src=\"";
  2003.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  2004.             echo "\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  2005.                         ";
  2006.             ++$context['loop']['index0'];
  2007.             ++$context['loop']['index'];
  2008.             $context['loop']['first'] = false;
  2009.             if (isset($context['loop']['length'])) {
  2010.                 --$context['loop']['revindex0'];
  2011.                 --$context['loop']['revindex'];
  2012.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2013.             }
  2014.         }
  2015.         $_parent = $context['_parent'];
  2016.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  2017.         $context = array_intersect_key($context, $_parent) + $_parent;
  2018.         // line 1498
  2019.         echo "                    </div>
  2021.                 </div>
  2023.                     ";
  2024.         // line 1503
  2025.         echo "                    <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  2026.                         <div class=\"ec-areaNotice__inner\">
  2027.                             <div class=\"ec-areaNotice__icon\">📍</div>
  2028.                             <div class=\"ec-areaNotice__body\">
  2029.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  2030.                                 <div class=\"ec-areaNotice__detail\">
  2031.                                     <p class=\"ec-areaNotice__text\">
  2032.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  2033.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  2034.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  2035.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  2036.                                     </p>
  2037.                                     <a class=\"ec-areaNotice__link\" href=\"";
  2038.         // line 1515
  2039.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact");
  2040.         echo "\">エリア外のお客様・ご相談はこちら →</a>
  2041.                                 </div>
  2042.                             </div>
  2043.                         </div>
  2044.                     </div>
  2046.             </div>
  2048.             <div class=\"ec-grid2__cell2\">
  2049.                 <div class=\"ec-productRole__profile\" >
  2050.                     ";
  2051.         // line 1526
  2052.         echo "                    ";
  2053.         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.', 1526, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1526))) {
  2054.             // line 1527
  2055.             echo "                        <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  2056.                             ";
  2057.             // line 1528
  2058.             $context['_parent'] = $context;
  2059.             $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.', 1528, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1528));
  2060.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  2061.                 // line 1529
  2062.                 echo "                                <ul>
  2063.                                     <li>
  2064.                                         ";
  2065.                 // line 1531
  2066.                 $context['_parent'] = $context;
  2067.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 1531), "path", [], "any", false, false, false, 1531));
  2068.                 $context['loop'] = [
  2069.                   'parent' => $context['_parent'],
  2070.                   'index0' => 0,
  2071.                   'index'  => 1,
  2072.                   'first'  => true,
  2073.                 ];
  2074.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  2075.                     $length = count($context['_seq']);
  2076.                     $context['loop']['revindex0'] = $length - 1;
  2077.                     $context['loop']['revindex'] = $length;
  2078.                     $context['loop']['length'] = $length;
  2079.                     $context['loop']['last'] = 1 === $length;
  2080.                 }
  2081.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  2082.                     // line 1532
  2083.                     echo "                                            <a href=\"";
  2084.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  2085.                     echo "?category_id=";
  2086.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 1532), "html", null, true);
  2087.                     echo "\">";
  2088.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 1532), "html", null, true);
  2089.                     echo "</a>";
  2090.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 1532) == false)) {
  2091.                         // line 1533
  2092.                         echo "                                            <span>＞</span>";
  2093.                     }
  2094.                     ++$context['loop']['index0'];
  2095.                     ++$context['loop']['index'];
  2096.                     $context['loop']['first'] = false;
  2097.                     if (isset($context['loop']['length'])) {
  2098.                         --$context['loop']['revindex0'];
  2099.                         --$context['loop']['revindex'];
  2100.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2101.                     }
  2102.                 }
  2103.                 $_parent = $context['_parent'];
  2104.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  2105.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2106.                 // line 1535
  2107.                 echo "                                    </li>
  2108.                                 </ul>
  2109.                             ";
  2110.             }
  2111.             $_parent = $context['_parent'];
  2112.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  2113.             $context = array_intersect_key($context, $_parent) + $_parent;
  2114.             // line 1538
  2115.             echo "                        </div>
  2116.                     ";
  2117.         }
  2118.         // line 1540
  2119.         echo "                    ";
  2120.         // line 1541
  2121.         echo "                    <div class=\"ec-productRole__price\">
  2122. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  2123.                         ";
  2124.         // line 1543
  2125.         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.', 1543, $this->source); })()), "hasProductClass", [], "any", false, false, false, 1543)) {
  2126.             // line 1544
  2127.             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.', 1544, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1544) == 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.', 1544, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 1544))) {
  2128.                 // line 1545
  2129.                 echo "                                <div class=\"ec-price\">
  2130.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  2131.                 // line 1546
  2132.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1546, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1546)), "html", null, true);
  2133.                 echo "</span>
  2134.                                     <span class=\"ec-price__tax\">(";
  2135.                 // line 1547
  2136.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2137.                 echo ")～</span>
  2138.                                 </div>
  2139.                             ";
  2140.             } else {
  2141.                 // line 1550
  2142.                 echo "                                <div class=\"ec-price\">
  2143.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  2144.                 // line 1551
  2145.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1551, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1551)), "html", null, true);
  2146.                 echo " ～ ";
  2147.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1551, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 1551)), "html", null, true);
  2148.                 echo "</span>
  2149.                                     <span class=\"ec-price__tax\">(";
  2150.                 // line 1552
  2151.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2152.                 echo ")</span>
  2153.                                 </div>
  2154.                             ";
  2155.             }
  2156.             // line 1555
  2157.             echo "                        ";
  2158.         } else {
  2159.             // line 1556
  2160.             echo "                            <div class=\"ec-price\">
  2161.                                 <span id=\"price02-display\" class=\"ec-price__price\">";
  2162.             // line 1557
  2163.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1557, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1557)), "html", null, true);
  2164.             echo "</span>
  2165.                                     <span class=\"ec-price__tax\">(";
  2166.             // line 1558
  2167.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2168.             echo ")～</span>
  2169.                             </div>
  2170.                         ";
  2171.         }
  2172.         // line 1561
  2173.         echo "                    </div>
  2174.                     ";
  2175.         // line 1563
  2176.         echo "                    <ul class=\"ec-productRole__tags\">
  2177.                         ";
  2178.         // line 1564
  2179.         $context['_parent'] = $context;
  2180.         $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.', 1564, $this->source); })()), "Tags", [], "any", false, false, false, 1564));
  2181.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  2182.             // line 1565
  2183.             echo "                            <li class=\"ec-productRole__tag tag_";
  2184.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 1565), "html", null, true);
  2185.             echo "\">";
  2186.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  2187.             echo "</li>
  2188.                         ";
  2189.         }
  2190.         $_parent = $context['_parent'];
  2191.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  2192.         $context = array_intersect_key($context, $_parent) + $_parent;
  2193.         // line 1567
  2194.         echo "                    </ul>
  2195.                     ";
  2196.         // line 1569
  2197.         echo "                    ";
  2198.         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.', 1569, $this->source); })()), "code_min", [], "any", false, false, false, 1569))) {
  2199.             // line 1570
  2200.             echo "                        <div class=\"ec-productRole__code\">
  2201.                             ";
  2202.             // line 1571
  2203.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  2204.             echo "： <span class=\"product-code-default\">";
  2205.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1571, $this->source); })()), "code_min", [], "any", false, false, false, 1571), "html", null, true);
  2206.             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.', 1571, $this->source); })()), "code_min", [], "any", false, false, false, 1571) != 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.', 1571, $this->source); })()), "code_max", [], "any", false, false, false, 1571))) {
  2207.                 echo " ～ ";
  2208.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1571, $this->source); })()), "code_max", [], "any", false, false, false, 1571), "html", null, true);
  2209.             }
  2210.             echo "</span>
  2211.                         </div>
  2212.                     ";
  2213.         }
  2214.         // line 1574
  2215.         echo "
  2216.                     <div class=\"ec-productRole__description\">
  2217. \t\t\t\t        <div class=\"ec-rectHeading\">
  2218. \t\t\t\t            <h4>製品情報</h4>
  2219. \t\t\t\t        </div>
  2220. \t\t\t\t\t\t";
  2221.         // line 1579
  2222.         echo twig_nl2br(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1579, $this->source); })()), "sales_infomation", [], "any", false, false, false, 1579));
  2223.         echo "
  2224.                     </div>
  2227. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  2228. \t\t\t\t\t  <div class=\"card-header\">
  2229. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  2230. \t\t\t\t\t  </div>
  2231. \t\t\t\t\t  <div class=\"card-body p-2\">
  2232.                         ";
  2233.         // line 1588
  2234.         $context["related_image"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 1588, $this->source); })()), "id", [], "any", false, false, false, 1588), "related_image");
  2235.         // line 1589
  2236.         echo "                        ";
  2237.         // line 1590
  2238.         echo "                        ";
  2239.         $context["img1"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1590, $this->source); })()) && twig_in_filter("1段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1590, $this->source); })())));
  2240.         // line 1591
  2241.         echo "                        ";
  2242.         $context["img2"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1591, $this->source); })()) && twig_in_filter("2段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1591, $this->source); })())));
  2243.         // line 1592
  2244.         echo "                        ";
  2245.         $context["img3"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1592, $this->source); })()) && twig_in_filter("3段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1592, $this->source); })())));
  2246.         // line 1593
  2247.         echo "                        ";
  2248.         $context["img4"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1593, $this->source); })()) && twig_in_filter("4段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1593, $this->source); })())));
  2249.         // line 1594
  2250.         echo "\t\t\t\t\t    ";
  2251.         $context["type1"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 1594, $this->source); })()), "id", [], "any", false, false, false, 1594), "related_name1");
  2252.         // line 1595
  2253.         echo "\t\t\t\t\t\t";
  2254.         $context["type2"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 1595, $this->source); })()), "id", [], "any", false, false, false, 1595), "related_name2");
  2255.         // line 1596
  2256.         echo "\t\t\t\t\t\t";
  2257.         $context["type3"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 1596, $this->source); })()), "id", [], "any", false, false, false, 1596), "related_name3");
  2258.         // line 1597
  2259.         echo "\t\t\t\t\t\t";
  2260.         $context["type4"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 1597, $this->source); })()), "id", [], "any", false, false, false, 1597), "related_name4");
  2261.         // line 1598
  2262.         echo "\t\t\t\t\t\t";
  2263.         $context["hasRelated"] = ((((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1598, $this->source); })()) && (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1598, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1598, $this->source); })()))) || ((        // line 1599
  2264. (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 1599, $this->source); })()) && (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1599, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1599, $this->source); })())))) || ((        // line 1600
  2265. (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 1600, $this->source); })()) && (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1600, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1600, $this->source); })())))) || ((        // line 1601
  2266. (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 1601, $this->source); })()) && (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1601, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1601, $this->source); })()))));
  2267.         // line 1602
  2268.         echo "\t\t\t\t\t\t";
  2269.         if ((isset($context["hasRelated"]) || array_key_exists("hasRelated", $context) ? $context["hasRelated"] : (function () { throw new RuntimeError('Variable "hasRelated" does not exist.', 1602, $this->source); })())) {
  2270.             // line 1603
  2271.             echo "\t\t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のタイプを選択してください。</label></div>
  2272. \t\t\t\t\t\t";
  2273.         }
  2274.         // line 1605
  2275.         echo "
  2276. \t\t\t\t\t\t";
  2277.         // line 1607
  2278.         echo "\t\t\t\t\t\t";
  2279.         if ((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1607, $this->source); })()) && (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1607, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1607, $this->source); })())))) {
  2280.             // line 1608
  2281.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2282. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2283.             // line 1609
  2284.             echo twig_escape_filter($this->env, (isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1609, $this->source); })()), "html", null, true);
  2285.             if (((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 1609, $this->source); })()) && (isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1609, $this->source); })()))) {
  2286.                 echo ": <span>";
  2287.                 echo twig_escape_filter($this->env, (isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1609, $this->source); })()), "html", null, true);
  2288.                 echo "</span>";
  2289.             }
  2290.             echo "</div>
  2291. \t\t\t\t\t\t  ";
  2292.             // line 1610
  2293.             if ((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 1610, $this->source); })())) {
  2294.                 // line 1611
  2295.                 echo "\t\t\t\t\t\t    ";
  2296.                 // line 1612
  2297.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2298. \t\t\t\t\t\t      ";
  2299.                 // line 1613
  2300.                 $context['_parent'] = $context;
  2301.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1613, $this->source); })()));
  2302.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2303.                     // line 1614
  2304.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2305.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1614, $this->source); })()) == $context["rp_name"])) {
  2306.                         echo " is-selected";
  2307.                     }
  2308.                     echo "\"
  2309. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2310.                     // line 1615
  2311.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2312.                     echo "';\">
  2313. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"";
  2314.                     // line 1616
  2315.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2316.                     echo "\"
  2317. \t\t\t\t\t\t                 ";
  2318.                     // line 1617
  2319.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1617, $this->source); })()) == $context["rp_name"])) {
  2320.                         echo "checked";
  2321.                     }
  2322.                     echo ">
  2323. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2324. \t\t\t\t\t\t               src=\"";
  2325.                     // line 1619
  2326.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2327.                     echo "\"
  2328. \t\t\t\t\t\t               alt=\"";
  2329.                     // line 1620
  2330.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2331.                     echo "\"
  2332. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2333. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2334. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2335.                     // line 1623
  2336.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2337.                     echo "</span>
  2338. \t\t\t\t\t\t        </label>
  2339. \t\t\t\t\t\t      ";
  2340.                 }
  2341.                 $_parent = $context['_parent'];
  2342.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2343.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2344.                 // line 1626
  2345.                 echo "\t\t\t\t\t\t    </div>
  2346. \t\t\t\t\t\t  ";
  2347.             } else {
  2348.                 // line 1628
  2349.                 echo "\t\t\t\t\t\t    ";
  2350.                 // line 1629
  2351.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2352. \t\t\t\t\t\t      ";
  2353.                 // line 1630
  2354.                 $context['_parent'] = $context;
  2355.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1630, $this->source); })()));
  2356.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2357.                     // line 1631
  2358.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2359.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1631, $this->source); })()) == $context["rp_name"])) {
  2360.                         echo " is-selected";
  2361.                     }
  2362.                     echo "\"
  2363. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2364.                     // line 1632
  2365.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2366.                     echo "';\">
  2367. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"";
  2368.                     // line 1633
  2369.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2370.                     echo "\"
  2371. \t\t\t\t\t\t                 ";
  2372.                     // line 1634
  2373.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1634, $this->source); })()) == $context["rp_name"])) {
  2374.                         echo "checked";
  2375.                     }
  2376.                     echo ">
  2377. \t\t\t\t\t\t          ";
  2378.                     // line 1635
  2379.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2380.                     echo "
  2381. \t\t\t\t\t\t        </label>
  2382. \t\t\t\t\t\t      ";
  2383.                 }
  2384.                 $_parent = $context['_parent'];
  2385.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2386.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2387.                 // line 1638
  2388.                 echo "\t\t\t\t\t\t    </div>
  2389. \t\t\t\t\t\t  ";
  2390.             }
  2391.             // line 1640
  2392.             echo "\t\t\t\t\t\t</div>
  2393. \t\t\t\t\t\t";
  2394.         }
  2395.         // line 1642
  2396.         echo "
  2397. \t\t\t\t\t\t";
  2398.         // line 1644
  2399.         echo "\t\t\t\t\t\t";
  2400.         if ((((isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 1644, $this->source); })()) && (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1644, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1644, $this->source); })())))) {
  2401.             // line 1645
  2402.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2403. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2404.             // line 1646
  2405.             echo twig_escape_filter($this->env, (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 1646, $this->source); })()), "html", null, true);
  2406.             if (((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 1646, $this->source); })()) && (isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1646, $this->source); })()))) {
  2407.                 echo ": <span>";
  2408.                 echo twig_escape_filter($this->env, (isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1646, $this->source); })()), "html", null, true);
  2409.                 echo "</span>";
  2410.             }
  2411.             echo "</div>
  2412. \t\t\t\t\t\t  ";
  2413.             // line 1647
  2414.             if ((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 1647, $this->source); })())) {
  2415.                 // line 1648
  2416.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2417. \t\t\t\t\t\t      ";
  2418.                 // line 1649
  2419.                 $context['_parent'] = $context;
  2420.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1649, $this->source); })()));
  2421.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2422.                     // line 1650
  2423.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2424.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1650, $this->source); })()) == $context["rp_name"])) {
  2425.                         echo " is-selected";
  2426.                     }
  2427.                     echo "\"
  2428. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2429.                     // line 1651
  2430.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2431.                     echo "';\">
  2432. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"";
  2433.                     // line 1652
  2434.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2435.                     echo "\"
  2436. \t\t\t\t\t\t                 ";
  2437.                     // line 1653
  2438.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1653, $this->source); })()) == $context["rp_name"])) {
  2439.                         echo "checked";
  2440.                     }
  2441.                     echo ">
  2442. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2443. \t\t\t\t\t\t               src=\"";
  2444.                     // line 1655
  2445.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2446.                     echo "\"
  2447. \t\t\t\t\t\t               alt=\"";
  2448.                     // line 1656
  2449.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2450.                     echo "\"
  2451. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2452. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2453. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2454.                     // line 1659
  2455.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2456.                     echo "</span>
  2457. \t\t\t\t\t\t        </label>
  2458. \t\t\t\t\t\t      ";
  2459.                 }
  2460.                 $_parent = $context['_parent'];
  2461.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2462.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2463.                 // line 1662
  2464.                 echo "\t\t\t\t\t\t    </div>
  2465. \t\t\t\t\t\t  ";
  2466.             } else {
  2467.                 // line 1664
  2468.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2469. \t\t\t\t\t\t      ";
  2470.                 // line 1665
  2471.                 $context['_parent'] = $context;
  2472.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1665, $this->source); })()));
  2473.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2474.                     // line 1666
  2475.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2476.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1666, $this->source); })()) == $context["rp_name"])) {
  2477.                         echo " is-selected";
  2478.                     }
  2479.                     echo "\"
  2480. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2481.                     // line 1667
  2482.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2483.                     echo "';\">
  2484. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"";
  2485.                     // line 1668
  2486.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2487.                     echo "\"
  2488. \t\t\t\t\t\t                 ";
  2489.                     // line 1669
  2490.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1669, $this->source); })()) == $context["rp_name"])) {
  2491.                         echo "checked";
  2492.                     }
  2493.                     echo ">
  2494. \t\t\t\t\t\t          ";
  2495.                     // line 1670
  2496.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2497.                     echo "
  2498. \t\t\t\t\t\t        </label>
  2499. \t\t\t\t\t\t      ";
  2500.                 }
  2501.                 $_parent = $context['_parent'];
  2502.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2503.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2504.                 // line 1673
  2505.                 echo "\t\t\t\t\t\t    </div>
  2506. \t\t\t\t\t\t  ";
  2507.             }
  2508.             // line 1675
  2509.             echo "\t\t\t\t\t\t</div>
  2510. \t\t\t\t\t\t";
  2511.         }
  2512.         // line 1677
  2513.         echo "
  2514. \t\t\t\t\t\t";
  2515.         // line 1679
  2516.         echo "\t\t\t\t\t\t";
  2517.         if ((((isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 1679, $this->source); })()) && (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1679, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1679, $this->source); })())))) {
  2518.             // line 1680
  2519.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2520. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2521.             // line 1681
  2522.             echo twig_escape_filter($this->env, (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 1681, $this->source); })()), "html", null, true);
  2523.             if (((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 1681, $this->source); })()) && (isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1681, $this->source); })()))) {
  2524.                 echo ": <span>";
  2525.                 echo twig_escape_filter($this->env, (isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1681, $this->source); })()), "html", null, true);
  2526.                 echo "</span>";
  2527.             }
  2528.             echo "</div>
  2529. \t\t\t\t\t\t  ";
  2530.             // line 1682
  2531.             if ((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 1682, $this->source); })())) {
  2532.                 // line 1683
  2533.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2534. \t\t\t\t\t\t      ";
  2535.                 // line 1684
  2536.                 $context['_parent'] = $context;
  2537.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1684, $this->source); })()));
  2538.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2539.                     // line 1685
  2540.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2541.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1685, $this->source); })()) == $context["rp_name"])) {
  2542.                         echo " is-selected";
  2543.                     }
  2544.                     echo "\"
  2545. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2546.                     // line 1686
  2547.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2548.                     echo "';\">
  2549. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"";
  2550.                     // line 1687
  2551.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2552.                     echo "\"
  2553. \t\t\t\t\t\t                 ";
  2554.                     // line 1688
  2555.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1688, $this->source); })()) == $context["rp_name"])) {
  2556.                         echo "checked";
  2557.                     }
  2558.                     echo ">
  2559. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2560. \t\t\t\t\t\t               src=\"";
  2561.                     // line 1690
  2562.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2563.                     echo "\"
  2564. \t\t\t\t\t\t               alt=\"";
  2565.                     // line 1691
  2566.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2567.                     echo "\"
  2568. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2569. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2570. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2571.                     // line 1694
  2572.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2573.                     echo "</span>
  2574. \t\t\t\t\t\t        </label>
  2575. \t\t\t\t\t\t      ";
  2576.                 }
  2577.                 $_parent = $context['_parent'];
  2578.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2579.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2580.                 // line 1697
  2581.                 echo "\t\t\t\t\t\t    </div>
  2582. \t\t\t\t\t\t  ";
  2583.             } else {
  2584.                 // line 1699
  2585.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2586. \t\t\t\t\t\t      ";
  2587.                 // line 1700
  2588.                 $context['_parent'] = $context;
  2589.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1700, $this->source); })()));
  2590.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2591.                     // line 1701
  2592.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2593.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1701, $this->source); })()) == $context["rp_name"])) {
  2594.                         echo " is-selected";
  2595.                     }
  2596.                     echo "\"
  2597. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2598.                     // line 1702
  2599.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2600.                     echo "';\">
  2601. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"";
  2602.                     // line 1703
  2603.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2604.                     echo "\"
  2605. \t\t\t\t\t\t                 ";
  2606.                     // line 1704
  2607.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1704, $this->source); })()) == $context["rp_name"])) {
  2608.                         echo "checked";
  2609.                     }
  2610.                     echo ">
  2611. \t\t\t\t\t\t          ";
  2612.                     // line 1705
  2613.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2614.                     echo "
  2615. \t\t\t\t\t\t        </label>
  2616. \t\t\t\t\t\t      ";
  2617.                 }
  2618.                 $_parent = $context['_parent'];
  2619.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2620.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2621.                 // line 1708
  2622.                 echo "\t\t\t\t\t\t    </div>
  2623. \t\t\t\t\t\t  ";
  2624.             }
  2625.             // line 1710
  2626.             echo "\t\t\t\t\t\t</div>
  2627. \t\t\t\t\t\t";
  2628.         }
  2629.         // line 1712
  2630.         echo "
  2631. \t\t\t\t\t\t";
  2632.         // line 1714
  2633.         echo "\t\t\t\t\t\t";
  2634.         if ((((isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 1714, $this->source); })()) && (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1714, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1714, $this->source); })())))) {
  2635.             // line 1715
  2636.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2637. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2638.             // line 1716
  2639.             echo twig_escape_filter($this->env, (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 1716, $this->source); })()), "html", null, true);
  2640.             if (((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 1716, $this->source); })()) && (isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1716, $this->source); })()))) {
  2641.                 echo ": <span>";
  2642.                 echo twig_escape_filter($this->env, (isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1716, $this->source); })()), "html", null, true);
  2643.                 echo "</span>";
  2644.             }
  2645.             echo "</div>
  2646. \t\t\t\t\t\t  ";
  2647.             // line 1717
  2648.             if ((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 1717, $this->source); })())) {
  2649.                 // line 1718
  2650.                 echo "\t\t\t\t\t\t    ";
  2651.                 // line 1719
  2652.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2653. \t\t\t\t\t\t      ";
  2654.                 // line 1720
  2655.                 $context['_parent'] = $context;
  2656.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1720, $this->source); })()));
  2657.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2658.                     // line 1721
  2659.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2660.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1721, $this->source); })()) == $context["rp_name"])) {
  2661.                         echo " is-selected";
  2662.                     }
  2663.                     echo "\"
  2664. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2665.                     // line 1722
  2666.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2667.                     echo "';\">
  2668. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"";
  2669.                     // line 1723
  2670.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2671.                     echo "\"
  2672. \t\t\t\t\t\t                 ";
  2673.                     // line 1724
  2674.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1724, $this->source); })()) == $context["rp_name"])) {
  2675.                         echo "checked";
  2676.                     }
  2677.                     echo ">
  2678. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2679. \t\t\t\t\t\t               src=\"";
  2680.                     // line 1726
  2681.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2682.                     echo "\"
  2683. \t\t\t\t\t\t               alt=\"";
  2684.                     // line 1727
  2685.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2686.                     echo "\" loading=\"lazy\">
  2687. \t\t\t\t\t\t          <span class=\"rp-card__label\">";
  2688.                     // line 1728
  2689.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2690.                     echo "</span>
  2691. \t\t\t\t\t\t        </label>
  2692. \t\t\t\t\t\t      ";
  2693.                 }
  2694.                 $_parent = $context['_parent'];
  2695.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2696.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2697.                 // line 1731
  2698.                 echo "\t\t\t\t\t\t    </div>
  2699. \t\t\t\t\t\t  ";
  2700.             } else {
  2701.                 // line 1733
  2702.                 echo "\t\t\t\t\t\t    ";
  2703.                 // line 1734
  2704.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2705. \t\t\t\t\t\t      ";
  2706.                 // line 1735
  2707.                 $context['_parent'] = $context;
  2708.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1735, $this->source); })()));
  2709.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2710.                     // line 1736
  2711.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2712.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1736, $this->source); })()) == $context["rp_name"])) {
  2713.                         echo " is-selected";
  2714.                     }
  2715.                     echo "\"
  2716. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2717.                     // line 1737
  2718.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2719.                     echo "';\">
  2720. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"";
  2721.                     // line 1738
  2722.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2723.                     echo "\"
  2724. \t\t\t\t\t\t                 ";
  2725.                     // line 1739
  2726.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1739, $this->source); })()) == $context["rp_name"])) {
  2727.                         echo "checked";
  2728.                     }
  2729.                     echo ">
  2730. \t\t\t\t\t\t          ";
  2731.                     // line 1740
  2732.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2733.                     echo "
  2734. \t\t\t\t\t\t        </label>
  2735. \t\t\t\t\t\t      ";
  2736.                 }
  2737.                 $_parent = $context['_parent'];
  2738.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2739.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2740.                 // line 1743
  2741.                 echo "\t\t\t\t\t\t    </div>
  2742. \t\t\t\t\t\t  ";
  2743.             }
  2744.             // line 1745
  2745.             echo "\t\t\t\t\t\t</div>
  2746. \t\t\t\t\t\t";
  2747.         }
  2748.         // line 1747
  2749.         echo "
  2751. \t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のオプションを選択してください。</label></div>
  2753.                         ";
  2754.         // line 1751
  2755.         if ((((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1751, $this->source); })()) && twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1751, $this->source); })()))) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1751, $this->source); })()), "SaleType", [], "any", false, false, false, 1751), "id", [], "any", false, false, false, 1751) != 3))) {
  2756.             // line 1752
  2757.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2758.                           <div class=\"rp-section-label\">カラー";
  2759.             // line 1753
  2760.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1753, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1753, $this->source); })()), "pc", [], "any", false, false, false, 1753))) {
  2761.                 echo ": <span>";
  2762.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1753, $this->source); })()), "pc", [], "any", false, false, false, 1753), "html", null, true);
  2763.                 echo "</span>";
  2764.             }
  2765.             echo "</div>
  2766.                           <div class=\"opt-btn-group\">
  2767.                             ";
  2768.             // line 1755
  2769.             $context["idx"] = 0;
  2770.             // line 1756
  2771.             echo "                            ";
  2772.             $context['_parent'] = $context;
  2773.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1756, $this->source); })()));
  2774.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  2775.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1756))) {
  2776.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1756, $this->source); })()) + 1);
  2777.                     // line 1757
  2778.                     echo "                              <label class=\"opt-btn";
  2779.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1757, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1757, $this->source); })()), "pc", [], "any", false, false, false, 1757) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1757))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1757, $this->source); })())) == 1))) {
  2780.                         echo " is-selected";
  2781.                     }
  2782.                     echo "\"
  2783.                                      onclick=\"mitsumori_simulation_val('pc', '";
  2784.                     // line 1758
  2785.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1758), "js"), "html", null, true);
  2786.                     echo "');\">
  2787.                                 <input type=\"radio\" name=\"color\" id=\"cc_";
  2788.                     // line 1759
  2789.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1759, $this->source); })()), "html", null, true);
  2790.                     echo "\" value=\"";
  2791.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1759), "html", null, true);
  2792.                     echo "\"
  2793.                                        ";
  2794.                     // line 1760
  2795.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1760, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1760, $this->source); })()), "pc", [], "any", false, false, false, 1760) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1760))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1760, $this->source); })())) == 1))) {
  2796.                         echo "checked";
  2797.                     }
  2798.                     echo ">
  2799.                                 ";
  2800.                     // line 1761
  2801.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1761), "html", null, true);
  2802.                     echo "
  2803.                               </label>
  2804.                             ";
  2805.                 }
  2806.             }
  2807.             $_parent = $context['_parent'];
  2808.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  2809.             $context = array_intersect_key($context, $_parent) + $_parent;
  2810.             // line 1764
  2811.             echo "                          </div>
  2812.                         </div>
  2813.                         ";
  2814.         }
  2815.         // line 1767
  2816.         echo "
  2817.                         ";
  2818.         // line 1768
  2819.         if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1768, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1768, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1768, $this->source); })())) != ""))) {
  2820.             // line 1769
  2821.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2822.                           <div class=\"rp-section-label\">幅";
  2823.             // line 1770
  2824.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1770, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1770, $this->source); })()), "pw", [], "any", false, false, false, 1770))) {
  2825.                 echo ": <span>";
  2826.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1770, $this->source); })()), "pw", [], "any", false, false, false, 1770), "html", null, true);
  2827.                 echo "</span>";
  2828.             }
  2829.             echo "</div>
  2830.                           <div class=\"opt-btn-group\">
  2831.                             ";
  2832.             // line 1772
  2833.             $context["idx"] = 0;
  2834.             // line 1773
  2835.             echo "                            ";
  2836.             $context['_parent'] = $context;
  2837.             $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1773, $this->source); })()));
  2838.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  2839.                 if ($context["pw"]) {
  2840.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1773, $this->source); })()) + 1);
  2841.                     // line 1774
  2842.                     echo "                              <label class=\"opt-btn";
  2843.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1774, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1774, $this->source); })()), "pw", [], "any", false, false, false, 1774) == $context["pw"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1774, $this->source); })())) == 1))) {
  2844.                         echo " is-selected";
  2845.                     }
  2846.                     echo "\"
  2847.                                      onclick=\"mitsumori_simulation_val('pw', '";
  2848.                     // line 1775
  2849.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pw"], "js"), "html", null, true);
  2850.                     echo "');\">
  2851.                                 <input type=\"radio\" name=\"pw\" id=\"pw_";
  2852.                     // line 1776
  2853.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1776, $this->source); })()), "html", null, true);
  2854.                     echo "\" value=\"";
  2855.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  2856.                     echo "\"
  2857.                                        ";
  2858.                     // line 1777
  2859.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1777, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1777, $this->source); })()), "pw", [], "any", false, false, false, 1777) == $context["pw"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1777, $this->source); })())) == 1))) {
  2860.                         echo "checked";
  2861.                     }
  2862.                     echo ">
  2863.                                 ";
  2864.                     // line 1778
  2865.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  2866.                     echo "
  2867.                               </label>
  2868.                             ";
  2869.                 }
  2870.             }
  2871.             $_parent = $context['_parent'];
  2872.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  2873.             $context = array_intersect_key($context, $_parent) + $_parent;
  2874.             // line 1781
  2875.             echo "                          </div>
  2876.                         </div>
  2877.                         ";
  2878.         }
  2879.         // line 1784
  2880.         echo "
  2881.                         ";
  2882.         // line 1785
  2883.         if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1785, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1785, $this->source); })()))) && (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1785, $this->source); })())) != ""))) {
  2884.             // line 1786
  2885.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2886.                           <div class=\"rp-section-label\">奥行き";
  2887.             // line 1787
  2888.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1787, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1787, $this->source); })()), "pd", [], "any", false, false, false, 1787))) {
  2889.                 echo ": <span>";
  2890.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1787, $this->source); })()), "pd", [], "any", false, false, false, 1787), "html", null, true);
  2891.                 echo "</span>";
  2892.             }
  2893.             echo "</div>
  2894.                           <div class=\"opt-btn-group\">
  2895.                             ";
  2896.             // line 1789
  2897.             $context["idx"] = 0;
  2898.             // line 1790
  2899.             echo "                            ";
  2900.             $context['_parent'] = $context;
  2901.             $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1790, $this->source); })()));
  2902.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  2903.                 if ($context["pd"]) {
  2904.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1790, $this->source); })()) + 1);
  2905.                     // line 1791
  2906.                     echo "                              <label class=\"opt-btn";
  2907.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1791, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1791, $this->source); })()), "pd", [], "any", false, false, false, 1791) == $context["pd"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1791, $this->source); })())) == 1))) {
  2908.                         echo " is-selected";
  2909.                     }
  2910.                     echo "\"
  2911.                                      onclick=\"mitsumori_simulation_val('pd', '";
  2912.                     // line 1792
  2913.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pd"], "js"), "html", null, true);
  2914.                     echo "');\">
  2915.                                 <input type=\"radio\" name=\"pd\" id=\"pd_";
  2916.                     // line 1793
  2917.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1793, $this->source); })()), "html", null, true);
  2918.                     echo "\" value=\"";
  2919.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  2920.                     echo "\"
  2921.                                        ";
  2922.                     // line 1794
  2923.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1794, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1794, $this->source); })()), "pd", [], "any", false, false, false, 1794) == $context["pd"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1794, $this->source); })())) == 1))) {
  2924.                         echo "checked";
  2925.                     }
  2926.                     echo ">
  2927.                                 ";
  2928.                     // line 1795
  2929.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  2930.                     echo "
  2931.                               </label>
  2932.                             ";
  2933.                 }
  2934.             }
  2935.             $_parent = $context['_parent'];
  2936.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  2937.             $context = array_intersect_key($context, $_parent) + $_parent;
  2938.             // line 1798
  2939.             echo "                          </div>
  2940.                         </div>
  2941.                         ";
  2942.         }
  2943.         // line 1801
  2944.         echo "
  2945.                         ";
  2946.         // line 1802
  2947.         if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1802, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1802, $this->source); })()))) && (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1802, $this->source); })())) != ""))) {
  2948.             // line 1803
  2949.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2950.                           <div class=\"rp-section-label\">高さ";
  2951.             // line 1804
  2952.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1804, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1804, $this->source); })()), "ph", [], "any", false, false, false, 1804))) {
  2953.                 echo ": <span>";
  2954.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1804, $this->source); })()), "ph", [], "any", false, false, false, 1804), "html", null, true);
  2955.                 echo "</span>";
  2956.             }
  2957.             echo "</div>
  2958.                           <div class=\"opt-btn-group\">
  2959.                             ";
  2960.             // line 1806
  2961.             $context["idx"] = 0;
  2962.             // line 1807
  2963.             echo "                            ";
  2964.             $context['_parent'] = $context;
  2965.             $context['_seq'] = twig_ensure_traversable((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1807, $this->source); })()));
  2966.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  2967.                 if ($context["ph"]) {
  2968.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1807, $this->source); })()) + 1);
  2969.                     // line 1808
  2970.                     echo "                              <label class=\"opt-btn";
  2971.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1808, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1808, $this->source); })()), "ph", [], "any", false, false, false, 1808) == $context["ph"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1808, $this->source); })())) == 1))) {
  2972.                         echo " is-selected";
  2973.                     }
  2974.                     echo "\"
  2975.                                      onclick=\"mitsumori_simulation_val('ph', '";
  2976.                     // line 1809
  2977.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["ph"], "js"), "html", null, true);
  2978.                     echo "');\">
  2979.                                 <input type=\"radio\" name=\"ph\" id=\"ph_";
  2980.                     // line 1810
  2981.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1810, $this->source); })()), "html", null, true);
  2982.                     echo "\" value=\"";
  2983.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  2984.                     echo "\"
  2985.                                        ";
  2986.                     // line 1811
  2987.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1811, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1811, $this->source); })()), "ph", [], "any", false, false, false, 1811) == $context["ph"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1811, $this->source); })())) == 1))) {
  2988.                         echo "checked";
  2989.                     }
  2990.                     echo ">
  2991.                                 ";
  2992.                     // line 1812
  2993.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  2994.                     echo "
  2995.                               </label>
  2996.                             ";
  2997.                 }
  2998.             }
  2999.             $_parent = $context['_parent'];
  3000.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  3001.             $context = array_intersect_key($context, $_parent) + $_parent;
  3002.             // line 1815
  3003.             echo "                          </div>
  3004.                         </div>
  3005.                         ";
  3006.         }
  3007.         // line 1818
  3008.         echo "
  3009.                         ";
  3010.         // line 1819
  3011.         if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1819, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1819, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1819, $this->source); })())) != ""))) {
  3012.             // line 1820
  3013.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3014.                           <div class=\"rp-section-label\">素材";
  3015.             // line 1821
  3016.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1821, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1821, $this->source); })()), "pm", [], "any", false, false, false, 1821))) {
  3017.                 echo ": <span>";
  3018.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1821, $this->source); })()), "pm", [], "any", false, false, false, 1821), "html", null, true);
  3019.                 echo "</span>";
  3020.             }
  3021.             echo "</div>
  3022.                           <div class=\"opt-btn-group\">
  3023.                             ";
  3024.             // line 1823
  3025.             $context["idx"] = 0;
  3026.             // line 1824
  3027.             echo "                            ";
  3028.             $context['_parent'] = $context;
  3029.             $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1824, $this->source); })()));
  3030.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  3031.                 if ($context["pm"]) {
  3032.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1824, $this->source); })()) + 1);
  3033.                     // line 1825
  3034.                     echo "                              <label class=\"opt-btn";
  3035.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1825, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1825, $this->source); })()), "pm", [], "any", false, false, false, 1825) == $context["pm"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1825, $this->source); })())) == 1))) {
  3036.                         echo " is-selected";
  3037.                     }
  3038.                     echo "\"
  3039.                                      onclick=\"mitsumori_simulation_val('pm', '";
  3040.                     // line 1826
  3041.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pm"], "js"), "html", null, true);
  3042.                     echo "');\">
  3043.                                 <input type=\"radio\" name=\"pm\" id=\"pm_";
  3044.                     // line 1827
  3045.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1827, $this->source); })()), "html", null, true);
  3046.                     echo "\" value=\"";
  3047.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  3048.                     echo "\"
  3049.                                        ";
  3050.                     // line 1828
  3051.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1828, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1828, $this->source); })()), "pm", [], "any", false, false, false, 1828) == $context["pm"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1828, $this->source); })())) == 1))) {
  3052.                         echo "checked";
  3053.                     }
  3054.                     echo ">
  3055.                                 ";
  3056.                     // line 1829
  3057.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  3058.                     echo "
  3059.                               </label>
  3060.                             ";
  3061.                 }
  3062.             }
  3063.             $_parent = $context['_parent'];
  3064.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  3065.             $context = array_intersect_key($context, $_parent) + $_parent;
  3066.             // line 1832
  3067.             echo "                          </div>
  3068.                         </div>
  3069.                         ";
  3070.         }
  3071.         // line 1835
  3072.         echo "
  3073. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  3074. \t\t\t\t\t\t";
  3075.         // line 1837
  3076.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1837, $this->source); })()), "SaleType", [], "any", false, false, false, 1837), "id", [], "any", false, false, false, 1837) == 1)) {
  3077.             // line 1838
  3078.             echo "\t\t\t\t\t\t";
  3079.         }
  3080.         // line 1839
  3081.         echo "
  3082. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） -->
  3083. \t\t\t\t\t\t";
  3084.         // line 1841
  3085.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1841, $this->source); })()), "SaleType", [], "any", false, false, false, 1841), "id", [], "any", false, false, false, 1841) == 2)) {
  3086.             // line 1842
  3087.             echo "
  3088. \t\t\t\t\t\t\t";
  3089.             // line 1844
  3090.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3091. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓サイズ</label>
  3092. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3093. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3094. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓幅</span>
  3095. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_w\" id=\"mado_w\" class=\"form-control\" value=\"";
  3096.             // line 1849
  3097.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_w", [], "any", true, true, false, 1849)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_w", [], "any", false, false, false, 1849), "")) : ("")), "html", null, true);
  3098.             echo "\" placeholder=\"例: 90\" min=\"1\" onchange=\"mitsumori_simulation('mado_w','mado_w');\">
  3099. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  3100. \t\t\t\t\t\t\t    </div>
  3101. \t\t\t\t\t\t\t  </div>
  3102. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3103. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3104. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓高さ</span>
  3105. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_h\" id=\"mado_h\" class=\"form-control\" value=\"";
  3106.             // line 1856
  3107.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_h", [], "any", true, true, false, 1856)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_h", [], "any", false, false, false, 1856), "")) : ("")), "html", null, true);
  3108.             echo "\" placeholder=\"例: 110\" min=\"1\" onchange=\"mitsumori_simulation('mado_h','mado_h');\">
  3109. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  3110. \t\t\t\t\t\t\t    </div>
  3111. \t\t\t\t\t\t\t  </div>
  3112. \t\t\t\t\t\t\t</div>
  3114. \t\t\t\t\t\t\t";
  3115.             // line 1863
  3116.             echo "\t\t\t\t\t\t\t";
  3117.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1863, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1863, $this->source); })()))) && (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1863, $this->source); })())) != ""))) {
  3118.                 // line 1864
  3119.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3120. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓タイプ</label>
  3121. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3122. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3123. \t\t\t\t\t\t\t    ";
  3124.                 // line 1868
  3125.                 $context["idx"] = 0;
  3126.                 // line 1869
  3127.                 echo "\t\t\t\t\t\t\t    ";
  3128.                 $context['_parent'] = $context;
  3129.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1869, $this->source); })()));
  3130.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  3131.                     // line 1870
  3132.                     echo "\t\t\t\t\t\t\t      ";
  3133.                     if ($context["pd_val"]) {
  3134.                         // line 1871
  3135.                         echo "\t\t\t\t\t\t\t      ";
  3136.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1871, $this->source); })()) + 1);
  3137.                         // line 1872
  3138.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3139. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"mado_type\" id=\"mado_type_";
  3140.                         // line 1873
  3141.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1873, $this->source); })()), "html", null, true);
  3142.                         echo "\" value=\"";
  3143.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3144.                         echo "\"
  3145. \t\t\t\t\t\t\t          ";
  3146.                         // line 1874
  3147.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1874, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1874, $this->source); })()), "pd", [], "any", false, false, false, 1874) == $context["pd_val"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1874, $this->source); })())) == 1))) {
  3148.                             echo "checked";
  3149.                         }
  3150.                         // line 1875
  3151.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','mado_type_";
  3152.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1875, $this->source); })()), "html", null, true);
  3153.                         echo "');\">
  3154. \t\t\t\t\t\t\t        <label for=\"mado_type_";
  3155.                         // line 1876
  3156.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1876, $this->source); })()), "html", null, true);
  3157.                         echo "\">";
  3158.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3159.                         echo "</label>
  3160. \t\t\t\t\t\t\t      </div>
  3161. \t\t\t\t\t\t\t      ";
  3162.                     }
  3163.                     // line 1879
  3164.                     echo "\t\t\t\t\t\t\t    ";
  3165.                 }
  3166.                 $_parent = $context['_parent'];
  3167.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  3168.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3169.                 // line 1880
  3170.                 echo "\t\t\t\t\t\t\t    </div>
  3171. \t\t\t\t\t\t\t  </div>
  3172. \t\t\t\t\t\t\t</div>
  3173. \t\t\t\t\t\t\t";
  3174.             }
  3175.             // line 1884
  3176.             echo "
  3177. \t\t\t\t\t\t\t";
  3178.             // line 1886
  3179.             echo "\t\t\t\t\t\t\t";
  3180.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1886, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1886, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1886, $this->source); })())) != ""))) {
  3181.                 // line 1887
  3182.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3183. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ガラスタイプ</label>
  3184. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3185. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3186. \t\t\t\t\t\t\t    ";
  3187.                 // line 1891
  3188.                 $context["idx"] = 0;
  3189.                 // line 1892
  3190.                 echo "\t\t\t\t\t\t\t    ";
  3191.                 $context['_parent'] = $context;
  3192.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1892, $this->source); })()));
  3193.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3194.                     // line 1893
  3195.                     echo "\t\t\t\t\t\t\t      ";
  3196.                     if ($context["pm_val"]) {
  3197.                         // line 1894
  3198.                         echo "\t\t\t\t\t\t\t      ";
  3199.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1894, $this->source); })()) + 1);
  3200.                         // line 1895
  3201.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3202. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"glass_type\" id=\"glass_type_";
  3203.                         // line 1896
  3204.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1896, $this->source); })()), "html", null, true);
  3205.                         echo "\" value=\"";
  3206.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3207.                         echo "\"
  3208. \t\t\t\t\t\t\t          ";
  3209.                         // line 1897
  3210.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1897, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1897, $this->source); })()), "pm", [], "any", false, false, false, 1897) == $context["pm_val"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1897, $this->source); })())) == 1))) {
  3211.                             echo "checked";
  3212.                         }
  3213.                         // line 1898
  3214.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','glass_type_";
  3215.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1898, $this->source); })()), "html", null, true);
  3216.                         echo "');\">
  3217. \t\t\t\t\t\t\t        <label for=\"glass_type_";
  3218.                         // line 1899
  3219.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1899, $this->source); })()), "html", null, true);
  3220.                         echo "\">";
  3221.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3222.                         echo "</label>
  3223. \t\t\t\t\t\t\t      </div>
  3224. \t\t\t\t\t\t\t      ";
  3225.                     }
  3226.                     // line 1902
  3227.                     echo "\t\t\t\t\t\t\t    ";
  3228.                 }
  3229.                 $_parent = $context['_parent'];
  3230.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3231.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3232.                 // line 1903
  3233.                 echo "\t\t\t\t\t\t\t    </div>
  3234. \t\t\t\t\t\t\t  </div>
  3235. \t\t\t\t\t\t\t</div>
  3236. \t\t\t\t\t\t\t";
  3237.             }
  3238.             // line 1907
  3239.             echo "
  3240. \t\t\t\t\t\t\t";
  3241.             // line 1909
  3242.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3243. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">セット数</label>
  3244. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3245. \t\t\t\t\t\t\t    <select name=\"set_count\" id=\"set_count\" class=\"form-control\" onchange=\"madosetSelect(this.value);\">
  3246. \t\t\t\t\t\t\t      ";
  3247.             // line 1913
  3248.             $context['_parent'] = $context;
  3249.             $context['_seq'] = twig_ensure_traversable(range(1, 20));
  3250.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  3251.                 // line 1914
  3252.                 echo "\t\t\t\t\t\t\t        <option value=\"";
  3253.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3254.                 echo "\" ";
  3255.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1914, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1914, $this->source); })()), "set_count", [], "any", false, false, false, 1914) == $context["i"]))) {
  3256.                     echo "selected";
  3257.                 }
  3258.                 echo ">";
  3259.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3260.                 echo " セット</option>
  3261. \t\t\t\t\t\t\t      ";
  3262.             }
  3263.             $_parent = $context['_parent'];
  3264.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  3265.             $context = array_intersect_key($context, $_parent) + $_parent;
  3266.             // line 1916
  3267.             echo "\t\t\t\t\t\t\t    </select>
  3268. \t\t\t\t\t\t\t  </div>
  3269. \t\t\t\t\t\t\t</div>
  3271. \t\t\t\t\t\t";
  3272.         }
  3273.         // line 1921
  3274.         echo "
  3275. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  3276. \t\t\t\t\t\t";
  3277.         // line 1923
  3278.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1923, $this->source); })()), "SaleType", [], "any", false, false, false, 1923), "id", [], "any", false, false, false, 1923) == 3)) {
  3279.             // line 1924
  3280.             echo "
  3281. \t\t\t\t\t\t\t";
  3282.             // line 1926
  3283.             echo "\t\t\t\t\t\t\t";
  3284.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1926, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1926, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1926, $this->source); })())) != ""))) {
  3285.                 // line 1927
  3286.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3287. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">幅</label>
  3288. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3289. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3290. \t\t\t\t\t\t\t    ";
  3291.                 // line 1931
  3292.                 $context["idx"] = 0;
  3293.                 // line 1932
  3294.                 echo "\t\t\t\t\t\t\t    ";
  3295.                 $context['_parent'] = $context;
  3296.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1932, $this->source); })()));
  3297.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  3298.                     if ($context["pw_val"]) {
  3299.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1932, $this->source); })()) + 1);
  3300.                         // line 1933
  3301.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3302. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_";
  3303.                         // line 1934
  3304.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1934, $this->source); })()), "html", null, true);
  3305.                         echo "\" value=\"";
  3306.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3307.                         echo "\"
  3308. \t\t\t\t\t\t\t          ";
  3309.                         // line 1935
  3310.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1935, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1935, $this->source); })()), "pw", [], "any", false, false, false, 1935) == $context["pw_val"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1935, $this->source); })())) == 1))) {
  3311.                             echo "checked";
  3312.                         }
  3313.                         // line 1936
  3314.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw3_";
  3315.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1936, $this->source); })()), "html", null, true);
  3316.                         echo "');\">
  3317. \t\t\t\t\t\t\t        <label for=\"pw3_";
  3318.                         // line 1937
  3319.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1937, $this->source); })()), "html", null, true);
  3320.                         echo "\">";
  3321.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3322.                         echo "</label>
  3323. \t\t\t\t\t\t\t      </div>
  3324. \t\t\t\t\t\t\t    ";
  3325.                     }
  3326.                 }
  3327.                 $_parent = $context['_parent'];
  3328.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  3329.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3330.                 // line 1940
  3331.                 echo "\t\t\t\t\t\t\t    </div>
  3332. \t\t\t\t\t\t\t  </div>
  3333. \t\t\t\t\t\t\t</div>
  3334. \t\t\t\t\t\t\t";
  3335.             }
  3336.             // line 1944
  3337.             echo "
  3338. \t\t\t\t\t\t\t";
  3339.             // line 1945
  3340.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1945, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1945, $this->source); })()))) && (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1945, $this->source); })())) != ""))) {
  3341.                 // line 1946
  3342.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3343. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">奥行き</label>
  3344. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3345. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3346. \t\t\t\t\t\t\t    ";
  3347.                 // line 1950
  3348.                 $context["idx"] = 0;
  3349.                 // line 1951
  3350.                 echo "\t\t\t\t\t\t\t    ";
  3351.                 $context['_parent'] = $context;
  3352.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1951, $this->source); })()));
  3353.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  3354.                     if ($context["pd_val"]) {
  3355.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1951, $this->source); })()) + 1);
  3356.                         // line 1952
  3357.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3358. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_";
  3359.                         // line 1953
  3360.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1953, $this->source); })()), "html", null, true);
  3361.                         echo "\" value=\"";
  3362.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3363.                         echo "\"
  3364. \t\t\t\t\t\t\t          ";
  3365.                         // line 1954
  3366.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1954, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1954, $this->source); })()), "pd", [], "any", false, false, false, 1954) == $context["pd_val"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1954, $this->source); })())) == 1))) {
  3367.                             echo "checked";
  3368.                         }
  3369.                         // line 1955
  3370.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','pd3_";
  3371.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1955, $this->source); })()), "html", null, true);
  3372.                         echo "');\">
  3373. \t\t\t\t\t\t\t        <label for=\"pd3_";
  3374.                         // line 1956
  3375.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1956, $this->source); })()), "html", null, true);
  3376.                         echo "\">";
  3377.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3378.                         echo "</label>
  3379. \t\t\t\t\t\t\t      </div>
  3380. \t\t\t\t\t\t\t    ";
  3381.                     }
  3382.                 }
  3383.                 $_parent = $context['_parent'];
  3384.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  3385.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3386.                 // line 1959
  3387.                 echo "\t\t\t\t\t\t\t    </div>
  3388. \t\t\t\t\t\t\t  </div>
  3389. \t\t\t\t\t\t\t</div>
  3390. \t\t\t\t\t\t\t";
  3391.             }
  3392.             // line 1963
  3393.             echo "
  3394. \t\t\t\t\t\t\t";
  3395.             // line 1964
  3396.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1964, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1964, $this->source); })()))) && (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1964, $this->source); })())) != ""))) {
  3397.                 // line 1965
  3398.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3399. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">高さ</label>
  3400. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3401. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3402. \t\t\t\t\t\t\t    ";
  3403.                 // line 1969
  3404.                 $context["idx"] = 0;
  3405.                 // line 1970
  3406.                 echo "\t\t\t\t\t\t\t    ";
  3407.                 $context['_parent'] = $context;
  3408.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1970, $this->source); })()));
  3409.                 foreach ($context['_seq'] as $context["_key"] => $context["ph_val"]) {
  3410.                     if ($context["ph_val"]) {
  3411.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1970, $this->source); })()) + 1);
  3412.                         // line 1971
  3413.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3414. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_";
  3415.                         // line 1972
  3416.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1972, $this->source); })()), "html", null, true);
  3417.                         echo "\" value=\"";
  3418.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  3419.                         echo "\"
  3420. \t\t\t\t\t\t\t          ";
  3421.                         // line 1973
  3422.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1973, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1973, $this->source); })()), "ph", [], "any", false, false, false, 1973) == $context["ph_val"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1973, $this->source); })())) == 1))) {
  3423.                             echo "checked";
  3424.                         }
  3425.                         // line 1974
  3426.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('ph','ph3_";
  3427.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1974, $this->source); })()), "html", null, true);
  3428.                         echo "');\">
  3429. \t\t\t\t\t\t\t        <label for=\"ph3_";
  3430.                         // line 1975
  3431.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1975, $this->source); })()), "html", null, true);
  3432.                         echo "\">";
  3433.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  3434.                         echo "</label>
  3435. \t\t\t\t\t\t\t      </div>
  3436. \t\t\t\t\t\t\t    ";
  3437.                     }
  3438.                 }
  3439.                 $_parent = $context['_parent'];
  3440.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph_val'], $context['_parent'], $context['loop']);
  3441.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3442.                 // line 1978
  3443.                 echo "\t\t\t\t\t\t\t    </div>
  3444. \t\t\t\t\t\t\t  </div>
  3445. \t\t\t\t\t\t\t</div>
  3446. \t\t\t\t\t\t\t";
  3447.             }
  3448.             // line 1982
  3449.             echo "
  3450. \t\t\t\t\t\t\t";
  3451.             // line 1984
  3452.             echo "\t\t\t\t\t\t\t";
  3453.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1984, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1984, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1984, $this->source); })())) != ""))) {
  3454.                 // line 1985
  3455.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3456. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">棚タイプ<br><small class=\"text-muted\">（間仕切り仕様）</small></label>
  3457. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3458. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3459. \t\t\t\t\t\t\t    ";
  3460.                 // line 1989
  3461.                 $context["idx"] = 0;
  3462.                 // line 1990
  3463.                 echo "\t\t\t\t\t\t\t    ";
  3464.                 $context['_parent'] = $context;
  3465.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1990, $this->source); })()));
  3466.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3467.                     if ($context["pm_val"]) {
  3468.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1990, $this->source); })()) + 1);
  3469.                         // line 1991
  3470.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3471. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_";
  3472.                         // line 1992
  3473.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1992, $this->source); })()), "html", null, true);
  3474.                         echo "\" value=\"";
  3475.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3476.                         echo "\"
  3477. \t\t\t\t\t\t\t          ";
  3478.                         // line 1993
  3479.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1993, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1993, $this->source); })()), "pm", [], "any", false, false, false, 1993) == $context["pm_val"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1993, $this->source); })())) == 1))) {
  3480.                             echo "checked";
  3481.                         }
  3482.                         // line 1994
  3483.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm3_";
  3484.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1994, $this->source); })()), "html", null, true);
  3485.                         echo "');\">
  3486. \t\t\t\t\t\t\t        <label for=\"pm3_";
  3487.                         // line 1995
  3488.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1995, $this->source); })()), "html", null, true);
  3489.                         echo "\">";
  3490.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3491.                         echo "</label>
  3492. \t\t\t\t\t\t\t      </div>
  3493. \t\t\t\t\t\t\t    ";
  3494.                     }
  3495.                 }
  3496.                 $_parent = $context['_parent'];
  3497.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3498.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3499.                 // line 1998
  3500.                 echo "\t\t\t\t\t\t\t    </div>
  3501. \t\t\t\t\t\t\t  </div>
  3502. \t\t\t\t\t\t\t</div>
  3503. \t\t\t\t\t\t\t";
  3504.             }
  3505.             // line 2002
  3506.             echo "
  3507. \t\t\t\t\t\t\t";
  3508.             // line 2004
  3509.             echo "\t\t\t\t\t\t\t";
  3510.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2004, $this->source); })()) && twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2004, $this->source); })())))) {
  3511.                 // line 2005
  3512.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3513. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">カラー</label>
  3514. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3515. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3516. \t\t\t\t\t\t\t    ";
  3517.                 // line 2009
  3518.                 $context["idx"] = 0;
  3519.                 // line 2010
  3520.                 echo "\t\t\t\t\t\t\t    ";
  3521.                 $context['_parent'] = $context;
  3522.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2010, $this->source); })()));
  3523.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  3524.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2010))) {
  3525.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2010, $this->source); })()) + 1);
  3526.                         // line 2011
  3527.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3528. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_";
  3529.                         // line 2012
  3530.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2012, $this->source); })()), "html", null, true);
  3531.                         echo "\" value=\"";
  3532.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2012), "html", null, true);
  3533.                         echo "\"
  3534. \t\t\t\t\t\t\t          ";
  3535.                         // line 2013
  3536.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2013, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2013, $this->source); })()), "pc", [], "any", false, false, false, 2013) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2013))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2013, $this->source); })())) == 1))) {
  3537.                             echo "checked";
  3538.                         }
  3539.                         // line 2014
  3540.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pc','cc3_";
  3541.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2014, $this->source); })()), "html", null, true);
  3542.                         echo "');\">
  3543. \t\t\t\t\t\t\t        <label for=\"cc3_";
  3544.                         // line 2015
  3545.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2015, $this->source); })()), "html", null, true);
  3546.                         echo "\">";
  3547.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2015), "html", null, true);
  3548.                         echo "</label>
  3549. \t\t\t\t\t\t\t      </div>
  3550. \t\t\t\t\t\t\t    ";
  3551.                     }
  3552.                 }
  3553.                 $_parent = $context['_parent'];
  3554.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  3555.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3556.                 // line 2018
  3557.                 echo "\t\t\t\t\t\t\t    </div>
  3558. \t\t\t\t\t\t\t  </div>
  3559. \t\t\t\t\t\t\t</div>
  3560. \t\t\t\t\t\t\t";
  3561.             }
  3562.             // line 2022
  3563.             echo "
  3564. \t\t\t\t\t\t\t";
  3565.             // line 2024
  3566.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3567. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  3568. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3569. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  3570. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"";
  3571.             // line 2028
  3572.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", true, true, false, 2028)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", false, false, false, 2028), "1")) : ("1")), "html", null, true);
  3573.             echo "\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  3574. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  3575. \t\t\t\t\t\t\t    </div>
  3576. \t\t\t\t\t\t\t  </div>
  3577. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3578. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  3579. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  3580. \t\t\t\t\t\t\t  </div>
  3581. \t\t\t\t\t\t\t</div>
  3583. \t\t\t\t\t\t";
  3584.         }
  3585.         // line 2039
  3586.         echo "
  3587. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  3588. \t\t\t\t\t\t";
  3589.         // line 2041
  3590.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 2041, $this->source); })()), "SaleType", [], "any", false, false, false, 2041), "id", [], "any", false, false, false, 2041) == 4)) {
  3591.             // line 2042
  3592.             echo "
  3593. \t\t\t\t\t\t\t";
  3594.             // line 2044
  3595.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3596. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  3597. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  3598. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3599. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"";
  3600.             // line 2048
  3601.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", true, true, false, 2048)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", false, false, false, 2048), "3")) : ("3")), "html", null, true);
  3602.             echo "\" min=\"3\" max=\"20\" onchange=\"mitsumori_simulation('maisu','maisu');\">
  3603. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  3604. \t\t\t\t\t\t\t    </div>
  3605. \t\t\t\t\t\t\t  </div>
  3606. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3607. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  3608. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  3609. \t\t\t\t\t\t\t  </div>
  3610. \t\t\t\t\t\t\t</div>
  3612. \t\t\t\t\t\t";
  3613.         }
  3614.         // line 2059
  3615.         echo "
  3616. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  3617. \t\t\t\t\t\t";
  3618.         // line 2061
  3619.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 2061, $this->source); })()), "SaleType", [], "any", false, false, false, 2061), "id", [], "any", false, false, false, 2061) == 5)) {
  3620.             // line 2062
  3621.             echo "
  3622. \t\t\t\t\t\t\t";
  3623.             // line 2064
  3624.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3625. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  3626. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3627. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3628. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  3629. \t\t\t\t\t\t\t        class=\"form-control\"
  3630. \t\t\t\t\t\t\t        value=\"";
  3631.             // line 2070
  3632.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 2070)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 2070), "")) : ("")), "html", null, true);
  3633.             echo "\"
  3634. \t\t\t\t\t\t\t        placeholder=\"例: 7.5\"
  3635. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  3636. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  3637. \t\t\t\t\t\t\t      <span class=\"input-group-text\">㎡</span>
  3638. \t\t\t\t\t\t\t    </div>
  3639. \t\t\t\t\t\t\t    <small class=\"text-muted\">幅(cm) × 奥行き(cm) ÷ 10000 = ㎡</small>
  3640. \t\t\t\t\t\t\t  </div>
  3641. \t\t\t\t\t\t\t</div>
  3643. \t\t\t\t\t\t\t";
  3644.             // line 2081
  3645.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3646. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ステップ</label>
  3647. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3648. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3649. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3650. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  3651. \t\t\t\t\t\t\t          ";
  3652.             // line 2087
  3653.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2087, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2087, $this->source); })()), "deck_step", [], "any", false, false, false, 2087) == "必要"))) {
  3654.                 echo "checked";
  3655.             }
  3656.             // line 2088
  3657.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  3658. \t\t\t\t\t\t\t        <label for=\"deck_step_yes\">必要</label>
  3659. \t\t\t\t\t\t\t      </div>
  3660. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3661. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  3662. \t\t\t\t\t\t\t          ";
  3663.             // line 2093
  3664.             if ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2093, $this->source); })()) || (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2093, $this->source); })()), "deck_step", [], "any", false, false, false, 2093) == "不要")) ||  !twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2093, $this->source); })()), "deck_step", [], "any", false, false, false, 2093))) {
  3665.                 echo "checked";
  3666.             }
  3667.             // line 2094
  3668.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  3669. \t\t\t\t\t\t\t        <label for=\"deck_step_no\">不要</label>
  3670. \t\t\t\t\t\t\t      </div>
  3671. \t\t\t\t\t\t\t    </div>
  3672. \t\t\t\t\t\t\t  </div>
  3673. \t\t\t\t\t\t\t</div>
  3675. \t\t\t\t\t\t\t";
  3676.             // line 2102
  3677.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3678. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">デッキフェンス</label>
  3679. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3680. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3681. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3682. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  3683. \t\t\t\t\t\t\t          ";
  3684.             // line 2108
  3685.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2108, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2108, $this->source); })()), "deck_fence", [], "any", false, false, false, 2108) == "必要"))) {
  3686.                 echo "checked";
  3687.             }
  3688.             // line 2109
  3689.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  3690. \t\t\t\t\t\t\t        <label for=\"deck_fence_yes\">必要</label>
  3691. \t\t\t\t\t\t\t      </div>
  3692. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3693. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  3694. \t\t\t\t\t\t\t          ";
  3695.             // line 2114
  3696.             if ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2114, $this->source); })()) || (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2114, $this->source); })()), "deck_fence", [], "any", false, false, false, 2114) == "不要")) ||  !twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2114, $this->source); })()), "deck_fence", [], "any", false, false, false, 2114))) {
  3697.                 echo "checked";
  3698.             }
  3699.             // line 2115
  3700.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  3701. \t\t\t\t\t\t\t        <label for=\"deck_fence_no\">不要</label>
  3702. \t\t\t\t\t\t\t      </div>
  3703. \t\t\t\t\t\t\t    </div>
  3704. \t\t\t\t\t\t\t  </div>
  3705. \t\t\t\t\t\t\t</div>
  3707. \t\t\t\t\t\t";
  3708.         }
  3709.         // line 2123
  3710.         echo "
  3711. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  3712. \t\t\t\t\t\t";
  3713.         // line 2125
  3714.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 2125, $this->source); })()), "SaleType", [], "any", false, false, false, 2125), "id", [], "any", false, false, false, 2125) == 6)) {
  3715.             // line 2126
  3716.             echo "
  3717. \t\t\t\t\t\t\t";
  3718.             // line 2128
  3719.             echo "\t\t\t\t\t\t\t";
  3720.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2128, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2128, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2128, $this->source); })())) != ""))) {
  3721.                 // line 2129
  3722.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3723. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">規格</label>
  3724. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3725. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3726. \t\t\t\t\t\t\t    ";
  3727.                 // line 2133
  3728.                 $context["idx"] = 0;
  3729.                 // line 2134
  3730.                 echo "\t\t\t\t\t\t\t    ";
  3731.                 $context['_parent'] = $context;
  3732.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2134, $this->source); })()));
  3733.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3734.                     if ($context["pm_val"]) {
  3735.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2134, $this->source); })()) + 1);
  3736.                         // line 2135
  3737.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3738. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_";
  3739.                         // line 2136
  3740.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2136, $this->source); })()), "html", null, true);
  3741.                         echo "\" value=\"";
  3742.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3743.                         echo "\"
  3744. \t\t\t\t\t\t\t          ";
  3745.                         // line 2137
  3746.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2137, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2137, $this->source); })()), "pm", [], "any", false, false, false, 2137) == $context["pm_val"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2137, $this->source); })())) == 1))) {
  3747.                             echo "checked";
  3748.                         }
  3749.                         // line 2138
  3750.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm6_";
  3751.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2138, $this->source); })()), "html", null, true);
  3752.                         echo "');\">
  3753. \t\t\t\t\t\t\t        <label for=\"pm6_";
  3754.                         // line 2139
  3755.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2139, $this->source); })()), "html", null, true);
  3756.                         echo "\">";
  3757.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3758.                         echo "</label>
  3759. \t\t\t\t\t\t\t      </div>
  3760. \t\t\t\t\t\t\t    ";
  3761.                     }
  3762.                 }
  3763.                 $_parent = $context['_parent'];
  3764.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3765.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3766.                 // line 2142
  3767.                 echo "\t\t\t\t\t\t\t    </div>
  3768. \t\t\t\t\t\t\t  </div>
  3769. \t\t\t\t\t\t\t</div>
  3770. \t\t\t\t\t\t\t";
  3771.             }
  3772.             // line 2146
  3773.             echo "
  3774. \t\t\t\t\t\t\t";
  3775.             // line 2148
  3776.             echo "\t\t\t\t\t\t\t";
  3777.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2148, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2148, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2148, $this->source); })())) != ""))) {
  3778.                 // line 2149
  3779.                 echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3780. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">芝の長さ</label>
  3781. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3782. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3783. \t\t\t\t\t\t\t    ";
  3784.                 // line 2153
  3785.                 $context["idx"] = 0;
  3786.                 // line 2154
  3787.                 echo "\t\t\t\t\t\t\t    ";
  3788.                 $context['_parent'] = $context;
  3789.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2154, $this->source); })()));
  3790.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  3791.                     if ($context["pw_val"]) {
  3792.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2154, $this->source); })()) + 1);
  3793.                         // line 2155
  3794.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3795. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_";
  3796.                         // line 2156
  3797.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2156, $this->source); })()), "html", null, true);
  3798.                         echo "\" value=\"";
  3799.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3800.                         echo "\"
  3801. \t\t\t\t\t\t\t          ";
  3802.                         // line 2157
  3803.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2157, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2157, $this->source); })()), "pw", [], "any", false, false, false, 2157) == $context["pw_val"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2157, $this->source); })())) == 1))) {
  3804.                             echo "checked";
  3805.                         }
  3806.                         // line 2158
  3807.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw6_";
  3808.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2158, $this->source); })()), "html", null, true);
  3809.                         echo "');\">
  3810. \t\t\t\t\t\t\t        <label for=\"pw6_";
  3811.                         // line 2159
  3812.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2159, $this->source); })()), "html", null, true);
  3813.                         echo "\">";
  3814.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3815.                         echo "</label>
  3816. \t\t\t\t\t\t\t      </div>
  3817. \t\t\t\t\t\t\t    ";
  3818.                     }
  3819.                 }
  3820.                 $_parent = $context['_parent'];
  3821.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  3822.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3823.                 // line 2162
  3824.                 echo "\t\t\t\t\t\t\t    </div>
  3825. \t\t\t\t\t\t\t  </div>
  3826. \t\t\t\t\t\t\t</div>
  3827. \t\t\t\t\t\t\t";
  3828.             }
  3829.             // line 2166
  3830.             echo "
  3831. \t\t\t\t\t\t\t";
  3832.             // line 2168
  3833.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3834. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  3835. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3836. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3837. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  3838. \t\t\t\t\t\t\t        class=\"form-control\"
  3839. \t\t\t\t\t\t\t        value=\"";
  3840.             // line 2174
  3841.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 2174)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 2174), "")) : ("")), "html", null, true);
  3842.             echo "\"
  3843. \t\t\t\t\t\t\t        placeholder=\"例: 10.5\"
  3844. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  3845. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  3846. \t\t\t\t\t\t\t      <span class=\"input-group-text\">平米</span>
  3847. \t\t\t\t\t\t\t    </div>
  3848. \t\t\t\t\t\t\t  </div>
  3849. \t\t\t\t\t\t\t</div>
  3851. \t\t\t\t\t\t";
  3852.         }
  3853.         // line 2184
  3854.         echo "
  3855. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  3856. \t\t\t\t\t\t";
  3857.         // line 2186
  3858.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 2186, $this->source); })()), "SaleType", [], "any", false, false, false, 2186), "id", [], "any", false, false, false, 2186) == 9)) {
  3859.             // line 2187
  3860.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3861. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  3862. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3863. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  3864. \t\t\t\t\t\t\t      <input type=\"number\" name=\"quantity_only\" id=\"quantity_only\" class=\"form-control\" value=\"1\" min=\"1\" onchange=\"\$('#quantity').val(this.value);\">
  3865. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  3866. \t\t\t\t\t\t\t    </div>
  3867. \t\t\t\t\t\t\t  </div>
  3868. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3869. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  3870. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  3871. \t\t\t\t\t\t\t  </div>
  3872. \t\t\t\t\t\t\t</div>
  3873. \t\t\t\t\t\t";
  3874.         }
  3875.         // line 2201
  3876.         echo "
  3880. \t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">取り付け工事のご希望に関してお答えください。</label></div>
  3881. \t\t\t\t\t\t";
  3882.         // line 2206
  3883.         $context['_parent'] = $context;
  3884.         $context['_seq'] = twig_ensure_traversable(range(0, 10));
  3885.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  3886.             // line 2207
  3887.             echo "\t\t\t\t\t\t\t";
  3888.             if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2207, $this->source); })()) && (twig_length_filter($this->env, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2207, $this->source); })())) >= ($context["i"] + 1)))) {
  3889.                 // line 2208
  3890.                 echo "\t\t\t\t\t\t\t";
  3891.                 if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2208, $this->source); })()), $context["i"], [], "array", false, false, false, 2208), "name", [], "array", false, false, false, 2208)) {
  3892.                     // line 2209
  3893.                     echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3894. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  3895.                     // line 2210
  3896.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2210, $this->source); })()), $context["i"], [], "array", false, false, false, 2210), "name", [], "array", false, false, false, 2210), "html", null, true);
  3897.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2210, $this->source); })()) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2210, $this->source); })()), "op", [], "any", false, false, false, 2210), $context["i"], [], "array", false, false, false, 2210))) {
  3898.                         echo ": <span>";
  3899.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2210, $this->source); })()), "op", [], "any", false, false, false, 2210), $context["i"], [], "array", false, false, false, 2210), "html", null, true);
  3900.                         echo "</span>";
  3901.                     }
  3902.                     echo "</div>
  3903. \t\t\t\t\t\t\t  ";
  3904.                     // line 2211
  3905.                     if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2211, $this->source); })()), $context["i"], [], "array", false, false, false, 2211), "comment", [], "array", false, false, false, 2211)) {
  3906.                         echo "<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">";
  3907.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2211, $this->source); })()), $context["i"], [], "array", false, false, false, 2211), "comment", [], "array", false, false, false, 2211), "html", null, true);
  3908.                         echo "</div>";
  3909.                     }
  3910.                     // line 2212
  3911.                     echo "\t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  3912. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  3913.                     // line 2213
  3914.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2213, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2213, $this->source); })()), "op", [], "any", false, false, false, 2213), $context["i"], [], "array", false, false, false, 2213) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2213, $this->source); })()), $context["i"], [], "array", false, false, false, 2213), "on", [], "array", false, false, false, 2213)))) {
  3915.                         echo " is-selected";
  3916.                     }
  3917.                     echo "\"
  3918. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  3919.                     // line 2214
  3920.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3921.                     echo "','op";
  3922.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3923.                     echo "_1');\">
  3924. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  3925.                     // line 2215
  3926.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3927.                     echo "\" id=\"op";
  3928.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3929.                     echo "_1\" value=\"";
  3930.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2215, $this->source); })()), $context["i"], [], "array", false, false, false, 2215), "on", [], "array", false, false, false, 2215), "html", null, true);
  3931.                     echo "\" ";
  3932.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2215, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2215, $this->source); })()), "op", [], "any", false, false, false, 2215), $context["i"], [], "array", false, false, false, 2215) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2215, $this->source); })()), $context["i"], [], "array", false, false, false, 2215), "on", [], "array", false, false, false, 2215)))) {
  3933.                         echo "checked";
  3934.                     }
  3935.                     echo ">
  3936. \t\t\t\t\t\t\t      ";
  3937.                     // line 2216
  3938.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2216, $this->source); })()), $context["i"], [], "array", false, false, false, 2216), "on", [], "array", false, false, false, 2216), "html", null, true);
  3939.                     echo "
  3940. \t\t\t\t\t\t\t    </label>
  3941. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  3942.                     // line 2218
  3943.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2218, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2218, $this->source); })()), "op", [], "any", false, false, false, 2218), $context["i"], [], "array", false, false, false, 2218) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2218, $this->source); })()), $context["i"], [], "array", false, false, false, 2218), "off", [], "array", false, false, false, 2218)))) {
  3944.                         echo " is-selected";
  3945.                     }
  3946.                     echo "\"
  3947. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  3948.                     // line 2219
  3949.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3950.                     echo "','op";
  3951.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3952.                     echo "_2');\">
  3953. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  3954.                     // line 2220
  3955.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3956.                     echo "\" id=\"op";
  3957.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3958.                     echo "_2\" value=\"";
  3959.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2220, $this->source); })()), $context["i"], [], "array", false, false, false, 2220), "off", [], "array", false, false, false, 2220), "html", null, true);
  3960.                     echo "\" ";
  3961.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2220, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2220, $this->source); })()), "op", [], "any", false, false, false, 2220), $context["i"], [], "array", false, false, false, 2220) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2220, $this->source); })()), $context["i"], [], "array", false, false, false, 2220), "off", [], "array", false, false, false, 2220)))) {
  3962.                         echo "checked";
  3963.                     }
  3964.                     echo ">
  3965. \t\t\t\t\t\t\t      ";
  3966.                     // line 2221
  3967.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2221, $this->source); })()), $context["i"], [], "array", false, false, false, 2221), "off", [], "array", false, false, false, 2221), "html", null, true);
  3968.                     echo "
  3969. \t\t\t\t\t\t\t    </label>
  3970. \t\t\t\t\t\t\t  </div>
  3971. \t\t\t\t\t\t\t</div>
  3972. \t\t\t\t\t\t\t";
  3973.                 }
  3974.                 // line 2226
  3975.                 echo "\t\t\t\t\t\t\t";
  3976.             }
  3977.             // line 2227
  3978.             echo "\t\t\t\t\t\t";
  3979.         }
  3980.         $_parent = $context['_parent'];
  3981.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  3982.         $context = array_intersect_key($context, $_parent) + $_parent;
  3983.         // line 2228
  3984.         echo "
  3985. \t\t\t\t\t  </div>
  3986. \t\t\t\t\t  <!-- /.card-body -->
  3987. \t\t\t\t\t</div>
  3990.                     <form action=\"";
  3991.         // line 2234
  3992.         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.', 2234, $this->source); })()), "id", [], "any", false, false, false, 2234)]), "html", null, true);
  3993.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  3994.                         ";
  3995.         // line 2235
  3996.         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.', 2235, $this->source); })()), "stock_find", [], "any", false, false, false, 2235)) {
  3997.             // line 2236
  3998.             echo "                            <div class=\"ec-productRole__actions\">
  3999.                                 ";
  4000.             // line 2237
  4001.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 2237)) {
  4002.                 // line 2238
  4003.                 echo "                                    <div class=\"ec-select\">
  4004.                                         ";
  4005.                 // line 2239
  4006.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 2239, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 2239), 'row');
  4007.                 echo "
  4008.                                         ";
  4009.                 // line 2240
  4010.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 2240, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 2240), 'errors');
  4011.                 echo "
  4012.                                     </div>
  4013.                                     ";
  4014.                 // line 2242
  4015.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 2242)) {
  4016.                     // line 2243
  4017.                     echo "                                        <div class=\"ec-select\">
  4018.                                             ";
  4019.                     // line 2244
  4020.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 2244, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 2244), 'row');
  4021.                     echo "
  4022.                                             ";
  4023.                     // line 2245
  4024.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 2245, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 2245), 'errors');
  4025.                     echo "
  4026.                                         </div>
  4027.                                     ";
  4028.                 }
  4029.                 // line 2248
  4030.                 echo "                                ";
  4031.             }
  4032.             // line 2249
  4033.             echo "                                <div class=\"ec-numberInput\">
  4034.                                     ";
  4035.             // line 2250
  4036.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 2250, $this->source); })()), "quantity", [], "any", false, false, false, 2250), 'widget', ["type" => "hidden"]);
  4037.             echo "
  4038.                                     ";
  4039.             // line 2251
  4040.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 2251, $this->source); })()), "quantity", [], "any", false, false, false, 2251), 'errors');
  4041.             echo "
  4042.                                 </div>
  4043.                             </div>
  4045.                         ";
  4046.         } else {
  4047.             // line 2256
  4048.             echo "                            <div class=\"ec-productRole__btn\">
  4049.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  4050.                                     ";
  4051.             // line 2258
  4052.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  4053.             echo "
  4054.                                 </button>
  4055.                             </div>
  4056.                         ";
  4057.         }
  4058.         // line 2262
  4059.         echo "                        <div class=\"ec-productRole__btn mt-3\">
  4060.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">施工検討リストに入れる</button>
  4061.                         </div>
  4062.                         ";
  4063.         // line 2265
  4064.         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 2265, $this->source); })()), 'rest');
  4065.         echo "
  4066.                     </form>
  4067.                     <div class=\"ec-modal add-cart-modal\">
  4068.                         <div class=\"ec-modal-overlay\">
  4069.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  4070.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  4071.         // line 2270
  4072.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  4073.         echo "\" alt=\"\"/></span></span>
  4074.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">";
  4075.         // line 2271
  4076.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("施工検討リストに追加しました。"), "html", null, true);
  4077.         echo "</div>
  4078.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  4079.                                     <div class=\"ec-role add-cart-modal__actions\">
  4080.                                         <a href=\"";
  4081.         // line 2274
  4082.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  4083.         echo "\" class=\"ec-inlineBtn--action add-cart-modal__primary\">";
  4084.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("施工検討リストへ進む"), "html", null, true);
  4085.         echo "</a>
  4086.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">";
  4087.         // line 2275
  4088.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品検索を続ける"), "html", null, true);
  4089.         echo "</span>
  4090.                                     </div>
  4091.                                 </div>
  4092.                             </div>
  4093.                         </div>
  4094.                     </div>
  4095.                     <div class=\"ec-productRole__description\">";
  4096.         // line 2281
  4097.         echo twig_nl2br(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 2281, $this->source); })()), "description_detail", [], "any", false, false, false, 2281));
  4098.         echo "
  4099.                     </div>
  4101.                     ";
  4102.         // line 2285
  4103.         echo "                    <div class=\"ec-productRole__share\">
  4104.                         <ul class=\"ec-share\">
  4105.                             <li class=\"ec-share__item\">
  4106.                                 <a href=\"https://twitter.com/share?url=";
  4107.         // line 2288
  4108.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 2288, $this->source); })()), "request", [], "any", false, false, false, 2288), "uri", [], "any", false, false, false, 2288)), "html", null, true);
  4109.         echo "&text=";
  4110.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 2288, $this->source); })()), "name", [], "any", false, false, false, 2288)), "html", null, true);
  4111.         echo "\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  4112.                                     <i class=\"fab fa-twitter\"></i>
  4113.                                 </a>
  4114.                             </li>
  4115.                             <li class=\"ec-share__item\">
  4116.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u=";
  4117.         // line 2293
  4118.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 2293, $this->source); })()), "request", [], "any", false, false, false, 2293), "uri", [], "any", false, false, false, 2293)), "html", null, true);
  4119.         echo "\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  4120.                                     <i class=\"fab fa-facebook-f\"></i>
  4121.                                 </a>
  4122.                             </li>
  4123.                             <li class=\"ec-share__item\">
  4124.                                 <a href=\"https://social-plugins.line.me/lineit/share?url=";
  4125.         // line 2298
  4126.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 2298, $this->source); })()), "request", [], "any", false, false, false, 2298), "uri", [], "any", false, false, false, 2298)), "html", null, true);
  4127.         echo "\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  4128.                                     <i class=\"fab fa-line\"></i>
  4129.                                 </a>
  4130.                             </li>
  4131.                         </ul>
  4132.                     </div>
  4133.                 </div>
  4134. \t\t\t\t";
  4135.         // line 2306
  4136.         echo "\t\t\t\t<div id=\"sp-mitsumori-bar\">
  4137. \t\t\t\t    <div>
  4138. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  4139. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  4140. \t\t\t\t    </div>
  4141. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  4142. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  4143. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  4144. \t\t\t\t        <span class=\"sp-bar__btn-label\">検討リストへ</span>
  4145. \t\t\t\t        ";
  4146.         // line 2315
  4147.         $context["spTotalQty"] = $this->extensions['Eccube\Twig\Extension\CartServiceExtension']->get_carts_total_quantity();
  4148.         // line 2316
  4149.         echo "\t\t\t\t        ";
  4150.         if (((isset($context["spTotalQty"]) || array_key_exists("spTotalQty", $context) ? $context["spTotalQty"] : (function () { throw new RuntimeError('Variable "spTotalQty" does not exist.', 2316, $this->source); })()) > 0)) {
  4151.             // line 2317
  4152.             echo "\t\t\t\t            <span class=\"sp-bar__cart-badge\">";
  4153.             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, (isset($context["spTotalQty"]) || array_key_exists("spTotalQty", $context) ? $context["spTotalQty"] : (function () { throw new RuntimeError('Variable "spTotalQty" does not exist.', 2317, $this->source); })())), "html", null, true);
  4154.             echo "</span>
  4155. \t\t\t\t        ";
  4156.         }
  4157.         // line 2319
  4158.         echo "\t\t\t\t    </button>
  4159. \t\t\t\t    <a href=\"";
  4160.         // line 2320
  4161.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  4162.         echo "\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  4163. \t\t\t\t        <i class=\"fas fa-home\"></i>
  4164. \t\t\t\t    </a>
  4165. \t\t\t\t</div>
  4167. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  4168. \t\t\t\t\t<div class=\"card-header\">
  4169. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  4170. \t\t\t\t\t  <div class=\"card-tools\">
  4171. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  4172. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  4173. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  4174. \t\t\t\t\t    </button>
  4175. \t\t\t\t\t  </div>
  4176. \t\t\t\t\t</div>
  4177. \t\t\t\t\t<div class=\"card-body p-0\">
  4178. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  4179. \t\t\t\t\t    <li class=\"nav-item active\">
  4180. \t\t\t\t\t      <a class=\"nav-link\">
  4181. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  4182. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  4183. \t\t\t\t\t      </a>
  4184. \t\t\t\t\t    </li>
  4185. \t\t\t\t\t    <li class=\"nav-item active\">
  4186. \t\t\t\t\t      <a class=\"nav-link\">
  4187. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  4188. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  4189. \t\t\t\t\t      </a>
  4190. \t\t\t\t\t    </li>
  4191. \t\t\t\t\t    <li class=\"nav-item\">
  4192. \t\t\t\t\t      <a class=\"nav-link\">
  4193. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  4194. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  4195. \t\t\t\t\t      </a>
  4196. \t\t\t\t\t    </li>
  4197. \t\t\t\t\t    <li class=\"nav-item\">
  4198. \t\t\t\t\t      <a class=\"nav-link\">
  4199. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> お値引き
  4200. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  4201. \t\t\t\t\t      </a>
  4202. \t\t\t\t\t    </li>
  4203. \t\t\t\t\t    <li class=\"nav-item\">
  4204. \t\t\t\t\t      <a class=\"nav-link\">
  4205. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  4206. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  4207. \t\t\t\t\t      </a>
  4208. \t\t\t\t\t    </li>
  4209. \t\t\t\t\t    <li class=\"nav-item\">
  4210. \t\t\t\t\t      <a class=\"nav-link\">
  4211. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  4212. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  4213. \t\t\t\t\t      </a>
  4214. \t\t\t\t\t    </li>
  4215. \t\t\t\t\t  </ul>
  4216. \t\t\t\t\t</div>
  4217. \t\t\t\t\t<div class=\"card-footer\">
  4218. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  4219. \t\t                  見積書表示
  4220. \t\t                </button>
  4221.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  4223. \t\t\t\t\t</div>
  4224. \t\t\t\t</div>
  4225.             </div>
  4227.         </div>
  4229.     </div>
  4231.   <div class=\"modal\" id=\"modal-mitsumori\">
  4232.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  4233.       <div class=\"modal-content\">
  4234.         <div class=\"modal-header\">
  4235.           <h4 class=\"modal-title\">お見積書</h4>
  4236.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  4237.             <span aria-hidden=\"true\">&times;</span>
  4238.           </button>
  4239.         </div>
  4240.         <div class=\"modal-body\">
  4241. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  4242. \t\t\t  <!-- title row -->
  4243. \t\t\t  <div class=\"row\">
  4244. \t\t\t    <div class=\"col-12\">
  4245. \t\t\t      <h2>概算お見積書 
  4246. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  4247. \t\t\t      </h2>
  4248. \t\t\t    </div>
  4249. \t\t\t    <!-- /.col -->
  4250. \t\t\t  </div>
  4251. \t\t\t  <!-- info row -->
  4252. \t\t\t  <div class=\"row invoice-info\">
  4253. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  4254. \t\t\t      <h3>お客様</h3>
  4255. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  4256. \t\t\t      <br />
  4257. \t\t\t      <br / >
  4258. \t\t\t      <br />
  4259. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  4260. \t\t\t      <span>
  4261. \t\t\t        <br/>
  4262. \t\t\t        <br/>
  4263. \t\t\t        <br/>
  4264. \t\t\t        <br/>
  4265. \t\t\t      </span>
  4266. \t\t\t    </div>
  4267. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  4268. \t\t\t      <p>
  4269. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  4270. \t\t\t      </p>
  4271. \t\t\t      <p>有限会社プラス</p>
  4272. \t\t\t      <p>〒400-0334</p>
  4273. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  4274. \t\t\t      <p>TEL: 055-284-6480</p>
  4275. \t\t\t      <img alt=\"\" src=\"/html/user_data/js/images/seal.svg\" style=\"z-index: 2; position: absolute; width: 21mm; left: 58mm; top: 36mm;\">
  4276. \t\t\t    </div>
  4277. \t\t\t    <!-- /.col -->
  4278. \t\t\t    <!-- /.col -->
  4279. \t\t\t  </div>
  4280. \t\t\t  <!-- /.row -->
  4281. \t\t\t  <!-- Table row -->
  4282. \t\t\t  <div class=\"row\">
  4283. \t\t\t    <div class=\"col-12 table-responsive\">
  4284. \t\t\t      <table class=\"table table-striped\">
  4285. \t\t\t        <thead>
  4286. \t\t\t          <tr>
  4287. \t\t\t            <th>項目</th>
  4288. \t\t\t            <th>数量</th>
  4289. \t\t\t            <th>単位</th>
  4290. \t\t\t            <th>単価</th>
  4291. \t\t\t            <th>小計</th>
  4292. \t\t\t          </tr>
  4293. \t\t\t        </thead>
  4294. \t\t\t        <tbody>
  4295. \t\t\t          <tr>
  4296. \t\t\t            <td>プレーンルーフ 600タイプ 1台用 単体セット</td>
  4297. \t\t\t            <td>1</td>
  4298. \t\t\t            <td>式</td>
  4299. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  4300. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  4301. \t\t\t          </tr>
  4302. \t\t\t          <tr>
  4303. \t\t\t            <td>基本工事費</td>
  4304. \t\t\t            <td>1</td>
  4305. \t\t\t            <td>式</td>
  4306. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  4307. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  4308. \t\t\t          </tr>
  4309. \t\t\t          <tr>
  4310. \t\t\t            <td>残土・ガラ処理</td>
  4311. \t\t\t            <td>1</td>
  4312. \t\t\t            <td>式</td>
  4313. \t\t\t            <td>0円</td>
  4314. \t\t\t            <td></td>
  4315. \t\t\t          </tr>
  4316. \t\t\t          <tr>
  4317. \t\t\t            <td>　</td>
  4318. \t\t\t            <td></td>
  4319. \t\t\t            <td></td>
  4320. \t\t\t            <td></td>
  4321. \t\t\t            <td></td>
  4322. \t\t\t          </tr>
  4323. \t\t\t        </tbody>
  4324. \t\t\t      </table>
  4325. \t\t\t    </div>
  4326. \t\t\t    <!-- /.col -->
  4327. \t\t\t  </div>
  4328. \t\t\t  <!-- /.row -->
  4329. \t\t\t  <div class=\"row\">
  4330. \t\t\t    <!-- accepted payments column -->
  4331. \t\t\t    <div class=\"col-6\">
  4332. \t\t\t      <p class=\"lead\">お支払い方法</p>
  4333. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  4334. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  4335. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  4336. \t\t\t      </p>
  4337. \t\t\t    </div>
  4338. \t\t\t    <!-- /.col -->
  4339. \t\t\t    <div class=\"col-6\">
  4340. \t\t\t      <div class=\"table-responsive\">
  4341. \t\t\t        <table class=\"table\">
  4342. \t\t\t          <tbody>
  4343. \t\t\t            <tr>
  4344. \t\t\t              <th style=\"width:50%\">小計:</th>
  4345. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  4346. \t\t\t            </tr>
  4347. \t\t\t            <tr>
  4348. \t\t\t              <th>消費税 (10%)</th>
  4349. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  4350. \t\t\t            </tr>
  4351. \t\t\t            <tr>
  4352. \t\t\t              <th>合計:</th>
  4353. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  4354. \t\t\t            </tr>
  4355. \t\t\t          </tbody>
  4356. \t\t\t        </table>
  4357. \t\t\t      </div>
  4358. \t\t\t    </div>
  4359. \t\t\t    <!-- /.col -->
  4360. \t\t\t  </div>
  4361. \t\t\t  <!-- /.row -->
  4362. \t\t\t</div>
  4363.         </div>
  4364.         <div class=\"modal-footer justify-content-between\">
  4365. \t\t\t      ";
  4366.         // line 2524
  4367.         echo "\t\t\t      <form method=\"post\" action=\"";
  4368.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mitsumori_pdf");
  4369.         echo "\" target=\"_blank\" id=\"pdf_download_form\">
  4370. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"";
  4371.         // line 2525
  4372.         echo twig_escape_filter($this->env, $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderCsrfToken("mitsumori_pdf"), "html", null, true);
  4373.         echo "\">
  4374. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  4375. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  4376. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  4377. \t\t\t        </button>
  4378. \t\t\t      </form>
  4379.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  4380.         </div>
  4381.       </div>
  4382.       <!-- /.modal-content -->
  4383.     </div>
  4384.     <!-- /.modal-dialog -->
  4385.   </div>
  4386.   <!-- /.modal -->
  4390. ";
  4391.         
  4392.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  4394.         
  4395.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  4397.     }
  4399.     public function getTemplateName()
  4400.     {
  4401.         return "Product/detail.twig";
  4402.     }
  4404.     public function isTraitable()
  4405.     {
  4406.         return false;
  4407.     }
  4409.     public function getDebugInfo()
  4410.     {
  4411.         return array (  4372 => 2525,  4367 => 2524,  4161 => 2320,  4158 => 2319,  4152 => 2317,  4149 => 2316,  4147 => 2315,  4136 => 2306,  4126 => 2298,  4118 => 2293,  4108 => 2288,  4103 => 2285,  4097 => 2281,  4088 => 2275,  4082 => 2274,  4076 => 2271,  4072 => 2270,  4064 => 2265,  4059 => 2262,  4052 => 2258,  4048 => 2256,  4040 => 2251,  4036 => 2250,  4033 => 2249,  4030 => 2248,  4024 => 2245,  4020 => 2244,  4017 => 2243,  4015 => 2242,  4010 => 2240,  4006 => 2239,  4003 => 2238,  4001 => 2237,  3998 => 2236,  3996 => 2235,  3992 => 2234,  3984 => 2228,  3978 => 2227,  3975 => 2226,  3967 => 2221,  3955 => 2220,  3949 => 2219,  3943 => 2218,  3938 => 2216,  3926 => 2215,  3920 => 2214,  3914 => 2213,  3911 => 2212,  3905 => 2211,  3896 => 2210,  3893 => 2209,  3890 => 2208,  3887 => 2207,  3883 => 2206,  3876 => 2201,  3860 => 2187,  3858 => 2186,  3854 => 2184,  3841 => 2174,  3833 => 2168,  3830 => 2166,  3824 => 2162,  3812 => 2159,  3807 => 2158,  3803 => 2157,  3797 => 2156,  3794 => 2155,  3787 => 2154,  3785 => 2153,  3779 => 2149,  3776 => 2148,  3773 => 2146,  3767 => 2142,  3755 => 2139,  3750 => 2138,  3746 => 2137,  3740 => 2136,  3737 => 2135,  3730 => 2134,  3728 => 2133,  3722 => 2129,  3719 => 2128,  3716 => 2126,  3714 => 2125,  3710 => 2123,  3700 => 2115,  3696 => 2114,  3689 => 2109,  3685 => 2108,  3677 => 2102,  3668 => 2094,  3664 => 2093,  3657 => 2088,  3653 => 2087,  3645 => 2081,  3632 => 2070,  3624 => 2064,  3621 => 2062,  3619 => 2061,  3615 => 2059,  3601 => 2048,  3595 => 2044,  3592 => 2042,  3590 => 2041,  3586 => 2039,  3572 => 2028,  3566 => 2024,  3563 => 2022,  3557 => 2018,  3545 => 2015,  3540 => 2014,  3536 => 2013,  3530 => 2012,  3527 => 2011,  3520 => 2010,  3518 => 2009,  3512 => 2005,  3509 => 2004,  3506 => 2002,  3500 => 1998,  3488 => 1995,  3483 => 1994,  3479 => 1993,  3473 => 1992,  3470 => 1991,  3463 => 1990,  3461 => 1989,  3455 => 1985,  3452 => 1984,  3449 => 1982,  3443 => 1978,  3431 => 1975,  3426 => 1974,  3422 => 1973,  3416 => 1972,  3413 => 1971,  3406 => 1970,  3404 => 1969,  3398 => 1965,  3396 => 1964,  3393 => 1963,  3387 => 1959,  3375 => 1956,  3370 => 1955,  3366 => 1954,  3360 => 1953,  3357 => 1952,  3350 => 1951,  3348 => 1950,  3342 => 1946,  3340 => 1945,  3337 => 1944,  3331 => 1940,  3319 => 1937,  3314 => 1936,  3310 => 1935,  3304 => 1934,  3301 => 1933,  3294 => 1932,  3292 => 1931,  3286 => 1927,  3283 => 1926,  3280 => 1924,  3278 => 1923,  3274 => 1921,  3267 => 1916,  3252 => 1914,  3248 => 1913,  3242 => 1909,  3239 => 1907,  3233 => 1903,  3227 => 1902,  3219 => 1899,  3214 => 1898,  3210 => 1897,  3204 => 1896,  3201 => 1895,  3198 => 1894,  3195 => 1893,  3190 => 1892,  3188 => 1891,  3182 => 1887,  3179 => 1886,  3176 => 1884,  3170 => 1880,  3164 => 1879,  3156 => 1876,  3151 => 1875,  3147 => 1874,  3141 => 1873,  3138 => 1872,  3135 => 1871,  3132 => 1870,  3127 => 1869,  3125 => 1868,  3119 => 1864,  3116 => 1863,  3107 => 1856,  3097 => 1849,  3090 => 1844,  3087 => 1842,  3085 => 1841,  3081 => 1839,  3078 => 1838,  3076 => 1837,  3072 => 1835,  3067 => 1832,  3057 => 1829,  3051 => 1828,  3045 => 1827,  3041 => 1826,  3034 => 1825,  3027 => 1824,  3025 => 1823,  3016 => 1821,  3013 => 1820,  3011 => 1819,  3008 => 1818,  3003 => 1815,  2993 => 1812,  2987 => 1811,  2981 => 1810,  2977 => 1809,  2970 => 1808,  2963 => 1807,  2961 => 1806,  2952 => 1804,  2949 => 1803,  2947 => 1802,  2944 => 1801,  2939 => 1798,  2929 => 1795,  2923 => 1794,  2917 => 1793,  2913 => 1792,  2906 => 1791,  2899 => 1790,  2897 => 1789,  2888 => 1787,  2885 => 1786,  2883 => 1785,  2880 => 1784,  2875 => 1781,  2865 => 1778,  2859 => 1777,  2853 => 1776,  2849 => 1775,  2842 => 1774,  2835 => 1773,  2833 => 1772,  2824 => 1770,  2821 => 1769,  2819 => 1768,  2816 => 1767,  2811 => 1764,  2801 => 1761,  2795 => 1760,  2789 => 1759,  2785 => 1758,  2778 => 1757,  2771 => 1756,  2769 => 1755,  2760 => 1753,  2757 => 1752,  2755 => 1751,  2749 => 1747,  2745 => 1745,  2741 => 1743,  2732 => 1740,  2726 => 1739,  2722 => 1738,  2718 => 1737,  2711 => 1736,  2707 => 1735,  2704 => 1734,  2702 => 1733,  2698 => 1731,  2689 => 1728,  2685 => 1727,  2681 => 1726,  2674 => 1724,  2670 => 1723,  2666 => 1722,  2659 => 1721,  2655 => 1720,  2652 => 1719,  2650 => 1718,  2648 => 1717,  2639 => 1716,  2636 => 1715,  2633 => 1714,  2630 => 1712,  2626 => 1710,  2622 => 1708,  2613 => 1705,  2607 => 1704,  2603 => 1703,  2599 => 1702,  2592 => 1701,  2588 => 1700,  2585 => 1699,  2581 => 1697,  2572 => 1694,  2566 => 1691,  2562 => 1690,  2555 => 1688,  2551 => 1687,  2547 => 1686,  2540 => 1685,  2536 => 1684,  2533 => 1683,  2531 => 1682,  2522 => 1681,  2519 => 1680,  2516 => 1679,  2513 => 1677,  2509 => 1675,  2505 => 1673,  2496 => 1670,  2490 => 1669,  2486 => 1668,  2482 => 1667,  2475 => 1666,  2471 => 1665,  2468 => 1664,  2464 => 1662,  2455 => 1659,  2449 => 1656,  2445 => 1655,  2438 => 1653,  2434 => 1652,  2430 => 1651,  2423 => 1650,  2419 => 1649,  2416 => 1648,  2414 => 1647,  2405 => 1646,  2402 => 1645,  2399 => 1644,  2396 => 1642,  2392 => 1640,  2388 => 1638,  2379 => 1635,  2373 => 1634,  2369 => 1633,  2365 => 1632,  2358 => 1631,  2354 => 1630,  2351 => 1629,  2349 => 1628,  2345 => 1626,  2336 => 1623,  2330 => 1620,  2326 => 1619,  2319 => 1617,  2315 => 1616,  2311 => 1615,  2304 => 1614,  2300 => 1613,  2297 => 1612,  2295 => 1611,  2293 => 1610,  2284 => 1609,  2281 => 1608,  2278 => 1607,  2275 => 1605,  2271 => 1603,  2268 => 1602,  2266 => 1601,  2265 => 1600,  2264 => 1599,  2262 => 1598,  2259 => 1597,  2256 => 1596,  2253 => 1595,  2250 => 1594,  2247 => 1593,  2244 => 1592,  2241 => 1591,  2238 => 1590,  2236 => 1589,  2234 => 1588,  2222 => 1579,  2215 => 1574,  2203 => 1571,  2200 => 1570,  2197 => 1569,  2194 => 1567,  2183 => 1565,  2179 => 1564,  2176 => 1563,  2173 => 1561,  2167 => 1558,  2163 => 1557,  2160 => 1556,  2157 => 1555,  2151 => 1552,  2145 => 1551,  2142 => 1550,  2136 => 1547,  2132 => 1546,  2129 => 1545,  2127 => 1544,  2125 => 1543,  2121 => 1541,  2119 => 1540,  2115 => 1538,  2107 => 1535,  2092 => 1533,  2083 => 1532,  2066 => 1531,  2062 => 1529,  2058 => 1528,  2055 => 1527,  2052 => 1526,  2039 => 1515,  2025 => 1503,  2019 => 1498,  2000 => 1496,  1983 => 1495,  1979 => 1493,  1968 => 1491,  1946 => 1489,  1928 => 1488,  1925 => 1487,  1921 => 1485,  1913 => 1481,  1905 => 1477,  1903 => 1476,  1900 => 1475,  1898 => 1474,  1888 => 1467,  1876 => 1460,  1871 => 1458,  1867 => 1456,  1861 => 1451,  1851 => 1450,  1835 => 1443,  1831 => 1442,  1827 => 1441,  1823 => 1440,  1819 => 1438,  1813 => 1436,  1811 => 1435,  1806 => 1434,  1803 => 1433,  1793 => 1431,  1779 => 1429,  1771 => 1428,  1753 => 1427,  1748 => 1425,  1647 => 1331,  1639 => 1330,  1586 => 1280,  1475 => 1172,  1470 => 1169,  1467 => 1168,  1454 => 1167,  1451 => 1166,  1449 => 1165,  1446 => 1164,  1443 => 1163,  1430 => 1162,  1427 => 1161,  1425 => 1160,  1422 => 1159,  1419 => 1158,  1406 => 1157,  1403 => 1156,  1401 => 1155,  1398 => 1154,  1395 => 1153,  1382 => 1152,  1379 => 1151,  1377 => 1150,  1374 => 1149,  1371 => 1148,  1358 => 1147,  1355 => 1146,  1353 => 1145,  1324 => 1119,  1312 => 1110,  1148 => 949,  1138 => 944,  1132 => 943,  1126 => 942,  1120 => 941,  1114 => 940,  1108 => 939,  1102 => 938,  1096 => 937,  1090 => 936,  1084 => 935,  1078 => 934,  1072 => 933,  1066 => 932,  1060 => 931,  1054 => 930,  1048 => 929,  1028 => 912,  1018 => 905,  988 => 878,  976 => 868,  967 => 862,  963 => 860,  961 => 859,  958 => 858,  949 => 852,  945 => 850,  943 => 849,  871 => 779,  863 => 777,  861 => 776,  856 => 774,  853 => 773,  851 => 772,  837 => 761,  833 => 759,  823 => 758,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  4412.     }
  4414.     public function getSourceContext()
  4415.     {
  4416.         return new Source("{#
  4417. This file is part of EC-CUBE
  4419. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4421. http://www.ec-cube.co.jp/
  4423. For the full copyright and license information, please view the LICENSE
  4424. file that was distributed with this source code.
  4425. #}
  4426. {% extends 'default_frame.twig' %}
  4428. {% set body_class = 'product_page' %}
  4430. {% block stylesheet %}
  4431.     <style>
  4433.         .slick-slider {
  4434.             margin-bottom: 10px;
  4435. \t\t\tmargin-top: -20px;
  4436.         }
  4438.         .slick-dots {
  4439.             position: absolute;
  4440.             bottom: -45px;
  4441.             display: block;
  4442.             width: 100%;
  4443.             padding: 0;
  4444.             list-style: none;
  4445.             text-align: center;
  4446.         }
  4448.         .slick-dots li {
  4449.             position: relative;
  4450.             display: inline-block;
  4451.             width: 20px;
  4452.             height: 20px;
  4453.             margin: 0 5px;
  4454.             padding: 0;
  4456.             cursor: pointer;
  4457.         }
  4459.         .slick-dots li button {
  4460.             font-size: 0;
  4461.             line-height: 0;
  4462.             display: block;
  4463.             width: 20px;
  4464.             height: 20px;
  4465.             padding: 5px;
  4466.             cursor: pointer;
  4467.             color: transparent;
  4468.             border: 0;
  4469.             outline: none;
  4470.             background: transparent;
  4471.         }
  4473.         .slick-dots li button:hover,
  4474.         .slick-dots li button:focus {
  4475.             outline: none;
  4476.         }
  4478.         .slick-dots li button:hover:before,
  4479.         .slick-dots li button:focus:before {
  4480.             opacity: 1;
  4481.         }
  4483.         .slick-dots li button:before {
  4484.             content: \" \";
  4485.             line-height: 20px;
  4486.             position: absolute;
  4487.             top: 0;
  4488.             left: 0;
  4489.             width: 12px;
  4490.             height: 12px;
  4491.             text-align: center;
  4492.             opacity: .25;
  4493.             background-color: black;
  4494.             border-radius: 50%;
  4496.         }
  4498.         .slick-dots li.slick-active button:before {
  4499.             opacity: .75;
  4500.             background-color: black;
  4501.         }
  4503.         .slick-dots li button.thumbnail img {
  4504.             width: 0;
  4505.             height: 0;
  4506.         }
  4508.     </style>
  4509.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  4510.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  4511.     <style>
  4512.         /* ============================================
  4513.            商品詳細グリッド: 画像50% / 内容50%（均等）
  4514.         ============================================ */
  4515.         @media (min-width: 768px) {
  4516.             body.product_page .ec-grid2 {
  4517.                 display: flex;
  4518.                 align-items: flex-start;
  4519.             }
  4520.             body.product_page .ec-grid2 .ec-grid2__cell {
  4521.                 width: 50%;
  4522.                 flex: 0 0 50%;
  4523.                 min-width: 0;
  4524.             }
  4525.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  4526.                 width: 50%;
  4527.                 flex: 0 0 50%;
  4528.                 min-width: 0;
  4529.             }
  4530.         }
  4532.         /* ============================================
  4533.            商品説明欄内のHTMLが画面幅を突き抜けないように
  4534.         ============================================ */
  4535.         body.product_page .ec-productRole__description {
  4536.             min-width: 0;
  4537.             overflow-wrap: break-word;
  4538.             word-break: break-word;
  4539.         }
  4540.         body.product_page .ec-productRole__description img,
  4541.         body.product_page .ec-productRole__description table,
  4542.         body.product_page .ec-productRole__description iframe,
  4543.         body.product_page .ec-productRole__description video {
  4544.             max-width: 100% !important;
  4545.             height: auto;
  4546.         }
  4547.         body.product_page .ec-productRole__description table {
  4548.             display: block;
  4549.             overflow-x: auto;
  4550.             -webkit-overflow-scrolling: touch;
  4551.         }
  4553.         /* ============================================
  4554.            スマホ用 見積金額 下部固定バー
  4555.         ============================================ */
  4556.         #sp-mitsumori-bar {
  4557.             display: none;
  4558.         }
  4559.         
  4560.         /* ============================================
  4561.            商品タイプ選択 共通スタイル
  4562.         ============================================ */
  4564.         /* セクションラベル */
  4565.         .rp-section-label {
  4566.             font-size: 14px;
  4567.             font-weight: bold;
  4568.             color: #333;
  4569.             margin-bottom: 10px;
  4570.         }
  4571.         .rp-section-label span {
  4572.             font-weight: normal;
  4573.             color: #c00;
  4574.         }
  4576.         /* ---- 1. 画像付きカード ---- */
  4577.         .rp-card-group {
  4578.             display: flex;
  4579.             flex-wrap: wrap;
  4580.             gap: 8px;
  4581.             margin-bottom: 4px;
  4582.         }
  4583.         .rp-card {
  4584.             position: relative;
  4585.             cursor: pointer;
  4586.             width: 110px;
  4587.             border: 2px solid #ddd;
  4588.             border-radius: 10px;
  4589.             overflow: hidden;
  4590.             transition: border-color 0.2s, box-shadow 0.2s;
  4591.             background: #fff;
  4592.         }
  4593.         .rp-card:hover {
  4594.             border-color: #999;
  4595.             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  4596.         }
  4597.         .rp-card.is-selected {
  4598.             border-color: #1a6fcf;
  4599.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  4600.         }
  4601.         .rp-card input[type=\"radio\"] { display: none; }
  4602.         .rp-card__image {
  4603.             width: 100%;
  4604.             aspect-ratio: 1 / 1;
  4605.             object-fit: cover;
  4606.             display: block;
  4607.             background: #f5f5f5;
  4608.         }
  4609.         .rp-card__placeholder {
  4610.             width: 100%;
  4611.             aspect-ratio: 1 / 1;
  4612.             background: #f0f0f0;
  4613.             display: flex;
  4614.             align-items: center;
  4615.             justify-content: center;
  4616.             color: #bbb;
  4617.             font-size: 24px;
  4618.         }
  4619.         .rp-card__name {
  4620.             display: block;
  4621.             padding: 5px 5px;
  4622.             font-size: 11px;
  4623.             color: #333;
  4624.             text-align: center;
  4625.             line-height: 1.4;
  4626.             word-break: break-all;
  4627.         }
  4628.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  4629.         .rp-card.is-selected::after {
  4630.             content: \"✓\";
  4631.             position: absolute;
  4632.             top: 3px; right: 6px;
  4633.             color: #1a6fcf;
  4634.             font-size: 13px;
  4635.             font-weight: bold;
  4636.         }
  4638.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  4639.         .rp-btn-group {
  4640.             display: flex;
  4641.             flex-wrap: wrap;
  4642.             gap: 8px;
  4643.             margin-bottom: 4px;
  4644.             max-width: 100%;
  4645.             min-width: 0;
  4646.         }
  4647.         .rp-btn {
  4648.             cursor: pointer;
  4649.             padding: 8px 14px;
  4650.             border: 2px solid #ddd;
  4651.             border-radius: 10px;
  4652.             font-size: 13px;
  4653.             color: #333;
  4654.             background: #fff;
  4655.             transition: border-color 0.2s, background 0.2s;
  4656.             white-space: nowrap;
  4657.             max-width: 100%;
  4658.             overflow: hidden;
  4659.             text-overflow: ellipsis;
  4660.         }
  4661.         .rp-btn:hover { border-color: #999; }
  4662.         .rp-btn.is-selected {
  4663.             border-color: #1a6fcf;
  4664.             color: #1a6fcf;
  4665.             font-weight: bold;
  4666.             background: #f0f6ff;
  4667.         }
  4668.         .rp-btn input[type=\"radio\"] { display: none; }
  4670.         /* ---- ボタン群が3行以上になる場合は1行横スクロール ---- */
  4671.         .rp-btn-group.is-scroll,
  4672.         .opt-btn-group.is-scroll {
  4673.             flex-wrap: nowrap;
  4674.             overflow-x: auto;
  4675.             overflow-y: hidden;
  4676.             -webkit-overflow-scrolling: touch;
  4677.             scrollbar-width: thin;
  4678.             padding-bottom: 6px;
  4679.         }
  4680.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  4681.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  4682.             height: 6px;
  4683.         }
  4684.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  4685.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  4686.             background: #c0c0c0;
  4687.             border-radius: 3px;
  4688.         }
  4689.         .rp-btn-group.is-scroll > .rp-btn,
  4690.         .opt-btn-group.is-scroll > .opt-btn {
  4691.             flex: 0 0 auto;
  4692.         }
  4694.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  4695.         .rp-select-wrap {
  4696.             margin-bottom: 4px;
  4697.         }
  4698.         .rp-select {
  4699.             width: 100%;
  4700.             max-width: 420px;
  4701.             padding: 8px 12px;
  4702.             border: 2px solid #ddd;
  4703.             border-radius: 10px;
  4704.             font-size: 13px;
  4705.             color: #333;
  4706.             background: #fff;
  4707.             appearance: none;
  4708.             background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\");
  4709.             background-repeat: no-repeat;
  4710.             background-position: right 12px center;
  4711.             cursor: pointer;
  4712.         }
  4713.         .rp-select:focus {
  4714.             outline: none;
  4715.             border-color: #1a6fcf;
  4716.         }
  4718.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  4719.         .opt-btn-group {
  4720.             display: flex;
  4721.             flex-wrap: wrap;
  4722.             gap: 8px;
  4723.             padding: 6px 0;
  4724.             max-width: 100%;
  4725.             min-width: 0;
  4726.         }
  4727.         .opt-btn {
  4728.             cursor: pointer;
  4729.             padding: 7px 14px;
  4730.             border: 2px solid #ddd;
  4731.             border-radius: 10px;
  4732.             font-size: 13px;
  4733.             color: #333;
  4734.             background: #fff;
  4735.             transition: border-color 0.2s, background 0.2s;
  4736.             white-space: nowrap;
  4737.             max-width: 100%;
  4738.             overflow: hidden;
  4739.             text-overflow: ellipsis;
  4740.         }
  4741.         .opt-btn:hover { border-color: #999; }
  4742.         .opt-btn.is-selected {
  4743.             border-color: #1a6fcf;
  4744.             color: #1a6fcf;
  4745.             font-weight: bold;
  4746.             background: #f0f6ff;
  4747.         }
  4748.         .opt-btn input[type=\"radio\"] { display: none; }
  4750.         /* ============================================
  4751.            施工エリア案内
  4752.         ============================================ */
  4753.         .ec-areaNotice {
  4754.             margin: 16px 0;
  4755.             padding: 16px 20px;
  4756.             background: #f8f9fa;
  4757.             border-left: 4px solid #1a6fcf;
  4758.             border-radius: 0 8px 8px 0;
  4759.         }
  4760.         .ec-areaNotice__inner {
  4761.             display: flex;
  4762.             align-items: flex-start;
  4763.             gap: 12px;
  4764.         }
  4765.         .ec-areaNotice__icon {
  4766.             font-size: 22px;
  4767.             line-height: 1;
  4768.             flex-shrink: 0;
  4769.             margin-top: 2px;
  4770.         }
  4771.         .ec-areaNotice__body {
  4772.             flex: 1;
  4773.         }
  4774.         .ec-areaNotice__title {
  4775.             font-size: 13px;
  4776.             font-weight: bold;
  4777.             color: #1a6fcf;
  4778.             margin: 0 0 6px;
  4779.         }
  4780.         .ec-areaNotice__text {
  4781.             font-size: 13px;
  4782.             color: #444;
  4783.             line-height: 1.7;
  4784.             margin: 0;
  4785.         }
  4786.         .ec-areaNotice__text strong {
  4787.             color: #222;
  4788.         }
  4789.         .ec-areaNotice__link {
  4790.             display: inline-block;
  4791.             margin-top: 8px;
  4792.             font-size: 12px;
  4793.             color: #1a6fcf;
  4794.             text-decoration: underline;
  4795.         }
  4796.         .ec-areaNotice__link:hover {
  4797.             color: #0d4fa0;
  4798.         }
  4800.         /* ============================================
  4801.            SNSシェア + ブランド名 タイトル行
  4802.         ============================================ */
  4803.         .ec-productRole__titleRow {
  4804.             display: flex;
  4805.             align-items: center;
  4806.             justify-content: space-between;
  4807.             gap: 8px;
  4808.             margin-bottom: 4px;
  4809.         }
  4810.         .ec-productRole__titleRow .ec-headingTitle {
  4811.             margin: 0;
  4812.             flex: 1;
  4813.             font-size: 18px;
  4814.         }
  4815.         .ec-share-inline {
  4816.             display: flex;
  4817.             align-items: center;
  4818.             gap: 8px;
  4819.             flex-shrink: 0;
  4820.         }
  4821.         @media (max-width: 767px) {
  4822.             /* maker_area の float を解除して独立表示 */
  4823.             #maker_area {
  4824.                 float: none !important;
  4825.                 width: auto !important;
  4826.                 height: auto !important;
  4827.                 display: block;
  4828.                 margin-bottom: 4px;
  4829.             }
  4830.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  4831.             .ec-productRole__titleRow {
  4832.                 flex-wrap: wrap;
  4833.                 clear: both;
  4834.             }
  4835.             .ec-productRole__titleRow .ec-headingTitle {
  4836.                 flex: 1 1 100%;
  4837.                 font-size: 16px;
  4838.             }
  4839.             .ec-share-inline {
  4840.                 flex: 0 0 auto;
  4841.                 margin-left: auto;
  4842.             }
  4843.         }
  4844.         .ec-share-inline a {
  4845.             display: flex;
  4846.             align-items: center;
  4847.             justify-content: center;
  4848.             width: 32px;
  4849.             height: 32px;
  4850.             border-radius: 50%;
  4851.             font-size: 15px;
  4852.             color: #fff;
  4853.             text-decoration: none;
  4854.             transition: opacity 0.2s;
  4855.         }
  4856.         .ec-share-inline a:hover { opacity: 0.8; }
  4857.         .ec-share-inline .share-twitter  { background: #000; }
  4858.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  4859.         .ec-share-inline .share-line     { background: #06c755; }
  4861.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  4862.         .ec-productRole__share { display: none; }
  4864.         /* ============================================
  4865.            PC用: 現在のお見積り額カード強調
  4866.         ============================================ */
  4867.         @media (min-width: 768px) {
  4868.             .mitsumori-card-pc {
  4869.                 border: 2px solid #1a6fcf !important;
  4870.                 border-radius: 10px !important;
  4871.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  4872.                 margin-top: 20px;
  4873.                 overflow: hidden;
  4874.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  4875.             }
  4876.             .mitsumori-card-pc .card-header {
  4877.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  4878.                 color: #fff !important;
  4879.                 padding: 14px 16px !important;
  4880.                 border-bottom: none !important;
  4881.             }
  4882.             .mitsumori-card-pc .card-title {
  4883.                 color: #fff !important;
  4884.                 font-size: 15px !important;
  4885.                 font-weight: bold !important;
  4886.                 margin: 0 !important;
  4887.             }
  4888.             .mitsumori-card-pc #mitsumori_message {
  4889.                 font-size: 22px !important;
  4890.                 font-weight: bold !important;
  4891.                 color: #fff !important;
  4892.             }
  4893.             .mitsumori-card-pc .btn-tool {
  4894.                 color: #fff !important;
  4895.             }
  4896.             /* 合計行を大きく強調 */
  4897.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  4898.                 font-size: 16px !important;
  4899.                 font-weight: bold !important;
  4900.                 color: #c00 !important;
  4901.                 background: #fff8f8 !important;
  4902.                 padding: 12px 16px !important;
  4903.             }
  4904.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  4905.                 font-size: 20px !important;
  4906.                 font-weight: bold !important;
  4907.                 color: #c00 !important;
  4908.             }
  4909.             /* card-body（明細リスト）を白背景に */
  4910.             .mitsumori-card-pc .card-body {
  4911.                 background: #fff !important;
  4912.             }
  4913.             .mitsumori-card-pc .card-footer {
  4914.                 background: #f8faff !important;
  4915.                 border-top: 1px solid #dce8fb !important;
  4916.                 padding: 12px 16px !important;
  4917.             }
  4918.         }
  4920.         @media (max-width: 767px) {
  4921.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  4922.             .mitsumori-card-pc {
  4923.                 border: none !important;
  4924.                 border-radius: 0 !important;
  4925.                 box-shadow: none !important;
  4926.                 margin-top: 0 !important;
  4927.                 overflow: visible !important;
  4928.                 background: none !important;
  4929.             }
  4930.             .mitsumori-card-pc .card-header {
  4931.                 background: none !important;
  4932.                 color: inherit !important;
  4933.                 padding: inherit !important;
  4934.                 border-bottom: inherit !important;
  4935.             }
  4936.             .mitsumori-card-pc .card-title { color: inherit !important; }
  4937.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  4938.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  4939.             /* 折りたたみトグルボタン */
  4940.             .btn-mitsumori-toggle {
  4941.                 background: none !important;
  4942.                 border: 1px solid #aaa !important;
  4943.                 border-radius: 4px !important;
  4944.                 padding: 2px 8px !important;
  4945.                 font-size: 12px !important;
  4946.                 color: #333 !important;
  4947.                 line-height: 1.4 !important;
  4948.             }
  4949.             .btn-mitsumori-toggle .toggle-icon {
  4950.                 display: inline-block;
  4951.                 transition: transform 0.2s;
  4952.             }
  4953.             /* 展開状態: ▼→▲ */
  4954.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  4955.                 content: \"▲ 閉じる\";
  4956.             }
  4957.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  4958.                 display: none;
  4959.             }
  4960.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  4961.                 content: \"▲ 閉じる\";
  4962.                 font-size: 12px;
  4963.             }
  4964.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  4965.                 font-size: inherit !important;
  4966.                 color: inherit !important;
  4967.                 background: none !important;
  4968.                 padding: inherit !important;
  4969.             }
  4970.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  4971.                 font-size: inherit !important;
  4972.                 color: inherit !important;
  4973.             }
  4974.             .mitsumori-card-pc .card-footer {
  4975.                 background: none !important;
  4976.                 border-top: inherit !important;
  4977.                 padding: inherit !important;
  4978.             }
  4979.             /* 横スクロール禁止 */
  4980.             body, html {
  4981.                 overflow-x: hidden;
  4982.                 max-width: 100vw;
  4983.             }
  4984.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  4985.             .opt-btn,
  4986.             .rp-btn {
  4987.                 white-space: normal;
  4988.                 word-break: break-all;
  4989.             }
  4990.             /* エリア案内: スマホでコンパクト */
  4991.             .ec-areaNotice {
  4992.                 margin: 8px 0;
  4993.                 padding: 8px 10px;
  4994.                 border-left-width: 3px;
  4995.                 cursor: pointer;
  4996.             }
  4997.             .ec-areaNotice__inner {
  4998.                 flex-direction: row;
  4999.                 gap: 8px;
  5000.                 align-items: flex-start;
  5001.             }
  5002.             .ec-areaNotice__icon { font-size: 15px; }
  5003.             /* タイトル行: 展開トグル */
  5004.             .ec-areaNotice__title {
  5005.                 font-size: 11px;
  5006.                 margin-bottom: 3px;
  5007.                 display: flex;
  5008.                 justify-content: space-between;
  5009.                 align-items: center;
  5010.             }
  5011.             .ec-areaNotice__title::after {
  5012.                 content: \"▼\";
  5013.                 font-size: 9px;
  5014.                 color: #888;
  5015.                 margin-left: 6px;
  5016.                 transition: transform 0.2s;
  5017.             }
  5018.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  5019.                 transform: rotate(180deg);
  5020.             }
  5021.             /* 折りたたみ対象: 閉じた状態では非表示 */
  5022.             .ec-areaNotice__detail {
  5023.                 display: none;
  5024.             }
  5025.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  5026.                 display: block;
  5027.             }
  5028.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  5029.             .ec-areaNotice__text br { display: none; }
  5030.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  5031.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  5032.             
  5033.             #sp-mitsumori-bar {
  5034.                 display: flex;
  5035.                 position: fixed;
  5036.                 bottom: 0;
  5037.                 left: 0;
  5038.                 right: 0;
  5039.                 z-index: 1000;
  5040.                 background: #fff;
  5041.                 border-top: 2px solid #e0e0e0;
  5042.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  5043.                 align-items: center;
  5044.                 padding: 8px 12px;
  5045.                 gap: 10px;
  5046.             }
  5047.             #sp-mitsumori-bar .sp-bar__label {
  5048.                 font-size: 11px;
  5049.                 color: #666;
  5050.                 white-space: nowrap;
  5051.             }
  5052.             #sp-mitsumori-bar .sp-bar__price {
  5053.                 font-size: 18px;
  5054.                 font-weight: bold;
  5055.                 color: #c00;
  5056.                 flex: 1;
  5057.             }
  5058.             #sp-mitsumori-bar .sp-bar__btn {
  5059.                 font-size: 12px;
  5060.                 padding: 8px 12px;
  5061.                 background: #333;
  5062.                 color: #fff;
  5063.                 border: none;
  5064.                 border-radius: 6px;
  5065.                 white-space: nowrap;
  5066.                 cursor: pointer;
  5067.                 position: relative;
  5068.                 display: inline-flex;
  5069.                 align-items: center;
  5070.                 gap: 6px;
  5071.             }
  5072.             #sp-mitsumori-bar .sp-bar__btn i {
  5073.                 font-size: 14px;
  5074.             }
  5075.             #sp-mitsumori-bar .sp-bar__cart-badge {
  5076.                 position: absolute;
  5077.                 top: -6px;
  5078.                 right: -6px;
  5079.                 background: #c00;
  5080.                 color: #fff;
  5081.                 border-radius: 50%;
  5082.                 min-width: 16px;
  5083.                 height: 16px;
  5084.                 font-size: 10px;
  5085.                 line-height: 16px;
  5086.                 padding: 0 4px;
  5087.                 font-weight: bold;
  5088.             }
  5089.             #sp-mitsumori-bar .sp-bar__home-btn {
  5090.                 display: inline-flex;
  5091.                 align-items: center;
  5092.                 justify-content: center;
  5093.                 width: 36px;
  5094.                 height: 36px;
  5095.                 border: 1px solid #ccc;
  5096.                 border-radius: 6px;
  5097.                 background: #fff;
  5098.                 color: #333;
  5099.                 text-decoration: none;
  5100.                 cursor: pointer;
  5101.             }
  5102.             #sp-mitsumori-bar .sp-bar__home-btn i {
  5103.                 font-size: 16px;
  5104.             }
  5105.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  5106.                 background: #f0f0f0;
  5107.             }
  5108.             /* 下部バーの高さ分ページ下部にpaddingを追加 */
  5109.             body {
  5110.                 padding-bottom: 64px;
  5111.             }
  5112.         }
  5114.         /* ============================================
  5115.            カート追加モーダル: 縦並び中央配置
  5116.         ============================================ */
  5117.         .add-cart-modal__wrap {
  5118.             text-align: center;
  5119.         }
  5120.         .add-cart-modal__header {
  5121.             font-size: 16px;
  5122.             margin: 20px 0 24px;
  5123.             text-align: center;
  5124.         }
  5125.         .add-cart-modal__actions {
  5126.             display: flex;
  5127.             flex-direction: column;
  5128.             align-items: center;
  5129.             gap: 16px;
  5130.             padding: 0 20px 20px;
  5131.         }
  5132.         .add-cart-modal__primary {
  5133.             display: inline-block;
  5134.             width: 80%;
  5135.             max-width: 320px;
  5136.             padding: 14px 20px;
  5137.             font-size: 15px;
  5138.             font-weight: bold;
  5139.             text-align: center;
  5140.             background: #d9534f;
  5141.             color: #fff !important;
  5142.             border-radius: 6px;
  5143.             text-decoration: none;
  5144.             cursor: pointer;
  5145.         }
  5146.         .add-cart-modal__primary:hover {
  5147.             background: #c9302c;
  5148.             color: #fff !important;
  5149.             text-decoration: none;
  5150.         }
  5151.         .add-cart-modal__secondary {
  5152.             display: inline-block;
  5153.             padding: 6px 14px;
  5154.             font-size: 12px;
  5155.             color: #666;
  5156.             border: 1px solid #ccc;
  5157.             border-radius: 4px;
  5158.             background: #fff;
  5159.             cursor: pointer;
  5160.         }
  5161.         .add-cart-modal__secondary:hover {
  5162.             background: #f0f0f0;
  5163.             color: #333;
  5164.         }
  5165.         @media (max-width: 767px) {
  5166.             .add-cart-modal__actions {
  5167.                 gap: 20px;
  5168.             }
  5169.         }
  5170.     </style>
  5171. {% endblock %}
  5173. {% block javascript %}
  5175.     <script>
  5176.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  5178.         // 規格2に選択肢を割り当てる。
  5179.         function fnSetClassCategories(form, classcat_id2_selected) {
  5180.             var \$form = \$(form);
  5181.             var product_id = \$form.find('input[name=product_id]').val();
  5182.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  5183.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  5184.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  5185.         }
  5187.         {% if form.classcategory_id2 is defined %}
  5188.         fnSetClassCategories(
  5189.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  5190.         );
  5191.         {% elseif form.classcategory_id1 is defined %}
  5192.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  5193.         {% endif %}
  5194.     </script>
  5195.     <script>
  5196.         \$(function() {
  5197.             // bfcache無効化
  5198.             \$(window).bind('pageshow', function(event) {
  5199.                 if (event.originalEvent.persisted) {
  5200.                     location.reload(true);
  5201.                 }
  5202.             });
  5204.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  5205.             // img タグに width, height が付与されている.
  5206.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  5207.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  5208.             \$('.ec-grid2__cell').hide();
  5209.             var removeSize = function () {
  5210.                 \$('.slide-item').height('');
  5211.                 \$('.slide-item img')
  5212.                     .removeAttr('width')
  5213.                     .removeAttr('height')
  5214.                     .removeAttr('style');
  5216.             };
  5217.             var slickInitial = function(slick) {
  5218.                 \$('.ec-grid2__cell').fadeIn(1500);
  5219.                 var baseHeight = \$(slick.target).height();
  5220.                 var baseWidth = \$(slick.target).width();
  5221.                 var rate = baseWidth / baseHeight;
  5222. \t\t\t\tif(baseHeight * rate < 400){
  5223. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  5224. \t\t\t\t}else{
  5225. \t                \$('.slide-item').height(400); // 余白を削除する
  5226. \t\t\t\t}
  5227.                 // transform を使用することでCLSの影響を受けないようにする
  5228.                 \$('.slide-item img')
  5229.                     .css(
  5230.                         {
  5231.                             'transform-origin': 'top left',
  5232.                             'transform': 'scaleY(' + rate + ')',
  5233.                             'transition': 'transform .1s'
  5234.                         }
  5235.                     );
  5236.                 // 正しいサイズに近くなったら属性を解除する
  5237.                 setTimeout(removeSize, 500);
  5238.             };
  5239.             \$('.item_visual').on('init', slickInitial);
  5240.             // リサイズ時は CLS の影響を受けないため属性を解除する
  5241.             \$(window).resize(removeSize);
  5242.             \$('.item_visual').slick({
  5243.                 dots: false,
  5244.                 arrows: true,
  5245.                 responsive: [{
  5246.                     breakpoint: 768,
  5247.                     settings: {
  5248.                         dots: true,
  5249.                 \t\tarrows: false
  5250.                     }
  5251.                 }]
  5252.             });
  5254.             \$('.slideThumb').on('click', function() {
  5255.                 var index = \$(this).attr('data-index');
  5256.                 \$('.item_visual').slick('slickGoTo', index, false);
  5257.             })
  5258.         });
  5260.     </script>
  5261.     <script>
  5262.         \$(function() {
  5263.             \$('.add-cart').on('click', function(event) {
  5264.                 {% if form.classcategory_id1 is defined %}
  5265.                 // 規格1フォームの必須チェック
  5266.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  5267.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  5268.                     return true;
  5269.                 } else {
  5270.                     \$('#classcategory_id1')[0].setCustomValidity('');
  5271.                 }
  5272.                 {% endif %}
  5274.                 {% if form.classcategory_id2 is defined %}
  5275.                 // 規格2フォームの必須チェック
  5276.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  5277.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  5278.                     return true;
  5279.                 } else {
  5280.                     \$('#classcategory_id2')[0].setCustomValidity('');
  5281.                 }
  5282.                 {% endif %}
  5284.                 // タイプ2: カート送信直前に set_count を quantity に同期
  5285.                 if(\$('#set_count').length){
  5286.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  5287.                     \$('#quantity').val(_sc);
  5288.                     \$('input[name=\"quantity\"]').val(_sc);
  5289.                 }
  5291.                 // 個数フォームのチェック
  5292.                 if (\$('#quantity').val() < 1) {
  5293.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  5294.                     return true;
  5295.                 } else {
  5296.                     \$('#quantity')[0].setCustomValidity('');
  5297.                 }
  5299.                 event.preventDefault();
  5300.                 \$form = \$('#form1');
  5301.                 \$.ajax({
  5302.                     url: \$form.attr('action'),
  5303.                     type: \$form.attr('method'),
  5304.                     data: \$form.serialize(),
  5305.                     dataType: 'json',
  5306.                     beforeSend: function(xhr, settings) {
  5307.                         // Buttonを無効にする
  5308.                         \$('.add-cart').prop('disabled', true);
  5309.                     }
  5310.                 }).done(function(data) {
  5311.                     // レスポンス内のメッセージをalertで表示
  5312.                     \$.each(data.messages, function() {
  5313.                         \$('#ec-modal-header').text(this);
  5314.                     });
  5316.                     \$('.ec-modal').show()
  5318.                     // カートブロックを更新する
  5319.                     \$.ajax({
  5320.                         url: \"{{ url('block_cart') }}\",
  5321.                         type: 'GET',
  5322.                         dataType: 'html'
  5323.                     }).done(function(html) {
  5324.                         \$('.ec-headerRole__cart').html(html);
  5325.                     });
  5326.                 }).fail(function(data) {
  5327.                     alert('{{ '施工検討リストへの追加に失敗しました。'|trans }}');
  5328.                 }).always(function(data) {
  5329.                     // Buttonを有効にする
  5330.                     \$('.add-cart').prop('disabled', false);
  5331.                 });
  5332.             });
  5333.         });
  5335.         \$('.ec-modal-wrap').on('click', function(e) {
  5336.             // モーダル内の処理は外側にバブリングさせない
  5337.             e.stopPropagation();
  5338.         });
  5339.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  5340.             \$('.ec-modal').hide()
  5341.         });
  5344. \t\tvar pw = \"{% if mitsumori_json %}{{ mitsumori_json.pw }}{% endif %}\";
  5345. \t\tvar pd = \"{% if mitsumori_json %}{{ mitsumori_json.pd }}{% endif %}\";
  5346. \t\tvar ph = \"{% if mitsumori_json %}{{ mitsumori_json.ph }}{% endif %}\";
  5347. \t\tvar pm = \"{% if mitsumori_json %}{{ mitsumori_json.pm }}{% endif %}\";
  5348. \t\tvar pc = \"{% if mitsumori_json %}{{ mitsumori_json.pc }}{% endif %}\";
  5349. \t\tvar op0 = \"{% if mitsumori_json %}{{ mitsumori_json.op[0] }}{% endif %}\";
  5350. \t\tvar op1 = \"{% if mitsumori_json %}{{ mitsumori_json.op[1] }}{% endif %}\";
  5351. \t\tvar op2 = \"{% if mitsumori_json %}{{ mitsumori_json.op[2] }}{% endif %}\";
  5352. \t\tvar op3 = \"{% if mitsumori_json %}{{ mitsumori_json.op[3] }}{% endif %}\";
  5353. \t\tvar op4 = \"{% if mitsumori_json %}{{ mitsumori_json.op[4] }}{% endif %}\";
  5354. \t\tvar op5 = \"{% if mitsumori_json %}{{ mitsumori_json.op[5] }}{% endif %}\";
  5355. \t\tvar op6 = \"{% if mitsumori_json %}{{ mitsumori_json.op[6] }}{% endif %}\";
  5356. \t\tvar op7 = \"{% if mitsumori_json %}{{ mitsumori_json.op[7] }}{% endif %}\";
  5357. \t\tvar op8 = \"{% if mitsumori_json %}{{ mitsumori_json.op[8] }}{% endif %}\";
  5358. \t\tvar op9 = \"{% if mitsumori_json %}{{ mitsumori_json.op[9] }}{% endif %}\";
  5359. \t\tvar op10 = \"{% if mitsumori_json %}{{ mitsumori_json.op[10] }}{% endif %}\";
  5361. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  5363. \t\tfunction mitsumori_simulation(type , value_id){
  5364. \t\t\tvar pp = {{ pp|raw }};
  5365. \t\t\tif(type == \"pw\"){
  5366. \t\t\t\tpw = \$('#'+value_id).val();
  5367. \t\t\t}
  5368. \t\t\tif(type == \"pd\"){
  5369. \t\t\t\tpd = \$('#'+value_id).val();
  5370. \t\t\t}
  5371. \t\t\tif(type == \"ph\"){
  5372. \t\t\t\tph = \$('#'+value_id).val();
  5373. \t\t\t}
  5374. \t\t\tif(type == \"pm\"){
  5375. \t\t\t\tpm = \$('#'+value_id).val();
  5376. \t\t\t}
  5377. \t\t\tif(type == \"pc\"){
  5378. \t\t\t\tpc = \$('#'+value_id).val();
  5379. \t\t\t}
  5380. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  5381. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  5382. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  5383. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  5384. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  5385. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  5386. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  5387. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  5388. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  5389. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  5390. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  5392. \t\t\t// op系: ボタンの is-selected を選択中のものに付け替え + radio チェック
  5393. \t\t\tif(/^op\\d+\$/.test(type)) {
  5394. \t\t\t\tvar \$clicked = \$('#' + value_id);
  5395. \t\t\t\t\$clicked.prop('checked', true);
  5396. \t\t\t\tvar groupName = \$clicked.attr('name');
  5397. \t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  5398. \t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  5399. \t\t\t\t// ラベルの選択値テキスト更新
  5400. \t\t\t\tvar \$group = \$clicked.closest('.form-group');
  5401. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  5402. \t\t\t\tif (\$label.length) {
  5403. \t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  5404. \t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  5405. \t\t\t\t}
  5406. \t\t\t}
  5408. \t\t\tif(pm == \"\"){
  5409. \t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  5410. \t\t\t}
  5411. \t\t\tif(ph == \"\"){
  5412. \t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  5413. \t\t\t}
  5414. \t\t\tif(pd == \"\"){
  5415. \t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  5416. \t\t\t}
  5417. \t\t\tif(pw == \"\"){
  5418. \t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  5419. \t\t\t}
  5420. \t\t\tif(pc == \"\"){
  5421. \t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  5422. \t\t\t\t\$('#mitsumori_btn').hide();
  5423. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  5424. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  5425. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  5426. \t\t\t\t\$('#maker_price').text(\"---円\");
  5427. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  5428. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  5429. \t\t\t}
  5430. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && pm != \"\" && pc != \"\"){
  5431. \t\t\t\t\$('#mitsumori_btn').show();
  5433. \t\t\t\tvar pp_matched = false;
  5434. \t\t\t\tpp.forEach((el) => {
  5435. \t\t\t\t  if((pw == el.w || pw == \"指定なし\") && (pd == el.d || pd == \"指定なし\") && (ph == el.h || ph == \"指定なし\") && (pm == el.m || pm == \"指定なし\") && (pc == el.c || pc == \"指定なし\")){
  5436. \t\t\t\t\tpp_matched = true;
  5438. \t\t\t\t\tif(op0 == \"商品購入のみ\" || op1 == \"商品購入のみ\" || op2 == \"商品購入のみ\" || op3 == \"商品購入のみ\" || op4 == \"商品購入のみ\"
  5439. \t\t\t\t\t\t|| op5 == \"商品購入のみ\" || op6 == \"商品購入のみ\" || op7 == \"商品購入のみ\" || op8 == \"商品購入のみ\" || op9 == \"商品購入のみ\"){
  5440. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price)) + \"円\");
  5441. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price)) + \"円\");
  5442. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  5443. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  5444. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  5445. \t\t\t\t\t  \t\$('#mitsumori_ct').text(\"0円\");
  5446. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  5448. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price)) + \"円\");
  5449. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  5450. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5451. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(\"0円\");
  5452. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(\"0円\");
  5453. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5455. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price));
  5456. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  5457. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  5458. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  5459. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  5460. \t\t\t\t\t}else{
  5461. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5462. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5463. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  5464. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  5465. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  5466. \t\t\t\t\t  \t\$('#mitsumori_ct').text(formatter.format(parseInt(el.ct)) + \"円\");
  5467. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  5469. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5472. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  5473. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5474. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(formatter.format(parseInt(el.ct)) + \"円\");
  5475. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(formatter.format(parseInt(el.ct)) + \"円\");
  5476. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5478. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price) + parseInt(el.ct));
  5479. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  5480. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  5482. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  5483. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  5485. \t\t\t\t\t}
  5486. \t\t\t\t  }
  5487. \t\t\t\t});
  5489. \t\t\t\tif (!pp_matched) {
  5490. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  5491. \t\t\t\t\t\$('#mitsumori_btn').hide();
  5492. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  5493. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  5494. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  5495. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  5496. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  5497. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  5498. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  5499. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  5500. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  5501. \t\t\t\t}\t
  5504. \t\t\t\t// タイプ5: ステップ・フェンス・面積の現在値を取得
  5505. \t\t\t\tif(\$('input[name=deck_step]:checked').length){ deck_step = \$('input[name=deck_step]:checked').val(); }
  5506. \t\t\t\tif(\$('input[name=deck_fence]:checked').length){ deck_fence = \$('input[name=deck_fence]:checked').val(); }
  5508. \t\t\t\t// タイプ2: 窓サイズ・窓タイプ・ガラスタイプ・セット数
  5509. \t\t\t\tvar mado_w_val     = \$('#mado_w').val()     || '';
  5510. \t\t\t\tvar mado_h_val     = \$('#mado_h').val()     || '';
  5511. \t\t\t\tvar mado_type_val  = \$('input[name=mado_type]:checked').val()  || '';
  5512. \t\t\t\tvar glass_type_val = \$('input[name=glass_type]:checked').val() || '';
  5513. \t\t\t\tvar set_count_val  = parseInt(\$('#set_count').val()) || 1;
  5515. \t\t\t\t// タイプ3: 台数
  5516. \t\t\t\tvar daisu_val = parseInt(\$('#daisu').val()) || 1;
  5518. \t\t\t\t// タイプ4・6: 枚数
  5519. \t\t\t\tvar maisu_val = parseInt(\$('#maisu').val()) || 1;
  5521. \t\t\t\t// タイプ5: 面積
  5522. \t\t\t\tvar area_val = \$('#area').val() || '';
  5524. \t\t\t\t// sale_type
  5525. \t\t\t\tvar sale_type_id = {{ ProductClass.SaleType.id }};
  5527. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  5528. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  5529. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  5530. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  5531. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  5532. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  5533. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  5534. \t\t\t\t\t\t\t\t\t\t\"product_id\": {{ Product.id }},
  5535. \t\t\t\t\t\t\t\t\t\t\"sale_type\": sale_type_id,
  5536. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  5537. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  5538. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  5539. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  5540. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  5541. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  5542. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     mado_w_val,
  5543. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     mado_h_val,
  5544. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  mado_type_val,
  5545. \t\t\t\t\t\t\t\t\t\t\"glass_type\": glass_type_val,
  5546. \t\t\t\t\t\t\t\t\t\t\"set_count\":  set_count_val,
  5547. \t\t\t\t\t\t\t\t\t\t\"daisu\":      daisu_val,
  5548. \t\t\t\t\t\t\t\t\t\t\"maisu\":      maisu_val,
  5549. \t\t\t\t\t\t\t\t\t\t\"area\":       area_val,
  5550. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  deck_step,
  5551. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": deck_fence };
  5553. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  5554. \t\t\t\t
  5555. \t\t\t}
  5556. \t\t\t
  5558. \t\t}
  5560.         {% if color and color|length == 1 %}
  5561.             pc = \"指定なし\";
  5562. \t\t\t{% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  5563. \t\t{% endif %}
  5565.         {% if p_w and (p_w|length == 1 or p_w|join == \"\") %}
  5566.             pw = \"指定なし\";
  5567. \t\t\t{% for pw in p_w %}{% if pw %} pw = \"{{ pw }}\"; {% endif %}{% endfor %}
  5568. \t\t{% endif %}
  5570.         {% if p_d and (p_d|length == 1 or p_d|join == \"\") %}
  5571.             pd = \"指定なし\";
  5572. \t\t\t{% for pd in p_d %}{% if pd %} pd = \"{{ pd }}\"; {% endif %}{% endfor %}
  5573. \t\t{% endif %}
  5575.         {% if p_h and (p_h|length == 1 or p_h|join == \"\") %}
  5576.             ph = \"指定なし\";
  5577. \t\t\t{% for ph in p_h %}{% if ph %} ph = \"{{ ph }}\"; {% endif %}{% endfor %}
  5578. \t\t{% endif %}
  5580.         {% if p_m and (p_m|length == 1 or p_m|join == \"\") %}
  5581.             pm = \"指定なし\";
  5582. \t\t\t{% for pm in p_m %}{% if pm %} pm = \"{{ pm }}\"; {% endif %}{% endfor %}
  5583. \t\t{% endif %}
  5585. \t\t// ページ読み込み時: タイプ別に quantity の初期値をセット
  5586. \t\t(function initQuantityByType(){
  5587. \t\t\tvar saleType = {{ ProductClass.SaleType.id }};
  5588. \t\t\tif(saleType == 2 && \$('#set_count').length){
  5589. \t\t\t\tvar _v = parseInt(\$('#set_count').val()) || 1;
  5590. \t\t\t\t\$('#quantity').val(_v);
  5591. \t\t\t\t\$('input[name=\"quantity\"]').val(_v);
  5592. \t\t\t} else if(saleType == 3 && \$('#daisu').length){
  5593. \t\t\t\t\$('#quantity').val(parseInt(\$('#daisu').val()) || 1);
  5594. \t\t\t} else if((saleType == 4 || saleType == 6) && \$('#maisu').length){
  5595. \t\t\t\t\$('#quantity').val(parseInt(\$('#maisu').val()) || 1);
  5596. \t\t\t} else if(saleType == 9 && \$('#quantity_only').length){
  5597. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  5598. \t\t\t}
  5599. \t\t})();
  5601. \t\t// type → ラベルのプレフィックス文字列
  5602. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材'};
  5603. \t\t// type → input[name]
  5604. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm'};
  5606. \t\t// opt-btn用: 値を直接受け取るラッパー
  5607. \t\tfunction mitsumori_simulation_val(type, value) {
  5608. \t\t\tif (type === 'pc') pc = value;
  5609. \t\t\tif (type === 'pw') pw = value;
  5610. \t\t\tif (type === 'pd') pd = value;
  5611. \t\t\tif (type === 'ph') ph = value;
  5612. \t\t\tif (type === 'pm') pm = value;
  5614. \t\t\t// is-selected クラスを同グループ内で付け替え
  5615. \t\t\tvar inputName = optNameMap[type];
  5616. \t\t\tif (inputName) {
  5617. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  5618. \t\t\t\t\$btns.removeClass('is-selected');
  5619. \t\t\t\t\$btns.filter(function(){
  5620. \t\t\t\t\treturn \$(this).find('input').val() === value;
  5621. \t\t\t\t}).addClass('is-selected');
  5622. \t\t\t}
  5624. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  5625. \t\t\tvar labelPrefix = optLabelMap[type];
  5626. \t\t\tif (labelPrefix) {
  5627. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  5628. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  5629. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  5630. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  5631. \t\t\t}
  5633. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  5634. \t\t\tmitsumori_simulation('', '');
  5635. \t\t}
  5637. \t\tmitsumori_simulation(\"\",\"\");
  5639. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll で1行横スクロール化
  5640. \t\tfunction applyBtnGroupScroll() {
  5641. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  5642. \t\t\t\tvar \$group = \$(this);
  5643. \t\t\t\t\$group.removeClass('is-scroll');
  5644. \t\t\t\tvar \$items = \$group.children();
  5645. \t\t\t\tif (\$items.length === 0) return;
  5647. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  5648. \t\t\t\tvar totalWidth = 0;
  5649. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  5650. \t\t\t\t\$items.each(function() {
  5651. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  5652. \t\t\t\t});
  5654. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  5655. \t\t\t\tvar anyTooWide = false;
  5656. \t\t\t\t\$items.each(function() {
  5657. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  5658. \t\t\t\t});
  5660. \t\t\t\t// 折り返し時の行数も計測
  5661. \t\t\t\tvar tops = {};
  5662. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  5663. \t\t\t\tvar rowCount = Object.keys(tops).length;
  5665. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  5666. \t\t\t\t\t\$group.addClass('is-scroll');
  5667. \t\t\t\t}
  5668. \t\t\t});
  5669. \t\t}
  5670. \t\tapplyBtnGroupScroll();
  5671. \t\t\$(window).on('resize', function() {
  5672. \t\t\tclearTimeout(window._btnScrollTimer);
  5673. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  5674. \t\t});
  5676. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  5677. \t\t(function syncPrice02Display() {
  5678. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  5679. \t\t\tvar displayEl = document.getElementById('price02-display');
  5680. \t\t\tif (!goukeiEl || !displayEl) return;
  5681. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  5682. \t\t\t// ---円（未確定）の場合は書き換えない
  5683. \t\t\tif (goukeiText && goukeiText !== '---円') {
  5684. \t\t\t\tdisplayEl.textContent = goukeiText;
  5685. \t\t\t}
  5686. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  5687. \t\t\tnew MutationObserver(function() {
  5688. \t\t\t\tvar text = goukeiEl.textContent.trim();
  5689. \t\t\t\tif (text && text !== '---円') {
  5690. \t\t\t\t\tdisplayEl.textContent = text;
  5691. \t\t\t\t}
  5692. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  5693. \t\t})();
  5694. \t\tfunction contact_form(product_id){
  5695. \t\t\t\$('#form1').attr('action', '{{ url('contact', {product:Product.id}) }}');
  5696. \t\t\t\$('#form1').submit();
  5697. \t\t}
  5699. \t\t// maisu / madoset は下部の新しい関数定義を使用
  5702. \t\tfunction heibei(bei){
  5703. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  5704. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  5705. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  5706. \t\t\t\$('#quantity').val(\$('#heibei').val());
  5707. \t\t\tmitsumori_simulation('heibei','heibei');
  5708. \t\t}
  5709. \t\tfunction daisu(dai){
  5710. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  5711. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  5712. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  5713. \t\t\t\$('#quantity').val(\$('#daisu').val());
  5714. \t\t\tmitsumori_simulation('daisu','daisu');
  5715. \t\t}
  5716. \t\tfunction maisu(mai){
  5717. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  5718. \t\t\tif(parseInt(\$('#maisu').val()) < 1){ \$('#maisu').val(1); }
  5719. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  5720. \t\t\t\$('#quantity').val(\$('#maisu').val());
  5721. \t\t\tmitsumori_simulation('maisu','maisu');
  5722. \t\t}
  5724. \t\t// タイプ2: セット数プルダウン連動
  5725. \t\tfunction madosetSelect(val){
  5726. \t\t\tvar v = parseInt(val);
  5727. \t\t\tif(v < 1) v = 1;
  5728. \t\t\tif(v > 20) v = 20;
  5729. \t\t\t// id=\"quantity\" と name=\"quantity\" 両方を確実に書き換え
  5730. \t\t\t\$('#quantity').val(v);
  5731. \t\t\t\$('input[name=\"quantity\"]').val(v);
  5732. \t\t\tmitsumori_simulation('set','set_count');
  5733. \t\t}
  5734. \t\t// タイプ2: ±ボタン版（後方互換）
  5735. \t\tfunction madoset(mai){
  5736. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  5737. \t\t\tvar next = current + mai;
  5738. \t\t\tif(next < 1) next = 1;
  5739. \t\t\tif(next > 20) next = 20;
  5740. \t\t\t\$('#set_count').val(next);
  5741. \t\t\tmadosetSelect(next);
  5742. \t\t}
  5744. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  5745. \t\tvar deck_step = \"{% if mitsumori_json %}{{ mitsumori_json.deck_step|default('不要') }}{% else %}不要{% endif %}\";
  5746. \t\tvar deck_fence = \"{% if mitsumori_json %}{{ mitsumori_json.deck_fence|default('不要') }}{% else %}不要{% endif %}\";
  5748. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  5749. \t\tfunction syncPdfJson(){
  5750. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  5751. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  5752. \t\t}
  5754. \t\t// タイプ9: 商品のみ購入
  5755. \t\tfunction quantityOnly(val){
  5756. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  5757. \t\t\tvar next = current + val;
  5758. \t\t\tif(next < 1) next = 1;
  5759. \t\t\t\$('#quantity_only').val(next);
  5760. \t\t\t\$('#quantity').val(next);
  5761. \t\t}
  5763.         // ===== スマホ用下部固定バーへの金額同期 =====
  5764.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  5765.         (function() {
  5766.             var msgTarget   = document.getElementById('mitsumori_message');
  5767.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  5768.             var spPrice     = document.getElementById('sp-mitsumori-price');
  5769.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  5770.             if (!spPrice || !spBtn) return;
  5772.             function syncBar() {
  5773.                 var msg    = msgTarget ? msgTarget.textContent : '';
  5774.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  5776.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  5777.                 if (msg.indexOf('選択してください') !== -1) {
  5778.                     spPrice.textContent = msg;
  5779.                     spPrice.style.fontSize = '13px';
  5780.                     spPrice.style.color    = '#888';
  5781.                     spBtn.style.display    = 'none';
  5782.                 } else {
  5783.                     // 価格確定時はボタンを表示
  5784.                     spPrice.textContent = goukei;
  5785.                     spPrice.style.fontSize = '18px';
  5786.                     spPrice.style.color    = '#c00';
  5787.                     spBtn.style.display    = 'block';
  5788.                 }
  5789.             }
  5791.             // 初期値を同期
  5792.             syncBar();
  5794.             // mitsumori_message の変化を監視
  5795.             if (msgTarget) {
  5796.                 new MutationObserver(syncBar).observe(
  5797.                     msgTarget, { childList: true, subtree: true, characterData: true }
  5798.                 );
  5799.             }
  5800.             // mitsumori_goukei の変化も監視
  5801.             if (goukeiTarget) {
  5802.                 new MutationObserver(syncBar).observe(
  5803.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  5804.                 );
  5805.             }
  5806.         })();
  5808.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  5809.         (function() {
  5810.             var card = document.querySelector('.mitsumori-card-pc');
  5811.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  5812.             if (!card || !btn) return;
  5813.             // MutationObserverでcollapsed-cardクラスの変化を監視
  5814.             new MutationObserver(function() {
  5815.                 if (card.classList.contains('collapsed-card')) {
  5816.                     btn.textContent = '▼ 詳細';
  5817.                 } else {
  5818.                     btn.textContent = '▲ 閉じる';
  5819.                 }
  5820.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  5821.         })();
  5823.         // ===== エリア案内: スマホのみタップで展開 =====
  5824.         (function() {
  5825.             var notice = document.querySelector('.ec-areaNotice');
  5826.             if (!notice) return;
  5827.             notice.addEventListener('click', function(e) {
  5828.                 if (window.innerWidth > 767) return;
  5829.                 // リンククリック時は展開/折りたたみせずリンク遷移
  5830.                 if (e.target.tagName === 'A') return;
  5831.                 notice.classList.toggle('is-open');
  5832.             });
  5833.         })();
  5835.     </script>
  5836.     <script type=\"application/ld+json\">
  5837.     {
  5838.         \"@context\": \"https://schema.org/\",
  5839.         \"@type\": \"Product\",
  5840.         \"name\": \"{{ Product.name }}\",
  5841.         \"image\": [
  5842.             {% for img in Product.ProductImage %}
  5843.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  5845.             {% else %}
  5846.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  5847.             {% endfor %}
  5848.         ],
  5849.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  5850.         {% if Product.code_min %}
  5851.         \"sku\": \"{{ Product.code_min }}\",
  5852.         {% endif %}
  5853.         \"offers\": {
  5854.             \"@type\": \"Offer\",
  5855.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  5856.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  5857.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  5858.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  5859.         }
  5860.     }
  5861.     </script>
  5863. {% endblock %}
  5865. {% block main %}
  5866.     <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  5867.         <div class=\"ec-grid2\">
  5868.             <div class=\"ec-grid2__cell\">
  5869.                 <div class=\"ec-sliderItemRole\">
  5870. \t                {# 商品名 + ブランド名 + SNSシェア #}
  5871. \t                <div class=\"ec-productRole__title\">
  5872. \t                    <div class=\"ec-productRole__titleRow\">
  5873. \t                        <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  5874. \t                        <div class=\"ec-share-inline\">
  5875. \t                            <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\"
  5876. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  5877. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.254 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117z\"/></svg>
  5878. \t                            </a>
  5879. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  5880. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"/></svg>
  5881. \t                            </a>
  5882. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\"
  5883. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  5884. \t                                <i class=\"fab fa-line\"></i>
  5885. \t                            </a>
  5886. \t                        </div>
  5887. \t                    </div>
  5888. \t                </div>
  5889.                     {% if BaseInfo.option_favorite_product %}
  5890.                      <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  5891. \t\t\t\t\t\t{% if is_favorite == false %}
  5892.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  5893.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  5894.                         </form>
  5895.                         {% else %}
  5896.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  5897.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  5898.                         </form>
  5899.                         {% endif %}
  5900.                      </div>
  5901.                     {% endif %}
  5902.                     <div class=\"item_visual\">
  5903.                         {% for ProductImage in Product.ProductImage %}
  5904.                             <div class=\"slide-item\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}></div>
  5905.                         {% else %}
  5906.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  5907.                         {% endfor %}
  5908.                     </div>
  5909.                     <div class=\"item_nav\">
  5910.                         {% for ProductImage in Product.ProductImage %}
  5911.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  5912.                         {% endfor %}
  5913.                     </div>
  5915.                 </div>
  5917.                     {# ===== 施工エリア案内（見積シミュレーションの下）===== #}
  5918.                     <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  5919.                         <div class=\"ec-areaNotice__inner\">
  5920.                             <div class=\"ec-areaNotice__icon\">📍</div>
  5921.                             <div class=\"ec-areaNotice__body\">
  5922.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  5923.                                 <div class=\"ec-areaNotice__detail\">
  5924.                                     <p class=\"ec-areaNotice__text\">
  5925.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  5926.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  5927.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  5928.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  5929.                                     </p>
  5930.                                     <a class=\"ec-areaNotice__link\" href=\"{{ url('contact') }}\">エリア外のお客様・ご相談はこちら →</a>
  5931.                                 </div>
  5932.                             </div>
  5933.                         </div>
  5934.                     </div>
  5936.             </div>
  5938.             <div class=\"ec-grid2__cell2\">
  5939.                 <div class=\"ec-productRole__profile\" >
  5940.                     {# 関連カテゴリ #}
  5941.                     {% if Product.ProductCategories is not empty %}
  5942.                         <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  5943.                             {% for ProductCategory in Product.ProductCategories %}
  5944.                                 <ul>
  5945.                                     <li>
  5946.                                         {% for Category in ProductCategory.Category.path %}
  5947.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  5948.                                             <span>＞</span>{% endif -%}
  5949.                                         {% endfor %}
  5950.                                     </li>
  5951.                                 </ul>
  5952.                             {% endfor %}
  5953.                         </div>
  5954.                     {% endif %}
  5955.                     {# 販売価格 #}
  5956.                     <div class=\"ec-productRole__price\">
  5957. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  5958.                         {% if Product.hasProductClass -%}
  5959.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  5960.                                 <div class=\"ec-price\">
  5961.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }}</span>
  5962.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  5963.                                 </div>
  5964.                             {% else %}
  5965.                                 <div class=\"ec-price\">
  5966.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  5967.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})</span>
  5968.                                 </div>
  5969.                             {% endif %}
  5970.                         {% else %}
  5971.                             <div class=\"ec-price\">
  5972.                                 <span id=\"price02-display\" class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  5973.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  5974.                             </div>
  5975.                         {% endif %}
  5976.                     </div>
  5977.                     {# タグ #}
  5978.                     <ul class=\"ec-productRole__tags\">
  5979.                         {% for Tag in Product.Tags %}
  5980.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  5981.                         {% endfor %}
  5982.                     </ul>
  5983.                     {# 商品コード #}
  5984.                     {% if Product.code_min is not empty %}
  5985.                         <div class=\"ec-productRole__code\">
  5986.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  5987.                         </div>
  5988.                     {% endif %}
  5990.                     <div class=\"ec-productRole__description\">
  5991. \t\t\t\t        <div class=\"ec-rectHeading\">
  5992. \t\t\t\t            <h4>製品情報</h4>
  5993. \t\t\t\t        </div>
  5994. \t\t\t\t\t\t{{ Product.sales_infomation|raw|nl2br }}
  5995.                     </div>
  5998. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  5999. \t\t\t\t\t  <div class=\"card-header\">
  6000. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  6001. \t\t\t\t\t  </div>
  6002. \t\t\t\t\t  <div class=\"card-body p-2\">
  6003.                         {% set related_image = getProduct_field(Product.id,\"related_image\") %}
  6004.                         {# related_image は配列: [\"1段目画像あり\",\"2段目画像あり\",\"3段目画像あり\"] のうち該当するものが格納 #}
  6005.                         {% set img1 = related_image and (\"1段目画像あり\" in related_image) %}
  6006.                         {% set img2 = related_image and (\"2段目画像あり\" in related_image) %}
  6007.                         {% set img3 = related_image and (\"3段目画像あり\" in related_image) %}
  6008.                         {% set img4 = related_image and (\"4段目画像あり\" in related_image) %}
  6009. \t\t\t\t\t    {% set type1 = getProduct_field(Product.id,\"related_name1\") %}
  6010. \t\t\t\t\t\t{% set type2 = getProduct_field(Product.id,\"related_name2\") %}
  6011. \t\t\t\t\t\t{% set type3 = getProduct_field(Product.id,\"related_name3\") %}
  6012. \t\t\t\t\t\t{% set type4 = getProduct_field(Product.id,\"related_name4\") %}
  6013. \t\t\t\t\t\t{% set hasRelated = (type1 and related_product1 and related_product1|length)
  6014. \t\t\t\t\t\t                 or (type2 and related_product2 and related_product2|length)
  6015. \t\t\t\t\t\t                 or (type3 and related_product3 and related_product3|length)
  6016. \t\t\t\t\t\t                 or (type4 and related_product4 and related_product4|length) %}
  6017. \t\t\t\t\t\t{% if hasRelated %}
  6018. \t\t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のタイプを選択してください。</label></div>
  6019. \t\t\t\t\t\t{% endif %}
  6021. \t\t\t\t\t\t{# ===== 1段目 ===== #}
  6022. \t\t\t\t\t\t{% if type1 and related_product1 and related_product1|length %}
  6023. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6024. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type1 }}{% if img1 and base_select1 %}: <span>{{ base_select1 }}</span>{% endif %}</div>
  6025. \t\t\t\t\t\t  {% if img1 %}
  6026. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  6027. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6028. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  6029. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select1 == rp_name %} is-selected{% endif %}\"
  6030. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6031. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"{{ rp_name }}\"
  6032. \t\t\t\t\t\t                 {% if base_select1 == rp_name %}checked{% endif %}>
  6033. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6034. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6035. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  6036. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  6037. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  6038. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  6039. \t\t\t\t\t\t        </label>
  6040. \t\t\t\t\t\t      {% endfor %}
  6041. \t\t\t\t\t\t    </div>
  6042. \t\t\t\t\t\t  {% else %}
  6043. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  6044. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6045. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  6046. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select1 == rp_name %} is-selected{% endif %}\"
  6047. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6048. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"{{ rp_name }}\"
  6049. \t\t\t\t\t\t                 {% if base_select1 == rp_name %}checked{% endif %}>
  6050. \t\t\t\t\t\t          {{ rp_name }}
  6051. \t\t\t\t\t\t        </label>
  6052. \t\t\t\t\t\t      {% endfor %}
  6053. \t\t\t\t\t\t    </div>
  6054. \t\t\t\t\t\t  {% endif %}
  6055. \t\t\t\t\t\t</div>
  6056. \t\t\t\t\t\t{% endif %}
  6058. \t\t\t\t\t\t{# ===== 2段目 ===== #}
  6059. \t\t\t\t\t\t{% if type2 and related_product2 and related_product2|length %}
  6060. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6061. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type2 }}{% if img2 and base_select2 %}: <span>{{ base_select2 }}</span>{% endif %}</div>
  6062. \t\t\t\t\t\t  {% if img2 %}
  6063. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6064. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  6065. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select2 == rp_name %} is-selected{% endif %}\"
  6066. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6067. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"{{ rp_name }}\"
  6068. \t\t\t\t\t\t                 {% if base_select2 == rp_name %}checked{% endif %}>
  6069. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6070. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6071. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  6072. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  6073. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  6074. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  6075. \t\t\t\t\t\t        </label>
  6076. \t\t\t\t\t\t      {% endfor %}
  6077. \t\t\t\t\t\t    </div>
  6078. \t\t\t\t\t\t  {% else %}
  6079. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6080. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  6081. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select2 == rp_name %} is-selected{% endif %}\"
  6082. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6083. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"{{ rp_name }}\"
  6084. \t\t\t\t\t\t                 {% if base_select2 == rp_name %}checked{% endif %}>
  6085. \t\t\t\t\t\t          {{ rp_name }}
  6086. \t\t\t\t\t\t        </label>
  6087. \t\t\t\t\t\t      {% endfor %}
  6088. \t\t\t\t\t\t    </div>
  6089. \t\t\t\t\t\t  {% endif %}
  6090. \t\t\t\t\t\t</div>
  6091. \t\t\t\t\t\t{% endif %}
  6093. \t\t\t\t\t\t{# ===== 3段目 ===== #}
  6094. \t\t\t\t\t\t{% if type3 and related_product3 and related_product3|length %}
  6095. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6096. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type3 }}{% if img3 and base_select3 %}: <span>{{ base_select3 }}</span>{% endif %}</div>
  6097. \t\t\t\t\t\t  {% if img3 %}
  6098. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6099. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  6100. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select3 == rp_name %} is-selected{% endif %}\"
  6101. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6102. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"{{ rp_name }}\"
  6103. \t\t\t\t\t\t                 {% if base_select3 == rp_name %}checked{% endif %}>
  6104. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6105. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6106. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  6107. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  6108. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  6109. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  6110. \t\t\t\t\t\t        </label>
  6111. \t\t\t\t\t\t      {% endfor %}
  6112. \t\t\t\t\t\t    </div>
  6113. \t\t\t\t\t\t  {% else %}
  6114. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6115. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  6116. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select3 == rp_name %} is-selected{% endif %}\"
  6117. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6118. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"{{ rp_name }}\"
  6119. \t\t\t\t\t\t                 {% if base_select3 == rp_name %}checked{% endif %}>
  6120. \t\t\t\t\t\t          {{ rp_name }}
  6121. \t\t\t\t\t\t        </label>
  6122. \t\t\t\t\t\t      {% endfor %}
  6123. \t\t\t\t\t\t    </div>
  6124. \t\t\t\t\t\t  {% endif %}
  6125. \t\t\t\t\t\t</div>
  6126. \t\t\t\t\t\t{% endif %}
  6128. \t\t\t\t\t\t{# ===== 4段目 ===== #}
  6129. \t\t\t\t\t\t{% if type4 and related_product4 and related_product4|length %}
  6130. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6131. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type4 }}{% if img4 and base_select4 %}: <span>{{ base_select4 }}</span>{% endif %}</div>
  6132. \t\t\t\t\t\t  {% if img4 %}
  6133. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  6134. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6135. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  6136. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select4 == rp_name %} is-selected{% endif %}\"
  6137. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6138. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"{{ rp_name }}\"
  6139. \t\t\t\t\t\t                 {% if base_select4 == rp_name %}checked{% endif %}>
  6140. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6141. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6142. \t\t\t\t\t\t               alt=\"{{ rp_name }}\" loading=\"lazy\">
  6143. \t\t\t\t\t\t          <span class=\"rp-card__label\">{{ rp_name }}</span>
  6144. \t\t\t\t\t\t        </label>
  6145. \t\t\t\t\t\t      {% endfor %}
  6146. \t\t\t\t\t\t    </div>
  6147. \t\t\t\t\t\t  {% else %}
  6148. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  6149. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6150. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  6151. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select4 == rp_name %} is-selected{% endif %}\"
  6152. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6153. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"{{ rp_name }}\"
  6154. \t\t\t\t\t\t                 {% if base_select4 == rp_name %}checked{% endif %}>
  6155. \t\t\t\t\t\t          {{ rp_name }}
  6156. \t\t\t\t\t\t        </label>
  6157. \t\t\t\t\t\t      {% endfor %}
  6158. \t\t\t\t\t\t    </div>
  6159. \t\t\t\t\t\t  {% endif %}
  6160. \t\t\t\t\t\t</div>
  6161. \t\t\t\t\t\t{% endif %}
  6164. \t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のオプションを選択してください。</label></div>
  6166.                         {% if color and color|length and ProductClass.SaleType.id != 3 %}
  6167.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6168.                           <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  6169.                           <div class=\"opt-btn-group\">
  6170.                             {% set idx = 0 %}
  6171.                             {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  6172.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %} is-selected{% endif %}\"
  6173.                                      onclick=\"mitsumori_simulation_val('pc', '{{ cc['name']|e('js') }}');\">
  6174.                                 <input type=\"radio\" name=\"color\" id=\"cc_{{ idx }}\" value=\"{{ cc['name'] }}\"
  6175.                                        {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  6176.                                 {{ cc['name'] }}
  6177.                               </label>
  6178.                             {% endif %}{% endfor %}
  6179.                           </div>
  6180.                         </div>
  6181.                         {% endif %}
  6183.                         {% if p_w and p_w|length and p_w|join != \"\" %}
  6184.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6185.                           <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  6186.                           <div class=\"opt-btn-group\">
  6187.                             {% set idx = 0 %}
  6188.                             {% for pw in p_w %}{% if pw %}{% set idx = idx + 1 %}
  6189.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %} is-selected{% endif %}\"
  6190.                                      onclick=\"mitsumori_simulation_val('pw', '{{ pw|e('js') }}');\">
  6191.                                 <input type=\"radio\" name=\"pw\" id=\"pw_{{ idx }}\" value=\"{{ pw }}\"
  6192.                                        {% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %}checked{% endif %}>
  6193.                                 {{ pw }}
  6194.                               </label>
  6195.                             {% endif %}{% endfor %}
  6196.                           </div>
  6197.                         </div>
  6198.                         {% endif %}
  6200.                         {% if p_d and p_d|length and p_d|join != \"\" %}
  6201.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6202.                           <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  6203.                           <div class=\"opt-btn-group\">
  6204.                             {% set idx = 0 %}
  6205.                             {% for pd in p_d %}{% if pd %}{% set idx = idx + 1 %}
  6206.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %} is-selected{% endif %}\"
  6207.                                      onclick=\"mitsumori_simulation_val('pd', '{{ pd|e('js') }}');\">
  6208.                                 <input type=\"radio\" name=\"pd\" id=\"pd_{{ idx }}\" value=\"{{ pd }}\"
  6209.                                        {% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %}checked{% endif %}>
  6210.                                 {{ pd }}
  6211.                               </label>
  6212.                             {% endif %}{% endfor %}
  6213.                           </div>
  6214.                         </div>
  6215.                         {% endif %}
  6217.                         {% if p_h and p_h|length and p_h|join != \"\" %}
  6218.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6219.                           <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  6220.                           <div class=\"opt-btn-group\">
  6221.                             {% set idx = 0 %}
  6222.                             {% for ph in p_h %}{% if ph %}{% set idx = idx + 1 %}
  6223.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %} is-selected{% endif %}\"
  6224.                                      onclick=\"mitsumori_simulation_val('ph', '{{ ph|e('js') }}');\">
  6225.                                 <input type=\"radio\" name=\"ph\" id=\"ph_{{ idx }}\" value=\"{{ ph }}\"
  6226.                                        {% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %}checked{% endif %}>
  6227.                                 {{ ph }}
  6228.                               </label>
  6229.                             {% endif %}{% endfor %}
  6230.                           </div>
  6231.                         </div>
  6232.                         {% endif %}
  6234.                         {% if p_m and p_m|length and p_m|join != \"\" %}
  6235.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6236.                           <div class=\"rp-section-label\">素材{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  6237.                           <div class=\"opt-btn-group\">
  6238.                             {% set idx = 0 %}
  6239.                             {% for pm in p_m %}{% if pm %}{% set idx = idx + 1 %}
  6240.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %} is-selected{% endif %}\"
  6241.                                      onclick=\"mitsumori_simulation_val('pm', '{{ pm|e('js') }}');\">
  6242.                                 <input type=\"radio\" name=\"pm\" id=\"pm_{{ idx }}\" value=\"{{ pm }}\"
  6243.                                        {% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %}checked{% endif %}>
  6244.                                 {{ pm }}
  6245.                               </label>
  6246.                             {% endif %}{% endfor %}
  6247.                           </div>
  6248.                         </div>
  6249.                         {% endif %}
  6251. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  6252. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 1 %}
  6253. \t\t\t\t\t\t{% endif %}
  6255. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） -->
  6256. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 2 %}
  6258. \t\t\t\t\t\t\t{# 窓サイズ（自由入力） #}
  6259. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6260. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓サイズ</label>
  6261. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6262. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6263. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓幅</span>
  6264. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_w\" id=\"mado_w\" class=\"form-control\" value=\"{{ mitsumori_json.mado_w|default('') }}\" placeholder=\"例: 90\" min=\"1\" onchange=\"mitsumori_simulation('mado_w','mado_w');\">
  6265. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  6266. \t\t\t\t\t\t\t    </div>
  6267. \t\t\t\t\t\t\t  </div>
  6268. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6269. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6270. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓高さ</span>
  6271. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_h\" id=\"mado_h\" class=\"form-control\" value=\"{{ mitsumori_json.mado_h|default('') }}\" placeholder=\"例: 110\" min=\"1\" onchange=\"mitsumori_simulation('mado_h','mado_h');\">
  6272. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  6273. \t\t\t\t\t\t\t    </div>
  6274. \t\t\t\t\t\t\t  </div>
  6275. \t\t\t\t\t\t\t</div>
  6277. \t\t\t\t\t\t\t{# 窓タイプ（p_d データから選択肢を生成） #}
  6278. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  6279. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6280. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓タイプ</label>
  6281. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6282. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6283. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6284. \t\t\t\t\t\t\t    {% for pd_val in p_d %}
  6285. \t\t\t\t\t\t\t      {% if pd_val %}
  6286. \t\t\t\t\t\t\t      {% set idx = idx + 1 %}
  6287. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6288. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"mado_type\" id=\"mado_type_{{ idx }}\" value=\"{{ pd_val }}\"
  6289. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pd == pd_val) or (p_d|length == 1) %}checked{% endif %}
  6290. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','mado_type_{{ idx }}');\">
  6291. \t\t\t\t\t\t\t        <label for=\"mado_type_{{ idx }}\">{{ pd_val }}</label>
  6292. \t\t\t\t\t\t\t      </div>
  6293. \t\t\t\t\t\t\t      {% endif %}
  6294. \t\t\t\t\t\t\t    {% endfor %}
  6295. \t\t\t\t\t\t\t    </div>
  6296. \t\t\t\t\t\t\t  </div>
  6297. \t\t\t\t\t\t\t</div>
  6298. \t\t\t\t\t\t\t{% endif %}
  6300. \t\t\t\t\t\t\t{# ガラスタイプ（p_m データから選択肢を生成） #}
  6301. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6302. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6303. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ガラスタイプ</label>
  6304. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6305. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6306. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6307. \t\t\t\t\t\t\t    {% for pm_val in p_m %}
  6308. \t\t\t\t\t\t\t      {% if pm_val %}
  6309. \t\t\t\t\t\t\t      {% set idx = idx + 1 %}
  6310. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6311. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"glass_type\" id=\"glass_type_{{ idx }}\" value=\"{{ pm_val }}\"
  6312. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or (p_m|length == 1) %}checked{% endif %}
  6313. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','glass_type_{{ idx }}');\">
  6314. \t\t\t\t\t\t\t        <label for=\"glass_type_{{ idx }}\">{{ pm_val }}</label>
  6315. \t\t\t\t\t\t\t      </div>
  6316. \t\t\t\t\t\t\t      {% endif %}
  6317. \t\t\t\t\t\t\t    {% endfor %}
  6318. \t\t\t\t\t\t\t    </div>
  6319. \t\t\t\t\t\t\t  </div>
  6320. \t\t\t\t\t\t\t</div>
  6321. \t\t\t\t\t\t\t{% endif %}
  6323. \t\t\t\t\t\t\t{# セット数（プルダウン） → quantity に連動 #}
  6324. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6325. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">セット数</label>
  6326. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6327. \t\t\t\t\t\t\t    <select name=\"set_count\" id=\"set_count\" class=\"form-control\" onchange=\"madosetSelect(this.value);\">
  6328. \t\t\t\t\t\t\t      {% for i in 1..20 %}
  6329. \t\t\t\t\t\t\t        <option value=\"{{ i }}\" {% if mitsumori_json and mitsumori_json.set_count == i %}selected{% endif %}>{{ i }} セット</option>
  6330. \t\t\t\t\t\t\t      {% endfor %}
  6331. \t\t\t\t\t\t\t    </select>
  6332. \t\t\t\t\t\t\t  </div>
  6333. \t\t\t\t\t\t\t</div>
  6335. \t\t\t\t\t\t{% endif %}
  6337. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  6338. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 3 %}
  6340. \t\t\t\t\t\t\t{# 幅・奥行き・高さ（p_w/p_d/p_h からラジオボタン生成） #}
  6341. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  6342. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6343. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">幅</label>
  6344. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6345. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6346. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6347. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  6348. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6349. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_{{ idx }}\" value=\"{{ pw_val }}\"
  6350. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}
  6351. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw3_{{ idx }}');\">
  6352. \t\t\t\t\t\t\t        <label for=\"pw3_{{ idx }}\">{{ pw_val }}</label>
  6353. \t\t\t\t\t\t\t      </div>
  6354. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6355. \t\t\t\t\t\t\t    </div>
  6356. \t\t\t\t\t\t\t  </div>
  6357. \t\t\t\t\t\t\t</div>
  6358. \t\t\t\t\t\t\t{% endif %}
  6360. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  6361. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6362. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">奥行き</label>
  6363. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6364. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6365. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6366. \t\t\t\t\t\t\t    {% for pd_val in p_d %}{% if pd_val %}{% set idx = idx + 1 %}
  6367. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6368. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_{{ idx }}\" value=\"{{ pd_val }}\"
  6369. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %}checked{% endif %}
  6370. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','pd3_{{ idx }}');\">
  6371. \t\t\t\t\t\t\t        <label for=\"pd3_{{ idx }}\">{{ pd_val }}</label>
  6372. \t\t\t\t\t\t\t      </div>
  6373. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6374. \t\t\t\t\t\t\t    </div>
  6375. \t\t\t\t\t\t\t  </div>
  6376. \t\t\t\t\t\t\t</div>
  6377. \t\t\t\t\t\t\t{% endif %}
  6379. \t\t\t\t\t\t\t{% if p_h and p_h|length and p_h|join != \"\" %}
  6380. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6381. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">高さ</label>
  6382. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6383. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6384. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6385. \t\t\t\t\t\t\t    {% for ph_val in p_h %}{% if ph_val %}{% set idx = idx + 1 %}
  6386. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6387. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_{{ idx }}\" value=\"{{ ph_val }}\"
  6388. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %}checked{% endif %}
  6389. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('ph','ph3_{{ idx }}');\">
  6390. \t\t\t\t\t\t\t        <label for=\"ph3_{{ idx }}\">{{ ph_val }}</label>
  6391. \t\t\t\t\t\t\t      </div>
  6392. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6393. \t\t\t\t\t\t\t    </div>
  6394. \t\t\t\t\t\t\t  </div>
  6395. \t\t\t\t\t\t\t</div>
  6396. \t\t\t\t\t\t\t{% endif %}
  6398. \t\t\t\t\t\t\t{# 棚タイプ（p_m データから選択肢を生成） #}
  6399. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6400. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6401. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">棚タイプ<br><small class=\"text-muted\">（間仕切り仕様）</small></label>
  6402. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6403. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6404. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6405. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  6406. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6407. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_{{ idx }}\" value=\"{{ pm_val }}\"
  6408. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}
  6409. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm3_{{ idx }}');\">
  6410. \t\t\t\t\t\t\t        <label for=\"pm3_{{ idx }}\">{{ pm_val }}</label>
  6411. \t\t\t\t\t\t\t      </div>
  6412. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6413. \t\t\t\t\t\t\t    </div>
  6414. \t\t\t\t\t\t\t  </div>
  6415. \t\t\t\t\t\t\t</div>
  6416. \t\t\t\t\t\t\t{% endif %}
  6418. \t\t\t\t\t\t\t{# カラー（共通の color データ使用） #}
  6419. \t\t\t\t\t\t\t{% if color and color|length %}
  6420. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6421. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">カラー</label>
  6422. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6423. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6424. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6425. \t\t\t\t\t\t\t    {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  6426. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6427. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_{{ idx }}\" value=\"{{ cc['name'] }}\"
  6428. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}
  6429. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pc','cc3_{{ idx }}');\">
  6430. \t\t\t\t\t\t\t        <label for=\"cc3_{{ idx }}\">{{ cc['name'] }}</label>
  6431. \t\t\t\t\t\t\t      </div>
  6432. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6433. \t\t\t\t\t\t\t    </div>
  6434. \t\t\t\t\t\t\t  </div>
  6435. \t\t\t\t\t\t\t</div>
  6436. \t\t\t\t\t\t\t{% endif %}
  6438. \t\t\t\t\t\t\t{# 台数 #}
  6439. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6440. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  6441. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6442. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6443. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"{{ mitsumori_json.daisu|default('1') }}\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  6444. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  6445. \t\t\t\t\t\t\t    </div>
  6446. \t\t\t\t\t\t\t  </div>
  6447. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6448. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  6449. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  6450. \t\t\t\t\t\t\t  </div>
  6451. \t\t\t\t\t\t\t</div>
  6453. \t\t\t\t\t\t{% endif %}
  6455. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  6456. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 %}
  6458. \t\t\t\t\t\t\t{# 枚数 #}
  6459. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6460. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  6461. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  6462. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6463. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"{{ mitsumori_json.maisu|default('3') }}\" min=\"3\" max=\"20\" onchange=\"mitsumori_simulation('maisu','maisu');\">
  6464. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  6465. \t\t\t\t\t\t\t    </div>
  6466. \t\t\t\t\t\t\t  </div>
  6467. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6468. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  6469. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  6470. \t\t\t\t\t\t\t  </div>
  6471. \t\t\t\t\t\t\t</div>
  6473. \t\t\t\t\t\t{% endif %}
  6475. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  6476. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 5 %}
  6478. \t\t\t\t\t\t\t{# 施工面積（㎡ 直接入力） #}
  6479. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6480. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  6481. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6482. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6483. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  6484. \t\t\t\t\t\t\t        class=\"form-control\"
  6485. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.area|default('') }}\"
  6486. \t\t\t\t\t\t\t        placeholder=\"例: 7.5\"
  6487. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  6488. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  6489. \t\t\t\t\t\t\t      <span class=\"input-group-text\">㎡</span>
  6490. \t\t\t\t\t\t\t    </div>
  6491. \t\t\t\t\t\t\t    <small class=\"text-muted\">幅(cm) × 奥行き(cm) ÷ 10000 = ㎡</small>
  6492. \t\t\t\t\t\t\t  </div>
  6493. \t\t\t\t\t\t\t</div>
  6495. \t\t\t\t\t\t\t{# ステップの有無 #}
  6496. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6497. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ステップ</label>
  6498. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6499. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6500. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6501. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  6502. \t\t\t\t\t\t\t          {% if mitsumori_json and mitsumori_json.deck_step == '必要' %}checked{% endif %}
  6503. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  6504. \t\t\t\t\t\t\t        <label for=\"deck_step_yes\">必要</label>
  6505. \t\t\t\t\t\t\t      </div>
  6506. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6507. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  6508. \t\t\t\t\t\t\t          {% if not mitsumori_json or mitsumori_json.deck_step == '不要' or not mitsumori_json.deck_step %}checked{% endif %}
  6509. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  6510. \t\t\t\t\t\t\t        <label for=\"deck_step_no\">不要</label>
  6511. \t\t\t\t\t\t\t      </div>
  6512. \t\t\t\t\t\t\t    </div>
  6513. \t\t\t\t\t\t\t  </div>
  6514. \t\t\t\t\t\t\t</div>
  6516. \t\t\t\t\t\t\t{# ウッドデッキフェンスの有無 #}
  6517. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6518. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">デッキフェンス</label>
  6519. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6520. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6521. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6522. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  6523. \t\t\t\t\t\t\t          {% if mitsumori_json and mitsumori_json.deck_fence == '必要' %}checked{% endif %}
  6524. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  6525. \t\t\t\t\t\t\t        <label for=\"deck_fence_yes\">必要</label>
  6526. \t\t\t\t\t\t\t      </div>
  6527. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6528. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  6529. \t\t\t\t\t\t\t          {% if not mitsumori_json or mitsumori_json.deck_fence == '不要' or not mitsumori_json.deck_fence %}checked{% endif %}
  6530. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  6531. \t\t\t\t\t\t\t        <label for=\"deck_fence_no\">不要</label>
  6532. \t\t\t\t\t\t\t      </div>
  6533. \t\t\t\t\t\t\t    </div>
  6534. \t\t\t\t\t\t\t  </div>
  6535. \t\t\t\t\t\t\t</div>
  6537. \t\t\t\t\t\t{% endif %}
  6539. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  6540. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 6 %}
  6542. \t\t\t\t\t\t\t{# 規格（p_m データ → 素材から抽出） #}
  6543. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6544. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6545. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">規格</label>
  6546. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6547. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6548. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6549. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  6550. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6551. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_{{ idx }}\" value=\"{{ pm_val }}\"
  6552. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}
  6553. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm6_{{ idx }}');\">
  6554. \t\t\t\t\t\t\t        <label for=\"pm6_{{ idx }}\">{{ pm_val }}</label>
  6555. \t\t\t\t\t\t\t      </div>
  6556. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6557. \t\t\t\t\t\t\t    </div>
  6558. \t\t\t\t\t\t\t  </div>
  6559. \t\t\t\t\t\t\t</div>
  6560. \t\t\t\t\t\t\t{% endif %}
  6562. \t\t\t\t\t\t\t{# 芝の長さ（p_w データ → 幅から抽出） #}
  6563. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  6564. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6565. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">芝の長さ</label>
  6566. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6567. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6568. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6569. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  6570. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6571. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_{{ idx }}\" value=\"{{ pw_val }}\"
  6572. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}
  6573. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw6_{{ idx }}');\">
  6574. \t\t\t\t\t\t\t        <label for=\"pw6_{{ idx }}\">{{ pw_val }}</label>
  6575. \t\t\t\t\t\t\t      </div>
  6576. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6577. \t\t\t\t\t\t\t    </div>
  6578. \t\t\t\t\t\t\t  </div>
  6579. \t\t\t\t\t\t\t</div>
  6580. \t\t\t\t\t\t\t{% endif %}
  6582. \t\t\t\t\t\t\t{# 施工面積（㎡ 自由入力） #}
  6583. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6584. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  6585. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6586. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6587. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  6588. \t\t\t\t\t\t\t        class=\"form-control\"
  6589. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.area|default('') }}\"
  6590. \t\t\t\t\t\t\t        placeholder=\"例: 10.5\"
  6591. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  6592. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  6593. \t\t\t\t\t\t\t      <span class=\"input-group-text\">平米</span>
  6594. \t\t\t\t\t\t\t    </div>
  6595. \t\t\t\t\t\t\t  </div>
  6596. \t\t\t\t\t\t\t</div>
  6598. \t\t\t\t\t\t{% endif %}
  6600. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  6601. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 9 %}
  6602. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6603. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  6604. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6605. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6606. \t\t\t\t\t\t\t      <input type=\"number\" name=\"quantity_only\" id=\"quantity_only\" class=\"form-control\" value=\"1\" min=\"1\" onchange=\"\$('#quantity').val(this.value);\">
  6607. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6608. \t\t\t\t\t\t\t    </div>
  6609. \t\t\t\t\t\t\t  </div>
  6610. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6611. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  6612. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  6613. \t\t\t\t\t\t\t  </div>
  6614. \t\t\t\t\t\t\t</div>
  6615. \t\t\t\t\t\t{% endif %}
  6620. \t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">取り付け工事のご希望に関してお答えください。</label></div>
  6621. \t\t\t\t\t\t{% for i in 0..10 %}
  6622. \t\t\t\t\t\t\t{% if op and op|length >= i+1 %}
  6623. \t\t\t\t\t\t\t{% if op[i]['name'] %}
  6624. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6625. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">{{ op[i]['name'] }}{% if mitsumori_json and mitsumori_json.op[i] %}: <span>{{ mitsumori_json.op[i] }}</span>{% endif %}</div>
  6626. \t\t\t\t\t\t\t  {% if op[i]['comment'] %}<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">{{ op[i]['comment'] }}</div>{% endif %}
  6627. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6628. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if mitsumori_json and mitsumori_json.op[i] == op[i]['on'] %} is-selected{% endif %}\"
  6629. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_1');\">
  6630. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op{{ i }}\" id=\"op{{ i }}_1\" value=\"{{ op[i]['on'] }}\" {% if mitsumori_json and mitsumori_json.op[i] == op[i]['on'] %}checked{% endif %}>
  6631. \t\t\t\t\t\t\t      {{ op[i]['on'] }}
  6632. \t\t\t\t\t\t\t    </label>
  6633. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if mitsumori_json and mitsumori_json.op[i] == op[i]['off'] %} is-selected{% endif %}\"
  6634. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_2');\">
  6635. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op{{ i }}\" id=\"op{{ i }}_2\" value=\"{{ op[i]['off'] }}\" {% if mitsumori_json and mitsumori_json.op[i] == op[i]['off'] %}checked{% endif %}>
  6636. \t\t\t\t\t\t\t      {{ op[i]['off'] }}
  6637. \t\t\t\t\t\t\t    </label>
  6638. \t\t\t\t\t\t\t  </div>
  6639. \t\t\t\t\t\t\t</div>
  6640. \t\t\t\t\t\t\t{% endif %}
  6641. \t\t\t\t\t\t\t{% endif %}
  6642. \t\t\t\t\t\t{% endfor %}
  6644. \t\t\t\t\t  </div>
  6645. \t\t\t\t\t  <!-- /.card-body -->
  6646. \t\t\t\t\t</div>
  6649.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  6650.                         {% if Product.stock_find %}
  6651.                             <div class=\"ec-productRole__actions\">
  6652.                                 {% if form.classcategory_id1 is defined %}
  6653.                                     <div class=\"ec-select\">
  6654.                                         {{ form_row(form.classcategory_id1) }}
  6655.                                         {{ form_errors(form.classcategory_id1) }}
  6656.                                     </div>
  6657.                                     {% if form.classcategory_id2 is defined %}
  6658.                                         <div class=\"ec-select\">
  6659.                                             {{ form_row(form.classcategory_id2) }}
  6660.                                             {{ form_errors(form.classcategory_id2) }}
  6661.                                         </div>
  6662.                                     {% endif %}
  6663.                                 {% endif %}
  6664.                                 <div class=\"ec-numberInput\">
  6665.                                     {{ form_widget(form.quantity, { type: 'hidden' }) }}
  6666.                                     {{ form_errors(form.quantity) }}
  6667.                                 </div>
  6668.                             </div>
  6670.                         {% else %}
  6671.                             <div class=\"ec-productRole__btn\">
  6672.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  6673.                                     {{ 'ただいま品切れ中です。'|trans }}
  6674.                                 </button>
  6675.                             </div>
  6676.                         {% endif %}
  6677.                         <div class=\"ec-productRole__btn mt-3\">
  6678.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">施工検討リストに入れる</button>
  6679.                         </div>
  6680.                         {{ form_rest(form) }}
  6681.                     </form>
  6682.                     <div class=\"ec-modal add-cart-modal\">
  6683.                         <div class=\"ec-modal-overlay\">
  6684.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  6685.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  6686.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">{{ '施工検討リストに追加しました。'|trans }}</div>
  6687.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  6688.                                     <div class=\"ec-role add-cart-modal__actions\">
  6689.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action add-cart-modal__primary\">{{ '施工検討リストへ進む'|trans }}</a>
  6690.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">{{ '商品検索を続ける'|trans }}</span>
  6691.                                     </div>
  6692.                                 </div>
  6693.                             </div>
  6694.                         </div>
  6695.                     </div>
  6696.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  6697.                     </div>
  6699.                     {# SNSシェア #}
  6700.                     <div class=\"ec-productRole__share\">
  6701.                         <ul class=\"ec-share\">
  6702.                             <li class=\"ec-share__item\">
  6703.                                 <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  6704.                                     <i class=\"fab fa-twitter\"></i>
  6705.                                 </a>
  6706.                             </li>
  6707.                             <li class=\"ec-share__item\">
  6708.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri|url_encode }}\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  6709.                                     <i class=\"fab fa-facebook-f\"></i>
  6710.                                 </a>
  6711.                             </li>
  6712.                             <li class=\"ec-share__item\">
  6713.                                 <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  6714.                                     <i class=\"fab fa-line\"></i>
  6715.                                 </a>
  6716.                             </li>
  6717.                         </ul>
  6718.                     </div>
  6719.                 </div>
  6720. \t\t\t\t{# ===== スマホ用 見積金額 下部固定バー ===== #}
  6721. \t\t\t\t<div id=\"sp-mitsumori-bar\">
  6722. \t\t\t\t    <div>
  6723. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  6724. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  6725. \t\t\t\t    </div>
  6726. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  6727. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  6728. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  6729. \t\t\t\t        <span class=\"sp-bar__btn-label\">検討リストへ</span>
  6730. \t\t\t\t        {% set spTotalQty = get_carts_total_quantity() %}
  6731. \t\t\t\t        {% if spTotalQty > 0 %}
  6732. \t\t\t\t            <span class=\"sp-bar__cart-badge\">{{ spTotalQty|number_format }}</span>
  6733. \t\t\t\t        {% endif %}
  6734. \t\t\t\t    </button>
  6735. \t\t\t\t    <a href=\"{{ url('homepage') }}\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  6736. \t\t\t\t        <i class=\"fas fa-home\"></i>
  6737. \t\t\t\t    </a>
  6738. \t\t\t\t</div>
  6740. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  6741. \t\t\t\t\t<div class=\"card-header\">
  6742. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  6743. \t\t\t\t\t  <div class=\"card-tools\">
  6744. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  6745. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  6746. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  6747. \t\t\t\t\t    </button>
  6748. \t\t\t\t\t  </div>
  6749. \t\t\t\t\t</div>
  6750. \t\t\t\t\t<div class=\"card-body p-0\">
  6751. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  6752. \t\t\t\t\t    <li class=\"nav-item active\">
  6753. \t\t\t\t\t      <a class=\"nav-link\">
  6754. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  6755. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  6756. \t\t\t\t\t      </a>
  6757. \t\t\t\t\t    </li>
  6758. \t\t\t\t\t    <li class=\"nav-item active\">
  6759. \t\t\t\t\t      <a class=\"nav-link\">
  6760. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  6761. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  6762. \t\t\t\t\t      </a>
  6763. \t\t\t\t\t    </li>
  6764. \t\t\t\t\t    <li class=\"nav-item\">
  6765. \t\t\t\t\t      <a class=\"nav-link\">
  6766. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  6767. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  6768. \t\t\t\t\t      </a>
  6769. \t\t\t\t\t    </li>
  6770. \t\t\t\t\t    <li class=\"nav-item\">
  6771. \t\t\t\t\t      <a class=\"nav-link\">
  6772. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> お値引き
  6773. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  6774. \t\t\t\t\t      </a>
  6775. \t\t\t\t\t    </li>
  6776. \t\t\t\t\t    <li class=\"nav-item\">
  6777. \t\t\t\t\t      <a class=\"nav-link\">
  6778. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  6779. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  6780. \t\t\t\t\t      </a>
  6781. \t\t\t\t\t    </li>
  6782. \t\t\t\t\t    <li class=\"nav-item\">
  6783. \t\t\t\t\t      <a class=\"nav-link\">
  6784. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  6785. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  6786. \t\t\t\t\t      </a>
  6787. \t\t\t\t\t    </li>
  6788. \t\t\t\t\t  </ul>
  6789. \t\t\t\t\t</div>
  6790. \t\t\t\t\t<div class=\"card-footer\">
  6791. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  6792. \t\t                  見積書表示
  6793. \t\t                </button>
  6794.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  6796. \t\t\t\t\t</div>
  6797. \t\t\t\t</div>
  6798.             </div>
  6800.         </div>
  6802.     </div>
  6804.   <div class=\"modal\" id=\"modal-mitsumori\">
  6805.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  6806.       <div class=\"modal-content\">
  6807.         <div class=\"modal-header\">
  6808.           <h4 class=\"modal-title\">お見積書</h4>
  6809.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  6810.             <span aria-hidden=\"true\">&times;</span>
  6811.           </button>
  6812.         </div>
  6813.         <div class=\"modal-body\">
  6814. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  6815. \t\t\t  <!-- title row -->
  6816. \t\t\t  <div class=\"row\">
  6817. \t\t\t    <div class=\"col-12\">
  6818. \t\t\t      <h2>概算お見積書 
  6819. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  6820. \t\t\t      </h2>
  6821. \t\t\t    </div>
  6822. \t\t\t    <!-- /.col -->
  6823. \t\t\t  </div>
  6824. \t\t\t  <!-- info row -->
  6825. \t\t\t  <div class=\"row invoice-info\">
  6826. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  6827. \t\t\t      <h3>お客様</h3>
  6828. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  6829. \t\t\t      <br />
  6830. \t\t\t      <br / >
  6831. \t\t\t      <br />
  6832. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  6833. \t\t\t      <span>
  6834. \t\t\t        <br/>
  6835. \t\t\t        <br/>
  6836. \t\t\t        <br/>
  6837. \t\t\t        <br/>
  6838. \t\t\t      </span>
  6839. \t\t\t    </div>
  6840. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  6841. \t\t\t      <p>
  6842. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  6843. \t\t\t      </p>
  6844. \t\t\t      <p>有限会社プラス</p>
  6845. \t\t\t      <p>〒400-0334</p>
  6846. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  6847. \t\t\t      <p>TEL: 055-284-6480</p>
  6848. \t\t\t      <img alt=\"\" src=\"/html/user_data/js/images/seal.svg\" style=\"z-index: 2; position: absolute; width: 21mm; left: 58mm; top: 36mm;\">
  6849. \t\t\t    </div>
  6850. \t\t\t    <!-- /.col -->
  6851. \t\t\t    <!-- /.col -->
  6852. \t\t\t  </div>
  6853. \t\t\t  <!-- /.row -->
  6854. \t\t\t  <!-- Table row -->
  6855. \t\t\t  <div class=\"row\">
  6856. \t\t\t    <div class=\"col-12 table-responsive\">
  6857. \t\t\t      <table class=\"table table-striped\">
  6858. \t\t\t        <thead>
  6859. \t\t\t          <tr>
  6860. \t\t\t            <th>項目</th>
  6861. \t\t\t            <th>数量</th>
  6862. \t\t\t            <th>単位</th>
  6863. \t\t\t            <th>単価</th>
  6864. \t\t\t            <th>小計</th>
  6865. \t\t\t          </tr>
  6866. \t\t\t        </thead>
  6867. \t\t\t        <tbody>
  6868. \t\t\t          <tr>
  6869. \t\t\t            <td>プレーンルーフ 600タイプ 1台用 単体セット</td>
  6870. \t\t\t            <td>1</td>
  6871. \t\t\t            <td>式</td>
  6872. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  6873. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  6874. \t\t\t          </tr>
  6875. \t\t\t          <tr>
  6876. \t\t\t            <td>基本工事費</td>
  6877. \t\t\t            <td>1</td>
  6878. \t\t\t            <td>式</td>
  6879. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  6880. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  6881. \t\t\t          </tr>
  6882. \t\t\t          <tr>
  6883. \t\t\t            <td>残土・ガラ処理</td>
  6884. \t\t\t            <td>1</td>
  6885. \t\t\t            <td>式</td>
  6886. \t\t\t            <td>0円</td>
  6887. \t\t\t            <td></td>
  6888. \t\t\t          </tr>
  6889. \t\t\t          <tr>
  6890. \t\t\t            <td>　</td>
  6891. \t\t\t            <td></td>
  6892. \t\t\t            <td></td>
  6893. \t\t\t            <td></td>
  6894. \t\t\t            <td></td>
  6895. \t\t\t          </tr>
  6896. \t\t\t        </tbody>
  6897. \t\t\t      </table>
  6898. \t\t\t    </div>
  6899. \t\t\t    <!-- /.col -->
  6900. \t\t\t  </div>
  6901. \t\t\t  <!-- /.row -->
  6902. \t\t\t  <div class=\"row\">
  6903. \t\t\t    <!-- accepted payments column -->
  6904. \t\t\t    <div class=\"col-6\">
  6905. \t\t\t      <p class=\"lead\">お支払い方法</p>
  6906. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  6907. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  6908. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  6909. \t\t\t      </p>
  6910. \t\t\t    </div>
  6911. \t\t\t    <!-- /.col -->
  6912. \t\t\t    <div class=\"col-6\">
  6913. \t\t\t      <div class=\"table-responsive\">
  6914. \t\t\t        <table class=\"table\">
  6915. \t\t\t          <tbody>
  6916. \t\t\t            <tr>
  6917. \t\t\t              <th style=\"width:50%\">小計:</th>
  6918. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  6919. \t\t\t            </tr>
  6920. \t\t\t            <tr>
  6921. \t\t\t              <th>消費税 (10%)</th>
  6922. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  6923. \t\t\t            </tr>
  6924. \t\t\t            <tr>
  6925. \t\t\t              <th>合計:</th>
  6926. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  6927. \t\t\t            </tr>
  6928. \t\t\t          </tbody>
  6929. \t\t\t        </table>
  6930. \t\t\t      </div>
  6931. \t\t\t    </div>
  6932. \t\t\t    <!-- /.col -->
  6933. \t\t\t  </div>
  6934. \t\t\t  <!-- /.row -->
  6935. \t\t\t</div>
  6936.         </div>
  6937.         <div class=\"modal-footer justify-content-between\">
  6938. \t\t\t      {# PDF出力: mitsumori_json を POST して PDF ダウンロード #}
  6939. \t\t\t      <form method=\"post\" action=\"{{ url('mitsumori_pdf') }}\" target=\"_blank\" id=\"pdf_download_form\">
  6940. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"{{ csrf_token('mitsumori_pdf') }}\">
  6941. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  6942. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  6943. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  6944. \t\t\t        </button>
  6945. \t\t\t      </form>
  6946.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  6947.         </div>
  6948.       </div>
  6949.       <!-- /.modal-content -->
  6950.     </div>
  6951.     <!-- /.modal-dialog -->
  6952.   </div>
  6953.   <!-- /.modal -->
  6957. {% endblock %}
  6958. ", "Product/detail.twig", "/home/xs538259/exterior-plus.jp/public_html/app/template/default/Product/detail.twig");
  6959.     }
  6960. }