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

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.         /* Show zoom cursor on product images to hint click-to-expand */
  155.         .item_visual .slide-item a { display: block; cursor: zoom-in; }
  156.     </style>
  157.     <style>
  158.         /* ============================================
  159.            商品詳細グリッド: 画像50% / 内容50%（均等）
  160.         ============================================ */
  161.         @media (min-width: 768px) {
  162.             body.product_page .ec-grid2 {
  163.                 display: flex;
  164.                 align-items: flex-start;
  165.             }
  166.             body.product_page .ec-grid2 .ec-grid2__cell {
  167.                 width: 50%;
  168.                 flex: 0 0 50%;
  169.                 min-width: 0;
  170.             }
  171.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  172.                 width: 50%;
  173.                 flex: 0 0 50%;
  174.                 min-width: 0;
  175.             }
  176.         }
  178.         /* ============================================
  179.            商品説明欄内のHTMLが画面幅を突き抜けないように
  180.         ============================================ */
  181.         body.product_page .ec-productRole__description {
  182.             min-width: 0;
  183.             overflow-wrap: break-word;
  184.             word-break: break-word;
  185.         }
  186.         body.product_page .ec-productRole__description img,
  187.         body.product_page .ec-productRole__description table,
  188.         body.product_page .ec-productRole__description iframe,
  189.         body.product_page .ec-productRole__description video {
  190.             max-width: 100% !important;
  191.             height: auto;
  192.         }
  193.         body.product_page .ec-productRole__description table {
  194.             display: block;
  195.             overflow-x: auto;
  196.             -webkit-overflow-scrolling: touch;
  197.         }
  199.         /* ============================================
  200.            スマホ用 見積金額 下部固定バー
  201.         ============================================ */
  202.         #sp-mitsumori-bar {
  203.             display: none;
  204.         }
  206.         /* ============================================
  207.            スマホ用 お見積りの詳細 ボトムシート
  208.         ============================================ */
  209.         .sp-detail-sheet { display: none; }
  210.         .sp-detail-sheet.is-open {
  211.             display: block;
  212.             position: fixed;
  213.             top: 0; left: 0; right: 0; bottom: 0;
  214.             z-index: 2000;
  215.         }
  216.         .sp-detail-sheet__overlay {
  217.             position: absolute;
  218.             top: 0; left: 0; right: 0; bottom: 0;
  219.             background: rgba(0,0,0,0.45);
  220.         }
  221.         .sp-detail-sheet__panel {
  222.             position: absolute;
  223.             left: 0; right: 0; bottom: 0;
  224.             background: #fff;
  225.             border-radius: 14px 14px 0 0;
  226.             max-height: 82vh;
  227.             display: flex;
  228.             flex-direction: column;
  229.             box-shadow: 0 -4px 20px rgba(0,0,0,0.25);
  230.             padding-bottom: env(safe-area-inset-bottom);
  231.             animation: spSheetUp 0.22s ease-out;
  232.         }
  233.         @keyframes spSheetUp {
  234.             from { transform: translateY(100%); }
  235.             to   { transform: translateY(0); }
  236.         }
  237.         .sp-detail-sheet__header {
  238.             display: flex;
  239.             align-items: center;
  240.             justify-content: space-between;
  241.             padding: 14px 16px;
  242.             border-bottom: 1px solid #eee;
  243.             flex: 0 0 auto;
  244.         }
  245.         .sp-detail-sheet__title { font-size: 16px; font-weight: bold; color: #333; }
  246.         .sp-detail-sheet__close {
  247.             background: none;
  248.             border: none;
  249.             font-size: 26px;
  250.             line-height: 1;
  251.             color: #888;
  252.             cursor: pointer;
  253.             padding: 0 4px;
  254.         }
  255.         .sp-detail-sheet__body {
  256.             overflow-y: auto;
  257.             -webkit-overflow-scrolling: touch;
  258.             padding: 4px 0;
  259.             flex: 1 1 auto;
  260.         }
  261.         .sp-detail-sheet__body ul { list-style: none; margin: 0; padding: 0; }
  262.         .sp-detail-sheet__body li { border-bottom: 1px solid #f2f2f2; }
  263.         .sp-detail-sheet__body .nav-link {
  264.             display: flex;
  265.             align-items: center;
  266.             justify-content: space-between;
  267.             padding: 12px 16px;
  268.             color: #333;
  269.             font-size: 14px;
  270.         }
  271.         .sp-detail-sheet__body .nav-link .float-right {
  272.             float: none !important;
  273.             font-weight: bold;
  274.             white-space: nowrap;
  275.             margin-left: auto;
  276.         }
  277.         .sp-detail-sheet__footer {
  278.             display: flex;
  279.             gap: 8px;
  280.             padding: 12px 16px 16px;
  281.             border-top: 1px solid #eee;
  282.             flex: 0 0 auto;
  283.         }
  284.         .sp-detail-sheet__footer button {
  285.             flex: 1 1 auto;
  286.             padding: 12px;
  287.             border-radius: 8px;
  288.             font-size: 14px;
  289.             font-weight: bold;
  290.             cursor: pointer;
  291.         }
  292.         .sp-detail-sheet__invoice {
  293.             background: #fff;
  294.             border: 1px solid #17a2b8;
  295.             color: #17a2b8;
  296.         }
  297.         .sp-detail-sheet__cart {
  298.             background: #c00;
  299.             border: 1px solid #c00;
  300.             color: #fff;
  301.         }
  303.         /* ============================================
  304.            商品タイプ選択 共通スタイル
  305.         ============================================ */
  307.         /* セクションラベル */
  308.         .rp-section-label {
  309.             font-size: 14px;
  310.             font-weight: bold;
  311.             color: #333;
  312.             margin-bottom: 10px;
  313.         }
  314.         .rp-section-label span {
  315.             font-weight: normal;
  316.             color: #c00;
  317.         }
  319.         /* ---- 1. 画像付きカード ---- */
  320.         .rp-card-group {
  321.             display: flex;
  322.             flex-wrap: wrap;
  323.             gap: 8px;
  324.             margin-bottom: 4px;
  325.         }
  326.         .rp-card {
  327.             position: relative;
  328.             cursor: pointer;
  329.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  330.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  331.             /* iOS Safari: prevent the first tap from being consumed as a text
  332.                selection (\"字だけ青くなる\" = selection highlight) which forced a
  333.                2nd tap to actually switch the option (#15). */
  334.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  335.             -webkit-touch-callout: none;
  336.             width: 110px;
  337.             border: 2px solid #ddd;
  338.             border-radius: 10px;
  339.             overflow: hidden;
  340.             transition: border-color 0.2s, box-shadow 0.2s;
  341.             background: #fff;
  342.             text-decoration: none;
  343.             color: #333;
  344.             display: block;
  345.         }
  346.         /* Gate :hover behind real hover-capable pointers. On iOS Safari a
  347.            :hover rule that changes appearance makes the first tap apply the
  348.            hover state and suppresses the click, so the option chip needed a
  349.            second tap to fire its onclick (is-selected + price update). */
  350.         @media (hover: hover) and (pointer: fine) {
  351.             .rp-card:hover {
  352.                 border-color: #999;
  353.                 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  354.             }
  355.         }
  356.         .rp-card.is-selected {
  357.             border-color: #1a6fcf;
  358.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  359.         }
  360.         /* visually-hidden instead of display:none. A label wrapping a
  361.            display:none radio fires its tap unreliably on iOS Safari (first tap
  362.            often ignored -> \"2回タッチ\"). Keeping the input in the layout but
  363.            invisible makes the first tap register. */
  364.         .rp-card input[type=\"radio\"] {
  365.             position: absolute; opacity: 0; width: 1px; height: 1px;
  366.             margin: 0; pointer-events: none;
  367.         }
  368.         .rp-card__image {
  369.             width: 100%;
  370.             aspect-ratio: 1 / 1;
  371.             object-fit: cover;
  372.             display: block;
  373.             background: #f5f5f5;
  374.         }
  375.         .rp-card__placeholder {
  376.             width: 100%;
  377.             aspect-ratio: 1 / 1;
  378.             background: #f0f0f0;
  379.             display: flex;
  380.             align-items: center;
  381.             justify-content: center;
  382.             color: #bbb;
  383.             font-size: 24px;
  384.         }
  385.         .rp-card__name {
  386.             display: block;
  387.             padding: 5px 5px;
  388.             font-size: 11px;
  389.             color: #333;
  390.             text-align: center;
  391.             line-height: 1.4;
  392.             word-break: break-all;
  393.         }
  394.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  395.         .rp-card.is-selected::after {
  396.             content: \"✓\";
  397.             position: absolute;
  398.             top: 3px; right: 6px;
  399.             color: #1a6fcf;
  400.             font-size: 13px;
  401.             font-weight: bold;
  402.         }
  404.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  405.         .rp-btn-group {
  406.             display: flex;
  407.             flex-wrap: wrap;
  408.             gap: 8px;
  409.             margin-bottom: 4px;
  410.             max-width: 100%;
  411.             min-width: 0;
  412.         }
  413.         .rp-btn {
  414.             cursor: pointer;
  415.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  416.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  417.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  418.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  419.             -webkit-touch-callout: none;
  420.             padding: 8px 14px;
  421.             border: 2px solid #ddd;
  422.             border-radius: 10px;
  423.             font-size: 13px;
  424.             color: #333;
  425.             background: #fff;
  426.             transition: border-color 0.2s, background 0.2s;
  427.             white-space: normal;
  428.             max-width: 100%;
  429.             overflow-wrap: anywhere;
  430.             text-decoration: none;
  431.         }
  432.         @media (hover: hover) and (pointer: fine) {
  433.             .rp-btn:hover { border-color: #999; }
  434.         }
  435.         .rp-btn.is-selected {
  436.             border-color: #1a6fcf;
  437.             color: #1a6fcf;
  438.             font-weight: bold;
  439.             background: #f0f6ff;
  440.         }
  441.         .rp-btn input[type=\"radio\"] {
  442.             position: absolute; opacity: 0; width: 1px; height: 1px;
  443.             margin: 0; pointer-events: none;
  444.         }
  446.         /* iOS Safari \"2回タッチ\" fix for the type-selection link chips.
  447.            The global theme stylesheet ships an ungated `a:hover{color:#296292}`
  448.            (paired with `a{color:#337ab7;text-decoration:underline}`). Because
  449.            .rp-btn / .rp-card are real <a> links, iOS Safari applies that hover
  450.            colour on the FIRST tap — the chip text turns blue (#296292, the
  451.            reported \"字だけ青くなる\") — and treats the tap as a hover, swallowing
  452.            the navigation so a 2nd tap was needed. The local .rp-*:hover rules
  453.            are already gated behind (hover:hover), but this inherited global
  454.            rule was not. Pin the hover/active colour to the base/selected colour
  455.            so tapping produces no visual change and the first tap navigates
  456.            immediately. Higher specificity (0,2,0 / 0,3,0) overrides a:hover. */
  457.         .rp-btn:hover,
  458.         .rp-btn:active { color: #333; text-decoration: none; }
  459.         .rp-btn.is-selected:hover,
  460.         .rp-btn.is-selected:active { color: #1a6fcf; text-decoration: none; }
  461.         .rp-card:hover,
  462.         .rp-card:active { color: #333; text-decoration: none; }
  463.         .rp-card:hover .rp-card__name,
  464.         .rp-card:active .rp-card__name { color: #333; }
  465.         .rp-card.is-selected:hover .rp-card__name,
  466.         .rp-card.is-selected:active .rp-card__name { color: #1a6fcf; }
  468.         /* ---- 選択肢が多い場合: 縦3段に収めて横スクロール（顧客要望「3列くらいで横スクロール」）---- */
  469.         /* grid-auto-flow:column + 3行固定 → 選択肢が縦に最大3段、超過分は右へ伸び横スクロールで閲覧 */
  470.         .rp-btn-group.is-scroll,
  471.         .opt-btn-group.is-scroll {
  472.             display: grid;
  473.             grid-auto-flow: column;
  474.             grid-template-rows: repeat(3, auto);
  475.             grid-auto-columns: max-content;
  476.             justify-content: start;
  477.             align-items: start;
  478.             gap: 8px;
  479.             overflow-x: auto;
  480.             overflow-y: hidden;
  481.             -webkit-overflow-scrolling: touch;
  482.             scrollbar-width: thin;
  483.             /* 上下に余白を確保して、行の枠線が overflow クリップ／スクロールバーに
  484.                切り取られないようにする（「文字列が長いと下枠が消える」対策）。 */
  485.             padding: 2px 0 12px;
  486.         }
  487.         /* is-scroll（横スクロール）内では選択肢を折り返さず単一行に固定する。
  488.            折り返すと行高が不揃いになり overflow-y:hidden で下枠が切れるため、
  489.            長い選択肢は折り返さず横スクロールで見せる（本来の設計意図）。 */
  490.         .rp-btn-group.is-scroll .rp-btn,
  491.         .rp-btn-group.is-scroll .opt-btn,
  492.         .opt-btn-group.is-scroll .rp-btn,
  493.         .opt-btn-group.is-scroll .opt-btn {
  494.             white-space: nowrap;
  495.             word-break: normal;
  496.             overflow-wrap: normal;
  497.         }
  498.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  499.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  500.             height: 6px;
  501.         }
  502.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  503.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  504.             background: #c0c0c0;
  505.             border-radius: 3px;
  506.         }
  508.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  509.         .rp-select-wrap {
  510.             margin-bottom: 4px;
  511.         }
  512.         .rp-select {
  513.             width: 100%;
  514.             max-width: 420px;
  515.             padding: 8px 12px;
  516.             border: 2px solid #ddd;
  517.             border-radius: 10px;
  518.             font-size: 13px;
  519.             color: #333;
  520.             background: #fff;
  521.             appearance: none;
  522.             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\");
  523.             background-repeat: no-repeat;
  524.             background-position: right 12px center;
  525.             cursor: pointer;
  526.         }
  527.         .rp-select:focus {
  528.             outline: none;
  529.             border-color: #1a6fcf;
  530.         }
  532.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  533.         .opt-btn-group {
  534.             display: flex;
  535.             flex-wrap: wrap;
  536.             gap: 8px;
  537.             padding: 6px 0;
  538.             max-width: 100%;
  539.             min-width: 0;
  540.         }
  541.         .opt-btn {
  542.             cursor: pointer;
  543.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  544.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  545.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  546.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  547.             -webkit-touch-callout: none;
  548.             padding: 7px 14px;
  549.             border: 2px solid #ddd;
  550.             border-radius: 10px;
  551.             font-size: 13px;
  552.             color: #333;
  553.             background: #fff;
  554.             transition: border-color 0.2s, background 0.2s;
  555.             white-space: normal;
  556.             max-width: 100%;
  557.             overflow-wrap: anywhere;
  558.             text-decoration: none;
  559.         }
  560.         @media (hover: hover) and (pointer: fine) {
  561.             .opt-btn:hover { border-color: #999; }
  562.         }
  563.         .opt-btn.is-selected {
  564.             border-color: #1a6fcf;
  565.             color: #1a6fcf;
  566.             font-weight: bold;
  567.             background: #f0f6ff;
  568.         }
  569.         .opt-btn input[type=\"radio\"] {
  570.             position: absolute; opacity: 0; width: 1px; height: 1px;
  571.             margin: 0; pointer-events: none;
  572.         }
  574.         /* opt-btn with color swatch image. The label still works as a
  575.            radio target — clicking the image checks the input. The text
  576.            label stays under the image so users can still read the name. */
  577.         .opt-btn--with-image {
  578.             padding: 4px 6px 6px;
  579.             white-space: normal;
  580.             text-align: center;
  581.             display: inline-flex;
  582.             flex-direction: column;
  583.             align-items: center;
  584.             min-width: 96px;
  585.             max-width: 140px;
  586.         }
  587.         .opt-btn--with-image .opt-btn__img {
  588.             display: block;
  589.             width: 88px;
  590.             height: 66px;
  591.             object-fit: cover;
  592.             border-radius: 6px;
  593.             margin-bottom: 4px;
  594.             background: #f5f5f5;
  595.         }
  596.         .opt-btn--with-image .opt-btn__name {
  597.             display: block;
  598.             font-size: 11px;
  599.             line-height: 1.3;
  600.             color: inherit;
  601.         }
  602.         .opt-btn--with-image.is-selected .opt-btn__img {
  603.             outline: 2px solid #1a6fcf;
  604.             outline-offset: 1px;
  605.         }
  607.         /* sale_type=2 (内窓) 補助金対象ガラスの強調表示.
  608.            補助金が出る性能区分 (真空断熱 / Low-E複層 等) のガラス選択肢に
  609.            緑枠 + 「補助金対象」バッジを付け、選択前から判別できるようにする。 */
  610.         .opt-btn--subsidy {
  611.             border-color: #2e7d32;
  612.         }
  613.         .opt-btn--subsidy.is-selected {
  614.             border-color: #1a6fcf;
  615.         }
  616.         .opt-btn__subsidy-badge {
  617.             display: inline-block;
  618.             margin-left: 6px;
  619.             padding: 1px 6px;
  620.             border-radius: 6px;
  621.             background: #2e7d32;
  622.             color: #fff;
  623.             font-size: 11px;
  624.             font-weight: bold;
  625.             white-space: nowrap;
  626.         }
  628.         /* ============================================
  629.            施工エリア案内
  630.         ============================================ */
  631.         .ec-areaNotice {
  632.             margin: 16px 0;
  633.             padding: 16px 20px;
  634.             background: #f8f9fa;
  635.             border-left: 4px solid #1a6fcf;
  636.             border-radius: 0 8px 8px 0;
  637.         }
  638.         .ec-areaNotice__inner {
  639.             display: flex;
  640.             align-items: flex-start;
  641.             gap: 12px;
  642.         }
  643.         .ec-areaNotice__icon {
  644.             font-size: 22px;
  645.             line-height: 1;
  646.             flex-shrink: 0;
  647.             margin-top: 2px;
  648.         }
  649.         .ec-areaNotice__body {
  650.             flex: 1;
  651.         }
  652.         .ec-areaNotice__title {
  653.             font-size: 13px;
  654.             font-weight: bold;
  655.             color: #1a6fcf;
  656.             margin: 0 0 6px;
  657.         }
  658.         .ec-areaNotice__text {
  659.             font-size: 13px;
  660.             color: #444;
  661.             line-height: 1.7;
  662.             margin: 0;
  663.         }
  664.         .ec-areaNotice__text strong {
  665.             color: #222;
  666.         }
  667.         .ec-areaNotice__link {
  668.             display: inline-block;
  669.             margin-top: 8px;
  670.             font-size: 12px;
  671.             color: #1a6fcf;
  672.             text-decoration: underline;
  673.         }
  674.         .ec-areaNotice__link:hover {
  675.             color: #0d4fa0;
  676.         }
  678.         /* ============================================
  679.            SNSシェア + ブランド名 タイトル行
  680.         ============================================ */
  681.         .ec-productRole__titleRow {
  682.             display: flex;
  683.             align-items: center;
  684.             justify-content: space-between;
  685.             gap: 8px;
  686.             margin-bottom: 4px;
  687.         }
  688.         .ec-productRole__titleRow .ec-headingTitle {
  689.             margin: 0;
  690.             flex: 1;
  691.             font-size: 18px;
  692.         }
  693.         .ec-share-inline {
  694.             display: flex;
  695.             align-items: center;
  696.             gap: 8px;
  697.             flex-shrink: 0;
  698.         }
  699.         @media (max-width: 767px) {
  700.             /* maker_area の float を解除して独立表示 */
  701.             #maker_area {
  702.                 float: none !important;
  703.                 width: auto !important;
  704.                 height: auto !important;
  705.                 display: block;
  706.                 margin-bottom: 4px;
  707.             }
  708.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  709.             .ec-productRole__titleRow {
  710.                 flex-wrap: wrap;
  711.                 clear: both;
  712.             }
  713.             .ec-productRole__titleRow .ec-headingTitle {
  714.                 flex: 1 1 100%;
  715.                 font-size: 16px;
  716.             }
  717.             .ec-share-inline {
  718.                 flex: 0 0 auto;
  719.                 margin-left: auto;
  720.             }
  721.         }
  722.         .ec-share-inline a {
  723.             display: flex;
  724.             align-items: center;
  725.             justify-content: center;
  726.             width: 32px;
  727.             height: 32px;
  728.             border-radius: 50%;
  729.             font-size: 15px;
  730.             color: #fff;
  731.             text-decoration: none;
  732.             transition: opacity 0.2s;
  733.         }
  734.         .ec-share-inline a:hover { opacity: 0.8; }
  735.         .ec-share-inline .share-twitter  { background: #000; }
  736.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  737.         .ec-share-inline .share-line     { background: #06c755; }
  739.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  740.         .ec-productRole__share { display: none; }
  742.         /* ============================================
  743.            PC用: 現在のお見積り額カード強調
  744.         ============================================ */
  745.         @media (min-width: 768px) {
  746.             .mitsumori-card-pc {
  747.                 border: 2px solid #1a6fcf !important;
  748.                 border-radius: 10px !important;
  749.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  750.                 margin-top: 20px;
  751.                 overflow: hidden;
  752.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  753.             }
  754.             .mitsumori-card-pc .card-header {
  755.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  756.                 color: #fff !important;
  757.                 padding: 14px 16px !important;
  758.                 border-bottom: none !important;
  759.             }
  760.             .mitsumori-card-pc .card-title {
  761.                 color: #fff !important;
  762.                 font-size: 15px !important;
  763.                 font-weight: bold !important;
  764.                 margin: 0 !important;
  765.             }
  766.             .mitsumori-card-pc #mitsumori_message {
  767.                 font-size: 22px !important;
  768.                 font-weight: bold !important;
  769.                 color: #fff !important;
  770.             }
  771.             .mitsumori-card-pc .btn-tool {
  772.                 color: #fff !important;
  773.             }
  774.             /* 合計行を大きく強調 */
  775.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  776.                 font-size: 16px !important;
  777.                 font-weight: bold !important;
  778.                 color: #c00 !important;
  779.                 background: #fff8f8 !important;
  780.                 padding: 12px 16px !important;
  781.             }
  782.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  783.                 font-size: 20px !important;
  784.                 font-weight: bold !important;
  785.                 color: #c00 !important;
  786.             }
  787.             /* card-body（明細リスト）を白背景に */
  788.             .mitsumori-card-pc .card-body {
  789.                 background: #fff !important;
  790.             }
  791.             .mitsumori-card-pc .card-footer {
  792.                 background: #f8faff !important;
  793.                 border-top: 1px solid #dce8fb !important;
  794.                 padding: 12px 16px !important;
  795.             }
  796.         }
  798.         @media (max-width: 767px) {
  799.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  800.             .mitsumori-card-pc {
  801.                 border: none !important;
  802.                 border-radius: 0 !important;
  803.                 box-shadow: none !important;
  804.                 margin-top: 0 !important;
  805.                 overflow: visible !important;
  806.                 background: none !important;
  807.                 /* sticky-top(position:sticky / z-index:1020) を解除。
  808.                    そのままだと最下部で #sp-mitsumori-bar(z-index:1000) の上に
  809.                    重なり、合計バーと文字が被るため通常フローへ戻す。 */
  810.                 position: static !important;
  811.                 z-index: auto !important;
  812.             }
  813.             .mitsumori-card-pc .card-header {
  814.                 background: none !important;
  815.                 color: inherit !important;
  816.                 padding: inherit !important;
  817.                 border-bottom: inherit !important;
  818.             }
  819.             .mitsumori-card-pc .card-title { color: inherit !important; }
  820.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  821.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  822.             /* 折りたたみトグルボタン */
  823.             .btn-mitsumori-toggle {
  824.                 background: none !important;
  825.                 border: 1px solid #aaa !important;
  826.                 border-radius: 4px !important;
  827.                 padding: 2px 8px !important;
  828.                 font-size: 12px !important;
  829.                 color: #333 !important;
  830.                 line-height: 1.4 !important;
  831.             }
  832.             .btn-mitsumori-toggle .toggle-icon {
  833.                 display: inline-block;
  834.                 transition: transform 0.2s;
  835.             }
  836.             /* 展開状態: ▼→▲ */
  837.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  838.                 content: \"▲ 閉じる\";
  839.             }
  840.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  841.                 display: none;
  842.             }
  843.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  844.                 content: \"▲ 閉じる\";
  845.                 font-size: 12px;
  846.             }
  847.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  848.                 font-size: inherit !important;
  849.                 color: inherit !important;
  850.                 background: none !important;
  851.                 padding: inherit !important;
  852.             }
  853.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  854.                 font-size: inherit !important;
  855.                 color: inherit !important;
  856.             }
  857.             .mitsumori-card-pc .card-footer {
  858.                 background: none !important;
  859.                 border-top: inherit !important;
  860.                 padding: inherit !important;
  861.             }
  862.             /* 横スクロール禁止 */
  863.             body, html {
  864.                 overflow-x: hidden;
  865.                 max-width: 100vw;
  866.             }
  867.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  868.             .opt-btn,
  869.             .rp-btn {
  870.                 white-space: normal;
  871.                 word-break: break-all;
  872.             }
  873.             /* エリア案内: スマホでコンパクト */
  874.             .ec-areaNotice {
  875.                 margin: 8px 0;
  876.                 padding: 8px 10px;
  877.                 border-left-width: 3px;
  878.                 cursor: pointer;
  879.             }
  880.             .ec-areaNotice__inner {
  881.                 flex-direction: row;
  882.                 gap: 8px;
  883.                 align-items: flex-start;
  884.             }
  885.             .ec-areaNotice__icon { font-size: 15px; }
  886.             /* タイトル行: 展開トグル */
  887.             .ec-areaNotice__title {
  888.                 font-size: 11px;
  889.                 margin-bottom: 3px;
  890.                 display: flex;
  891.                 justify-content: space-between;
  892.                 align-items: center;
  893.             }
  894.             .ec-areaNotice__title::after {
  895.                 content: \"▼\";
  896.                 font-size: 9px;
  897.                 color: #888;
  898.                 margin-left: 6px;
  899.                 transition: transform 0.2s;
  900.             }
  901.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  902.                 transform: rotate(180deg);
  903.             }
  904.             /* 折りたたみ対象: 閉じた状態では非表示 */
  905.             .ec-areaNotice__detail {
  906.                 display: none;
  907.             }
  908.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  909.                 display: block;
  910.             }
  911.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  912.             .ec-areaNotice__text br { display: none; }
  913.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  914.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  915.             
  916.             #sp-mitsumori-bar {
  917.                 display: flex;
  918.                 position: fixed;
  919.                 bottom: 0;
  920.                 left: 0;
  921.                 right: 0;
  922.                 z-index: 1000;
  923.                 background: #fff;
  924.                 border-top: 2px solid #e0e0e0;
  925.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  926.                 align-items: center;
  927.                 padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) 10px;
  928.                 gap: 8px;
  929.             }
  930.             #sp-mitsumori-bar .sp-bar__label {
  931.                 font-size: 11px;
  932.                 color: #666;
  933.                 white-space: nowrap;
  934.             }
  935.             /* 価格ラッパ: 合計金額は最重要のため常に全桁表示する（縮小・省略しない）。
  936.                幅が足りない場合は下のボタン側を縮める（flex 配分でボタンが先に縮む）。 */
  937.             #sp-mitsumori-bar .sp-bar__pricewrap {
  938.                 flex: 0 0 auto;
  939.                 min-width: 0;
  940.             }
  941.             #sp-mitsumori-bar .sp-bar__price {
  942.                 font-size: 18px;
  943.                 font-weight: bold;
  944.                 color: #c00;
  945.                 white-space: nowrap;
  946.             }
  947.             #sp-mitsumori-bar .sp-bar__btn {
  948.                 font-size: 12px;
  949.                 padding: 8px 12px;
  950.                 background: #333;
  951.                 color: #fff;
  952.                 border: none;
  953.                 border-radius: 6px;
  954.                 white-space: nowrap;
  955.                 cursor: pointer;
  956.                 position: relative;
  957.                 display: inline-flex;
  958.                 align-items: center;
  959.                 gap: 6px;
  960.                 flex: 1 1 auto;
  961.                 min-width: 0;
  962.                 justify-content: center;
  963.             }
  964.             #sp-mitsumori-bar .sp-bar__btn i {
  965.                 font-size: 14px;
  966.                 flex: 0 0 auto;
  967.             }
  968.             /* お見積りの詳細（内訳）を開くボタン。価格・カートボタンを圧迫しないよう
  969.                最小幅のアイコン＋短ラベルにし、幅不足時も縮まない固定幅で維持する。 */
  970.             #sp-mitsumori-bar .sp-bar__detail-btn {
  971.                 display: inline-flex;
  972.                 flex-direction: column;
  973.                 align-items: center;
  974.                 justify-content: center;
  975.                 gap: 2px;
  976.                 flex: 0 0 auto;
  977.                 padding: 4px 8px;
  978.                 background: #fff;
  979.                 color: #c00;
  980.                 border: 1px solid #c00;
  981.                 border-radius: 6px;
  982.                 font-size: 10px;
  983.                 font-weight: bold;
  984.                 line-height: 1.1;
  985.                 white-space: nowrap;
  986.                 cursor: pointer;
  987.             }
  988.             #sp-mitsumori-bar .sp-bar__detail-btn i { font-size: 15px; }
  989.             /* 幅が足りないときはボタンの文字を省略し、価格と数字を守る。 */
  990.             #sp-mitsumori-bar .sp-bar__btn-label {
  991.                 overflow: hidden;
  992.                 text-overflow: ellipsis;
  993.                 white-space: nowrap;
  994.             }
  995.             #sp-mitsumori-bar .sp-bar__cart-badge {
  996.                 position: absolute;
  997.                 top: -6px;
  998.                 right: -6px;
  999.                 background: #c00;
  1000.                 color: #fff;
  1001.                 border-radius: 50%;
  1002.                 min-width: 16px;
  1003.                 height: 16px;
  1004.                 font-size: 10px;
  1005.                 line-height: 16px;
  1006.                 padding: 0 4px;
  1007.                 font-weight: bold;
  1008.             }
  1009.             #sp-mitsumori-bar .sp-bar__home-btn {
  1010.                 display: inline-flex;
  1011.                 align-items: center;
  1012.                 justify-content: center;
  1013.                 width: 36px;
  1014.                 height: 36px;
  1015.                 flex: 0 0 auto;
  1016.                 border: 1px solid #ccc;
  1017.                 border-radius: 6px;
  1018.                 background: #fff;
  1019.                 color: #333;
  1020.                 text-decoration: none;
  1021.                 cursor: pointer;
  1022.             }
  1023.             #sp-mitsumori-bar .sp-bar__home-btn i {
  1024.                 font-size: 16px;
  1025.             }
  1026.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  1027.                 background: #f0f0f0;
  1028.             }
  1029.             /* 下部バーの高さ分ページ下部にpaddingを追加 (iOS safe-area 込み) */
  1030.             body {
  1031.                 padding-bottom: calc(80px + env(safe-area-inset-bottom));
  1032.             }
  1033.         }
  1035.         /* ============================================
  1036.            カート追加モーダル: 縦並び中央配置
  1037.         ============================================ */
  1038.         .add-cart-modal__wrap {
  1039.             text-align: center;
  1040.         }
  1041.         .add-cart-modal__header {
  1042.             font-size: 16px;
  1043.             margin: 20px 0 24px;
  1044.             text-align: center;
  1045.         }
  1046.         .add-cart-modal__actions {
  1047.             display: flex;
  1048.             flex-direction: column;
  1049.             align-items: center;
  1050.             gap: 16px;
  1051.             padding: 0 20px 20px;
  1052.         }
  1053.         .add-cart-modal__primary {
  1054.             display: inline-block;
  1055.             width: 80%;
  1056.             max-width: 320px;
  1057.             padding: 14px 20px;
  1058.             font-size: 15px;
  1059.             font-weight: bold;
  1060.             text-align: center;
  1061.             background: #d9534f;
  1062.             color: #fff !important;
  1063.             border-radius: 6px;
  1064.             text-decoration: none;
  1065.             cursor: pointer;
  1066.         }
  1067.         .add-cart-modal__primary:hover {
  1068.             background: #c9302c;
  1069.             color: #fff !important;
  1070.             text-decoration: none;
  1071.         }
  1072.         .add-cart-modal__secondary {
  1073.             display: inline-block;
  1074.             padding: 6px 14px;
  1075.             font-size: 12px;
  1076.             color: #666;
  1077.             border: 1px solid #ccc;
  1078.             border-radius: 4px;
  1079.             background: #fff;
  1080.             cursor: pointer;
  1081.         }
  1082.         .add-cart-modal__secondary:hover {
  1083.             background: #f0f0f0;
  1084.             color: #333;
  1085.         }
  1086.         @media (max-width: 767px) {
  1087.             .add-cart-modal__actions {
  1088.                 gap: 20px;
  1089.             }
  1090.         }
  1091.     </style>
  1092. ";
  1093.         
  1094.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1096.         
  1097.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1099.     }
  1101.     // line 1037
  1102.     public function block_javascript($context, array $blocks = [])
  1103.     {
  1104.         $macros = $this->macros;
  1105.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1106.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  1108.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1109.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  1111.         // line 1038
  1112.         echo "
  1113.     <script>
  1114.         eccube.classCategories = ";
  1115.         // line 1040
  1116.         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.', 1040, $this->source); })()));
  1117.         echo ";
  1119.         // 規格2に選択肢を割り当てる。
  1120.         function fnSetClassCategories(form, classcat_id2_selected) {
  1121.             var \$form = \$(form);
  1122.             var product_id = \$form.find('input[name=product_id]').val();
  1123.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  1124.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1125.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  1126.         }
  1128.         ";
  1129.         // line 1051
  1130.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 1051)) {
  1131.             // line 1052
  1132.             echo "        fnSetClassCategories(
  1133.             \$('#form1'), ";
  1134.             // line 1053
  1135.             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.', 1053, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 1053), "vars", [], "any", false, false, false, 1053), "value", [], "any", false, false, false, 1053));
  1136.             echo "
  1137.         );
  1138.         ";
  1139.         } elseif (twig_get_attribute($this->env, $this->source,         // line 1055
  1140. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 1055)) {
  1141.             // line 1056
  1142.             echo "        eccube.checkStock(\$('#form1'), ";
  1143.             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.', 1056, $this->source); })()), "id", [], "any", false, false, false, 1056), "html", null, true);
  1144.             echo ", ";
  1145.             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.', 1056, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 1056), "vars", [], "any", false, false, false, 1056), "value", [], "any", false, false, false, 1056));
  1146.             echo ", null);
  1147.         ";
  1148.         }
  1149.         // line 1058
  1150.         echo "    </script>
  1151.     <script>
  1152.         \$(function() {
  1153.             // bfcache無効化
  1154.             \$(window).bind('pageshow', function(event) {
  1155.                 if (event.originalEvent.persisted) {
  1156.                     location.reload(true);
  1157.                 }
  1158.             });
  1160.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  1161.             // img タグに width, height が付与されている.
  1162.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  1163.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  1164.             \$('.ec-grid2__cell').hide();
  1165.             var removeSize = function () {
  1166.                 \$('.slide-item').height('');
  1167.                 \$('.slide-item img')
  1168.                     .removeAttr('width')
  1169.                     .removeAttr('height')
  1170.                     .removeAttr('style');
  1172.             };
  1173.             var slickInitial = function(slick) {
  1174.                 \$('.ec-grid2__cell').fadeIn(1500);
  1175.                 var baseHeight = \$(slick.target).height();
  1176.                 var baseWidth = \$(slick.target).width();
  1177.                 var rate = baseWidth / baseHeight;
  1178. \t\t\t\tif(baseHeight * rate < 400){
  1179. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  1180. \t\t\t\t}else{
  1181. \t                \$('.slide-item').height(400); // 余白を削除する
  1182. \t\t\t\t}
  1183.                 // transform を使用することでCLSの影響を受けないようにする
  1184.                 \$('.slide-item img')
  1185.                     .css(
  1186.                         {
  1187.                             'transform-origin': 'top left',
  1188.                             'transform': 'scaleY(' + rate + ')',
  1189.                             'transition': 'transform .1s'
  1190.                         }
  1191.                     );
  1192.                 // 正しいサイズに近くなったら属性を解除する
  1193.                 setTimeout(removeSize, 500);
  1194.             };
  1195.             \$('.item_visual').on('init', slickInitial);
  1196.             // リサイズ時は CLS の影響を受けないため属性を解除する
  1197.             \$(window).resize(removeSize);
  1198.             \$('.item_visual').slick({
  1199.                 dots: false,
  1200.                 arrows: true,
  1201.                 responsive: [{
  1202.                     breakpoint: 768,
  1203.                     settings: {
  1204.                         dots: true,
  1205.                 \t\tarrows: false
  1206.                     }
  1207.                 }]
  1208.             });
  1210.             \$('.slideThumb').on('click', function() {
  1211.                 var index = \$(this).attr('data-index');
  1212.                 \$('.item_visual').slick('slickGoTo', index, false);
  1213.             })
  1214.         });
  1216.     </script>
  1217.     <script>
  1218.         \$(function() {
  1219.             \$('.add-cart').on('click', function(event) {
  1220.                 ";
  1221.         // line 1128
  1222.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 1128)) {
  1223.             // line 1129
  1224.             echo "                // 規格1フォームの必須チェック
  1225.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  1226.                     \$('#classcategory_id1')[0].setCustomValidity('";
  1227.             // line 1131
  1228.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  1229.             echo "');
  1230.                     return true;
  1231.                 } else {
  1232.                     \$('#classcategory_id1')[0].setCustomValidity('');
  1233.                 }
  1234.                 ";
  1235.         }
  1236.         // line 1137
  1237.         echo "
  1238.                 ";
  1239.         // line 1138
  1240.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 1138)) {
  1241.             // line 1139
  1242.             echo "                // 規格2フォームの必須チェック
  1243.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  1244.                     \$('#classcategory_id2')[0].setCustomValidity('";
  1245.             // line 1141
  1246.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  1247.             echo "');
  1248.                     return true;
  1249.                 } else {
  1250.                     \$('#classcategory_id2')[0].setCustomValidity('');
  1251.                 }
  1252.                 ";
  1253.         }
  1254.         // line 1147
  1255.         echo "
  1256.                 // タイプ2: カート送信直前に set_count を quantity に同期
  1257.                 if(\$('#set_count').length){
  1258.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  1259.                     \$('#quantity').val(_sc);
  1260.                     \$('input[name=\"quantity\"]').val(_sc);
  1261.                 }
  1263.                 // 個数フォームのチェック
  1264.                 if (\$('#quantity').val() < 1) {
  1265.                     \$('#quantity')[0].setCustomValidity('";
  1266.         // line 1157
  1267.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  1268.         echo "');
  1269.                     return true;
  1270.                 } else {
  1271.                     \$('#quantity')[0].setCustomValidity('');
  1272.                 }
  1274.                 event.preventDefault();
  1275.                 \$form = \$('#form1');
  1276.                 \$.ajax({
  1277.                     url: \$form.attr('action'),
  1278.                     type: \$form.attr('method'),
  1279.                     data: \$form.serialize(),
  1280.                     dataType: 'json',
  1281.                     beforeSend: function(xhr, settings) {
  1282.                         // Buttonを無効にする
  1283.                         \$('.add-cart').prop('disabled', true);
  1284.                     }
  1285.                 }).done(function(data) {
  1286.                     // レスポンス内のメッセージをalertで表示
  1287.                     \$.each(data.messages, function() {
  1288.                         \$('#ec-modal-header').text(this);
  1289.                     });
  1291.                     \$('.ec-modal').show()
  1293.                     // カートブロックを更新する
  1294.                     \$.ajax({
  1295.                         url: \"";
  1296.         // line 1184
  1297.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  1298.         echo "\",
  1299.                         type: 'GET',
  1300.                         dataType: 'html'
  1301.                     }).done(function(html) {
  1302.                         \$('.ec-headerRole__cart').html(html);
  1303.                     });
  1304.                 }).fail(function(data) {
  1305.                     alert('";
  1306.         // line 1191
  1307.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  1308.         echo "');
  1309.                 }).always(function(data) {
  1310.                     // Buttonを有効にする
  1311.                     \$('.add-cart').prop('disabled', false);
  1312.                 });
  1313.             });
  1314.         });
  1316.         \$('.ec-modal-wrap').on('click', function(e) {
  1317.             // モーダル内の処理は外側にバブリングさせない
  1318.             e.stopPropagation();
  1319.         });
  1320.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1321.             \$('.ec-modal').hide()
  1322.         });
  1325. \t\tvar pw = \"";
  1326.         // line 1208
  1327.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1208, $this->source); })())) {
  1328.             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.', 1208, $this->source); })()), "pw", [], "any", false, false, false, 1208), "html", null, true);
  1329.         }
  1330.         echo "\";
  1331. \t\tvar pd = \"";
  1332.         // line 1209
  1333.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1209, $this->source); })())) {
  1334.             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.', 1209, $this->source); })()), "pd", [], "any", false, false, false, 1209), "html", null, true);
  1335.         }
  1336.         echo "\";
  1337. \t\tvar ph = \"";
  1338.         // line 1210
  1339.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1210, $this->source); })())) {
  1340.             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.', 1210, $this->source); })()), "ph", [], "any", false, false, false, 1210), "html", null, true);
  1341.         }
  1342.         echo "\";
  1343. \t\tvar pm = \"";
  1344.         // line 1211
  1345.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1211, $this->source); })())) {
  1346.             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.', 1211, $this->source); })()), "pm", [], "any", false, false, false, 1211), "html", null, true);
  1347.         }
  1348.         echo "\";
  1349. \t\tvar pc = \"";
  1350.         // line 1212
  1351.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1212, $this->source); })())) {
  1352.             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.', 1212, $this->source); })()), "pc", [], "any", false, false, false, 1212), "html", null, true);
  1353.         }
  1354.         echo "\";
  1355. \t\t// option1 / option2: カテゴリ別 option 軸 (um: タイプ=subtype, fe: ct_up 等)
  1356. \t\tvar option1 = \"";
  1357.         // line 1214
  1358.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1214, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 1214))) {
  1359.             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.', 1214, $this->source); })()), "option1", [], "any", false, false, false, 1214), "html", null, true);
  1360.         }
  1361.         echo "\";
  1362. \t\tvar option2 = \"";
  1363.         // line 1215
  1364.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1215, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 1215))) {
  1365.             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.', 1215, $this->source); })()), "option2", [], "any", false, false, false, 1215), "html", null, true);
  1366.         }
  1367.         echo "\";
  1368. \t\tvar op0 = \"";
  1369.         // line 1216
  1370.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1216, $this->source); })())) {
  1371.             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.', 1216, $this->source); })()), "op", [], "any", false, false, false, 1216), 0, [], "array", false, false, false, 1216), "html", null, true);
  1372.         }
  1373.         echo "\";
  1374. \t\tvar op1 = \"";
  1375.         // line 1217
  1376.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1217, $this->source); })())) {
  1377.             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.', 1217, $this->source); })()), "op", [], "any", false, false, false, 1217), 1, [], "array", false, false, false, 1217), "html", null, true);
  1378.         }
  1379.         echo "\";
  1380. \t\tvar op2 = \"";
  1381.         // line 1218
  1382.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1218, $this->source); })())) {
  1383.             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.', 1218, $this->source); })()), "op", [], "any", false, false, false, 1218), 2, [], "array", false, false, false, 1218), "html", null, true);
  1384.         }
  1385.         echo "\";
  1386. \t\tvar op3 = \"";
  1387.         // line 1219
  1388.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1219, $this->source); })())) {
  1389.             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.', 1219, $this->source); })()), "op", [], "any", false, false, false, 1219), 3, [], "array", false, false, false, 1219), "html", null, true);
  1390.         }
  1391.         echo "\";
  1392. \t\tvar op4 = \"";
  1393.         // line 1220
  1394.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1220, $this->source); })())) {
  1395.             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.', 1220, $this->source); })()), "op", [], "any", false, false, false, 1220), 4, [], "array", false, false, false, 1220), "html", null, true);
  1396.         }
  1397.         echo "\";
  1398. \t\tvar op5 = \"";
  1399.         // line 1221
  1400.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1221, $this->source); })())) {
  1401.             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.', 1221, $this->source); })()), "op", [], "any", false, false, false, 1221), 5, [], "array", false, false, false, 1221), "html", null, true);
  1402.         }
  1403.         echo "\";
  1404. \t\tvar op6 = \"";
  1405.         // line 1222
  1406.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1222, $this->source); })())) {
  1407.             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.', 1222, $this->source); })()), "op", [], "any", false, false, false, 1222), 6, [], "array", false, false, false, 1222), "html", null, true);
  1408.         }
  1409.         echo "\";
  1410. \t\tvar op7 = \"";
  1411.         // line 1223
  1412.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1223, $this->source); })())) {
  1413.             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.', 1223, $this->source); })()), "op", [], "any", false, false, false, 1223), 7, [], "array", false, false, false, 1223), "html", null, true);
  1414.         }
  1415.         echo "\";
  1416. \t\tvar op8 = \"";
  1417.         // line 1224
  1418.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1224, $this->source); })())) {
  1419.             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.', 1224, $this->source); })()), "op", [], "any", false, false, false, 1224), 8, [], "array", false, false, false, 1224), "html", null, true);
  1420.         }
  1421.         echo "\";
  1422. \t\tvar op9 = \"";
  1423.         // line 1225
  1424.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1225, $this->source); })())) {
  1425.             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.', 1225, $this->source); })()), "op", [], "any", false, false, false, 1225), 9, [], "array", false, false, false, 1225), "html", null, true);
  1426.         }
  1427.         echo "\";
  1428. \t\tvar op10 = \"";
  1429.         // line 1226
  1430.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1226, $this->source); })())) {
  1431.             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.', 1226, $this->source); })()), "op", [], "any", false, false, false, 1226), 10, [], "array", false, false, false, 1226), "html", null, true);
  1432.         }
  1433.         echo "\";
  1435. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  1437. \t\t// ============================================================
  1438. \t\t//  free_area 1 エントリのスキーマ（11 キー固定）
  1439. \t\t// ============================================================
  1440. \t\t//   w           : 幅 (string, 例 \"239.9cm\" / tf は \"1m\")
  1441. \t\t//   d           : 奥行
  1442. \t\t//   h           : 高さ (tf はロール長 \"10m\")
  1443. \t\t//   m           : 素材
  1444. \t\t//   c           : カラー
  1445. \t\t//   price       : 販売価格 (税抜、amount=1 ベース)
  1446. \t\t//   unit_price  : 商品 per-unit 増分 (税抜、AMOUNT_CATEGORIES のみ)
  1447. \t\t//   maker_price : メーカー価格 (税抜)
  1448. \t\t//   ct          : 基本工事費 (税抜、amount=1 ベース)
  1449. \t\t//   option1     : fe → ct_up / その他カテゴリ → category-specific
  1450. \t\t//   option2     : um → ct_up / その他カテゴリ → category-specific
  1451. \t\t//
  1452. \t\t//  ct4 (設置場所) / ct5 (撤去) / ct6 (残土) は option_area 側で扱う.
  1453. \t\t// ============================================================
  1455. \t\t// 施工オプション定義（option_area）— 各エントリ {name, comment, on, off, price}
  1456. \t\tvar op_data = ";
  1457.         // line 1249
  1458.         echo ((array_key_exists("op_json", $context)) ? (_twig_default_filter((isset($context["op_json"]) || array_key_exists("op_json", $context) ? $context["op_json"] : (function () { throw new RuntimeError('Variable "op_json" does not exist.', 1249, $this->source); })()), "[]")) : ("[]"));
  1459.         echo ";
  1461. \t\t// option_item_area:
  1462. \t\t//   tg 用 — block 別オプション差額表
  1463. \t\t//     { axis_labels: {F:'床材',front:'前面型',side1:'右側面型',side2:'左側面型'},
  1464. \t\t//       blocks: { 'W_label|D_label': { F:[{idx,label,diff},...], front:[...], side1:[...], side2:[...] }, ... } }
  1465. \t\t//   fe (sale_type=4) 用 — ブロックの種類×段数の差額表 (fe_block キー)
  1466. \t\t//     { fe_block: { depends_on_name: '...', depends_on_value: '...',
  1467. \t\t//                   title: '...', default_key: '...',
  1468. \t\t//                   choices: [{key,label,price}, ...] } }
  1469. \t\t// 該当しないカテゴリでは fe_block は null. axis_labels/blocks は空.
  1470. \t\tvar oi_data = ";
  1471.         // line 1260
  1472.         echo ((array_key_exists("oi_json", $context)) ? (_twig_default_filter((isset($context["oi_json"]) || array_key_exists("oi_json", $context) ? $context["oi_json"] : (function () { throw new RuntimeError('Variable "oi_json" does not exist.', 1260, $this->source); })()), "{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}")) : ("{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}"));
  1473.         echo ";
  1475. \t\t// 選択中の tg オプション差額 (axis -> selected choice_idx). ラジオ click で更新される.
  1476. \t\tvar oi_selected = { F: 1, front: 1, side1: 1, side2: 1 };
  1478. \t\t// 選択中の fe ブロック種類×段数 (key 文字列). 既定は oi_data.fe_block.default_key.
  1479. \t\tvar fe_block_selected = (oi_data && oi_data.fe_block && oi_data.fe_block.default_key) || '';
  1481. \t\t// sale_type ID（mtb_sale_type の id。本サイトでの意味は次の通り）:
  1482. \t\t//   1 通常 / 2 補助金窓 / 3 物置 / 4 フェンス / 5 デッキ / 6 芝生 / 9 商品のみ
  1483. \t\tvar SALE_TYPE_ID = ";
  1484.         // line 1270
  1485.         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.', 1270, $this->source); })()), "SaleType", [], "any", false, false, false, 1270), "id", [], "any", false, false, false, 1270), "html", null, true);
  1486.         echo ";
  1488. \t\t";
  1489.         // line 1273
  1490.         echo "\t\t";
  1491.         $context["option1_label"] = "オプション1";
  1492.         // line 1274
  1493.         echo "\t\t";
  1494.         $context["option2_label"] = "オプション2";
  1495.         // line 1275
  1496.         echo "\t\t";
  1497.         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.', 1275, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1275))) {
  1498.             // line 1276
  1499.             echo "\t\t\t";
  1500.             $context['_parent'] = $context;
  1501.             $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.', 1276, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1276));
  1502.             foreach ($context['_seq'] as $context["_key"] => $context["pcat"]) {
  1503.                 // line 1277
  1504.                 echo "\t\t\t\t";
  1505.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1277) == 31)) {
  1506.                     $context["option1_label"] = "サイズプリセット";
  1507.                     $context["option2_label"] = "駆動方式";
  1508.                 }
  1509.                 // line 1278
  1510.                 echo "\t\t\t\t";
  1511.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1278) == 43)) {
  1512.                     $context["option1_label"] = "ランマ";
  1513.                     $context["option2_label"] = "タイプ";
  1514.                 }
  1515.                 // line 1279
  1516.                 echo "\t\t\t\t";
  1517.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1279) == 15)) {
  1518.                     $context["option1_label"] = "棚タイプ";
  1519.                 }
  1520.                 // line 1280
  1521.                 echo "\t\t\t\t";
  1522.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1280) == 17)) {
  1523.                     $context["option1_label"] = "窓タイプ";
  1524.                 }
  1525.                 // line 1281
  1526.                 echo "\t\t\t";
  1527.             }
  1528.             $_parent = $context['_parent'];
  1529.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pcat'], $context['_parent'], $context['loop']);
  1530.             $context = array_intersect_key($context, $_parent) + $_parent;
  1531.             // line 1282
  1532.             echo "\t\t";
  1533.         }
  1534.         // line 1283
  1535.         echo "
  1536. \t\t// 消費税率（pp.price/pp.ct/op_data.price は scraper が税抜で保存しているため、
  1537. \t\t// calcGoukei 出口で 1+TAX_RATE を掛けて税込 mitsumori_goukei にする）
  1538. \t\tvar TAX_RATE = 0.10;
  1539. \t\tfunction toIncTax(v) { return Math.round(v * (1 + TAX_RATE)); }
  1541. \t\t/**
  1542. \t\t * tg 用 block 別オプション差額の集計.
  1543. \t\t *   現選択 (W, D) から block key を作り、oi_data.blocks[blockKey] を取得.
  1544. \t\t *   各 axis (F/front/side1/side2) で oi_selected[axis] の choice の diff を合計.
  1545. \t\t * 戻り値: { total: 差額合計(税抜), items: [{name, label, diff}, ...] }
  1546. \t\t *   block が無い (tg 以外 / 該当 (W,D) が未取得) なら total=0.
  1547. \t\t */
  1548. \t\tfunction collectOptionItems(curW, curD) {
  1549. \t\t\tvar result = { total: 0, items: [] };
  1550. \t\t\tif (!oi_data || !oi_data.blocks) return result;
  1551. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  1552. \t\t\tvar block = oi_data.blocks[blockKey];
  1553. \t\t\tif (!block) return result;
  1554. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  1555. \t\t\tfor (var i = 0; i < axes.length; i++) {
  1556. \t\t\t\tvar axis = axes[i];
  1557. \t\t\t\tvar choices = block[axis];
  1558. \t\t\t\tif (!choices || !choices.length) continue;
  1559. \t\t\t\tvar idx = oi_selected[axis] || 1;
  1560. \t\t\t\tvar pick = null;
  1561. \t\t\t\tfor (var j = 0; j < choices.length; j++) {
  1562. \t\t\t\t\tif (parseInt(choices[j].idx) === parseInt(idx)) { pick = choices[j]; break; }
  1563. \t\t\t\t}
  1564. \t\t\t\tif (!pick) pick = choices[0];
  1565. \t\t\t\tvar diff = parseInt(pick.diff) || 0;
  1566. \t\t\t\tresult.total += diff;
  1567. \t\t\t\tresult.items.push({
  1568. \t\t\t\t\tname:  oi_data.axis_labels[axis] || axis,
  1569. \t\t\t\t\tlabel: pick.label,
  1570. \t\t\t\t\tdiff:  diff,
  1571. \t\t\t\t});
  1572. \t\t\t}
  1573. \t\t\treturn result;
  1574. \t\t}
  1576. \t\t/**
  1577. \t\t * tg ラジオ群を block 別に DOM へ描画する.
  1578. \t\t *   W/D が確定したら現 block の 4 軸 (F/front/side1/side2) ラジオを #tg-options 要素に出す.
  1579. \t\t *   block が空なら #tg-options を空にする.
  1580. \t\t */
  1581. \t\tfunction renderOptionItemRadios(curW, curD) {
  1582. \t\t\tvar \$box = \$('#tg-options');
  1583. \t\t\tif (!\$box.length) return;
  1584. \t\t\t\$box.empty();
  1585. \t\t\tif (!oi_data || !oi_data.blocks) return;
  1586. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  1587. \t\t\tvar block = oi_data.blocks[blockKey];
  1588. \t\t\tif (!block) return;
  1589. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  1590. \t\t\taxes.forEach(function(axis) {
  1591. \t\t\t\tvar choices = block[axis];
  1592. \t\t\t\tif (!choices || !choices.length) return;
  1593. \t\t\t\tvar axisLabel = (oi_data.axis_labels && oi_data.axis_labels[axis]) || axis;
  1594. \t\t\t\tvar \$section = \$('<div class=\"form-group tg-axis\"></div>');
  1595. \t\t\t\t\$section.append('<p class=\"rp-section-label\"><strong>' + axisLabel + '</strong>: <span class=\"tg-axis-selected\"></span></p>');
  1596. \t\t\t\tvar \$list = \$('<div class=\"tg-choice-list\"></div>');
  1597. \t\t\t\tchoices.forEach(function(ch, i) {
  1598. \t\t\t\t\tvar inputId = 'tg_' + axis + '_' + ch.idx;
  1599. \t\t\t\t\tvar name = 'tg_' + axis;
  1600. \t\t\t\t\tvar checked = (parseInt(ch.idx) === parseInt(oi_selected[axis] || 1)) ? ' checked' : '';
  1601. \t\t\t\t\tvar diffTxt = ch.diff > 0 ? '+' + formatter.format(ch.diff) + '円' : (ch.diff < 0 ? formatter.format(ch.diff) + '円' : '±0');
  1602. \t\t\t\t\t\$list.append(
  1603. \t\t\t\t\t\t'<label class=\"tg-choice\"><input type=\"radio\" name=\"' + name + '\" id=\"' + inputId + '\" value=\"' + ch.idx + '\" data-axis=\"' + axis + '\"' + checked + '> ' +
  1604. \t\t\t\t\t\tch.label + '<span class=\"tg-diff\">（' + diffTxt + '）</span></label>'
  1605. \t\t\t\t\t);
  1606. \t\t\t\t});
  1607. \t\t\t\t\$section.append(\$list);
  1608. \t\t\t\t\$box.append(\$section);
  1609. \t\t\t});
  1610. \t\t\t// ラジオ click で oi_selected を更新 → 再計算
  1611. \t\t\t\$box.off('change.tg').on('change.tg', 'input[type=\"radio\"][data-axis]', function() {
  1612. \t\t\t\tvar axis = \$(this).data('axis');
  1613. \t\t\t\toi_selected[axis] = parseInt(\$(this).val()) || 1;
  1614. \t\t\t\tmitsumori_simulation('refresh', '');
  1615. \t\t\t});
  1616. \t\t\tupdateOptionItemSelectedLabels();
  1617. \t\t}
  1619. \t\tfunction updateOptionItemSelectedLabels() {
  1620. \t\t\t\$('#tg-options .tg-axis').each(function() {
  1621. \t\t\t\tvar \$sel = \$(this).find('input[type=\"radio\"]:checked');
  1622. \t\t\t\tif (!\$sel.length) return;
  1623. \t\t\t\tvar label = \$sel.parent().contents().filter(function() { return this.nodeType === 3; }).text().trim();
  1624. \t\t\t\t\$(this).find('.tg-axis-selected').text(label);
  1625. \t\t\t});
  1626. \t\t}
  1628. \t\t// =========================================================
  1629. \t\t// fe (sale_type=4) ブロック種類×段数 サブ UI
  1630. \t\t// =========================================================
  1632. \t\t/**
  1633. \t\t * fe_block の親オプション (= op_data 内の「ご希望のフェンス設置方法」 entry)
  1634. \t\t * を name でルックアップし、その index を返す. 見つからなければ -1.
  1635. \t\t *   fe_block.depends_on_name が設定されていればそれで照合.
  1636. \t\t *   未設定なら 'ご希望のフェンス設置方法' を含む name にフォールバック.
  1637. \t\t */
  1638. \t\tfunction findFeBlockParentOpIndex() {
  1639. \t\t\tif (!oi_data || !oi_data.fe_block) return -1;
  1640. \t\t\tvar needle = oi_data.fe_block.depends_on_name || 'ご希望のフェンス設置方法';
  1641. \t\t\tfor (var i = 0; i < op_data.length; i++) {
  1642. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  1643. \t\t\t\tif (op_data[i].name.indexOf(needle) >= 0) return i;
  1644. \t\t\t}
  1645. \t\t\treturn -1;
  1646. \t\t}
  1648. \t\t/**
  1649. \t\t * fe_block の現在の選択値の price (税抜) と choice 内容を集計.
  1650. \t\t *   親オプション (= 'ご希望のフェンス設置方法') が depends_on_value を選んでいる
  1651. \t\t *   ときだけ加算する. それ以外 (既存ブロック側 / 親未選択) は price=0.
  1652. \t\t * 戻り値: { price: 0|N, choice: {key,label,price}|null, active: bool }
  1653. \t\t */
  1654. \t\tfunction collectFeBlock() {
  1655. \t\t\tvar result = { price: 0, choice: null, active: false };
  1656. \t\t\tif (SALE_TYPE_ID !== 4) return result;
  1657. \t\t\tif (!oi_data || !oi_data.fe_block) return result;
  1658. \t\t\tif (!oi_data.fe_block.choices || !oi_data.fe_block.choices.length) return result;
  1660. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1661. \t\t\tif (parentIdx < 0) return result;
  1662. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1663. \t\t\tvar parentSel = ops[parentIdx];
  1664. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  1665. \t\t\tif (parentSel !== triggerValue) return result;  // 親が新規ブロック積み以外なら無加算
  1667. \t\t\tresult.active = true;
  1668. \t\t\tvar choices = oi_data.fe_block.choices;
  1669. \t\t\tvar pick = null;
  1670. \t\t\tfor (var j = 0; j < choices.length; j++) {
  1671. \t\t\t\tif (choices[j].key === fe_block_selected) { pick = choices[j]; break; }
  1672. \t\t\t}
  1673. \t\t\tif (!pick) pick = choices[0];
  1674. \t\t\tresult.choice = pick;
  1675. \t\t\tresult.price  = parseInt(pick.price) || 0;
  1676. \t\t\treturn result;
  1677. \t\t}
  1679. \t\t/**
  1680. \t\t * fe_block ラジオ群を #fe-block-options 要素に描画する.
  1681. \t\t *   active=false (親が「新規にブロック積み」以外) のときは非表示.
  1682. \t\t */
  1683. \t\tfunction renderFeBlockRadios() {
  1684. \t\t\tvar \$box = \$('#fe-block-options');
  1685. \t\t\tif (!\$box.length) return;
  1686. \t\t\tif (!oi_data || !oi_data.fe_block || !oi_data.fe_block.choices) {
  1687. \t\t\t\t\$box.empty().hide();
  1688. \t\t\t\treturn;
  1689. \t\t\t}
  1690. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1691. \t\t\tif (parentIdx < 0) {
  1692. \t\t\t\t\$box.empty().hide();
  1693. \t\t\t\treturn;
  1694. \t\t\t}
  1695. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1696. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  1697. \t\t\tvar visible = (ops[parentIdx] === triggerValue);
  1698. \t\t\tif (!visible) {
  1699. \t\t\t\t\$box.hide();
  1700. \t\t\t\treturn;
  1701. \t\t\t}
  1703. \t\t\tvar fb = oi_data.fe_block;
  1704. \t\t\t\$box.empty();
  1705. \t\t\tvar \$title = \$('<p class=\"rp-section-label\"><strong>' + (fb.title || 'ブロックの種類と段数') + '</strong></p>');
  1706. \t\t\t\$box.append(\$title);
  1707. \t\t\t// 他オプション群と同じ .opt-btn-group / .opt-btn 形式で描画.
  1708. \t\t\t//   生の <label><input type=radio> ... 形式だと CSS 定義が無く
  1709. \t\t\t//   ラベル折り返し・縦ズレ・隣接 opt-btn との間隔不揃いが発生する.
  1710. \t\t\tvar \$list = \$('<div class=\"opt-btn-group\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  1711. \t\t\tfb.choices.forEach(function(ch) {
  1712. \t\t\t\tvar inputId = 'fe_block_' + ch.key;
  1713. \t\t\t\tvar isSel   = (ch.key === fe_block_selected);
  1714. \t\t\t\tvar checked = isSel ? ' checked' : '';
  1715. \t\t\t\tvar selCls  = isSel ? ' is-selected' : '';
  1716. \t\t\t\tvar priceTxt = (parseInt(ch.price) || 0) > 0
  1717. \t\t\t\t\t? ' <span class=\"fe-block-price\" style=\"margin-left:6px;color:#666;font-size:12px;white-space:nowrap;\">（+' + formatter.format(toIncTax(parseInt(ch.price))) + '円 税込）</span>'
  1718. \t\t\t\t\t: '';
  1719. \t\t\t\t\$list.append(
  1720. \t\t\t\t\t'<label class=\"opt-btn' + selCls + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  1721. \t\t\t\t\t'<input type=\"radio\" name=\"fe_block\" id=\"' + inputId + '\" value=\"' + ch.key + '\"' + checked + '>' +
  1722. \t\t\t\t\t'<span class=\"fe-block-label\">' + ch.label + '</span>' +
  1723. \t\t\t\t\tpriceTxt +
  1724. \t\t\t\t\t'</label>'
  1725. \t\t\t\t);
  1726. \t\t\t});
  1727. \t\t\t\$box.append(\$list);
  1728. \t\t\t\$box.show();
  1729. \t\t\t\$box.off('change.fe_block').on('change.fe_block', 'input[type=\"radio\"][name=\"fe_block\"]', function() {
  1730. \t\t\t\tfe_block_selected = \$(this).val();
  1731. \t\t\t\t// is-selected 切替 (opt-btn 形式共通)
  1732. \t\t\t\t\$box.find('label.opt-btn').removeClass('is-selected');
  1733. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  1734. \t\t\t\tmitsumori_simulation('refresh', '');
  1735. \t\t\t});
  1736. \t\t}
  1738. \t\t/**
  1739. \t\t * fe (sale_type=4) で op_data エントリの連動表示制御.
  1740. \t\t *   親「ご希望のフェンス設置方法」の選択値に応じて、
  1741. \t\t *     - 「既存ブロックに穴空け工事が必要ですか？」 entry を表示/非表示
  1742. \t\t *   切替の trigger は親選択値の文字列で判定 (entry index にハードコードしない).
  1743. \t\t */
  1744. \t\tfunction updateFeOpConditionalVisibility() {
  1745. \t\t\tif (SALE_TYPE_ID !== 4) return;
  1746. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1747. \t\t\tif (parentIdx < 0) return;
  1748. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1749. \t\t\tvar parentSel = ops[parentIdx];
  1750. \t\t\t// 親が「既存ブロックに設置する」 (= off 側) のとき穴空け entry を表示
  1751. \t\t\tvar triggerOffValue = (op_data[parentIdx] && op_data[parentIdx].off) || '既存ブロックに設置する';
  1752. \t\t\t\$('div[data-op-name]').each(function() {
  1753. \t\t\t\tvar n = \$(this).attr('data-op-name') || '';
  1754. \t\t\t\tif (n.indexOf('穴空け') >= 0) {
  1755. \t\t\t\t\tif (parentSel === triggerOffValue) {
  1756. \t\t\t\t\t\t\$(this).show();
  1757. \t\t\t\t\t} else {
  1758. \t\t\t\t\t\t\$(this).hide();
  1759. \t\t\t\t\t}
  1760. \t\t\t\t}
  1761. \t\t\t});
  1762. \t\t}
  1764. \t\t/**
  1765. \t\t * 選択中の施工オプションを集計し、ON選択分の price を合計する.
  1766. \t\t * 戻り値: { total: 合計金額, items: [{name, value, price}, ...] }
  1767. \t\t */
  1768. \t\tfunction collectOptions() {
  1769. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1770. \t\t\tvar total = 0;
  1771. \t\t\tvar items = [];
  1772. \t\t\tfor (var i = 0; i < ops.length; i++) {
  1773. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  1774. \t\t\t\tvar sel = ops[i];
  1775. \t\t\t\tif (!sel) continue;
  1776. \t\t\t\tvar price = parseInt(op_data[i].price) || 0;
  1777. \t\t\t\t// 「ON」選択時のみ加算（OFF や「不要」「商品購入のみ」は加算しない）
  1778. \t\t\t\tvar isOn = (sel === op_data[i].on);
  1779. \t\t\t\titems.push({
  1780. \t\t\t\t\tname:  op_data[i].name,
  1781. \t\t\t\t\tvalue: sel,
  1782. \t\t\t\t\tprice: isOn ? price : 0,
  1783. \t\t\t\t\ton:    op_data[i].on,
  1784. \t\t\t\t\toff:   op_data[i].off,
  1785. \t\t\t\t});
  1786. \t\t\t\tif (isOn) total += price;
  1787. \t\t\t}
  1788. \t\t\t// fe (sale_type=4) のブロック種類×段数 分を items / total に統合.
  1789. \t\t\t// 親オプション「ご希望のフェンス設置方法」 が 「新規にブロック積みを行う」 のとき
  1790. \t\t\t// だけ加算される (collectFeBlock 内で判定済み).
  1791. \t\t\tvar fb = collectFeBlock();
  1792. \t\t\tif (fb.active && fb.choice) {
  1793. \t\t\t\titems.push({
  1794. \t\t\t\t\tname:  (oi_data.fe_block && oi_data.fe_block.title) || 'ブロックの種類と段数',
  1795. \t\t\t\t\tvalue: fb.choice.label,
  1796. \t\t\t\t\tprice: fb.price,
  1797. \t\t\t\t\ton:    fb.choice.label,
  1798. \t\t\t\t\toff:   '',
  1799. \t\t\t\t});
  1800. \t\t\t\ttotal += fb.price;
  1801. \t\t\t}
  1802. \t\t\treturn { total: total, items: items };
  1803. \t\t}
  1805. \t\t/**
  1806. \t\t * free_area 1 エントリ ({w,d,h,m,c,price,unit_price,maker_price,ct,option1,option2})
  1807. \t\t * から sale_type 別に最終金額を算出する.
  1808. \t\t *
  1809. \t\t * 計算式（amount=1 ベース、出口で × 1.10 税込化）:
  1810. \t\t *   1 通常        : price + ct + option_sum
  1811. \t\t *   2 補助金窓    : price × set_count + (ct + (set_count-1) × option2) + option_sum
  1812. \t\t *   3 物置        : (price + ct) × daisu + option_sum
  1813. \t\t *   4 フェンス    : price + (maisu-1) × unit_price
  1814. \t\t *                  + ct + max(0, maisu-3) × option1
  1815. \t\t *                  + option_sum   (maisu >= 3)
  1816. \t\t *   5 デッキ      : price + ct + option_sum   (area は表示用、計算非関与)
  1817. \t\t *   6 芝生        : price × ceil(area / (w_m × h_m)) + ct + option_sum
  1818. \t\t *   9 商品のみ    : price のみ（カート quantity 倍で総額）
  1819. \t\t *
  1820. \t\t * fe では option1 を ct_up、um では option2 を ct_up として転用.
  1821. \t\t * tf では w / h にロール幅・長さが格納されており parseLen で数値抽出.
  1822. \t\t *
  1823. \t\t * @param {Object} pp  free_area の 1 行（matrix エントリ）
  1824. \t\t * @param {number} optionTotal  collectOptions().total
  1825. \t\t * @param {Object} ctx  UI 入力 {set_count, daisu, maisu, area, quantityOnly, ...}
  1826. \t\t * @returns {Object} {goukei, price, ct, opt, qty}  すべて税込整数
  1827. \t\t */
  1828. \t\tfunction calcGoukei(pp, optionTotal, ctx) {
  1829. \t\t\tvar basePrice  = parseInt(pp.price)       || 0;
  1830. \t\t\tvar baseCt     = parseInt(pp.ct)          || 0;
  1831. \t\t\tvar unitPrice  = parseInt(pp.unit_price)  || 0;
  1832. \t\t\tvar optSum     = optionTotal;
  1833. \t\t\tvar price      = basePrice;
  1834. \t\t\tvar ct         = baseCt;
  1835. \t\t\tvar qty        = 1;
  1836. \t\t\tvar goukei     = 0;
  1838. \t\t\t// 「商品購入のみ」選択時は工事費・オプションをゼロにする（任意 sale_type で適用）
  1839. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1840. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  1841. \t\t\tif (purchaseOnly) {
  1842. \t\t\t\tbaseCt = 0;
  1843. \t\t\t\tct     = 0;
  1844. \t\t\t\toptSum = 0;
  1845. \t\t\t}
  1847. \t\t\tswitch (SALE_TYPE_ID) {
  1848. \t\t\t\tcase 2: {  // 補助金・窓 (シンプル表引き方式 2026-05-)
  1849. \t\t\t\t\t// 2026-05 仕様簡素化: 枚数軸を廃止し、subtype に枚数を内包.
  1850. \t\t\t\t\t// pp.price / pp.ct は (W, H, ガラス, subtype) の単一価格.
  1851. \t\t\t\t\t// 複数枚をまとめて買う場合はカート quantity で表現.
  1852. \t\t\t\t\tqty    = 1;
  1853. \t\t\t\t\tprice  = basePrice;
  1854. \t\t\t\t\tct     = baseCt;
  1855. \t\t\t\t\tgoukei = price + ct + optSum;
  1856. \t\t\t\t\tbreak;
  1857. \t\t\t\t}
  1859. \t\t\t\tcase 3: {  // 物置・ゴミステーション
  1860. \t\t\t\t\tqty   = Math.max(1, parseInt(ctx.daisu) || 1);
  1861. \t\t\t\t\tprice = basePrice * qty;
  1862. \t\t\t\t\tct    = baseCt * qty;
  1863. \t\t\t\t\tgoukei = price + ct + optSum;
  1864. \t\t\t\t\tbreak;
  1865. \t\t\t\t}
  1867. \t\t\t\tcase 4: {  // フェンス・組み立て式（maisu ≥ 3、base_amount = 3）
  1868. \t\t\t\t\t// scraper は amount=3 を base にしているので pp.price = price(3),
  1869. \t\t\t\t\t// pp.unit_price = price(4) - price(3).
  1870. \t\t\t\t\tqty   = Math.max(3, parseInt(ctx.maisu) || 3);
  1871. \t\t\t\t\tprice = basePrice + (qty - 3) * unitPrice;
  1872. \t\t\t\t\t// option1 が ct_up (4枚目以降の増分). 未設定なら ct 固定動作
  1873. \t\t\t\t\tvar ctUp1 = parseInt(pp.option1) || 0;
  1874. \t\t\t\t\tct = baseCt + Math.max(0, qty - 3) * ctUp1;
  1875. \t\t\t\t\t// fe_block(ブロック積み段数): collectOptions が base(3枚分)を optSum に
  1876. \t\t\t\t\t// 算入済み. ブロック費も本体同様に枚数連動するため、4枚目以降は 1枚毎に
  1877. \t\t\t\t\t// choice.unit_price(= block(4)-block(3)) を加算する.
  1878. \t\t\t\t\t// (顧客指摘「何枚施工でも増える金額が同じ」の是正。unit_price 未設定の
  1879. \t\t\t\t\t//  旧データでは +0 で従来動作。)
  1880. \t\t\t\t\tif (!purchaseOnly) {
  1881. \t\t\t\t\t\tvar fbC = collectFeBlock();
  1882. \t\t\t\t\t\tif (fbC.active && fbC.choice) {
  1883. \t\t\t\t\t\t\toptSum += Math.max(0, qty - 3) * (parseInt(fbC.choice.unit_price) || 0);
  1884. \t\t\t\t\t\t}
  1885. \t\t\t\t\t}
  1886. \t\t\t\t\tgoukei = price + ct + optSum;
  1887. \t\t\t\t\tbreak;
  1888. \t\t\t\t}
  1890. \t\t\t\tcase 5: {  // ウッドデッキ・タイルデッキ
  1891. \t\t\t\t\t// area は担当者向けの参考値として保持（計算には使わない）
  1892. \t\t\t\t\tqty    = 1;
  1893. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  1894. \t\t\t\t\tprice  = basePrice;
  1895. \t\t\t\t\tct     = baseCt;
  1896. \t\t\t\t\tbreak;
  1897. \t\t\t\t}
  1899. \t\t\t\tcase 6: {  // 芝生・人工芝（ロール単位）
  1900. \t\t\t\t\t// pp.w \"1m\", pp.h \"10m\" から数値抽出
  1901. \t\t\t\t\tvar w_m = parseLen(pp.w);
  1902. \t\t\t\t\tvar h_m = parseLen(pp.h);
  1903. \t\t\t\t\tvar rollSize = w_m * h_m;
  1904. \t\t\t\t\tif (!rollSize || rollSize <= 0) rollSize = 1;
  1905. \t\t\t\t\t// 施工サイズ(面積)があれば必要枚数を自動算出。無ければ直接指定の枚数を使う。
  1906. \t\t\t\t\tvar area  = parseFloat(ctx.area) || 0;
  1907. \t\t\t\t\tif (area > 0) {
  1908. \t\t\t\t\t\tqty = Math.max(1, Math.ceil(area / rollSize));
  1909. \t\t\t\t\t} else {
  1910. \t\t\t\t\t\tqty = Math.max(1, parseInt(ctx.tf_qty) || 1);
  1911. \t\t\t\t\t}
  1912. \t\t\t\t\tprice  = basePrice * qty;
  1913. \t\t\t\t\tct     = baseCt;
  1914. \t\t\t\t\tgoukei = price + ct + optSum;
  1915. \t\t\t\t\tbreak;
  1916. \t\t\t\t}
  1918. \t\t\t\tcase 7: {  // 数量買い・基本工事費固定（gf ガーデンファニチャー / st 石材）
  1919. \t\t\t\t\tqty    = Math.max(1, parseInt(ctx.suuryou) || 1);
  1920. \t\t\t\t\tprice  = basePrice * qty;
  1921. \t\t\t\t\tct     = baseCt;                 // ct は固定（数量に依らない）
  1922. \t\t\t\t\tgoukei = price + ct + optSum;
  1923. \t\t\t\t\tbreak;
  1924. \t\t\t\t}
  1926. \t\t\t\tcase 9: {  // 商品のみ購入
  1927. \t\t\t\t\t// カート側で quantity × unit price するため goukei は単品価格
  1928. \t\t\t\t\tqty    = parseInt(ctx.quantityOnly) || 1;
  1929. \t\t\t\t\tprice  = basePrice;
  1930. \t\t\t\t\tct     = 0;
  1931. \t\t\t\t\toptSum = 0;
  1932. \t\t\t\t\tgoukei = price;
  1933. \t\t\t\t\tbreak;
  1934. \t\t\t\t}
  1936. \t\t\t\tdefault: {  // 1: 通常（カーポート等、matrix 選択のみ）
  1937. \t\t\t\t\tqty    = 1;
  1938. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  1939. \t\t\t\t\tbreak;
  1940. \t\t\t\t}
  1941. \t\t\t}
  1943. \t\t\t// 出口で税込化（pp.price/pp.ct/op_data.price はすべて税抜で保存されている前提）
  1944. \t\t\treturn {
  1945. \t\t\t\tgoukei: toIncTax(goukei),
  1946. \t\t\t\tprice:  toIncTax(price),
  1947. \t\t\t\tct:     toIncTax(ct),
  1948. \t\t\t\topt:    toIncTax(optSum),
  1949. \t\t\t\tqty:    qty,
  1950. \t\t\t};
  1951. \t\t}
  1953. \t\t/**
  1954. \t\t * 寸法文字列から「メートル単位の数値」を抽出する.
  1955. \t\t *
  1956. \t\t * 単位は m / cm / mm を認識し、いずれも m 単位に正規化して返す.
  1957. \t\t * 単位が無い場合は m 単位とみなす（旧 tf データ \"1m\" \"10m\" との互換）.
  1958. \t\t * 数値が見つからない場合は 0 を返す（呼び出し側で fallback）.
  1959. \t\t *
  1960. \t\t * 例:
  1961. \t\t *   \"1m\"     → 1
  1962. \t\t *   \"100cm\"  → 1   (2026-06 以降の m → cm 正規化に対応)
  1963. \t\t *   \"200cm\"  → 2
  1964. \t\t *   \"5.5m\"   → 5.5
  1965. \t\t *   \"1000mm\" → 1
  1966. \t\t *   \"\"       → 0
  1967. \t\t */
  1968. \t\tfunction parseLen(s) {
  1969. \t\t\tif (!s) return 0;
  1970. \t\t\tvar str = String(s);
  1971. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)\\s*(mm|cm|m)?/i);
  1972. \t\t\tif (!m) return 0;
  1973. \t\t\tvar n = parseFloat(m[1]);
  1974. \t\t\tif (isNaN(n)) return 0;
  1975. \t\t\tvar unit = (m[2] || 'm').toLowerCase();
  1976. \t\t\tif (unit === 'cm') return n / 100;
  1977. \t\t\tif (unit === 'mm') return n / 1000;
  1978. \t\t\treturn n;  // 'm' or no unit
  1979. \t\t}
  1981. \t\t// pp は autoSelectFirstColor 等からも参照するので global にする
  1982. \t\tvar pp = ";
  1983.         // line 1730
  1984.         echo (isset($context["pp"]) || array_key_exists("pp", $context) ? $context["pp"] : (function () { throw new RuntimeError('Variable "pp" does not exist.', 1730, $this->source); })());
  1985.         echo ";
  1987. \t\t// sale_type=2 の幅 / 高さ ladder (Twig p_w / p_h を JS で参照するため).
  1988. \t\t// 入力 mm 値を pp の幅・高さバケット文字列にマッピングする際の元データ.
  1989. \t\t// p_w / p_h は連想配列で来ることがあるため Object.values で配列化する.
  1990. \t\tvar PP_W_LADDER = Object.values(";
  1991.         // line 1735
  1992.         echo json_encode(((array_key_exists("p_w", $context)) ? (_twig_default_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1735, $this->source); })()), [])) : ([])));
  1993.         echo " || {});
  1994. \t\tvar PP_H_LADDER = Object.values(";
  1995.         // line 1736
  1996.         echo json_encode(((array_key_exists("p_h", $context)) ? (_twig_default_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1736, $this->source); })()), [])) : ([])));
  1997.         echo " || {});
  1999. \t\t/* ============================================================
  2000. \t\t   sale_type=2 (補助金窓) 専用: 複数タイプ集計 & 補助金計算
  2001. \t\t   ============================================================
  2002. \t\t   - 入力 UI: #window-types-container 配下の .window-type-block
  2003. \t\t   - 補助金根拠: 先進的窓リノベ2026事業
  2004. \t\t     https://window-renovation2026.env.go.jp/construction/inner-window.html
  2005. \t\t   - 価格軸: (subtype, w, h, glass, color) で pp を lookup
  2006. \t\t   - 1 商品 = 1 明細 にまとめ、内訳 JSON を別途保存予定 (cart 連携は後続タスク)
  2007. \t\t   ============================================================ */
  2009. \t\t// 補助金マトリクス: [住宅区分][性能][サイズ区分] → 1 箇所あたり金額 (税抜・端数なし)
  2010. \t\tvar WINDOW_SUBSIDY_MATRIX = {
  2011. \t\t\tdetached:  { // 戸建住宅・延床240㎡以下の非住宅
  2012. \t\t\t\tP: { G: 140000, L: 89000, M: 58000, S: 36000 },
  2013. \t\t\t\tS: { G: 76000,  L: 52000, M: 34000, S: 22000 }
  2014. \t\t\t},
  2015. \t\t\tapartment: { // 低層・中高層集合住宅・240㎡超の非住宅
  2016. \t\t\t\tP: { G: 152000, L: 98000, M: 64000, S: 40000 },
  2017. \t\t\t\tS: { G: 83000,  L: 57000, M: 37000, S: 24000 }
  2018. \t\t\t}
  2019. \t\t};
  2021. \t\t// 住宅区分: 画面 UI (input[name=\"window_housing_type\"]) から取得する.
  2022. \t\t// 既定値は PFC meta_key=\"住宅区分\" を fallback (未設定なら '戸建').
  2023. \t\tvar HOUSING_TYPE_DEFAULT = ";
  2024.         // line 1762
  2025.         echo json_encode(_twig_default_filter($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.', 1762, $this->source); })()), "id", [], "any", false, false, false, 1762), "住宅区分"), "戸建"));
  2026.         echo ";
  2027. \t\tfunction getCurrentHousingKey() {
  2028. \t\t\tvar el = document.querySelector('input[name=\"window_housing_type\"]:checked');
  2029. \t\t\tvar v  = el ? el.value : HOUSING_TYPE_DEFAULT;
  2030. \t\t\treturn (v === '集合住宅') ? 'apartment' : 'detached';
  2031. \t\t}
  2033. \t\t// 商品シリーズ自動判定 (Product.name から)
  2034. \t\t// 根拠カタログ: YKK AP「ウチリモ」XAAAA-H26-067-1 (2026.04), 同「LiteU」XAAAA-H16-088-2,
  2035. \t\t//              三協アルミ「プラメイクEII」0142_STJ1931L, LIXIL「インプラス」(既知)
  2036. \t\tvar PRODUCT_NAME_RAW = ";
  2037.         // line 1772
  2038.         echo json_encode(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "name", [], "any", true, true, false, 1772)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "name", [], "any", false, false, false, 1772), "")) : ("")));
  2039.         echo ";
  2040. \t\tfunction detectProductSeries(name) {
  2041. \t\t\tif (!name) return null;
  2042. \t\t\tif (/ウチリモ/.test(name)) return 'uchirimo';
  2043. \t\t\tif (/プラマード\\s*U/i.test(name)) return 'pramado_u';
  2044. \t\t\tif (/インプラス/.test(name)) return 'inplus';
  2045. \t\t\tif (/プラメイク\\s*EII|プラメイクEII/i.test(name)) return 'plamake_eii';
  2046. \t\t\tif (/LiteU/i.test(name)) return 'lite_u';
  2047. \t\t\treturn null;
  2048. \t\t}
  2049. \t\t// シリーズ上限グレード:
  2050. \t\t//   'P'  = SS/P まで到達可能 (真空断熱ガラス採用シリーズ)
  2051. \t\t//   'S'  = Low-E 複層止まり (真空断熱ガラスのラインなし)
  2052. \t\t//   null = 単板のみ → 補助金対象外
  2053. \t\tvar SERIES_GRADE_CAP = {
  2054. \t\t\tuchirimo:    'P',
  2055. \t\t\tpramado_u:   'P',
  2056. \t\t\tinplus:      'S',
  2057. \t\t\tplamake_eii: 'S',
  2058. \t\t\tlite_u:      null
  2059. \t\t};
  2060. \t\tvar DETECTED_SERIES = detectProductSeries(PRODUCT_NAME_RAW);
  2061. \t\tvar SERIES_GRADE_CAP_VAL = (DETECTED_SERIES !== null && Object.prototype.hasOwnProperty.call(SERIES_GRADE_CAP, DETECTED_SERIES))
  2062. \t\t\t? SERIES_GRADE_CAP[DETECTED_SERIES]
  2063. \t\t\t: undefined;
  2065. \t\t// 商品単位グレード上限 (PFC `meta_key=補助金グレード上限` で個別上書き)
  2066. \t\t// 値: 'P' / 'SS' / 'S' / '対象外' / '無' / 'NONE' / 空文字 (未指定)
  2067. \t\tvar PRODUCT_GRADE_CAP_RAW = ";
  2068.         // line 1800
  2069.         echo json_encode(_twig_default_filter($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.', 1800, $this->source); })()), "id", [], "any", false, false, false, 1800), "補助金グレード上限"), ""));
  2070.         echo ";
  2071. \t\tfunction normalizeGradeCap(v) {
  2072. \t\t\tif (v === null || v === undefined || v === '') return undefined;
  2073. \t\t\tvar s = String(v).trim().toUpperCase();
  2074. \t\t\tif (s === 'NONE' || s === '対象外' || s === '無') return null;
  2075. \t\t\tif (s === 'P' || s === 'SS') return 'P';
  2076. \t\t\tif (s === 'S') return 'S';
  2077. \t\t\treturn undefined;
  2078. \t\t}
  2079. \t\tvar PRODUCT_GRADE_CAP = normalizeGradeCap(PRODUCT_GRADE_CAP_RAW);
  2081. \t\t// 窓種 (subtype = option1) ごとのグレード上限.
  2082. \t\t// 根拠: YKK AP「ウチリモ」業務用 (XAAAA-H26-067-1) の窓種別ラインナップで
  2083. \t\t//      真空ガラス (Glavenir) の設定有無を確認:
  2084. \t\t//        引違い窓 (2/3/4枚建) / 浴室仕様 引違い窓 / FIX窓        → P 到達可能
  2085. \t\t//        内開き窓 (居室/浴室) / 開き窓テラス / テラスドア類       → 真空ガラスなし → S 止まり
  2086. \t\tfunction detectSubtypeGradeCap(subtype) {
  2087. \t\t\tif (!subtype) return undefined;
  2088. \t\t\tvar s = String(subtype);
  2089. \t\t\tif (/内開|開き窓テラス|テラスドア|開き戸/.test(s)) return 'S';
  2090. \t\t\treturn undefined;
  2091. \t\t}
  2093. \t\t// クリップ: 強さは 'P' > 'S' > null (対象外). cap=null は強制対象外, cap=undefined は無効化なし.
  2094. \t\tfunction clipGradeBy(grade, cap) {
  2095. \t\t\tif (cap === undefined) return grade;
  2096. \t\t\tif (cap === null)      return null;
  2097. \t\t\tif (grade === null)    return null;
  2098. \t\t\tif (cap === 'S' && grade === 'P') return 'S';
  2099. \t\t\treturn grade;
  2100. \t\t}
  2101. \t\tfunction finalizeGlassGrade(raw, subtype) {
  2102. \t\t\tvar g = clipGradeBy(raw, SERIES_GRADE_CAP_VAL);
  2103. \t\t\tg     = clipGradeBy(g,   detectSubtypeGradeCap(subtype));
  2104. \t\t\tg     = clipGradeBy(g,   PRODUCT_GRADE_CAP);
  2105. \t\t\treturn g;
  2106. \t\t}
  2108. \t\t/**
  2109. \t\t * ガラスタイプ名から性能区分 'P' (SS, Uw≤1.1) / 'S' (Uw≤1.5) / null を判別.
  2110. \t\t * null = 補助対象外.
  2111. \t\t *
  2112. \t\t * 根拠: YKK AP「ウチリモ 内窓」業務用カタログ (XAAAA-H26-069-1) で
  2113. \t\t *       P (SS) は真空断熱ガラスのみ、Low-E はアルゴン入りでも S 止まり、
  2114. \t\t *       Low-E ガス無 + 型ガラス / フロストは 2026年4月で対象外、
  2115. \t\t *       が確認できた。アルゴン入り Low-E を P 判定する旧ルールは誤りだった。
  2116. \t\t *
  2117. \t\t * シリーズによっては P がそもそも存在しない (LIXIL インプラスは S 一律)
  2118. \t\t * ため、最終的には PFC で商品単位の上限を上書きできる仕組みが必要。
  2119. \t\t */
  2120. \t\tfunction detectGlassPerformance(glassName) {
  2121. \t\t\tif (!glassName) return null;
  2122. \t\t\tvar n = String(glassName);
  2123. \t\t\t// 補助対象外: 単板 / 和紙調 / 防音 / 防犯 / 型ガラス・フロスト (Low-E ガス無の型は 2026/4 で対象外)
  2124. \t\t\tif (/単ガラス|単板|和紙調|防音|防犯|複層\\/型|型ガラス|フロスト/.test(n)) return null;
  2125. \t\t\t// P (SS): 真空断熱ガラスのみ
  2126. \t\t\tif (/真空断熱/.test(n)) return 'P';
  2127. \t\t\t// S: Low-E 系のみ (アルゴン入りでも S 止まり)
  2128. \t\t\tif (/Low-?E/i.test(n)) return 'S';
  2129. \t\t\t// 一般複層 / ブラインドイン複層 / 複層強化 など Low-E 無しの複層は補助対象外
  2130. \t\t\treturn null;
  2131. \t\t}
  2133. \t\t/**
  2134. \t\t * 幅 mm × 高さ mm からサイズ区分 'G' (≥4.0㎡) / 'L' (2.8-3.9) / 'M' (1.6-2.7) / 'S' (0.2-1.5) / null.
  2135. \t\t * null = 補助対象外 (0.2㎡ 未満).
  2136. \t\t */
  2137. \t\tfunction detectSizeClass(w_mm, h_mm) {
  2138. \t\t\tvar w = parseFloat(w_mm) || 0;
  2139. \t\t\tvar h = parseFloat(h_mm) || 0;
  2140. \t\t\tif (w <= 0 || h <= 0) return null;
  2141. \t\t\tvar area = (w * h) / 1000000.0;
  2142. \t\t\tif (area < 0.2) return null;
  2143. \t\t\tif (area < 1.6) return 'S';
  2144. \t\t\tif (area < 2.8) return 'M';
  2145. \t\t\tif (area < 4.0) return 'L';
  2146. \t\t\treturn 'G';
  2147. \t\t}
  2149. \t\tfunction lookupSubsidyAmount(performance, sizeClass) {
  2150. \t\t\tif (!performance || !sizeClass) return 0;
  2151. \t\t\tvar t = WINDOW_SUBSIDY_MATRIX[getCurrentHousingKey()];
  2152. \t\t\tif (!t || !t[performance]) return 0;
  2153. \t\t\treturn t[performance][sizeClass] || 0;
  2154. \t\t}
  2156. \t\t/**
  2157. \t\t * mm 入力値を ladder バケット文字列に変換する.
  2158. \t\t *   bucketizeMm(1750, [\"100cm まで\",\"150cm まで\",\"200cm まで\",\"300cm まで\"]) → \"200cm まで\"
  2159. \t\t * - 入力が空 or 0 のときはそのまま返す (未入力扱い)
  2160. \t\t * - 入力がラダー最大を超えるときは最大バケットを返す (= 価格上限の保護)
  2161. \t\t * - 入力文字列が既にラダーラベルそのものなら無変換 (互換のため)
  2162. \t\t */
  2163. \t\tfunction bucketizeMm(input, ladder) {
  2164. \t\t\tif (!input && input !== 0) return '';
  2165. \t\t\tif (!ladder || ladder.length === 0) return input;
  2166. \t\t\tvar s = String(input).trim();
  2167. \t\t\tif (s === '') return '';
  2168. \t\t\tif (ladder.indexOf(s) >= 0) return s;
  2169. \t\t\tvar mm = parseMm(s);
  2170. \t\t\tif (mm <= 0) return s;
  2171. \t\t\tvar withMax = ladder.map(function(b) { return { label: b, max: parseMm(b) }; });
  2172. \t\t\twithMax.sort(function(a, b) { return a.max - b.max; });
  2173. \t\t\tfor (var i = 0; i < withMax.length; i++) {
  2174. \t\t\t\tif (mm <= withMax[i].max) return withMax[i].label;
  2175. \t\t\t}
  2176. \t\t\treturn withMax[withMax.length - 1].label;
  2177. \t\t}
  2179. \t\t/**
  2180. \t\t * pp 配列から該当 1 行を返す. 完全一致優先、見つからなければ最初の候補.
  2181. \t\t * 軸: subtype (option1) / w / h / m / c. axisMatch は既存ロジックと同じ.
  2182. \t\t * sale_type=2 では pw_val / ph_val に mm 数値が来るため、内部で bucketizeMm
  2183. \t\t * を通してから既存マッチングに渡す.
  2184. \t\t */
  2185. \t\tfunction lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val) {
  2186. \t\t\tif (!pp || pp.length === 0) return null;
  2187. \t\t\tvar pw_bucket = bucketizeMm(pw_val, PP_W_LADDER);
  2188. \t\t\tvar ph_bucket = bucketizeMm(ph_val, PP_H_LADDER);
  2189. \t\t\tvar axMatch = function(input, value) {
  2190. \t\t\t\treturn input == value || input === '指定なし' || value === '' || value == null;
  2191. \t\t\t};
  2192. \t\t\tvar colMatch = function(input, value) {
  2193. \t\t\t\tif (axMatch(input, value)) return true;
  2194. \t\t\t\tif (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  2195. \t\t\t\t\treturn value.split('/').some(function(s) { return s.trim() === input; });
  2196. \t\t\t\t}
  2197. \t\t\t\treturn false;
  2198. \t\t\t};
  2199. \t\t\tvar candidates = pp.filter(function(el) {
  2200. \t\t\t\treturn axMatch(pw_bucket, el.w)
  2201. \t\t\t\t\t&& axMatch(ph_bucket, el.h)
  2202. \t\t\t\t\t&& axMatch(pm_val, el.m)
  2203. \t\t\t\t\t&& axMatch(subtype, el.option1);
  2204. \t\t\t});
  2205. \t\t\tfor (var i = 0; i < candidates.length; i++) {
  2206. \t\t\t\tif (colMatch(pc_val, candidates[i].c)) return candidates[i];
  2207. \t\t\t}
  2208. \t\t\treturn candidates[0] || null;
  2209. \t\t}
  2211. \t\t/**
  2212. \t\t * \"1000mm\" / \"200cm\" / \"1.0m\" / 単位なし → mm に正規化して返す.
  2213. \t\t * UI 上の「200cm まで」等の文字列をそのまま渡せるようにする.
  2214. \t\t */
  2215. \t\tfunction parseMm(s) {
  2216. \t\t\tif (!s) return 0;
  2217. \t\t\tvar str = String(s);
  2218. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)/);
  2219. \t\t\tif (!m) return 0;
  2220. \t\t\tvar num = parseFloat(m[1]);
  2221. \t\t\tif (/mm/i.test(str)) return num;
  2222. \t\t\tif (/cm/i.test(str)) return num * 10;
  2223. \t\t\tif (/(^|\\d)\\s*m(\$|\\W)/i.test(str)) return num * 1000;
  2224. \t\t\treturn num;
  2225. \t\t}
  2227. \t\t/**
  2228. \t\t * 1 タイプブロックから入力を読み、pp lookup → 単価・補助金額を計算して返す.
  2229. \t\t * incomplete=true: 軸のどれかが未選択 → 計算しない (UI で「未選択」を示すため).
  2230. \t\t */
  2231. \t\tfunction collectWindowTypeRow(block) {
  2232. \t\t\tvar get = function(axis) {
  2233. \t\t\t\t// radio / checkbox は :checked、それ以外 (number/text) は値そのまま.
  2234. \t\t\t\tvar radio = block.querySelector('input[data-axis=\"' + axis + '\"]:checked');
  2235. \t\t\t\tif (radio) return radio.value;
  2236. \t\t\t\tvar any = block.querySelector('input[data-axis=\"' + axis + '\"]');
  2237. \t\t\t\tif (!any) return '';
  2238. \t\t\t\tif (any.type === 'radio' || any.type === 'checkbox') return '';
  2239. \t\t\t\treturn (any.value || '').trim();
  2240. \t\t\t};
  2241. \t\t\tvar setqtyEl = block.querySelector('input[data-axis=\"setqty\"]');
  2242. \t\t\tvar subtype = get('subtype');
  2243. \t\t\tvar pw_val  = get('pw');
  2244. \t\t\tvar ph_val  = get('ph');
  2245. \t\t\tvar pm_val  = get('pm');
  2246. \t\t\tvar pc_val  = get('pc');
  2247. \t\t\tvar setqty  = setqtyEl ? Math.max(1, parseInt(setqtyEl.value) || 1) : 1;
  2249. \t\t\tvar row = {
  2250. \t\t\t\tsubtype: subtype, pw: pw_val, ph: ph_val, pm: pm_val, pc: pc_val, setqty: setqty,
  2251. \t\t\t\tunit_price_exc: 0, unit_ct_exc: 0, subsidy: 0,
  2252. \t\t\t\tsize_class: null, glass_perf: null,
  2253. \t\t\t\tincomplete: false
  2254. \t\t\t};
  2256. \t\t\t// p_option1 / p_w / p_h / p_m / color のいずれかが商品データに無いときは未選択でも完了扱いにする.
  2257. \t\t\t// (例: 商品によっては subtype が無い場合がある)
  2258. \t\t\tvar hasSubtype = !!block.querySelector('input[data-axis=\"subtype\"]');
  2259. \t\t\tvar hasPw      = !!block.querySelector('input[data-axis=\"pw\"]');
  2260. \t\t\tvar hasPh      = !!block.querySelector('input[data-axis=\"ph\"]');
  2261. \t\t\tvar hasPm      = !!block.querySelector('input[data-axis=\"pm\"]');
  2262. \t\t\tvar hasPc      = !!block.querySelector('input[data-axis=\"pc\"]');
  2264. \t\t\tif ((hasSubtype && !subtype) || (hasPw && !pw_val) || (hasPh && !ph_val)
  2265. \t\t\t    || (hasPm && !pm_val)  || (hasPc && !pc_val)) {
  2266. \t\t\t\trow.incomplete = true;
  2267. \t\t\t\treturn row;
  2268. \t\t\t}
  2270. \t\t\tvar ppRow = lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val);
  2271. \t\t\tif (ppRow) {
  2272. \t\t\t\trow.unit_price_exc = parseInt(ppRow.price) || 0;
  2273. \t\t\t\trow.unit_ct_exc    = parseInt(ppRow.ct)    || 0;
  2274. \t\t\t}
  2275. \t\t\t// ガラス名検出 → シリーズ上限 → subtype 上限 → 商品上限 の順で min クリップ.
  2276. \t\t\t// 例: LiteU (SERIES_GRADE_CAP_VAL=null) は Low-E でも null に落ちて補助対象外.
  2277. \t\t\t// 例: ウチリモの「内開き窓」subtype は真空ガラスでも S に落ちる.
  2278. \t\t\trow.glass_perf = finalizeGlassGrade(detectGlassPerformance(pm_val), subtype);
  2279. \t\t\trow.size_class = detectSizeClass(parseMm(pw_val), parseMm(ph_val));
  2280. \t\t\trow.subsidy    = lookupSubsidyAmount(row.glass_perf, row.size_class);
  2281. \t\t\treturn row;
  2282. \t\t}
  2284. \t\t/**
  2285. \t\t * sale_type=2 用集計: 全タイプから合計を出し DOM 更新.
  2286. \t\t * 計算式 (税抜→税込で出口で 1.10 倍):
  2287. \t\t *   商品金額 = Σ(各タイプ単価 × set_qty)
  2288. \t\t *   基本工事費 = 1 回分 (各タイプ pp.ct のうち最初に得た非ゼロ値)
  2289. \t\t *   補助金合計 = Σ(各タイプ補助金 × set_qty)
  2290. \t\t *   実質支払額 = (商品+ct+option) 税込 - 補助金合計
  2291. \t\t */
  2292. \t\tfunction recalcAllForSaleType2() {
  2293. \t\t\tif (typeof SALE_TYPE_ID === 'undefined' || SALE_TYPE_ID != 2) return;
  2294. \t\t\tif (!pp || pp.length === 0) {
  2295. \t\t\t\t\$('#mitsumori_message').text('価格データ準備中');
  2296. \t\t\t\t\$('#mitsumori_btn').hide();
  2297. \t\t\t\t['#mitsumori_goukei','#mitsumori_off','#mitsumori_price','#maker_price',
  2298. \t\t\t\t '#mitsumori_ct','#mitsumori_option','#mitsumori_kei','#mitsumori_shoukei','#mitsumori_tax']
  2299. \t\t\t\t .forEach(function(s){ \$(s).text('---円'); });
  2300. \t\t\t\treturn;
  2301. \t\t\t}
  2302. \t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  2303. \t\t\tif (blocks.length === 0) return;
  2305. \t\t\tvar rows = [];
  2306. \t\t\tvar hasIncomplete = false;
  2307. \t\t\tvar baseCt = 0;
  2308. \t\t\tvar hasAnyPriced = false;
  2310. \t\t\tblocks.forEach(function(b) {
  2311. \t\t\t\tvar r = collectWindowTypeRow(b);
  2312. \t\t\t\trows.push({ block: b, row: r });
  2313. \t\t\t\tif (r.incomplete) hasIncomplete = true;
  2314. \t\t\t\tif (r.unit_ct_exc > 0 && baseCt === 0) baseCt = r.unit_ct_exc;
  2315. \t\t\t\tif (r.unit_price_exc > 0) hasAnyPriced = true;
  2316. \t\t\t\tvar subSpan = b.querySelector('.wt-subsidy-amount');
  2317. \t\t\t\tif (subSpan) subSpan.textContent = r.incomplete ? '―' : Math.round(r.subsidy * r.setqty).toLocaleString();
  2318. \t\t\t});
  2320. \t\t\tif (hasIncomplete || !hasAnyPriced) {
  2321. \t\t\t\t\$('#mitsumori_message').text('窓タイプを選択してください');
  2322. \t\t\t\t\$('#mitsumori_btn').hide();
  2323. \t\t\t\treturn;
  2324. \t\t\t}
  2326. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  2327. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  2329. \t\t\tvar sumPriceExc = 0, sumSubsidy = 0, totalPanes = 0;
  2330. \t\t\trows.forEach(function(item) {
  2331. \t\t\t\tvar r = item.row;
  2332. \t\t\t\tsumPriceExc += r.unit_price_exc * r.setqty;
  2333. \t\t\t\tsumSubsidy  += r.subsidy * r.setqty;
  2334. \t\t\t\tif (r.unit_price_exc > 0) totalPanes += r.setqty;
  2335. \t\t\t});
  2337. \t\t\t// 内窓 工事費（顧客最終回答）: 1枚目 22,000円 + 2枚目以降 1枚あたり +5,000円（税込表示額）。
  2338. \t\t\t// 既存パイプライン整合のため税抜(ctExc)も用意（税行 taxAmt 用）。商品購入のみは 0。
  2339. \t\t\tvar WINDOW_CT_BASE = 22000, WINDOW_CT_ADD = 5000;
  2340. \t\t\tvar ctIncTarget = purchaseOnly ? 0 : (WINDOW_CT_BASE + Math.max(0, totalPanes - 1) * WINDOW_CT_ADD);
  2341. \t\t\tvar ctExc  = purchaseOnly ? 0 : Math.round(ctIncTarget / (1 + TAX_RATE));
  2342. \t\t\tvar optExc = purchaseOnly ? 0 : (collectOptions().total || 0);
  2344. \t\t\tvar sumPriceInc = Math.round(sumPriceExc * (1 + TAX_RATE));
  2345. \t\t\tvar ctInc       = ctIncTarget;
  2346. \t\t\tvar optInc      = Math.round(optExc * (1 + TAX_RATE));
  2347. \t\t\tvar goukeiInc   = sumPriceInc + ctInc + optInc;
  2349. \t\t\t// 窓リノベ2026 申請条件:
  2350. \t\t\t//   - 補助金合計 ≥ 50,000 円 (5 万円未満は申請不可 → 還元 0 円扱い)
  2351. \t\t\t//   - 1 戸あたり上限 1,000,000 円 (住宅・非住宅240㎡以下)
  2352. \t\t\t//     ※ 非住宅 240㎡超の 10,000,000 円上限は対象外 (商品設計時に別扱い想定)
  2353. \t\t\tvar SUBSIDY_MIN_AMOUNT = 50000;
  2354. \t\t\tvar SUBSIDY_MAX_PER_UNIT = 1000000;
  2355. \t\t\tvar subsidyRawSum = sumSubsidy;
  2356. \t\t\tvar subsidyEligible = subsidyRawSum >= SUBSIDY_MIN_AMOUNT;
  2357. \t\t\tvar subsidyAmt = 0;
  2358. \t\t\tvar subsidyNote = '';
  2359. \t\t\tif (subsidyEligible) {
  2360. \t\t\t\tif (subsidyRawSum > SUBSIDY_MAX_PER_UNIT) {
  2361. \t\t\t\t\tsubsidyAmt = SUBSIDY_MAX_PER_UNIT;
  2362. \t\t\t\t\tsubsidyNote = '※補助上限 ' + SUBSIDY_MAX_PER_UNIT.toLocaleString()
  2363. \t\t\t\t\t\t+ '円 超過分は控除対象外（補助金合計 ' + subsidyRawSum.toLocaleString() + '円）';
  2364. \t\t\t\t} else {
  2365. \t\t\t\t\tsubsidyAmt = subsidyRawSum;
  2366. \t\t\t\t}
  2367. \t\t\t} else if (subsidyRawSum > 0) {
  2368. \t\t\t\tsubsidyNote = '※補助金合計が 5 万円未満のため申請対象外です（'
  2369. \t\t\t\t\t+ subsidyRawSum.toLocaleString() + '円）';
  2370. \t\t\t} else if (SERIES_GRADE_CAP_VAL === null) {
  2371. \t\t\t\t// LiteU 等の単板構成シリーズ: グレード判定で必ず null になる
  2372. \t\t\t\tsubsidyNote = '※本商品は補助金（先進的窓リノベ2026事業）対象外です';
  2373. \t\t\t} else if (PRODUCT_GRADE_CAP === null) {
  2374. \t\t\t\tsubsidyNote = '※本商品は補助金対象外として登録されています';
  2375. \t\t\t}
  2377. \t\t\tvar implementedInc = Math.max(0, goukeiInc - subsidyAmt);
  2378. \t\t\tvar taxAmt      = Math.round((sumPriceExc + ctExc + optExc) * TAX_RATE);
  2380. \t\t\t\$('#mitsumori_message').text(subsidyNote);
  2381. \t\t\t\$('#mitsumori_btn').show();
  2382. \t\t\t\$('#mitsumori_goukei').text(goukeiInc.toLocaleString() + '円');
  2383. \t\t\t\$('#mitsumori_price').text(sumPriceInc.toLocaleString() + '円');
  2384. \t\t\t\$('#mitsumori_ct').text(ctInc.toLocaleString() + '円');
  2385. \t\t\t\$('#mitsumori_option').text(optInc.toLocaleString() + '円');
  2386. \t\t\t\$('#mitsumori_off').text((subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円');
  2387. \t\t\t\$('#maker_price').text('---円'); // 補助金窓では未使用
  2388. \t\t\t\$('#mitsumori_kei').text(goukeiInc.toLocaleString() + '円');
  2389. \t\t\t\$('#mitsumori_shoukei').text(implementedInc.toLocaleString() + '円');
  2390. \t\t\t\$('#mitsumori_tax').text(taxAmt.toLocaleString() + '円');
  2392. \t\t\t// 内訳を mitsumori_json に詰めて hidden input にセット (PDF / カート連携用)
  2393. \t\t\tvar window_types = rows.map(function(item) {
  2394. \t\t\t\tvar r = item.row;
  2395. \t\t\t\t// 幅 / 高さは数値入力 (mm) が来るので \"1750mm\" 形式で保存する.
  2396. \t\t\t\t// 古い radio 由来の \"200cm まで\" 形式が来た場合はそのまま保存して互換.
  2397. \t\t\t\tvar w_mm = parseMm(r.pw);
  2398. \t\t\t\tvar h_mm = parseMm(r.ph);
  2399. \t\t\t\tvar w_save = (w_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.pw))) ? (w_mm + 'mm') : r.pw;
  2400. \t\t\t\tvar h_save = (h_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.ph))) ? (h_mm + 'mm') : r.ph;
  2401. \t\t\t\treturn {
  2402. \t\t\t\t\tsubtype:        r.subtype,
  2403. \t\t\t\t\tw:              w_save,
  2404. \t\t\t\t\th:              h_save,
  2405. \t\t\t\t\tglass:          r.pm,
  2406. \t\t\t\t\tcolor:          r.pc,
  2407. \t\t\t\t\tsetqty:         r.setqty,
  2408. \t\t\t\t\tunit_price_inc: Math.round(r.unit_price_exc * (1 + TAX_RATE)),
  2409. \t\t\t\t\tline_total_inc: Math.round(r.unit_price_exc * r.setqty * (1 + TAX_RATE)),
  2410. \t\t\t\t\tsize_class:     r.size_class,
  2411. \t\t\t\t\tglass_perf:     r.glass_perf,
  2412. \t\t\t\t\tsubsidy_unit:   r.subsidy,
  2413. \t\t\t\t\tsubsidy_total:  r.subsidy * r.setqty
  2414. \t\t\t\t};
  2415. \t\t\t});
  2416. \t\t\tvar opCalc2 = collectOptions();
  2417. \t\t\tvar mitsumori_json = {
  2418. \t\t\t\t\"mitsumori_goukei\": goukeiInc.toLocaleString() + '円',
  2419. \t\t\t\t\"mitsumori_price\":  sumPriceInc.toLocaleString() + '円',
  2420. \t\t\t\t\"mitsumori_ct\":     ctInc.toLocaleString() + '円',
  2421. \t\t\t\t\"mitsumori_option\": optInc.toLocaleString() + '円',
  2422. \t\t\t\t\"mitsumori_off\":    (subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円',
  2423. \t\t\t\t\"maker_price\":      '---円',
  2424. \t\t\t\t\"product_id\":       ";
  2425.         // line 2154
  2426.         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.', 2154, $this->source); })()), "id", [], "any", false, false, false, 2154), "html", null, true);
  2427.         echo ",
  2428. \t\t\t\t\"sale_type\":        SALE_TYPE_ID,
  2429. \t\t\t\t\"housing_key\":      getCurrentHousingKey(),
  2430. \t\t\t\t\"series_key\":       DETECTED_SERIES,
  2431. \t\t\t\t\"series_grade_cap\": (SERIES_GRADE_CAP_VAL === undefined) ? null : SERIES_GRADE_CAP_VAL,
  2432. \t\t\t\t\"product_grade_cap\":(PRODUCT_GRADE_CAP    === undefined) ? null : PRODUCT_GRADE_CAP,
  2433. \t\t\t\t\"window_types\":     window_types,
  2434. \t\t\t\t\"subsidy_total\":    subsidyAmt,
  2435. \t\t\t\t\"subsidy_raw\":      subsidyRawSum,
  2436. \t\t\t\t\"subsidy_eligible\": subsidyEligible,
  2437. \t\t\t\t\"subsidy_note\":     subsidyNote,
  2438. \t\t\t\t\"op_items\":         opCalc2.items
  2439. \t\t\t};
  2440. \t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  2441. \t\t\trenderWindowTypesModalRows(window_types, subsidyAmt);
  2442. \t\t}
  2444. \t\t/**
  2445. \t\t * sale_type=2 用: 見積モーダル明細テーブルを window_types で動的展開.
  2446. \t\t * - 既存の商品名行 (1 行目) は hide() し、各タイプ行を上に挿入
  2447. \t\t * - 基本工事費行はそのまま (#mitsumori_ct_01 / _02 が更新されている)
  2448. \t\t * - 補助金 (割引額) 行を末尾に追加
  2449. \t\t * - 既存の renderOptionDetailRows と共存できるよう class で区別
  2450. \t\t */
  2451. \t\tfunction renderWindowTypesModalRows(window_types, subsidyAmt) {
  2452. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  2453. \t\t\tif (!\$tbody.length) return;
  2454. \t\t\t// 既存の動的行を全削除 (opt-row は既存実装、wt-row / wt-subsidy-row は今回追加)
  2455. \t\t\t\$tbody.find('tr.wt-row, tr.wt-subsidy-row').remove();
  2457. \t\t\tvar \$itemRow = \$tbody.find('tr').first();
  2458. \t\t\tvar fmt = new Intl.NumberFormat('ja-JP');
  2460. \t\t\tif (!window_types || window_types.length === 0) {
  2461. \t\t\t\t// 集計対象なし → 商品名行を表示に戻す
  2462. \t\t\t\t\$itemRow.show();
  2463. \t\t\t\treturn;
  2464. \t\t\t}
  2466. \t\t\twindow_types.forEach(function(wt, i) {
  2467. \t\t\t\tvar label = '窓タイプ' + (i + 1) + '：'
  2468. \t\t\t\t\t+ (wt.subtype || '') + ' / '
  2469. \t\t\t\t\t+ (wt.w || '') + '×' + (wt.h || '') + ' / '
  2470. \t\t\t\t\t+ (wt.glass || '') + ' / '
  2471. \t\t\t\t\t+ (wt.color || '');
  2472. \t\t\t\tvar \$tr = \$('<tr class=\"wt-row\"></tr>')
  2473. \t\t\t\t\t.append('<td>' + label + '</td>')
  2474. \t\t\t\t\t.append('<td>' + wt.setqty + '</td>')
  2475. \t\t\t\t\t.append('<td>セット</td>')
  2476. \t\t\t\t\t.append('<td>' + fmt.format(wt.unit_price_inc) + '円</td>')
  2477. \t\t\t\t\t.append('<td>' + fmt.format(wt.line_total_inc) + '円</td>');
  2478. \t\t\t\t\$itemRow.before(\$tr);
  2479. \t\t\t});
  2481. \t\t\t// 元の商品名行は複数タイプに置換されたので非表示
  2482. \t\t\t\$itemRow.hide();
  2484. \t\t\t// 補助金（割引額）行を末尾に追加
  2485. \t\t\tif (subsidyAmt > 0) {
  2486. \t\t\t\tvar \$subRow = \$('<tr class=\"wt-subsidy-row\"></tr>')
  2487. \t\t\t\t\t.append('<td>補助金（割引額）</td>')
  2488. \t\t\t\t\t.append('<td>1</td>')
  2489. \t\t\t\t\t.append('<td>式</td>')
  2490. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>')
  2491. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>');
  2492. \t\t\t\t\$tbody.append(\$subRow);
  2493. \t\t\t}
  2494. \t\t}
  2496. \t\t// 公開: onWindowTypeAxisChange (UI 骨格 task 1) からも呼ばれる
  2497. \t\twindow.recalcAll = recalcAllForSaleType2;
  2499. \t\t// 公開: ガラス選択肢が補助金対象か (窓タイプブロック生成時のバッジ判定に使う).
  2500. \t\t// subtype は P→S に落とすことはあっても null にはしないため、性能区分の
  2501. \t\t// 対象/対象外は subtype に依存しない。ここでは series/product 上限のみ適用し、
  2502. \t\t// finalizeGlassGrade が null でなければ「補助金対象ガラス」と判定する。
  2503. \t\twindow.glassYieldsSubsidy = function(glassName) {
  2504. \t\t\tif (!glassName) return false;
  2505. \t\t\treturn finalizeGlassGrade(detectGlassPerformance(glassName), '') !== null;
  2506. \t\t};
  2508. \t\tfunction mitsumori_simulation(type , value_id){
  2509. \t\t\t// sale_type=2 (補助金窓) は複数タイプ集計 UI に統合済み. 既存 mitsumori_simulation は使わない.
  2510. \t\t\tif (typeof SALE_TYPE_ID !== 'undefined' && SALE_TYPE_ID == 2) {
  2511. \t\t\t\t// type/value_id が op\\d+ (施工オプション) の場合はグローバル変数を先に更新
  2512. \t\t\t\tif (type && /^op\\d+\$/.test(type) && value_id) {
  2513. \t\t\t\t\tvar v = \$('#'+value_id).val();
  2514. \t\t\t\t\tif (type === 'op0')  op0  = v;
  2515. \t\t\t\t\tif (type === 'op1')  op1  = v;
  2516. \t\t\t\t\tif (type === 'op2')  op2  = v;
  2517. \t\t\t\t\tif (type === 'op3')  op3  = v;
  2518. \t\t\t\t\tif (type === 'op4')  op4  = v;
  2519. \t\t\t\t\tif (type === 'op5')  op5  = v;
  2520. \t\t\t\t\tif (type === 'op6')  op6  = v;
  2521. \t\t\t\t\tif (type === 'op7')  op7  = v;
  2522. \t\t\t\t\tif (type === 'op8')  op8  = v;
  2523. \t\t\t\t\tif (type === 'op9')  op9  = v;
  2524. \t\t\t\t\tif (type === 'op10') op10 = v;
  2525. \t\t\t\t}
  2526. \t\t\t\trecalcAllForSaleType2();
  2527. \t\t\t\treturn;
  2528. \t\t\t}
  2530. \t\t\t// 価格データ未登録 (pp 行 0 件) の商品は axis 入力に依存せず
  2531. \t\t\t// 「価格データ準備中」を表示して終了する.
  2532. \t\t\t// (例: scrape 未対象の新規商品 — um のウチリモ 7487/7488 等)
  2533. \t\t\tif (!pp || pp.length === 0) {
  2534. \t\t\t\t\$('#mitsumori_message').text(\"価格データ準備中\");
  2535. \t\t\t\t\$('#mitsumori_btn').hide();
  2536. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2537. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2538. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2539. \t\t\t\t\$('#maker_price').text(\"---円\");
  2540. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2541. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2542. \t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  2543. \t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  2544. \t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  2545. \t\t\t\treturn;
  2546. \t\t\t}
  2547. \t\t\tif(type == \"pw\"){
  2548. \t\t\t\tpw = \$('#'+value_id).val();
  2549. \t\t\t}
  2550. \t\t\tif(type == \"pd\"){
  2551. \t\t\t\tpd = \$('#'+value_id).val();
  2552. \t\t\t}
  2553. \t\t\tif(type == \"ph\"){
  2554. \t\t\t\tph = \$('#'+value_id).val();
  2555. \t\t\t}
  2556. \t\t\tif(type == \"pm\"){
  2557. \t\t\t\tpm = \$('#'+value_id).val();
  2558. \t\t\t}
  2559. \t\t\tif(type == \"pc\"){
  2560. \t\t\t\tpc = \$('#'+value_id).val();
  2561. \t\t\t}
  2562. \t\t\tif(type == \"option1\"){
  2563. \t\t\t\toption1 = \$('#'+value_id).val();
  2564. \t\t\t}
  2565. \t\t\tif(type == \"option2\"){
  2566. \t\t\t\toption2 = \$('#'+value_id).val();
  2567. \t\t\t}
  2568. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  2569. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  2570. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  2571. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  2572. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  2573. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  2574. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  2575. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  2576. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  2577. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  2578. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  2580. \t\t\t// op0 が「商品購入のみ」のとき、他のオプション (op1..op10) を disable 化.
  2581. \t\t\t// 価格計算側 (calcGoukei の purchaseOnly 分岐) は既にゼロ化しているが、
  2582. \t\t\t// UI で選択可能に見えるとユーザーが混乱するため radio を完全に無効化する.
  2583. \t\t\t(function applyPurchaseOnlyUI() {
  2584. \t\t\t\tvar isPurchaseOnly = (op0 === '商品購入のみ');
  2585. \t\t\t\tfor (var k = 1; k <= 10; k++) {
  2586. \t\t\t\t\tvar \$inputs = \$('input[name=\"op' + k + '\"]');
  2587. \t\t\t\t\tif (\$inputs.length === 0) continue;
  2588. \t\t\t\t\t\$inputs.prop('disabled', isPurchaseOnly);
  2589. \t\t\t\t\tvar \$group = \$inputs.first().closest('.form-group');
  2590. \t\t\t\t\t\$group.css({
  2591. \t\t\t\t\t\t'opacity':        isPurchaseOnly ? '0.4'  : '1',
  2592. \t\t\t\t\t\t'pointer-events': isPurchaseOnly ? 'none' : 'auto'
  2593. \t\t\t\t\t});
  2594. \t\t\t\t}
  2595. \t\t\t})();
  2597. \t\t\t// 全 type 共通: 該当 radio を checked にし、ボタンの is-selected を付け替え + ラベル更新.
  2598. \t\t\t//   value_id が指定されていて、対応する DOM 要素が opt-btn 配下にあれば適用する.
  2599. \t\t\t//   (icheck-danger 形式から opt-btn 形式に統一した際、option1/option2/pw/pd/ph/pm/pc 等の
  2600. \t\t\t//    クリックで is-selected が更新されない不具合があったため、op\\d+ 限定の処理を一般化)
  2601. \t\t\tif (value_id) {
  2602. \t\t\t\tvar \$clicked = \$('#' + value_id);
  2603. \t\t\t\tif (\$clicked.length && \$clicked.closest('.opt-btn').length) {
  2604. \t\t\t\t\t\$clicked.prop('checked', true);
  2605. \t\t\t\t\tvar groupName = \$clicked.attr('name');
  2606. \t\t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  2607. \t\t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  2608. \t\t\t\t\tvar \$group = \$clicked.closest('.form-group');
  2609. \t\t\t\t\tvar \$label = \$group.find('.rp-section-label');
  2610. \t\t\t\t\tif (\$label.length) {
  2611. \t\t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  2612. \t\t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  2613. \t\t\t\t\t}
  2614. \t\t\t\t\t// op_data の price=0 & 解体/撤去/設置場所 オプションの場合、ON 選択時に「現場調査後に正式お見積もり」文言を表示.
  2615. \t\t\t\t\t//   (twig 側で is_removal_unknown ブロックを描画済み。display 切替のみ JS で行う)
  2616. \t\t\t\t\tif (/^op\\d+\$/.test(type)) {
  2617. \t\t\t\t\t\tvar opIdx = type.replace('op', '');
  2618. \t\t\t\t\t\tvar opEntry = op_data[parseInt(opIdx)];
  2619. \t\t\t\t\t\tif (opEntry) {
  2620. \t\t\t\t\t\t\tvar \$note = \$group.find('.opt-survey-note[data-op-idx=\"' + opIdx + '\"]');
  2621. \t\t\t\t\t\t\tif (\$note.length) {
  2622. \t\t\t\t\t\t\t\tvar isOn = (\$clicked.val() === opEntry.on);
  2623. \t\t\t\t\t\t\t\t\$note.toggle(isOn);
  2624. \t\t\t\t\t\t\t}
  2625. \t\t\t\t\t\t}
  2626. \t\t\t\t\t\t// wd (sale_type=5) のステップ / デッキフェンス用の注記もここで切替.
  2627. \t\t\t\t\t\t//   ステップ → deck_step (op0 だが op_data 範囲外), 必要 選択時に表示.
  2628. \t\t\t\t\t\tvar radioName = \$clicked.attr('name');
  2629. \t\t\t\t\t\tif (radioName === 'deck_step') {
  2630. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-step').toggle(\$clicked.val() === '必要');
  2631. \t\t\t\t\t\t} else if (radioName === 'deck_fence') {
  2632. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-fence').toggle(\$clicked.val() === '必要');
  2633. \t\t\t\t\t\t}
  2634. \t\t\t\t\t}
  2635. \t\t\t\t}
  2636. \t\t\t}
  2638. \t\t\t// 必須項目チェックは sale_type 1 系（カーポート/物置/フェンスなど価格マトリクス必要）に限定
  2639. \t\t\tvar requireMatrix = (SALE_TYPE_ID == 1 || SALE_TYPE_ID == 2 || SALE_TYPE_ID == 3 || SALE_TYPE_ID == 4 || SALE_TYPE_ID == 5 || SALE_TYPE_ID == 6 || SALE_TYPE_ID == 7 || SALE_TYPE_ID == 9);
  2641. \t\t\t// sale_type=3 (物置・ゴミステーション・照明 等) では「素材」を選択肢として扱わない.
  2642. \t\t\t//   - mo/gs/sy は m が \"指定なし\" など名目的にしか入っていない
  2643. \t\t\t//   - sl は m が空のままで matrix に行が来る
  2644. \t\t\t//   そのため pm の必須チェックを sale_type=3 でスキップする。
  2645. \t\t\tvar pmRequired = (SALE_TYPE_ID != 3);
  2647. \t\t\tif (requireMatrix) {
  2648. \t\t\t\tif(pmRequired && pm == \"\"){
  2649. \t\t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  2650. \t\t\t\t}
  2651. \t\t\t\tif(ph == \"\"){
  2652. \t\t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  2653. \t\t\t\t}
  2654. \t\t\t\tif(pd == \"\"){
  2655. \t\t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  2656. \t\t\t\t}
  2657. \t\t\t\tif(pw == \"\"){
  2658. \t\t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  2659. \t\t\t\t}
  2660. \t\t\t\tif(pc == \"\"){
  2661. \t\t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  2662. \t\t\t\t\t\$('#mitsumori_btn').hide();
  2663. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2664. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2665. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2666. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  2667. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2668. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2669. \t\t\t\t}
  2670. \t\t\t}
  2672. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && (!pmRequired || pm != \"\") && pc != \"\"){
  2673. \t\t\t\t\$('#mitsumori_btn').show();
  2675. \t\t\t\t// 入力コンテキスト（sale_type 別パラメータ）
  2676. \t\t\t\tvar ctx = {
  2677. \t\t\t\t\tset_count:    parseInt(\$('#set_count').val())    || 1,
  2678. \t\t\t\t\tdaisu:        parseInt(\$('#daisu').val())        || 1,
  2679. \t\t\t\t\tmaisu:        parseInt(\$('#maisu').val())        || 3,
  2680. \t\t\t\t\tsuuryou:      parseInt(\$('#suuryou').val())      || 1,
  2681. \t\t\t\t\tarea:         (function(){
  2682. \t\t\t\t\t\t// tf(人工芝): 施工サイズ 縦(m)×横(m) から面積を算出し #area に反映.
  2683. \t\t\t\t\t\tvar L = parseFloat(\$('#tf_len').val()) || 0;
  2684. \t\t\t\t\t\tvar W = parseFloat(\$('#tf_wid').val()) || 0;
  2685. \t\t\t\t\t\tif (L > 0 && W > 0) { var a = L * W; \$('#area').val(a); return a; }
  2686. \t\t\t\t\t\treturn parseFloat(\$('#area').val()) || 0;
  2687. \t\t\t\t\t})(),
  2688. \t\t\t\t\ttf_len:       parseFloat(\$('#tf_len').val())     || 0,
  2689. \t\t\t\t\ttf_wid:       parseFloat(\$('#tf_wid').val())     || 0,
  2690. \t\t\t\t\ttf_qty:       parseInt(\$('#tf_qty').val())       || 1,
  2691. \t\t\t\t\tquantityOnly: parseInt(\$('#quantity_only').val())|| 1,
  2692. \t\t\t\t\tmado_w:       \$('#mado_w').val() || '',
  2693. \t\t\t\t\tmado_h:       \$('#mado_h').val() || '',
  2694. \t\t\t\t\tmado_type:    \$('input[name=mado_type]:checked').val()  || '',
  2695. \t\t\t\t\tglass_type:   \$('input[name=glass_type]:checked').val() || '',
  2696. \t\t\t\t\tdeck_step:    \$('input[name=deck_step]:checked').val()  || '',
  2697. \t\t\t\t\tdeck_fence:   \$('input[name=deck_fence]:checked').val() || '',
  2698. \t\t\t\t};
  2700. \t\t\t\t// 施工オプション集計（残土処理を含む）
  2701. \t\t\t\tvar opCalc = collectOptions();
  2703. \t\t\t\tvar pp_matched = false;
  2704. \t\t\t\t// 各軸の汎用 axisMatch:
  2705. \t\t\t\t//   user 選択 == matrix 値 / user \"指定なし\" / matrix 値が空
  2706. \t\t\t\tvar axisMatch = function(input, value){
  2707. \t\t\t\t    return input == value || input == \"指定なし\" || value === \"\" || value == null;
  2708. \t\t\t\t};
  2709. \t\t\t\t// 色専用マッチャー: scraper のデータ形式に合わせて拡張する
  2710. \t\t\t\t//   1. 完全一致 / \"指定なし\" / 値が空 → 真 (axisMatch と同じ)
  2711. \t\t\t\t//   2. matrix 値が \"色1/色2/色3\" の形 (同価格グループ) → split して user 選択が含まれれば真
  2712. \t\t\t\t// scraper のロジック (scraper_price.py L765-779):
  2713. \t\t\t\t//   全色同価格 → c=\"\"、価格違いグループあり → 各 group を \"/\" 結合した色名で 1 行
  2714. \t\t\t\tvar colorMatch = function(input, value){
  2715. \t\t\t\t    if (axisMatch(input, value)) return true;
  2716. \t\t\t\t    if (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  2717. \t\t\t\t        var parts = value.split('/');
  2718. \t\t\t\t        for (var idx = 0; idx < parts.length; idx++) {
  2719. \t\t\t\t            if (parts[idx].trim() === input) return true;
  2720. \t\t\t\t        }
  2721. \t\t\t\t    }
  2722. \t\t\t\t    return false;
  2723. \t\t\t\t};
  2725. \t\t\t\t// 他軸 (w/d/h/m + option1/option2) でマッチする pp 行を抽出.
  2726. \t\t\t\t// option1/option2 は um の subtype 等で使われる. axisMatch は free_area 側が
  2727. \t\t\t\t// 空のとき真を返すので、um 以外のカテゴリ (option 軸を使わない) でも影響なし.
  2728. \t\t\t\tvar candidates = pp.filter(function(el){
  2729. \t\t\t\t    return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m)
  2730. \t\t\t\t        && axisMatch(option1, el.option1) && axisMatch(option2, el.option2);
  2731. \t\t\t\t});
  2732. \t\t\t\t// フォールバック: 全軸一致が 0 件のときに限り option1/option2 を無視して再マッチ。
  2733. \t\t\t\t// 玄関ドア等で option1(なし/ランマ付き)・option2(◯◯タイプ) が pm(開き方) から
  2734. \t\t\t\t// 導出可能な冗長軸で、未選択だと全軸 AND 一致を満たせず価格が出ない事象の救済。
  2735. \t\t\t\t// pm/幅/奥行/高さ は従来どおり一致を要求するため通常商品の価格選択に影響しない。
  2736. \t\t\t\tif (candidates.length === 0) {
  2737. \t\t\t\t    candidates = pp.filter(function(el){
  2738. \t\t\t\t        return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m);
  2739. \t\t\t\t    });
  2740. \t\t\t\t}
  2741. \t\t\t\tvar picked = null;
  2743. \t\t\t\t// 優先 1: 色も含めて完全一致 (\"色1/色2\" 形式の split match を含む)
  2744. \t\t\t\tfor (var ii = 0; ii < candidates.length; ii++) {
  2745. \t\t\t\t    if (colorMatch(pc, candidates[ii].c)) { picked = candidates[ii]; break; }
  2746. \t\t\t\t}
  2748. \t\t\t\t// 優先 2: 完全一致なし & user の pc が候補のどの c 値にも該当しない (= 命名違い等)
  2749. \t\t\t\t//   かつ候補全行で price が一致する場合は、色軸を実質無視して先頭行を採用.
  2750. \t\t\t\t//   例 id=3353: pp.c は \"ステンカラー＋...\" 6種だが price は全て同じなので
  2751. \t\t\t\t//     SM(スミ) を選んでも安全に最初の行の価格を返せる.
  2752. \t\t\t\tif (!picked && candidates.length > 0) {
  2753. \t\t\t\t    var ppCsInCand = candidates.map(function(r){ return r.c || ''; });
  2754. \t\t\t\t    var pcAbsent = (pc !== '' && pc !== '指定なし' && ppCsInCand.indexOf(pc) === -1
  2755. \t\t\t\t                    && ppCsInCand.every(function(v){ return v.indexOf('/') === -1 || v.split('/').map(function(s){return s.trim();}).indexOf(pc) === -1; }));
  2756. \t\t\t\t    if (pcAbsent) {
  2757. \t\t\t\t        var uniqPrices = new Set();
  2758. \t\t\t\t        candidates.forEach(function(r){ uniqPrices.add(String(r.price)); });
  2759. \t\t\t\t        if (uniqPrices.size === 1) {
  2760. \t\t\t\t            // 全候補同価格 → 色軸を wildcard 扱いで OK
  2761. \t\t\t\t            picked = candidates[0];
  2762. \t\t\t\t        }
  2763. \t\t\t\t        // 価格が異なる場合は意図的に picked=null のまま「対応しておりません」.
  2764. \t\t\t\t    }
  2765. \t\t\t\t}
  2766. \t\t\t\tpp.forEach((el) => {
  2767. \t\t\t\t  if (el === picked) {
  2768. \t\t\t\t\tpp_matched = true;
  2770. \t\t\t\t\t// tg block-keyed オプション差額を集計 (tg 以外は total=0)
  2771. \t\t\t\t\tvar oiCalc = collectOptionItems(el.w || '', el.d || '');
  2772. \t\t\t\t\t// tg ブロックに合わせてラジオを再描画 (tg 以外は no-op)
  2773. \t\t\t\t\trenderOptionItemRadios(el.w || '', el.d || '');
  2774. \t\t\t\t\t// fe ブロックの種類×段数 サブ radio (fe 以外/未設定は no-op)
  2775. \t\t\t\t\trenderFeBlockRadios();
  2776. \t\t\t\t\t// fe ご希望のフェンス設置方法 — 「既存ブロックに穴空け」 entry の連動表示
  2777. \t\t\t\t\tupdateFeOpConditionalVisibility();
  2779. \t\t\t\t\tvar calc       = calcGoukei(el, opCalc.total, ctx);
  2780. \t\t\t\t\tvar goukei     = calc.goukei;
  2781. \t\t\t\t\tvar price      = calc.price;
  2782. \t\t\t\t\tvar ct         = calc.ct;
  2783. \t\t\t\t\tvar optionSum  = calc.opt;
  2784. \t\t\t\t\t// tf(人工芝): 必要枚数入力へ算出結果を反映（施工サイズ入力時は上書き、
  2785. \t\t\t\t\t// 直接指定時は同値なので実質変化なし。要素が無い sale_type では no-op）
  2786. \t\t\t\t\tvar \$tfQty = \$('#tf_qty');
  2787. \t\t\t\t\tif (\$tfQty.length) \$tfQty.val(calc.qty || 1);
  2788. \t\t\t\t\t// オプション差額は税抜 → 税込に変換して合計に加算
  2789. \t\t\t\t\tvar oiIncTax   = toIncTax(oiCalc.total);
  2790. \t\t\t\t\tgoukei += oiIncTax;
  2791. \t\t\t\t\tprice  += oiIncTax;  // 差額は本体価格扱いとして mitsumori_price にも加算
  2792. \t\t\t\t\t// maker_price も scraper が税抜で保存しているため税込に変換
  2793. \t\t\t\tvar makerPrice = toIncTax(parseInt(el.maker_price) || 0);
  2795. \t\t\t\t\t\$('#mitsumori_message').text(formatter.format(goukei) + \"円\");
  2796. \t\t\t\t\t\$('#mitsumori_goukei').text(formatter.format(goukei) + \"円\");
  2797. \t\t\t\t\t\$('#mitsumori_off').text(formatter.format(price - makerPrice) + \"円\");
  2798. \t\t\t\t\t\$('#mitsumori_price').text(formatter.format(price) + \"円\");
  2799. \t\t\t\t\t\$('#maker_price').text(formatter.format(makerPrice) + \"円\");
  2800. \t\t\t\t\t\$('#mitsumori_ct').text(formatter.format(ct) + \"円\");
  2801. \t\t\t\t\t\$('#mitsumori_option').text(formatter.format(optionSum) + \"円\");
  2803. \t\t\t\t\t\$('#mitsumori_kei').text(formatter.format(goukei) + \"円\");
  2804. \t\t\t\t\t\$('#mitsumori_price_01').text(formatter.format(price) + \"円\");
  2805. \t\t\t\t\t\$('#mitsumori_price_02').text(formatter.format(price) + \"円\");
  2806. \t\t\t\t\t\$('#mitsumori_ct_01').text(formatter.format(ct) + \"円\");
  2807. \t\t\t\t\t\$('#mitsumori_ct_02').text(formatter.format(ct) + \"円\");
  2808. \t\t\t\t\t\$('#mitsumori_goukei_02').text(formatter.format(goukei) + \"円\");
  2810. \t\t\t\t\tvar shoukei = goukei / 1.1;
  2811. \t\t\t\t\tvar tax     = parseInt(goukei - shoukei);
  2812. \t\t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  2813. \t\t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + \"円\");
  2815. \t\t\t\t\t// PDF 明細用：オプション内訳テーブルを差し込む (施工オプション + tg block オプション)
  2816. \t\t\t\t\trenderOptionDetailRows(opCalc.items.concat(oiCalc.items.map(function(it){
  2817. \t\t\t\t\t\treturn { name: it.name, value: it.label, price: it.diff };
  2818. \t\t\t\t\t})));
  2819. \t\t\t\t  }
  2820. \t\t\t\t});
  2822. \t\t\t\tif (!pp_matched) {
  2823. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  2824. \t\t\t\t\t\$('#mitsumori_btn').hide();
  2825. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2826. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2827. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2828. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  2829. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2830. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2831. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  2832. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  2833. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  2834. \t\t\t\t}
  2836. \t\t\t\t// mitsumori_json: バック側に送信する見積データ
  2837. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  2838. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  2839. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  2840. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  2841. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  2842. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  2843. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  2844. \t\t\t\t\t\t\t\t\t\t\"product_id\": ";
  2845.         // line 2571
  2846.         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.', 2571, $this->source); })()), "id", [], "any", false, false, false, 2571), "html", null, true);
  2847.         echo ",
  2848. \t\t\t\t\t\t\t\t\t\t\"sale_type\": SALE_TYPE_ID,
  2849. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  2850. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  2851. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  2852. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  2853. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  2854. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  2855. \t\t\t\t\t\t\t\t\t\t\"op_items\": opCalc.items,
  2856. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     ctx.mado_w,
  2857. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     ctx.mado_h,
  2858. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  ctx.mado_type,
  2859. \t\t\t\t\t\t\t\t\t\t\"glass_type\": ctx.glass_type,
  2860. \t\t\t\t\t\t\t\t\t\t\"set_count\":  ctx.set_count,
  2861. \t\t\t\t\t\t\t\t\t\t\"daisu\":      ctx.daisu,
  2862. \t\t\t\t\t\t\t\t\t\t\"maisu\":      ctx.maisu,
  2863. \t\t\t\t\t\t\t\t\t\t\"suuryou\":    ctx.suuryou,
  2864. \t\t\t\t\t\t\t\t\t\t\"area\":       ctx.area,
  2865. \t\t\t\t\t\t\t\t\t\t\"tf_len\":     ctx.tf_len,
  2866. \t\t\t\t\t\t\t\t\t\t\"tf_wid\":     ctx.tf_wid,
  2867. \t\t\t\t\t\t\t\t\t\t\"tf_qty\":     \$('#tf_qty').val(),
  2868. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  ctx.deck_step,
  2869. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": ctx.deck_fence };
  2871. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  2872. \t\t\t}
  2873. \t\t}
  2875. \t\t// PDF/モーダル明細の動的差し替え（基本工事費の次にオプション行を追加）
  2876. \t\tfunction renderOptionDetailRows(items) {
  2877. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  2878. \t\t\tif (!\$tbody.length) return;
  2879. \t\t\t\$tbody.find('tr.opt-row').remove();
  2880. \t\t\tvar anchorRow = \$tbody.find('tr').filter(function(){
  2881. \t\t\t\treturn \$(this).find('td:first').text().indexOf('残土') !== -1
  2882. \t\t\t\t\t|| \$(this).find('td:first').text().indexOf('基本工事費') !== -1;
  2883. \t\t\t}).last();
  2884. \t\t\titems.forEach(function(it){
  2885. \t\t\t\tif (!it.name || !it.value) return;
  2886. \t\t\t\tvar priceTxt = it.price > 0
  2887. \t\t\t\t\t? formatter.format(it.price) + '円'
  2888. \t\t\t\t\t: '0円';
  2889. \t\t\t\tvar \$tr = \$('<tr class=\"opt-row\"></tr>')
  2890. \t\t\t\t\t.append('<td>' + it.name + '：' + it.value + '</td>')
  2891. \t\t\t\t\t.append('<td>1</td>')
  2892. \t\t\t\t\t.append('<td>式</td>')
  2893. \t\t\t\t\t.append('<td>' + priceTxt + '</td>')
  2894. \t\t\t\t\t.append('<td>' + (it.price > 0 ? formatter.format(it.price) + '円' : '') + '</td>');
  2895. \t\t\t\tif (anchorRow.length) {
  2896. \t\t\t\t\tanchorRow.after(\$tr);
  2897. \t\t\t\t\tanchorRow = \$tr;
  2898. \t\t\t\t} else {
  2899. \t\t\t\t\t\$tbody.append(\$tr);
  2900. \t\t\t\t}
  2901. \t\t\t});
  2902. \t\t}
  2904. \t\t// 見積書モーダルを開く直前に、右側「現在のお見積り額」パネルの表示値を
  2905. \t\t// モーダル内の対応 ID にコピーして金額の食い違いを防ぐ。
  2906. \t\t// pw/pd/ph/pm が未選択で mitsumori_simulation の full update に到達しない場合でも、
  2907. \t\t// パネル側の値（HTML 静的初期値 or 直近の simulation 結果）が modal にも反映される。
  2908. \t\tfunction syncMitsumoriModalFromPanel() {
  2909. \t\t\tvar goukeiText = \$('#mitsumori_goukei').text();
  2910. \t\t\tvar priceText  = \$('#mitsumori_price').text();
  2911. \t\t\tvar ctText     = \$('#mitsumori_ct').text();
  2913. \t\t\t\$('#mitsumori_kei').text(goukeiText);
  2914. \t\t\t\$('#mitsumori_price_01').text(priceText);
  2915. \t\t\t\$('#mitsumori_price_02').text(priceText);
  2916. \t\t\t\$('#mitsumori_ct_01').text(ctText);
  2917. \t\t\t\$('#mitsumori_ct_02').text(ctText);
  2918. \t\t\t\$('#mitsumori_goukei_02').text(goukeiText);
  2920. \t\t\t// 小計 / 消費税 は税込 goukei から逆算
  2921. \t\t\tvar num = parseInt(goukeiText.replace(/[^\\d-]/g, ''), 10);
  2922. \t\t\tif (!isNaN(num) && num > 0) {
  2923. \t\t\t\tvar shoukei = Math.round(num / 1.1);
  2924. \t\t\t\tvar tax     = num - shoukei;
  2925. \t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(shoukei) + '円');
  2926. \t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + '円');
  2927. \t\t\t} else {
  2928. \t\t\t\t\$('#mitsumori_shoukei').text('---円');
  2929. \t\t\t\t\$('#mitsumori_tax').text('---円');
  2930. \t\t\t}
  2931. \t\t}
  2933. \t\t\$(document).on('show.bs.modal', '#modal-mitsumori', function () {
  2934. \t\t\tsyncMitsumoriModalFromPanel();
  2935. \t\t});
  2937.         ";
  2938.         // line 2665
  2939.         echo "        ";
  2940.         if (((isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2665, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2665, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2665, $this->source); })())) == "")))) {
  2941.             // line 2666
  2942.             echo "            pc = \"指定なし\";
  2943.             ";
  2944.             // line 2667
  2945.             $context['_parent'] = $context;
  2946.             $context['_seq'] = twig_ensure_traversable((isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2667, $this->source); })()));
  2947.             foreach ($context['_seq'] as $context["_key"] => $context["pc_val"]) {
  2948.                 if ($context["pc_val"]) {
  2949.                     echo " pc = \"";
  2950.                     echo twig_escape_filter($this->env, $context["pc_val"], "html", null, true);
  2951.                     echo "\"; ";
  2952.                 }
  2953.             }
  2954.             $_parent = $context['_parent'];
  2955.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pc_val'], $context['_parent'], $context['loop']);
  2956.             $context = array_intersect_key($context, $_parent) + $_parent;
  2957.             // line 2668
  2958.             echo "            ";
  2959.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2668, $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.', 2668, $this->source); })())) == 1))) {
  2960.                 // line 2669
  2961.                 echo "                ";
  2962.                 $context['_parent'] = $context;
  2963.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2669, $this->source); })()));
  2964.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  2965.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2669))) {
  2966.                         echo " pc = \"";
  2967.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2669), "html", null, true);
  2968.                         echo "\"; ";
  2969.                     }
  2970.                 }
  2971.                 $_parent = $context['_parent'];
  2972.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  2973.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2974.                 // line 2670
  2975.                 echo "            ";
  2976.             }
  2977.             // line 2671
  2978.             echo "        ";
  2979.         } elseif (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2671, $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.', 2671, $this->source); })())) == 1))) {
  2980.             // line 2672
  2981.             echo "            pc = \"指定なし\";
  2982. \t\t\t";
  2983.             // line 2673
  2984.             $context['_parent'] = $context;
  2985.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2673, $this->source); })()));
  2986.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  2987.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2673))) {
  2988.                     echo " pc = \"";
  2989.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2673), "html", null, true);
  2990.                     echo "\"; ";
  2991.                 }
  2992.             }
  2993.             $_parent = $context['_parent'];
  2994.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  2995.             $context = array_intersect_key($context, $_parent) + $_parent;
  2996.             // line 2674
  2997.             echo "\t\t";
  2998.         }
  2999.         // line 2675
  3000.         echo "
  3001.         ";
  3002.         // line 2676
  3003.         if (((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2676, $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.', 2676, $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.', 2676, $this->source); })())) == "")))) {
  3004.             // line 2677
  3005.             echo "            pw = \"指定なし\";
  3006. \t\t\t";
  3007.             // line 2678
  3008.             $context['_parent'] = $context;
  3009.             $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.', 2678, $this->source); })()));
  3010.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  3011.                 if ($context["pw"]) {
  3012.                     echo " pw = \"";
  3013.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  3014.                     echo "\"; ";
  3015.                 }
  3016.             }
  3017.             $_parent = $context['_parent'];
  3018.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  3019.             $context = array_intersect_key($context, $_parent) + $_parent;
  3020.             // line 2679
  3021.             echo "\t\t";
  3022.         }
  3023.         // line 2680
  3024.         echo "
  3025.         ";
  3026.         // line 2681
  3027.         if (((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 2681, $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.', 2681, $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.', 2681, $this->source); })())) == "")))) {
  3028.             // line 2682
  3029.             echo "            pd = \"指定なし\";
  3030. \t\t\t";
  3031.             // line 2683
  3032.             $context['_parent'] = $context;
  3033.             $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.', 2683, $this->source); })()));
  3034.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  3035.                 if ($context["pd"]) {
  3036.                     echo " pd = \"";
  3037.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  3038.                     echo "\"; ";
  3039.                 }
  3040.             }
  3041.             $_parent = $context['_parent'];
  3042.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  3043.             $context = array_intersect_key($context, $_parent) + $_parent;
  3044.             // line 2684
  3045.             echo "\t\t";
  3046.         }
  3047.         // line 2685
  3048.         echo "
  3049.         ";
  3050.         // line 2686
  3051.         if (((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 2686, $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.', 2686, $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.', 2686, $this->source); })())) == "")))) {
  3052.             // line 2687
  3053.             echo "            ph = \"指定なし\";
  3054. \t\t\t";
  3055.             // line 2688
  3056.             $context['_parent'] = $context;
  3057.             $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.', 2688, $this->source); })()));
  3058.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  3059.                 if ($context["ph"]) {
  3060.                     echo " ph = \"";
  3061.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  3062.                     echo "\"; ";
  3063.                 }
  3064.             }
  3065.             $_parent = $context['_parent'];
  3066.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  3067.             $context = array_intersect_key($context, $_parent) + $_parent;
  3068.             // line 2689
  3069.             echo "\t\t";
  3070.         }
  3071.         // line 2690
  3072.         echo "
  3073.         ";
  3074.         // line 2691
  3075.         if (((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2691, $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.', 2691, $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.', 2691, $this->source); })())) == "")))) {
  3076.             // line 2692
  3077.             echo "            pm = \"指定なし\";
  3078. \t\t\t";
  3079.             // line 2693
  3080.             $context['_parent'] = $context;
  3081.             $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.', 2693, $this->source); })()));
  3082.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  3083.                 if ($context["pm"]) {
  3084.                     echo " pm = \"";
  3085.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  3086.                     echo "\"; ";
  3087.                 }
  3088.             }
  3089.             $_parent = $context['_parent'];
  3090.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  3091.             $context = array_intersect_key($context, $_parent) + $_parent;
  3092.             // line 2694
  3093.             echo "\t\t";
  3094.         }
  3095.         // line 2695
  3096.         echo "
  3097.         ";
  3098.         // line 2697
  3099.         echo "        ";
  3100.         if (((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2697, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2697, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2697, $this->source); })())) == "")))) {
  3101.             // line 2698
  3102.             echo "            option1 = \"\";
  3103. \t\t\t";
  3104.             // line 2699
  3105.             $context['_parent'] = $context;
  3106.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2699, $this->source); })()));
  3107.             foreach ($context['_seq'] as $context["_key"] => $context["opt1"]) {
  3108.                 if ($context["opt1"]) {
  3109.                     echo " option1 = \"";
  3110.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt1"], "js"), "html", null, true);
  3111.                     echo "\"; ";
  3112.                 }
  3113.             }
  3114.             $_parent = $context['_parent'];
  3115.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1'], $context['_parent'], $context['loop']);
  3116.             $context = array_intersect_key($context, $_parent) + $_parent;
  3117.             // line 2700
  3118.             echo "\t\t";
  3119.         }
  3120.         // line 2701
  3121.         echo "
  3122.         ";
  3123.         // line 2702
  3124.         if (((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2702, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2702, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2702, $this->source); })())) == "")))) {
  3125.             // line 2703
  3126.             echo "            option2 = \"\";
  3127. \t\t\t";
  3128.             // line 2704
  3129.             $context['_parent'] = $context;
  3130.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2704, $this->source); })()));
  3131.             foreach ($context['_seq'] as $context["_key"] => $context["opt2"]) {
  3132.                 if ($context["opt2"]) {
  3133.                     echo " option2 = \"";
  3134.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt2"], "js"), "html", null, true);
  3135.                     echo "\"; ";
  3136.                 }
  3137.             }
  3138.             $_parent = $context['_parent'];
  3139.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt2'], $context['_parent'], $context['loop']);
  3140.             $context = array_intersect_key($context, $_parent) + $_parent;
  3141.             // line 2705
  3142.             echo "\t\t";
  3143.         }
  3144.         // line 2706
  3145.         echo "
  3146. \t\t// カラー radio が複数あるとき初期チェックが無いと「カラーを選択してください」固定になるので、
  3147. \t\t// 何もチェックされていなければ「最初の radio」を選択する。
  3148. \t\t// sale_type≠3 は name=\"color\", sale_type=3 は name=\"color3\".
  3149. \t\t//
  3150. \t\t// 注意:
  3151. \t\t//   ・search_word（= radio の値）と pp.c（= matrix の色軸）は別の命名体系のケースがある
  3152. \t\t//     （例 id=3353: radio=\"SM(スミ)\" / pp.c=\"ステンカラー＋セピアブラウン\"）
  3153. \t\t//   ・pp.c に合わせて radio を選ぼうとしても文字列一致しないので無意味。
  3154. \t\t//   ・単純に「先頭の radio」を選ぶ実装に戻し、マッチング側で命名体系違いを吸収する
  3155. \t\t//     （pc が pp.c のどの値にもマッチしないときは色軸を wildcard 扱いにする）。
  3156. \t\t//   ・.rp-section-label のテキストも忘れずに同期する（古い session 値が残ると
  3157. \t\t//     \"ステンカラー＋セピアブラウン\" のような表示と実際の radio が食い違う）。
  3158. \t\t(function autoSelectFirstColor(){
  3159. \t\t\tvar groups = ['color', 'color3'];
  3160. \t\t\tfor (var gi = 0; gi < groups.length; gi++) {
  3161. \t\t\t\tvar name = groups[gi];
  3162. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');
  3163. \t\t\t\tif (nodes.length === 0) continue;
  3164. \t\t\t\tvar anyChecked = false;
  3165. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  3166. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  3167. \t\t\t\t}
  3168. \t\t\t\tif (anyChecked) continue;
  3170. \t\t\t\tvar target = nodes[0];
  3171. \t\t\t\ttarget.checked = true;
  3172. \t\t\t\tpc = target.value;
  3174. \t\t\t\t// opt-btn の is-selected を付け替え
  3175. \t\t\t\tvar lbl = target.closest('.opt-btn');
  3176. \t\t\t\tif (lbl) {
  3177. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3178. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  3179. \t\t\t\t\tlbl.classList.add('is-selected');
  3180. \t\t\t\t}
  3181. \t\t\t\t// 「カラー: <name>」表示の同期（古い mitsumori_json.pc が残らないように）
  3182. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  3183. \t\t\t\tif (grp) {
  3184. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3185. \t\t\t\t\tif (section) {
  3186. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3187. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  3188. \t\t\t\t\t}
  3189. \t\t\t\t}
  3190. \t\t\t}
  3191. \t\t})();
  3193. \t\t// option1 / option2 / pw / pd / ph / pm (matrix 軸の radio 群) も同様に
  3194. \t\t// 「どれもチェックされていなければ先頭を選ぶ」を適用する.
  3195. \t\t//   sale_type=2 の窓タイプ等で「初期表示時に一番初めの選択肢が選択されていない」事象を解消.
  3196. \t\t(function autoSelectFirstMatrixAxis(){
  3197. \t\t\tvar axes = [
  3198. \t\t\t\t{ name: 'pw',      jsVar: 'pw' },
  3199. \t\t\t\t{ name: 'pd',      jsVar: 'pd' },
  3200. \t\t\t\t{ name: 'ph',      jsVar: 'ph' },
  3201. \t\t\t\t{ name: 'pm',      jsVar: 'pm' },
  3202. \t\t\t\t{ name: 'glass_type', jsVar: 'pm' },
  3203. \t\t\t\t{ name: 'option1', jsVar: 'option1' },
  3204. \t\t\t\t{ name: 'option2', jsVar: 'option2' }
  3205. \t\t\t];
  3206. \t\t\tfor (var ai = 0; ai < axes.length; ai++) {
  3207. \t\t\t\tvar ax = axes[ai];
  3208. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + ax.name + '\"]');
  3209. \t\t\t\tif (nodes.length === 0) continue;
  3210. \t\t\t\tvar anyChecked = false;
  3211. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  3212. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  3213. \t\t\t\t}
  3214. \t\t\t\tif (anyChecked) continue;
  3216. \t\t\t\tvar target = nodes[0];
  3217. \t\t\t\ttarget.checked = true;
  3218. \t\t\t\t// グローバル JS 変数も埋める
  3219. \t\t\t\tif (ax.jsVar === 'pw') pw = target.value;
  3220. \t\t\t\telse if (ax.jsVar === 'pd') pd = target.value;
  3221. \t\t\t\telse if (ax.jsVar === 'ph') ph = target.value;
  3222. \t\t\t\telse if (ax.jsVar === 'pm') pm = target.value;
  3223. \t\t\t\telse if (ax.jsVar === 'option1') option1 = target.value;
  3224. \t\t\t\telse if (ax.jsVar === 'option2') option2 = target.value;
  3226. \t\t\t\tvar lbl = target.closest('.opt-btn');
  3227. \t\t\t\tif (lbl) {
  3228. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3229. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  3230. \t\t\t\t\tlbl.classList.add('is-selected');
  3231. \t\t\t\t}
  3232. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  3233. \t\t\t\tif (grp) {
  3234. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3235. \t\t\t\t\tif (section) {
  3236. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3237. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  3238. \t\t\t\t\t}
  3239. \t\t\t\t}
  3240. \t\t\t}
  3241. \t\t})();
  3243. \t\t// 取付/設置工事トグル（off 値が「商品購入のみ」のオプション）は、新規アクセス時に
  3244. \t\t// どちらの radio も未チェックのため初期価格が「商品購入のみ」= 基本工事費抜きになる。
  3245. \t\t// 顧客要望（#10）に合わせ、未選択時は「工事も希望する」(on 側) を初期選択し、
  3246. \t\t// 初期表示を基本工事費込みの最安値に統一する（色・寸法軸の先頭自動選択と同型）。
  3247. \t\t//   ・判定キーは calcGoukei / applyPurchaseOnlyUI と同じ定数「商品購入のみ」。
  3248. \t\t//   ・別用途で op{n} を流用する商品（ウッドデッキ deck_step 等）は radio 値に
  3249. \t\t//     「商品購入のみ」を含まないため対象外（既存挙動を壊さない）。
  3250. \t\t//   ・mitsumori_json 復元やユーザー操作で既に選択済みなら尊重する。
  3251. \t\t(function autoSelectFirstInstall(){
  3252. \t\t\tfor (var i = 0; i <= 10; i++) {
  3253. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"op' + i + '\"]');
  3254. \t\t\t\tif (nodes.length === 0) continue;
  3256. \t\t\t\t// このグループが「商品購入のみ」を off に持つ工事トグルか判定し、
  3257. \t\t\t\t// 「商品購入のみ」でない側 (= 工事希望 on) を取得する。
  3258. \t\t\t\tvar hasPurchaseOnly = false;
  3259. \t\t\t\tvar onNode = null;
  3260. \t\t\t\tfor (var j = 0; j < nodes.length; j++) {
  3261. \t\t\t\t\tif (nodes[j].value === '商品購入のみ') hasPurchaseOnly = true;
  3262. \t\t\t\t\telse if (!onNode) onNode = nodes[j];
  3263. \t\t\t\t}
  3264. \t\t\t\tif (!hasPurchaseOnly || !onNode) continue;
  3266. \t\t\t\tvar anyChecked = false;
  3267. \t\t\t\tfor (var k = 0; k < nodes.length; k++) {
  3268. \t\t\t\t\tif (nodes[k].checked) { anyChecked = true; break; }
  3269. \t\t\t\t}
  3270. \t\t\t\tif (anyChecked) continue;
  3272. \t\t\t\tonNode.checked = true;
  3273. \t\t\t\t// グローバル op 変数を on 値で埋める（calcGoukei の purchaseOnly 判定が参照）
  3274. \t\t\t\tswitch (i) {
  3275. \t\t\t\t\tcase 0:  op0  = onNode.value; break;
  3276. \t\t\t\t\tcase 1:  op1  = onNode.value; break;
  3277. \t\t\t\t\tcase 2:  op2  = onNode.value; break;
  3278. \t\t\t\t\tcase 3:  op3  = onNode.value; break;
  3279. \t\t\t\t\tcase 4:  op4  = onNode.value; break;
  3280. \t\t\t\t\tcase 5:  op5  = onNode.value; break;
  3281. \t\t\t\t\tcase 6:  op6  = onNode.value; break;
  3282. \t\t\t\t\tcase 7:  op7  = onNode.value; break;
  3283. \t\t\t\t\tcase 8:  op8  = onNode.value; break;
  3284. \t\t\t\t\tcase 9:  op9  = onNode.value; break;
  3285. \t\t\t\t\tcase 10: op10 = onNode.value; break;
  3286. \t\t\t\t}
  3287. \t\t\t\t// opt-btn の is-selected を付け替え
  3288. \t\t\t\tvar lbl = onNode.closest('.opt-btn');
  3289. \t\t\t\tif (lbl) {
  3290. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3291. \t\t\t\t\tfor (var s = 0; s < sib.length; s++) sib[s].classList.remove('is-selected');
  3292. \t\t\t\t\tlbl.classList.add('is-selected');
  3293. \t\t\t\t}
  3294. \t\t\t\t// rp-section-label 表示同期 + 現地調査文言（is_removal_unknown / is_tf_kouji）を on 表示に
  3295. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || onNode.closest('.form-group');
  3296. \t\t\t\tif (grp) {
  3297. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3298. \t\t\t\t\tif (section) {
  3299. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3300. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + onNode.value + '</span>';
  3301. \t\t\t\t\t}
  3302. \t\t\t\t\tvar note = grp.querySelector('.opt-survey-note[data-op-idx=\"' + i + '\"]');
  3303. \t\t\t\t\tif (note) note.style.display = '';
  3304. \t\t\t\t}
  3305. \t\t\t}
  3306. \t\t})();
  3308. \t\t// ページ読み込み時: 見積金額が「合計」になっているため、カート数量は基本1
  3309. \t\t// sale_type=9（商品のみ購入）だけ通常 EC として数量を引き継ぐ
  3310. \t\t(function initQuantityByType(){
  3311. \t\t\tvar saleType = ";
  3312.         // line 2872
  3313.         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.', 2872, $this->source); })()), "SaleType", [], "any", false, false, false, 2872), "id", [], "any", false, false, false, 2872), "html", null, true);
  3314.         echo ";
  3315. \t\t\tif (saleType == 9 && \$('#quantity_only').length) {
  3316. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  3317. \t\t\t} else {
  3318. \t\t\t\t\$('#quantity').val(1);
  3319. \t\t\t\t\$('input[name=\"quantity\"]').val(1);
  3320. \t\t\t}
  3321. \t\t})();
  3323. \t\t// type → ラベルのプレフィックス文字列
  3324. \t\t// option1/option2 のラベルは category 依存 (rd: ランマ/タイプ, sh: サイズプリセット/駆動方式 等).
  3325. \t\t// PHP から渡された option1_label / option2_label を埋め込み、JS 側でラベル更新に使う.
  3326. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材',
  3327. \t\t                   option1: '";
  3328.         // line 2885
  3329.         echo twig_escape_filter($this->env, twig_escape_filter($this->env, ((array_key_exists("option1_label", $context)) ? (_twig_default_filter((isset($context["option1_label"]) || array_key_exists("option1_label", $context) ? $context["option1_label"] : (function () { throw new RuntimeError('Variable "option1_label" does not exist.', 2885, $this->source); })()), "オプション1")) : ("オプション1")), "js"), "html", null, true);
  3330.         echo "',
  3331. \t\t                   option2: '";
  3332.         // line 2886
  3333.         echo twig_escape_filter($this->env, twig_escape_filter($this->env, ((array_key_exists("option2_label", $context)) ? (_twig_default_filter((isset($context["option2_label"]) || array_key_exists("option2_label", $context) ? $context["option2_label"] : (function () { throw new RuntimeError('Variable "option2_label" does not exist.', 2886, $this->source); })()), "オプション2")) : ("オプション2")), "js"), "html", null, true);
  3334.         echo "'};
  3335. \t\t// type → input[name]
  3336. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm',
  3337. \t\t                   option1: 'option1', option2: 'option2'};
  3339. \t\t// opt-btn用: 値を直接受け取るラッパー
  3340. \t\tfunction mitsumori_simulation_val(type, value) {
  3341. \t\t\tif (type === 'pc') pc = value;
  3342. \t\t\tif (type === 'pw') pw = value;
  3343. \t\t\tif (type === 'pd') pd = value;
  3344. \t\t\tif (type === 'ph') ph = value;
  3345. \t\t\tif (type === 'pm') pm = value;
  3346. \t\t\tif (type === 'option1') option1 = value;
  3347. \t\t\tif (type === 'option2') option2 = value;
  3349. \t\t\t// is-selected クラスを同グループ内で付け替え
  3350. \t\t\tvar inputName = optNameMap[type];
  3351. \t\t\tif (inputName) {
  3352. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  3353. \t\t\t\t\$btns.removeClass('is-selected');
  3354. \t\t\t\t\$btns.filter(function(){
  3355. \t\t\t\t\treturn \$(this).find('input').val() === value;
  3356. \t\t\t\t}).addClass('is-selected');
  3357. \t\t\t}
  3359. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  3360. \t\t\tvar labelPrefix = optLabelMap[type];
  3361. \t\t\tif (labelPrefix) {
  3362. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  3363. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  3364. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  3365. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  3366. \t\t\t}
  3368. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  3369. \t\t\tmitsumori_simulation('', '');
  3370. \t\t}
  3372. \t\tmitsumori_simulation(\"\",\"\");
  3374. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll を付与し
  3375. \t\t// 縦3段グリッド＋横スクロール表示にする（顧客要望「3列くらいで横スクロール」）
  3376. \t\tfunction applyBtnGroupScroll() {
  3377. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  3378. \t\t\t\tvar \$group = \$(this);
  3379. \t\t\t\t\$group.removeClass('is-scroll');
  3380. \t\t\t\tvar \$items = \$group.children();
  3381. \t\t\t\tif (\$items.length === 0) return;
  3383. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  3384. \t\t\t\tvar totalWidth = 0;
  3385. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  3386. \t\t\t\t\$items.each(function() {
  3387. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  3388. \t\t\t\t});
  3390. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  3391. \t\t\t\tvar anyTooWide = false;
  3392. \t\t\t\t\$items.each(function() {
  3393. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  3394. \t\t\t\t});
  3396. \t\t\t\t// 折り返し時の行数も計測
  3397. \t\t\t\tvar tops = {};
  3398. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  3399. \t\t\t\tvar rowCount = Object.keys(tops).length;
  3401. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  3402. \t\t\t\t\t\$group.addClass('is-scroll');
  3403. \t\t\t\t}
  3404. \t\t\t});
  3405. \t\t}
  3406. \t\tapplyBtnGroupScroll();
  3407. \t\t\$(window).on('resize', function() {
  3408. \t\t\tclearTimeout(window._btnScrollTimer);
  3409. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  3410. \t\t});
  3412. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  3413. \t\t(function syncPrice02Display() {
  3414. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  3415. \t\t\tvar displayEl = document.getElementById('price02-display');
  3416. \t\t\tif (!goukeiEl || !displayEl) return;
  3417. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  3418. \t\t\t// ---円（未確定）の場合は書き換えない
  3419. \t\t\tif (goukeiText && goukeiText !== '---円') {
  3420. \t\t\t\tdisplayEl.textContent = goukeiText;
  3421. \t\t\t}
  3422. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  3423. \t\t\tnew MutationObserver(function() {
  3424. \t\t\t\tvar text = goukeiEl.textContent.trim();
  3425. \t\t\t\tif (text && text !== '---円') {
  3426. \t\t\t\t\tdisplayEl.textContent = text;
  3427. \t\t\t\t}
  3428. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  3429. \t\t})();
  3430. \t\tfunction contact_form(product_id){
  3431. \t\t\t\$('#form1').attr('action', '";
  3432.         // line 2983
  3433.         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.', 2983, $this->source); })()), "id", [], "any", false, false, false, 2983)]), "html", null, true);
  3434.         echo "');
  3435. \t\t\t\$('#form1').submit();
  3436. \t\t}
  3438. \t\t// maisu / madoset は下部の新しい関数定義を使用
  3441. \t\tfunction heibei(bei){
  3442. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  3443. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  3444. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  3445. \t\t\t// goukei に既に枚数を含むため、カート数量は1で固定
  3446. \t\t\t\$('#quantity').val(1);
  3447. \t\t\tmitsumori_simulation('heibei','heibei');
  3448. \t\t}
  3449. \t\tfunction daisu(dai){
  3450. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  3451. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  3452. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  3453. \t\t\t\$('#quantity').val(1);
  3454. \t\t\tmitsumori_simulation('daisu','daisu');
  3455. \t\t}
  3456. \t\t// sale_type=7（数量買い・基本工事費固定）用：個数入力
  3457. \t\tfunction suuryou(n){
  3458. \t\t\t\$('#suuryou').val(parseInt(\$('#suuryou').val()) + n);
  3459. \t\t\tif(parseInt(\$('#suuryou').val()) < 1){ \$('#suuryou').val(1); }
  3460. \t\t\tif(parseInt(\$('#suuryou').val()) > 100){ \$('#suuryou').val(100); }
  3461. \t\t\t\$('#quantity').val(1);
  3462. \t\t\tmitsumori_simulation('suuryou','suuryou');
  3463. \t\t}
  3464. \t\tfunction maisu(mai){
  3465. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  3466. \t\t\t// sale_type=4 (フェンス) は3枚未満不可、6 (芝生) は1枚から
  3467. \t\t\tvar minMai = (SALE_TYPE_ID == 4) ? 3 : 1;
  3468. \t\t\tif(parseInt(\$('#maisu').val()) < minMai){ \$('#maisu').val(minMai); }
  3469. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  3470. \t\t\t\$('#quantity').val(1);
  3471. \t\t\tmitsumori_simulation('maisu','maisu');
  3472. \t\t}
  3474. \t\t// タイプ2: セット数プルダウン連動
  3475. \t\tfunction madosetSelect(val){
  3476. \t\t\tvar v = parseInt(val);
  3477. \t\t\tif(v < 1) v = 1;
  3478. \t\t\tif(v > 20) v = 20;
  3479. \t\t\t\$('#set_count').val(v);
  3480. \t\t\t\$('#quantity').val(1);
  3481. \t\t\t\$('input[name=\"quantity\"]').val(1);
  3482. \t\t\tmitsumori_simulation('set','set_count');
  3483. \t\t}
  3484. \t\t// タイプ2: ±ボタン版（後方互換）
  3485. \t\tfunction madoset(mai){
  3486. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  3487. \t\t\tvar next = current + mai;
  3488. \t\t\tif(next < 1) next = 1;
  3489. \t\t\tif(next > 20) next = 20;
  3490. \t\t\t\$('#set_count').val(next);
  3491. \t\t\tmadosetSelect(next);
  3492. \t\t}
  3494. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  3495. \t\tvar deck_step = \"";
  3496.         // line 3044
  3497.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3044, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 3044))) {
  3498.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 3044)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", false, false, false, 3044), "不要")) : ("不要")), "html", null, true);
  3499.         } else {
  3500.             echo "不要";
  3501.         }
  3502.         echo "\";
  3503. \t\tvar deck_fence = \"";
  3504.         // line 3045
  3505.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3045, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 3045))) {
  3506.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 3045)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", false, false, false, 3045), "不要")) : ("不要")), "html", null, true);
  3507.         } else {
  3508.             echo "不要";
  3509.         }
  3510.         echo "\";
  3512. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  3513. \t\tfunction syncPdfJson(){
  3514. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  3515. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  3516. \t\t}
  3518. \t\t// タイプ9: 商品のみ購入
  3519. \t\tfunction quantityOnly(val){
  3520. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  3521. \t\t\tvar next = current + val;
  3522. \t\t\tif(next < 1) next = 1;
  3523. \t\t\t\$('#quantity_only').val(next);
  3524. \t\t\t\$('#quantity').val(next);
  3525. \t\t}
  3527.         // ===== スマホ用下部固定バーへの金額同期 =====
  3528.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  3529.         (function() {
  3530.             var msgTarget   = document.getElementById('mitsumori_message');
  3531.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  3532.             var spPrice     = document.getElementById('sp-mitsumori-price');
  3533.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  3534.             if (!spPrice || !spBtn) return;
  3536.             function syncBar() {
  3537.                 var msg    = msgTarget ? msgTarget.textContent : '';
  3538.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  3540.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  3541.                 if (msg.indexOf('選択してください') !== -1) {
  3542.                     spPrice.textContent = msg;
  3543.                     spPrice.style.fontSize = '13px';
  3544.                     spPrice.style.color    = '#888';
  3545.                     spBtn.style.display    = 'none';
  3546.                 } else {
  3547.                     // 価格確定時はボタンを表示
  3548.                     spPrice.textContent = goukei;
  3549.                     spPrice.style.fontSize = '18px';
  3550.                     spPrice.style.color    = '#c00';
  3551.                     spBtn.style.display    = 'block';
  3552.                 }
  3553.             }
  3555.             // 初期値を同期
  3556.             syncBar();
  3558.             // mitsumori_message の変化を監視
  3559.             if (msgTarget) {
  3560.                 new MutationObserver(syncBar).observe(
  3561.                     msgTarget, { childList: true, subtree: true, characterData: true }
  3562.                 );
  3563.             }
  3564.             // mitsumori_goukei の変化も監視
  3565.             if (goukeiTarget) {
  3566.                 new MutationObserver(syncBar).observe(
  3567.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  3568.                 );
  3569.             }
  3570.         })();
  3572.         // ===== スマホ用 お見積りの詳細 ボトムシート 開閉 =====
  3573.         // 現在の内訳カード(.mitsumori-card-pc .card-body)を複製して表示する。
  3574.         // 価格計算ロジックには触れず、その時点で表示中の内訳をそのまま見せる。
  3575.         // window に直接ぶら下げてスコープに依存せず onclick から呼べるようにする。
  3576.         window.openSpMitsumoriDetail = function () {
  3577.             var sheet = document.getElementById('sp-mitsumori-detail');
  3578.             var body  = document.getElementById('sp-detail-body');
  3579.             var src   = document.querySelector('.mitsumori-card-pc .card-body');
  3580.             if (!sheet || !body) return;
  3581.             body.innerHTML = '';
  3582.             if (src) {
  3583.                 // 複製し、重複 id を避けるため clone 側の id を除去する
  3584.                 var clone = src.cloneNode(true);
  3585.                 var ided = clone.querySelectorAll('[id]');
  3586.                 for (var i = 0; i < ided.length; i++) { ided[i].removeAttribute('id'); }
  3587.                 body.appendChild(clone);
  3588.             }
  3589.             sheet.classList.add('is-open');
  3590.             sheet.setAttribute('aria-hidden', 'false');
  3591.             document.body.style.overflow = 'hidden';
  3592.         };
  3593.         window.closeSpMitsumoriDetail = function () {
  3594.             var sheet = document.getElementById('sp-mitsumori-detail');
  3595.             if (!sheet) return;
  3596.             sheet.classList.remove('is-open');
  3597.             sheet.setAttribute('aria-hidden', 'true');
  3598.             document.body.style.overflow = '';
  3599.         };
  3601.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  3602.         (function() {
  3603.             var card = document.querySelector('.mitsumori-card-pc');
  3604.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  3605.             if (!card || !btn) return;
  3606.             // MutationObserverでcollapsed-cardクラスの変化を監視
  3607.             new MutationObserver(function() {
  3608.                 if (card.classList.contains('collapsed-card')) {
  3609.                     btn.textContent = '▼ 詳細';
  3610.                 } else {
  3611.                     btn.textContent = '▲ 閉じる';
  3612.                 }
  3613.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  3614.         })();
  3616.         // ===== エリア案内: スマホのみタップで展開 =====
  3617.         (function() {
  3618.             var notice = document.querySelector('.ec-areaNotice');
  3619.             if (!notice) return;
  3620.             notice.addEventListener('click', function(e) {
  3621.                 if (window.innerWidth > 767) return;
  3622.                 // リンククリック時は展開/折りたたみせずリンク遷移
  3623.                 if (e.target.tagName === 'A') return;
  3624.                 notice.classList.toggle('is-open');
  3625.             });
  3626.         })();
  3628.     </script>
  3629.     <script type=\"application/ld+json\">
  3630.     {
  3631.         \"@context\": \"https://schema.org/\",
  3632.         \"@type\": \"Product\",
  3633.         \"name\": \"";
  3634.         // line 3168
  3635.         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.', 3168, $this->source); })()), "name", [], "any", false, false, false, 3168), "html", null, true);
  3636.         echo "\",
  3637.         \"image\": [
  3638.             ";
  3639.         // line 3170
  3640.         $context['_parent'] = $context;
  3641.         $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.', 3170, $this->source); })()), "ProductImage", [], "any", false, false, false, 3170));
  3642.         $context['_iterated'] = false;
  3643.         $context['loop'] = [
  3644.           'parent' => $context['_parent'],
  3645.           'index0' => 0,
  3646.           'index'  => 1,
  3647.           'first'  => true,
  3648.         ];
  3649.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3650.             $length = count($context['_seq']);
  3651.             $context['loop']['revindex0'] = $length - 1;
  3652.             $context['loop']['revindex'] = $length;
  3653.             $context['loop']['length'] = $length;
  3654.             $context['loop']['last'] = 1 === $length;
  3655.         }
  3656.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  3657.             // line 3171
  3658.             echo "                \"";
  3659.             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.', 3171, $this->source); })()), "request", [], "any", false, false, false, 3171), "schemeAndHttpHost", [], "any", false, false, false, 3171), "html", null, true);
  3660.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  3661.             echo "\"";
  3662.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 3171)) {
  3663.                 echo ",";
  3664.             }
  3665.             // line 3172
  3666.             echo "
  3667.             ";
  3668.             $context['_iterated'] = true;
  3669.             ++$context['loop']['index0'];
  3670.             ++$context['loop']['index'];
  3671.             $context['loop']['first'] = false;
  3672.             if (isset($context['loop']['length'])) {
  3673.                 --$context['loop']['revindex0'];
  3674.                 --$context['loop']['revindex'];
  3675.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3676.             }
  3677.         }
  3678.         if (!$context['_iterated']) {
  3679.             // line 3174
  3680.             echo "                \"";
  3681.             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.', 3174, $this->source); })()), "request", [], "any", false, false, false, 3174), "schemeAndHttpHost", [], "any", false, false, false, 3174), "html", null, true);
  3682.             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);
  3683.             echo "\"
  3684.             ";
  3685.         }
  3686.         $_parent = $context['_parent'];
  3687.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  3688.         $context = array_intersect_key($context, $_parent) + $_parent;
  3689.         // line 3176
  3690.         echo "        ],
  3691.         \"description\": \"";
  3692.         // line 3177
  3693.         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, 3177)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 3177), 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.', 3177, $this->source); })()), "description_detail", [], "any", false, false, false, 3177))) : (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.', 3177, $this->source); })()), "description_detail", [], "any", false, false, false, 3177))), ["
  3694. " => "", " " => ""]), 0, 300), "html", null, true);
  3695.         echo "\",
  3696.         ";
  3697.         // line 3178
  3698.         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.', 3178, $this->source); })()), "code_min", [], "any", false, false, false, 3178)) {
  3699.             // line 3179
  3700.             echo "        \"sku\": \"";
  3701.             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.', 3179, $this->source); })()), "code_min", [], "any", false, false, false, 3179), "html", null, true);
  3702.             echo "\",
  3703.         ";
  3704.         }
  3705.         // line 3181
  3706.         echo "        \"offers\": {
  3707.             \"@type\": \"Offer\",
  3708.             \"url\": \"";
  3709.         // line 3183
  3710.         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.', 3183, $this->source); })()), "id", [], "any", false, false, false, 3183)]), "html", null, true);
  3711.         echo "\",
  3712.             \"priceCurrency\": \"";
  3713.         // line 3184
  3714.         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.', 3184, $this->source); })()), "currency", [], "any", false, false, false, 3184), "html", null, true);
  3715.         echo "\",
  3716.             \"price\": ";
  3717.         // line 3185
  3718.         ((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.', 3185, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3185)) ? (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.', 3185, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3185), "html", null, true))) : (print (0)));
  3719.         echo ",
  3720.             \"availability\": \"";
  3721.         // line 3186
  3722.         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.', 3186, $this->source); })()), "stock_find", [], "any", false, false, false, 3186)) ? ("InStock") : ("OutOfStock"));
  3723.         echo "\"
  3724.         }
  3725.     }
  3726.     </script>
  3728. ";
  3729.         
  3730.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  3732.         
  3733.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  3735.     }
  3737.     // line 3193
  3738.     public function block_main($context, array $blocks = [])
  3739.     {
  3740.         $macros = $this->macros;
  3741.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  3742.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  3744.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  3745.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  3747.         // line 3194
  3748.         echo "    ";
  3749.         // line 3195
  3750.         echo "    ";
  3751.         $context["option1_label"] = "オプション1";
  3752.         // line 3196
  3753.         echo "    ";
  3754.         $context["option2_label"] = "オプション2";
  3755.         // line 3197
  3756.         echo "    ";
  3757.         // line 3200
  3758.         echo "    ";
  3759.         $context["is_cat43"] = false;
  3760.         // line 3201
  3761.         echo "    ";
  3762.         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.', 3201, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3201))) {
  3763.             // line 3202
  3764.             echo "        ";
  3765.             $context['_parent'] = $context;
  3766.             $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.', 3202, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3202));
  3767.             foreach ($context['_seq'] as $context["_key"] => $context["pcat"]) {
  3768.                 // line 3203
  3769.                 echo "            ";
  3770.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3203) == 31)) {
  3771.                     $context["option1_label"] = "サイズプリセット";
  3772.                     $context["option2_label"] = "駆動方式";
  3773.                 }
  3774.                 // line 3204
  3775.                 echo "            ";
  3776.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3204) == 43)) {
  3777.                     $context["option1_label"] = "ランマ";
  3778.                     $context["option2_label"] = "タイプ";
  3779.                     $context["is_cat43"] = true;
  3780.                 }
  3781.                 // line 3205
  3782.                 echo "            ";
  3783.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3205) == 15)) {
  3784.                     $context["option1_label"] = "棚タイプ";
  3785.                 }
  3786.                 // line 3206
  3787.                 echo "            ";
  3788.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3206) == 17)) {
  3789.                     $context["option1_label"] = "窓タイプ";
  3790.                 }
  3791.                 // line 3207
  3792.                 echo "        ";
  3793.             }
  3794.             $_parent = $context['_parent'];
  3795.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pcat'], $context['_parent'], $context['loop']);
  3796.             $context = array_intersect_key($context, $_parent) + $_parent;
  3797.             // line 3208
  3798.             echo "    ";
  3799.         }
  3800.         // line 3209
  3801.         echo "    <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  3802.         <div class=\"ec-grid2\">
  3803.             <div class=\"ec-grid2__cell\">
  3804.                 <div class=\"ec-sliderItemRole\">
  3805. \t                ";
  3806.         // line 3214
  3807.         echo "\t                <div class=\"ec-productRole__title\">
  3808. \t                    <div class=\"ec-productRole__titleRow\">
  3809. \t                        <h2 class=\"ec-headingTitle\">";
  3810.         // line 3216
  3811.         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.', 3216, $this->source); })()), "name", [], "any", false, false, false, 3216), "html", null, true);
  3812.         echo "</h2>
  3813. \t                        <div class=\"ec-share-inline\">
  3814. \t                            <a href=\"https://twitter.com/share?url=";
  3815.         // line 3218
  3816.         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.', 3218, $this->source); })()), "request", [], "any", false, false, false, 3218), "uri", [], "any", false, false, false, 3218)), "html", null, true);
  3817.         echo "&text=";
  3818.         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.', 3218, $this->source); })()), "name", [], "any", false, false, false, 3218)), "html", null, true);
  3819.         echo "\"
  3820. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  3821. \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>
  3822. \t                            </a>
  3823. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  3824. \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>
  3825. \t                            </a>
  3826. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url=";
  3827.         // line 3225
  3828.         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.', 3225, $this->source); })()), "request", [], "any", false, false, false, 3225), "uri", [], "any", false, false, false, 3225)), "html", null, true);
  3829.         echo "\"
  3830. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  3831. \t                                <i class=\"fab fa-line\"></i>
  3832. \t                            </a>
  3833. \t                        </div>
  3834. \t                    </div>
  3835. \t                </div>
  3836.                     ";
  3837.         // line 3232
  3838.         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.', 3232, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 3232)) {
  3839.             // line 3233
  3840.             echo "                     <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  3841. \t\t\t\t\t\t";
  3842.             // line 3234
  3843.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 3234, $this->source); })()) == false)) {
  3844.                 // line 3235
  3845.                 echo "                        <form action=\"";
  3846.                 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.', 3235, $this->source); })()), "id", [], "any", false, false, false, 3235)]), "html", null, true);
  3847.                 echo "\" method=\"post\">
  3848.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  3849.                         </form>
  3850.                         ";
  3851.             } else {
  3852.                 // line 3239
  3853.                 echo "                        <form action=\"";
  3854.                 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.', 3239, $this->source); })()), "id", [], "any", false, false, false, 3239)]), "html", null, true);
  3855.                 echo "\" method=\"post\">
  3856.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  3857.                         </form>
  3858.                         ";
  3859.             }
  3860.             // line 3243
  3861.             echo "                     </div>
  3862.                     ";
  3863.         }
  3864.         // line 3245
  3865.         echo "                    <div class=\"item_visual\">
  3866.                         ";
  3867.         // line 3246
  3868.         $context['_parent'] = $context;
  3869.         $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.', 3246, $this->source); })()), "ProductImage", [], "any", false, false, false, 3246));
  3870.         $context['_iterated'] = false;
  3871.         $context['loop'] = [
  3872.           'parent' => $context['_parent'],
  3873.           'index0' => 0,
  3874.           'index'  => 1,
  3875.           'first'  => true,
  3876.         ];
  3877.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3878.             $length = count($context['_seq']);
  3879.             $context['loop']['revindex0'] = $length - 1;
  3880.             $context['loop']['revindex'] = $length;
  3881.             $context['loop']['length'] = $length;
  3882.             $context['loop']['last'] = 1 === $length;
  3883.         }
  3884.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  3885.             // line 3247
  3886.             echo "                            <div class=\"slide-item\">
  3887.                                 <a class=\"js-zoom\" href=\"";
  3888.             // line 3248
  3889.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  3890.             echo "\" aria-label=\"";
  3891.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 3248)) ? (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.', 3248, $this->source); })()), "name", [], "any", false, false, false, 3248), "html", null, true))) : (print ("")));
  3892.             echo "\">
  3893.                                     <img src=\"";
  3894.             // line 3249
  3895.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  3896.             echo "\" alt=\"";
  3897.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 3249)) ? (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.', 3249, $this->source); })()), "name", [], "any", false, false, false, 3249), "html", null, true))) : (print ("")));
  3898.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"";
  3899.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 3249) > 1)) {
  3900.                 echo " loading=\"lazy\"";
  3901.             }
  3902.             echo ">
  3903.                                 </a>
  3904.                             </div>
  3905.                         ";
  3906.             $context['_iterated'] = true;
  3907.             ++$context['loop']['index0'];
  3908.             ++$context['loop']['index'];
  3909.             $context['loop']['first'] = false;
  3910.             if (isset($context['loop']['length'])) {
  3911.                 --$context['loop']['revindex0'];
  3912.                 --$context['loop']['revindex'];
  3913.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3914.             }
  3915.         }
  3916.         if (!$context['_iterated']) {
  3917.             // line 3253
  3918.             echo "                            <div class=\"slide-item\"><img src=\"";
  3919.             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);
  3920.             echo "\" alt=\"";
  3921.             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.', 3253, $this->source); })()), "name", [], "any", false, false, false, 3253), "html", null, true);
  3922.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  3923.                         ";
  3924.         }
  3925.         $_parent = $context['_parent'];
  3926.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  3927.         $context = array_intersect_key($context, $_parent) + $_parent;
  3928.         // line 3255
  3929.         echo "                    </div>
  3930.                     <div class=\"item_nav\">
  3931.                         ";
  3932.         // line 3257
  3933.         $context['_parent'] = $context;
  3934.         $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.', 3257, $this->source); })()), "ProductImage", [], "any", false, false, false, 3257));
  3935.         $context['loop'] = [
  3936.           'parent' => $context['_parent'],
  3937.           'index0' => 0,
  3938.           'index'  => 1,
  3939.           'first'  => true,
  3940.         ];
  3941.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3942.             $length = count($context['_seq']);
  3943.             $context['loop']['revindex0'] = $length - 1;
  3944.             $context['loop']['revindex'] = $length;
  3945.             $context['loop']['length'] = $length;
  3946.             $context['loop']['last'] = 1 === $length;
  3947.         }
  3948.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  3949.             // line 3258
  3950.             echo "                            <div class=\"slideThumb\" data-index=\"";
  3951.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 3258), "html", null, true);
  3952.             echo "\"><img src=\"";
  3953.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  3954.             echo "\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  3955.                         ";
  3956.             ++$context['loop']['index0'];
  3957.             ++$context['loop']['index'];
  3958.             $context['loop']['first'] = false;
  3959.             if (isset($context['loop']['length'])) {
  3960.                 --$context['loop']['revindex0'];
  3961.                 --$context['loop']['revindex'];
  3962.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3963.             }
  3964.         }
  3965.         $_parent = $context['_parent'];
  3966.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  3967.         $context = array_intersect_key($context, $_parent) + $_parent;
  3968.         // line 3260
  3969.         echo "                    </div>
  3971.                 </div>
  3973.                     ";
  3974.         // line 3265
  3975.         echo "                    <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  3976.                         <div class=\"ec-areaNotice__inner\">
  3977.                             <div class=\"ec-areaNotice__icon\">📍</div>
  3978.                             <div class=\"ec-areaNotice__body\">
  3979.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  3980.                                 <div class=\"ec-areaNotice__detail\">
  3981.                                     <p class=\"ec-areaNotice__text\">
  3982.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  3983.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  3984.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  3985.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  3986.                                     </p>
  3987.                                     <a class=\"ec-areaNotice__link\" href=\"";
  3988.         // line 3277
  3989.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact");
  3990.         echo "\">エリア外のお客様・ご相談はこちら →</a>
  3991.                                 </div>
  3992.                             </div>
  3993.                         </div>
  3994.                     </div>
  3996.             </div>
  3998.             <div class=\"ec-grid2__cell2\">
  3999.                 <div class=\"ec-productRole__profile\" >
  4000.                     ";
  4001.         // line 3288
  4002.         echo "                    ";
  4003.         $context["hidden_cat_ids"] = [0 => 21, 1 => 28, 2 => 44];
  4004.         // line 3289
  4005.         echo "                    ";
  4006.         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.', 3289, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3289))) {
  4007.             // line 3290
  4008.             echo "                        <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  4009.                             ";
  4010.             // line 3291
  4011.             $context['_parent'] = $context;
  4012.             $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.', 3291, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3291));
  4013.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  4014.                 // line 3292
  4015.                 echo "                                ";
  4016.                 if (!twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 3292), "id", [], "any", false, false, false, 3292), (isset($context["hidden_cat_ids"]) || array_key_exists("hidden_cat_ids", $context) ? $context["hidden_cat_ids"] : (function () { throw new RuntimeError('Variable "hidden_cat_ids" does not exist.', 3292, $this->source); })()))) {
  4017.                     // line 3293
  4018.                     echo "                                <ul>
  4019.                                     <li>
  4020.                                         ";
  4021.                     // line 3295
  4022.                     $context['_parent'] = $context;
  4023.                     $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, 3295), "path", [], "any", false, false, false, 3295));
  4024.                     $context['loop'] = [
  4025.                       'parent' => $context['_parent'],
  4026.                       'index0' => 0,
  4027.                       'index'  => 1,
  4028.                       'first'  => true,
  4029.                     ];
  4030.                     if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  4031.                         $length = count($context['_seq']);
  4032.                         $context['loop']['revindex0'] = $length - 1;
  4033.                         $context['loop']['revindex'] = $length;
  4034.                         $context['loop']['length'] = $length;
  4035.                         $context['loop']['last'] = 1 === $length;
  4036.                     }
  4037.                     foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  4038.                         // line 3296
  4039.                         echo "                                            <a href=\"";
  4040.                         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  4041.                         echo "?category_id=";
  4042.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 3296), "html", null, true);
  4043.                         echo "\">";
  4044.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 3296), "html", null, true);
  4045.                         echo "</a>";
  4046.                         if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 3296) == false)) {
  4047.                             // line 3297
  4048.                             echo "                                            <span>＞</span>";
  4049.                         }
  4050.                         ++$context['loop']['index0'];
  4051.                         ++$context['loop']['index'];
  4052.                         $context['loop']['first'] = false;
  4053.                         if (isset($context['loop']['length'])) {
  4054.                             --$context['loop']['revindex0'];
  4055.                             --$context['loop']['revindex'];
  4056.                             $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  4057.                         }
  4058.                     }
  4059.                     $_parent = $context['_parent'];
  4060.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  4061.                     $context = array_intersect_key($context, $_parent) + $_parent;
  4062.                     // line 3299
  4063.                     echo "                                    </li>
  4064.                                 </ul>
  4065.                                 ";
  4066.                 }
  4067.                 // line 3302
  4068.                 echo "                            ";
  4069.             }
  4070.             $_parent = $context['_parent'];
  4071.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  4072.             $context = array_intersect_key($context, $_parent) + $_parent;
  4073.             // line 3303
  4074.             echo "                        </div>
  4075.                     ";
  4076.         }
  4077.         // line 3305
  4078.         echo "                    ";
  4079.         // line 3306
  4080.         echo "                    <div class=\"ec-productRole__price\">
  4081. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  4082.                         ";
  4083.         // line 3308
  4084.         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.', 3308, $this->source); })()), "hasProductClass", [], "any", false, false, false, 3308)) {
  4085.             // line 3309
  4086.             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.', 3309, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3309) == 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.', 3309, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 3309))) {
  4087.                 // line 3310
  4088.                 echo "                                <div class=\"ec-price\">
  4089.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  4090.                 // line 3311
  4091.                 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.', 3311, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3311)), "html", null, true);
  4092.                 echo "</span>
  4093.                                     <span class=\"ec-price__tax\">(";
  4094.                 // line 3312
  4095.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  4096.                 echo ")～</span>
  4097.                                 </div>
  4098.                             ";
  4099.             } else {
  4100.                 // line 3315
  4101.                 echo "                                <div class=\"ec-price\">
  4102.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  4103.                 // line 3316
  4104.                 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.', 3316, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3316)), "html", null, true);
  4105.                 echo " ～ ";
  4106.                 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.', 3316, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 3316)), "html", null, true);
  4107.                 echo "</span>
  4108.                                     <span class=\"ec-price__tax\">(";
  4109.                 // line 3317
  4110.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  4111.                 echo ")</span>
  4112.                                 </div>
  4113.                             ";
  4114.             }
  4115.             // line 3320
  4116.             echo "                        ";
  4117.         } else {
  4118.             // line 3321
  4119.             echo "                            <div class=\"ec-price\">
  4120.                                 <span id=\"price02-display\" class=\"ec-price__price\">";
  4121.             // line 3322
  4122.             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.', 3322, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3322)), "html", null, true);
  4123.             echo "</span>
  4124.                                     <span class=\"ec-price__tax\">(";
  4125.             // line 3323
  4126.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  4127.             echo ")～</span>
  4128.                             </div>
  4129.                         ";
  4130.         }
  4131.         // line 3326
  4132.         echo "                    </div>
  4133.                     ";
  4134.         // line 3328
  4135.         echo "                    <ul class=\"ec-productRole__tags\">
  4136.                         ";
  4137.         // line 3329
  4138.         $context['_parent'] = $context;
  4139.         $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.', 3329, $this->source); })()), "Tags", [], "any", false, false, false, 3329));
  4140.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  4141.             // line 3330
  4142.             echo "                            <li class=\"ec-productRole__tag tag_";
  4143.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 3330), "html", null, true);
  4144.             echo "\">";
  4145.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  4146.             echo "</li>
  4147.                         ";
  4148.         }
  4149.         $_parent = $context['_parent'];
  4150.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  4151.         $context = array_intersect_key($context, $_parent) + $_parent;
  4152.         // line 3332
  4153.         echo "                    </ul>
  4154.                     ";
  4155.         // line 3334
  4156.         echo "                    ";
  4157.         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.', 3334, $this->source); })()), "code_min", [], "any", false, false, false, 3334))) {
  4158.             // line 3335
  4159.             echo "                        <div class=\"ec-productRole__code\">
  4160.                             ";
  4161.             // line 3336
  4162.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  4163.             echo "： <span class=\"product-code-default\">";
  4164.             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.', 3336, $this->source); })()), "code_min", [], "any", false, false, false, 3336), "html", null, true);
  4165.             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.', 3336, $this->source); })()), "code_min", [], "any", false, false, false, 3336) != 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.', 3336, $this->source); })()), "code_max", [], "any", false, false, false, 3336))) {
  4166.                 echo " ～ ";
  4167.                 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.', 3336, $this->source); })()), "code_max", [], "any", false, false, false, 3336), "html", null, true);
  4168.             }
  4169.             echo "</span>
  4170.                         </div>
  4171.                     ";
  4172.         }
  4173.         // line 3339
  4174.         echo "
  4175.                     <div class=\"ec-productRole__description\">
  4176. \t\t\t\t        <div class=\"ec-rectHeading\">
  4177. \t\t\t\t            <h4>製品情報</h4>
  4178. \t\t\t\t        </div>
  4179. \t\t\t\t\t\t";
  4180.         // line 3344
  4181.         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.', 3344, $this->source); })()), "sales_infomation", [], "any", false, false, false, 3344));
  4182.         echo "
  4183.                     </div>
  4186. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  4187. \t\t\t\t\t  <div class=\"card-header\">
  4188. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  4189. \t\t\t\t\t  </div>
  4190. \t\t\t\t\t  <div class=\"card-body p-2\">
  4191.                         ";
  4192.         // line 3353
  4193.         $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.', 3353, $this->source); })()), "id", [], "any", false, false, false, 3353), "related_image");
  4194.         // line 3354
  4195.         echo "                        ";
  4196.         // line 3355
  4197.         echo "                        ";
  4198.         $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.', 3355, $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.', 3355, $this->source); })())));
  4199.         // line 3356
  4200.         echo "                        ";
  4201.         $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.', 3356, $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.', 3356, $this->source); })())));
  4202.         // line 3357
  4203.         echo "                        ";
  4204.         $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.', 3357, $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.', 3357, $this->source); })())));
  4205.         // line 3358
  4206.         echo "                        ";
  4207.         $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.', 3358, $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.', 3358, $this->source); })())));
  4208.         // line 3359
  4209.         echo "\t\t\t\t\t    ";
  4210.         $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.', 3359, $this->source); })()), "id", [], "any", false, false, false, 3359), "related_name1");
  4211.         // line 3360
  4212.         echo "\t\t\t\t\t\t";
  4213.         $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.', 3360, $this->source); })()), "id", [], "any", false, false, false, 3360), "related_name2");
  4214.         // line 3361
  4215.         echo "\t\t\t\t\t\t";
  4216.         $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.', 3361, $this->source); })()), "id", [], "any", false, false, false, 3361), "related_name3");
  4217.         // line 3362
  4218.         echo "\t\t\t\t\t\t";
  4219.         $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.', 3362, $this->source); })()), "id", [], "any", false, false, false, 3362), "related_name4");
  4220.         // line 3363
  4221.         echo "\t\t\t\t\t\t";
  4222.         $context["hasRelated"] = ((((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 3363, $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.', 3363, $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.', 3363, $this->source); })()))) || ((        // line 3364
  4223. (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 3364, $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.', 3364, $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.', 3364, $this->source); })())))) || ((        // line 3365
  4224. (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 3365, $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.', 3365, $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.', 3365, $this->source); })())))) || ((        // line 3366
  4225. (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 3366, $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.', 3366, $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.', 3366, $this->source); })()))));
  4226.         // line 3367
  4227.         echo "\t\t\t\t\t\t";
  4228.         if ((isset($context["hasRelated"]) || array_key_exists("hasRelated", $context) ? $context["hasRelated"] : (function () { throw new RuntimeError('Variable "hasRelated" does not exist.', 3367, $this->source); })())) {
  4229.             // line 3368
  4230.             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>
  4231. \t\t\t\t\t\t";
  4232.         }
  4233.         // line 3370
  4234.         echo "
  4235. \t\t\t\t\t\t";
  4236.         // line 3372
  4237.         echo "\t\t\t\t\t\t";
  4238.         if ((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 3372, $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.', 3372, $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.', 3372, $this->source); })())))) {
  4239.             // line 3373
  4240.             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)\">
  4241. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4242.             // line 3374
  4243.             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.', 3374, $this->source); })()), "html", null, true);
  4244.             if (((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 3374, $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.', 3374, $this->source); })()))) {
  4245.                 echo ": <span>";
  4246.                 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.', 3374, $this->source); })()), "html", null, true);
  4247.                 echo "</span>";
  4248.             }
  4249.             echo "</div>
  4250. \t\t\t\t\t\t  ";
  4251.             // line 3375
  4252.             if ((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 3375, $this->source); })())) {
  4253.                 // line 3376
  4254.                 echo "\t\t\t\t\t\t    ";
  4255.                 // line 3377
  4256.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4257. \t\t\t\t\t\t      ";
  4258.                 // line 3378
  4259.                 $context['_parent'] = $context;
  4260.                 $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.', 3378, $this->source); })()));
  4261.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4262.                     // line 3379
  4263.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4264.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3379, $this->source); })()) == $context["rp_name"])) {
  4265.                         echo " is-selected";
  4266.                     }
  4267.                     echo "\" href=\"/products/detail/";
  4268.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4269.                     echo "\">
  4270. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4271. \t\t\t\t\t\t               src=\"";
  4272.                     // line 3381
  4273.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3381) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3381, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3381))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3381, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3381), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4274.                     echo "\"
  4275. \t\t\t\t\t\t               alt=\"";
  4276.                     // line 3382
  4277.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4278.                     echo "\"
  4279. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4280. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4281. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4282. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4283.                     // line 3386
  4284.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4285.                     echo "</span>
  4286. \t\t\t\t\t\t        </a>
  4287. \t\t\t\t\t\t      ";
  4288.                 }
  4289.                 $_parent = $context['_parent'];
  4290.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4291.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4292.                 // line 3389
  4293.                 echo "\t\t\t\t\t\t    </div>
  4294. \t\t\t\t\t\t  ";
  4295.             } else {
  4296.                 // line 3391
  4297.                 echo "\t\t\t\t\t\t    ";
  4298.                 // line 3392
  4299.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4300. \t\t\t\t\t\t      ";
  4301.                 // line 3393
  4302.                 $context['_parent'] = $context;
  4303.                 $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.', 3393, $this->source); })()));
  4304.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4305.                     // line 3394
  4306.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4307.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3394, $this->source); })()) == $context["rp_name"])) {
  4308.                         echo " is-selected";
  4309.                     }
  4310.                     echo "\" href=\"/products/detail/";
  4311.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4312.                     echo "\">
  4313. \t\t\t\t\t\t          ";
  4314.                     // line 3395
  4315.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4316.                     echo "
  4317. \t\t\t\t\t\t        </a>
  4318. \t\t\t\t\t\t      ";
  4319.                 }
  4320.                 $_parent = $context['_parent'];
  4321.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4322.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4323.                 // line 3398
  4324.                 echo "\t\t\t\t\t\t    </div>
  4325. \t\t\t\t\t\t  ";
  4326.             }
  4327.             // line 3400
  4328.             echo "\t\t\t\t\t\t</div>
  4329. \t\t\t\t\t\t";
  4330.         }
  4331.         // line 3402
  4332.         echo "
  4333. \t\t\t\t\t\t";
  4334.         // line 3404
  4335.         echo "\t\t\t\t\t\t";
  4336.         if ((((isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 3404, $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.', 3404, $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.', 3404, $this->source); })())))) {
  4337.             // line 3405
  4338.             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)\">
  4339. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4340.             // line 3406
  4341.             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.', 3406, $this->source); })()), "html", null, true);
  4342.             if (((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 3406, $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.', 3406, $this->source); })()))) {
  4343.                 echo ": <span>";
  4344.                 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.', 3406, $this->source); })()), "html", null, true);
  4345.                 echo "</span>";
  4346.             }
  4347.             echo "</div>
  4348. \t\t\t\t\t\t  ";
  4349.             // line 3407
  4350.             if ((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 3407, $this->source); })())) {
  4351.                 // line 3408
  4352.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4353. \t\t\t\t\t\t      ";
  4354.                 // line 3409
  4355.                 $context['_parent'] = $context;
  4356.                 $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.', 3409, $this->source); })()));
  4357.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4358.                     // line 3410
  4359.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4360.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3410, $this->source); })()) == $context["rp_name"])) {
  4361.                         echo " is-selected";
  4362.                     }
  4363.                     echo "\" href=\"/products/detail/";
  4364.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4365.                     echo "\">
  4366. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4367. \t\t\t\t\t\t               src=\"";
  4368.                     // line 3412
  4369.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3412) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3412, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3412))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3412, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3412), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4370.                     echo "\"
  4371. \t\t\t\t\t\t               alt=\"";
  4372.                     // line 3413
  4373.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4374.                     echo "\"
  4375. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4376. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4377. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4378. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4379.                     // line 3417
  4380.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4381.                     echo "</span>
  4382. \t\t\t\t\t\t        </a>
  4383. \t\t\t\t\t\t      ";
  4384.                 }
  4385.                 $_parent = $context['_parent'];
  4386.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4387.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4388.                 // line 3420
  4389.                 echo "\t\t\t\t\t\t    </div>
  4390. \t\t\t\t\t\t  ";
  4391.             } else {
  4392.                 // line 3422
  4393.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4394. \t\t\t\t\t\t      ";
  4395.                 // line 3423
  4396.                 $context['_parent'] = $context;
  4397.                 $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.', 3423, $this->source); })()));
  4398.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4399.                     // line 3424
  4400.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4401.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3424, $this->source); })()) == $context["rp_name"])) {
  4402.                         echo " is-selected";
  4403.                     }
  4404.                     echo "\" href=\"/products/detail/";
  4405.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4406.                     echo "\">
  4407. \t\t\t\t\t\t          ";
  4408.                     // line 3425
  4409.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4410.                     echo "
  4411. \t\t\t\t\t\t        </a>
  4412. \t\t\t\t\t\t      ";
  4413.                 }
  4414.                 $_parent = $context['_parent'];
  4415.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4416.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4417.                 // line 3428
  4418.                 echo "\t\t\t\t\t\t    </div>
  4419. \t\t\t\t\t\t  ";
  4420.             }
  4421.             // line 3430
  4422.             echo "\t\t\t\t\t\t</div>
  4423. \t\t\t\t\t\t";
  4424.         }
  4425.         // line 3432
  4426.         echo "
  4427. \t\t\t\t\t\t";
  4428.         // line 3434
  4429.         echo "\t\t\t\t\t\t";
  4430.         if ((((isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 3434, $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.', 3434, $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.', 3434, $this->source); })())))) {
  4431.             // line 3435
  4432.             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)\">
  4433. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4434.             // line 3436
  4435.             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.', 3436, $this->source); })()), "html", null, true);
  4436.             if (((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 3436, $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.', 3436, $this->source); })()))) {
  4437.                 echo ": <span>";
  4438.                 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.', 3436, $this->source); })()), "html", null, true);
  4439.                 echo "</span>";
  4440.             }
  4441.             echo "</div>
  4442. \t\t\t\t\t\t  ";
  4443.             // line 3437
  4444.             if ((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 3437, $this->source); })())) {
  4445.                 // line 3438
  4446.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4447. \t\t\t\t\t\t      ";
  4448.                 // line 3439
  4449.                 $context['_parent'] = $context;
  4450.                 $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.', 3439, $this->source); })()));
  4451.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4452.                     // line 3440
  4453.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4454.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3440, $this->source); })()) == $context["rp_name"])) {
  4455.                         echo " is-selected";
  4456.                     }
  4457.                     echo "\" href=\"/products/detail/";
  4458.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4459.                     echo "\">
  4460. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4461. \t\t\t\t\t\t               src=\"";
  4462.                     // line 3442
  4463.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3442) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3442, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3442))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3442, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3442), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4464.                     echo "\"
  4465. \t\t\t\t\t\t               alt=\"";
  4466.                     // line 3443
  4467.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4468.                     echo "\"
  4469. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4470. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4471. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4472. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4473.                     // line 3447
  4474.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4475.                     echo "</span>
  4476. \t\t\t\t\t\t        </a>
  4477. \t\t\t\t\t\t      ";
  4478.                 }
  4479.                 $_parent = $context['_parent'];
  4480.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4481.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4482.                 // line 3450
  4483.                 echo "\t\t\t\t\t\t    </div>
  4484. \t\t\t\t\t\t  ";
  4485.             } else {
  4486.                 // line 3452
  4487.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4488. \t\t\t\t\t\t      ";
  4489.                 // line 3453
  4490.                 $context['_parent'] = $context;
  4491.                 $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.', 3453, $this->source); })()));
  4492.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4493.                     // line 3454
  4494.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4495.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3454, $this->source); })()) == $context["rp_name"])) {
  4496.                         echo " is-selected";
  4497.                     }
  4498.                     echo "\" href=\"/products/detail/";
  4499.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4500.                     echo "\">
  4501. \t\t\t\t\t\t          ";
  4502.                     // line 3455
  4503.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4504.                     echo "
  4505. \t\t\t\t\t\t        </a>
  4506. \t\t\t\t\t\t      ";
  4507.                 }
  4508.                 $_parent = $context['_parent'];
  4509.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4510.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4511.                 // line 3458
  4512.                 echo "\t\t\t\t\t\t    </div>
  4513. \t\t\t\t\t\t  ";
  4514.             }
  4515.             // line 3460
  4516.             echo "\t\t\t\t\t\t</div>
  4517. \t\t\t\t\t\t";
  4518.         }
  4519.         // line 3462
  4520.         echo "
  4521. \t\t\t\t\t\t";
  4522.         // line 3464
  4523.         echo "\t\t\t\t\t\t";
  4524.         if ((((isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 3464, $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.', 3464, $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.', 3464, $this->source); })())))) {
  4525.             // line 3465
  4526.             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)\">
  4527. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4528.             // line 3466
  4529.             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.', 3466, $this->source); })()), "html", null, true);
  4530.             if (((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 3466, $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.', 3466, $this->source); })()))) {
  4531.                 echo ": <span>";
  4532.                 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.', 3466, $this->source); })()), "html", null, true);
  4533.                 echo "</span>";
  4534.             }
  4535.             echo "</div>
  4536. \t\t\t\t\t\t  ";
  4537.             // line 3467
  4538.             if ((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 3467, $this->source); })())) {
  4539.                 // line 3468
  4540.                 echo "\t\t\t\t\t\t    ";
  4541.                 // line 3469
  4542.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4543. \t\t\t\t\t\t      ";
  4544.                 // line 3470
  4545.                 $context['_parent'] = $context;
  4546.                 $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.', 3470, $this->source); })()));
  4547.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4548.                     // line 3471
  4549.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4550.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3471, $this->source); })()) == $context["rp_name"])) {
  4551.                         echo " is-selected";
  4552.                     }
  4553.                     echo "\" href=\"/products/detail/";
  4554.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4555.                     echo "\">
  4556. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4557. \t\t\t\t\t\t               src=\"";
  4558.                     // line 3473
  4559.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3473) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3473, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3473))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3473, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3473), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4560.                     echo "\"
  4561. \t\t\t\t\t\t               alt=\"";
  4562.                     // line 3474
  4563.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4564.                     echo "\" width=\"120\" height=\"120\" loading=\"lazy\">
  4565. \t\t\t\t\t\t          <span class=\"rp-card__label\">";
  4566.                     // line 3475
  4567.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4568.                     echo "</span>
  4569. \t\t\t\t\t\t        </a>
  4570. \t\t\t\t\t\t      ";
  4571.                 }
  4572.                 $_parent = $context['_parent'];
  4573.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4574.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4575.                 // line 3478
  4576.                 echo "\t\t\t\t\t\t    </div>
  4577. \t\t\t\t\t\t  ";
  4578.             } else {
  4579.                 // line 3480
  4580.                 echo "\t\t\t\t\t\t    ";
  4581.                 // line 3481
  4582.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4583. \t\t\t\t\t\t      ";
  4584.                 // line 3482
  4585.                 $context['_parent'] = $context;
  4586.                 $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.', 3482, $this->source); })()));
  4587.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4588.                     // line 3483
  4589.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4590.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3483, $this->source); })()) == $context["rp_name"])) {
  4591.                         echo " is-selected";
  4592.                     }
  4593.                     echo "\" href=\"/products/detail/";
  4594.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4595.                     echo "\">
  4596. \t\t\t\t\t\t          ";
  4597.                     // line 3484
  4598.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4599.                     echo "
  4600. \t\t\t\t\t\t        </a>
  4601. \t\t\t\t\t\t      ";
  4602.                 }
  4603.                 $_parent = $context['_parent'];
  4604.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4605.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4606.                 // line 3487
  4607.                 echo "\t\t\t\t\t\t    </div>
  4608. \t\t\t\t\t\t  ";
  4609.             }
  4610.             // line 3489
  4611.             echo "\t\t\t\t\t\t</div>
  4612. \t\t\t\t\t\t";
  4613.         }
  4614.         // line 3491
  4615.         echo "
  4617. \t\t\t\t\t    ";
  4618.         // line 3500
  4619.         echo "\t\t\t\t\t    ";
  4620.         $context["is_gs_h"] = false;
  4621.         // line 3501
  4622.         echo "\t\t\t\t\t    ";
  4623.         $context["is_cg_h"] = false;
  4624.         // line 3502
  4625.         echo "\t\t\t\t\t    ";
  4626.         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.', 3502, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3502))) {
  4627.             // line 3503
  4628.             echo "\t\t\t\t\t        ";
  4629.             $context['_parent'] = $context;
  4630.             $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.', 3503, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3503));
  4631.             foreach ($context['_seq'] as $context["_key"] => $context["pc_h"]) {
  4632.                 // line 3504
  4633.                 echo "\t\t\t\t\t            ";
  4634.                 if ((twig_get_attribute($this->env, $this->source, $context["pc_h"], "category_id", [], "any", false, false, false, 3504) == 27)) {
  4635.                     $context["is_gs_h"] = true;
  4636.                 }
  4637.                 // line 3505
  4638.                 echo "\t\t\t\t\t            ";
  4639.                 if ((twig_get_attribute($this->env, $this->source, $context["pc_h"], "category_id", [], "any", false, false, false, 3505) == 9)) {
  4640.                     $context["is_cg_h"] = true;
  4641.                 }
  4642.                 // line 3506
  4643.                 echo "\t\t\t\t\t        ";
  4644.             }
  4645.             $_parent = $context['_parent'];
  4646.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pc_h'], $context['_parent'], $context['loop']);
  4647.             $context = array_intersect_key($context, $_parent) + $_parent;
  4648.             // line 3507
  4649.             echo "\t\t\t\t\t    ";
  4650.         }
  4651.         // line 3508
  4652.         echo "\t\t\t\t\t    ";
  4653.         $context["visible_op_count"] = 0;
  4654.         // line 3509
  4655.         echo "\t\t\t\t\t    ";
  4656.         if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 3509, $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.', 3509, $this->source); })())))) {
  4657.             // line 3510
  4658.             echo "\t\t\t\t\t        ";
  4659.             $context['_parent'] = $context;
  4660.             $context['_seq'] = twig_ensure_traversable((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 3510, $this->source); })()));
  4661.             foreach ($context['_seq'] as $context["_key"] => $context["opi"]) {
  4662.                 // line 3511
  4663.                 echo "\t\t\t\t\t            ";
  4664.                 if (twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3511)) {
  4665.                     // line 3512
  4666.                     echo "\t\t\t\t\t                ";
  4667.                     $context["_hide_h"] = false;
  4668.                     // line 3513
  4669.                     echo "\t\t\t\t\t                ";
  4670.                     if (((isset($context["is_gs_h"]) || array_key_exists("is_gs_h", $context) ? $context["is_gs_h"] : (function () { throw new RuntimeError('Variable "is_gs_h" does not exist.', 3513, $this->source); })()) && (preg_match("/撤去/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3513)) || preg_match("/残土/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3513))))) {
  4671.                         $context["_hide_h"] = true;
  4672.                     }
  4673.                     // line 3514
  4674.                     echo "\t\t\t\t\t                ";
  4675.                     if (((isset($context["is_cg_h"]) || array_key_exists("is_cg_h", $context) ? $context["is_cg_h"] : (function () { throw new RuntimeError('Variable "is_cg_h" does not exist.', 3514, $this->source); })()) && preg_match("/残土/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3514)))) {
  4676.                         $context["_hide_h"] = true;
  4677.                     }
  4678.                     // line 3515
  4679.                     echo "\t\t\t\t\t                ";
  4680.                     if ( !(isset($context["_hide_h"]) || array_key_exists("_hide_h", $context) ? $context["_hide_h"] : (function () { throw new RuntimeError('Variable "_hide_h" does not exist.', 3515, $this->source); })())) {
  4681.                         $context["visible_op_count"] = ((isset($context["visible_op_count"]) || array_key_exists("visible_op_count", $context) ? $context["visible_op_count"] : (function () { throw new RuntimeError('Variable "visible_op_count" does not exist.', 3515, $this->source); })()) + 1);
  4682.                     }
  4683.                     // line 3516
  4684.                     echo "\t\t\t\t\t            ";
  4685.                 }
  4686.                 // line 3517
  4687.                 echo "\t\t\t\t\t        ";
  4688.             }
  4689.             $_parent = $context['_parent'];
  4690.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opi'], $context['_parent'], $context['loop']);
  4691.             $context = array_intersect_key($context, $_parent) + $_parent;
  4692.             // line 3518
  4693.             echo "\t\t\t\t\t    ";
  4694.         }
  4695.         // line 3519
  4696.         echo "\t\t\t\t\t    ";
  4697.         $context["has_any_option"] = (((((((((        // line 3520
  4698. (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3520, $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.', 3520, $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.', 3520, $this->source); })()), "SaleType", [], "any", false, false, false, 3520), "id", [], "any", false, false, false, 3520) != 3)) || ((        // line 3521
  4699. (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3521, $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.', 3521, $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.', 3521, $this->source); })())) != ""))) || ((        // line 3522
  4700. (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3522, $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.', 3522, $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.', 3522, $this->source); })())) != ""))) || ((        // line 3523
  4701. (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3523, $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.', 3523, $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.', 3523, $this->source); })())) != ""))) || ((        // line 3524
  4702. (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3524, $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.', 3524, $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.', 3524, $this->source); })())) != ""))) || ((        // line 3525
  4703. (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3525, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3525, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3525, $this->source); })())) != ""))) || ((        // line 3526
  4704. (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3526, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3526, $this->source); })()))) && (twig_join_filter((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3526, $this->source); })())) != ""))) || twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 3527
  4705. (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3527, $this->source); })()), "SaleType", [], "any", false, false, false, 3527), "id", [], "any", false, false, false, 3527), [0 => 2, 1 => 5, 2 => 6, 3 => 7, 4 => 9]));
  4706.         // line 3529
  4707.         echo "\t\t\t\t\t    ";
  4708.         if ((isset($context["has_any_option"]) || array_key_exists("has_any_option", $context) ? $context["has_any_option"] : (function () { throw new RuntimeError('Variable "has_any_option" does not exist.', 3529, $this->source); })())) {
  4709.             // line 3530
  4710.             echo "\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>
  4711. \t\t\t\t\t    ";
  4712.         }
  4713.         // line 3532
  4714.         echo "
  4715.                         ";
  4716.         // line 3534
  4717.         echo "                        ";
  4718.         if (((((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3534, $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.', 3534, $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.', 3534, $this->source); })()), "SaleType", [], "any", false, false, false, 3534), "id", [], "any", false, false, false, 3534) != 3)) && (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.', 3534, $this->source); })()), "SaleType", [], "any", false, false, false, 3534), "id", [], "any", false, false, false, 3534) != 2))) {
  4719.             // line 3535
  4720.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4721.                           <div class=\"rp-section-label\">カラー";
  4722.             // line 3536
  4723.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3536, $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.', 3536, $this->source); })()), "pc", [], "any", false, false, false, 3536))) {
  4724.                 echo ": <span>";
  4725.                 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.', 3536, $this->source); })()), "pc", [], "any", false, false, false, 3536), "html", null, true);
  4726.                 echo "</span>";
  4727.             }
  4728.             echo "</div>
  4729.                           <div class=\"opt-btn-group\">
  4730.                             ";
  4731.             // line 3538
  4732.             $context["idx"] = 0;
  4733.             // line 3539
  4734.             echo "                            ";
  4735.             $context['_parent'] = $context;
  4736.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3539, $this->source); })()));
  4737.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  4738.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3539))) {
  4739.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3539, $this->source); })()) + 1);
  4740.                     // line 3540
  4741.                     echo "                              ";
  4742.                     $context["has_img"] = (twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", true, true, false, 3540) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3540)));
  4743.                     // line 3541
  4744.                     echo "                              <label class=\"opt-btn";
  4745.                     if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3541, $this->source); })())) {
  4746.                         echo " opt-btn--with-image";
  4747.                     }
  4748.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3541, $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.', 3541, $this->source); })()), "pc", [], "any", false, false, false, 3541) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3541))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3541, $this->source); })())) == 1))) {
  4749.                         echo " is-selected";
  4750.                     }
  4751.                     echo "\"
  4752.                                      onclick=\"mitsumori_simulation_val('pc', '";
  4753.                     // line 3542
  4754.                     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, 3542), "js"), "html", null, true);
  4755.                     echo "');\">
  4756.                                 <input type=\"radio\" name=\"color\" id=\"cc_";
  4757.                     // line 3543
  4758.                     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.', 3543, $this->source); })()), "html", null, true);
  4759.                     echo "\" value=\"";
  4760.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3543), "html", null, true);
  4761.                     echo "\"
  4762.                                        ";
  4763.                     // line 3544
  4764.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3544, $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.', 3544, $this->source); })()), "pc", [], "any", false, false, false, 3544) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3544))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3544, $this->source); })())) == 1))) {
  4765.                         echo "checked";
  4766.                     }
  4767.                     echo ">
  4768.                                 ";
  4769.                     // line 3545
  4770.                     if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3545, $this->source); })())) {
  4771.                         // line 3546
  4772.                         echo "                                  <img src=\"";
  4773.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3546), "html", null, true);
  4774.                         echo "\" alt=\"";
  4775.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3546), "html", null, true);
  4776.                         echo "\" class=\"opt-btn__img\"
  4777.                                        onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  4778.                                   <span class=\"opt-btn__name\">";
  4779.                         // line 3548
  4780.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3548), "html", null, true);
  4781.                         echo "</span>
  4782.                                 ";
  4783.                     } else {
  4784.                         // line 3550
  4785.                         echo "                                  ";
  4786.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3550), "html", null, true);
  4787.                         echo "
  4788.                                 ";
  4789.                     }
  4790.                     // line 3552
  4791.                     echo "                              </label>
  4792.                             ";
  4793.                 }
  4794.             }
  4795.             $_parent = $context['_parent'];
  4796.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  4797.             $context = array_intersect_key($context, $_parent) + $_parent;
  4798.             // line 3554
  4799.             echo "                          </div>
  4800.                         </div>
  4801.                         ";
  4802.         }
  4803.         // line 3557
  4804.         echo "
  4805.                         ";
  4806.         // line 3562
  4807.         echo "                        ";
  4808.         if (((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3562, $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.', 3562, $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.', 3562, $this->source); })())) != "")) && !twig_in_filter(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.', 3562, $this->source); })()), "SaleType", [], "any", false, false, false, 3562), "id", [], "any", false, false, false, 3562), [0 => 2, 1 => 3, 2 => 6]))) {
  4809.             // line 3563
  4810.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4811.                           <div class=\"rp-section-label\">幅";
  4812.             // line 3564
  4813.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3564, $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.', 3564, $this->source); })()), "pw", [], "any", false, false, false, 3564))) {
  4814.                 echo ": <span>";
  4815.                 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.', 3564, $this->source); })()), "pw", [], "any", false, false, false, 3564), "html", null, true);
  4816.                 echo "</span>";
  4817.             }
  4818.             echo "</div>
  4819.                           <div class=\"opt-btn-group\">
  4820.                             ";
  4821.             // line 3566
  4822.             $context["idx"] = 0;
  4823.             // line 3567
  4824.             echo "                            ";
  4825.             $context['_parent'] = $context;
  4826.             $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.', 3567, $this->source); })()));
  4827.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  4828.                 if ($context["pw"]) {
  4829.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3567, $this->source); })()) + 1);
  4830.                     // line 3568
  4831.                     echo "                              <label class=\"opt-btn";
  4832.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3568, $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.', 3568, $this->source); })()), "pw", [], "any", false, false, false, 3568) == $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.', 3568, $this->source); })())) == 1))) {
  4833.                         echo " is-selected";
  4834.                     }
  4835.                     echo "\"
  4836.                                      onclick=\"mitsumori_simulation_val('pw', '";
  4837.                     // line 3569
  4838.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pw"], "js"), "html", null, true);
  4839.                     echo "');\">
  4840.                                 <input type=\"radio\" name=\"pw\" id=\"pw_";
  4841.                     // line 3570
  4842.                     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.', 3570, $this->source); })()), "html", null, true);
  4843.                     echo "\" value=\"";
  4844.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  4845.                     echo "\"
  4846.                                        ";
  4847.                     // line 3571
  4848.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3571, $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.', 3571, $this->source); })()), "pw", [], "any", false, false, false, 3571) == $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.', 3571, $this->source); })())) == 1))) {
  4849.                         echo "checked";
  4850.                     }
  4851.                     echo ">
  4852.                                 ";
  4853.                     // line 3572
  4854.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  4855.                     echo "
  4856.                               </label>
  4857.                             ";
  4858.                 }
  4859.             }
  4860.             $_parent = $context['_parent'];
  4861.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  4862.             $context = array_intersect_key($context, $_parent) + $_parent;
  4863.             // line 3575
  4864.             echo "                          </div>
  4865.                         </div>
  4866.                         ";
  4867.         }
  4868.         // line 3578
  4869.         echo "
  4870.                         ";
  4871.         // line 3579
  4872.         if (((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3579, $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.', 3579, $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.', 3579, $this->source); })())) != "")) && !twig_in_filter(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.', 3579, $this->source); })()), "SaleType", [], "any", false, false, false, 3579), "id", [], "any", false, false, false, 3579), [0 => 3, 1 => 6]))) {
  4873.             // line 3580
  4874.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4875.                           <div class=\"rp-section-label\">奥行き";
  4876.             // line 3581
  4877.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3581, $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.', 3581, $this->source); })()), "pd", [], "any", false, false, false, 3581))) {
  4878.                 echo ": <span>";
  4879.                 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.', 3581, $this->source); })()), "pd", [], "any", false, false, false, 3581), "html", null, true);
  4880.                 echo "</span>";
  4881.             }
  4882.             echo "</div>
  4883.                           <div class=\"opt-btn-group\">
  4884.                             ";
  4885.             // line 3583
  4886.             $context["idx"] = 0;
  4887.             // line 3584
  4888.             echo "                            ";
  4889.             $context['_parent'] = $context;
  4890.             $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.', 3584, $this->source); })()));
  4891.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  4892.                 if ($context["pd"]) {
  4893.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3584, $this->source); })()) + 1);
  4894.                     // line 3585
  4895.                     echo "                              <label class=\"opt-btn";
  4896.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3585, $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.', 3585, $this->source); })()), "pd", [], "any", false, false, false, 3585) == $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.', 3585, $this->source); })())) == 1))) {
  4897.                         echo " is-selected";
  4898.                     }
  4899.                     echo "\"
  4900.                                      onclick=\"mitsumori_simulation_val('pd', '";
  4901.                     // line 3586
  4902.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pd"], "js"), "html", null, true);
  4903.                     echo "');\">
  4904.                                 <input type=\"radio\" name=\"pd\" id=\"pd_";
  4905.                     // line 3587
  4906.                     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.', 3587, $this->source); })()), "html", null, true);
  4907.                     echo "\" value=\"";
  4908.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  4909.                     echo "\"
  4910.                                        ";
  4911.                     // line 3588
  4912.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3588, $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.', 3588, $this->source); })()), "pd", [], "any", false, false, false, 3588) == $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.', 3588, $this->source); })())) == 1))) {
  4913.                         echo "checked";
  4914.                     }
  4915.                     echo ">
  4916.                                 ";
  4917.                     // line 3589
  4918.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  4919.                     echo "
  4920.                               </label>
  4921.                             ";
  4922.                 }
  4923.             }
  4924.             $_parent = $context['_parent'];
  4925.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  4926.             $context = array_intersect_key($context, $_parent) + $_parent;
  4927.             // line 3592
  4928.             echo "                          </div>
  4929.                         </div>
  4930.                         ";
  4931.         }
  4932.         // line 3595
  4933.         echo "
  4934.                         ";
  4935.         // line 3598
  4936.         echo "                        ";
  4937.         if (((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3598, $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.', 3598, $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.', 3598, $this->source); })())) != "")) && !twig_in_filter(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.', 3598, $this->source); })()), "SaleType", [], "any", false, false, false, 3598), "id", [], "any", false, false, false, 3598), [0 => 2, 1 => 3, 2 => 6]))) {
  4938.             // line 3599
  4939.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4940.                           <div class=\"rp-section-label\">高さ";
  4941.             // line 3600
  4942.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3600, $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.', 3600, $this->source); })()), "ph", [], "any", false, false, false, 3600))) {
  4943.                 echo ": <span>";
  4944.                 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.', 3600, $this->source); })()), "ph", [], "any", false, false, false, 3600), "html", null, true);
  4945.                 echo "</span>";
  4946.             }
  4947.             echo "</div>
  4948.                           <div class=\"opt-btn-group\">
  4949.                             ";
  4950.             // line 3602
  4951.             $context["idx"] = 0;
  4952.             // line 3603
  4953.             echo "                            ";
  4954.             $context['_parent'] = $context;
  4955.             $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.', 3603, $this->source); })()));
  4956.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  4957.                 if ($context["ph"]) {
  4958.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3603, $this->source); })()) + 1);
  4959.                     // line 3604
  4960.                     echo "                              <label class=\"opt-btn";
  4961.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3604, $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.', 3604, $this->source); })()), "ph", [], "any", false, false, false, 3604) == $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.', 3604, $this->source); })())) == 1))) {
  4962.                         echo " is-selected";
  4963.                     }
  4964.                     echo "\"
  4965.                                      onclick=\"mitsumori_simulation_val('ph', '";
  4966.                     // line 3605
  4967.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["ph"], "js"), "html", null, true);
  4968.                     echo "');\">
  4969.                                 <input type=\"radio\" name=\"ph\" id=\"ph_";
  4970.                     // line 3606
  4971.                     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.', 3606, $this->source); })()), "html", null, true);
  4972.                     echo "\" value=\"";
  4973.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  4974.                     echo "\"
  4975.                                        ";
  4976.                     // line 3607
  4977.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3607, $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.', 3607, $this->source); })()), "ph", [], "any", false, false, false, 3607) == $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.', 3607, $this->source); })())) == 1))) {
  4978.                         echo "checked";
  4979.                     }
  4980.                     echo ">
  4981.                                 ";
  4982.                     // line 3608
  4983.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  4984.                     echo "
  4985.                               </label>
  4986.                             ";
  4987.                 }
  4988.             }
  4989.             $_parent = $context['_parent'];
  4990.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  4991.             $context = array_intersect_key($context, $_parent) + $_parent;
  4992.             // line 3611
  4993.             echo "                          </div>
  4994.                         </div>
  4995.                         ";
  4996.         }
  4997.         // line 3614
  4998.         echo "
  4999.                         ";
  5000.         // line 3616
  5001.         echo "                        ";
  5002.         if ((((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3616, $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.', 3616, $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.', 3616, $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.', 3616, $this->source); })()), "SaleType", [], "any", false, false, false, 3616), "id", [], "any", false, false, false, 3616) != 3)) && (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.', 3616, $this->source); })()), "SaleType", [], "any", false, false, false, 3616), "id", [], "any", false, false, false, 3616) != 2))) {
  5003.             // line 3617
  5004.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5005.                           <div class=\"rp-section-label\">";
  5006.             // line 3618
  5007.             if ((isset($context["is_cat43"]) || array_key_exists("is_cat43", $context) ? $context["is_cat43"] : (function () { throw new RuntimeError('Variable "is_cat43" does not exist.', 3618, $this->source); })())) {
  5008.                 echo "開き方";
  5009.             } else {
  5010.                 echo "素材";
  5011.             }
  5012.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3618, $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.', 3618, $this->source); })()), "pm", [], "any", false, false, false, 3618))) {
  5013.                 echo ": <span>";
  5014.                 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.', 3618, $this->source); })()), "pm", [], "any", false, false, false, 3618), "html", null, true);
  5015.                 echo "</span>";
  5016.             }
  5017.             echo "</div>
  5018.                           <div class=\"opt-btn-group\">
  5019.                             ";
  5020.             // line 3620
  5021.             $context["idx"] = 0;
  5022.             // line 3621
  5023.             echo "                            ";
  5024.             $context['_parent'] = $context;
  5025.             $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.', 3621, $this->source); })()));
  5026.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  5027.                 if ($context["pm"]) {
  5028.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3621, $this->source); })()) + 1);
  5029.                     // line 3622
  5030.                     echo "                              <label class=\"opt-btn";
  5031.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3622, $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.', 3622, $this->source); })()), "pm", [], "any", false, false, false, 3622) == $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.', 3622, $this->source); })())) == 1))) {
  5032.                         echo " is-selected";
  5033.                     }
  5034.                     echo "\"
  5035.                                      onclick=\"mitsumori_simulation_val('pm', '";
  5036.                     // line 3623
  5037.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pm"], "js"), "html", null, true);
  5038.                     echo "');\">
  5039.                                 <input type=\"radio\" name=\"pm\" id=\"pm_";
  5040.                     // line 3624
  5041.                     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.', 3624, $this->source); })()), "html", null, true);
  5042.                     echo "\" value=\"";
  5043.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  5044.                     echo "\"
  5045.                                        ";
  5046.                     // line 3625
  5047.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3625, $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.', 3625, $this->source); })()), "pm", [], "any", false, false, false, 3625) == $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.', 3625, $this->source); })())) == 1))) {
  5048.                         echo "checked";
  5049.                     }
  5050.                     echo ">
  5051.                                 ";
  5052.                     // line 3626
  5053.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  5054.                     echo "
  5055.                               </label>
  5056.                             ";
  5057.                 }
  5058.             }
  5059.             $_parent = $context['_parent'];
  5060.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  5061.             $context = array_intersect_key($context, $_parent) + $_parent;
  5062.             // line 3629
  5063.             echo "                          </div>
  5064.                         </div>
  5065.                         ";
  5066.         }
  5067.         // line 3632
  5068.         echo "
  5069.                         ";
  5070.         // line 3637
  5071.         echo "                        ";
  5072.         if ((((((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3637, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3637, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3637, $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.', 3637, $this->source); })()), "SaleType", [], "any", false, false, false, 3637), "id", [], "any", false, false, false, 3637) != 2)) && (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.', 3637, $this->source); })()), "SaleType", [], "any", false, false, false, 3637), "id", [], "any", false, false, false, 3637) != 3)) && (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.', 3637, $this->source); })()), "SaleType", [], "any", false, false, false, 3637), "id", [], "any", false, false, false, 3637) != 4)) &&  !(isset($context["is_cat43"]) || array_key_exists("is_cat43", $context) ? $context["is_cat43"] : (function () { throw new RuntimeError('Variable "is_cat43" does not exist.', 3637, $this->source); })()))) {
  5073.             // line 3638
  5074.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5075.                           <div class=\"rp-section-label\">";
  5076.             // line 3639
  5077.             echo twig_escape_filter($this->env, (isset($context["option1_label"]) || array_key_exists("option1_label", $context) ? $context["option1_label"] : (function () { throw new RuntimeError('Variable "option1_label" does not exist.', 3639, $this->source); })()), "html", null, true);
  5078.             if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3639, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3639)) && 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.', 3639, $this->source); })()), "option1", [], "any", false, false, false, 3639))) {
  5079.                 echo ": <span>";
  5080.                 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.', 3639, $this->source); })()), "option1", [], "any", false, false, false, 3639), "html", null, true);
  5081.                 echo "</span>";
  5082.             }
  5083.             echo "</div>
  5084.                           <div class=\"opt-btn-group\">
  5085.                             ";
  5086.             // line 3641
  5087.             $context["idx"] = 0;
  5088.             // line 3642
  5089.             echo "                            ";
  5090.             $context['_parent'] = $context;
  5091.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3642, $this->source); })()));
  5092.             foreach ($context['_seq'] as $context["_key"] => $context["opt1"]) {
  5093.                 if ($context["opt1"]) {
  5094.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3642, $this->source); })()) + 1);
  5095.                     // line 3643
  5096.                     echo "                              <label class=\"opt-btn";
  5097.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3643, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3643)) && (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.', 3643, $this->source); })()), "option1", [], "any", false, false, false, 3643) == $context["opt1"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3643, $this->source); })())) == 1))) {
  5098.                         echo " is-selected";
  5099.                     }
  5100.                     echo "\"
  5101.                                      onclick=\"mitsumori_simulation_val('option1', '";
  5102.                     // line 3644
  5103.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt1"], "js"), "html", null, true);
  5104.                     echo "');\">
  5105.                                 <input type=\"radio\" name=\"option1\" id=\"option1_";
  5106.                     // line 3645
  5107.                     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.', 3645, $this->source); })()), "html", null, true);
  5108.                     echo "\" value=\"";
  5109.                     echo twig_escape_filter($this->env, $context["opt1"], "html", null, true);
  5110.                     echo "\"
  5111.                                        ";
  5112.                     // line 3646
  5113.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3646, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3646)) && (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.', 3646, $this->source); })()), "option1", [], "any", false, false, false, 3646) == $context["opt1"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3646, $this->source); })())) == 1))) {
  5114.                         echo "checked";
  5115.                     }
  5116.                     echo ">
  5117.                                 ";
  5118.                     // line 3647
  5119.                     echo twig_escape_filter($this->env, $context["opt1"], "html", null, true);
  5120.                     echo "
  5121.                               </label>
  5122.                             ";
  5123.                 }
  5124.             }
  5125.             $_parent = $context['_parent'];
  5126.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1'], $context['_parent'], $context['loop']);
  5127.             $context = array_intersect_key($context, $_parent) + $_parent;
  5128.             // line 3650
  5129.             echo "                          </div>
  5130.                         </div>
  5131.                         ";
  5132.         }
  5133.         // line 3653
  5134.         echo "
  5135.                         ";
  5136.         // line 3655
  5137.         echo "                        ";
  5138.         if (((((((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3655, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3655, $this->source); })()))) && (twig_join_filter((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3655, $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.', 3655, $this->source); })()), "SaleType", [], "any", false, false, false, 3655), "id", [], "any", false, false, false, 3655) != 2)) && (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.', 3655, $this->source); })()), "SaleType", [], "any", false, false, false, 3655), "id", [], "any", false, false, false, 3655) != 3)) &&  !(isset($context["is_cat43"]) || array_key_exists("is_cat43", $context) ? $context["is_cat43"] : (function () { throw new RuntimeError('Variable "is_cat43" does not exist.', 3655, $this->source); })()))) {
  5139.             // line 3656
  5140.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5141.                           <div class=\"rp-section-label\">";
  5142.             // line 3657
  5143.             echo twig_escape_filter($this->env, (isset($context["option2_label"]) || array_key_exists("option2_label", $context) ? $context["option2_label"] : (function () { throw new RuntimeError('Variable "option2_label" does not exist.', 3657, $this->source); })()), "html", null, true);
  5144.             if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3657, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3657)) && 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.', 3657, $this->source); })()), "option2", [], "any", false, false, false, 3657))) {
  5145.                 echo ": <span>";
  5146.                 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.', 3657, $this->source); })()), "option2", [], "any", false, false, false, 3657), "html", null, true);
  5147.                 echo "</span>";
  5148.             }
  5149.             echo "</div>
  5150.                           <div class=\"opt-btn-group\">
  5151.                             ";
  5152.             // line 3659
  5153.             $context["idx"] = 0;
  5154.             // line 3660
  5155.             echo "                            ";
  5156.             $context['_parent'] = $context;
  5157.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3660, $this->source); })()));
  5158.             foreach ($context['_seq'] as $context["_key"] => $context["opt2"]) {
  5159.                 if ($context["opt2"]) {
  5160.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3660, $this->source); })()) + 1);
  5161.                     // line 3661
  5162.                     echo "                              <label class=\"opt-btn";
  5163.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3661, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3661)) && (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.', 3661, $this->source); })()), "option2", [], "any", false, false, false, 3661) == $context["opt2"])) || (twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3661, $this->source); })())) == 1))) {
  5164.                         echo " is-selected";
  5165.                     }
  5166.                     echo "\"
  5167.                                      onclick=\"mitsumori_simulation_val('option2', '";
  5168.                     // line 3662
  5169.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt2"], "js"), "html", null, true);
  5170.                     echo "');\">
  5171.                                 <input type=\"radio\" name=\"option2\" id=\"option2_";
  5172.                     // line 3663
  5173.                     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.', 3663, $this->source); })()), "html", null, true);
  5174.                     echo "\" value=\"";
  5175.                     echo twig_escape_filter($this->env, $context["opt2"], "html", null, true);
  5176.                     echo "\"
  5177.                                        ";
  5178.                     // line 3664
  5179.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3664, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3664)) && (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.', 3664, $this->source); })()), "option2", [], "any", false, false, false, 3664) == $context["opt2"])) || (twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3664, $this->source); })())) == 1))) {
  5180.                         echo "checked";
  5181.                     }
  5182.                     echo ">
  5183.                                 ";
  5184.                     // line 3665
  5185.                     echo twig_escape_filter($this->env, $context["opt2"], "html", null, true);
  5186.                     echo "
  5187.                               </label>
  5188.                             ";
  5189.                 }
  5190.             }
  5191.             $_parent = $context['_parent'];
  5192.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt2'], $context['_parent'], $context['loop']);
  5193.             $context = array_intersect_key($context, $_parent) + $_parent;
  5194.             // line 3668
  5195.             echo "                          </div>
  5196.                         </div>
  5197.                         ";
  5198.         }
  5199.         // line 3671
  5200.         echo "
  5201. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  5202. \t\t\t\t\t\t";
  5203.         // line 3673
  5204.         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.', 3673, $this->source); })()), "SaleType", [], "any", false, false, false, 3673), "id", [], "any", false, false, false, 3673) == 1)) {
  5205.             // line 3674
  5206.             echo "\t\t\t\t\t\t";
  5207.         }
  5208.         // line 3675
  5209.         echo "
  5210. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） 複数タイプ追加対応 (2026-05) -->
  5211. \t\t\t\t\t\t";
  5212.         // line 3677
  5213.         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.', 3677, $this->source); })()), "SaleType", [], "any", false, false, false, 3677), "id", [], "any", false, false, false, 3677) == 2)) {
  5214.             // line 3678
  5215.             echo "
  5216. \t\t\t\t\t\t\t";
  5217.             // line 3682
  5218.             echo "
  5219. \t\t\t\t\t\t\t";
  5220.             // line 3686
  5221.             echo "\t\t\t\t\t\t\t<style>
  5222. \t\t\t\t\t\t\t\t.ec-productRole__profile {
  5223. \t\t\t\t\t\t\t\t\toverflow: visible !important;
  5224. \t\t\t\t\t\t\t\t\tmax-height: none !important;
  5225. \t\t\t\t\t\t\t\t\theight: auto !important;
  5226. \t\t\t\t\t\t\t\t}
  5227. \t\t\t\t\t\t\t</style>
  5229. \t\t\t\t\t\t\t";
  5230.             // line 3695
  5231.             echo "\t\t\t\t\t\t\t";
  5232.             $context["housing_default"] = _twig_default_filter($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.', 3695, $this->source); })()), "id", [], "any", false, false, false, 3695), "住宅区分"), "戸建");
  5233.             // line 3696
  5234.             echo "\t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  5235. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  5236. \t\t\t\t\t\t\t    <strong>お住まいの種別を選択</strong>
  5237. \t\t\t\t\t\t\t    <small class=\"ms-2 text-muted\">補助金単価が変わります</small>
  5238. \t\t\t\t\t\t\t  </div>
  5239. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  5240. \t\t\t\t\t\t\t    <div class=\"opt-btn-group\" id=\"window-housing-type-group\">
  5241. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  5242. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"戸建\"
  5243. \t\t\t\t\t\t\t               ";
  5244.             // line 3705
  5245.             if (((isset($context["housing_default"]) || array_key_exists("housing_default", $context) ? $context["housing_default"] : (function () { throw new RuntimeError('Variable "housing_default" does not exist.', 3705, $this->source); })()) != "集合住宅")) {
  5246.                 echo "checked";
  5247.             }
  5248.             echo ">
  5249. \t\t\t\t\t\t\t        戸建住宅<small class=\"d-block text-muted\">（延床240㎡以下の非住宅含む）</small>
  5250. \t\t\t\t\t\t\t      </label>
  5251. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  5252. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"集合住宅\"
  5253. \t\t\t\t\t\t\t               ";
  5254.             // line 3710
  5255.             if (((isset($context["housing_default"]) || array_key_exists("housing_default", $context) ? $context["housing_default"] : (function () { throw new RuntimeError('Variable "housing_default" does not exist.', 3710, $this->source); })()) == "集合住宅")) {
  5256.                 echo "checked";
  5257.             }
  5258.             echo ">
  5259. \t\t\t\t\t\t\t        集合住宅<small class=\"d-block text-muted\">（低層・中高層／240㎡超の非住宅）</small>
  5260. \t\t\t\t\t\t\t      </label>
  5261. \t\t\t\t\t\t\t    </div>
  5262. \t\t\t\t\t\t\t  </div>
  5263. \t\t\t\t\t\t\t</div>
  5265. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  5266. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  5267. \t\t\t\t\t\t\t    <strong>窓タイプを選択（複数追加可・最大 20）</strong>
  5268. \t\t\t\t\t\t\t  </div>
  5269. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  5270. \t\t\t\t\t\t\t    <div id=\"window-types-container\"><!-- 動的に窓タイプブロックが追加される --></div>
  5271. \t\t\t\t\t\t\t    <div class=\"text-center mt-2\">
  5272. \t\t\t\t\t\t\t      <button type=\"button\" id=\"btn-add-window-type\" class=\"btn btn-outline-primary btn-sm\" onclick=\"addWindowType();\">＋ 窓タイプを追加</button>
  5273. \t\t\t\t\t\t\t      <div class=\"small text-muted mt-1\">最大 20 タイプまで追加できます</div>
  5274. \t\t\t\t\t\t\t    </div>
  5275. \t\t\t\t\t\t\t  </div>
  5276. \t\t\t\t\t\t\t</div>
  5278. \t\t\t\t\t\t\t";
  5279.             // line 3731
  5280.             echo "\t\t\t\t\t\t\t<template id=\"window-type-template\">
  5281. \t\t\t\t\t\t\t  <div class=\"window-type-block\" data-type-idx=\"__IDX__\" style=\"border:1px solid #ddd;border-radius:6px;padding:10px;margin-bottom:10px;background:#fafafa;\">
  5282. \t\t\t\t\t\t\t    <div class=\"d-flex justify-content-between align-items-center mb-2\">
  5283. \t\t\t\t\t\t\t      <strong>窓タイプ <span class=\"wt-num\">__IDX__</span></strong>
  5284. \t\t\t\t\t\t\t      <button type=\"button\" class=\"btn btn-sm btn-outline-danger btn-remove-window-type\" onclick=\"removeWindowType(this);\">× 削除</button>
  5285. \t\t\t\t\t\t\t    </div>
  5287. \t\t\t\t\t\t\t    ";
  5288.             // line 3739
  5289.             echo "\t\t\t\t\t\t\t    ";
  5290.             if ((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3739, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3739, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3739, $this->source); })())) != ""))) {
  5291.                 // line 3740
  5292.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5293. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓タイプ</div>
  5294. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5295. \t\t\t\t\t\t\t        ";
  5296.                 // line 3743
  5297.                 $context['_parent'] = $context;
  5298.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3743, $this->source); })()));
  5299.                 foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  5300.                     if ($context["v"]) {
  5301.                         // line 3744
  5302.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn\">
  5303. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_subtype___IDX__\" value=\"";
  5304.                         // line 3745
  5305.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5306.                         echo "\" data-axis=\"subtype\" onchange=\"onWindowTypeAxisChange(this);\">
  5307. \t\t\t\t\t\t\t            ";
  5308.                         // line 3746
  5309.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5310.                         echo "
  5311. \t\t\t\t\t\t\t          </label>
  5312. \t\t\t\t\t\t\t        ";
  5313.                     }
  5314.                 }
  5315.                 $_parent = $context['_parent'];
  5316.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  5317.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5318.                 // line 3749
  5319.                 echo "\t\t\t\t\t\t\t      </div>
  5320. \t\t\t\t\t\t\t    </div>
  5321. \t\t\t\t\t\t\t    ";
  5322.             }
  5323.             // line 3752
  5324.             echo "
  5325. \t\t\t\t\t\t\t    ";
  5326.             // line 3754
  5327.             echo "\t\t\t\t\t\t\t    ";
  5328.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3754, $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.', 3754, $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.', 3754, $this->source); })())) != ""))) {
  5329.                 // line 3755
  5330.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5331. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">幅</div>
  5332. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  5333. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_pw___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  5334. \t\t\t\t\t\t\t               placeholder=\"例 1750\" data-axis=\"pw\" data-unit=\"mm\"
  5335. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  5336. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  5337. \t\t\t\t\t\t\t      </div>
  5338. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応幅: 〜";
  5339.                 // line 3763
  5340.                 echo twig_escape_filter($this->env, _twig_default_filter(twig_last($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.', 3763, $this->source); })())), ""), "html", null, true);
  5341.                 echo "（";
  5342.                 echo twig_escape_filter($this->env, 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.', 3763, $this->source); })())), "html", null, true);
  5343.                 echo " 段階の価格帯から自動選択）</small>
  5344. \t\t\t\t\t\t\t    </div>
  5345. \t\t\t\t\t\t\t    ";
  5346.             }
  5347.             // line 3766
  5348.             echo "
  5349. \t\t\t\t\t\t\t    ";
  5350.             // line 3768
  5351.             echo "\t\t\t\t\t\t\t    ";
  5352.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3768, $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.', 3768, $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.', 3768, $this->source); })())) != ""))) {
  5353.                 // line 3769
  5354.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5355. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">高さ</div>
  5356. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  5357. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_ph___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  5358. \t\t\t\t\t\t\t               placeholder=\"例 1200\" data-axis=\"ph\" data-unit=\"mm\"
  5359. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  5360. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  5361. \t\t\t\t\t\t\t      </div>
  5362. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応高さ: 〜";
  5363.                 // line 3777
  5364.                 echo twig_escape_filter($this->env, _twig_default_filter(twig_last($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.', 3777, $this->source); })())), ""), "html", null, true);
  5365.                 echo "（";
  5366.                 echo twig_escape_filter($this->env, 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.', 3777, $this->source); })())), "html", null, true);
  5367.                 echo " 段階の価格帯から自動選択）</small>
  5368. \t\t\t\t\t\t\t    </div>
  5369. \t\t\t\t\t\t\t    ";
  5370.             }
  5371.             // line 3780
  5372.             echo "
  5373. \t\t\t\t\t\t\t    ";
  5374.             // line 3782
  5375.             echo "\t\t\t\t\t\t\t    ";
  5376.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3782, $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.', 3782, $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.', 3782, $this->source); })())) != ""))) {
  5377.                 // line 3783
  5378.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5379. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">ガラスタイプ</div>
  5380. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5381. \t\t\t\t\t\t\t        ";
  5382.                 // line 3786
  5383.                 $context['_parent'] = $context;
  5384.                 $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.', 3786, $this->source); })()));
  5385.                 foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  5386.                     if ($context["v"]) {
  5387.                         // line 3787
  5388.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn\">
  5389. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pm___IDX__\" value=\"";
  5390.                         // line 3788
  5391.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5392.                         echo "\" data-axis=\"pm\" onchange=\"onWindowTypeAxisChange(this);\">
  5393. \t\t\t\t\t\t\t            ";
  5394.                         // line 3789
  5395.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5396.                         echo "
  5397. \t\t\t\t\t\t\t          </label>
  5398. \t\t\t\t\t\t\t        ";
  5399.                     }
  5400.                 }
  5401.                 $_parent = $context['_parent'];
  5402.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  5403.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5404.                 // line 3792
  5405.                 echo "\t\t\t\t\t\t\t      </div>
  5406. \t\t\t\t\t\t\t      <small class=\"text-muted\">「<span style=\"color:#2e7d32;font-weight:bold;\">補助金対象</span>」が付いたガラスは、先進的窓リノベ補助金の対象です。</small>
  5407. \t\t\t\t\t\t\t    </div>
  5408. \t\t\t\t\t\t\t    ";
  5409.             }
  5410.             // line 3796
  5411.             echo "
  5412. \t\t\t\t\t\t\t    ";
  5413.             // line 3798
  5414.             echo "\t\t\t\t\t\t\t    ";
  5415.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3798, $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.', 3798, $this->source); })())))) {
  5416.                 // line 3799
  5417.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5418. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓枠カラー</div>
  5419. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5420. \t\t\t\t\t\t\t        ";
  5421.                 // line 3802
  5422.                 $context['_parent'] = $context;
  5423.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3802, $this->source); })()));
  5424.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  5425.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3802))) {
  5426.                         // line 3803
  5427.                         echo "\t\t\t\t\t\t\t          ";
  5428.                         $context["has_img"] = (twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", true, true, false, 3803) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3803)));
  5429.                         // line 3804
  5430.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn";
  5431.                         if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3804, $this->source); })())) {
  5432.                             echo " opt-btn--with-image";
  5433.                         }
  5434.                         echo "\">
  5435. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pc___IDX__\" value=\"";
  5436.                         // line 3805
  5437.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3805), "html", null, true);
  5438.                         echo "\" data-axis=\"pc\" onchange=\"onWindowTypeAxisChange(this);\">
  5439. \t\t\t\t\t\t\t            ";
  5440.                         // line 3806
  5441.                         if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3806, $this->source); })())) {
  5442.                             // line 3807
  5443.                             echo "\t\t\t\t\t\t\t              <img src=\"";
  5444.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3807), "html", null, true);
  5445.                             echo "\" alt=\"";
  5446.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3807), "html", null, true);
  5447.                             echo "\" class=\"opt-btn__img\"
  5448. \t\t\t\t\t\t\t                   onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  5449. \t\t\t\t\t\t\t              <span class=\"opt-btn__name\">";
  5450.                             // line 3809
  5451.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3809), "html", null, true);
  5452.                             echo "</span>
  5453. \t\t\t\t\t\t\t            ";
  5454.                         } else {
  5455.                             // line 3811
  5456.                             echo "\t\t\t\t\t\t\t              ";
  5457.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3811), "html", null, true);
  5458.                             echo "
  5459. \t\t\t\t\t\t\t            ";
  5460.                         }
  5461.                         // line 3813
  5462.                         echo "\t\t\t\t\t\t\t          </label>
  5463. \t\t\t\t\t\t\t        ";
  5464.                     }
  5465.                 }
  5466.                 $_parent = $context['_parent'];
  5467.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  5468.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5469.                 // line 3815
  5470.                 echo "\t\t\t\t\t\t\t      </div>
  5471. \t\t\t\t\t\t\t    </div>
  5472. \t\t\t\t\t\t\t    ";
  5473.             }
  5474.             // line 3818
  5475.             echo "
  5476. \t\t\t\t\t\t\t    ";
  5477.             // line 3820
  5478.             echo "\t\t\t\t\t\t\t    <div class=\"form-group row mt-2 align-items-center\">
  5479. \t\t\t\t\t\t\t      <label class=\"col-4 col-form-label\">セット数</label>
  5480. \t\t\t\t\t\t\t      <div class=\"col-4\">
  5481. \t\t\t\t\t\t\t        <div class=\"input-group\">
  5482. \t\t\t\t\t\t\t          <input type=\"number\" name=\"wt_setqty___IDX__\" class=\"form-control wt-input-setqty\" value=\"1\" min=\"1\" max=\"99\" data-axis=\"setqty\" onchange=\"onWindowTypeAxisChange(this);\">
  5483. \t\t\t\t\t\t\t          <span class=\"input-group-text\">セット</span>
  5484. \t\t\t\t\t\t\t        </div>
  5485. \t\t\t\t\t\t\t      </div>
  5486. \t\t\t\t\t\t\t      <div class=\"col-4 text-end\">
  5487. \t\t\t\t\t\t\t        <small class=\"text-muted\">補助金額<br><span class=\"wt-subsidy-amount\">―</span> 円</small>
  5488. \t\t\t\t\t\t\t      </div>
  5489. \t\t\t\t\t\t\t    </div>
  5490. \t\t\t\t\t\t\t  </div>
  5491. \t\t\t\t\t\t\t</template>
  5493. \t\t\t\t\t\t\t";
  5494.             // line 3836
  5495.             echo "\t\t\t\t\t\t\t<script>
  5496. \t\t\t\t\t\t\t(function() {
  5497. \t\t\t\t\t\t\t\tvar MAX_WINDOW_TYPES = 20;
  5499. \t\t\t\t\t\t\t\tfunction addWindowType() {
  5500. \t\t\t\t\t\t\t\t\tvar container = document.getElementById('window-types-container');
  5501. \t\t\t\t\t\t\t\t\tif (!container) return;
  5502. \t\t\t\t\t\t\t\t\tvar existing = container.querySelectorAll('.window-type-block');
  5503. \t\t\t\t\t\t\t\t\tif (existing.length >= MAX_WINDOW_TYPES) return;
  5504. \t\t\t\t\t\t\t\t\tvar newIdx = existing.length + 1;
  5505. \t\t\t\t\t\t\t\t\tvar tpl = document.getElementById('window-type-template');
  5506. \t\t\t\t\t\t\t\t\tif (!tpl) return;
  5507. \t\t\t\t\t\t\t\t\t// <template> の innerHTML を取り出して __IDX__ を新規連番に置換し、要素化して append.
  5508. \t\t\t\t\t\t\t\t\tvar html = tpl.innerHTML.replace(/__IDX__/g, String(newIdx));
  5509. \t\t\t\t\t\t\t\t\tvar wrapper = document.createElement('div');
  5510. \t\t\t\t\t\t\t\t\twrapper.innerHTML = html.trim();
  5511. \t\t\t\t\t\t\t\t\tvar block = wrapper.firstChild;
  5512. \t\t\t\t\t\t\t\t\tcontainer.appendChild(block);
  5513. \t\t\t\t\t\t\t\t\tdecorateSubsidyGlass(block);
  5514. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  5515. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5516. \t\t\t\t\t\t\t\t}
  5518. \t\t\t\t\t\t\t\t// 補助金対象ガラスの選択肢に「補助金対象」バッジ + 緑枠を付与する.
  5519. \t\t\t\t\t\t\t\t// 判定は calc script 側の window.glassYieldsSubsidy に委譲 (ロジック二重化を避ける)。
  5520. \t\t\t\t\t\t\t\tfunction decorateSubsidyGlass(block) {
  5521. \t\t\t\t\t\t\t\t\tif (!block || typeof window.glassYieldsSubsidy !== 'function') return;
  5522. \t\t\t\t\t\t\t\t\tvar radios = block.querySelectorAll('input[data-axis=\"pm\"]');
  5523. \t\t\t\t\t\t\t\t\tradios.forEach(function(inp) {
  5524. \t\t\t\t\t\t\t\t\t\tvar label = inp.closest('.opt-btn');
  5525. \t\t\t\t\t\t\t\t\t\tif (!label || label.querySelector('.opt-btn__subsidy-badge')) return;
  5526. \t\t\t\t\t\t\t\t\t\tif (window.glassYieldsSubsidy(inp.value)) {
  5527. \t\t\t\t\t\t\t\t\t\t\tlabel.classList.add('opt-btn--subsidy');
  5528. \t\t\t\t\t\t\t\t\t\t\tvar badge = document.createElement('span');
  5529. \t\t\t\t\t\t\t\t\t\t\tbadge.className = 'opt-btn__subsidy-badge';
  5530. \t\t\t\t\t\t\t\t\t\t\tbadge.textContent = '補助金対象';
  5531. \t\t\t\t\t\t\t\t\t\t\tlabel.appendChild(badge);
  5532. \t\t\t\t\t\t\t\t\t\t}
  5533. \t\t\t\t\t\t\t\t\t});
  5534. \t\t\t\t\t\t\t\t}
  5536. \t\t\t\t\t\t\t\tfunction removeWindowType(btn) {
  5537. \t\t\t\t\t\t\t\t\tvar block = btn.closest('.window-type-block');
  5538. \t\t\t\t\t\t\t\t\tif (!block) return;
  5539. \t\t\t\t\t\t\t\t\tblock.remove();
  5540. \t\t\t\t\t\t\t\t\treindexBlocks();
  5541. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  5542. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5543. \t\t\t\t\t\t\t\t}
  5545. \t\t\t\t\t\t\t\tfunction updateRemoveButtonVisibility() {
  5546. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  5547. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b) {
  5548. \t\t\t\t\t\t\t\t\t\tvar btn = b.querySelector('.btn-remove-window-type');
  5549. \t\t\t\t\t\t\t\t\t\tif (btn) btn.style.display = blocks.length > 1 ? '' : 'none';
  5550. \t\t\t\t\t\t\t\t\t});
  5551. \t\t\t\t\t\t\t\t}
  5553. \t\t\t\t\t\t\t\tfunction reindexBlocks() {
  5554. \t\t\t\t\t\t\t\t\t// ブロック削除後に 1 から振り直し. input[name] の末尾 _N も書き換える.
  5555. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  5556. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b, i) {
  5557. \t\t\t\t\t\t\t\t\t\tvar n = i + 1;
  5558. \t\t\t\t\t\t\t\t\t\tb.setAttribute('data-type-idx', String(n));
  5559. \t\t\t\t\t\t\t\t\t\tvar numSpan = b.querySelector('.wt-num');
  5560. \t\t\t\t\t\t\t\t\t\tif (numSpan) numSpan.textContent = String(n);
  5561. \t\t\t\t\t\t\t\t\t\tb.querySelectorAll('input[name]').forEach(function(inp) {
  5562. \t\t\t\t\t\t\t\t\t\t\tinp.name = inp.name.replace(/_\\d+\$/, '_' + n);
  5563. \t\t\t\t\t\t\t\t\t\t});
  5564. \t\t\t\t\t\t\t\t\t});
  5565. \t\t\t\t\t\t\t\t}
  5567. \t\t\t\t\t\t\t\t// 軸変更イベント. recalcAll が定義されていれば再計算 (task 2 で実装).
  5568. \t\t\t\t\t\t\t\twindow.onWindowTypeAxisChange = function() {
  5569. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5570. \t\t\t\t\t\t\t\t};
  5572. \t\t\t\t\t\t\t\twindow.addWindowType = addWindowType;
  5573. \t\t\t\t\t\t\t\twindow.removeWindowType = removeWindowType;
  5575. \t\t\t\t\t\t\t\t// 隠し radio(opacity:0/pointer-events:none) を label で包む opt-btn は iOS で初回タップの
  5576. \t\t\t\t\t\t\t\t// change が不発になりやすい。窓タイプ/住宅区分は label に onclick が無く change 依存だった
  5577. \t\t\t\t\t\t\t\t// ため「2回タッチ/選択できない」が発生。click は確実に発火するので委譲 click で選択状態・
  5578. \t\t\t\t\t\t\t\t// is-selected・再計算を行う(JSで複製される窓タイプにも委譲で対応)。
  5579. \t\t\t\t\t\t\t\tdocument.addEventListener('click', function(ev) {
  5580. \t\t\t\t\t\t\t\t\tif (!ev.target || !ev.target.closest) return;
  5581. \t\t\t\t\t\t\t\t\tvar label = ev.target.closest('.opt-btn');
  5582. \t\t\t\t\t\t\t\t\tif (!label) return;
  5583. \t\t\t\t\t\t\t\t\tif (!label.closest('#window-types-container') && !label.closest('#window-housing-type-group')) return;
  5584. \t\t\t\t\t\t\t\t\tvar input = label.querySelector('input[type=\"radio\"]');
  5585. \t\t\t\t\t\t\t\t\tif (!input || input.disabled) return;
  5586. \t\t\t\t\t\t\t\t\tinput.checked = true;
  5587. \t\t\t\t\t\t\t\t\tvar nm = input.getAttribute('name');
  5588. \t\t\t\t\t\t\t\t\tif (nm) {
  5589. \t\t\t\t\t\t\t\t\t\tdocument.querySelectorAll('input[name=\"' + nm + '\"]').forEach(function(i) {
  5590. \t\t\t\t\t\t\t\t\t\t\tvar l = i.closest('.opt-btn');
  5591. \t\t\t\t\t\t\t\t\t\t\tif (l) l.classList.toggle('is-selected', i.checked);
  5592. \t\t\t\t\t\t\t\t\t\t});
  5593. \t\t\t\t\t\t\t\t\t}
  5594. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5595. \t\t\t\t\t\t\t\t});
  5597. \t\t\t\t\t\t\t\t// 初期表示で 1 ブロック追加 + 住宅区分ラジオの change で再計算.
  5598. \t\t\t\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', function() {
  5599. \t\t\t\t\t\t\t\t\tif (document.querySelector('#window-types-container')) {
  5600. \t\t\t\t\t\t\t\t\t\taddWindowType();
  5601. \t\t\t\t\t\t\t\t\t}
  5602. \t\t\t\t\t\t\t\t\tvar housingInputs = document.querySelectorAll('input[name=\"window_housing_type\"]');
  5603. \t\t\t\t\t\t\t\t\tvar syncHousingSelectedClass = function() {
  5604. \t\t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  5605. \t\t\t\t\t\t\t\t\t\t\tvar lbl = el.closest('.opt-btn');
  5606. \t\t\t\t\t\t\t\t\t\t\tif (!lbl) return;
  5607. \t\t\t\t\t\t\t\t\t\t\tif (el.checked) lbl.classList.add('is-selected');
  5608. \t\t\t\t\t\t\t\t\t\t\telse            lbl.classList.remove('is-selected');
  5609. \t\t\t\t\t\t\t\t\t\t});
  5610. \t\t\t\t\t\t\t\t\t};
  5611. \t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  5612. \t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  5613. \t\t\t\t\t\t\t\t\t\tel.addEventListener('change', function() {
  5614. \t\t\t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  5615. \t\t\t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5616. \t\t\t\t\t\t\t\t\t\t});
  5617. \t\t\t\t\t\t\t\t\t});
  5618. \t\t\t\t\t\t\t\t});
  5619. \t\t\t\t\t\t\t})();
  5620. \t\t\t\t\t\t\t</script>
  5622. \t\t\t\t\t\t";
  5623.         }
  5624.         // line 3964
  5625.         echo "
  5626. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  5627. \t\t\t\t\t\t";
  5628.         // line 3966
  5629.         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.', 3966, $this->source); })()), "SaleType", [], "any", false, false, false, 3966), "id", [], "any", false, false, false, 3966) == 3)) {
  5630.             // line 3967
  5631.             echo "
  5632. \t\t\t\t\t\t\t";
  5633.             // line 3969
  5634.             echo "\t\t\t\t\t\t\t";
  5635.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3969, $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.', 3969, $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.', 3969, $this->source); })())) != ""))) {
  5636.                 // line 3970
  5637.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5638. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">幅";
  5639.                 // line 3971
  5640.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3971, $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.', 3971, $this->source); })()), "pw", [], "any", false, false, false, 3971))) {
  5641.                     echo ": <span>";
  5642.                     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.', 3971, $this->source); })()), "pw", [], "any", false, false, false, 3971), "html", null, true);
  5643.                     echo "</span>";
  5644.                 }
  5645.                 echo "</div>
  5646. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5647. \t\t\t\t\t\t\t    ";
  5648.                 // line 3973
  5649.                 $context["idx"] = 0;
  5650.                 // line 3974
  5651.                 echo "\t\t\t\t\t\t\t    ";
  5652.                 $context['_parent'] = $context;
  5653.                 $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.', 3974, $this->source); })()));
  5654.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  5655.                     if ($context["pw_val"]) {
  5656.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3974, $this->source); })()) + 1);
  5657.                         // line 3975
  5658.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5659.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3975, $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.', 3975, $this->source); })()), "pw", [], "any", false, false, false, 3975) == $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.', 3975, $this->source); })())) == 1))) {
  5660.                             echo " is-selected";
  5661.                         }
  5662.                         echo "\"
  5663. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw3_";
  5664.                         // line 3976
  5665.                         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.', 3976, $this->source); })()), "html", null, true);
  5666.                         echo "');\">
  5667. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_";
  5668.                         // line 3977
  5669.                         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.', 3977, $this->source); })()), "html", null, true);
  5670.                         echo "\" value=\"";
  5671.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  5672.                         echo "\"
  5673. \t\t\t\t\t\t\t               ";
  5674.                         // line 3978
  5675.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3978, $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.', 3978, $this->source); })()), "pw", [], "any", false, false, false, 3978) == $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.', 3978, $this->source); })())) == 1))) {
  5676.                             echo "checked";
  5677.                         }
  5678.                         echo ">
  5679. \t\t\t\t\t\t\t        ";
  5680.                         // line 3979
  5681.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  5682.                         echo "
  5683. \t\t\t\t\t\t\t      </label>
  5684. \t\t\t\t\t\t\t    ";
  5685.                     }
  5686.                 }
  5687.                 $_parent = $context['_parent'];
  5688.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  5689.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5690.                 // line 3982
  5691.                 echo "\t\t\t\t\t\t\t  </div>
  5692. \t\t\t\t\t\t\t</div>
  5693. \t\t\t\t\t\t\t";
  5694.             }
  5695.             // line 3985
  5696.             echo "
  5697. \t\t\t\t\t\t\t";
  5698.             // line 3986
  5699.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3986, $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.', 3986, $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.', 3986, $this->source); })())) != ""))) {
  5700.                 // line 3987
  5701.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5702. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">奥行き";
  5703.                 // line 3988
  5704.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3988, $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.', 3988, $this->source); })()), "pd", [], "any", false, false, false, 3988))) {
  5705.                     echo ": <span>";
  5706.                     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.', 3988, $this->source); })()), "pd", [], "any", false, false, false, 3988), "html", null, true);
  5707.                     echo "</span>";
  5708.                 }
  5709.                 echo "</div>
  5710. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5711. \t\t\t\t\t\t\t    ";
  5712.                 // line 3990
  5713.                 $context["idx"] = 0;
  5714.                 // line 3991
  5715.                 echo "\t\t\t\t\t\t\t    ";
  5716.                 $context['_parent'] = $context;
  5717.                 $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.', 3991, $this->source); })()));
  5718.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  5719.                     if ($context["pd_val"]) {
  5720.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3991, $this->source); })()) + 1);
  5721.                         // line 3992
  5722.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5723.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3992, $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.', 3992, $this->source); })()), "pd", [], "any", false, false, false, 3992) == $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.', 3992, $this->source); })())) == 1))) {
  5724.                             echo " is-selected";
  5725.                         }
  5726.                         echo "\"
  5727. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pd','pd3_";
  5728.                         // line 3993
  5729.                         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.', 3993, $this->source); })()), "html", null, true);
  5730.                         echo "');\">
  5731. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_";
  5732.                         // line 3994
  5733.                         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.', 3994, $this->source); })()), "html", null, true);
  5734.                         echo "\" value=\"";
  5735.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  5736.                         echo "\"
  5737. \t\t\t\t\t\t\t               ";
  5738.                         // line 3995
  5739.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3995, $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.', 3995, $this->source); })()), "pd", [], "any", false, false, false, 3995) == $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.', 3995, $this->source); })())) == 1))) {
  5740.                             echo "checked";
  5741.                         }
  5742.                         echo ">
  5743. \t\t\t\t\t\t\t        ";
  5744.                         // line 3996
  5745.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  5746.                         echo "
  5747. \t\t\t\t\t\t\t      </label>
  5748. \t\t\t\t\t\t\t    ";
  5749.                     }
  5750.                 }
  5751.                 $_parent = $context['_parent'];
  5752.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  5753.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5754.                 // line 3999
  5755.                 echo "\t\t\t\t\t\t\t  </div>
  5756. \t\t\t\t\t\t\t</div>
  5757. \t\t\t\t\t\t\t";
  5758.             }
  5759.             // line 4002
  5760.             echo "
  5761. \t\t\t\t\t\t\t";
  5762.             // line 4003
  5763.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 4003, $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.', 4003, $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.', 4003, $this->source); })())) != ""))) {
  5764.                 // line 4004
  5765.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5766. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">高さ";
  5767.                 // line 4005
  5768.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4005, $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.', 4005, $this->source); })()), "ph", [], "any", false, false, false, 4005))) {
  5769.                     echo ": <span>";
  5770.                     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.', 4005, $this->source); })()), "ph", [], "any", false, false, false, 4005), "html", null, true);
  5771.                     echo "</span>";
  5772.                 }
  5773.                 echo "</div>
  5774. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5775. \t\t\t\t\t\t\t    ";
  5776.                 // line 4007
  5777.                 $context["idx"] = 0;
  5778.                 // line 4008
  5779.                 echo "\t\t\t\t\t\t\t    ";
  5780.                 $context['_parent'] = $context;
  5781.                 $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.', 4008, $this->source); })()));
  5782.                 foreach ($context['_seq'] as $context["_key"] => $context["ph_val"]) {
  5783.                     if ($context["ph_val"]) {
  5784.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4008, $this->source); })()) + 1);
  5785.                         // line 4009
  5786.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5787.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4009, $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.', 4009, $this->source); })()), "ph", [], "any", false, false, false, 4009) == $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.', 4009, $this->source); })())) == 1))) {
  5788.                             echo " is-selected";
  5789.                         }
  5790.                         echo "\"
  5791. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('ph','ph3_";
  5792.                         // line 4010
  5793.                         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.', 4010, $this->source); })()), "html", null, true);
  5794.                         echo "');\">
  5795. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_";
  5796.                         // line 4011
  5797.                         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.', 4011, $this->source); })()), "html", null, true);
  5798.                         echo "\" value=\"";
  5799.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  5800.                         echo "\"
  5801. \t\t\t\t\t\t\t               ";
  5802.                         // line 4012
  5803.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4012, $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.', 4012, $this->source); })()), "ph", [], "any", false, false, false, 4012) == $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.', 4012, $this->source); })())) == 1))) {
  5804.                             echo "checked";
  5805.                         }
  5806.                         echo ">
  5807. \t\t\t\t\t\t\t        ";
  5808.                         // line 4013
  5809.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  5810.                         echo "
  5811. \t\t\t\t\t\t\t      </label>
  5812. \t\t\t\t\t\t\t    ";
  5813.                     }
  5814.                 }
  5815.                 $_parent = $context['_parent'];
  5816.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph_val'], $context['_parent'], $context['loop']);
  5817.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5818.                 // line 4016
  5819.                 echo "\t\t\t\t\t\t\t  </div>
  5820. \t\t\t\t\t\t\t</div>
  5821. \t\t\t\t\t\t\t";
  5822.             }
  5823.             // line 4019
  5824.             echo "
  5825. \t\t\t\t\t\t\t";
  5826.             // line 4021
  5827.             echo "\t\t\t\t\t\t\t";
  5828.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4021, $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.', 4021, $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.', 4021, $this->source); })())) != ""))) {
  5829.                 // line 4022
  5830.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5831. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">棚タイプ <small class=\"text-muted\">（間仕切り仕様）</small>";
  5832.                 // line 4023
  5833.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4023, $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.', 4023, $this->source); })()), "pm", [], "any", false, false, false, 4023))) {
  5834.                     echo ": <span>";
  5835.                     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.', 4023, $this->source); })()), "pm", [], "any", false, false, false, 4023), "html", null, true);
  5836.                     echo "</span>";
  5837.                 }
  5838.                 echo "</div>
  5839. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5840. \t\t\t\t\t\t\t    ";
  5841.                 // line 4025
  5842.                 $context["idx"] = 0;
  5843.                 // line 4026
  5844.                 echo "\t\t\t\t\t\t\t    ";
  5845.                 $context['_parent'] = $context;
  5846.                 $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.', 4026, $this->source); })()));
  5847.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  5848.                     if ($context["pm_val"]) {
  5849.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4026, $this->source); })()) + 1);
  5850.                         // line 4027
  5851.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5852.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4027, $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.', 4027, $this->source); })()), "pm", [], "any", false, false, false, 4027) == $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.', 4027, $this->source); })())) == 1))) {
  5853.                             echo " is-selected";
  5854.                         }
  5855.                         echo "\"
  5856. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm3_";
  5857.                         // line 4028
  5858.                         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.', 4028, $this->source); })()), "html", null, true);
  5859.                         echo "');\">
  5860. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_";
  5861.                         // line 4029
  5862.                         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.', 4029, $this->source); })()), "html", null, true);
  5863.                         echo "\" value=\"";
  5864.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  5865.                         echo "\"
  5866. \t\t\t\t\t\t\t               ";
  5867.                         // line 4030
  5868.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4030, $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.', 4030, $this->source); })()), "pm", [], "any", false, false, false, 4030) == $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.', 4030, $this->source); })())) == 1))) {
  5869.                             echo "checked";
  5870.                         }
  5871.                         echo ">
  5872. \t\t\t\t\t\t\t        ";
  5873.                         // line 4031
  5874.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  5875.                         echo "
  5876. \t\t\t\t\t\t\t      </label>
  5877. \t\t\t\t\t\t\t    ";
  5878.                     }
  5879.                 }
  5880.                 $_parent = $context['_parent'];
  5881.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  5882.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5883.                 // line 4034
  5884.                 echo "\t\t\t\t\t\t\t  </div>
  5885. \t\t\t\t\t\t\t</div>
  5886. \t\t\t\t\t\t\t";
  5887.             }
  5888.             // line 4037
  5889.             echo "
  5890. \t\t\t\t\t\t\t";
  5891.             // line 4039
  5892.             echo "\t\t\t\t\t\t\t";
  5893.             if ((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 4039, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 4039, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 4039, $this->source); })())) != ""))) {
  5894.                 // line 4040
  5895.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5896. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  5897.                 // line 4041
  5898.                 echo twig_escape_filter($this->env, (isset($context["option1_label"]) || array_key_exists("option1_label", $context) ? $context["option1_label"] : (function () { throw new RuntimeError('Variable "option1_label" does not exist.', 4041, $this->source); })()), "html", null, true);
  5899.                 if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4041, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 4041)) && 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.', 4041, $this->source); })()), "option1", [], "any", false, false, false, 4041))) {
  5900.                     echo ": <span>";
  5901.                     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.', 4041, $this->source); })()), "option1", [], "any", false, false, false, 4041), "html", null, true);
  5902.                     echo "</span>";
  5903.                 }
  5904.                 echo "</div>
  5905. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5906. \t\t\t\t\t\t\t    ";
  5907.                 // line 4043
  5908.                 $context["idx"] = 0;
  5909.                 // line 4044
  5910.                 echo "\t\t\t\t\t\t\t    ";
  5911.                 $context['_parent'] = $context;
  5912.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 4044, $this->source); })()));
  5913.                 foreach ($context['_seq'] as $context["_key"] => $context["opt1_val"]) {
  5914.                     if ($context["opt1_val"]) {
  5915.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4044, $this->source); })()) + 1);
  5916.                         // line 4045
  5917.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5918.                         if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4045, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 4045)) && (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.', 4045, $this->source); })()), "option1", [], "any", false, false, false, 4045) == $context["opt1_val"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 4045, $this->source); })())) == 1))) {
  5919.                             echo " is-selected";
  5920.                         }
  5921.                         echo "\"
  5922. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('option1','option1_3_";
  5923.                         // line 4046
  5924.                         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.', 4046, $this->source); })()), "html", null, true);
  5925.                         echo "');\">
  5926. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"option1\" id=\"option1_3_";
  5927.                         // line 4047
  5928.                         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.', 4047, $this->source); })()), "html", null, true);
  5929.                         echo "\" value=\"";
  5930.                         echo twig_escape_filter($this->env, $context["opt1_val"], "html", null, true);
  5931.                         echo "\"
  5932. \t\t\t\t\t\t\t               ";
  5933.                         // line 4048
  5934.                         if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4048, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 4048)) && (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.', 4048, $this->source); })()), "option1", [], "any", false, false, false, 4048) == $context["opt1_val"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 4048, $this->source); })())) == 1))) {
  5935.                             echo "checked";
  5936.                         }
  5937.                         echo ">
  5938. \t\t\t\t\t\t\t        ";
  5939.                         // line 4049
  5940.                         echo twig_escape_filter($this->env, $context["opt1_val"], "html", null, true);
  5941.                         echo "
  5942. \t\t\t\t\t\t\t      </label>
  5943. \t\t\t\t\t\t\t    ";
  5944.                     }
  5945.                 }
  5946.                 $_parent = $context['_parent'];
  5947.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1_val'], $context['_parent'], $context['loop']);
  5948.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5949.                 // line 4052
  5950.                 echo "\t\t\t\t\t\t\t  </div>
  5951. \t\t\t\t\t\t\t</div>
  5952. \t\t\t\t\t\t\t";
  5953.             }
  5954.             // line 4055
  5955.             echo "
  5956. \t\t\t\t\t\t\t";
  5957.             // line 4057
  5958.             echo "\t\t\t\t\t\t\t";
  5959.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4057, $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.', 4057, $this->source); })())))) {
  5960.                 // line 4058
  5961.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5962. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">カラー";
  5963.                 // line 4059
  5964.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4059, $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.', 4059, $this->source); })()), "pc", [], "any", false, false, false, 4059))) {
  5965.                     echo ": <span>";
  5966.                     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.', 4059, $this->source); })()), "pc", [], "any", false, false, false, 4059), "html", null, true);
  5967.                     echo "</span>";
  5968.                 }
  5969.                 echo "</div>
  5970. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5971. \t\t\t\t\t\t\t    ";
  5972.                 // line 4061
  5973.                 $context["idx"] = 0;
  5974.                 // line 4062
  5975.                 echo "\t\t\t\t\t\t\t    ";
  5976.                 $context['_parent'] = $context;
  5977.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4062, $this->source); })()));
  5978.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  5979.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4062))) {
  5980.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4062, $this->source); })()) + 1);
  5981.                         // line 4063
  5982.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5983.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4063, $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.', 4063, $this->source); })()), "pc", [], "any", false, false, false, 4063) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4063))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4063, $this->source); })())) == 1))) {
  5984.                             echo " is-selected";
  5985.                         }
  5986.                         echo "\"
  5987. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pc','cc3_";
  5988.                         // line 4064
  5989.                         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.', 4064, $this->source); })()), "html", null, true);
  5990.                         echo "');\">
  5991. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_";
  5992.                         // line 4065
  5993.                         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.', 4065, $this->source); })()), "html", null, true);
  5994.                         echo "\" value=\"";
  5995.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4065), "html", null, true);
  5996.                         echo "\"
  5997. \t\t\t\t\t\t\t               ";
  5998.                         // line 4066
  5999.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4066, $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.', 4066, $this->source); })()), "pc", [], "any", false, false, false, 4066) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4066))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4066, $this->source); })())) == 1))) {
  6000.                             echo "checked";
  6001.                         }
  6002.                         echo ">
  6003. \t\t\t\t\t\t\t        ";
  6004.                         // line 4067
  6005.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4067), "html", null, true);
  6006.                         echo "
  6007. \t\t\t\t\t\t\t      </label>
  6008. \t\t\t\t\t\t\t    ";
  6009.                     }
  6010.                 }
  6011.                 $_parent = $context['_parent'];
  6012.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  6013.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6014.                 // line 4070
  6015.                 echo "\t\t\t\t\t\t\t  </div>
  6016. \t\t\t\t\t\t\t</div>
  6017. \t\t\t\t\t\t\t";
  6018.             }
  6019.             // line 4073
  6020.             echo "
  6021. \t\t\t\t\t\t\t";
  6022.             // line 4075
  6023.             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)\">
  6024. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  6025. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6026. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6027. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"";
  6028.             // line 4079
  6029.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", true, true, false, 4079)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", false, false, false, 4079), "1")) : ("1")), "html", null, true);
  6030.             echo "\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  6031. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  6032. \t\t\t\t\t\t\t    </div>
  6033. \t\t\t\t\t\t\t  </div>
  6034. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6035. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  6036. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  6037. \t\t\t\t\t\t\t  </div>
  6038. \t\t\t\t\t\t\t</div>
  6040. \t\t\t\t\t\t";
  6041.         }
  6042.         // line 4090
  6043.         echo "
  6044. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  6045. \t\t\t\t\t\t";
  6046.         // line 4092
  6047.         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.', 4092, $this->source); })()), "SaleType", [], "any", false, false, false, 4092), "id", [], "any", false, false, false, 4092) == 4)) {
  6048.             // line 4093
  6049.             echo "
  6050. \t\t\t\t\t\t\t";
  6051.             // line 4095
  6052.             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)\">
  6053. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  6054. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  6055. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6056. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"";
  6057.             // line 4099
  6058.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", true, true, false, 4099)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", false, false, false, 4099), "3")) : ("3")), "html", null, true);
  6059.             echo "\" min=\"3\" max=\"20\" onchange=\"if(parseInt(this.value)<3)this.value=3; mitsumori_simulation('maisu','maisu');\">
  6060. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  6061. \t\t\t\t\t\t\t    </div>
  6062. \t\t\t\t\t\t\t  </div>
  6063. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6064. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  6065. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  6066. \t\t\t\t\t\t\t  </div>
  6067. \t\t\t\t\t\t\t</div>
  6069. \t\t\t\t\t\t";
  6070.         }
  6071.         // line 4110
  6072.         echo "
  6073. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  6074. \t\t\t\t\t\t";
  6075.         // line 4112
  6076.         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.', 4112, $this->source); })()), "SaleType", [], "any", false, false, false, 4112), "id", [], "any", false, false, false, 4112) == 5)) {
  6077.             // line 4113
  6078.             echo "
  6079. \t\t\t\t\t\t\t";
  6080.             // line 4115
  6081.             echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6082. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">ステップ</div>
  6083. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6084. \t\t\t\t\t\t\t    ";
  6085.             // line 4118
  6086.             $context["step_yes_checked"] = (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4118, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 4118)) && (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.', 4118, $this->source); })()), "deck_step", [], "any", false, false, false, 4118) == "必要"));
  6087.             // line 4119
  6088.             echo "\t\t\t\t\t\t\t    ";
  6089.             $context["step_no_checked"] = ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4119, $this->source); })()) ||  !twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 4119)) || (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.', 4119, $this->source); })()), "deck_step", [], "any", false, false, false, 4119) == "不要")) ||  !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.', 4119, $this->source); })()), "deck_step", [], "any", false, false, false, 4119));
  6090.             // line 4120
  6091.             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6092.             if ((isset($context["step_yes_checked"]) || array_key_exists("step_yes_checked", $context) ? $context["step_yes_checked"] : (function () { throw new RuntimeError('Variable "step_yes_checked" does not exist.', 4120, $this->source); })())) {
  6093.                 echo " is-selected";
  6094.             }
  6095.             echo "\"
  6096. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  6097. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  6098. \t\t\t\t\t\t\t             ";
  6099.             // line 4123
  6100.             if ((isset($context["step_yes_checked"]) || array_key_exists("step_yes_checked", $context) ? $context["step_yes_checked"] : (function () { throw new RuntimeError('Variable "step_yes_checked" does not exist.', 4123, $this->source); })())) {
  6101.                 echo "checked";
  6102.             }
  6103.             echo ">
  6104. \t\t\t\t\t\t\t      必要
  6105. \t\t\t\t\t\t\t    </label>
  6106. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  6107.             // line 4126
  6108.             if ((isset($context["step_no_checked"]) || array_key_exists("step_no_checked", $context) ? $context["step_no_checked"] : (function () { throw new RuntimeError('Variable "step_no_checked" does not exist.', 4126, $this->source); })())) {
  6109.                 echo " is-selected";
  6110.             }
  6111.             echo "\"
  6112. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  6113. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  6114. \t\t\t\t\t\t\t             ";
  6115.             // line 4129
  6116.             if ((isset($context["step_no_checked"]) || array_key_exists("step_no_checked", $context) ? $context["step_no_checked"] : (function () { throw new RuntimeError('Variable "step_no_checked" does not exist.', 4129, $this->source); })())) {
  6117.                 echo "checked";
  6118.             }
  6119.             echo ">
  6120. \t\t\t\t\t\t\t      不要
  6121. \t\t\t\t\t\t\t    </label>
  6122. \t\t\t\t\t\t\t  </div>
  6123. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-step\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6124.             // line 4133
  6125.             if ( !(isset($context["step_yes_checked"]) || array_key_exists("step_yes_checked", $context) ? $context["step_yes_checked"] : (function () { throw new RuntimeError('Variable "step_yes_checked" does not exist.', 4133, $this->source); })())) {
  6126.                 echo "display:none;";
  6127.             }
  6128.             echo "\">
  6129. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6130. \t\t\t\t\t\t\t  </div>
  6131. \t\t\t\t\t\t\t</div>
  6133. \t\t\t\t\t\t\t";
  6134.             // line 4139
  6135.             echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6136. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">デッキフェンス</div>
  6137. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6138. \t\t\t\t\t\t\t    ";
  6139.             // line 4142
  6140.             $context["fence_yes_checked"] = (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4142, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 4142)) && (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.', 4142, $this->source); })()), "deck_fence", [], "any", false, false, false, 4142) == "必要"));
  6141.             // line 4143
  6142.             echo "\t\t\t\t\t\t\t    ";
  6143.             $context["fence_no_checked"] = ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4143, $this->source); })()) ||  !twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 4143)) || (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.', 4143, $this->source); })()), "deck_fence", [], "any", false, false, false, 4143) == "不要")) ||  !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.', 4143, $this->source); })()), "deck_fence", [], "any", false, false, false, 4143));
  6144.             // line 4144
  6145.             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6146.             if ((isset($context["fence_yes_checked"]) || array_key_exists("fence_yes_checked", $context) ? $context["fence_yes_checked"] : (function () { throw new RuntimeError('Variable "fence_yes_checked" does not exist.', 4144, $this->source); })())) {
  6147.                 echo " is-selected";
  6148.             }
  6149.             echo "\"
  6150. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  6151. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  6152. \t\t\t\t\t\t\t             ";
  6153.             // line 4147
  6154.             if ((isset($context["fence_yes_checked"]) || array_key_exists("fence_yes_checked", $context) ? $context["fence_yes_checked"] : (function () { throw new RuntimeError('Variable "fence_yes_checked" does not exist.', 4147, $this->source); })())) {
  6155.                 echo "checked";
  6156.             }
  6157.             echo ">
  6158. \t\t\t\t\t\t\t      必要
  6159. \t\t\t\t\t\t\t    </label>
  6160. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  6161.             // line 4150
  6162.             if ((isset($context["fence_no_checked"]) || array_key_exists("fence_no_checked", $context) ? $context["fence_no_checked"] : (function () { throw new RuntimeError('Variable "fence_no_checked" does not exist.', 4150, $this->source); })())) {
  6163.                 echo " is-selected";
  6164.             }
  6165.             echo "\"
  6166. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  6167. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  6168. \t\t\t\t\t\t\t             ";
  6169.             // line 4153
  6170.             if ((isset($context["fence_no_checked"]) || array_key_exists("fence_no_checked", $context) ? $context["fence_no_checked"] : (function () { throw new RuntimeError('Variable "fence_no_checked" does not exist.', 4153, $this->source); })())) {
  6171.                 echo "checked";
  6172.             }
  6173.             echo ">
  6174. \t\t\t\t\t\t\t      不要
  6175. \t\t\t\t\t\t\t    </label>
  6176. \t\t\t\t\t\t\t  </div>
  6177. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-fence\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6178.             // line 4157
  6179.             if ( !(isset($context["fence_yes_checked"]) || array_key_exists("fence_yes_checked", $context) ? $context["fence_yes_checked"] : (function () { throw new RuntimeError('Variable "fence_yes_checked" does not exist.', 4157, $this->source); })())) {
  6180.                 echo "display:none;";
  6181.             }
  6182.             echo "\">
  6183. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6184. \t\t\t\t\t\t\t  </div>
  6185. \t\t\t\t\t\t\t</div>
  6187. \t\t\t\t\t\t";
  6188.         }
  6189.         // line 4163
  6190.         echo "
  6191. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  6192. \t\t\t\t\t\t";
  6193.         // line 4165
  6194.         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.', 4165, $this->source); })()), "SaleType", [], "any", false, false, false, 4165), "id", [], "any", false, false, false, 4165) == 6)) {
  6195.             // line 4166
  6196.             echo "
  6197. \t\t\t\t\t\t\t";
  6198.             // line 4168
  6199.             echo "\t\t\t\t\t\t\t";
  6200.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4168, $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.', 4168, $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.', 4168, $this->source); })())) != ""))) {
  6201.                 // line 4169
  6202.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6203. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">規格";
  6204.                 // line 4170
  6205.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4170, $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.', 4170, $this->source); })()), "pm", [], "any", false, false, false, 4170))) {
  6206.                     echo ": <span>";
  6207.                     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.', 4170, $this->source); })()), "pm", [], "any", false, false, false, 4170), "html", null, true);
  6208.                     echo "</span>";
  6209.                 }
  6210.                 echo "</div>
  6211. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6212. \t\t\t\t\t\t\t    ";
  6213.                 // line 4172
  6214.                 $context["idx"] = 0;
  6215.                 // line 4173
  6216.                 echo "\t\t\t\t\t\t\t    ";
  6217.                 $context['_parent'] = $context;
  6218.                 $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.', 4173, $this->source); })()));
  6219.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  6220.                     if ($context["pm_val"]) {
  6221.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4173, $this->source); })()) + 1);
  6222.                         // line 4174
  6223.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6224.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4174, $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.', 4174, $this->source); })()), "pm", [], "any", false, false, false, 4174) == $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.', 4174, $this->source); })())) == 1))) {
  6225.                             echo " is-selected";
  6226.                         }
  6227.                         echo "\"
  6228. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm6_";
  6229.                         // line 4175
  6230.                         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.', 4175, $this->source); })()), "html", null, true);
  6231.                         echo "');\">
  6232. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_";
  6233.                         // line 4176
  6234.                         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.', 4176, $this->source); })()), "html", null, true);
  6235.                         echo "\" value=\"";
  6236.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6237.                         echo "\"
  6238. \t\t\t\t\t\t\t               ";
  6239.                         // line 4177
  6240.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4177, $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.', 4177, $this->source); })()), "pm", [], "any", false, false, false, 4177) == $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.', 4177, $this->source); })())) == 1))) {
  6241.                             echo "checked";
  6242.                         }
  6243.                         echo ">
  6244. \t\t\t\t\t\t\t        ";
  6245.                         // line 4178
  6246.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6247.                         echo "
  6248. \t\t\t\t\t\t\t      </label>
  6249. \t\t\t\t\t\t\t    ";
  6250.                     }
  6251.                 }
  6252.                 $_parent = $context['_parent'];
  6253.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  6254.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6255.                 // line 4181
  6256.                 echo "\t\t\t\t\t\t\t  </div>
  6257. \t\t\t\t\t\t\t</div>
  6258. \t\t\t\t\t\t\t";
  6259.             }
  6260.             // line 4184
  6261.             echo "
  6262. \t\t\t\t\t\t\t";
  6263.             // line 4187
  6264.             echo "\t\t\t\t\t\t\t";
  6265.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4187, $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.', 4187, $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.', 4187, $this->source); })())) != ""))) {
  6266.                 // line 4188
  6267.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6268. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">芝の幅";
  6269.                 // line 4189
  6270.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4189, $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.', 4189, $this->source); })()), "pw", [], "any", false, false, false, 4189))) {
  6271.                     echo ": <span>";
  6272.                     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.', 4189, $this->source); })()), "pw", [], "any", false, false, false, 4189), "html", null, true);
  6273.                     echo "</span>";
  6274.                 }
  6275.                 echo "</div>
  6276. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6277. \t\t\t\t\t\t\t    ";
  6278.                 // line 4191
  6279.                 $context["idx"] = 0;
  6280.                 // line 4192
  6281.                 echo "\t\t\t\t\t\t\t    ";
  6282.                 $context['_parent'] = $context;
  6283.                 $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.', 4192, $this->source); })()));
  6284.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  6285.                     if ($context["pw_val"]) {
  6286.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4192, $this->source); })()) + 1);
  6287.                         // line 4193
  6288.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6289.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4193, $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.', 4193, $this->source); })()), "pw", [], "any", false, false, false, 4193) == $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.', 4193, $this->source); })())) == 1))) {
  6290.                             echo " is-selected";
  6291.                         }
  6292.                         echo "\"
  6293. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw6_";
  6294.                         // line 4194
  6295.                         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.', 4194, $this->source); })()), "html", null, true);
  6296.                         echo "');\">
  6297. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_";
  6298.                         // line 4195
  6299.                         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.', 4195, $this->source); })()), "html", null, true);
  6300.                         echo "\" value=\"";
  6301.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6302.                         echo "\"
  6303. \t\t\t\t\t\t\t               ";
  6304.                         // line 4196
  6305.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4196, $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.', 4196, $this->source); })()), "pw", [], "any", false, false, false, 4196) == $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.', 4196, $this->source); })())) == 1))) {
  6306.                             echo "checked";
  6307.                         }
  6308.                         echo ">
  6309. \t\t\t\t\t\t\t        ";
  6310.                         // line 4197
  6311.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6312.                         echo "
  6313. \t\t\t\t\t\t\t      </label>
  6314. \t\t\t\t\t\t\t    ";
  6315.                     }
  6316.                 }
  6317.                 $_parent = $context['_parent'];
  6318.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  6319.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6320.                 // line 4200
  6321.                 echo "\t\t\t\t\t\t\t  </div>
  6322. \t\t\t\t\t\t\t</div>
  6323. \t\t\t\t\t\t\t";
  6324.             }
  6325.             // line 4203
  6326.             echo "
  6327. \t\t\t\t\t\t\t";
  6328.             // line 4205
  6329.             echo "\t\t\t\t\t\t\t";
  6330.             $context["_roll_h"] = (((array_key_exists("p_h", $context) && 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.', 4205, $this->source); })())))) ? (twig_first($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.', 4205, $this->source); })()))) : (""));
  6331.             // line 4206
  6332.             echo "\t\t\t\t\t\t\t";
  6333.             if ((isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4206, $this->source); })())) {
  6334.                 // line 4207
  6335.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6336. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">1ロールの長さ：<span style=\"font-weight:bold;\">";
  6337.                 // line 4208
  6338.                 if (twig_in_filter("cm", (isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4208, $this->source); })()))) {
  6339.                     echo twig_escape_filter($this->env, (twig_trim_filter(twig_replace_filter((isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4208, $this->source); })()), ["cm" => "", "," => ""])) / 100), "html", null, true);
  6340.                     echo "m";
  6341.                 } else {
  6342.                     echo twig_escape_filter($this->env, (isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4208, $this->source); })()), "html", null, true);
  6343.                 }
  6344.                 echo "</span></div>
  6345. \t\t\t\t\t\t\t</div>
  6346. \t\t\t\t\t\t\t";
  6347.             }
  6348.             // line 4211
  6349.             echo "
  6350. \t\t\t\t\t\t\t";
  6351.             // line 4214
  6352.             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)\">
  6353. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工サイズ</label>
  6354. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6355. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6356. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_len\" id=\"tf_len\"
  6357. \t\t\t\t\t\t\t        class=\"form-control\"
  6358. \t\t\t\t\t\t\t        value=\"";
  6359.             // line 4220
  6360.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_len", [], "any", true, true, false, 4220)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_len", [], "any", false, false, false, 4220), "")) : ("")), "html", null, true);
  6361.             echo "\"
  6362. \t\t\t\t\t\t\t        placeholder=\"縦\" min=\"0.1\" step=\"0.1\"
  6363. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_len','tf_len');\">
  6364. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m&nbsp;×</span>
  6365. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_wid\" id=\"tf_wid\"
  6366. \t\t\t\t\t\t\t        class=\"form-control\"
  6367. \t\t\t\t\t\t\t        value=\"";
  6368.             // line 4226
  6369.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_wid", [], "any", true, true, false, 4226)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_wid", [], "any", false, false, false, 4226), "")) : ("")), "html", null, true);
  6370.             echo "\"
  6371. \t\t\t\t\t\t\t        placeholder=\"横\" min=\"0.1\" step=\"0.1\"
  6372. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_wid','tf_wid');\">
  6373. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m</span>
  6374. \t\t\t\t\t\t\t    </div>
  6375. \t\t\t\t\t\t\t    ";
  6376.             // line 4232
  6377.             echo "\t\t\t\t\t\t\t    <input type=\"hidden\" name=\"area\" id=\"area\" value=\"";
  6378.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 4232)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 4232), "")) : ("")), "html", null, true);
  6379.             echo "\">
  6380. \t\t\t\t\t\t\t    ";
  6381.             // line 4235
  6382.             echo "\t\t\t\t\t\t\t    <div style=\"margin-top:10px;display:inline-block;background:#fff3cd;border:1px solid #ffe69c;border-radius:6px;padding:8px 14px;font-size:16px;color:#c00;font-weight:bold;\">
  6383. \t\t\t\t\t\t\t      必要枚数：<input type=\"number\" name=\"tf_qty\" id=\"tf_qty\"
  6384. \t\t\t\t\t\t\t        value=\"";
  6385.             // line 4237
  6386.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_qty", [], "any", true, true, false, 4237)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_qty", [], "any", false, false, false, 4237), "1")) : ("1")), "html", null, true);
  6387.             echo "\" min=\"1\" step=\"1\"
  6388. \t\t\t\t\t\t\t        style=\"width:80px;font-size:22px;font-weight:bold;color:#c00;text-align:right;border:1px solid #ffe69c;border-radius:4px;padding:2px 6px;\"
  6389. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_qty','tf_qty');\"> 枚
  6390. \t\t\t\t\t\t\t    </div>
  6391. \t\t\t\t\t\t\t    <div style=\"margin-top:6px;font-size:12px;color:#666;\">※ 施工サイズを入力すると必要枚数を自動計算します。サイズが分からない場合は枚数を直接ご指定ください。</div>
  6392. \t\t\t\t\t\t\t  </div>
  6393. \t\t\t\t\t\t\t</div>
  6395. \t\t\t\t\t\t";
  6396.         }
  6397.         // line 4246
  6398.         echo "
  6399. \t\t\t\t\t\t<!-- 7: 施工見積（数量買い・基本工事費固定） -->
  6400. \t\t\t\t\t\t";
  6401.         // line 4248
  6402.         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.', 4248, $this->source); })()), "SaleType", [], "any", false, false, false, 4248), "id", [], "any", false, false, false, 4248) == 7)) {
  6403.             // line 4249
  6404.             echo "\t\t\t\t\t\t\t";
  6405.             // line 4250
  6406.             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)\">
  6407. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">個数</label>
  6408. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6409. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6410. \t\t\t\t\t\t\t      <input type=\"number\" name=\"suuryou\" id=\"suuryou\" class=\"form-control\"
  6411. \t\t\t\t\t\t\t        value=\"";
  6412.             // line 4255
  6413.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "suuryou", [], "any", true, true, false, 4255)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "suuryou", [], "any", false, false, false, 4255), "1")) : ("1")), "html", null, true);
  6414.             echo "\" min=\"1\" max=\"100\"
  6415. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('suuryou','suuryou');\">
  6416. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6417. \t\t\t\t\t\t\t    </div>
  6418. \t\t\t\t\t\t\t  </div>
  6419. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6420. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"suuryou(+1);\">＋</button>
  6421. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"suuryou(-1);\">ー</button>
  6422. \t\t\t\t\t\t\t  </div>
  6423. \t\t\t\t\t\t\t</div>
  6424. \t\t\t\t\t\t";
  6425.         }
  6426.         // line 4266
  6427.         echo "
  6428. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  6429. \t\t\t\t\t\t";
  6430.         // line 4268
  6431.         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.', 4268, $this->source); })()), "SaleType", [], "any", false, false, false, 4268), "id", [], "any", false, false, false, 4268) == 9)) {
  6432.             // line 4269
  6433.             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)\">
  6434. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  6435. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6436. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6437. \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);\">
  6438. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6439. \t\t\t\t\t\t\t    </div>
  6440. \t\t\t\t\t\t\t  </div>
  6441. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6442. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  6443. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  6444. \t\t\t\t\t\t\t  </div>
  6445. \t\t\t\t\t\t\t</div>
  6446. \t\t\t\t\t\t";
  6447.         }
  6448.         // line 4283
  6449.         echo "
  6453. \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>
  6454. \t\t\t\t\t\t";
  6455.         // line 4291
  6456.         echo "\t\t\t\t\t\t";
  6457.         $context["is_gs"] = false;
  6458.         // line 4292
  6459.         echo "\t\t\t\t\t\t";
  6460.         $context["is_cg"] = false;
  6461.         // line 4293
  6462.         echo "\t\t\t\t\t\t";
  6463.         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.', 4293, $this->source); })()), "ProductCategories", [], "any", false, false, false, 4293))) {
  6464.             // line 4294
  6465.             echo "\t\t\t\t\t\t\t";
  6466.             $context['_parent'] = $context;
  6467.             $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.', 4294, $this->source); })()), "ProductCategories", [], "any", false, false, false, 4294));
  6468.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  6469.                 // line 4295
  6470.                 echo "\t\t\t\t\t\t\t\t";
  6471.                 if ((twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "category_id", [], "any", false, false, false, 4295) == 27)) {
  6472.                     $context["is_gs"] = true;
  6473.                 }
  6474.                 // line 4296
  6475.                 echo "\t\t\t\t\t\t\t\t";
  6476.                 if ((twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "category_id", [], "any", false, false, false, 4296) == 9)) {
  6477.                     $context["is_cg"] = true;
  6478.                 }
  6479.                 // line 4297
  6480.                 echo "\t\t\t\t\t\t\t";
  6481.             }
  6482.             $_parent = $context['_parent'];
  6483.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  6484.             $context = array_intersect_key($context, $_parent) + $_parent;
  6485.             // line 4298
  6486.             echo "\t\t\t\t\t\t";
  6487.         }
  6488.         // line 4299
  6489.         echo "\t\t\t\t\t\t";
  6490.         $context['_parent'] = $context;
  6491.         $context['_seq'] = twig_ensure_traversable(range(0, 10));
  6492.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  6493.             // line 4300
  6494.             echo "\t\t\t\t\t\t\t";
  6495.             if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4300, $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.', 4300, $this->source); })())) >= ($context["i"] + 1)))) {
  6496.                 // line 4301
  6497.                 echo "\t\t\t\t\t\t\t";
  6498.                 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.', 4301, $this->source); })()), $context["i"], [], "array", false, false, false, 4301), "name", [], "array", false, false, false, 4301)) {
  6499.                     // line 4302
  6500.                     echo "\t\t\t\t\t\t\t";
  6501.                     $context["hide_opt"] = false;
  6502.                     // line 4303
  6503.                     echo "\t\t\t\t\t\t\t";
  6504.                     if (((isset($context["is_gs"]) || array_key_exists("is_gs", $context) ? $context["is_gs"] : (function () { throw new RuntimeError('Variable "is_gs" does not exist.', 4303, $this->source); })()) && (preg_match("/撤去/", 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.', 4303, $this->source); })()), $context["i"], [], "array", false, false, false, 4303), "name", [], "array", false, false, false, 4303)) || preg_match("/残土/", 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.', 4303, $this->source); })()), $context["i"], [], "array", false, false, false, 4303), "name", [], "array", false, false, false, 4303))))) {
  6505.                         // line 4304
  6506.                         echo "\t\t\t\t\t\t\t\t";
  6507.                         $context["hide_opt"] = true;
  6508.                         // line 4305
  6509.                         echo "\t\t\t\t\t\t\t";
  6510.                     }
  6511.                     // line 4306
  6512.                     echo "\t\t\t\t\t\t\t";
  6513.                     if (((isset($context["is_cg"]) || array_key_exists("is_cg", $context) ? $context["is_cg"] : (function () { throw new RuntimeError('Variable "is_cg" does not exist.', 4306, $this->source); })()) && preg_match("/残土/", 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.', 4306, $this->source); })()), $context["i"], [], "array", false, false, false, 4306), "name", [], "array", false, false, false, 4306)))) {
  6514.                         // line 4307
  6515.                         echo "\t\t\t\t\t\t\t\t";
  6516.                         $context["hide_opt"] = true;
  6517.                         // line 4308
  6518.                         echo "\t\t\t\t\t\t\t";
  6519.                     }
  6520.                     // line 4309
  6521.                     echo "\t\t\t\t\t\t\t";
  6522.                     if ( !(isset($context["hide_opt"]) || array_key_exists("hide_opt", $context) ? $context["hide_opt"] : (function () { throw new RuntimeError('Variable "hide_opt" does not exist.', 4309, $this->source); })())) {
  6523.                         // line 4310
  6524.                         echo "\t\t\t\t\t\t\t";
  6525.                         // line 4312
  6526.                         echo "\t\t\t\t\t\t\t";
  6527.                         $context["is_removal_unknown"] = (((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4312), "price", [], "array", true, true, false, 4312)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4312), "price", [], "array", false, false, false, 4312), 0)) : (0)) == 0) || (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4312), "price", [], "array", true, true, false, 4312)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4312), "price", [], "array", false, false, false, 4312), "0")) : ("0")) == "0")) && ((preg_match("/解体/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 4313
  6528. (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4313, $this->source); })()), $context["i"], [], "array", false, false, false, 4313), "name", [], "array", false, false, false, 4313)) || preg_match("/撤去/", 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.', 4313, $this->source); })()), $context["i"], [], "array", false, false, false, 4313), "name", [], "array", false, false, false, 4313))) || preg_match("/設置場所/", 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.', 4313, $this->source); })()), $context["i"], [], "array", false, false, false, 4313), "name", [], "array", false, false, false, 4313))));
  6529.                         // line 4314
  6530.                         echo "\t\t\t\t\t\t\t";
  6531.                         // line 4315
  6532.                         echo "\t\t\t\t\t\t\t";
  6533.                         $context["is_tf_kouji"] = ((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.', 4315, $this->source); })()), "SaleType", [], "any", false, false, false, 4315), "id", [], "any", false, false, false, 4315) == 6) && preg_match("/取り付け工事/", 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.', 4315, $this->source); })()), $context["i"], [], "array", false, false, false, 4315), "name", [], "array", false, false, false, 4315)));
  6534.                         // line 4316
  6535.                         echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" data-op-idx=\"";
  6536.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6537.                         echo "\" data-op-name=\"";
  6538.                         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.', 4316, $this->source); })()), $context["i"], [], "array", false, false, false, 4316), "name", [], "array", false, false, false, 4316), "html_attr");
  6539.                         echo "\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6541. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  6542.                         // line 4318
  6543.                         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.', 4318, $this->source); })()), $context["i"], [], "array", false, false, false, 4318), "name", [], "array", false, false, false, 4318), "html", null, true);
  6544.                         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4318, $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.', 4318, $this->source); })()), "op", [], "any", false, false, false, 4318), $context["i"], [], "array", false, false, false, 4318))) {
  6545.                             echo ": <span>";
  6546.                             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.', 4318, $this->source); })()), "op", [], "any", false, false, false, 4318), $context["i"], [], "array", false, false, false, 4318), "html", null, true);
  6547.                             echo "</span>";
  6548.                         }
  6549.                         echo "</div>
  6550. \t\t\t\t\t\t\t  ";
  6551.                         // line 4319
  6552.                         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.', 4319, $this->source); })()), $context["i"], [], "array", false, false, false, 4319), "comment", [], "array", false, false, false, 4319)) {
  6553.                             echo "<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">";
  6554.                             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.', 4319, $this->source); })()), $context["i"], [], "array", false, false, false, 4319), "comment", [], "array", false, false, false, 4319), "html", null, true);
  6555.                             echo "</div>";
  6556.                         }
  6557.                         // line 4320
  6558.                         echo "\t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6559. \t\t\t\t\t\t\t    ";
  6560.                         // line 4323
  6561.                         echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6562.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4323, $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.', 4323, $this->source); })()), "op", [], "any", false, false, false, 4323), $context["i"], [], "array", false, false, false, 4323) == 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.', 4323, $this->source); })()), $context["i"], [], "array", false, false, false, 4323), "on", [], "array", false, false, false, 4323))) ||  !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.', 4323, $this->source); })()), $context["i"], [], "array", false, false, false, 4323), "off", [], "array", false, false, false, 4323))) {
  6563.                             echo " is-selected";
  6564.                         }
  6565.                         echo "\"
  6566. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  6567.                         // line 4324
  6568.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6569.                         echo "','op";
  6570.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6571.                         echo "_1');\">
  6572. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  6573.                         // line 4325
  6574.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6575.                         echo "\" id=\"op";
  6576.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6577.                         echo "_1\" value=\"";
  6578.                         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.', 4325, $this->source); })()), $context["i"], [], "array", false, false, false, 4325), "on", [], "array", false, false, false, 4325), "html", null, true);
  6579.                         echo "\" ";
  6580.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4325, $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.', 4325, $this->source); })()), "op", [], "any", false, false, false, 4325), $context["i"], [], "array", false, false, false, 4325) == 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.', 4325, $this->source); })()), $context["i"], [], "array", false, false, false, 4325), "on", [], "array", false, false, false, 4325))) ||  !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.', 4325, $this->source); })()), $context["i"], [], "array", false, false, false, 4325), "off", [], "array", false, false, false, 4325))) {
  6581.                             echo "checked";
  6582.                         }
  6583.                         echo ">
  6584. \t\t\t\t\t\t\t      ";
  6585.                         // line 4326
  6586.                         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.', 4326, $this->source); })()), $context["i"], [], "array", false, false, false, 4326), "on", [], "array", false, false, false, 4326), "html", null, true);
  6587.                         echo "
  6588. \t\t\t\t\t\t\t    </label>
  6589. \t\t\t\t\t\t\t    ";
  6590.                         // line 4328
  6591.                         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.', 4328, $this->source); })()), $context["i"], [], "array", false, false, false, 4328), "off", [], "array", false, false, false, 4328)) {
  6592.                             // line 4329
  6593.                             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6594.                             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4329, $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.', 4329, $this->source); })()), "op", [], "any", false, false, false, 4329), $context["i"], [], "array", false, false, false, 4329) == 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.', 4329, $this->source); })()), $context["i"], [], "array", false, false, false, 4329), "off", [], "array", false, false, false, 4329)))) {
  6595.                                 echo " is-selected";
  6596.                             }
  6597.                             echo "\"
  6598. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  6599.                             // line 4330
  6600.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6601.                             echo "','op";
  6602.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6603.                             echo "_2');\">
  6604. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  6605.                             // line 4331
  6606.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6607.                             echo "\" id=\"op";
  6608.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6609.                             echo "_2\" value=\"";
  6610.                             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.', 4331, $this->source); })()), $context["i"], [], "array", false, false, false, 4331), "off", [], "array", false, false, false, 4331), "html", null, true);
  6611.                             echo "\" ";
  6612.                             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4331, $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.', 4331, $this->source); })()), "op", [], "any", false, false, false, 4331), $context["i"], [], "array", false, false, false, 4331) == 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.', 4331, $this->source); })()), $context["i"], [], "array", false, false, false, 4331), "off", [], "array", false, false, false, 4331)))) {
  6613.                                 echo "checked";
  6614.                             }
  6615.                             echo ">
  6616. \t\t\t\t\t\t\t      ";
  6617.                             // line 4332
  6618.                             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.', 4332, $this->source); })()), $context["i"], [], "array", false, false, false, 4332), "off", [], "array", false, false, false, 4332), "html", null, true);
  6619.                             echo "
  6620. \t\t\t\t\t\t\t    </label>
  6621. \t\t\t\t\t\t\t    ";
  6622.                         }
  6623.                         // line 4335
  6624.                         echo "\t\t\t\t\t\t\t  </div>
  6625. \t\t\t\t\t\t\t  ";
  6626.                         // line 4336
  6627.                         if (((isset($context["is_removal_unknown"]) || array_key_exists("is_removal_unknown", $context) ? $context["is_removal_unknown"] : (function () { throw new RuntimeError('Variable "is_removal_unknown" does not exist.', 4336, $this->source); })()) || (isset($context["is_tf_kouji"]) || array_key_exists("is_tf_kouji", $context) ? $context["is_tf_kouji"] : (function () { throw new RuntimeError('Variable "is_tf_kouji" does not exist.', 4336, $this->source); })()))) {
  6628.                             // line 4337
  6629.                             echo "\t\t\t\t\t\t\t  <div class=\"opt-survey-note\" data-op-idx=\"";
  6630.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6631.                             echo "\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6632.                             if ( !((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4337, $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.', 4337, $this->source); })()), "op", [], "any", false, false, false, 4337), $context["i"], [], "array", false, false, false, 4337) == 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.', 4337, $this->source); })()), $context["i"], [], "array", false, false, false, 4337), "on", [], "array", false, false, false, 4337)))) {
  6633.                                 echo "display:none;";
  6634.                             }
  6635.                             echo "\">
  6636. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6637. \t\t\t\t\t\t\t  </div>
  6638. \t\t\t\t\t\t\t  ";
  6639.                         }
  6640.                         // line 4341
  6641.                         echo "\t\t\t\t\t\t\t</div>
  6642. \t\t\t\t\t\t\t";
  6643.                     }
  6644.                     // line 4343
  6645.                     echo "\t\t\t\t\t\t\t";
  6646.                 }
  6647.                 // line 4344
  6648.                 echo "\t\t\t\t\t\t\t";
  6649.             }
  6650.             // line 4345
  6651.             echo "\t\t\t\t\t\t";
  6652.         }
  6653.         $_parent = $context['_parent'];
  6654.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  6655.         $context = array_intersect_key($context, $_parent) + $_parent;
  6656.         // line 4346
  6657.         echo "
  6658. \t\t\t\t\t\t";
  6659.         // line 4350
  6660.         echo "\t\t\t\t\t\t";
  6661.         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.', 4350, $this->source); })()), "SaleType", [], "any", false, false, false, 4350), "id", [], "any", false, false, false, 4350) == 4) && (isset($context["oi"]) || array_key_exists("oi", $context) ? $context["oi"] : (function () { throw new RuntimeError('Variable "oi" does not exist.', 4350, $this->source); })())) && twig_get_attribute($this->env, $this->source, (isset($context["oi"]) || array_key_exists("oi", $context) ? $context["oi"] : (function () { throw new RuntimeError('Variable "oi" does not exist.', 4350, $this->source); })()), "fe_block", [], "any", false, false, false, 4350))) {
  6662.             // line 4351
  6663.             echo "\t\t\t\t\t\t<div id=\"fe-block-options\" class=\"form-group mt-3 pb-3\" style=\"display:none;border-bottom:1px solid rgba(0,0,0,.125)\"></div>
  6664. \t\t\t\t\t\t";
  6665.         }
  6666.         // line 4353
  6667.         echo "
  6668. \t\t\t\t\t  </div>
  6669. \t\t\t\t\t  <!-- /.card-body -->
  6670. \t\t\t\t\t</div>
  6673.                     <form action=\"";
  6674.         // line 4359
  6675.         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.', 4359, $this->source); })()), "id", [], "any", false, false, false, 4359)]), "html", null, true);
  6676.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  6677.                         ";
  6678.         // line 4360
  6679.         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.', 4360, $this->source); })()), "stock_find", [], "any", false, false, false, 4360)) {
  6680.             // line 4361
  6681.             echo "                            <div class=\"ec-productRole__actions\">
  6682.                                 ";
  6683.             // line 4362
  6684.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 4362)) {
  6685.                 // line 4363
  6686.                 echo "                                    <div class=\"ec-select\">
  6687.                                         ";
  6688.                 // line 4364
  6689.                 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.', 4364, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 4364), 'row');
  6690.                 echo "
  6691.                                         ";
  6692.                 // line 4365
  6693.                 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.', 4365, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 4365), 'errors');
  6694.                 echo "
  6695.                                     </div>
  6696.                                     ";
  6697.                 // line 4367
  6698.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 4367)) {
  6699.                     // line 4368
  6700.                     echo "                                        <div class=\"ec-select\">
  6701.                                             ";
  6702.                     // line 4369
  6703.                     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.', 4369, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 4369), 'row');
  6704.                     echo "
  6705.                                             ";
  6706.                     // line 4370
  6707.                     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.', 4370, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 4370), 'errors');
  6708.                     echo "
  6709.                                         </div>
  6710.                                     ";
  6711.                 }
  6712.                 // line 4373
  6713.                 echo "                                ";
  6714.             }
  6715.             // line 4374
  6716.             echo "                                <div class=\"ec-numberInput\">
  6717.                                     ";
  6718.             // line 4375
  6719.             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.', 4375, $this->source); })()), "quantity", [], "any", false, false, false, 4375), 'widget', ["type" => "hidden"]);
  6720.             echo "
  6721.                                     ";
  6722.             // line 4376
  6723.             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.', 4376, $this->source); })()), "quantity", [], "any", false, false, false, 4376), 'errors');
  6724.             echo "
  6725.                                 </div>
  6726.                             </div>
  6728.                         ";
  6729.         } else {
  6730.             // line 4381
  6731.             echo "                            <div class=\"ec-productRole__btn\">
  6732.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  6733.                                     ";
  6734.             // line 4383
  6735.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  6736.             echo "
  6737.                                 </button>
  6738.                             </div>
  6739.                         ";
  6740.         }
  6741.         // line 4387
  6742.         echo "                        <div class=\"ec-productRole__btn mt-3\">
  6743.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  6744.                         </div>
  6745.                         ";
  6746.         // line 4390
  6747.         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.', 4390, $this->source); })()), 'rest');
  6748.         echo "
  6749.                     </form>
  6750.                     <div class=\"ec-modal add-cart-modal\">
  6751.                         <div class=\"ec-modal-overlay\">
  6752.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  6753.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  6754.         // line 4395
  6755.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  6756.         echo "\" alt=\"\"/></span></span>
  6757.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">";
  6758.         // line 4396
  6759.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  6760.         echo "</div>
  6761.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  6762.                                     <div class=\"ec-role add-cart-modal__actions\">
  6763.                                         <a href=\"";
  6764.         // line 4399
  6765.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  6766.         echo "\" class=\"ec-inlineBtn--action add-cart-modal__primary\">";
  6767.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに進む"), "html", null, true);
  6768.         echo "</a>
  6769.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">";
  6770.         // line 4400
  6771.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品検索を続ける"), "html", null, true);
  6772.         echo "</span>
  6773.                                     </div>
  6774.                                 </div>
  6775.                             </div>
  6776.                         </div>
  6777.                     </div>
  6778.                     <div class=\"ec-productRole__description\">";
  6779.         // line 4406
  6780.         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.', 4406, $this->source); })()), "description_detail", [], "any", false, false, false, 4406));
  6781.         echo "
  6782.                     </div>
  6784.                     ";
  6785.         // line 4410
  6786.         echo "                    <div class=\"ec-productRole__share\">
  6787.                         <ul class=\"ec-share\">
  6788.                             <li class=\"ec-share__item\">
  6789.                                 <a href=\"https://twitter.com/share?url=";
  6790.         // line 4413
  6791.         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.', 4413, $this->source); })()), "request", [], "any", false, false, false, 4413), "uri", [], "any", false, false, false, 4413)), "html", null, true);
  6792.         echo "&text=";
  6793.         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.', 4413, $this->source); })()), "name", [], "any", false, false, false, 4413)), "html", null, true);
  6794.         echo "\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  6795.                                     <i class=\"fab fa-twitter\"></i>
  6796.                                 </a>
  6797.                             </li>
  6798.                             <li class=\"ec-share__item\">
  6799.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u=";
  6800.         // line 4418
  6801.         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.', 4418, $this->source); })()), "request", [], "any", false, false, false, 4418), "uri", [], "any", false, false, false, 4418)), "html", null, true);
  6802.         echo "\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  6803.                                     <i class=\"fab fa-facebook-f\"></i>
  6804.                                 </a>
  6805.                             </li>
  6806.                             <li class=\"ec-share__item\">
  6807.                                 <a href=\"https://social-plugins.line.me/lineit/share?url=";
  6808.         // line 4423
  6809.         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.', 4423, $this->source); })()), "request", [], "any", false, false, false, 4423), "uri", [], "any", false, false, false, 4423)), "html", null, true);
  6810.         echo "\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  6811.                                     <i class=\"fab fa-line\"></i>
  6812.                                 </a>
  6813.                             </li>
  6814.                         </ul>
  6815.                     </div>
  6816.                 </div>
  6817. \t\t\t\t";
  6818.         // line 4431
  6819.         echo "\t\t\t\t<div id=\"sp-mitsumori-bar\">
  6820. \t\t\t\t    <div class=\"sp-bar__pricewrap\">
  6821. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  6822. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  6823. \t\t\t\t    </div>
  6824. \t\t\t\t    <button type=\"button\" class=\"sp-bar__detail-btn\"
  6825. \t\t\t\t            onclick=\"openSpMitsumoriDetail();\" title=\"お見積りの詳細（内訳）を表示\">
  6826. \t\t\t\t        <i class=\"far fa-file-alt\"></i>
  6827. \t\t\t\t        <span>詳細</span>
  6828. \t\t\t\t    </button>
  6829. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  6830. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  6831. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  6832. \t\t\t\t        <span class=\"sp-bar__btn-label\">カートへ</span>
  6833. \t\t\t\t        ";
  6834.         // line 4445
  6835.         $context["spTotalQty"] = $this->extensions['Eccube\Twig\Extension\CartServiceExtension']->get_carts_total_quantity();
  6836.         // line 4446
  6837.         echo "\t\t\t\t        ";
  6838.         if (((isset($context["spTotalQty"]) || array_key_exists("spTotalQty", $context) ? $context["spTotalQty"] : (function () { throw new RuntimeError('Variable "spTotalQty" does not exist.', 4446, $this->source); })()) > 0)) {
  6839.             // line 4447
  6840.             echo "\t\t\t\t            <span class=\"sp-bar__cart-badge\">";
  6841.             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.', 4447, $this->source); })())), "html", null, true);
  6842.             echo "</span>
  6843. \t\t\t\t        ";
  6844.         }
  6845.         // line 4449
  6846.         echo "\t\t\t\t    </button>
  6847. \t\t\t\t    <a href=\"";
  6848.         // line 4450
  6849.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  6850.         echo "\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  6851. \t\t\t\t        <i class=\"fas fa-home\"></i>
  6852. \t\t\t\t    </a>
  6853. \t\t\t\t</div>
  6855. \t\t\t\t";
  6856.         // line 4456
  6857.         echo "\t\t\t\t";
  6858.         // line 4458
  6859.         echo "\t\t\t\t<div id=\"sp-mitsumori-detail\" class=\"sp-detail-sheet\" aria-hidden=\"true\">
  6860. \t\t\t\t    <div class=\"sp-detail-sheet__overlay\" onclick=\"closeSpMitsumoriDetail();\"></div>
  6861. \t\t\t\t    <div class=\"sp-detail-sheet__panel\" role=\"dialog\" aria-label=\"お見積りの詳細\">
  6862. \t\t\t\t        <div class=\"sp-detail-sheet__header\">
  6863. \t\t\t\t            <span class=\"sp-detail-sheet__title\">お見積りの詳細</span>
  6864. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__close\" onclick=\"closeSpMitsumoriDetail();\" aria-label=\"閉じる\">&times;</button>
  6865. \t\t\t\t        </div>
  6866. \t\t\t\t        <div class=\"sp-detail-sheet__body\" id=\"sp-detail-body\"></div>
  6867. \t\t\t\t        <div class=\"sp-detail-sheet__footer\">
  6868. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__invoice\"
  6869. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('mitsumori_btn') && document.getElementById('mitsumori_btn').click();\">見積書を表示</button>
  6870. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__cart\"
  6871. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">カートに入れる</button>
  6872. \t\t\t\t        </div>
  6873. \t\t\t\t    </div>
  6874. \t\t\t\t</div>
  6876. \t\t\t\t";
  6877.         // line 4476
  6878.         echo "\t\t\t\t<div id=\"tg-options\" class=\"tg-options-container col-12\"></div>
  6880. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  6881. \t\t\t\t\t<div class=\"card-header\">
  6882. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  6883. \t\t\t\t\t  <div class=\"card-tools\">
  6884. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  6885. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  6886. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  6887. \t\t\t\t\t    </button>
  6888. \t\t\t\t\t  </div>
  6889. \t\t\t\t\t</div>
  6890. \t\t\t\t\t<div class=\"card-body p-0\">
  6891. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  6892. \t\t\t\t\t    <li class=\"nav-item active\">
  6893. \t\t\t\t\t      <a class=\"nav-link\">
  6894. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  6895. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  6896. \t\t\t\t\t      </a>
  6897. \t\t\t\t\t    </li>
  6898. \t\t\t\t\t    <li class=\"nav-item active\">
  6899. \t\t\t\t\t      <a class=\"nav-link\">
  6900. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  6901. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  6902. \t\t\t\t\t      </a>
  6903. \t\t\t\t\t    </li>
  6904. \t\t\t\t\t    ";
  6905.         // line 4503
  6906.         echo "\t\t\t\t\t    ";
  6907.         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.', 4503, $this->source); })()), "SaleType", [], "any", false, false, false, 4503), "id", [], "any", false, false, false, 4503) != 2)) {
  6908.             // line 4504
  6909.             echo "\t\t\t\t\t    <li class=\"nav-item\">
  6910. \t\t\t\t\t      <a class=\"nav-link\">
  6911. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  6912. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  6913. \t\t\t\t\t      </a>
  6914. \t\t\t\t\t    </li>
  6915. \t\t\t\t\t    ";
  6916.         } else {
  6917.             // line 4511
  6918.             echo "\t\t\t\t\t    ";
  6919.             // line 4512
  6920.             echo "\t\t\t\t\t    <span id=\"maker_price\" style=\"display:none;\">---円</span>
  6921. \t\t\t\t\t    ";
  6922.         }
  6923.         // line 4514
  6924.         echo "\t\t\t\t\t    <li class=\"nav-item\">
  6925. \t\t\t\t\t      <a class=\"nav-link\">
  6926. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i>
  6927. \t\t\t\t\t        ";
  6928.         // line 4517
  6929.         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.', 4517, $this->source); })()), "SaleType", [], "any", false, false, false, 4517), "id", [], "any", false, false, false, 4517) == 2)) {
  6930.             echo "補助金（割引額）";
  6931.         } else {
  6932.             echo "お値引き";
  6933.         }
  6934.         // line 4518
  6935.         echo "\t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  6936. \t\t\t\t\t      </a>
  6937. \t\t\t\t\t    </li>
  6938. \t\t\t\t\t    ";
  6939.         // line 4522
  6940.         echo "\t\t\t\t\t    ";
  6941.         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.', 4522, $this->source); })()), "SaleType", [], "any", false, false, false, 4522), "id", [], "any", false, false, false, 4522) == 2)) {
  6942.             // line 4523
  6943.             echo "\t\t\t\t\t    <li class=\"nav-item\">
  6944. \t\t\t\t\t      <div style=\"padding:4px 12px 8px;color:#6c757d;font-size:11px;line-height:1.4;\">
  6945. \t\t\t\t\t        ※当店が補助金事業者として申請代行し、契約代金に充当します
  6946. \t\t\t\t\t      </div>
  6947. \t\t\t\t\t    </li>
  6948. \t\t\t\t\t    ";
  6949.         }
  6950.         // line 4529
  6951.         echo "\t\t\t\t\t    <li class=\"nav-item\">
  6952. \t\t\t\t\t      <a class=\"nav-link\">
  6953. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  6954. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  6955. \t\t\t\t\t      </a>
  6956. \t\t\t\t\t    </li>
  6957. \t\t\t\t\t    <li class=\"nav-item\">
  6958. \t\t\t\t\t      <a class=\"nav-link\">
  6959. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  6960. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  6961. \t\t\t\t\t      </a>
  6962. \t\t\t\t\t    </li>
  6963. \t\t\t\t\t  </ul>
  6964. \t\t\t\t\t</div>
  6965. \t\t\t\t\t<div class=\"card-footer\">
  6966. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  6967. \t\t                  見積書表示
  6968. \t\t                </button>
  6969.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  6971. \t\t\t\t\t</div>
  6972. \t\t\t\t</div>
  6973.             </div>
  6975.         </div>
  6977.     </div>
  6979.   <div class=\"modal\" id=\"modal-mitsumori\">
  6980.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  6981.       <div class=\"modal-content\">
  6982.         <div class=\"modal-header\">
  6983.           <h4 class=\"modal-title\">お見積書</h4>
  6984.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  6985.             <span aria-hidden=\"true\">&times;</span>
  6986.           </button>
  6987.         </div>
  6988.         <div class=\"modal-body\">
  6989. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  6990. \t\t\t  <!-- title row -->
  6991. \t\t\t  <div class=\"row\">
  6992. \t\t\t    <div class=\"col-12\">
  6993. \t\t\t      <h2>概算お見積書 
  6994. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  6995. \t\t\t      </h2>
  6996. \t\t\t    </div>
  6997. \t\t\t    <!-- /.col -->
  6998. \t\t\t  </div>
  6999. \t\t\t  <!-- info row -->
  7000. \t\t\t  <div class=\"row invoice-info\">
  7001. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  7002. \t\t\t      <h3>お客様</h3>
  7003. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  7004. \t\t\t      <br />
  7005. \t\t\t      <br / >
  7006. \t\t\t      <br />
  7007. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  7008. \t\t\t      <span>
  7009. \t\t\t        <br/>
  7010. \t\t\t        <br/>
  7011. \t\t\t        <br/>
  7012. \t\t\t        <br/>
  7013. \t\t\t      </span>
  7014. \t\t\t    </div>
  7015. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  7016. \t\t\t      <p>
  7017. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  7018. \t\t\t      </p>
  7019. \t\t\t      <p>有限会社プラス</p>
  7020. \t\t\t      <p>〒400-0334</p>
  7021. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  7022. \t\t\t      <p>TEL: 055-284-6480</p>
  7023. \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;\">
  7024. \t\t\t    </div>
  7025. \t\t\t    <!-- /.col -->
  7026. \t\t\t    <!-- /.col -->
  7027. \t\t\t  </div>
  7028. \t\t\t  <!-- /.row -->
  7029. \t\t\t  <!-- Table row -->
  7030. \t\t\t  <div class=\"row\">
  7031. \t\t\t    <div class=\"col-12 table-responsive\">
  7032. \t\t\t      <table class=\"table table-striped\">
  7033. \t\t\t        <thead>
  7034. \t\t\t          <tr>
  7035. \t\t\t            <th>項目</th>
  7036. \t\t\t            <th>数量</th>
  7037. \t\t\t            <th>単位</th>
  7038. \t\t\t            <th>単価</th>
  7039. \t\t\t            <th>小計</th>
  7040. \t\t\t          </tr>
  7041. \t\t\t        </thead>
  7042. \t\t\t        <tbody>
  7043. \t\t\t          <tr>
  7044. \t\t\t            <td id=\"mitsumori_item_name\">";
  7045.         // line 4622
  7046.         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.', 4622, $this->source); })()), "name", [], "any", false, false, false, 4622), "html", null, true);
  7047.         echo "</td>
  7048. \t\t\t            <td>1</td>
  7049. \t\t\t            <td>式</td>
  7050. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  7051. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  7052. \t\t\t          </tr>
  7053. \t\t\t          <tr>
  7054. \t\t\t            <td>基本工事費</td>
  7055. \t\t\t            <td>1</td>
  7056. \t\t\t            <td>式</td>
  7057. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  7058. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  7059. \t\t\t          </tr>
  7060. \t\t\t          <tr>
  7061. \t\t\t            <td>残土・ガラ処理</td>
  7062. \t\t\t            <td>1</td>
  7063. \t\t\t            <td>式</td>
  7064. \t\t\t            <td>0円</td>
  7065. \t\t\t            <td></td>
  7066. \t\t\t          </tr>
  7067. \t\t\t          <tr>
  7068. \t\t\t            <td>　</td>
  7069. \t\t\t            <td></td>
  7070. \t\t\t            <td></td>
  7071. \t\t\t            <td></td>
  7072. \t\t\t            <td></td>
  7073. \t\t\t          </tr>
  7074. \t\t\t        </tbody>
  7075. \t\t\t      </table>
  7076. \t\t\t    </div>
  7077. \t\t\t    <!-- /.col -->
  7078. \t\t\t  </div>
  7079. \t\t\t  <!-- /.row -->
  7080. \t\t\t  <div class=\"row\">
  7081. \t\t\t    <!-- accepted payments column -->
  7082. \t\t\t    <div class=\"col-6\">
  7083. \t\t\t      <p class=\"lead\">お支払い方法</p>
  7084. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  7085. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  7086. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  7087. \t\t\t      </p>
  7088. \t\t\t    </div>
  7089. \t\t\t    <!-- /.col -->
  7090. \t\t\t    <div class=\"col-6\">
  7091. \t\t\t      <div class=\"table-responsive\">
  7092. \t\t\t        <table class=\"table\">
  7093. \t\t\t          <tbody>
  7094. \t\t\t            <tr>
  7095. \t\t\t              <th style=\"width:50%\">小計:</th>
  7096. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  7097. \t\t\t            </tr>
  7098. \t\t\t            <tr>
  7099. \t\t\t              <th>消費税 (10%)</th>
  7100. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  7101. \t\t\t            </tr>
  7102. \t\t\t            <tr>
  7103. \t\t\t              <th>合計:</th>
  7104. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  7105. \t\t\t            </tr>
  7106. \t\t\t          </tbody>
  7107. \t\t\t        </table>
  7108. \t\t\t      </div>
  7109. \t\t\t    </div>
  7110. \t\t\t    <!-- /.col -->
  7111. \t\t\t  </div>
  7112. \t\t\t  <!-- /.row -->
  7113. \t\t\t</div>
  7114.         </div>
  7115.         <div class=\"modal-footer justify-content-between\">
  7116. \t\t\t      ";
  7117.         // line 4692
  7118.         echo "\t\t\t      <form method=\"post\" action=\"";
  7119.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mitsumori_pdf");
  7120.         echo "\" target=\"_blank\" id=\"pdf_download_form\">
  7121. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"";
  7122.         // line 4693
  7123.         echo twig_escape_filter($this->env, $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderCsrfToken("mitsumori_pdf"), "html", null, true);
  7124.         echo "\">
  7125. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  7126. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  7127. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  7128. \t\t\t        </button>
  7129. \t\t\t      </form>
  7130.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  7131.         </div>
  7132.       </div>
  7133.       <!-- /.modal-content -->
  7134.     </div>
  7135.     <!-- /.modal-dialog -->
  7136.   </div>
  7137.   <!-- /.modal -->
  7139.     <!-- Image zoom modal: custom lightweight lightbox (no CDN dependency) -->
  7140.     <div id=\"img-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"画像拡大\">
  7141.         <button id=\"img-modal__close\" aria-label=\"閉じる\">&times;</button>
  7142.         <button id=\"img-modal__prev\" aria-label=\"前の画像\">&#10094;</button>
  7143.         <img id=\"img-modal__img\" src=\"\" alt=\"\">
  7144.         <button id=\"img-modal__next\" aria-label=\"次の画像\">&#10095;</button>
  7145.     </div>
  7146.     <style>
  7147.     #img-modal {
  7148.         display: none;
  7149.         position: fixed;
  7150.         inset: 0;
  7151.         z-index: 9999;
  7152.         background: rgba(0,0,0,0.88);
  7153.         align-items: center;
  7154.         justify-content: center;
  7155.         cursor: zoom-out;
  7156.     }
  7157.     #img-modal.is-open { display: flex; }
  7158.     #img-modal__img {
  7159.         max-width: 92vw;
  7160.         max-height: 88vh;
  7161.         object-fit: contain;
  7162.         border-radius: 4px;
  7163.         cursor: default;
  7164.         user-select: none;
  7165.         touch-action: pinch-zoom;
  7166.         display: block;
  7167.     }
  7168.     #img-modal__close {
  7169.         position: absolute;
  7170.         top: 14px;
  7171.         right: 18px;
  7172.         font-size: 38px;
  7173.         color: #fff;
  7174.         cursor: pointer;
  7175.         background: none;
  7176.         border: none;
  7177.         padding: 0;
  7178.         line-height: 1;
  7179.         z-index: 1;
  7180.         opacity: 0.85;
  7181.     }
  7182.     #img-modal__close:hover { opacity: 1; }
  7183.     #img-modal__prev,
  7184.     #img-modal__next {
  7185.         position: absolute;
  7186.         top: 50%;
  7187.         transform: translateY(-50%);
  7188.         font-size: 36px;
  7189.         color: #fff;
  7190.         cursor: pointer;
  7191.         background: rgba(0,0,0,0.32);
  7192.         border: none;
  7193.         padding: 10px 16px;
  7194.         line-height: 1;
  7195.         border-radius: 6px;
  7196.         z-index: 1;
  7197.         opacity: 0.8;
  7198.         user-select: none;
  7199.     }
  7200.     #img-modal__prev:hover, #img-modal__next:hover { opacity: 1; }
  7201.     #img-modal__prev { left: 12px; }
  7202.     #img-modal__next { right: 12px; }
  7203.     @media (max-width: 767px) {
  7204.         #img-modal__prev, #img-modal__next { font-size: 28px; padding: 8px 12px; }
  7205.     }
  7206.     </style>
  7207.     <script>
  7208.     (function(){
  7209.         var images = [];
  7210.         var current = 0;
  7212.         // Collect original (non-cloned) slide images at click time.
  7213.         // After Slick init, slides are wrapped in .slick-slide; clones have .slick-cloned.
  7214.         function collectImages() {
  7215.             images = [];
  7216.             var \$slides = \$('.item_visual .slick-slide:not(.slick-cloned)');
  7217.             if (!\$slides.length) {
  7218.                 // Slick not yet initialized (fallback)
  7219.                 \$slides = \$('.item_visual .slide-item');
  7220.             }
  7221.             \$slides.each(function() {
  7222.                 var \$a = \$(this).find('a.js-zoom');
  7223.                 if (\$a.length) {
  7224.                     images.push({ src: \$a.attr('href'), alt: \$a.find('img').attr('alt') || '' });
  7225.                 }
  7226.             });
  7227.         }
  7229.         function showImage(idx) {
  7230.             current = ((idx % images.length) + images.length) % images.length;
  7231.             \$('#img-modal__img').attr({ src: images[current].src, alt: images[current].alt });
  7232.         }
  7234.         function openModal(href) {
  7235.             collectImages();
  7236.             if (!images.length) return;
  7237.             var idx = 0;
  7238.             for (var i = 0; i < images.length; i++) {
  7239.                 if (images[i].src === href) { idx = i; break; }
  7240.             }
  7241.             showImage(idx);
  7242.             \$('#img-modal').addClass('is-open');
  7243.             \$('body').css('overflow', 'hidden');
  7244.         }
  7246.         function closeModal() {
  7247.             \$('#img-modal').removeClass('is-open');
  7248.             \$('body').css('overflow', '');
  7249.         }
  7251.         // Click handler: works for both original and Slick-cloned anchors
  7252.         \$(document).on('click', '.item_visual a.js-zoom', function(e) {
  7253.             e.preventDefault();
  7254.             openModal(\$(this).attr('href'));
  7255.         });
  7257.         // Close on backdrop click
  7258.         \$('#img-modal').on('click', function(e) {
  7259.             if (e.target === this) closeModal();
  7260.         });
  7261.         \$('#img-modal__close').on('click', closeModal);
  7262.         \$('#img-modal__prev').on('click', function(e) { e.stopPropagation(); showImage(current - 1); });
  7263.         \$('#img-modal__next').on('click', function(e) { e.stopPropagation(); showImage(current + 1); });
  7265.         // Keyboard navigation
  7266.         \$(document).on('keydown', function(e) {
  7267.             if (!\$('#img-modal').hasClass('is-open')) return;
  7268.             if (e.key === 'Escape') closeModal();
  7269.             if (e.key === 'ArrowLeft') showImage(current - 1);
  7270.             if (e.key === 'ArrowRight') showImage(current + 1);
  7271.         });
  7273.         // Touch swipe (horizontal only)
  7274.         var _tx = 0;
  7275.         var \$modal = document.getElementById('img-modal');
  7276.         \$modal.addEventListener('touchstart', function(e) {
  7277.             _tx = e.changedTouches[0].clientX;
  7278.         }, { passive: true });
  7279.         \$modal.addEventListener('touchend', function(e) {
  7280.             var dx = e.changedTouches[0].clientX - _tx;
  7281.             if (Math.abs(dx) > 48) {
  7282.                 dx < 0 ? showImage(current + 1) : showImage(current - 1);
  7283.             }
  7284.         }, { passive: true });
  7285.     })();
  7286.     </script>
  7288. ";
  7289.         
  7290.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  7292.         
  7293.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  7295.     }
  7297.     public function getTemplateName()
  7298.     {
  7299.         return "Product/detail.twig";
  7300.     }
  7302.     public function isTraitable()
  7303.     {
  7304.         return false;
  7305.     }
  7307.     public function getDebugInfo()
  7308.     {
  7309.         return array (  7123 => 4693,  7118 => 4692,  7046 => 4622,  6951 => 4529,  6943 => 4523,  6940 => 4522,  6935 => 4518,  6929 => 4517,  6924 => 4514,  6920 => 4512,  6918 => 4511,  6909 => 4504,  6906 => 4503,  6878 => 4476,  6859 => 4458,  6857 => 4456,  6849 => 4450,  6846 => 4449,  6840 => 4447,  6837 => 4446,  6835 => 4445,  6819 => 4431,  6809 => 4423,  6801 => 4418,  6791 => 4413,  6786 => 4410,  6780 => 4406,  6771 => 4400,  6765 => 4399,  6759 => 4396,  6755 => 4395,  6747 => 4390,  6742 => 4387,  6735 => 4383,  6731 => 4381,  6723 => 4376,  6719 => 4375,  6716 => 4374,  6713 => 4373,  6707 => 4370,  6703 => 4369,  6700 => 4368,  6698 => 4367,  6693 => 4365,  6689 => 4364,  6686 => 4363,  6684 => 4362,  6681 => 4361,  6679 => 4360,  6675 => 4359,  6667 => 4353,  6663 => 4351,  6660 => 4350,  6657 => 4346,  6651 => 4345,  6648 => 4344,  6645 => 4343,  6641 => 4341,  6629 => 4337,  6627 => 4336,  6624 => 4335,  6618 => 4332,  6606 => 4331,  6600 => 4330,  6593 => 4329,  6591 => 4328,  6586 => 4326,  6574 => 4325,  6568 => 4324,  6561 => 4323,  6558 => 4320,  6552 => 4319,  6543 => 4318,  6535 => 4316,  6532 => 4315,  6530 => 4314,  6528 => 4313,  6526 => 4312,  6524 => 4310,  6521 => 4309,  6518 => 4308,  6515 => 4307,  6512 => 4306,  6509 => 4305,  6506 => 4304,  6503 => 4303,  6500 => 4302,  6497 => 4301,  6494 => 4300,  6489 => 4299,  6486 => 4298,  6480 => 4297,  6475 => 4296,  6470 => 4295,  6465 => 4294,  6462 => 4293,  6459 => 4292,  6456 => 4291,  6449 => 4283,  6433 => 4269,  6431 => 4268,  6427 => 4266,  6413 => 4255,  6406 => 4250,  6404 => 4249,  6402 => 4248,  6398 => 4246,  6386 => 4237,  6382 => 4235,  6377 => 4232,  6369 => 4226,  6360 => 4220,  6352 => 4214,  6349 => 4211,  6338 => 4208,  6335 => 4207,  6332 => 4206,  6329 => 4205,  6326 => 4203,  6321 => 4200,  6311 => 4197,  6305 => 4196,  6299 => 4195,  6295 => 4194,  6288 => 4193,  6281 => 4192,  6279 => 4191,  6270 => 4189,  6267 => 4188,  6264 => 4187,  6261 => 4184,  6256 => 4181,  6246 => 4178,  6240 => 4177,  6234 => 4176,  6230 => 4175,  6223 => 4174,  6216 => 4173,  6214 => 4172,  6205 => 4170,  6202 => 4169,  6199 => 4168,  6196 => 4166,  6194 => 4165,  6190 => 4163,  6179 => 4157,  6170 => 4153,  6162 => 4150,  6154 => 4147,  6145 => 4144,  6142 => 4143,  6140 => 4142,  6135 => 4139,  6125 => 4133,  6116 => 4129,  6108 => 4126,  6100 => 4123,  6091 => 4120,  6088 => 4119,  6086 => 4118,  6081 => 4115,  6078 => 4113,  6076 => 4112,  6072 => 4110,  6058 => 4099,  6052 => 4095,  6049 => 4093,  6047 => 4092,  6043 => 4090,  6029 => 4079,  6023 => 4075,  6020 => 4073,  6015 => 4070,  6005 => 4067,  5999 => 4066,  5993 => 4065,  5989 => 4064,  5982 => 4063,  5975 => 4062,  5973 => 4061,  5964 => 4059,  5961 => 4058,  5958 => 4057,  5955 => 4055,  5950 => 4052,  5940 => 4049,  5934 => 4048,  5928 => 4047,  5924 => 4046,  5917 => 4045,  5910 => 4044,  5908 => 4043,  5898 => 4041,  5895 => 4040,  5892 => 4039,  5889 => 4037,  5884 => 4034,  5874 => 4031,  5868 => 4030,  5862 => 4029,  5858 => 4028,  5851 => 4027,  5844 => 4026,  5842 => 4025,  5833 => 4023,  5830 => 4022,  5827 => 4021,  5824 => 4019,  5819 => 4016,  5809 => 4013,  5803 => 4012,  5797 => 4011,  5793 => 4010,  5786 => 4009,  5779 => 4008,  5777 => 4007,  5768 => 4005,  5765 => 4004,  5763 => 4003,  5760 => 4002,  5755 => 3999,  5745 => 3996,  5739 => 3995,  5733 => 3994,  5729 => 3993,  5722 => 3992,  5715 => 3991,  5713 => 3990,  5704 => 3988,  5701 => 3987,  5699 => 3986,  5696 => 3985,  5691 => 3982,  5681 => 3979,  5675 => 3978,  5669 => 3977,  5665 => 3976,  5658 => 3975,  5651 => 3974,  5649 => 3973,  5640 => 3971,  5637 => 3970,  5634 => 3969,  5631 => 3967,  5629 => 3966,  5625 => 3964,  5495 => 3836,  5478 => 3820,  5475 => 3818,  5470 => 3815,  5462 => 3813,  5456 => 3811,  5451 => 3809,  5443 => 3807,  5441 => 3806,  5437 => 3805,  5430 => 3804,  5427 => 3803,  5422 => 3802,  5417 => 3799,  5414 => 3798,  5411 => 3796,  5405 => 3792,  5395 => 3789,  5391 => 3788,  5388 => 3787,  5383 => 3786,  5378 => 3783,  5375 => 3782,  5372 => 3780,  5364 => 3777,  5354 => 3769,  5351 => 3768,  5348 => 3766,  5340 => 3763,  5330 => 3755,  5327 => 3754,  5324 => 3752,  5319 => 3749,  5309 => 3746,  5305 => 3745,  5302 => 3744,  5297 => 3743,  5292 => 3740,  5289 => 3739,  5280 => 3731,  5255 => 3710,  5245 => 3705,  5234 => 3696,  5231 => 3695,  5221 => 3686,  5218 => 3682,  5215 => 3678,  5213 => 3677,  5209 => 3675,  5206 => 3674,  5204 => 3673,  5200 => 3671,  5195 => 3668,  5185 => 3665,  5179 => 3664,  5173 => 3663,  5169 => 3662,  5162 => 3661,  5155 => 3660,  5153 => 3659,  5143 => 3657,  5140 => 3656,  5137 => 3655,  5134 => 3653,  5129 => 3650,  5119 => 3647,  5113 => 3646,  5107 => 3645,  5103 => 3644,  5096 => 3643,  5089 => 3642,  5087 => 3641,  5077 => 3639,  5074 => 3638,  5071 => 3637,  5068 => 3632,  5063 => 3629,  5053 => 3626,  5047 => 3625,  5041 => 3624,  5037 => 3623,  5030 => 3622,  5023 => 3621,  5021 => 3620,  5007 => 3618,  5004 => 3617,  5001 => 3616,  4998 => 3614,  4993 => 3611,  4983 => 3608,  4977 => 3607,  4971 => 3606,  4967 => 3605,  4960 => 3604,  4953 => 3603,  4951 => 3602,  4942 => 3600,  4939 => 3599,  4936 => 3598,  4933 => 3595,  4928 => 3592,  4918 => 3589,  4912 => 3588,  4906 => 3587,  4902 => 3586,  4895 => 3585,  4888 => 3584,  4886 => 3583,  4877 => 3581,  4874 => 3580,  4872 => 3579,  4869 => 3578,  4864 => 3575,  4854 => 3572,  4848 => 3571,  4842 => 3570,  4838 => 3569,  4831 => 3568,  4824 => 3567,  4822 => 3566,  4813 => 3564,  4810 => 3563,  4807 => 3562,  4804 => 3557,  4799 => 3554,  4791 => 3552,  4785 => 3550,  4780 => 3548,  4772 => 3546,  4770 => 3545,  4764 => 3544,  4758 => 3543,  4754 => 3542,  4744 => 3541,  4741 => 3540,  4734 => 3539,  4732 => 3538,  4723 => 3536,  4720 => 3535,  4717 => 3534,  4714 => 3532,  4710 => 3530,  4707 => 3529,  4705 => 3527,  4704 => 3526,  4703 => 3525,  4702 => 3524,  4701 => 3523,  4700 => 3522,  4699 => 3521,  4698 => 3520,  4696 => 3519,  4693 => 3518,  4687 => 3517,  4684 => 3516,  4679 => 3515,  4674 => 3514,  4669 => 3513,  4666 => 3512,  4663 => 3511,  4658 => 3510,  4655 => 3509,  4652 => 3508,  4649 => 3507,  4643 => 3506,  4638 => 3505,  4633 => 3504,  4628 => 3503,  4625 => 3502,  4622 => 3501,  4619 => 3500,  4615 => 3491,  4611 => 3489,  4607 => 3487,  4598 => 3484,  4589 => 3483,  4585 => 3482,  4582 => 3481,  4580 => 3480,  4576 => 3478,  4567 => 3475,  4563 => 3474,  4559 => 3473,  4549 => 3471,  4545 => 3470,  4542 => 3469,  4540 => 3468,  4538 => 3467,  4529 => 3466,  4526 => 3465,  4523 => 3464,  4520 => 3462,  4516 => 3460,  4512 => 3458,  4503 => 3455,  4494 => 3454,  4490 => 3453,  4487 => 3452,  4483 => 3450,  4474 => 3447,  4467 => 3443,  4463 => 3442,  4453 => 3440,  4449 => 3439,  4446 => 3438,  4444 => 3437,  4435 => 3436,  4432 => 3435,  4429 => 3434,  4426 => 3432,  4422 => 3430,  4418 => 3428,  4409 => 3425,  4400 => 3424,  4396 => 3423,  4393 => 3422,  4389 => 3420,  4380 => 3417,  4373 => 3413,  4369 => 3412,  4359 => 3410,  4355 => 3409,  4352 => 3408,  4350 => 3407,  4341 => 3406,  4338 => 3405,  4335 => 3404,  4332 => 3402,  4328 => 3400,  4324 => 3398,  4315 => 3395,  4306 => 3394,  4302 => 3393,  4299 => 3392,  4297 => 3391,  4293 => 3389,  4284 => 3386,  4277 => 3382,  4273 => 3381,  4263 => 3379,  4259 => 3378,  4256 => 3377,  4254 => 3376,  4252 => 3375,  4243 => 3374,  4240 => 3373,  4237 => 3372,  4234 => 3370,  4230 => 3368,  4227 => 3367,  4225 => 3366,  4224 => 3365,  4223 => 3364,  4221 => 3363,  4218 => 3362,  4215 => 3361,  4212 => 3360,  4209 => 3359,  4206 => 3358,  4203 => 3357,  4200 => 3356,  4197 => 3355,  4195 => 3354,  4193 => 3353,  4181 => 3344,  4174 => 3339,  4162 => 3336,  4159 => 3335,  4156 => 3334,  4153 => 3332,  4142 => 3330,  4138 => 3329,  4135 => 3328,  4132 => 3326,  4126 => 3323,  4122 => 3322,  4119 => 3321,  4116 => 3320,  4110 => 3317,  4104 => 3316,  4101 => 3315,  4095 => 3312,  4091 => 3311,  4088 => 3310,  4086 => 3309,  4084 => 3308,  4080 => 3306,  4078 => 3305,  4074 => 3303,  4068 => 3302,  4063 => 3299,  4048 => 3297,  4039 => 3296,  4022 => 3295,  4018 => 3293,  4015 => 3292,  4011 => 3291,  4008 => 3290,  4005 => 3289,  4002 => 3288,  3989 => 3277,  3975 => 3265,  3969 => 3260,  3950 => 3258,  3933 => 3257,  3929 => 3255,  3918 => 3253,  3895 => 3249,  3889 => 3248,  3886 => 3247,  3868 => 3246,  3865 => 3245,  3861 => 3243,  3853 => 3239,  3845 => 3235,  3843 => 3234,  3840 => 3233,  3838 => 3232,  3828 => 3225,  3816 => 3218,  3811 => 3216,  3807 => 3214,  3801 => 3209,  3798 => 3208,  3792 => 3207,  3787 => 3206,  3782 => 3205,  3775 => 3204,  3769 => 3203,  3764 => 3202,  3761 => 3201,  3758 => 3200,  3756 => 3197,  3753 => 3196,  3750 => 3195,  3748 => 3194,  3738 => 3193,  3722 => 3186,  3718 => 3185,  3714 => 3184,  3710 => 3183,  3706 => 3181,  3700 => 3179,  3698 => 3178,  3693 => 3177,  3690 => 3176,  3680 => 3174,  3666 => 3172,  3658 => 3171,  3640 => 3170,  3635 => 3168,  3505 => 3045,  3497 => 3044,  3433 => 2983,  3333 => 2886,  3329 => 2885,  3313 => 2872,  3145 => 2706,  3142 => 2705,  3129 => 2704,  3126 => 2703,  3124 => 2702,  3121 => 2701,  3118 => 2700,  3105 => 2699,  3102 => 2698,  3099 => 2697,  3096 => 2695,  3093 => 2694,  3080 => 2693,  3077 => 2692,  3075 => 2691,  3072 => 2690,  3069 => 2689,  3056 => 2688,  3053 => 2687,  3051 => 2686,  3048 => 2685,  3045 => 2684,  3032 => 2683,  3029 => 2682,  3027 => 2681,  3024 => 2680,  3021 => 2679,  3008 => 2678,  3005 => 2677,  3003 => 2676,  3000 => 2675,  2997 => 2674,  2984 => 2673,  2981 => 2672,  2978 => 2671,  2975 => 2670,  2961 => 2669,  2958 => 2668,  2945 => 2667,  2942 => 2666,  2939 => 2665,  2846 => 2571,  2426 => 2154,  2069 => 1800,  2038 => 1772,  2025 => 1762,  1996 => 1736,  1992 => 1735,  1984 => 1730,  1535 => 1283,  1532 => 1282,  1526 => 1281,  1521 => 1280,  1516 => 1279,  1510 => 1278,  1504 => 1277,  1499 => 1276,  1496 => 1275,  1493 => 1274,  1490 => 1273,  1485 => 1270,  1472 => 1260,  1458 => 1249,  1430 => 1226,  1424 => 1225,  1418 => 1224,  1412 => 1223,  1406 => 1222,  1400 => 1221,  1394 => 1220,  1388 => 1219,  1382 => 1218,  1376 => 1217,  1370 => 1216,  1364 => 1215,  1358 => 1214,  1351 => 1212,  1345 => 1211,  1339 => 1210,  1333 => 1209,  1327 => 1208,  1307 => 1191,  1297 => 1184,  1267 => 1157,  1255 => 1147,  1246 => 1141,  1242 => 1139,  1240 => 1138,  1237 => 1137,  1228 => 1131,  1224 => 1129,  1222 => 1128,  1150 => 1058,  1142 => 1056,  1140 => 1055,  1135 => 1053,  1132 => 1052,  1130 => 1051,  1116 => 1040,  1112 => 1038,  1102 => 1037,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  7310.     }
  7312.     public function getSourceContext()
  7313.     {
  7314.         return new Source("{#
  7315. This file is part of EC-CUBE
  7317. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  7319. http://www.ec-cube.co.jp/
  7321. For the full copyright and license information, please view the LICENSE
  7322. file that was distributed with this source code.
  7323. #}
  7324. {% extends 'default_frame.twig' %}
  7326. {% set body_class = 'product_page' %}
  7328. {% block stylesheet %}
  7329.     <style>
  7331.         .slick-slider {
  7332.             margin-bottom: 10px;
  7333. \t\t\tmargin-top: -20px;
  7334.         }
  7336.         .slick-dots {
  7337.             position: absolute;
  7338.             bottom: -45px;
  7339.             display: block;
  7340.             width: 100%;
  7341.             padding: 0;
  7342.             list-style: none;
  7343.             text-align: center;
  7344.         }
  7346.         .slick-dots li {
  7347.             position: relative;
  7348.             display: inline-block;
  7349.             width: 20px;
  7350.             height: 20px;
  7351.             margin: 0 5px;
  7352.             padding: 0;
  7354.             cursor: pointer;
  7355.         }
  7357.         .slick-dots li button {
  7358.             font-size: 0;
  7359.             line-height: 0;
  7360.             display: block;
  7361.             width: 20px;
  7362.             height: 20px;
  7363.             padding: 5px;
  7364.             cursor: pointer;
  7365.             color: transparent;
  7366.             border: 0;
  7367.             outline: none;
  7368.             background: transparent;
  7369.         }
  7371.         .slick-dots li button:hover,
  7372.         .slick-dots li button:focus {
  7373.             outline: none;
  7374.         }
  7376.         .slick-dots li button:hover:before,
  7377.         .slick-dots li button:focus:before {
  7378.             opacity: 1;
  7379.         }
  7381.         .slick-dots li button:before {
  7382.             content: \" \";
  7383.             line-height: 20px;
  7384.             position: absolute;
  7385.             top: 0;
  7386.             left: 0;
  7387.             width: 12px;
  7388.             height: 12px;
  7389.             text-align: center;
  7390.             opacity: .25;
  7391.             background-color: black;
  7392.             border-radius: 50%;
  7394.         }
  7396.         .slick-dots li.slick-active button:before {
  7397.             opacity: .75;
  7398.             background-color: black;
  7399.         }
  7401.         .slick-dots li button.thumbnail img {
  7402.             width: 0;
  7403.             height: 0;
  7404.         }
  7406.     </style>
  7407.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  7408.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  7409.     <style>
  7410.         /* Show zoom cursor on product images to hint click-to-expand */
  7411.         .item_visual .slide-item a { display: block; cursor: zoom-in; }
  7412.     </style>
  7413.     <style>
  7414.         /* ============================================
  7415.            商品詳細グリッド: 画像50% / 内容50%（均等）
  7416.         ============================================ */
  7417.         @media (min-width: 768px) {
  7418.             body.product_page .ec-grid2 {
  7419.                 display: flex;
  7420.                 align-items: flex-start;
  7421.             }
  7422.             body.product_page .ec-grid2 .ec-grid2__cell {
  7423.                 width: 50%;
  7424.                 flex: 0 0 50%;
  7425.                 min-width: 0;
  7426.             }
  7427.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  7428.                 width: 50%;
  7429.                 flex: 0 0 50%;
  7430.                 min-width: 0;
  7431.             }
  7432.         }
  7434.         /* ============================================
  7435.            商品説明欄内のHTMLが画面幅を突き抜けないように
  7436.         ============================================ */
  7437.         body.product_page .ec-productRole__description {
  7438.             min-width: 0;
  7439.             overflow-wrap: break-word;
  7440.             word-break: break-word;
  7441.         }
  7442.         body.product_page .ec-productRole__description img,
  7443.         body.product_page .ec-productRole__description table,
  7444.         body.product_page .ec-productRole__description iframe,
  7445.         body.product_page .ec-productRole__description video {
  7446.             max-width: 100% !important;
  7447.             height: auto;
  7448.         }
  7449.         body.product_page .ec-productRole__description table {
  7450.             display: block;
  7451.             overflow-x: auto;
  7452.             -webkit-overflow-scrolling: touch;
  7453.         }
  7455.         /* ============================================
  7456.            スマホ用 見積金額 下部固定バー
  7457.         ============================================ */
  7458.         #sp-mitsumori-bar {
  7459.             display: none;
  7460.         }
  7462.         /* ============================================
  7463.            スマホ用 お見積りの詳細 ボトムシート
  7464.         ============================================ */
  7465.         .sp-detail-sheet { display: none; }
  7466.         .sp-detail-sheet.is-open {
  7467.             display: block;
  7468.             position: fixed;
  7469.             top: 0; left: 0; right: 0; bottom: 0;
  7470.             z-index: 2000;
  7471.         }
  7472.         .sp-detail-sheet__overlay {
  7473.             position: absolute;
  7474.             top: 0; left: 0; right: 0; bottom: 0;
  7475.             background: rgba(0,0,0,0.45);
  7476.         }
  7477.         .sp-detail-sheet__panel {
  7478.             position: absolute;
  7479.             left: 0; right: 0; bottom: 0;
  7480.             background: #fff;
  7481.             border-radius: 14px 14px 0 0;
  7482.             max-height: 82vh;
  7483.             display: flex;
  7484.             flex-direction: column;
  7485.             box-shadow: 0 -4px 20px rgba(0,0,0,0.25);
  7486.             padding-bottom: env(safe-area-inset-bottom);
  7487.             animation: spSheetUp 0.22s ease-out;
  7488.         }
  7489.         @keyframes spSheetUp {
  7490.             from { transform: translateY(100%); }
  7491.             to   { transform: translateY(0); }
  7492.         }
  7493.         .sp-detail-sheet__header {
  7494.             display: flex;
  7495.             align-items: center;
  7496.             justify-content: space-between;
  7497.             padding: 14px 16px;
  7498.             border-bottom: 1px solid #eee;
  7499.             flex: 0 0 auto;
  7500.         }
  7501.         .sp-detail-sheet__title { font-size: 16px; font-weight: bold; color: #333; }
  7502.         .sp-detail-sheet__close {
  7503.             background: none;
  7504.             border: none;
  7505.             font-size: 26px;
  7506.             line-height: 1;
  7507.             color: #888;
  7508.             cursor: pointer;
  7509.             padding: 0 4px;
  7510.         }
  7511.         .sp-detail-sheet__body {
  7512.             overflow-y: auto;
  7513.             -webkit-overflow-scrolling: touch;
  7514.             padding: 4px 0;
  7515.             flex: 1 1 auto;
  7516.         }
  7517.         .sp-detail-sheet__body ul { list-style: none; margin: 0; padding: 0; }
  7518.         .sp-detail-sheet__body li { border-bottom: 1px solid #f2f2f2; }
  7519.         .sp-detail-sheet__body .nav-link {
  7520.             display: flex;
  7521.             align-items: center;
  7522.             justify-content: space-between;
  7523.             padding: 12px 16px;
  7524.             color: #333;
  7525.             font-size: 14px;
  7526.         }
  7527.         .sp-detail-sheet__body .nav-link .float-right {
  7528.             float: none !important;
  7529.             font-weight: bold;
  7530.             white-space: nowrap;
  7531.             margin-left: auto;
  7532.         }
  7533.         .sp-detail-sheet__footer {
  7534.             display: flex;
  7535.             gap: 8px;
  7536.             padding: 12px 16px 16px;
  7537.             border-top: 1px solid #eee;
  7538.             flex: 0 0 auto;
  7539.         }
  7540.         .sp-detail-sheet__footer button {
  7541.             flex: 1 1 auto;
  7542.             padding: 12px;
  7543.             border-radius: 8px;
  7544.             font-size: 14px;
  7545.             font-weight: bold;
  7546.             cursor: pointer;
  7547.         }
  7548.         .sp-detail-sheet__invoice {
  7549.             background: #fff;
  7550.             border: 1px solid #17a2b8;
  7551.             color: #17a2b8;
  7552.         }
  7553.         .sp-detail-sheet__cart {
  7554.             background: #c00;
  7555.             border: 1px solid #c00;
  7556.             color: #fff;
  7557.         }
  7559.         /* ============================================
  7560.            商品タイプ選択 共通スタイル
  7561.         ============================================ */
  7563.         /* セクションラベル */
  7564.         .rp-section-label {
  7565.             font-size: 14px;
  7566.             font-weight: bold;
  7567.             color: #333;
  7568.             margin-bottom: 10px;
  7569.         }
  7570.         .rp-section-label span {
  7571.             font-weight: normal;
  7572.             color: #c00;
  7573.         }
  7575.         /* ---- 1. 画像付きカード ---- */
  7576.         .rp-card-group {
  7577.             display: flex;
  7578.             flex-wrap: wrap;
  7579.             gap: 8px;
  7580.             margin-bottom: 4px;
  7581.         }
  7582.         .rp-card {
  7583.             position: relative;
  7584.             cursor: pointer;
  7585.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  7586.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  7587.             /* iOS Safari: prevent the first tap from being consumed as a text
  7588.                selection (\"字だけ青くなる\" = selection highlight) which forced a
  7589.                2nd tap to actually switch the option (#15). */
  7590.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  7591.             -webkit-touch-callout: none;
  7592.             width: 110px;
  7593.             border: 2px solid #ddd;
  7594.             border-radius: 10px;
  7595.             overflow: hidden;
  7596.             transition: border-color 0.2s, box-shadow 0.2s;
  7597.             background: #fff;
  7598.             text-decoration: none;
  7599.             color: #333;
  7600.             display: block;
  7601.         }
  7602.         /* Gate :hover behind real hover-capable pointers. On iOS Safari a
  7603.            :hover rule that changes appearance makes the first tap apply the
  7604.            hover state and suppresses the click, so the option chip needed a
  7605.            second tap to fire its onclick (is-selected + price update). */
  7606.         @media (hover: hover) and (pointer: fine) {
  7607.             .rp-card:hover {
  7608.                 border-color: #999;
  7609.                 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  7610.             }
  7611.         }
  7612.         .rp-card.is-selected {
  7613.             border-color: #1a6fcf;
  7614.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  7615.         }
  7616.         /* visually-hidden instead of display:none. A label wrapping a
  7617.            display:none radio fires its tap unreliably on iOS Safari (first tap
  7618.            often ignored -> \"2回タッチ\"). Keeping the input in the layout but
  7619.            invisible makes the first tap register. */
  7620.         .rp-card input[type=\"radio\"] {
  7621.             position: absolute; opacity: 0; width: 1px; height: 1px;
  7622.             margin: 0; pointer-events: none;
  7623.         }
  7624.         .rp-card__image {
  7625.             width: 100%;
  7626.             aspect-ratio: 1 / 1;
  7627.             object-fit: cover;
  7628.             display: block;
  7629.             background: #f5f5f5;
  7630.         }
  7631.         .rp-card__placeholder {
  7632.             width: 100%;
  7633.             aspect-ratio: 1 / 1;
  7634.             background: #f0f0f0;
  7635.             display: flex;
  7636.             align-items: center;
  7637.             justify-content: center;
  7638.             color: #bbb;
  7639.             font-size: 24px;
  7640.         }
  7641.         .rp-card__name {
  7642.             display: block;
  7643.             padding: 5px 5px;
  7644.             font-size: 11px;
  7645.             color: #333;
  7646.             text-align: center;
  7647.             line-height: 1.4;
  7648.             word-break: break-all;
  7649.         }
  7650.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  7651.         .rp-card.is-selected::after {
  7652.             content: \"✓\";
  7653.             position: absolute;
  7654.             top: 3px; right: 6px;
  7655.             color: #1a6fcf;
  7656.             font-size: 13px;
  7657.             font-weight: bold;
  7658.         }
  7660.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  7661.         .rp-btn-group {
  7662.             display: flex;
  7663.             flex-wrap: wrap;
  7664.             gap: 8px;
  7665.             margin-bottom: 4px;
  7666.             max-width: 100%;
  7667.             min-width: 0;
  7668.         }
  7669.         .rp-btn {
  7670.             cursor: pointer;
  7671.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  7672.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  7673.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  7674.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  7675.             -webkit-touch-callout: none;
  7676.             padding: 8px 14px;
  7677.             border: 2px solid #ddd;
  7678.             border-radius: 10px;
  7679.             font-size: 13px;
  7680.             color: #333;
  7681.             background: #fff;
  7682.             transition: border-color 0.2s, background 0.2s;
  7683.             white-space: normal;
  7684.             max-width: 100%;
  7685.             overflow-wrap: anywhere;
  7686.             text-decoration: none;
  7687.         }
  7688.         @media (hover: hover) and (pointer: fine) {
  7689.             .rp-btn:hover { border-color: #999; }
  7690.         }
  7691.         .rp-btn.is-selected {
  7692.             border-color: #1a6fcf;
  7693.             color: #1a6fcf;
  7694.             font-weight: bold;
  7695.             background: #f0f6ff;
  7696.         }
  7697.         .rp-btn input[type=\"radio\"] {
  7698.             position: absolute; opacity: 0; width: 1px; height: 1px;
  7699.             margin: 0; pointer-events: none;
  7700.         }
  7702.         /* iOS Safari \"2回タッチ\" fix for the type-selection link chips.
  7703.            The global theme stylesheet ships an ungated `a:hover{color:#296292}`
  7704.            (paired with `a{color:#337ab7;text-decoration:underline}`). Because
  7705.            .rp-btn / .rp-card are real <a> links, iOS Safari applies that hover
  7706.            colour on the FIRST tap — the chip text turns blue (#296292, the
  7707.            reported \"字だけ青くなる\") — and treats the tap as a hover, swallowing
  7708.            the navigation so a 2nd tap was needed. The local .rp-*:hover rules
  7709.            are already gated behind (hover:hover), but this inherited global
  7710.            rule was not. Pin the hover/active colour to the base/selected colour
  7711.            so tapping produces no visual change and the first tap navigates
  7712.            immediately. Higher specificity (0,2,0 / 0,3,0) overrides a:hover. */
  7713.         .rp-btn:hover,
  7714.         .rp-btn:active { color: #333; text-decoration: none; }
  7715.         .rp-btn.is-selected:hover,
  7716.         .rp-btn.is-selected:active { color: #1a6fcf; text-decoration: none; }
  7717.         .rp-card:hover,
  7718.         .rp-card:active { color: #333; text-decoration: none; }
  7719.         .rp-card:hover .rp-card__name,
  7720.         .rp-card:active .rp-card__name { color: #333; }
  7721.         .rp-card.is-selected:hover .rp-card__name,
  7722.         .rp-card.is-selected:active .rp-card__name { color: #1a6fcf; }
  7724.         /* ---- 選択肢が多い場合: 縦3段に収めて横スクロール（顧客要望「3列くらいで横スクロール」）---- */
  7725.         /* grid-auto-flow:column + 3行固定 → 選択肢が縦に最大3段、超過分は右へ伸び横スクロールで閲覧 */
  7726.         .rp-btn-group.is-scroll,
  7727.         .opt-btn-group.is-scroll {
  7728.             display: grid;
  7729.             grid-auto-flow: column;
  7730.             grid-template-rows: repeat(3, auto);
  7731.             grid-auto-columns: max-content;
  7732.             justify-content: start;
  7733.             align-items: start;
  7734.             gap: 8px;
  7735.             overflow-x: auto;
  7736.             overflow-y: hidden;
  7737.             -webkit-overflow-scrolling: touch;
  7738.             scrollbar-width: thin;
  7739.             /* 上下に余白を確保して、行の枠線が overflow クリップ／スクロールバーに
  7740.                切り取られないようにする（「文字列が長いと下枠が消える」対策）。 */
  7741.             padding: 2px 0 12px;
  7742.         }
  7743.         /* is-scroll（横スクロール）内では選択肢を折り返さず単一行に固定する。
  7744.            折り返すと行高が不揃いになり overflow-y:hidden で下枠が切れるため、
  7745.            長い選択肢は折り返さず横スクロールで見せる（本来の設計意図）。 */
  7746.         .rp-btn-group.is-scroll .rp-btn,
  7747.         .rp-btn-group.is-scroll .opt-btn,
  7748.         .opt-btn-group.is-scroll .rp-btn,
  7749.         .opt-btn-group.is-scroll .opt-btn {
  7750.             white-space: nowrap;
  7751.             word-break: normal;
  7752.             overflow-wrap: normal;
  7753.         }
  7754.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  7755.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  7756.             height: 6px;
  7757.         }
  7758.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  7759.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  7760.             background: #c0c0c0;
  7761.             border-radius: 3px;
  7762.         }
  7764.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  7765.         .rp-select-wrap {
  7766.             margin-bottom: 4px;
  7767.         }
  7768.         .rp-select {
  7769.             width: 100%;
  7770.             max-width: 420px;
  7771.             padding: 8px 12px;
  7772.             border: 2px solid #ddd;
  7773.             border-radius: 10px;
  7774.             font-size: 13px;
  7775.             color: #333;
  7776.             background: #fff;
  7777.             appearance: none;
  7778.             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\");
  7779.             background-repeat: no-repeat;
  7780.             background-position: right 12px center;
  7781.             cursor: pointer;
  7782.         }
  7783.         .rp-select:focus {
  7784.             outline: none;
  7785.             border-color: #1a6fcf;
  7786.         }
  7788.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  7789.         .opt-btn-group {
  7790.             display: flex;
  7791.             flex-wrap: wrap;
  7792.             gap: 8px;
  7793.             padding: 6px 0;
  7794.             max-width: 100%;
  7795.             min-width: 0;
  7796.         }
  7797.         .opt-btn {
  7798.             cursor: pointer;
  7799.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  7800.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  7801.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  7802.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  7803.             -webkit-touch-callout: none;
  7804.             padding: 7px 14px;
  7805.             border: 2px solid #ddd;
  7806.             border-radius: 10px;
  7807.             font-size: 13px;
  7808.             color: #333;
  7809.             background: #fff;
  7810.             transition: border-color 0.2s, background 0.2s;
  7811.             white-space: normal;
  7812.             max-width: 100%;
  7813.             overflow-wrap: anywhere;
  7814.             text-decoration: none;
  7815.         }
  7816.         @media (hover: hover) and (pointer: fine) {
  7817.             .opt-btn:hover { border-color: #999; }
  7818.         }
  7819.         .opt-btn.is-selected {
  7820.             border-color: #1a6fcf;
  7821.             color: #1a6fcf;
  7822.             font-weight: bold;
  7823.             background: #f0f6ff;
  7824.         }
  7825.         .opt-btn input[type=\"radio\"] {
  7826.             position: absolute; opacity: 0; width: 1px; height: 1px;
  7827.             margin: 0; pointer-events: none;
  7828.         }
  7830.         /* opt-btn with color swatch image. The label still works as a
  7831.            radio target — clicking the image checks the input. The text
  7832.            label stays under the image so users can still read the name. */
  7833.         .opt-btn--with-image {
  7834.             padding: 4px 6px 6px;
  7835.             white-space: normal;
  7836.             text-align: center;
  7837.             display: inline-flex;
  7838.             flex-direction: column;
  7839.             align-items: center;
  7840.             min-width: 96px;
  7841.             max-width: 140px;
  7842.         }
  7843.         .opt-btn--with-image .opt-btn__img {
  7844.             display: block;
  7845.             width: 88px;
  7846.             height: 66px;
  7847.             object-fit: cover;
  7848.             border-radius: 6px;
  7849.             margin-bottom: 4px;
  7850.             background: #f5f5f5;
  7851.         }
  7852.         .opt-btn--with-image .opt-btn__name {
  7853.             display: block;
  7854.             font-size: 11px;
  7855.             line-height: 1.3;
  7856.             color: inherit;
  7857.         }
  7858.         .opt-btn--with-image.is-selected .opt-btn__img {
  7859.             outline: 2px solid #1a6fcf;
  7860.             outline-offset: 1px;
  7861.         }
  7863.         /* sale_type=2 (内窓) 補助金対象ガラスの強調表示.
  7864.            補助金が出る性能区分 (真空断熱 / Low-E複層 等) のガラス選択肢に
  7865.            緑枠 + 「補助金対象」バッジを付け、選択前から判別できるようにする。 */
  7866.         .opt-btn--subsidy {
  7867.             border-color: #2e7d32;
  7868.         }
  7869.         .opt-btn--subsidy.is-selected {
  7870.             border-color: #1a6fcf;
  7871.         }
  7872.         .opt-btn__subsidy-badge {
  7873.             display: inline-block;
  7874.             margin-left: 6px;
  7875.             padding: 1px 6px;
  7876.             border-radius: 6px;
  7877.             background: #2e7d32;
  7878.             color: #fff;
  7879.             font-size: 11px;
  7880.             font-weight: bold;
  7881.             white-space: nowrap;
  7882.         }
  7884.         /* ============================================
  7885.            施工エリア案内
  7886.         ============================================ */
  7887.         .ec-areaNotice {
  7888.             margin: 16px 0;
  7889.             padding: 16px 20px;
  7890.             background: #f8f9fa;
  7891.             border-left: 4px solid #1a6fcf;
  7892.             border-radius: 0 8px 8px 0;
  7893.         }
  7894.         .ec-areaNotice__inner {
  7895.             display: flex;
  7896.             align-items: flex-start;
  7897.             gap: 12px;
  7898.         }
  7899.         .ec-areaNotice__icon {
  7900.             font-size: 22px;
  7901.             line-height: 1;
  7902.             flex-shrink: 0;
  7903.             margin-top: 2px;
  7904.         }
  7905.         .ec-areaNotice__body {
  7906.             flex: 1;
  7907.         }
  7908.         .ec-areaNotice__title {
  7909.             font-size: 13px;
  7910.             font-weight: bold;
  7911.             color: #1a6fcf;
  7912.             margin: 0 0 6px;
  7913.         }
  7914.         .ec-areaNotice__text {
  7915.             font-size: 13px;
  7916.             color: #444;
  7917.             line-height: 1.7;
  7918.             margin: 0;
  7919.         }
  7920.         .ec-areaNotice__text strong {
  7921.             color: #222;
  7922.         }
  7923.         .ec-areaNotice__link {
  7924.             display: inline-block;
  7925.             margin-top: 8px;
  7926.             font-size: 12px;
  7927.             color: #1a6fcf;
  7928.             text-decoration: underline;
  7929.         }
  7930.         .ec-areaNotice__link:hover {
  7931.             color: #0d4fa0;
  7932.         }
  7934.         /* ============================================
  7935.            SNSシェア + ブランド名 タイトル行
  7936.         ============================================ */
  7937.         .ec-productRole__titleRow {
  7938.             display: flex;
  7939.             align-items: center;
  7940.             justify-content: space-between;
  7941.             gap: 8px;
  7942.             margin-bottom: 4px;
  7943.         }
  7944.         .ec-productRole__titleRow .ec-headingTitle {
  7945.             margin: 0;
  7946.             flex: 1;
  7947.             font-size: 18px;
  7948.         }
  7949.         .ec-share-inline {
  7950.             display: flex;
  7951.             align-items: center;
  7952.             gap: 8px;
  7953.             flex-shrink: 0;
  7954.         }
  7955.         @media (max-width: 767px) {
  7956.             /* maker_area の float を解除して独立表示 */
  7957.             #maker_area {
  7958.                 float: none !important;
  7959.                 width: auto !important;
  7960.                 height: auto !important;
  7961.                 display: block;
  7962.                 margin-bottom: 4px;
  7963.             }
  7964.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  7965.             .ec-productRole__titleRow {
  7966.                 flex-wrap: wrap;
  7967.                 clear: both;
  7968.             }
  7969.             .ec-productRole__titleRow .ec-headingTitle {
  7970.                 flex: 1 1 100%;
  7971.                 font-size: 16px;
  7972.             }
  7973.             .ec-share-inline {
  7974.                 flex: 0 0 auto;
  7975.                 margin-left: auto;
  7976.             }
  7977.         }
  7978.         .ec-share-inline a {
  7979.             display: flex;
  7980.             align-items: center;
  7981.             justify-content: center;
  7982.             width: 32px;
  7983.             height: 32px;
  7984.             border-radius: 50%;
  7985.             font-size: 15px;
  7986.             color: #fff;
  7987.             text-decoration: none;
  7988.             transition: opacity 0.2s;
  7989.         }
  7990.         .ec-share-inline a:hover { opacity: 0.8; }
  7991.         .ec-share-inline .share-twitter  { background: #000; }
  7992.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  7993.         .ec-share-inline .share-line     { background: #06c755; }
  7995.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  7996.         .ec-productRole__share { display: none; }
  7998.         /* ============================================
  7999.            PC用: 現在のお見積り額カード強調
  8000.         ============================================ */
  8001.         @media (min-width: 768px) {
  8002.             .mitsumori-card-pc {
  8003.                 border: 2px solid #1a6fcf !important;
  8004.                 border-radius: 10px !important;
  8005.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  8006.                 margin-top: 20px;
  8007.                 overflow: hidden;
  8008.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  8009.             }
  8010.             .mitsumori-card-pc .card-header {
  8011.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  8012.                 color: #fff !important;
  8013.                 padding: 14px 16px !important;
  8014.                 border-bottom: none !important;
  8015.             }
  8016.             .mitsumori-card-pc .card-title {
  8017.                 color: #fff !important;
  8018.                 font-size: 15px !important;
  8019.                 font-weight: bold !important;
  8020.                 margin: 0 !important;
  8021.             }
  8022.             .mitsumori-card-pc #mitsumori_message {
  8023.                 font-size: 22px !important;
  8024.                 font-weight: bold !important;
  8025.                 color: #fff !important;
  8026.             }
  8027.             .mitsumori-card-pc .btn-tool {
  8028.                 color: #fff !important;
  8029.             }
  8030.             /* 合計行を大きく強調 */
  8031.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  8032.                 font-size: 16px !important;
  8033.                 font-weight: bold !important;
  8034.                 color: #c00 !important;
  8035.                 background: #fff8f8 !important;
  8036.                 padding: 12px 16px !important;
  8037.             }
  8038.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  8039.                 font-size: 20px !important;
  8040.                 font-weight: bold !important;
  8041.                 color: #c00 !important;
  8042.             }
  8043.             /* card-body（明細リスト）を白背景に */
  8044.             .mitsumori-card-pc .card-body {
  8045.                 background: #fff !important;
  8046.             }
  8047.             .mitsumori-card-pc .card-footer {
  8048.                 background: #f8faff !important;
  8049.                 border-top: 1px solid #dce8fb !important;
  8050.                 padding: 12px 16px !important;
  8051.             }
  8052.         }
  8054.         @media (max-width: 767px) {
  8055.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  8056.             .mitsumori-card-pc {
  8057.                 border: none !important;
  8058.                 border-radius: 0 !important;
  8059.                 box-shadow: none !important;
  8060.                 margin-top: 0 !important;
  8061.                 overflow: visible !important;
  8062.                 background: none !important;
  8063.                 /* sticky-top(position:sticky / z-index:1020) を解除。
  8064.                    そのままだと最下部で #sp-mitsumori-bar(z-index:1000) の上に
  8065.                    重なり、合計バーと文字が被るため通常フローへ戻す。 */
  8066.                 position: static !important;
  8067.                 z-index: auto !important;
  8068.             }
  8069.             .mitsumori-card-pc .card-header {
  8070.                 background: none !important;
  8071.                 color: inherit !important;
  8072.                 padding: inherit !important;
  8073.                 border-bottom: inherit !important;
  8074.             }
  8075.             .mitsumori-card-pc .card-title { color: inherit !important; }
  8076.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  8077.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  8078.             /* 折りたたみトグルボタン */
  8079.             .btn-mitsumori-toggle {
  8080.                 background: none !important;
  8081.                 border: 1px solid #aaa !important;
  8082.                 border-radius: 4px !important;
  8083.                 padding: 2px 8px !important;
  8084.                 font-size: 12px !important;
  8085.                 color: #333 !important;
  8086.                 line-height: 1.4 !important;
  8087.             }
  8088.             .btn-mitsumori-toggle .toggle-icon {
  8089.                 display: inline-block;
  8090.                 transition: transform 0.2s;
  8091.             }
  8092.             /* 展開状態: ▼→▲ */
  8093.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  8094.                 content: \"▲ 閉じる\";
  8095.             }
  8096.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  8097.                 display: none;
  8098.             }
  8099.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  8100.                 content: \"▲ 閉じる\";
  8101.                 font-size: 12px;
  8102.             }
  8103.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  8104.                 font-size: inherit !important;
  8105.                 color: inherit !important;
  8106.                 background: none !important;
  8107.                 padding: inherit !important;
  8108.             }
  8109.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  8110.                 font-size: inherit !important;
  8111.                 color: inherit !important;
  8112.             }
  8113.             .mitsumori-card-pc .card-footer {
  8114.                 background: none !important;
  8115.                 border-top: inherit !important;
  8116.                 padding: inherit !important;
  8117.             }
  8118.             /* 横スクロール禁止 */
  8119.             body, html {
  8120.                 overflow-x: hidden;
  8121.                 max-width: 100vw;
  8122.             }
  8123.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  8124.             .opt-btn,
  8125.             .rp-btn {
  8126.                 white-space: normal;
  8127.                 word-break: break-all;
  8128.             }
  8129.             /* エリア案内: スマホでコンパクト */
  8130.             .ec-areaNotice {
  8131.                 margin: 8px 0;
  8132.                 padding: 8px 10px;
  8133.                 border-left-width: 3px;
  8134.                 cursor: pointer;
  8135.             }
  8136.             .ec-areaNotice__inner {
  8137.                 flex-direction: row;
  8138.                 gap: 8px;
  8139.                 align-items: flex-start;
  8140.             }
  8141.             .ec-areaNotice__icon { font-size: 15px; }
  8142.             /* タイトル行: 展開トグル */
  8143.             .ec-areaNotice__title {
  8144.                 font-size: 11px;
  8145.                 margin-bottom: 3px;
  8146.                 display: flex;
  8147.                 justify-content: space-between;
  8148.                 align-items: center;
  8149.             }
  8150.             .ec-areaNotice__title::after {
  8151.                 content: \"▼\";
  8152.                 font-size: 9px;
  8153.                 color: #888;
  8154.                 margin-left: 6px;
  8155.                 transition: transform 0.2s;
  8156.             }
  8157.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  8158.                 transform: rotate(180deg);
  8159.             }
  8160.             /* 折りたたみ対象: 閉じた状態では非表示 */
  8161.             .ec-areaNotice__detail {
  8162.                 display: none;
  8163.             }
  8164.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  8165.                 display: block;
  8166.             }
  8167.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  8168.             .ec-areaNotice__text br { display: none; }
  8169.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  8170.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  8171.             
  8172.             #sp-mitsumori-bar {
  8173.                 display: flex;
  8174.                 position: fixed;
  8175.                 bottom: 0;
  8176.                 left: 0;
  8177.                 right: 0;
  8178.                 z-index: 1000;
  8179.                 background: #fff;
  8180.                 border-top: 2px solid #e0e0e0;
  8181.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  8182.                 align-items: center;
  8183.                 padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) 10px;
  8184.                 gap: 8px;
  8185.             }
  8186.             #sp-mitsumori-bar .sp-bar__label {
  8187.                 font-size: 11px;
  8188.                 color: #666;
  8189.                 white-space: nowrap;
  8190.             }
  8191.             /* 価格ラッパ: 合計金額は最重要のため常に全桁表示する（縮小・省略しない）。
  8192.                幅が足りない場合は下のボタン側を縮める（flex 配分でボタンが先に縮む）。 */
  8193.             #sp-mitsumori-bar .sp-bar__pricewrap {
  8194.                 flex: 0 0 auto;
  8195.                 min-width: 0;
  8196.             }
  8197.             #sp-mitsumori-bar .sp-bar__price {
  8198.                 font-size: 18px;
  8199.                 font-weight: bold;
  8200.                 color: #c00;
  8201.                 white-space: nowrap;
  8202.             }
  8203.             #sp-mitsumori-bar .sp-bar__btn {
  8204.                 font-size: 12px;
  8205.                 padding: 8px 12px;
  8206.                 background: #333;
  8207.                 color: #fff;
  8208.                 border: none;
  8209.                 border-radius: 6px;
  8210.                 white-space: nowrap;
  8211.                 cursor: pointer;
  8212.                 position: relative;
  8213.                 display: inline-flex;
  8214.                 align-items: center;
  8215.                 gap: 6px;
  8216.                 flex: 1 1 auto;
  8217.                 min-width: 0;
  8218.                 justify-content: center;
  8219.             }
  8220.             #sp-mitsumori-bar .sp-bar__btn i {
  8221.                 font-size: 14px;
  8222.                 flex: 0 0 auto;
  8223.             }
  8224.             /* お見積りの詳細（内訳）を開くボタン。価格・カートボタンを圧迫しないよう
  8225.                最小幅のアイコン＋短ラベルにし、幅不足時も縮まない固定幅で維持する。 */
  8226.             #sp-mitsumori-bar .sp-bar__detail-btn {
  8227.                 display: inline-flex;
  8228.                 flex-direction: column;
  8229.                 align-items: center;
  8230.                 justify-content: center;
  8231.                 gap: 2px;
  8232.                 flex: 0 0 auto;
  8233.                 padding: 4px 8px;
  8234.                 background: #fff;
  8235.                 color: #c00;
  8236.                 border: 1px solid #c00;
  8237.                 border-radius: 6px;
  8238.                 font-size: 10px;
  8239.                 font-weight: bold;
  8240.                 line-height: 1.1;
  8241.                 white-space: nowrap;
  8242.                 cursor: pointer;
  8243.             }
  8244.             #sp-mitsumori-bar .sp-bar__detail-btn i { font-size: 15px; }
  8245.             /* 幅が足りないときはボタンの文字を省略し、価格と数字を守る。 */
  8246.             #sp-mitsumori-bar .sp-bar__btn-label {
  8247.                 overflow: hidden;
  8248.                 text-overflow: ellipsis;
  8249.                 white-space: nowrap;
  8250.             }
  8251.             #sp-mitsumori-bar .sp-bar__cart-badge {
  8252.                 position: absolute;
  8253.                 top: -6px;
  8254.                 right: -6px;
  8255.                 background: #c00;
  8256.                 color: #fff;
  8257.                 border-radius: 50%;
  8258.                 min-width: 16px;
  8259.                 height: 16px;
  8260.                 font-size: 10px;
  8261.                 line-height: 16px;
  8262.                 padding: 0 4px;
  8263.                 font-weight: bold;
  8264.             }
  8265.             #sp-mitsumori-bar .sp-bar__home-btn {
  8266.                 display: inline-flex;
  8267.                 align-items: center;
  8268.                 justify-content: center;
  8269.                 width: 36px;
  8270.                 height: 36px;
  8271.                 flex: 0 0 auto;
  8272.                 border: 1px solid #ccc;
  8273.                 border-radius: 6px;
  8274.                 background: #fff;
  8275.                 color: #333;
  8276.                 text-decoration: none;
  8277.                 cursor: pointer;
  8278.             }
  8279.             #sp-mitsumori-bar .sp-bar__home-btn i {
  8280.                 font-size: 16px;
  8281.             }
  8282.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  8283.                 background: #f0f0f0;
  8284.             }
  8285.             /* 下部バーの高さ分ページ下部にpaddingを追加 (iOS safe-area 込み) */
  8286.             body {
  8287.                 padding-bottom: calc(80px + env(safe-area-inset-bottom));
  8288.             }
  8289.         }
  8291.         /* ============================================
  8292.            カート追加モーダル: 縦並び中央配置
  8293.         ============================================ */
  8294.         .add-cart-modal__wrap {
  8295.             text-align: center;
  8296.         }
  8297.         .add-cart-modal__header {
  8298.             font-size: 16px;
  8299.             margin: 20px 0 24px;
  8300.             text-align: center;
  8301.         }
  8302.         .add-cart-modal__actions {
  8303.             display: flex;
  8304.             flex-direction: column;
  8305.             align-items: center;
  8306.             gap: 16px;
  8307.             padding: 0 20px 20px;
  8308.         }
  8309.         .add-cart-modal__primary {
  8310.             display: inline-block;
  8311.             width: 80%;
  8312.             max-width: 320px;
  8313.             padding: 14px 20px;
  8314.             font-size: 15px;
  8315.             font-weight: bold;
  8316.             text-align: center;
  8317.             background: #d9534f;
  8318.             color: #fff !important;
  8319.             border-radius: 6px;
  8320.             text-decoration: none;
  8321.             cursor: pointer;
  8322.         }
  8323.         .add-cart-modal__primary:hover {
  8324.             background: #c9302c;
  8325.             color: #fff !important;
  8326.             text-decoration: none;
  8327.         }
  8328.         .add-cart-modal__secondary {
  8329.             display: inline-block;
  8330.             padding: 6px 14px;
  8331.             font-size: 12px;
  8332.             color: #666;
  8333.             border: 1px solid #ccc;
  8334.             border-radius: 4px;
  8335.             background: #fff;
  8336.             cursor: pointer;
  8337.         }
  8338.         .add-cart-modal__secondary:hover {
  8339.             background: #f0f0f0;
  8340.             color: #333;
  8341.         }
  8342.         @media (max-width: 767px) {
  8343.             .add-cart-modal__actions {
  8344.                 gap: 20px;
  8345.             }
  8346.         }
  8347.     </style>
  8348. {% endblock %}
  8350. {% block javascript %}
  8352.     <script>
  8353.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  8355.         // 規格2に選択肢を割り当てる。
  8356.         function fnSetClassCategories(form, classcat_id2_selected) {
  8357.             var \$form = \$(form);
  8358.             var product_id = \$form.find('input[name=product_id]').val();
  8359.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  8360.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  8361.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  8362.         }
  8364.         {% if form.classcategory_id2 is defined %}
  8365.         fnSetClassCategories(
  8366.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  8367.         );
  8368.         {% elseif form.classcategory_id1 is defined %}
  8369.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  8370.         {% endif %}
  8371.     </script>
  8372.     <script>
  8373.         \$(function() {
  8374.             // bfcache無効化
  8375.             \$(window).bind('pageshow', function(event) {
  8376.                 if (event.originalEvent.persisted) {
  8377.                     location.reload(true);
  8378.                 }
  8379.             });
  8381.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  8382.             // img タグに width, height が付与されている.
  8383.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  8384.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  8385.             \$('.ec-grid2__cell').hide();
  8386.             var removeSize = function () {
  8387.                 \$('.slide-item').height('');
  8388.                 \$('.slide-item img')
  8389.                     .removeAttr('width')
  8390.                     .removeAttr('height')
  8391.                     .removeAttr('style');
  8393.             };
  8394.             var slickInitial = function(slick) {
  8395.                 \$('.ec-grid2__cell').fadeIn(1500);
  8396.                 var baseHeight = \$(slick.target).height();
  8397.                 var baseWidth = \$(slick.target).width();
  8398.                 var rate = baseWidth / baseHeight;
  8399. \t\t\t\tif(baseHeight * rate < 400){
  8400. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  8401. \t\t\t\t}else{
  8402. \t                \$('.slide-item').height(400); // 余白を削除する
  8403. \t\t\t\t}
  8404.                 // transform を使用することでCLSの影響を受けないようにする
  8405.                 \$('.slide-item img')
  8406.                     .css(
  8407.                         {
  8408.                             'transform-origin': 'top left',
  8409.                             'transform': 'scaleY(' + rate + ')',
  8410.                             'transition': 'transform .1s'
  8411.                         }
  8412.                     );
  8413.                 // 正しいサイズに近くなったら属性を解除する
  8414.                 setTimeout(removeSize, 500);
  8415.             };
  8416.             \$('.item_visual').on('init', slickInitial);
  8417.             // リサイズ時は CLS の影響を受けないため属性を解除する
  8418.             \$(window).resize(removeSize);
  8419.             \$('.item_visual').slick({
  8420.                 dots: false,
  8421.                 arrows: true,
  8422.                 responsive: [{
  8423.                     breakpoint: 768,
  8424.                     settings: {
  8425.                         dots: true,
  8426.                 \t\tarrows: false
  8427.                     }
  8428.                 }]
  8429.             });
  8431.             \$('.slideThumb').on('click', function() {
  8432.                 var index = \$(this).attr('data-index');
  8433.                 \$('.item_visual').slick('slickGoTo', index, false);
  8434.             })
  8435.         });
  8437.     </script>
  8438.     <script>
  8439.         \$(function() {
  8440.             \$('.add-cart').on('click', function(event) {
  8441.                 {% if form.classcategory_id1 is defined %}
  8442.                 // 規格1フォームの必須チェック
  8443.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  8444.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  8445.                     return true;
  8446.                 } else {
  8447.                     \$('#classcategory_id1')[0].setCustomValidity('');
  8448.                 }
  8449.                 {% endif %}
  8451.                 {% if form.classcategory_id2 is defined %}
  8452.                 // 規格2フォームの必須チェック
  8453.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  8454.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  8455.                     return true;
  8456.                 } else {
  8457.                     \$('#classcategory_id2')[0].setCustomValidity('');
  8458.                 }
  8459.                 {% endif %}
  8461.                 // タイプ2: カート送信直前に set_count を quantity に同期
  8462.                 if(\$('#set_count').length){
  8463.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  8464.                     \$('#quantity').val(_sc);
  8465.                     \$('input[name=\"quantity\"]').val(_sc);
  8466.                 }
  8468.                 // 個数フォームのチェック
  8469.                 if (\$('#quantity').val() < 1) {
  8470.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  8471.                     return true;
  8472.                 } else {
  8473.                     \$('#quantity')[0].setCustomValidity('');
  8474.                 }
  8476.                 event.preventDefault();
  8477.                 \$form = \$('#form1');
  8478.                 \$.ajax({
  8479.                     url: \$form.attr('action'),
  8480.                     type: \$form.attr('method'),
  8481.                     data: \$form.serialize(),
  8482.                     dataType: 'json',
  8483.                     beforeSend: function(xhr, settings) {
  8484.                         // Buttonを無効にする
  8485.                         \$('.add-cart').prop('disabled', true);
  8486.                     }
  8487.                 }).done(function(data) {
  8488.                     // レスポンス内のメッセージをalertで表示
  8489.                     \$.each(data.messages, function() {
  8490.                         \$('#ec-modal-header').text(this);
  8491.                     });
  8493.                     \$('.ec-modal').show()
  8495.                     // カートブロックを更新する
  8496.                     \$.ajax({
  8497.                         url: \"{{ url('block_cart') }}\",
  8498.                         type: 'GET',
  8499.                         dataType: 'html'
  8500.                     }).done(function(html) {
  8501.                         \$('.ec-headerRole__cart').html(html);
  8502.                     });
  8503.                 }).fail(function(data) {
  8504.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  8505.                 }).always(function(data) {
  8506.                     // Buttonを有効にする
  8507.                     \$('.add-cart').prop('disabled', false);
  8508.                 });
  8509.             });
  8510.         });
  8512.         \$('.ec-modal-wrap').on('click', function(e) {
  8513.             // モーダル内の処理は外側にバブリングさせない
  8514.             e.stopPropagation();
  8515.         });
  8516.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  8517.             \$('.ec-modal').hide()
  8518.         });
  8521. \t\tvar pw = \"{% if mitsumori_json %}{{ mitsumori_json.pw }}{% endif %}\";
  8522. \t\tvar pd = \"{% if mitsumori_json %}{{ mitsumori_json.pd }}{% endif %}\";
  8523. \t\tvar ph = \"{% if mitsumori_json %}{{ mitsumori_json.ph }}{% endif %}\";
  8524. \t\tvar pm = \"{% if mitsumori_json %}{{ mitsumori_json.pm }}{% endif %}\";
  8525. \t\tvar pc = \"{% if mitsumori_json %}{{ mitsumori_json.pc }}{% endif %}\";
  8526. \t\t// option1 / option2: カテゴリ別 option 軸 (um: タイプ=subtype, fe: ct_up 等)
  8527. \t\tvar option1 = \"{% if mitsumori_json and mitsumori_json.option1 is defined %}{{ mitsumori_json.option1 }}{% endif %}\";
  8528. \t\tvar option2 = \"{% if mitsumori_json and mitsumori_json.option2 is defined %}{{ mitsumori_json.option2 }}{% endif %}\";
  8529. \t\tvar op0 = \"{% if mitsumori_json %}{{ mitsumori_json.op[0] }}{% endif %}\";
  8530. \t\tvar op1 = \"{% if mitsumori_json %}{{ mitsumori_json.op[1] }}{% endif %}\";
  8531. \t\tvar op2 = \"{% if mitsumori_json %}{{ mitsumori_json.op[2] }}{% endif %}\";
  8532. \t\tvar op3 = \"{% if mitsumori_json %}{{ mitsumori_json.op[3] }}{% endif %}\";
  8533. \t\tvar op4 = \"{% if mitsumori_json %}{{ mitsumori_json.op[4] }}{% endif %}\";
  8534. \t\tvar op5 = \"{% if mitsumori_json %}{{ mitsumori_json.op[5] }}{% endif %}\";
  8535. \t\tvar op6 = \"{% if mitsumori_json %}{{ mitsumori_json.op[6] }}{% endif %}\";
  8536. \t\tvar op7 = \"{% if mitsumori_json %}{{ mitsumori_json.op[7] }}{% endif %}\";
  8537. \t\tvar op8 = \"{% if mitsumori_json %}{{ mitsumori_json.op[8] }}{% endif %}\";
  8538. \t\tvar op9 = \"{% if mitsumori_json %}{{ mitsumori_json.op[9] }}{% endif %}\";
  8539. \t\tvar op10 = \"{% if mitsumori_json %}{{ mitsumori_json.op[10] }}{% endif %}\";
  8541. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  8543. \t\t// ============================================================
  8544. \t\t//  free_area 1 エントリのスキーマ（11 キー固定）
  8545. \t\t// ============================================================
  8546. \t\t//   w           : 幅 (string, 例 \"239.9cm\" / tf は \"1m\")
  8547. \t\t//   d           : 奥行
  8548. \t\t//   h           : 高さ (tf はロール長 \"10m\")
  8549. \t\t//   m           : 素材
  8550. \t\t//   c           : カラー
  8551. \t\t//   price       : 販売価格 (税抜、amount=1 ベース)
  8552. \t\t//   unit_price  : 商品 per-unit 増分 (税抜、AMOUNT_CATEGORIES のみ)
  8553. \t\t//   maker_price : メーカー価格 (税抜)
  8554. \t\t//   ct          : 基本工事費 (税抜、amount=1 ベース)
  8555. \t\t//   option1     : fe → ct_up / その他カテゴリ → category-specific
  8556. \t\t//   option2     : um → ct_up / その他カテゴリ → category-specific
  8557. \t\t//
  8558. \t\t//  ct4 (設置場所) / ct5 (撤去) / ct6 (残土) は option_area 側で扱う.
  8559. \t\t// ============================================================
  8561. \t\t// 施工オプション定義（option_area）— 各エントリ {name, comment, on, off, price}
  8562. \t\tvar op_data = {{ op_json|default('[]')|raw }};
  8564. \t\t// option_item_area:
  8565. \t\t//   tg 用 — block 別オプション差額表
  8566. \t\t//     { axis_labels: {F:'床材',front:'前面型',side1:'右側面型',side2:'左側面型'},
  8567. \t\t//       blocks: { 'W_label|D_label': { F:[{idx,label,diff},...], front:[...], side1:[...], side2:[...] }, ... } }
  8568. \t\t//   fe (sale_type=4) 用 — ブロックの種類×段数の差額表 (fe_block キー)
  8569. \t\t//     { fe_block: { depends_on_name: '...', depends_on_value: '...',
  8570. \t\t//                   title: '...', default_key: '...',
  8571. \t\t//                   choices: [{key,label,price}, ...] } }
  8572. \t\t// 該当しないカテゴリでは fe_block は null. axis_labels/blocks は空.
  8573. \t\tvar oi_data = {{ oi_json|default('{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}')|raw }};
  8575. \t\t// 選択中の tg オプション差額 (axis -> selected choice_idx). ラジオ click で更新される.
  8576. \t\tvar oi_selected = { F: 1, front: 1, side1: 1, side2: 1 };
  8578. \t\t// 選択中の fe ブロック種類×段数 (key 文字列). 既定は oi_data.fe_block.default_key.
  8579. \t\tvar fe_block_selected = (oi_data && oi_data.fe_block && oi_data.fe_block.default_key) || '';
  8581. \t\t// sale_type ID（mtb_sale_type の id。本サイトでの意味は次の通り）:
  8582. \t\t//   1 通常 / 2 補助金窓 / 3 物置 / 4 フェンス / 5 デッキ / 6 芝生 / 9 商品のみ
  8583. \t\tvar SALE_TYPE_ID = {{ ProductClass.SaleType.id }};
  8585. \t\t{# option1 / option2 ラベルをカテゴリ別に決定 (sh=31, rd=43, mo=15) — 以降の UI / JS 両方で使用 #}
  8586. \t\t{% set option1_label = 'オプション1' %}
  8587. \t\t{% set option2_label = 'オプション2' %}
  8588. \t\t{% if Product.ProductCategories is not empty %}
  8589. \t\t\t{% for pcat in Product.ProductCategories %}
  8590. \t\t\t\t{% if pcat.category_id == 31 %}{% set option1_label = 'サイズプリセット' %}{% set option2_label = '駆動方式' %}{% endif %}
  8591. \t\t\t\t{% if pcat.category_id == 43 %}{% set option1_label = 'ランマ' %}{% set option2_label = 'タイプ' %}{% endif %}
  8592. \t\t\t\t{% if pcat.category_id == 15 %}{% set option1_label = '棚タイプ' %}{% endif %}
  8593. \t\t\t\t{% if pcat.category_id == 17 %}{% set option1_label = '窓タイプ' %}{% endif %}
  8594. \t\t\t{% endfor %}
  8595. \t\t{% endif %}
  8597. \t\t// 消費税率（pp.price/pp.ct/op_data.price は scraper が税抜で保存しているため、
  8598. \t\t// calcGoukei 出口で 1+TAX_RATE を掛けて税込 mitsumori_goukei にする）
  8599. \t\tvar TAX_RATE = 0.10;
  8600. \t\tfunction toIncTax(v) { return Math.round(v * (1 + TAX_RATE)); }
  8602. \t\t/**
  8603. \t\t * tg 用 block 別オプション差額の集計.
  8604. \t\t *   現選択 (W, D) から block key を作り、oi_data.blocks[blockKey] を取得.
  8605. \t\t *   各 axis (F/front/side1/side2) で oi_selected[axis] の choice の diff を合計.
  8606. \t\t * 戻り値: { total: 差額合計(税抜), items: [{name, label, diff}, ...] }
  8607. \t\t *   block が無い (tg 以外 / 該当 (W,D) が未取得) なら total=0.
  8608. \t\t */
  8609. \t\tfunction collectOptionItems(curW, curD) {
  8610. \t\t\tvar result = { total: 0, items: [] };
  8611. \t\t\tif (!oi_data || !oi_data.blocks) return result;
  8612. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  8613. \t\t\tvar block = oi_data.blocks[blockKey];
  8614. \t\t\tif (!block) return result;
  8615. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  8616. \t\t\tfor (var i = 0; i < axes.length; i++) {
  8617. \t\t\t\tvar axis = axes[i];
  8618. \t\t\t\tvar choices = block[axis];
  8619. \t\t\t\tif (!choices || !choices.length) continue;
  8620. \t\t\t\tvar idx = oi_selected[axis] || 1;
  8621. \t\t\t\tvar pick = null;
  8622. \t\t\t\tfor (var j = 0; j < choices.length; j++) {
  8623. \t\t\t\t\tif (parseInt(choices[j].idx) === parseInt(idx)) { pick = choices[j]; break; }
  8624. \t\t\t\t}
  8625. \t\t\t\tif (!pick) pick = choices[0];
  8626. \t\t\t\tvar diff = parseInt(pick.diff) || 0;
  8627. \t\t\t\tresult.total += diff;
  8628. \t\t\t\tresult.items.push({
  8629. \t\t\t\t\tname:  oi_data.axis_labels[axis] || axis,
  8630. \t\t\t\t\tlabel: pick.label,
  8631. \t\t\t\t\tdiff:  diff,
  8632. \t\t\t\t});
  8633. \t\t\t}
  8634. \t\t\treturn result;
  8635. \t\t}
  8637. \t\t/**
  8638. \t\t * tg ラジオ群を block 別に DOM へ描画する.
  8639. \t\t *   W/D が確定したら現 block の 4 軸 (F/front/side1/side2) ラジオを #tg-options 要素に出す.
  8640. \t\t *   block が空なら #tg-options を空にする.
  8641. \t\t */
  8642. \t\tfunction renderOptionItemRadios(curW, curD) {
  8643. \t\t\tvar \$box = \$('#tg-options');
  8644. \t\t\tif (!\$box.length) return;
  8645. \t\t\t\$box.empty();
  8646. \t\t\tif (!oi_data || !oi_data.blocks) return;
  8647. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  8648. \t\t\tvar block = oi_data.blocks[blockKey];
  8649. \t\t\tif (!block) return;
  8650. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  8651. \t\t\taxes.forEach(function(axis) {
  8652. \t\t\t\tvar choices = block[axis];
  8653. \t\t\t\tif (!choices || !choices.length) return;
  8654. \t\t\t\tvar axisLabel = (oi_data.axis_labels && oi_data.axis_labels[axis]) || axis;
  8655. \t\t\t\tvar \$section = \$('<div class=\"form-group tg-axis\"></div>');
  8656. \t\t\t\t\$section.append('<p class=\"rp-section-label\"><strong>' + axisLabel + '</strong>: <span class=\"tg-axis-selected\"></span></p>');
  8657. \t\t\t\tvar \$list = \$('<div class=\"tg-choice-list\"></div>');
  8658. \t\t\t\tchoices.forEach(function(ch, i) {
  8659. \t\t\t\t\tvar inputId = 'tg_' + axis + '_' + ch.idx;
  8660. \t\t\t\t\tvar name = 'tg_' + axis;
  8661. \t\t\t\t\tvar checked = (parseInt(ch.idx) === parseInt(oi_selected[axis] || 1)) ? ' checked' : '';
  8662. \t\t\t\t\tvar diffTxt = ch.diff > 0 ? '+' + formatter.format(ch.diff) + '円' : (ch.diff < 0 ? formatter.format(ch.diff) + '円' : '±0');
  8663. \t\t\t\t\t\$list.append(
  8664. \t\t\t\t\t\t'<label class=\"tg-choice\"><input type=\"radio\" name=\"' + name + '\" id=\"' + inputId + '\" value=\"' + ch.idx + '\" data-axis=\"' + axis + '\"' + checked + '> ' +
  8665. \t\t\t\t\t\tch.label + '<span class=\"tg-diff\">（' + diffTxt + '）</span></label>'
  8666. \t\t\t\t\t);
  8667. \t\t\t\t});
  8668. \t\t\t\t\$section.append(\$list);
  8669. \t\t\t\t\$box.append(\$section);
  8670. \t\t\t});
  8671. \t\t\t// ラジオ click で oi_selected を更新 → 再計算
  8672. \t\t\t\$box.off('change.tg').on('change.tg', 'input[type=\"radio\"][data-axis]', function() {
  8673. \t\t\t\tvar axis = \$(this).data('axis');
  8674. \t\t\t\toi_selected[axis] = parseInt(\$(this).val()) || 1;
  8675. \t\t\t\tmitsumori_simulation('refresh', '');
  8676. \t\t\t});
  8677. \t\t\tupdateOptionItemSelectedLabels();
  8678. \t\t}
  8680. \t\tfunction updateOptionItemSelectedLabels() {
  8681. \t\t\t\$('#tg-options .tg-axis').each(function() {
  8682. \t\t\t\tvar \$sel = \$(this).find('input[type=\"radio\"]:checked');
  8683. \t\t\t\tif (!\$sel.length) return;
  8684. \t\t\t\tvar label = \$sel.parent().contents().filter(function() { return this.nodeType === 3; }).text().trim();
  8685. \t\t\t\t\$(this).find('.tg-axis-selected').text(label);
  8686. \t\t\t});
  8687. \t\t}
  8689. \t\t// =========================================================
  8690. \t\t// fe (sale_type=4) ブロック種類×段数 サブ UI
  8691. \t\t// =========================================================
  8693. \t\t/**
  8694. \t\t * fe_block の親オプション (= op_data 内の「ご希望のフェンス設置方法」 entry)
  8695. \t\t * を name でルックアップし、その index を返す. 見つからなければ -1.
  8696. \t\t *   fe_block.depends_on_name が設定されていればそれで照合.
  8697. \t\t *   未設定なら 'ご希望のフェンス設置方法' を含む name にフォールバック.
  8698. \t\t */
  8699. \t\tfunction findFeBlockParentOpIndex() {
  8700. \t\t\tif (!oi_data || !oi_data.fe_block) return -1;
  8701. \t\t\tvar needle = oi_data.fe_block.depends_on_name || 'ご希望のフェンス設置方法';
  8702. \t\t\tfor (var i = 0; i < op_data.length; i++) {
  8703. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  8704. \t\t\t\tif (op_data[i].name.indexOf(needle) >= 0) return i;
  8705. \t\t\t}
  8706. \t\t\treturn -1;
  8707. \t\t}
  8709. \t\t/**
  8710. \t\t * fe_block の現在の選択値の price (税抜) と choice 内容を集計.
  8711. \t\t *   親オプション (= 'ご希望のフェンス設置方法') が depends_on_value を選んでいる
  8712. \t\t *   ときだけ加算する. それ以外 (既存ブロック側 / 親未選択) は price=0.
  8713. \t\t * 戻り値: { price: 0|N, choice: {key,label,price}|null, active: bool }
  8714. \t\t */
  8715. \t\tfunction collectFeBlock() {
  8716. \t\t\tvar result = { price: 0, choice: null, active: false };
  8717. \t\t\tif (SALE_TYPE_ID !== 4) return result;
  8718. \t\t\tif (!oi_data || !oi_data.fe_block) return result;
  8719. \t\t\tif (!oi_data.fe_block.choices || !oi_data.fe_block.choices.length) return result;
  8721. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  8722. \t\t\tif (parentIdx < 0) return result;
  8723. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8724. \t\t\tvar parentSel = ops[parentIdx];
  8725. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  8726. \t\t\tif (parentSel !== triggerValue) return result;  // 親が新規ブロック積み以外なら無加算
  8728. \t\t\tresult.active = true;
  8729. \t\t\tvar choices = oi_data.fe_block.choices;
  8730. \t\t\tvar pick = null;
  8731. \t\t\tfor (var j = 0; j < choices.length; j++) {
  8732. \t\t\t\tif (choices[j].key === fe_block_selected) { pick = choices[j]; break; }
  8733. \t\t\t}
  8734. \t\t\tif (!pick) pick = choices[0];
  8735. \t\t\tresult.choice = pick;
  8736. \t\t\tresult.price  = parseInt(pick.price) || 0;
  8737. \t\t\treturn result;
  8738. \t\t}
  8740. \t\t/**
  8741. \t\t * fe_block ラジオ群を #fe-block-options 要素に描画する.
  8742. \t\t *   active=false (親が「新規にブロック積み」以外) のときは非表示.
  8743. \t\t */
  8744. \t\tfunction renderFeBlockRadios() {
  8745. \t\t\tvar \$box = \$('#fe-block-options');
  8746. \t\t\tif (!\$box.length) return;
  8747. \t\t\tif (!oi_data || !oi_data.fe_block || !oi_data.fe_block.choices) {
  8748. \t\t\t\t\$box.empty().hide();
  8749. \t\t\t\treturn;
  8750. \t\t\t}
  8751. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  8752. \t\t\tif (parentIdx < 0) {
  8753. \t\t\t\t\$box.empty().hide();
  8754. \t\t\t\treturn;
  8755. \t\t\t}
  8756. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8757. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  8758. \t\t\tvar visible = (ops[parentIdx] === triggerValue);
  8759. \t\t\tif (!visible) {
  8760. \t\t\t\t\$box.hide();
  8761. \t\t\t\treturn;
  8762. \t\t\t}
  8764. \t\t\tvar fb = oi_data.fe_block;
  8765. \t\t\t\$box.empty();
  8766. \t\t\tvar \$title = \$('<p class=\"rp-section-label\"><strong>' + (fb.title || 'ブロックの種類と段数') + '</strong></p>');
  8767. \t\t\t\$box.append(\$title);
  8768. \t\t\t// 他オプション群と同じ .opt-btn-group / .opt-btn 形式で描画.
  8769. \t\t\t//   生の <label><input type=radio> ... 形式だと CSS 定義が無く
  8770. \t\t\t//   ラベル折り返し・縦ズレ・隣接 opt-btn との間隔不揃いが発生する.
  8771. \t\t\tvar \$list = \$('<div class=\"opt-btn-group\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  8772. \t\t\tfb.choices.forEach(function(ch) {
  8773. \t\t\t\tvar inputId = 'fe_block_' + ch.key;
  8774. \t\t\t\tvar isSel   = (ch.key === fe_block_selected);
  8775. \t\t\t\tvar checked = isSel ? ' checked' : '';
  8776. \t\t\t\tvar selCls  = isSel ? ' is-selected' : '';
  8777. \t\t\t\tvar priceTxt = (parseInt(ch.price) || 0) > 0
  8778. \t\t\t\t\t? ' <span class=\"fe-block-price\" style=\"margin-left:6px;color:#666;font-size:12px;white-space:nowrap;\">（+' + formatter.format(toIncTax(parseInt(ch.price))) + '円 税込）</span>'
  8779. \t\t\t\t\t: '';
  8780. \t\t\t\t\$list.append(
  8781. \t\t\t\t\t'<label class=\"opt-btn' + selCls + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  8782. \t\t\t\t\t'<input type=\"radio\" name=\"fe_block\" id=\"' + inputId + '\" value=\"' + ch.key + '\"' + checked + '>' +
  8783. \t\t\t\t\t'<span class=\"fe-block-label\">' + ch.label + '</span>' +
  8784. \t\t\t\t\tpriceTxt +
  8785. \t\t\t\t\t'</label>'
  8786. \t\t\t\t);
  8787. \t\t\t});
  8788. \t\t\t\$box.append(\$list);
  8789. \t\t\t\$box.show();
  8790. \t\t\t\$box.off('change.fe_block').on('change.fe_block', 'input[type=\"radio\"][name=\"fe_block\"]', function() {
  8791. \t\t\t\tfe_block_selected = \$(this).val();
  8792. \t\t\t\t// is-selected 切替 (opt-btn 形式共通)
  8793. \t\t\t\t\$box.find('label.opt-btn').removeClass('is-selected');
  8794. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  8795. \t\t\t\tmitsumori_simulation('refresh', '');
  8796. \t\t\t});
  8797. \t\t}
  8799. \t\t/**
  8800. \t\t * fe (sale_type=4) で op_data エントリの連動表示制御.
  8801. \t\t *   親「ご希望のフェンス設置方法」の選択値に応じて、
  8802. \t\t *     - 「既存ブロックに穴空け工事が必要ですか？」 entry を表示/非表示
  8803. \t\t *   切替の trigger は親選択値の文字列で判定 (entry index にハードコードしない).
  8804. \t\t */
  8805. \t\tfunction updateFeOpConditionalVisibility() {
  8806. \t\t\tif (SALE_TYPE_ID !== 4) return;
  8807. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  8808. \t\t\tif (parentIdx < 0) return;
  8809. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8810. \t\t\tvar parentSel = ops[parentIdx];
  8811. \t\t\t// 親が「既存ブロックに設置する」 (= off 側) のとき穴空け entry を表示
  8812. \t\t\tvar triggerOffValue = (op_data[parentIdx] && op_data[parentIdx].off) || '既存ブロックに設置する';
  8813. \t\t\t\$('div[data-op-name]').each(function() {
  8814. \t\t\t\tvar n = \$(this).attr('data-op-name') || '';
  8815. \t\t\t\tif (n.indexOf('穴空け') >= 0) {
  8816. \t\t\t\t\tif (parentSel === triggerOffValue) {
  8817. \t\t\t\t\t\t\$(this).show();
  8818. \t\t\t\t\t} else {
  8819. \t\t\t\t\t\t\$(this).hide();
  8820. \t\t\t\t\t}
  8821. \t\t\t\t}
  8822. \t\t\t});
  8823. \t\t}
  8825. \t\t/**
  8826. \t\t * 選択中の施工オプションを集計し、ON選択分の price を合計する.
  8827. \t\t * 戻り値: { total: 合計金額, items: [{name, value, price}, ...] }
  8828. \t\t */
  8829. \t\tfunction collectOptions() {
  8830. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8831. \t\t\tvar total = 0;
  8832. \t\t\tvar items = [];
  8833. \t\t\tfor (var i = 0; i < ops.length; i++) {
  8834. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  8835. \t\t\t\tvar sel = ops[i];
  8836. \t\t\t\tif (!sel) continue;
  8837. \t\t\t\tvar price = parseInt(op_data[i].price) || 0;
  8838. \t\t\t\t// 「ON」選択時のみ加算（OFF や「不要」「商品購入のみ」は加算しない）
  8839. \t\t\t\tvar isOn = (sel === op_data[i].on);
  8840. \t\t\t\titems.push({
  8841. \t\t\t\t\tname:  op_data[i].name,
  8842. \t\t\t\t\tvalue: sel,
  8843. \t\t\t\t\tprice: isOn ? price : 0,
  8844. \t\t\t\t\ton:    op_data[i].on,
  8845. \t\t\t\t\toff:   op_data[i].off,
  8846. \t\t\t\t});
  8847. \t\t\t\tif (isOn) total += price;
  8848. \t\t\t}
  8849. \t\t\t// fe (sale_type=4) のブロック種類×段数 分を items / total に統合.
  8850. \t\t\t// 親オプション「ご希望のフェンス設置方法」 が 「新規にブロック積みを行う」 のとき
  8851. \t\t\t// だけ加算される (collectFeBlock 内で判定済み).
  8852. \t\t\tvar fb = collectFeBlock();
  8853. \t\t\tif (fb.active && fb.choice) {
  8854. \t\t\t\titems.push({
  8855. \t\t\t\t\tname:  (oi_data.fe_block && oi_data.fe_block.title) || 'ブロックの種類と段数',
  8856. \t\t\t\t\tvalue: fb.choice.label,
  8857. \t\t\t\t\tprice: fb.price,
  8858. \t\t\t\t\ton:    fb.choice.label,
  8859. \t\t\t\t\toff:   '',
  8860. \t\t\t\t});
  8861. \t\t\t\ttotal += fb.price;
  8862. \t\t\t}
  8863. \t\t\treturn { total: total, items: items };
  8864. \t\t}
  8866. \t\t/**
  8867. \t\t * free_area 1 エントリ ({w,d,h,m,c,price,unit_price,maker_price,ct,option1,option2})
  8868. \t\t * から sale_type 別に最終金額を算出する.
  8869. \t\t *
  8870. \t\t * 計算式（amount=1 ベース、出口で × 1.10 税込化）:
  8871. \t\t *   1 通常        : price + ct + option_sum
  8872. \t\t *   2 補助金窓    : price × set_count + (ct + (set_count-1) × option2) + option_sum
  8873. \t\t *   3 物置        : (price + ct) × daisu + option_sum
  8874. \t\t *   4 フェンス    : price + (maisu-1) × unit_price
  8875. \t\t *                  + ct + max(0, maisu-3) × option1
  8876. \t\t *                  + option_sum   (maisu >= 3)
  8877. \t\t *   5 デッキ      : price + ct + option_sum   (area は表示用、計算非関与)
  8878. \t\t *   6 芝生        : price × ceil(area / (w_m × h_m)) + ct + option_sum
  8879. \t\t *   9 商品のみ    : price のみ（カート quantity 倍で総額）
  8880. \t\t *
  8881. \t\t * fe では option1 を ct_up、um では option2 を ct_up として転用.
  8882. \t\t * tf では w / h にロール幅・長さが格納されており parseLen で数値抽出.
  8883. \t\t *
  8884. \t\t * @param {Object} pp  free_area の 1 行（matrix エントリ）
  8885. \t\t * @param {number} optionTotal  collectOptions().total
  8886. \t\t * @param {Object} ctx  UI 入力 {set_count, daisu, maisu, area, quantityOnly, ...}
  8887. \t\t * @returns {Object} {goukei, price, ct, opt, qty}  すべて税込整数
  8888. \t\t */
  8889. \t\tfunction calcGoukei(pp, optionTotal, ctx) {
  8890. \t\t\tvar basePrice  = parseInt(pp.price)       || 0;
  8891. \t\t\tvar baseCt     = parseInt(pp.ct)          || 0;
  8892. \t\t\tvar unitPrice  = parseInt(pp.unit_price)  || 0;
  8893. \t\t\tvar optSum     = optionTotal;
  8894. \t\t\tvar price      = basePrice;
  8895. \t\t\tvar ct         = baseCt;
  8896. \t\t\tvar qty        = 1;
  8897. \t\t\tvar goukei     = 0;
  8899. \t\t\t// 「商品購入のみ」選択時は工事費・オプションをゼロにする（任意 sale_type で適用）
  8900. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8901. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  8902. \t\t\tif (purchaseOnly) {
  8903. \t\t\t\tbaseCt = 0;
  8904. \t\t\t\tct     = 0;
  8905. \t\t\t\toptSum = 0;
  8906. \t\t\t}
  8908. \t\t\tswitch (SALE_TYPE_ID) {
  8909. \t\t\t\tcase 2: {  // 補助金・窓 (シンプル表引き方式 2026-05-)
  8910. \t\t\t\t\t// 2026-05 仕様簡素化: 枚数軸を廃止し、subtype に枚数を内包.
  8911. \t\t\t\t\t// pp.price / pp.ct は (W, H, ガラス, subtype) の単一価格.
  8912. \t\t\t\t\t// 複数枚をまとめて買う場合はカート quantity で表現.
  8913. \t\t\t\t\tqty    = 1;
  8914. \t\t\t\t\tprice  = basePrice;
  8915. \t\t\t\t\tct     = baseCt;
  8916. \t\t\t\t\tgoukei = price + ct + optSum;
  8917. \t\t\t\t\tbreak;
  8918. \t\t\t\t}
  8920. \t\t\t\tcase 3: {  // 物置・ゴミステーション
  8921. \t\t\t\t\tqty   = Math.max(1, parseInt(ctx.daisu) || 1);
  8922. \t\t\t\t\tprice = basePrice * qty;
  8923. \t\t\t\t\tct    = baseCt * qty;
  8924. \t\t\t\t\tgoukei = price + ct + optSum;
  8925. \t\t\t\t\tbreak;
  8926. \t\t\t\t}
  8928. \t\t\t\tcase 4: {  // フェンス・組み立て式（maisu ≥ 3、base_amount = 3）
  8929. \t\t\t\t\t// scraper は amount=3 を base にしているので pp.price = price(3),
  8930. \t\t\t\t\t// pp.unit_price = price(4) - price(3).
  8931. \t\t\t\t\tqty   = Math.max(3, parseInt(ctx.maisu) || 3);
  8932. \t\t\t\t\tprice = basePrice + (qty - 3) * unitPrice;
  8933. \t\t\t\t\t// option1 が ct_up (4枚目以降の増分). 未設定なら ct 固定動作
  8934. \t\t\t\t\tvar ctUp1 = parseInt(pp.option1) || 0;
  8935. \t\t\t\t\tct = baseCt + Math.max(0, qty - 3) * ctUp1;
  8936. \t\t\t\t\t// fe_block(ブロック積み段数): collectOptions が base(3枚分)を optSum に
  8937. \t\t\t\t\t// 算入済み. ブロック費も本体同様に枚数連動するため、4枚目以降は 1枚毎に
  8938. \t\t\t\t\t// choice.unit_price(= block(4)-block(3)) を加算する.
  8939. \t\t\t\t\t// (顧客指摘「何枚施工でも増える金額が同じ」の是正。unit_price 未設定の
  8940. \t\t\t\t\t//  旧データでは +0 で従来動作。)
  8941. \t\t\t\t\tif (!purchaseOnly) {
  8942. \t\t\t\t\t\tvar fbC = collectFeBlock();
  8943. \t\t\t\t\t\tif (fbC.active && fbC.choice) {
  8944. \t\t\t\t\t\t\toptSum += Math.max(0, qty - 3) * (parseInt(fbC.choice.unit_price) || 0);
  8945. \t\t\t\t\t\t}
  8946. \t\t\t\t\t}
  8947. \t\t\t\t\tgoukei = price + ct + optSum;
  8948. \t\t\t\t\tbreak;
  8949. \t\t\t\t}
  8951. \t\t\t\tcase 5: {  // ウッドデッキ・タイルデッキ
  8952. \t\t\t\t\t// area は担当者向けの参考値として保持（計算には使わない）
  8953. \t\t\t\t\tqty    = 1;
  8954. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  8955. \t\t\t\t\tprice  = basePrice;
  8956. \t\t\t\t\tct     = baseCt;
  8957. \t\t\t\t\tbreak;
  8958. \t\t\t\t}
  8960. \t\t\t\tcase 6: {  // 芝生・人工芝（ロール単位）
  8961. \t\t\t\t\t// pp.w \"1m\", pp.h \"10m\" から数値抽出
  8962. \t\t\t\t\tvar w_m = parseLen(pp.w);
  8963. \t\t\t\t\tvar h_m = parseLen(pp.h);
  8964. \t\t\t\t\tvar rollSize = w_m * h_m;
  8965. \t\t\t\t\tif (!rollSize || rollSize <= 0) rollSize = 1;
  8966. \t\t\t\t\t// 施工サイズ(面積)があれば必要枚数を自動算出。無ければ直接指定の枚数を使う。
  8967. \t\t\t\t\tvar area  = parseFloat(ctx.area) || 0;
  8968. \t\t\t\t\tif (area > 0) {
  8969. \t\t\t\t\t\tqty = Math.max(1, Math.ceil(area / rollSize));
  8970. \t\t\t\t\t} else {
  8971. \t\t\t\t\t\tqty = Math.max(1, parseInt(ctx.tf_qty) || 1);
  8972. \t\t\t\t\t}
  8973. \t\t\t\t\tprice  = basePrice * qty;
  8974. \t\t\t\t\tct     = baseCt;
  8975. \t\t\t\t\tgoukei = price + ct + optSum;
  8976. \t\t\t\t\tbreak;
  8977. \t\t\t\t}
  8979. \t\t\t\tcase 7: {  // 数量買い・基本工事費固定（gf ガーデンファニチャー / st 石材）
  8980. \t\t\t\t\tqty    = Math.max(1, parseInt(ctx.suuryou) || 1);
  8981. \t\t\t\t\tprice  = basePrice * qty;
  8982. \t\t\t\t\tct     = baseCt;                 // ct は固定（数量に依らない）
  8983. \t\t\t\t\tgoukei = price + ct + optSum;
  8984. \t\t\t\t\tbreak;
  8985. \t\t\t\t}
  8987. \t\t\t\tcase 9: {  // 商品のみ購入
  8988. \t\t\t\t\t// カート側で quantity × unit price するため goukei は単品価格
  8989. \t\t\t\t\tqty    = parseInt(ctx.quantityOnly) || 1;
  8990. \t\t\t\t\tprice  = basePrice;
  8991. \t\t\t\t\tct     = 0;
  8992. \t\t\t\t\toptSum = 0;
  8993. \t\t\t\t\tgoukei = price;
  8994. \t\t\t\t\tbreak;
  8995. \t\t\t\t}
  8997. \t\t\t\tdefault: {  // 1: 通常（カーポート等、matrix 選択のみ）
  8998. \t\t\t\t\tqty    = 1;
  8999. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  9000. \t\t\t\t\tbreak;
  9001. \t\t\t\t}
  9002. \t\t\t}
  9004. \t\t\t// 出口で税込化（pp.price/pp.ct/op_data.price はすべて税抜で保存されている前提）
  9005. \t\t\treturn {
  9006. \t\t\t\tgoukei: toIncTax(goukei),
  9007. \t\t\t\tprice:  toIncTax(price),
  9008. \t\t\t\tct:     toIncTax(ct),
  9009. \t\t\t\topt:    toIncTax(optSum),
  9010. \t\t\t\tqty:    qty,
  9011. \t\t\t};
  9012. \t\t}
  9014. \t\t/**
  9015. \t\t * 寸法文字列から「メートル単位の数値」を抽出する.
  9016. \t\t *
  9017. \t\t * 単位は m / cm / mm を認識し、いずれも m 単位に正規化して返す.
  9018. \t\t * 単位が無い場合は m 単位とみなす（旧 tf データ \"1m\" \"10m\" との互換）.
  9019. \t\t * 数値が見つからない場合は 0 を返す（呼び出し側で fallback）.
  9020. \t\t *
  9021. \t\t * 例:
  9022. \t\t *   \"1m\"     → 1
  9023. \t\t *   \"100cm\"  → 1   (2026-06 以降の m → cm 正規化に対応)
  9024. \t\t *   \"200cm\"  → 2
  9025. \t\t *   \"5.5m\"   → 5.5
  9026. \t\t *   \"1000mm\" → 1
  9027. \t\t *   \"\"       → 0
  9028. \t\t */
  9029. \t\tfunction parseLen(s) {
  9030. \t\t\tif (!s) return 0;
  9031. \t\t\tvar str = String(s);
  9032. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)\\s*(mm|cm|m)?/i);
  9033. \t\t\tif (!m) return 0;
  9034. \t\t\tvar n = parseFloat(m[1]);
  9035. \t\t\tif (isNaN(n)) return 0;
  9036. \t\t\tvar unit = (m[2] || 'm').toLowerCase();
  9037. \t\t\tif (unit === 'cm') return n / 100;
  9038. \t\t\tif (unit === 'mm') return n / 1000;
  9039. \t\t\treturn n;  // 'm' or no unit
  9040. \t\t}
  9042. \t\t// pp は autoSelectFirstColor 等からも参照するので global にする
  9043. \t\tvar pp = {{ pp|raw }};
  9045. \t\t// sale_type=2 の幅 / 高さ ladder (Twig p_w / p_h を JS で参照するため).
  9046. \t\t// 入力 mm 値を pp の幅・高さバケット文字列にマッピングする際の元データ.
  9047. \t\t// p_w / p_h は連想配列で来ることがあるため Object.values で配列化する.
  9048. \t\tvar PP_W_LADDER = Object.values({{ p_w|default({})|json_encode|raw }} || {});
  9049. \t\tvar PP_H_LADDER = Object.values({{ p_h|default({})|json_encode|raw }} || {});
  9051. \t\t/* ============================================================
  9052. \t\t   sale_type=2 (補助金窓) 専用: 複数タイプ集計 & 補助金計算
  9053. \t\t   ============================================================
  9054. \t\t   - 入力 UI: #window-types-container 配下の .window-type-block
  9055. \t\t   - 補助金根拠: 先進的窓リノベ2026事業
  9056. \t\t     https://window-renovation2026.env.go.jp/construction/inner-window.html
  9057. \t\t   - 価格軸: (subtype, w, h, glass, color) で pp を lookup
  9058. \t\t   - 1 商品 = 1 明細 にまとめ、内訳 JSON を別途保存予定 (cart 連携は後続タスク)
  9059. \t\t   ============================================================ */
  9061. \t\t// 補助金マトリクス: [住宅区分][性能][サイズ区分] → 1 箇所あたり金額 (税抜・端数なし)
  9062. \t\tvar WINDOW_SUBSIDY_MATRIX = {
  9063. \t\t\tdetached:  { // 戸建住宅・延床240㎡以下の非住宅
  9064. \t\t\t\tP: { G: 140000, L: 89000, M: 58000, S: 36000 },
  9065. \t\t\t\tS: { G: 76000,  L: 52000, M: 34000, S: 22000 }
  9066. \t\t\t},
  9067. \t\t\tapartment: { // 低層・中高層集合住宅・240㎡超の非住宅
  9068. \t\t\t\tP: { G: 152000, L: 98000, M: 64000, S: 40000 },
  9069. \t\t\t\tS: { G: 83000,  L: 57000, M: 37000, S: 24000 }
  9070. \t\t\t}
  9071. \t\t};
  9073. \t\t// 住宅区分: 画面 UI (input[name=\"window_housing_type\"]) から取得する.
  9074. \t\t// 既定値は PFC meta_key=\"住宅区分\" を fallback (未設定なら '戸建').
  9075. \t\tvar HOUSING_TYPE_DEFAULT = {{ getProduct_field(Product.id, '住宅区分')|default('戸建')|json_encode|raw }};
  9076. \t\tfunction getCurrentHousingKey() {
  9077. \t\t\tvar el = document.querySelector('input[name=\"window_housing_type\"]:checked');
  9078. \t\t\tvar v  = el ? el.value : HOUSING_TYPE_DEFAULT;
  9079. \t\t\treturn (v === '集合住宅') ? 'apartment' : 'detached';
  9080. \t\t}
  9082. \t\t// 商品シリーズ自動判定 (Product.name から)
  9083. \t\t// 根拠カタログ: YKK AP「ウチリモ」XAAAA-H26-067-1 (2026.04), 同「LiteU」XAAAA-H16-088-2,
  9084. \t\t//              三協アルミ「プラメイクEII」0142_STJ1931L, LIXIL「インプラス」(既知)
  9085. \t\tvar PRODUCT_NAME_RAW = {{ Product.name|default('')|json_encode|raw }};
  9086. \t\tfunction detectProductSeries(name) {
  9087. \t\t\tif (!name) return null;
  9088. \t\t\tif (/ウチリモ/.test(name)) return 'uchirimo';
  9089. \t\t\tif (/プラマード\\s*U/i.test(name)) return 'pramado_u';
  9090. \t\t\tif (/インプラス/.test(name)) return 'inplus';
  9091. \t\t\tif (/プラメイク\\s*EII|プラメイクEII/i.test(name)) return 'plamake_eii';
  9092. \t\t\tif (/LiteU/i.test(name)) return 'lite_u';
  9093. \t\t\treturn null;
  9094. \t\t}
  9095. \t\t// シリーズ上限グレード:
  9096. \t\t//   'P'  = SS/P まで到達可能 (真空断熱ガラス採用シリーズ)
  9097. \t\t//   'S'  = Low-E 複層止まり (真空断熱ガラスのラインなし)
  9098. \t\t//   null = 単板のみ → 補助金対象外
  9099. \t\tvar SERIES_GRADE_CAP = {
  9100. \t\t\tuchirimo:    'P',
  9101. \t\t\tpramado_u:   'P',
  9102. \t\t\tinplus:      'S',
  9103. \t\t\tplamake_eii: 'S',
  9104. \t\t\tlite_u:      null
  9105. \t\t};
  9106. \t\tvar DETECTED_SERIES = detectProductSeries(PRODUCT_NAME_RAW);
  9107. \t\tvar SERIES_GRADE_CAP_VAL = (DETECTED_SERIES !== null && Object.prototype.hasOwnProperty.call(SERIES_GRADE_CAP, DETECTED_SERIES))
  9108. \t\t\t? SERIES_GRADE_CAP[DETECTED_SERIES]
  9109. \t\t\t: undefined;
  9111. \t\t// 商品単位グレード上限 (PFC `meta_key=補助金グレード上限` で個別上書き)
  9112. \t\t// 値: 'P' / 'SS' / 'S' / '対象外' / '無' / 'NONE' / 空文字 (未指定)
  9113. \t\tvar PRODUCT_GRADE_CAP_RAW = {{ getProduct_field(Product.id, '補助金グレード上限')|default('')|json_encode|raw }};
  9114. \t\tfunction normalizeGradeCap(v) {
  9115. \t\t\tif (v === null || v === undefined || v === '') return undefined;
  9116. \t\t\tvar s = String(v).trim().toUpperCase();
  9117. \t\t\tif (s === 'NONE' || s === '対象外' || s === '無') return null;
  9118. \t\t\tif (s === 'P' || s === 'SS') return 'P';
  9119. \t\t\tif (s === 'S') return 'S';
  9120. \t\t\treturn undefined;
  9121. \t\t}
  9122. \t\tvar PRODUCT_GRADE_CAP = normalizeGradeCap(PRODUCT_GRADE_CAP_RAW);
  9124. \t\t// 窓種 (subtype = option1) ごとのグレード上限.
  9125. \t\t// 根拠: YKK AP「ウチリモ」業務用 (XAAAA-H26-067-1) の窓種別ラインナップで
  9126. \t\t//      真空ガラス (Glavenir) の設定有無を確認:
  9127. \t\t//        引違い窓 (2/3/4枚建) / 浴室仕様 引違い窓 / FIX窓        → P 到達可能
  9128. \t\t//        内開き窓 (居室/浴室) / 開き窓テラス / テラスドア類       → 真空ガラスなし → S 止まり
  9129. \t\tfunction detectSubtypeGradeCap(subtype) {
  9130. \t\t\tif (!subtype) return undefined;
  9131. \t\t\tvar s = String(subtype);
  9132. \t\t\tif (/内開|開き窓テラス|テラスドア|開き戸/.test(s)) return 'S';
  9133. \t\t\treturn undefined;
  9134. \t\t}
  9136. \t\t// クリップ: 強さは 'P' > 'S' > null (対象外). cap=null は強制対象外, cap=undefined は無効化なし.
  9137. \t\tfunction clipGradeBy(grade, cap) {
  9138. \t\t\tif (cap === undefined) return grade;
  9139. \t\t\tif (cap === null)      return null;
  9140. \t\t\tif (grade === null)    return null;
  9141. \t\t\tif (cap === 'S' && grade === 'P') return 'S';
  9142. \t\t\treturn grade;
  9143. \t\t}
  9144. \t\tfunction finalizeGlassGrade(raw, subtype) {
  9145. \t\t\tvar g = clipGradeBy(raw, SERIES_GRADE_CAP_VAL);
  9146. \t\t\tg     = clipGradeBy(g,   detectSubtypeGradeCap(subtype));
  9147. \t\t\tg     = clipGradeBy(g,   PRODUCT_GRADE_CAP);
  9148. \t\t\treturn g;
  9149. \t\t}
  9151. \t\t/**
  9152. \t\t * ガラスタイプ名から性能区分 'P' (SS, Uw≤1.1) / 'S' (Uw≤1.5) / null を判別.
  9153. \t\t * null = 補助対象外.
  9154. \t\t *
  9155. \t\t * 根拠: YKK AP「ウチリモ 内窓」業務用カタログ (XAAAA-H26-069-1) で
  9156. \t\t *       P (SS) は真空断熱ガラスのみ、Low-E はアルゴン入りでも S 止まり、
  9157. \t\t *       Low-E ガス無 + 型ガラス / フロストは 2026年4月で対象外、
  9158. \t\t *       が確認できた。アルゴン入り Low-E を P 判定する旧ルールは誤りだった。
  9159. \t\t *
  9160. \t\t * シリーズによっては P がそもそも存在しない (LIXIL インプラスは S 一律)
  9161. \t\t * ため、最終的には PFC で商品単位の上限を上書きできる仕組みが必要。
  9162. \t\t */
  9163. \t\tfunction detectGlassPerformance(glassName) {
  9164. \t\t\tif (!glassName) return null;
  9165. \t\t\tvar n = String(glassName);
  9166. \t\t\t// 補助対象外: 単板 / 和紙調 / 防音 / 防犯 / 型ガラス・フロスト (Low-E ガス無の型は 2026/4 で対象外)
  9167. \t\t\tif (/単ガラス|単板|和紙調|防音|防犯|複層\\/型|型ガラス|フロスト/.test(n)) return null;
  9168. \t\t\t// P (SS): 真空断熱ガラスのみ
  9169. \t\t\tif (/真空断熱/.test(n)) return 'P';
  9170. \t\t\t// S: Low-E 系のみ (アルゴン入りでも S 止まり)
  9171. \t\t\tif (/Low-?E/i.test(n)) return 'S';
  9172. \t\t\t// 一般複層 / ブラインドイン複層 / 複層強化 など Low-E 無しの複層は補助対象外
  9173. \t\t\treturn null;
  9174. \t\t}
  9176. \t\t/**
  9177. \t\t * 幅 mm × 高さ mm からサイズ区分 'G' (≥4.0㎡) / 'L' (2.8-3.9) / 'M' (1.6-2.7) / 'S' (0.2-1.5) / null.
  9178. \t\t * null = 補助対象外 (0.2㎡ 未満).
  9179. \t\t */
  9180. \t\tfunction detectSizeClass(w_mm, h_mm) {
  9181. \t\t\tvar w = parseFloat(w_mm) || 0;
  9182. \t\t\tvar h = parseFloat(h_mm) || 0;
  9183. \t\t\tif (w <= 0 || h <= 0) return null;
  9184. \t\t\tvar area = (w * h) / 1000000.0;
  9185. \t\t\tif (area < 0.2) return null;
  9186. \t\t\tif (area < 1.6) return 'S';
  9187. \t\t\tif (area < 2.8) return 'M';
  9188. \t\t\tif (area < 4.0) return 'L';
  9189. \t\t\treturn 'G';
  9190. \t\t}
  9192. \t\tfunction lookupSubsidyAmount(performance, sizeClass) {
  9193. \t\t\tif (!performance || !sizeClass) return 0;
  9194. \t\t\tvar t = WINDOW_SUBSIDY_MATRIX[getCurrentHousingKey()];
  9195. \t\t\tif (!t || !t[performance]) return 0;
  9196. \t\t\treturn t[performance][sizeClass] || 0;
  9197. \t\t}
  9199. \t\t/**
  9200. \t\t * mm 入力値を ladder バケット文字列に変換する.
  9201. \t\t *   bucketizeMm(1750, [\"100cm まで\",\"150cm まで\",\"200cm まで\",\"300cm まで\"]) → \"200cm まで\"
  9202. \t\t * - 入力が空 or 0 のときはそのまま返す (未入力扱い)
  9203. \t\t * - 入力がラダー最大を超えるときは最大バケットを返す (= 価格上限の保護)
  9204. \t\t * - 入力文字列が既にラダーラベルそのものなら無変換 (互換のため)
  9205. \t\t */
  9206. \t\tfunction bucketizeMm(input, ladder) {
  9207. \t\t\tif (!input && input !== 0) return '';
  9208. \t\t\tif (!ladder || ladder.length === 0) return input;
  9209. \t\t\tvar s = String(input).trim();
  9210. \t\t\tif (s === '') return '';
  9211. \t\t\tif (ladder.indexOf(s) >= 0) return s;
  9212. \t\t\tvar mm = parseMm(s);
  9213. \t\t\tif (mm <= 0) return s;
  9214. \t\t\tvar withMax = ladder.map(function(b) { return { label: b, max: parseMm(b) }; });
  9215. \t\t\twithMax.sort(function(a, b) { return a.max - b.max; });
  9216. \t\t\tfor (var i = 0; i < withMax.length; i++) {
  9217. \t\t\t\tif (mm <= withMax[i].max) return withMax[i].label;
  9218. \t\t\t}
  9219. \t\t\treturn withMax[withMax.length - 1].label;
  9220. \t\t}
  9222. \t\t/**
  9223. \t\t * pp 配列から該当 1 行を返す. 完全一致優先、見つからなければ最初の候補.
  9224. \t\t * 軸: subtype (option1) / w / h / m / c. axisMatch は既存ロジックと同じ.
  9225. \t\t * sale_type=2 では pw_val / ph_val に mm 数値が来るため、内部で bucketizeMm
  9226. \t\t * を通してから既存マッチングに渡す.
  9227. \t\t */
  9228. \t\tfunction lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val) {
  9229. \t\t\tif (!pp || pp.length === 0) return null;
  9230. \t\t\tvar pw_bucket = bucketizeMm(pw_val, PP_W_LADDER);
  9231. \t\t\tvar ph_bucket = bucketizeMm(ph_val, PP_H_LADDER);
  9232. \t\t\tvar axMatch = function(input, value) {
  9233. \t\t\t\treturn input == value || input === '指定なし' || value === '' || value == null;
  9234. \t\t\t};
  9235. \t\t\tvar colMatch = function(input, value) {
  9236. \t\t\t\tif (axMatch(input, value)) return true;
  9237. \t\t\t\tif (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  9238. \t\t\t\t\treturn value.split('/').some(function(s) { return s.trim() === input; });
  9239. \t\t\t\t}
  9240. \t\t\t\treturn false;
  9241. \t\t\t};
  9242. \t\t\tvar candidates = pp.filter(function(el) {
  9243. \t\t\t\treturn axMatch(pw_bucket, el.w)
  9244. \t\t\t\t\t&& axMatch(ph_bucket, el.h)
  9245. \t\t\t\t\t&& axMatch(pm_val, el.m)
  9246. \t\t\t\t\t&& axMatch(subtype, el.option1);
  9247. \t\t\t});
  9248. \t\t\tfor (var i = 0; i < candidates.length; i++) {
  9249. \t\t\t\tif (colMatch(pc_val, candidates[i].c)) return candidates[i];
  9250. \t\t\t}
  9251. \t\t\treturn candidates[0] || null;
  9252. \t\t}
  9254. \t\t/**
  9255. \t\t * \"1000mm\" / \"200cm\" / \"1.0m\" / 単位なし → mm に正規化して返す.
  9256. \t\t * UI 上の「200cm まで」等の文字列をそのまま渡せるようにする.
  9257. \t\t */
  9258. \t\tfunction parseMm(s) {
  9259. \t\t\tif (!s) return 0;
  9260. \t\t\tvar str = String(s);
  9261. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)/);
  9262. \t\t\tif (!m) return 0;
  9263. \t\t\tvar num = parseFloat(m[1]);
  9264. \t\t\tif (/mm/i.test(str)) return num;
  9265. \t\t\tif (/cm/i.test(str)) return num * 10;
  9266. \t\t\tif (/(^|\\d)\\s*m(\$|\\W)/i.test(str)) return num * 1000;
  9267. \t\t\treturn num;
  9268. \t\t}
  9270. \t\t/**
  9271. \t\t * 1 タイプブロックから入力を読み、pp lookup → 単価・補助金額を計算して返す.
  9272. \t\t * incomplete=true: 軸のどれかが未選択 → 計算しない (UI で「未選択」を示すため).
  9273. \t\t */
  9274. \t\tfunction collectWindowTypeRow(block) {
  9275. \t\t\tvar get = function(axis) {
  9276. \t\t\t\t// radio / checkbox は :checked、それ以外 (number/text) は値そのまま.
  9277. \t\t\t\tvar radio = block.querySelector('input[data-axis=\"' + axis + '\"]:checked');
  9278. \t\t\t\tif (radio) return radio.value;
  9279. \t\t\t\tvar any = block.querySelector('input[data-axis=\"' + axis + '\"]');
  9280. \t\t\t\tif (!any) return '';
  9281. \t\t\t\tif (any.type === 'radio' || any.type === 'checkbox') return '';
  9282. \t\t\t\treturn (any.value || '').trim();
  9283. \t\t\t};
  9284. \t\t\tvar setqtyEl = block.querySelector('input[data-axis=\"setqty\"]');
  9285. \t\t\tvar subtype = get('subtype');
  9286. \t\t\tvar pw_val  = get('pw');
  9287. \t\t\tvar ph_val  = get('ph');
  9288. \t\t\tvar pm_val  = get('pm');
  9289. \t\t\tvar pc_val  = get('pc');
  9290. \t\t\tvar setqty  = setqtyEl ? Math.max(1, parseInt(setqtyEl.value) || 1) : 1;
  9292. \t\t\tvar row = {
  9293. \t\t\t\tsubtype: subtype, pw: pw_val, ph: ph_val, pm: pm_val, pc: pc_val, setqty: setqty,
  9294. \t\t\t\tunit_price_exc: 0, unit_ct_exc: 0, subsidy: 0,
  9295. \t\t\t\tsize_class: null, glass_perf: null,
  9296. \t\t\t\tincomplete: false
  9297. \t\t\t};
  9299. \t\t\t// p_option1 / p_w / p_h / p_m / color のいずれかが商品データに無いときは未選択でも完了扱いにする.
  9300. \t\t\t// (例: 商品によっては subtype が無い場合がある)
  9301. \t\t\tvar hasSubtype = !!block.querySelector('input[data-axis=\"subtype\"]');
  9302. \t\t\tvar hasPw      = !!block.querySelector('input[data-axis=\"pw\"]');
  9303. \t\t\tvar hasPh      = !!block.querySelector('input[data-axis=\"ph\"]');
  9304. \t\t\tvar hasPm      = !!block.querySelector('input[data-axis=\"pm\"]');
  9305. \t\t\tvar hasPc      = !!block.querySelector('input[data-axis=\"pc\"]');
  9307. \t\t\tif ((hasSubtype && !subtype) || (hasPw && !pw_val) || (hasPh && !ph_val)
  9308. \t\t\t    || (hasPm && !pm_val)  || (hasPc && !pc_val)) {
  9309. \t\t\t\trow.incomplete = true;
  9310. \t\t\t\treturn row;
  9311. \t\t\t}
  9313. \t\t\tvar ppRow = lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val);
  9314. \t\t\tif (ppRow) {
  9315. \t\t\t\trow.unit_price_exc = parseInt(ppRow.price) || 0;
  9316. \t\t\t\trow.unit_ct_exc    = parseInt(ppRow.ct)    || 0;
  9317. \t\t\t}
  9318. \t\t\t// ガラス名検出 → シリーズ上限 → subtype 上限 → 商品上限 の順で min クリップ.
  9319. \t\t\t// 例: LiteU (SERIES_GRADE_CAP_VAL=null) は Low-E でも null に落ちて補助対象外.
  9320. \t\t\t// 例: ウチリモの「内開き窓」subtype は真空ガラスでも S に落ちる.
  9321. \t\t\trow.glass_perf = finalizeGlassGrade(detectGlassPerformance(pm_val), subtype);
  9322. \t\t\trow.size_class = detectSizeClass(parseMm(pw_val), parseMm(ph_val));
  9323. \t\t\trow.subsidy    = lookupSubsidyAmount(row.glass_perf, row.size_class);
  9324. \t\t\treturn row;
  9325. \t\t}
  9327. \t\t/**
  9328. \t\t * sale_type=2 用集計: 全タイプから合計を出し DOM 更新.
  9329. \t\t * 計算式 (税抜→税込で出口で 1.10 倍):
  9330. \t\t *   商品金額 = Σ(各タイプ単価 × set_qty)
  9331. \t\t *   基本工事費 = 1 回分 (各タイプ pp.ct のうち最初に得た非ゼロ値)
  9332. \t\t *   補助金合計 = Σ(各タイプ補助金 × set_qty)
  9333. \t\t *   実質支払額 = (商品+ct+option) 税込 - 補助金合計
  9334. \t\t */
  9335. \t\tfunction recalcAllForSaleType2() {
  9336. \t\t\tif (typeof SALE_TYPE_ID === 'undefined' || SALE_TYPE_ID != 2) return;
  9337. \t\t\tif (!pp || pp.length === 0) {
  9338. \t\t\t\t\$('#mitsumori_message').text('価格データ準備中');
  9339. \t\t\t\t\$('#mitsumori_btn').hide();
  9340. \t\t\t\t['#mitsumori_goukei','#mitsumori_off','#mitsumori_price','#maker_price',
  9341. \t\t\t\t '#mitsumori_ct','#mitsumori_option','#mitsumori_kei','#mitsumori_shoukei','#mitsumori_tax']
  9342. \t\t\t\t .forEach(function(s){ \$(s).text('---円'); });
  9343. \t\t\t\treturn;
  9344. \t\t\t}
  9345. \t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  9346. \t\t\tif (blocks.length === 0) return;
  9348. \t\t\tvar rows = [];
  9349. \t\t\tvar hasIncomplete = false;
  9350. \t\t\tvar baseCt = 0;
  9351. \t\t\tvar hasAnyPriced = false;
  9353. \t\t\tblocks.forEach(function(b) {
  9354. \t\t\t\tvar r = collectWindowTypeRow(b);
  9355. \t\t\t\trows.push({ block: b, row: r });
  9356. \t\t\t\tif (r.incomplete) hasIncomplete = true;
  9357. \t\t\t\tif (r.unit_ct_exc > 0 && baseCt === 0) baseCt = r.unit_ct_exc;
  9358. \t\t\t\tif (r.unit_price_exc > 0) hasAnyPriced = true;
  9359. \t\t\t\tvar subSpan = b.querySelector('.wt-subsidy-amount');
  9360. \t\t\t\tif (subSpan) subSpan.textContent = r.incomplete ? '―' : Math.round(r.subsidy * r.setqty).toLocaleString();
  9361. \t\t\t});
  9363. \t\t\tif (hasIncomplete || !hasAnyPriced) {
  9364. \t\t\t\t\$('#mitsumori_message').text('窓タイプを選択してください');
  9365. \t\t\t\t\$('#mitsumori_btn').hide();
  9366. \t\t\t\treturn;
  9367. \t\t\t}
  9369. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9370. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  9372. \t\t\tvar sumPriceExc = 0, sumSubsidy = 0, totalPanes = 0;
  9373. \t\t\trows.forEach(function(item) {
  9374. \t\t\t\tvar r = item.row;
  9375. \t\t\t\tsumPriceExc += r.unit_price_exc * r.setqty;
  9376. \t\t\t\tsumSubsidy  += r.subsidy * r.setqty;
  9377. \t\t\t\tif (r.unit_price_exc > 0) totalPanes += r.setqty;
  9378. \t\t\t});
  9380. \t\t\t// 内窓 工事費（顧客最終回答）: 1枚目 22,000円 + 2枚目以降 1枚あたり +5,000円（税込表示額）。
  9381. \t\t\t// 既存パイプライン整合のため税抜(ctExc)も用意（税行 taxAmt 用）。商品購入のみは 0。
  9382. \t\t\tvar WINDOW_CT_BASE = 22000, WINDOW_CT_ADD = 5000;
  9383. \t\t\tvar ctIncTarget = purchaseOnly ? 0 : (WINDOW_CT_BASE + Math.max(0, totalPanes - 1) * WINDOW_CT_ADD);
  9384. \t\t\tvar ctExc  = purchaseOnly ? 0 : Math.round(ctIncTarget / (1 + TAX_RATE));
  9385. \t\t\tvar optExc = purchaseOnly ? 0 : (collectOptions().total || 0);
  9387. \t\t\tvar sumPriceInc = Math.round(sumPriceExc * (1 + TAX_RATE));
  9388. \t\t\tvar ctInc       = ctIncTarget;
  9389. \t\t\tvar optInc      = Math.round(optExc * (1 + TAX_RATE));
  9390. \t\t\tvar goukeiInc   = sumPriceInc + ctInc + optInc;
  9392. \t\t\t// 窓リノベ2026 申請条件:
  9393. \t\t\t//   - 補助金合計 ≥ 50,000 円 (5 万円未満は申請不可 → 還元 0 円扱い)
  9394. \t\t\t//   - 1 戸あたり上限 1,000,000 円 (住宅・非住宅240㎡以下)
  9395. \t\t\t//     ※ 非住宅 240㎡超の 10,000,000 円上限は対象外 (商品設計時に別扱い想定)
  9396. \t\t\tvar SUBSIDY_MIN_AMOUNT = 50000;
  9397. \t\t\tvar SUBSIDY_MAX_PER_UNIT = 1000000;
  9398. \t\t\tvar subsidyRawSum = sumSubsidy;
  9399. \t\t\tvar subsidyEligible = subsidyRawSum >= SUBSIDY_MIN_AMOUNT;
  9400. \t\t\tvar subsidyAmt = 0;
  9401. \t\t\tvar subsidyNote = '';
  9402. \t\t\tif (subsidyEligible) {
  9403. \t\t\t\tif (subsidyRawSum > SUBSIDY_MAX_PER_UNIT) {
  9404. \t\t\t\t\tsubsidyAmt = SUBSIDY_MAX_PER_UNIT;
  9405. \t\t\t\t\tsubsidyNote = '※補助上限 ' + SUBSIDY_MAX_PER_UNIT.toLocaleString()
  9406. \t\t\t\t\t\t+ '円 超過分は控除対象外（補助金合計 ' + subsidyRawSum.toLocaleString() + '円）';
  9407. \t\t\t\t} else {
  9408. \t\t\t\t\tsubsidyAmt = subsidyRawSum;
  9409. \t\t\t\t}
  9410. \t\t\t} else if (subsidyRawSum > 0) {
  9411. \t\t\t\tsubsidyNote = '※補助金合計が 5 万円未満のため申請対象外です（'
  9412. \t\t\t\t\t+ subsidyRawSum.toLocaleString() + '円）';
  9413. \t\t\t} else if (SERIES_GRADE_CAP_VAL === null) {
  9414. \t\t\t\t// LiteU 等の単板構成シリーズ: グレード判定で必ず null になる
  9415. \t\t\t\tsubsidyNote = '※本商品は補助金（先進的窓リノベ2026事業）対象外です';
  9416. \t\t\t} else if (PRODUCT_GRADE_CAP === null) {
  9417. \t\t\t\tsubsidyNote = '※本商品は補助金対象外として登録されています';
  9418. \t\t\t}
  9420. \t\t\tvar implementedInc = Math.max(0, goukeiInc - subsidyAmt);
  9421. \t\t\tvar taxAmt      = Math.round((sumPriceExc + ctExc + optExc) * TAX_RATE);
  9423. \t\t\t\$('#mitsumori_message').text(subsidyNote);
  9424. \t\t\t\$('#mitsumori_btn').show();
  9425. \t\t\t\$('#mitsumori_goukei').text(goukeiInc.toLocaleString() + '円');
  9426. \t\t\t\$('#mitsumori_price').text(sumPriceInc.toLocaleString() + '円');
  9427. \t\t\t\$('#mitsumori_ct').text(ctInc.toLocaleString() + '円');
  9428. \t\t\t\$('#mitsumori_option').text(optInc.toLocaleString() + '円');
  9429. \t\t\t\$('#mitsumori_off').text((subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円');
  9430. \t\t\t\$('#maker_price').text('---円'); // 補助金窓では未使用
  9431. \t\t\t\$('#mitsumori_kei').text(goukeiInc.toLocaleString() + '円');
  9432. \t\t\t\$('#mitsumori_shoukei').text(implementedInc.toLocaleString() + '円');
  9433. \t\t\t\$('#mitsumori_tax').text(taxAmt.toLocaleString() + '円');
  9435. \t\t\t// 内訳を mitsumori_json に詰めて hidden input にセット (PDF / カート連携用)
  9436. \t\t\tvar window_types = rows.map(function(item) {
  9437. \t\t\t\tvar r = item.row;
  9438. \t\t\t\t// 幅 / 高さは数値入力 (mm) が来るので \"1750mm\" 形式で保存する.
  9439. \t\t\t\t// 古い radio 由来の \"200cm まで\" 形式が来た場合はそのまま保存して互換.
  9440. \t\t\t\tvar w_mm = parseMm(r.pw);
  9441. \t\t\t\tvar h_mm = parseMm(r.ph);
  9442. \t\t\t\tvar w_save = (w_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.pw))) ? (w_mm + 'mm') : r.pw;
  9443. \t\t\t\tvar h_save = (h_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.ph))) ? (h_mm + 'mm') : r.ph;
  9444. \t\t\t\treturn {
  9445. \t\t\t\t\tsubtype:        r.subtype,
  9446. \t\t\t\t\tw:              w_save,
  9447. \t\t\t\t\th:              h_save,
  9448. \t\t\t\t\tglass:          r.pm,
  9449. \t\t\t\t\tcolor:          r.pc,
  9450. \t\t\t\t\tsetqty:         r.setqty,
  9451. \t\t\t\t\tunit_price_inc: Math.round(r.unit_price_exc * (1 + TAX_RATE)),
  9452. \t\t\t\t\tline_total_inc: Math.round(r.unit_price_exc * r.setqty * (1 + TAX_RATE)),
  9453. \t\t\t\t\tsize_class:     r.size_class,
  9454. \t\t\t\t\tglass_perf:     r.glass_perf,
  9455. \t\t\t\t\tsubsidy_unit:   r.subsidy,
  9456. \t\t\t\t\tsubsidy_total:  r.subsidy * r.setqty
  9457. \t\t\t\t};
  9458. \t\t\t});
  9459. \t\t\tvar opCalc2 = collectOptions();
  9460. \t\t\tvar mitsumori_json = {
  9461. \t\t\t\t\"mitsumori_goukei\": goukeiInc.toLocaleString() + '円',
  9462. \t\t\t\t\"mitsumori_price\":  sumPriceInc.toLocaleString() + '円',
  9463. \t\t\t\t\"mitsumori_ct\":     ctInc.toLocaleString() + '円',
  9464. \t\t\t\t\"mitsumori_option\": optInc.toLocaleString() + '円',
  9465. \t\t\t\t\"mitsumori_off\":    (subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円',
  9466. \t\t\t\t\"maker_price\":      '---円',
  9467. \t\t\t\t\"product_id\":       {{ Product.id }},
  9468. \t\t\t\t\"sale_type\":        SALE_TYPE_ID,
  9469. \t\t\t\t\"housing_key\":      getCurrentHousingKey(),
  9470. \t\t\t\t\"series_key\":       DETECTED_SERIES,
  9471. \t\t\t\t\"series_grade_cap\": (SERIES_GRADE_CAP_VAL === undefined) ? null : SERIES_GRADE_CAP_VAL,
  9472. \t\t\t\t\"product_grade_cap\":(PRODUCT_GRADE_CAP    === undefined) ? null : PRODUCT_GRADE_CAP,
  9473. \t\t\t\t\"window_types\":     window_types,
  9474. \t\t\t\t\"subsidy_total\":    subsidyAmt,
  9475. \t\t\t\t\"subsidy_raw\":      subsidyRawSum,
  9476. \t\t\t\t\"subsidy_eligible\": subsidyEligible,
  9477. \t\t\t\t\"subsidy_note\":     subsidyNote,
  9478. \t\t\t\t\"op_items\":         opCalc2.items
  9479. \t\t\t};
  9480. \t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  9481. \t\t\trenderWindowTypesModalRows(window_types, subsidyAmt);
  9482. \t\t}
  9484. \t\t/**
  9485. \t\t * sale_type=2 用: 見積モーダル明細テーブルを window_types で動的展開.
  9486. \t\t * - 既存の商品名行 (1 行目) は hide() し、各タイプ行を上に挿入
  9487. \t\t * - 基本工事費行はそのまま (#mitsumori_ct_01 / _02 が更新されている)
  9488. \t\t * - 補助金 (割引額) 行を末尾に追加
  9489. \t\t * - 既存の renderOptionDetailRows と共存できるよう class で区別
  9490. \t\t */
  9491. \t\tfunction renderWindowTypesModalRows(window_types, subsidyAmt) {
  9492. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  9493. \t\t\tif (!\$tbody.length) return;
  9494. \t\t\t// 既存の動的行を全削除 (opt-row は既存実装、wt-row / wt-subsidy-row は今回追加)
  9495. \t\t\t\$tbody.find('tr.wt-row, tr.wt-subsidy-row').remove();
  9497. \t\t\tvar \$itemRow = \$tbody.find('tr').first();
  9498. \t\t\tvar fmt = new Intl.NumberFormat('ja-JP');
  9500. \t\t\tif (!window_types || window_types.length === 0) {
  9501. \t\t\t\t// 集計対象なし → 商品名行を表示に戻す
  9502. \t\t\t\t\$itemRow.show();
  9503. \t\t\t\treturn;
  9504. \t\t\t}
  9506. \t\t\twindow_types.forEach(function(wt, i) {
  9507. \t\t\t\tvar label = '窓タイプ' + (i + 1) + '：'
  9508. \t\t\t\t\t+ (wt.subtype || '') + ' / '
  9509. \t\t\t\t\t+ (wt.w || '') + '×' + (wt.h || '') + ' / '
  9510. \t\t\t\t\t+ (wt.glass || '') + ' / '
  9511. \t\t\t\t\t+ (wt.color || '');
  9512. \t\t\t\tvar \$tr = \$('<tr class=\"wt-row\"></tr>')
  9513. \t\t\t\t\t.append('<td>' + label + '</td>')
  9514. \t\t\t\t\t.append('<td>' + wt.setqty + '</td>')
  9515. \t\t\t\t\t.append('<td>セット</td>')
  9516. \t\t\t\t\t.append('<td>' + fmt.format(wt.unit_price_inc) + '円</td>')
  9517. \t\t\t\t\t.append('<td>' + fmt.format(wt.line_total_inc) + '円</td>');
  9518. \t\t\t\t\$itemRow.before(\$tr);
  9519. \t\t\t});
  9521. \t\t\t// 元の商品名行は複数タイプに置換されたので非表示
  9522. \t\t\t\$itemRow.hide();
  9524. \t\t\t// 補助金（割引額）行を末尾に追加
  9525. \t\t\tif (subsidyAmt > 0) {
  9526. \t\t\t\tvar \$subRow = \$('<tr class=\"wt-subsidy-row\"></tr>')
  9527. \t\t\t\t\t.append('<td>補助金（割引額）</td>')
  9528. \t\t\t\t\t.append('<td>1</td>')
  9529. \t\t\t\t\t.append('<td>式</td>')
  9530. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>')
  9531. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>');
  9532. \t\t\t\t\$tbody.append(\$subRow);
  9533. \t\t\t}
  9534. \t\t}
  9536. \t\t// 公開: onWindowTypeAxisChange (UI 骨格 task 1) からも呼ばれる
  9537. \t\twindow.recalcAll = recalcAllForSaleType2;
  9539. \t\t// 公開: ガラス選択肢が補助金対象か (窓タイプブロック生成時のバッジ判定に使う).
  9540. \t\t// subtype は P→S に落とすことはあっても null にはしないため、性能区分の
  9541. \t\t// 対象/対象外は subtype に依存しない。ここでは series/product 上限のみ適用し、
  9542. \t\t// finalizeGlassGrade が null でなければ「補助金対象ガラス」と判定する。
  9543. \t\twindow.glassYieldsSubsidy = function(glassName) {
  9544. \t\t\tif (!glassName) return false;
  9545. \t\t\treturn finalizeGlassGrade(detectGlassPerformance(glassName), '') !== null;
  9546. \t\t};
  9548. \t\tfunction mitsumori_simulation(type , value_id){
  9549. \t\t\t// sale_type=2 (補助金窓) は複数タイプ集計 UI に統合済み. 既存 mitsumori_simulation は使わない.
  9550. \t\t\tif (typeof SALE_TYPE_ID !== 'undefined' && SALE_TYPE_ID == 2) {
  9551. \t\t\t\t// type/value_id が op\\d+ (施工オプション) の場合はグローバル変数を先に更新
  9552. \t\t\t\tif (type && /^op\\d+\$/.test(type) && value_id) {
  9553. \t\t\t\t\tvar v = \$('#'+value_id).val();
  9554. \t\t\t\t\tif (type === 'op0')  op0  = v;
  9555. \t\t\t\t\tif (type === 'op1')  op1  = v;
  9556. \t\t\t\t\tif (type === 'op2')  op2  = v;
  9557. \t\t\t\t\tif (type === 'op3')  op3  = v;
  9558. \t\t\t\t\tif (type === 'op4')  op4  = v;
  9559. \t\t\t\t\tif (type === 'op5')  op5  = v;
  9560. \t\t\t\t\tif (type === 'op6')  op6  = v;
  9561. \t\t\t\t\tif (type === 'op7')  op7  = v;
  9562. \t\t\t\t\tif (type === 'op8')  op8  = v;
  9563. \t\t\t\t\tif (type === 'op9')  op9  = v;
  9564. \t\t\t\t\tif (type === 'op10') op10 = v;
  9565. \t\t\t\t}
  9566. \t\t\t\trecalcAllForSaleType2();
  9567. \t\t\t\treturn;
  9568. \t\t\t}
  9570. \t\t\t// 価格データ未登録 (pp 行 0 件) の商品は axis 入力に依存せず
  9571. \t\t\t// 「価格データ準備中」を表示して終了する.
  9572. \t\t\t// (例: scrape 未対象の新規商品 — um のウチリモ 7487/7488 等)
  9573. \t\t\tif (!pp || pp.length === 0) {
  9574. \t\t\t\t\$('#mitsumori_message').text(\"価格データ準備中\");
  9575. \t\t\t\t\$('#mitsumori_btn').hide();
  9576. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  9577. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  9578. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  9579. \t\t\t\t\$('#maker_price').text(\"---円\");
  9580. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  9581. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  9582. \t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  9583. \t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  9584. \t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  9585. \t\t\t\treturn;
  9586. \t\t\t}
  9587. \t\t\tif(type == \"pw\"){
  9588. \t\t\t\tpw = \$('#'+value_id).val();
  9589. \t\t\t}
  9590. \t\t\tif(type == \"pd\"){
  9591. \t\t\t\tpd = \$('#'+value_id).val();
  9592. \t\t\t}
  9593. \t\t\tif(type == \"ph\"){
  9594. \t\t\t\tph = \$('#'+value_id).val();
  9595. \t\t\t}
  9596. \t\t\tif(type == \"pm\"){
  9597. \t\t\t\tpm = \$('#'+value_id).val();
  9598. \t\t\t}
  9599. \t\t\tif(type == \"pc\"){
  9600. \t\t\t\tpc = \$('#'+value_id).val();
  9601. \t\t\t}
  9602. \t\t\tif(type == \"option1\"){
  9603. \t\t\t\toption1 = \$('#'+value_id).val();
  9604. \t\t\t}
  9605. \t\t\tif(type == \"option2\"){
  9606. \t\t\t\toption2 = \$('#'+value_id).val();
  9607. \t\t\t}
  9608. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  9609. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  9610. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  9611. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  9612. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  9613. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  9614. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  9615. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  9616. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  9617. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  9618. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  9620. \t\t\t// op0 が「商品購入のみ」のとき、他のオプション (op1..op10) を disable 化.
  9621. \t\t\t// 価格計算側 (calcGoukei の purchaseOnly 分岐) は既にゼロ化しているが、
  9622. \t\t\t// UI で選択可能に見えるとユーザーが混乱するため radio を完全に無効化する.
  9623. \t\t\t(function applyPurchaseOnlyUI() {
  9624. \t\t\t\tvar isPurchaseOnly = (op0 === '商品購入のみ');
  9625. \t\t\t\tfor (var k = 1; k <= 10; k++) {
  9626. \t\t\t\t\tvar \$inputs = \$('input[name=\"op' + k + '\"]');
  9627. \t\t\t\t\tif (\$inputs.length === 0) continue;
  9628. \t\t\t\t\t\$inputs.prop('disabled', isPurchaseOnly);
  9629. \t\t\t\t\tvar \$group = \$inputs.first().closest('.form-group');
  9630. \t\t\t\t\t\$group.css({
  9631. \t\t\t\t\t\t'opacity':        isPurchaseOnly ? '0.4'  : '1',
  9632. \t\t\t\t\t\t'pointer-events': isPurchaseOnly ? 'none' : 'auto'
  9633. \t\t\t\t\t});
  9634. \t\t\t\t}
  9635. \t\t\t})();
  9637. \t\t\t// 全 type 共通: 該当 radio を checked にし、ボタンの is-selected を付け替え + ラベル更新.
  9638. \t\t\t//   value_id が指定されていて、対応する DOM 要素が opt-btn 配下にあれば適用する.
  9639. \t\t\t//   (icheck-danger 形式から opt-btn 形式に統一した際、option1/option2/pw/pd/ph/pm/pc 等の
  9640. \t\t\t//    クリックで is-selected が更新されない不具合があったため、op\\d+ 限定の処理を一般化)
  9641. \t\t\tif (value_id) {
  9642. \t\t\t\tvar \$clicked = \$('#' + value_id);
  9643. \t\t\t\tif (\$clicked.length && \$clicked.closest('.opt-btn').length) {
  9644. \t\t\t\t\t\$clicked.prop('checked', true);
  9645. \t\t\t\t\tvar groupName = \$clicked.attr('name');
  9646. \t\t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  9647. \t\t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  9648. \t\t\t\t\tvar \$group = \$clicked.closest('.form-group');
  9649. \t\t\t\t\tvar \$label = \$group.find('.rp-section-label');
  9650. \t\t\t\t\tif (\$label.length) {
  9651. \t\t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  9652. \t\t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  9653. \t\t\t\t\t}
  9654. \t\t\t\t\t// op_data の price=0 & 解体/撤去/設置場所 オプションの場合、ON 選択時に「現場調査後に正式お見積もり」文言を表示.
  9655. \t\t\t\t\t//   (twig 側で is_removal_unknown ブロックを描画済み。display 切替のみ JS で行う)
  9656. \t\t\t\t\tif (/^op\\d+\$/.test(type)) {
  9657. \t\t\t\t\t\tvar opIdx = type.replace('op', '');
  9658. \t\t\t\t\t\tvar opEntry = op_data[parseInt(opIdx)];
  9659. \t\t\t\t\t\tif (opEntry) {
  9660. \t\t\t\t\t\t\tvar \$note = \$group.find('.opt-survey-note[data-op-idx=\"' + opIdx + '\"]');
  9661. \t\t\t\t\t\t\tif (\$note.length) {
  9662. \t\t\t\t\t\t\t\tvar isOn = (\$clicked.val() === opEntry.on);
  9663. \t\t\t\t\t\t\t\t\$note.toggle(isOn);
  9664. \t\t\t\t\t\t\t}
  9665. \t\t\t\t\t\t}
  9666. \t\t\t\t\t\t// wd (sale_type=5) のステップ / デッキフェンス用の注記もここで切替.
  9667. \t\t\t\t\t\t//   ステップ → deck_step (op0 だが op_data 範囲外), 必要 選択時に表示.
  9668. \t\t\t\t\t\tvar radioName = \$clicked.attr('name');
  9669. \t\t\t\t\t\tif (radioName === 'deck_step') {
  9670. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-step').toggle(\$clicked.val() === '必要');
  9671. \t\t\t\t\t\t} else if (radioName === 'deck_fence') {
  9672. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-fence').toggle(\$clicked.val() === '必要');
  9673. \t\t\t\t\t\t}
  9674. \t\t\t\t\t}
  9675. \t\t\t\t}
  9676. \t\t\t}
  9678. \t\t\t// 必須項目チェックは sale_type 1 系（カーポート/物置/フェンスなど価格マトリクス必要）に限定
  9679. \t\t\tvar requireMatrix = (SALE_TYPE_ID == 1 || SALE_TYPE_ID == 2 || SALE_TYPE_ID == 3 || SALE_TYPE_ID == 4 || SALE_TYPE_ID == 5 || SALE_TYPE_ID == 6 || SALE_TYPE_ID == 7 || SALE_TYPE_ID == 9);
  9681. \t\t\t// sale_type=3 (物置・ゴミステーション・照明 等) では「素材」を選択肢として扱わない.
  9682. \t\t\t//   - mo/gs/sy は m が \"指定なし\" など名目的にしか入っていない
  9683. \t\t\t//   - sl は m が空のままで matrix に行が来る
  9684. \t\t\t//   そのため pm の必須チェックを sale_type=3 でスキップする。
  9685. \t\t\tvar pmRequired = (SALE_TYPE_ID != 3);
  9687. \t\t\tif (requireMatrix) {
  9688. \t\t\t\tif(pmRequired && pm == \"\"){
  9689. \t\t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  9690. \t\t\t\t}
  9691. \t\t\t\tif(ph == \"\"){
  9692. \t\t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  9693. \t\t\t\t}
  9694. \t\t\t\tif(pd == \"\"){
  9695. \t\t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  9696. \t\t\t\t}
  9697. \t\t\t\tif(pw == \"\"){
  9698. \t\t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  9699. \t\t\t\t}
  9700. \t\t\t\tif(pc == \"\"){
  9701. \t\t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  9702. \t\t\t\t\t\$('#mitsumori_btn').hide();
  9703. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  9704. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  9705. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  9706. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  9707. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  9708. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  9709. \t\t\t\t}
  9710. \t\t\t}
  9712. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && (!pmRequired || pm != \"\") && pc != \"\"){
  9713. \t\t\t\t\$('#mitsumori_btn').show();
  9715. \t\t\t\t// 入力コンテキスト（sale_type 別パラメータ）
  9716. \t\t\t\tvar ctx = {
  9717. \t\t\t\t\tset_count:    parseInt(\$('#set_count').val())    || 1,
  9718. \t\t\t\t\tdaisu:        parseInt(\$('#daisu').val())        || 1,
  9719. \t\t\t\t\tmaisu:        parseInt(\$('#maisu').val())        || 3,
  9720. \t\t\t\t\tsuuryou:      parseInt(\$('#suuryou').val())      || 1,
  9721. \t\t\t\t\tarea:         (function(){
  9722. \t\t\t\t\t\t// tf(人工芝): 施工サイズ 縦(m)×横(m) から面積を算出し #area に反映.
  9723. \t\t\t\t\t\tvar L = parseFloat(\$('#tf_len').val()) || 0;
  9724. \t\t\t\t\t\tvar W = parseFloat(\$('#tf_wid').val()) || 0;
  9725. \t\t\t\t\t\tif (L > 0 && W > 0) { var a = L * W; \$('#area').val(a); return a; }
  9726. \t\t\t\t\t\treturn parseFloat(\$('#area').val()) || 0;
  9727. \t\t\t\t\t})(),
  9728. \t\t\t\t\ttf_len:       parseFloat(\$('#tf_len').val())     || 0,
  9729. \t\t\t\t\ttf_wid:       parseFloat(\$('#tf_wid').val())     || 0,
  9730. \t\t\t\t\ttf_qty:       parseInt(\$('#tf_qty').val())       || 1,
  9731. \t\t\t\t\tquantityOnly: parseInt(\$('#quantity_only').val())|| 1,
  9732. \t\t\t\t\tmado_w:       \$('#mado_w').val() || '',
  9733. \t\t\t\t\tmado_h:       \$('#mado_h').val() || '',
  9734. \t\t\t\t\tmado_type:    \$('input[name=mado_type]:checked').val()  || '',
  9735. \t\t\t\t\tglass_type:   \$('input[name=glass_type]:checked').val() || '',
  9736. \t\t\t\t\tdeck_step:    \$('input[name=deck_step]:checked').val()  || '',
  9737. \t\t\t\t\tdeck_fence:   \$('input[name=deck_fence]:checked').val() || '',
  9738. \t\t\t\t};
  9740. \t\t\t\t// 施工オプション集計（残土処理を含む）
  9741. \t\t\t\tvar opCalc = collectOptions();
  9743. \t\t\t\tvar pp_matched = false;
  9744. \t\t\t\t// 各軸の汎用 axisMatch:
  9745. \t\t\t\t//   user 選択 == matrix 値 / user \"指定なし\" / matrix 値が空
  9746. \t\t\t\tvar axisMatch = function(input, value){
  9747. \t\t\t\t    return input == value || input == \"指定なし\" || value === \"\" || value == null;
  9748. \t\t\t\t};
  9749. \t\t\t\t// 色専用マッチャー: scraper のデータ形式に合わせて拡張する
  9750. \t\t\t\t//   1. 完全一致 / \"指定なし\" / 値が空 → 真 (axisMatch と同じ)
  9751. \t\t\t\t//   2. matrix 値が \"色1/色2/色3\" の形 (同価格グループ) → split して user 選択が含まれれば真
  9752. \t\t\t\t// scraper のロジック (scraper_price.py L765-779):
  9753. \t\t\t\t//   全色同価格 → c=\"\"、価格違いグループあり → 各 group を \"/\" 結合した色名で 1 行
  9754. \t\t\t\tvar colorMatch = function(input, value){
  9755. \t\t\t\t    if (axisMatch(input, value)) return true;
  9756. \t\t\t\t    if (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  9757. \t\t\t\t        var parts = value.split('/');
  9758. \t\t\t\t        for (var idx = 0; idx < parts.length; idx++) {
  9759. \t\t\t\t            if (parts[idx].trim() === input) return true;
  9760. \t\t\t\t        }
  9761. \t\t\t\t    }
  9762. \t\t\t\t    return false;
  9763. \t\t\t\t};
  9765. \t\t\t\t// 他軸 (w/d/h/m + option1/option2) でマッチする pp 行を抽出.
  9766. \t\t\t\t// option1/option2 は um の subtype 等で使われる. axisMatch は free_area 側が
  9767. \t\t\t\t// 空のとき真を返すので、um 以外のカテゴリ (option 軸を使わない) でも影響なし.
  9768. \t\t\t\tvar candidates = pp.filter(function(el){
  9769. \t\t\t\t    return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m)
  9770. \t\t\t\t        && axisMatch(option1, el.option1) && axisMatch(option2, el.option2);
  9771. \t\t\t\t});
  9772. \t\t\t\t// フォールバック: 全軸一致が 0 件のときに限り option1/option2 を無視して再マッチ。
  9773. \t\t\t\t// 玄関ドア等で option1(なし/ランマ付き)・option2(◯◯タイプ) が pm(開き方) から
  9774. \t\t\t\t// 導出可能な冗長軸で、未選択だと全軸 AND 一致を満たせず価格が出ない事象の救済。
  9775. \t\t\t\t// pm/幅/奥行/高さ は従来どおり一致を要求するため通常商品の価格選択に影響しない。
  9776. \t\t\t\tif (candidates.length === 0) {
  9777. \t\t\t\t    candidates = pp.filter(function(el){
  9778. \t\t\t\t        return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m);
  9779. \t\t\t\t    });
  9780. \t\t\t\t}
  9781. \t\t\t\tvar picked = null;
  9783. \t\t\t\t// 優先 1: 色も含めて完全一致 (\"色1/色2\" 形式の split match を含む)
  9784. \t\t\t\tfor (var ii = 0; ii < candidates.length; ii++) {
  9785. \t\t\t\t    if (colorMatch(pc, candidates[ii].c)) { picked = candidates[ii]; break; }
  9786. \t\t\t\t}
  9788. \t\t\t\t// 優先 2: 完全一致なし & user の pc が候補のどの c 値にも該当しない (= 命名違い等)
  9789. \t\t\t\t//   かつ候補全行で price が一致する場合は、色軸を実質無視して先頭行を採用.
  9790. \t\t\t\t//   例 id=3353: pp.c は \"ステンカラー＋...\" 6種だが price は全て同じなので
  9791. \t\t\t\t//     SM(スミ) を選んでも安全に最初の行の価格を返せる.
  9792. \t\t\t\tif (!picked && candidates.length > 0) {
  9793. \t\t\t\t    var ppCsInCand = candidates.map(function(r){ return r.c || ''; });
  9794. \t\t\t\t    var pcAbsent = (pc !== '' && pc !== '指定なし' && ppCsInCand.indexOf(pc) === -1
  9795. \t\t\t\t                    && ppCsInCand.every(function(v){ return v.indexOf('/') === -1 || v.split('/').map(function(s){return s.trim();}).indexOf(pc) === -1; }));
  9796. \t\t\t\t    if (pcAbsent) {
  9797. \t\t\t\t        var uniqPrices = new Set();
  9798. \t\t\t\t        candidates.forEach(function(r){ uniqPrices.add(String(r.price)); });
  9799. \t\t\t\t        if (uniqPrices.size === 1) {
  9800. \t\t\t\t            // 全候補同価格 → 色軸を wildcard 扱いで OK
  9801. \t\t\t\t            picked = candidates[0];
  9802. \t\t\t\t        }
  9803. \t\t\t\t        // 価格が異なる場合は意図的に picked=null のまま「対応しておりません」.
  9804. \t\t\t\t    }
  9805. \t\t\t\t}
  9806. \t\t\t\tpp.forEach((el) => {
  9807. \t\t\t\t  if (el === picked) {
  9808. \t\t\t\t\tpp_matched = true;
  9810. \t\t\t\t\t// tg block-keyed オプション差額を集計 (tg 以外は total=0)
  9811. \t\t\t\t\tvar oiCalc = collectOptionItems(el.w || '', el.d || '');
  9812. \t\t\t\t\t// tg ブロックに合わせてラジオを再描画 (tg 以外は no-op)
  9813. \t\t\t\t\trenderOptionItemRadios(el.w || '', el.d || '');
  9814. \t\t\t\t\t// fe ブロックの種類×段数 サブ radio (fe 以外/未設定は no-op)
  9815. \t\t\t\t\trenderFeBlockRadios();
  9816. \t\t\t\t\t// fe ご希望のフェンス設置方法 — 「既存ブロックに穴空け」 entry の連動表示
  9817. \t\t\t\t\tupdateFeOpConditionalVisibility();
  9819. \t\t\t\t\tvar calc       = calcGoukei(el, opCalc.total, ctx);
  9820. \t\t\t\t\tvar goukei     = calc.goukei;
  9821. \t\t\t\t\tvar price      = calc.price;
  9822. \t\t\t\t\tvar ct         = calc.ct;
  9823. \t\t\t\t\tvar optionSum  = calc.opt;
  9824. \t\t\t\t\t// tf(人工芝): 必要枚数入力へ算出結果を反映（施工サイズ入力時は上書き、
  9825. \t\t\t\t\t// 直接指定時は同値なので実質変化なし。要素が無い sale_type では no-op）
  9826. \t\t\t\t\tvar \$tfQty = \$('#tf_qty');
  9827. \t\t\t\t\tif (\$tfQty.length) \$tfQty.val(calc.qty || 1);
  9828. \t\t\t\t\t// オプション差額は税抜 → 税込に変換して合計に加算
  9829. \t\t\t\t\tvar oiIncTax   = toIncTax(oiCalc.total);
  9830. \t\t\t\t\tgoukei += oiIncTax;
  9831. \t\t\t\t\tprice  += oiIncTax;  // 差額は本体価格扱いとして mitsumori_price にも加算
  9832. \t\t\t\t\t// maker_price も scraper が税抜で保存しているため税込に変換
  9833. \t\t\t\tvar makerPrice = toIncTax(parseInt(el.maker_price) || 0);
  9835. \t\t\t\t\t\$('#mitsumori_message').text(formatter.format(goukei) + \"円\");
  9836. \t\t\t\t\t\$('#mitsumori_goukei').text(formatter.format(goukei) + \"円\");
  9837. \t\t\t\t\t\$('#mitsumori_off').text(formatter.format(price - makerPrice) + \"円\");
  9838. \t\t\t\t\t\$('#mitsumori_price').text(formatter.format(price) + \"円\");
  9839. \t\t\t\t\t\$('#maker_price').text(formatter.format(makerPrice) + \"円\");
  9840. \t\t\t\t\t\$('#mitsumori_ct').text(formatter.format(ct) + \"円\");
  9841. \t\t\t\t\t\$('#mitsumori_option').text(formatter.format(optionSum) + \"円\");
  9843. \t\t\t\t\t\$('#mitsumori_kei').text(formatter.format(goukei) + \"円\");
  9844. \t\t\t\t\t\$('#mitsumori_price_01').text(formatter.format(price) + \"円\");
  9845. \t\t\t\t\t\$('#mitsumori_price_02').text(formatter.format(price) + \"円\");
  9846. \t\t\t\t\t\$('#mitsumori_ct_01').text(formatter.format(ct) + \"円\");
  9847. \t\t\t\t\t\$('#mitsumori_ct_02').text(formatter.format(ct) + \"円\");
  9848. \t\t\t\t\t\$('#mitsumori_goukei_02').text(formatter.format(goukei) + \"円\");
  9850. \t\t\t\t\tvar shoukei = goukei / 1.1;
  9851. \t\t\t\t\tvar tax     = parseInt(goukei - shoukei);
  9852. \t\t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  9853. \t\t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + \"円\");
  9855. \t\t\t\t\t// PDF 明細用：オプション内訳テーブルを差し込む (施工オプション + tg block オプション)
  9856. \t\t\t\t\trenderOptionDetailRows(opCalc.items.concat(oiCalc.items.map(function(it){
  9857. \t\t\t\t\t\treturn { name: it.name, value: it.label, price: it.diff };
  9858. \t\t\t\t\t})));
  9859. \t\t\t\t  }
  9860. \t\t\t\t});
  9862. \t\t\t\tif (!pp_matched) {
  9863. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  9864. \t\t\t\t\t\$('#mitsumori_btn').hide();
  9865. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  9866. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  9867. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  9868. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  9869. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  9870. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  9871. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  9872. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  9873. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  9874. \t\t\t\t}
  9876. \t\t\t\t// mitsumori_json: バック側に送信する見積データ
  9877. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  9878. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  9879. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  9880. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  9881. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  9882. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  9883. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  9884. \t\t\t\t\t\t\t\t\t\t\"product_id\": {{ Product.id }},
  9885. \t\t\t\t\t\t\t\t\t\t\"sale_type\": SALE_TYPE_ID,
  9886. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  9887. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  9888. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  9889. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  9890. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  9891. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  9892. \t\t\t\t\t\t\t\t\t\t\"op_items\": opCalc.items,
  9893. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     ctx.mado_w,
  9894. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     ctx.mado_h,
  9895. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  ctx.mado_type,
  9896. \t\t\t\t\t\t\t\t\t\t\"glass_type\": ctx.glass_type,
  9897. \t\t\t\t\t\t\t\t\t\t\"set_count\":  ctx.set_count,
  9898. \t\t\t\t\t\t\t\t\t\t\"daisu\":      ctx.daisu,
  9899. \t\t\t\t\t\t\t\t\t\t\"maisu\":      ctx.maisu,
  9900. \t\t\t\t\t\t\t\t\t\t\"suuryou\":    ctx.suuryou,
  9901. \t\t\t\t\t\t\t\t\t\t\"area\":       ctx.area,
  9902. \t\t\t\t\t\t\t\t\t\t\"tf_len\":     ctx.tf_len,
  9903. \t\t\t\t\t\t\t\t\t\t\"tf_wid\":     ctx.tf_wid,
  9904. \t\t\t\t\t\t\t\t\t\t\"tf_qty\":     \$('#tf_qty').val(),
  9905. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  ctx.deck_step,
  9906. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": ctx.deck_fence };
  9908. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  9909. \t\t\t}
  9910. \t\t}
  9912. \t\t// PDF/モーダル明細の動的差し替え（基本工事費の次にオプション行を追加）
  9913. \t\tfunction renderOptionDetailRows(items) {
  9914. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  9915. \t\t\tif (!\$tbody.length) return;
  9916. \t\t\t\$tbody.find('tr.opt-row').remove();
  9917. \t\t\tvar anchorRow = \$tbody.find('tr').filter(function(){
  9918. \t\t\t\treturn \$(this).find('td:first').text().indexOf('残土') !== -1
  9919. \t\t\t\t\t|| \$(this).find('td:first').text().indexOf('基本工事費') !== -1;
  9920. \t\t\t}).last();
  9921. \t\t\titems.forEach(function(it){
  9922. \t\t\t\tif (!it.name || !it.value) return;
  9923. \t\t\t\tvar priceTxt = it.price > 0
  9924. \t\t\t\t\t? formatter.format(it.price) + '円'
  9925. \t\t\t\t\t: '0円';
  9926. \t\t\t\tvar \$tr = \$('<tr class=\"opt-row\"></tr>')
  9927. \t\t\t\t\t.append('<td>' + it.name + '：' + it.value + '</td>')
  9928. \t\t\t\t\t.append('<td>1</td>')
  9929. \t\t\t\t\t.append('<td>式</td>')
  9930. \t\t\t\t\t.append('<td>' + priceTxt + '</td>')
  9931. \t\t\t\t\t.append('<td>' + (it.price > 0 ? formatter.format(it.price) + '円' : '') + '</td>');
  9932. \t\t\t\tif (anchorRow.length) {
  9933. \t\t\t\t\tanchorRow.after(\$tr);
  9934. \t\t\t\t\tanchorRow = \$tr;
  9935. \t\t\t\t} else {
  9936. \t\t\t\t\t\$tbody.append(\$tr);
  9937. \t\t\t\t}
  9938. \t\t\t});
  9939. \t\t}
  9941. \t\t// 見積書モーダルを開く直前に、右側「現在のお見積り額」パネルの表示値を
  9942. \t\t// モーダル内の対応 ID にコピーして金額の食い違いを防ぐ。
  9943. \t\t// pw/pd/ph/pm が未選択で mitsumori_simulation の full update に到達しない場合でも、
  9944. \t\t// パネル側の値（HTML 静的初期値 or 直近の simulation 結果）が modal にも反映される。
  9945. \t\tfunction syncMitsumoriModalFromPanel() {
  9946. \t\t\tvar goukeiText = \$('#mitsumori_goukei').text();
  9947. \t\t\tvar priceText  = \$('#mitsumori_price').text();
  9948. \t\t\tvar ctText     = \$('#mitsumori_ct').text();
  9950. \t\t\t\$('#mitsumori_kei').text(goukeiText);
  9951. \t\t\t\$('#mitsumori_price_01').text(priceText);
  9952. \t\t\t\$('#mitsumori_price_02').text(priceText);
  9953. \t\t\t\$('#mitsumori_ct_01').text(ctText);
  9954. \t\t\t\$('#mitsumori_ct_02').text(ctText);
  9955. \t\t\t\$('#mitsumori_goukei_02').text(goukeiText);
  9957. \t\t\t// 小計 / 消費税 は税込 goukei から逆算
  9958. \t\t\tvar num = parseInt(goukeiText.replace(/[^\\d-]/g, ''), 10);
  9959. \t\t\tif (!isNaN(num) && num > 0) {
  9960. \t\t\t\tvar shoukei = Math.round(num / 1.1);
  9961. \t\t\t\tvar tax     = num - shoukei;
  9962. \t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(shoukei) + '円');
  9963. \t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + '円');
  9964. \t\t\t} else {
  9965. \t\t\t\t\$('#mitsumori_shoukei').text('---円');
  9966. \t\t\t\t\$('#mitsumori_tax').text('---円');
  9967. \t\t\t}
  9968. \t\t}
  9970. \t\t\$(document).on('show.bs.modal', '#modal-mitsumori', function () {
  9971. \t\t\tsyncMitsumoriModalFromPanel();
  9972. \t\t});
  9974.         {# pc の auto-init: pw/pd/ph/pm と同じく p_c（matrix 派生）の length==1 or 全空で「指定なし」化.
  9975.            search_word(color) が空の「複合色」型商品で pc が空のまま放置されて
  9976.            「カラーを選択してください」固定になるバグの修正.
  9977.            search_word に登録された name があれば優先採用. #}
  9978.         {% if p_c and (p_c|length == 1 or p_c|join == \"\") %}
  9979.             pc = \"指定なし\";
  9980.             {% for pc_val in p_c %}{% if pc_val %} pc = \"{{ pc_val }}\"; {% endif %}{% endfor %}
  9981.             {% if color and color|length == 1 %}
  9982.                 {% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  9983.             {% endif %}
  9984.         {% elseif color and color|length == 1 %}
  9985.             pc = \"指定なし\";
  9986. \t\t\t{% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  9987. \t\t{% endif %}
  9989.         {% if p_w and (p_w|length == 1 or p_w|join == \"\") %}
  9990.             pw = \"指定なし\";
  9991. \t\t\t{% for pw in p_w %}{% if pw %} pw = \"{{ pw }}\"; {% endif %}{% endfor %}
  9992. \t\t{% endif %}
  9994.         {% if p_d and (p_d|length == 1 or p_d|join == \"\") %}
  9995.             pd = \"指定なし\";
  9996. \t\t\t{% for pd in p_d %}{% if pd %} pd = \"{{ pd }}\"; {% endif %}{% endfor %}
  9997. \t\t{% endif %}
  9999.         {% if p_h and (p_h|length == 1 or p_h|join == \"\") %}
  10000.             ph = \"指定なし\";
  10001. \t\t\t{% for ph in p_h %}{% if ph %} ph = \"{{ ph }}\"; {% endif %}{% endfor %}
  10002. \t\t{% endif %}
  10004.         {% if p_m and (p_m|length == 1 or p_m|join == \"\") %}
  10005.             pm = \"指定なし\";
  10006. \t\t\t{% for pm in p_m %}{% if pm %} pm = \"{{ pm }}\"; {% endif %}{% endfor %}
  10007. \t\t{% endif %}
  10009.         {# p_option1 / p_option2 の auto-init: length==1 or 全空で JS 変数を埋める #}
  10010.         {% if p_option1 and (p_option1|length == 1 or p_option1|join == \"\") %}
  10011.             option1 = \"\";
  10012. \t\t\t{% for opt1 in p_option1 %}{% if opt1 %} option1 = \"{{ opt1|e('js') }}\"; {% endif %}{% endfor %}
  10013. \t\t{% endif %}
  10015.         {% if p_option2 and (p_option2|length == 1 or p_option2|join == \"\") %}
  10016.             option2 = \"\";
  10017. \t\t\t{% for opt2 in p_option2 %}{% if opt2 %} option2 = \"{{ opt2|e('js') }}\"; {% endif %}{% endfor %}
  10018. \t\t{% endif %}
  10020. \t\t// カラー radio が複数あるとき初期チェックが無いと「カラーを選択してください」固定になるので、
  10021. \t\t// 何もチェックされていなければ「最初の radio」を選択する。
  10022. \t\t// sale_type≠3 は name=\"color\", sale_type=3 は name=\"color3\".
  10023. \t\t//
  10024. \t\t// 注意:
  10025. \t\t//   ・search_word（= radio の値）と pp.c（= matrix の色軸）は別の命名体系のケースがある
  10026. \t\t//     （例 id=3353: radio=\"SM(スミ)\" / pp.c=\"ステンカラー＋セピアブラウン\"）
  10027. \t\t//   ・pp.c に合わせて radio を選ぼうとしても文字列一致しないので無意味。
  10028. \t\t//   ・単純に「先頭の radio」を選ぶ実装に戻し、マッチング側で命名体系違いを吸収する
  10029. \t\t//     （pc が pp.c のどの値にもマッチしないときは色軸を wildcard 扱いにする）。
  10030. \t\t//   ・.rp-section-label のテキストも忘れずに同期する（古い session 値が残ると
  10031. \t\t//     \"ステンカラー＋セピアブラウン\" のような表示と実際の radio が食い違う）。
  10032. \t\t(function autoSelectFirstColor(){
  10033. \t\t\tvar groups = ['color', 'color3'];
  10034. \t\t\tfor (var gi = 0; gi < groups.length; gi++) {
  10035. \t\t\t\tvar name = groups[gi];
  10036. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');
  10037. \t\t\t\tif (nodes.length === 0) continue;
  10038. \t\t\t\tvar anyChecked = false;
  10039. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  10040. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  10041. \t\t\t\t}
  10042. \t\t\t\tif (anyChecked) continue;
  10044. \t\t\t\tvar target = nodes[0];
  10045. \t\t\t\ttarget.checked = true;
  10046. \t\t\t\tpc = target.value;
  10048. \t\t\t\t// opt-btn の is-selected を付け替え
  10049. \t\t\t\tvar lbl = target.closest('.opt-btn');
  10050. \t\t\t\tif (lbl) {
  10051. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  10052. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  10053. \t\t\t\t\tlbl.classList.add('is-selected');
  10054. \t\t\t\t}
  10055. \t\t\t\t// 「カラー: <name>」表示の同期（古い mitsumori_json.pc が残らないように）
  10056. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  10057. \t\t\t\tif (grp) {
  10058. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  10059. \t\t\t\t\tif (section) {
  10060. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  10061. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  10062. \t\t\t\t\t}
  10063. \t\t\t\t}
  10064. \t\t\t}
  10065. \t\t})();
  10067. \t\t// option1 / option2 / pw / pd / ph / pm (matrix 軸の radio 群) も同様に
  10068. \t\t// 「どれもチェックされていなければ先頭を選ぶ」を適用する.
  10069. \t\t//   sale_type=2 の窓タイプ等で「初期表示時に一番初めの選択肢が選択されていない」事象を解消.
  10070. \t\t(function autoSelectFirstMatrixAxis(){
  10071. \t\t\tvar axes = [
  10072. \t\t\t\t{ name: 'pw',      jsVar: 'pw' },
  10073. \t\t\t\t{ name: 'pd',      jsVar: 'pd' },
  10074. \t\t\t\t{ name: 'ph',      jsVar: 'ph' },
  10075. \t\t\t\t{ name: 'pm',      jsVar: 'pm' },
  10076. \t\t\t\t{ name: 'glass_type', jsVar: 'pm' },
  10077. \t\t\t\t{ name: 'option1', jsVar: 'option1' },
  10078. \t\t\t\t{ name: 'option2', jsVar: 'option2' }
  10079. \t\t\t];
  10080. \t\t\tfor (var ai = 0; ai < axes.length; ai++) {
  10081. \t\t\t\tvar ax = axes[ai];
  10082. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + ax.name + '\"]');
  10083. \t\t\t\tif (nodes.length === 0) continue;
  10084. \t\t\t\tvar anyChecked = false;
  10085. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  10086. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  10087. \t\t\t\t}
  10088. \t\t\t\tif (anyChecked) continue;
  10090. \t\t\t\tvar target = nodes[0];
  10091. \t\t\t\ttarget.checked = true;
  10092. \t\t\t\t// グローバル JS 変数も埋める
  10093. \t\t\t\tif (ax.jsVar === 'pw') pw = target.value;
  10094. \t\t\t\telse if (ax.jsVar === 'pd') pd = target.value;
  10095. \t\t\t\telse if (ax.jsVar === 'ph') ph = target.value;
  10096. \t\t\t\telse if (ax.jsVar === 'pm') pm = target.value;
  10097. \t\t\t\telse if (ax.jsVar === 'option1') option1 = target.value;
  10098. \t\t\t\telse if (ax.jsVar === 'option2') option2 = target.value;
  10100. \t\t\t\tvar lbl = target.closest('.opt-btn');
  10101. \t\t\t\tif (lbl) {
  10102. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  10103. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  10104. \t\t\t\t\tlbl.classList.add('is-selected');
  10105. \t\t\t\t}
  10106. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  10107. \t\t\t\tif (grp) {
  10108. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  10109. \t\t\t\t\tif (section) {
  10110. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  10111. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  10112. \t\t\t\t\t}
  10113. \t\t\t\t}
  10114. \t\t\t}
  10115. \t\t})();
  10117. \t\t// 取付/設置工事トグル（off 値が「商品購入のみ」のオプション）は、新規アクセス時に
  10118. \t\t// どちらの radio も未チェックのため初期価格が「商品購入のみ」= 基本工事費抜きになる。
  10119. \t\t// 顧客要望（#10）に合わせ、未選択時は「工事も希望する」(on 側) を初期選択し、
  10120. \t\t// 初期表示を基本工事費込みの最安値に統一する（色・寸法軸の先頭自動選択と同型）。
  10121. \t\t//   ・判定キーは calcGoukei / applyPurchaseOnlyUI と同じ定数「商品購入のみ」。
  10122. \t\t//   ・別用途で op{n} を流用する商品（ウッドデッキ deck_step 等）は radio 値に
  10123. \t\t//     「商品購入のみ」を含まないため対象外（既存挙動を壊さない）。
  10124. \t\t//   ・mitsumori_json 復元やユーザー操作で既に選択済みなら尊重する。
  10125. \t\t(function autoSelectFirstInstall(){
  10126. \t\t\tfor (var i = 0; i <= 10; i++) {
  10127. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"op' + i + '\"]');
  10128. \t\t\t\tif (nodes.length === 0) continue;
  10130. \t\t\t\t// このグループが「商品購入のみ」を off に持つ工事トグルか判定し、
  10131. \t\t\t\t// 「商品購入のみ」でない側 (= 工事希望 on) を取得する。
  10132. \t\t\t\tvar hasPurchaseOnly = false;
  10133. \t\t\t\tvar onNode = null;
  10134. \t\t\t\tfor (var j = 0; j < nodes.length; j++) {
  10135. \t\t\t\t\tif (nodes[j].value === '商品購入のみ') hasPurchaseOnly = true;
  10136. \t\t\t\t\telse if (!onNode) onNode = nodes[j];
  10137. \t\t\t\t}
  10138. \t\t\t\tif (!hasPurchaseOnly || !onNode) continue;
  10140. \t\t\t\tvar anyChecked = false;
  10141. \t\t\t\tfor (var k = 0; k < nodes.length; k++) {
  10142. \t\t\t\t\tif (nodes[k].checked) { anyChecked = true; break; }
  10143. \t\t\t\t}
  10144. \t\t\t\tif (anyChecked) continue;
  10146. \t\t\t\tonNode.checked = true;
  10147. \t\t\t\t// グローバル op 変数を on 値で埋める（calcGoukei の purchaseOnly 判定が参照）
  10148. \t\t\t\tswitch (i) {
  10149. \t\t\t\t\tcase 0:  op0  = onNode.value; break;
  10150. \t\t\t\t\tcase 1:  op1  = onNode.value; break;
  10151. \t\t\t\t\tcase 2:  op2  = onNode.value; break;
  10152. \t\t\t\t\tcase 3:  op3  = onNode.value; break;
  10153. \t\t\t\t\tcase 4:  op4  = onNode.value; break;
  10154. \t\t\t\t\tcase 5:  op5  = onNode.value; break;
  10155. \t\t\t\t\tcase 6:  op6  = onNode.value; break;
  10156. \t\t\t\t\tcase 7:  op7  = onNode.value; break;
  10157. \t\t\t\t\tcase 8:  op8  = onNode.value; break;
  10158. \t\t\t\t\tcase 9:  op9  = onNode.value; break;
  10159. \t\t\t\t\tcase 10: op10 = onNode.value; break;
  10160. \t\t\t\t}
  10161. \t\t\t\t// opt-btn の is-selected を付け替え
  10162. \t\t\t\tvar lbl = onNode.closest('.opt-btn');
  10163. \t\t\t\tif (lbl) {
  10164. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  10165. \t\t\t\t\tfor (var s = 0; s < sib.length; s++) sib[s].classList.remove('is-selected');
  10166. \t\t\t\t\tlbl.classList.add('is-selected');
  10167. \t\t\t\t}
  10168. \t\t\t\t// rp-section-label 表示同期 + 現地調査文言（is_removal_unknown / is_tf_kouji）を on 表示に
  10169. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || onNode.closest('.form-group');
  10170. \t\t\t\tif (grp) {
  10171. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  10172. \t\t\t\t\tif (section) {
  10173. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  10174. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + onNode.value + '</span>';
  10175. \t\t\t\t\t}
  10176. \t\t\t\t\tvar note = grp.querySelector('.opt-survey-note[data-op-idx=\"' + i + '\"]');
  10177. \t\t\t\t\tif (note) note.style.display = '';
  10178. \t\t\t\t}
  10179. \t\t\t}
  10180. \t\t})();
  10182. \t\t// ページ読み込み時: 見積金額が「合計」になっているため、カート数量は基本1
  10183. \t\t// sale_type=9（商品のみ購入）だけ通常 EC として数量を引き継ぐ
  10184. \t\t(function initQuantityByType(){
  10185. \t\t\tvar saleType = {{ ProductClass.SaleType.id }};
  10186. \t\t\tif (saleType == 9 && \$('#quantity_only').length) {
  10187. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  10188. \t\t\t} else {
  10189. \t\t\t\t\$('#quantity').val(1);
  10190. \t\t\t\t\$('input[name=\"quantity\"]').val(1);
  10191. \t\t\t}
  10192. \t\t})();
  10194. \t\t// type → ラベルのプレフィックス文字列
  10195. \t\t// option1/option2 のラベルは category 依存 (rd: ランマ/タイプ, sh: サイズプリセット/駆動方式 等).
  10196. \t\t// PHP から渡された option1_label / option2_label を埋め込み、JS 側でラベル更新に使う.
  10197. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材',
  10198. \t\t                   option1: '{{ option1_label|default('オプション1')|e('js') }}',
  10199. \t\t                   option2: '{{ option2_label|default('オプション2')|e('js') }}'};
  10200. \t\t// type → input[name]
  10201. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm',
  10202. \t\t                   option1: 'option1', option2: 'option2'};
  10204. \t\t// opt-btn用: 値を直接受け取るラッパー
  10205. \t\tfunction mitsumori_simulation_val(type, value) {
  10206. \t\t\tif (type === 'pc') pc = value;
  10207. \t\t\tif (type === 'pw') pw = value;
  10208. \t\t\tif (type === 'pd') pd = value;
  10209. \t\t\tif (type === 'ph') ph = value;
  10210. \t\t\tif (type === 'pm') pm = value;
  10211. \t\t\tif (type === 'option1') option1 = value;
  10212. \t\t\tif (type === 'option2') option2 = value;
  10214. \t\t\t// is-selected クラスを同グループ内で付け替え
  10215. \t\t\tvar inputName = optNameMap[type];
  10216. \t\t\tif (inputName) {
  10217. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  10218. \t\t\t\t\$btns.removeClass('is-selected');
  10219. \t\t\t\t\$btns.filter(function(){
  10220. \t\t\t\t\treturn \$(this).find('input').val() === value;
  10221. \t\t\t\t}).addClass('is-selected');
  10222. \t\t\t}
  10224. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  10225. \t\t\tvar labelPrefix = optLabelMap[type];
  10226. \t\t\tif (labelPrefix) {
  10227. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  10228. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  10229. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  10230. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  10231. \t\t\t}
  10233. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  10234. \t\t\tmitsumori_simulation('', '');
  10235. \t\t}
  10237. \t\tmitsumori_simulation(\"\",\"\");
  10239. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll を付与し
  10240. \t\t// 縦3段グリッド＋横スクロール表示にする（顧客要望「3列くらいで横スクロール」）
  10241. \t\tfunction applyBtnGroupScroll() {
  10242. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  10243. \t\t\t\tvar \$group = \$(this);
  10244. \t\t\t\t\$group.removeClass('is-scroll');
  10245. \t\t\t\tvar \$items = \$group.children();
  10246. \t\t\t\tif (\$items.length === 0) return;
  10248. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  10249. \t\t\t\tvar totalWidth = 0;
  10250. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  10251. \t\t\t\t\$items.each(function() {
  10252. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  10253. \t\t\t\t});
  10255. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  10256. \t\t\t\tvar anyTooWide = false;
  10257. \t\t\t\t\$items.each(function() {
  10258. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  10259. \t\t\t\t});
  10261. \t\t\t\t// 折り返し時の行数も計測
  10262. \t\t\t\tvar tops = {};
  10263. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  10264. \t\t\t\tvar rowCount = Object.keys(tops).length;
  10266. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  10267. \t\t\t\t\t\$group.addClass('is-scroll');
  10268. \t\t\t\t}
  10269. \t\t\t});
  10270. \t\t}
  10271. \t\tapplyBtnGroupScroll();
  10272. \t\t\$(window).on('resize', function() {
  10273. \t\t\tclearTimeout(window._btnScrollTimer);
  10274. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  10275. \t\t});
  10277. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  10278. \t\t(function syncPrice02Display() {
  10279. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  10280. \t\t\tvar displayEl = document.getElementById('price02-display');
  10281. \t\t\tif (!goukeiEl || !displayEl) return;
  10282. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  10283. \t\t\t// ---円（未確定）の場合は書き換えない
  10284. \t\t\tif (goukeiText && goukeiText !== '---円') {
  10285. \t\t\t\tdisplayEl.textContent = goukeiText;
  10286. \t\t\t}
  10287. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  10288. \t\t\tnew MutationObserver(function() {
  10289. \t\t\t\tvar text = goukeiEl.textContent.trim();
  10290. \t\t\t\tif (text && text !== '---円') {
  10291. \t\t\t\t\tdisplayEl.textContent = text;
  10292. \t\t\t\t}
  10293. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  10294. \t\t})();
  10295. \t\tfunction contact_form(product_id){
  10296. \t\t\t\$('#form1').attr('action', '{{ url('contact', {product:Product.id}) }}');
  10297. \t\t\t\$('#form1').submit();
  10298. \t\t}
  10300. \t\t// maisu / madoset は下部の新しい関数定義を使用
  10303. \t\tfunction heibei(bei){
  10304. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  10305. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  10306. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  10307. \t\t\t// goukei に既に枚数を含むため、カート数量は1で固定
  10308. \t\t\t\$('#quantity').val(1);
  10309. \t\t\tmitsumori_simulation('heibei','heibei');
  10310. \t\t}
  10311. \t\tfunction daisu(dai){
  10312. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  10313. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  10314. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  10315. \t\t\t\$('#quantity').val(1);
  10316. \t\t\tmitsumori_simulation('daisu','daisu');
  10317. \t\t}
  10318. \t\t// sale_type=7（数量買い・基本工事費固定）用：個数入力
  10319. \t\tfunction suuryou(n){
  10320. \t\t\t\$('#suuryou').val(parseInt(\$('#suuryou').val()) + n);
  10321. \t\t\tif(parseInt(\$('#suuryou').val()) < 1){ \$('#suuryou').val(1); }
  10322. \t\t\tif(parseInt(\$('#suuryou').val()) > 100){ \$('#suuryou').val(100); }
  10323. \t\t\t\$('#quantity').val(1);
  10324. \t\t\tmitsumori_simulation('suuryou','suuryou');
  10325. \t\t}
  10326. \t\tfunction maisu(mai){
  10327. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  10328. \t\t\t// sale_type=4 (フェンス) は3枚未満不可、6 (芝生) は1枚から
  10329. \t\t\tvar minMai = (SALE_TYPE_ID == 4) ? 3 : 1;
  10330. \t\t\tif(parseInt(\$('#maisu').val()) < minMai){ \$('#maisu').val(minMai); }
  10331. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  10332. \t\t\t\$('#quantity').val(1);
  10333. \t\t\tmitsumori_simulation('maisu','maisu');
  10334. \t\t}
  10336. \t\t// タイプ2: セット数プルダウン連動
  10337. \t\tfunction madosetSelect(val){
  10338. \t\t\tvar v = parseInt(val);
  10339. \t\t\tif(v < 1) v = 1;
  10340. \t\t\tif(v > 20) v = 20;
  10341. \t\t\t\$('#set_count').val(v);
  10342. \t\t\t\$('#quantity').val(1);
  10343. \t\t\t\$('input[name=\"quantity\"]').val(1);
  10344. \t\t\tmitsumori_simulation('set','set_count');
  10345. \t\t}
  10346. \t\t// タイプ2: ±ボタン版（後方互換）
  10347. \t\tfunction madoset(mai){
  10348. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  10349. \t\t\tvar next = current + mai;
  10350. \t\t\tif(next < 1) next = 1;
  10351. \t\t\tif(next > 20) next = 20;
  10352. \t\t\t\$('#set_count').val(next);
  10353. \t\t\tmadosetSelect(next);
  10354. \t\t}
  10356. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  10357. \t\tvar deck_step = \"{% if mitsumori_json and mitsumori_json.deck_step is defined %}{{ mitsumori_json.deck_step|default('不要') }}{% else %}不要{% endif %}\";
  10358. \t\tvar deck_fence = \"{% if mitsumori_json and mitsumori_json.deck_fence is defined %}{{ mitsumori_json.deck_fence|default('不要') }}{% else %}不要{% endif %}\";
  10360. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  10361. \t\tfunction syncPdfJson(){
  10362. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  10363. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  10364. \t\t}
  10366. \t\t// タイプ9: 商品のみ購入
  10367. \t\tfunction quantityOnly(val){
  10368. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  10369. \t\t\tvar next = current + val;
  10370. \t\t\tif(next < 1) next = 1;
  10371. \t\t\t\$('#quantity_only').val(next);
  10372. \t\t\t\$('#quantity').val(next);
  10373. \t\t}
  10375.         // ===== スマホ用下部固定バーへの金額同期 =====
  10376.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  10377.         (function() {
  10378.             var msgTarget   = document.getElementById('mitsumori_message');
  10379.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  10380.             var spPrice     = document.getElementById('sp-mitsumori-price');
  10381.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  10382.             if (!spPrice || !spBtn) return;
  10384.             function syncBar() {
  10385.                 var msg    = msgTarget ? msgTarget.textContent : '';
  10386.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  10388.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  10389.                 if (msg.indexOf('選択してください') !== -1) {
  10390.                     spPrice.textContent = msg;
  10391.                     spPrice.style.fontSize = '13px';
  10392.                     spPrice.style.color    = '#888';
  10393.                     spBtn.style.display    = 'none';
  10394.                 } else {
  10395.                     // 価格確定時はボタンを表示
  10396.                     spPrice.textContent = goukei;
  10397.                     spPrice.style.fontSize = '18px';
  10398.                     spPrice.style.color    = '#c00';
  10399.                     spBtn.style.display    = 'block';
  10400.                 }
  10401.             }
  10403.             // 初期値を同期
  10404.             syncBar();
  10406.             // mitsumori_message の変化を監視
  10407.             if (msgTarget) {
  10408.                 new MutationObserver(syncBar).observe(
  10409.                     msgTarget, { childList: true, subtree: true, characterData: true }
  10410.                 );
  10411.             }
  10412.             // mitsumori_goukei の変化も監視
  10413.             if (goukeiTarget) {
  10414.                 new MutationObserver(syncBar).observe(
  10415.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  10416.                 );
  10417.             }
  10418.         })();
  10420.         // ===== スマホ用 お見積りの詳細 ボトムシート 開閉 =====
  10421.         // 現在の内訳カード(.mitsumori-card-pc .card-body)を複製して表示する。
  10422.         // 価格計算ロジックには触れず、その時点で表示中の内訳をそのまま見せる。
  10423.         // window に直接ぶら下げてスコープに依存せず onclick から呼べるようにする。
  10424.         window.openSpMitsumoriDetail = function () {
  10425.             var sheet = document.getElementById('sp-mitsumori-detail');
  10426.             var body  = document.getElementById('sp-detail-body');
  10427.             var src   = document.querySelector('.mitsumori-card-pc .card-body');
  10428.             if (!sheet || !body) return;
  10429.             body.innerHTML = '';
  10430.             if (src) {
  10431.                 // 複製し、重複 id を避けるため clone 側の id を除去する
  10432.                 var clone = src.cloneNode(true);
  10433.                 var ided = clone.querySelectorAll('[id]');
  10434.                 for (var i = 0; i < ided.length; i++) { ided[i].removeAttribute('id'); }
  10435.                 body.appendChild(clone);
  10436.             }
  10437.             sheet.classList.add('is-open');
  10438.             sheet.setAttribute('aria-hidden', 'false');
  10439.             document.body.style.overflow = 'hidden';
  10440.         };
  10441.         window.closeSpMitsumoriDetail = function () {
  10442.             var sheet = document.getElementById('sp-mitsumori-detail');
  10443.             if (!sheet) return;
  10444.             sheet.classList.remove('is-open');
  10445.             sheet.setAttribute('aria-hidden', 'true');
  10446.             document.body.style.overflow = '';
  10447.         };
  10449.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  10450.         (function() {
  10451.             var card = document.querySelector('.mitsumori-card-pc');
  10452.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  10453.             if (!card || !btn) return;
  10454.             // MutationObserverでcollapsed-cardクラスの変化を監視
  10455.             new MutationObserver(function() {
  10456.                 if (card.classList.contains('collapsed-card')) {
  10457.                     btn.textContent = '▼ 詳細';
  10458.                 } else {
  10459.                     btn.textContent = '▲ 閉じる';
  10460.                 }
  10461.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  10462.         })();
  10464.         // ===== エリア案内: スマホのみタップで展開 =====
  10465.         (function() {
  10466.             var notice = document.querySelector('.ec-areaNotice');
  10467.             if (!notice) return;
  10468.             notice.addEventListener('click', function(e) {
  10469.                 if (window.innerWidth > 767) return;
  10470.                 // リンククリック時は展開/折りたたみせずリンク遷移
  10471.                 if (e.target.tagName === 'A') return;
  10472.                 notice.classList.toggle('is-open');
  10473.             });
  10474.         })();
  10476.     </script>
  10477.     <script type=\"application/ld+json\">
  10478.     {
  10479.         \"@context\": \"https://schema.org/\",
  10480.         \"@type\": \"Product\",
  10481.         \"name\": \"{{ Product.name }}\",
  10482.         \"image\": [
  10483.             {% for img in Product.ProductImage %}
  10484.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  10486.             {% else %}
  10487.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  10488.             {% endfor %}
  10489.         ],
  10490.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  10491.         {% if Product.code_min %}
  10492.         \"sku\": \"{{ Product.code_min }}\",
  10493.         {% endif %}
  10494.         \"offers\": {
  10495.             \"@type\": \"Offer\",
  10496.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  10497.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  10498.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  10499.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  10500.         }
  10501.     }
  10502.     </script>
  10504. {% endblock %}
  10506. {% block main %}
  10507.     {# option1 / option2 ラベルをカテゴリ別に決定 (sh=31, rd=43, mo=15) - block scope のため main 側でも再定義 #}
  10508.     {% set option1_label = 'オプション1' %}
  10509.     {% set option2_label = 'オプション2' %}
  10510.     {# rd(玄関ドア, cat43) は素材(m)が開き方+ランマを内包し option1(ランマ)/option2(タイプ) が
  10511.        完全な冗長軸のため、素材のみ「開き方」として表示し option1/option2 の選択 UI は抑制する。
  10512.        価格マッチングは m + カラーで一意に決まり、未選択 option は fallback が無視するため影響なし。 #}
  10513.     {% set is_cat43 = false %}
  10514.     {% if Product.ProductCategories is not empty %}
  10515.         {% for pcat in Product.ProductCategories %}
  10516.             {% if pcat.category_id == 31 %}{% set option1_label = 'サイズプリセット' %}{% set option2_label = '駆動方式' %}{% endif %}
  10517.             {% if pcat.category_id == 43 %}{% set option1_label = 'ランマ' %}{% set option2_label = 'タイプ' %}{% set is_cat43 = true %}{% endif %}
  10518.             {% if pcat.category_id == 15 %}{% set option1_label = '棚タイプ' %}{% endif %}
  10519.             {% if pcat.category_id == 17 %}{% set option1_label = '窓タイプ' %}{% endif %}
  10520.         {% endfor %}
  10521.     {% endif %}
  10522.     <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  10523.         <div class=\"ec-grid2\">
  10524.             <div class=\"ec-grid2__cell\">
  10525.                 <div class=\"ec-sliderItemRole\">
  10526. \t                {# 商品名 + ブランド名 + SNSシェア #}
  10527. \t                <div class=\"ec-productRole__title\">
  10528. \t                    <div class=\"ec-productRole__titleRow\">
  10529. \t                        <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  10530. \t                        <div class=\"ec-share-inline\">
  10531. \t                            <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\"
  10532. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  10533. \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>
  10534. \t                            </a>
  10535. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  10536. \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>
  10537. \t                            </a>
  10538. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\"
  10539. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  10540. \t                                <i class=\"fab fa-line\"></i>
  10541. \t                            </a>
  10542. \t                        </div>
  10543. \t                    </div>
  10544. \t                </div>
  10545.                     {% if BaseInfo.option_favorite_product %}
  10546.                      <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  10547. \t\t\t\t\t\t{% if is_favorite == false %}
  10548.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  10549.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  10550.                         </form>
  10551.                         {% else %}
  10552.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  10553.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  10554.                         </form>
  10555.                         {% endif %}
  10556.                      </div>
  10557.                     {% endif %}
  10558.                     <div class=\"item_visual\">
  10559.                         {% for ProductImage in Product.ProductImage %}
  10560.                             <div class=\"slide-item\">
  10561.                                 <a class=\"js-zoom\" href=\"{{ asset(ProductImage, 'save_image') }}\" aria-label=\"{{ loop.first ? Product.name : '' }}\">
  10562.                                     <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 %}>
  10563.                                 </a>
  10564.                             </div>
  10565.                         {% else %}
  10566.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  10567.                         {% endfor %}
  10568.                     </div>
  10569.                     <div class=\"item_nav\">
  10570.                         {% for ProductImage in Product.ProductImage %}
  10571.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  10572.                         {% endfor %}
  10573.                     </div>
  10575.                 </div>
  10577.                     {# ===== 施工エリア案内（見積シミュレーションの下）===== #}
  10578.                     <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  10579.                         <div class=\"ec-areaNotice__inner\">
  10580.                             <div class=\"ec-areaNotice__icon\">📍</div>
  10581.                             <div class=\"ec-areaNotice__body\">
  10582.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  10583.                                 <div class=\"ec-areaNotice__detail\">
  10584.                                     <p class=\"ec-areaNotice__text\">
  10585.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  10586.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  10587.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  10588.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  10589.                                     </p>
  10590.                                     <a class=\"ec-areaNotice__link\" href=\"{{ url('contact') }}\">エリア外のお客様・ご相談はこちら →</a>
  10591.                                 </div>
  10592.                             </div>
  10593.                         </div>
  10594.                     </div>
  10596.             </div>
  10598.             <div class=\"ec-grid2__cell2\">
  10599.                 <div class=\"ec-productRole__profile\" >
  10600.                     {# 関連カテゴリ (DIY=21 / 石材=28 / 照明=44 は非表示要件のため除外) #}
  10601.                     {% set hidden_cat_ids = [21, 28, 44] %}
  10602.                     {% if Product.ProductCategories is not empty %}
  10603.                         <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  10604.                             {% for ProductCategory in Product.ProductCategories %}
  10605.                                 {% if ProductCategory.Category.id not in hidden_cat_ids %}
  10606.                                 <ul>
  10607.                                     <li>
  10608.                                         {% for Category in ProductCategory.Category.path %}
  10609.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  10610.                                             <span>＞</span>{% endif -%}
  10611.                                         {% endfor %}
  10612.                                     </li>
  10613.                                 </ul>
  10614.                                 {% endif %}
  10615.                             {% endfor %}
  10616.                         </div>
  10617.                     {% endif %}
  10618.                     {# 販売価格 #}
  10619.                     <div class=\"ec-productRole__price\">
  10620. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  10621.                         {% if Product.hasProductClass -%}
  10622.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  10623.                                 <div class=\"ec-price\">
  10624.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }}</span>
  10625.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  10626.                                 </div>
  10627.                             {% else %}
  10628.                                 <div class=\"ec-price\">
  10629.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  10630.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})</span>
  10631.                                 </div>
  10632.                             {% endif %}
  10633.                         {% else %}
  10634.                             <div class=\"ec-price\">
  10635.                                 <span id=\"price02-display\" class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  10636.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  10637.                             </div>
  10638.                         {% endif %}
  10639.                     </div>
  10640.                     {# タグ #}
  10641.                     <ul class=\"ec-productRole__tags\">
  10642.                         {% for Tag in Product.Tags %}
  10643.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  10644.                         {% endfor %}
  10645.                     </ul>
  10646.                     {# 商品コード #}
  10647.                     {% if Product.code_min is not empty %}
  10648.                         <div class=\"ec-productRole__code\">
  10649.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  10650.                         </div>
  10651.                     {% endif %}
  10653.                     <div class=\"ec-productRole__description\">
  10654. \t\t\t\t        <div class=\"ec-rectHeading\">
  10655. \t\t\t\t            <h4>製品情報</h4>
  10656. \t\t\t\t        </div>
  10657. \t\t\t\t\t\t{{ Product.sales_infomation|raw|nl2br }}
  10658.                     </div>
  10661. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  10662. \t\t\t\t\t  <div class=\"card-header\">
  10663. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  10664. \t\t\t\t\t  </div>
  10665. \t\t\t\t\t  <div class=\"card-body p-2\">
  10666.                         {% set related_image = getProduct_field(Product.id,\"related_image\") %}
  10667.                         {# related_image は配列: [\"1段目画像あり\",\"2段目画像あり\",\"3段目画像あり\"] のうち該当するものが格納 #}
  10668.                         {% set img1 = related_image and (\"1段目画像あり\" in related_image) %}
  10669.                         {% set img2 = related_image and (\"2段目画像あり\" in related_image) %}
  10670.                         {% set img3 = related_image and (\"3段目画像あり\" in related_image) %}
  10671.                         {% set img4 = related_image and (\"4段目画像あり\" in related_image) %}
  10672. \t\t\t\t\t    {% set type1 = getProduct_field(Product.id,\"related_name1\") %}
  10673. \t\t\t\t\t\t{% set type2 = getProduct_field(Product.id,\"related_name2\") %}
  10674. \t\t\t\t\t\t{% set type3 = getProduct_field(Product.id,\"related_name3\") %}
  10675. \t\t\t\t\t\t{% set type4 = getProduct_field(Product.id,\"related_name4\") %}
  10676. \t\t\t\t\t\t{% set hasRelated = (type1 and related_product1 and related_product1|length)
  10677. \t\t\t\t\t\t                 or (type2 and related_product2 and related_product2|length)
  10678. \t\t\t\t\t\t                 or (type3 and related_product3 and related_product3|length)
  10679. \t\t\t\t\t\t                 or (type4 and related_product4 and related_product4|length) %}
  10680. \t\t\t\t\t\t{% if hasRelated %}
  10681. \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>
  10682. \t\t\t\t\t\t{% endif %}
  10684. \t\t\t\t\t\t{# ===== 1段目 ===== #}
  10685. \t\t\t\t\t\t{% if type1 and related_product1 and related_product1|length %}
  10686. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10687. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type1 }}{% if img1 and base_select1 %}: <span>{{ base_select1 }}</span>{% endif %}</div>
  10688. \t\t\t\t\t\t  {% if img1 %}
  10689. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  10690. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10691. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  10692. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select1 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10693. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10694. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10695. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  10696. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  10697. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  10698. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  10699. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  10700. \t\t\t\t\t\t        </a>
  10701. \t\t\t\t\t\t      {% endfor %}
  10702. \t\t\t\t\t\t    </div>
  10703. \t\t\t\t\t\t  {% else %}
  10704. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  10705. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10706. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  10707. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select1 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10708. \t\t\t\t\t\t          {{ rp_name }}
  10709. \t\t\t\t\t\t        </a>
  10710. \t\t\t\t\t\t      {% endfor %}
  10711. \t\t\t\t\t\t    </div>
  10712. \t\t\t\t\t\t  {% endif %}
  10713. \t\t\t\t\t\t</div>
  10714. \t\t\t\t\t\t{% endif %}
  10716. \t\t\t\t\t\t{# ===== 2段目 ===== #}
  10717. \t\t\t\t\t\t{% if type2 and related_product2 and related_product2|length %}
  10718. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10719. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type2 }}{% if img2 and base_select2 %}: <span>{{ base_select2 }}</span>{% endif %}</div>
  10720. \t\t\t\t\t\t  {% if img2 %}
  10721. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10722. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  10723. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select2 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10724. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10725. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10726. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  10727. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  10728. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  10729. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  10730. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  10731. \t\t\t\t\t\t        </a>
  10732. \t\t\t\t\t\t      {% endfor %}
  10733. \t\t\t\t\t\t    </div>
  10734. \t\t\t\t\t\t  {% else %}
  10735. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10736. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  10737. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select2 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10738. \t\t\t\t\t\t          {{ rp_name }}
  10739. \t\t\t\t\t\t        </a>
  10740. \t\t\t\t\t\t      {% endfor %}
  10741. \t\t\t\t\t\t    </div>
  10742. \t\t\t\t\t\t  {% endif %}
  10743. \t\t\t\t\t\t</div>
  10744. \t\t\t\t\t\t{% endif %}
  10746. \t\t\t\t\t\t{# ===== 3段目 ===== #}
  10747. \t\t\t\t\t\t{% if type3 and related_product3 and related_product3|length %}
  10748. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10749. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type3 }}{% if img3 and base_select3 %}: <span>{{ base_select3 }}</span>{% endif %}</div>
  10750. \t\t\t\t\t\t  {% if img3 %}
  10751. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10752. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  10753. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select3 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10754. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10755. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10756. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  10757. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  10758. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  10759. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  10760. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  10761. \t\t\t\t\t\t        </a>
  10762. \t\t\t\t\t\t      {% endfor %}
  10763. \t\t\t\t\t\t    </div>
  10764. \t\t\t\t\t\t  {% else %}
  10765. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10766. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  10767. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select3 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10768. \t\t\t\t\t\t          {{ rp_name }}
  10769. \t\t\t\t\t\t        </a>
  10770. \t\t\t\t\t\t      {% endfor %}
  10771. \t\t\t\t\t\t    </div>
  10772. \t\t\t\t\t\t  {% endif %}
  10773. \t\t\t\t\t\t</div>
  10774. \t\t\t\t\t\t{% endif %}
  10776. \t\t\t\t\t\t{# ===== 4段目 ===== #}
  10777. \t\t\t\t\t\t{% if type4 and related_product4 and related_product4|length %}
  10778. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10779. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type4 }}{% if img4 and base_select4 %}: <span>{{ base_select4 }}</span>{% endif %}</div>
  10780. \t\t\t\t\t\t  {% if img4 %}
  10781. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  10782. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10783. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  10784. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select4 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10785. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10786. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10787. \t\t\t\t\t\t               alt=\"{{ rp_name }}\" width=\"120\" height=\"120\" loading=\"lazy\">
  10788. \t\t\t\t\t\t          <span class=\"rp-card__label\">{{ rp_name }}</span>
  10789. \t\t\t\t\t\t        </a>
  10790. \t\t\t\t\t\t      {% endfor %}
  10791. \t\t\t\t\t\t    </div>
  10792. \t\t\t\t\t\t  {% else %}
  10793. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  10794. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10795. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  10796. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select4 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10797. \t\t\t\t\t\t          {{ rp_name }}
  10798. \t\t\t\t\t\t        </a>
  10799. \t\t\t\t\t\t      {% endfor %}
  10800. \t\t\t\t\t\t    </div>
  10801. \t\t\t\t\t\t  {% endif %}
  10802. \t\t\t\t\t\t</div>
  10803. \t\t\t\t\t\t{% endif %}
  10806. \t\t\t\t\t    {# ガレージ等で全オプション空のときに見出しのみ表示される事象を回避.
  10807. \t\t\t\t\t       色 / 寸法 / 素材 / option1/2 / op_data いずれかに「描画される」要素がある場合のみ
  10808. \t\t\t\t\t       「この商品のオプションを選択してください。」見出しを表示する.
  10810. \t\t\t\t\t       op_data は cg=9 で「残土」 / gs=27 で「撤去」「残土」を後段ループで
  10811. \t\t\t\t\t       hide するため、単純な op|length > 0 では「見出しだけ残る」事象が
  10812. \t\t\t\t\t       wh / cg の一部商品で発生していた. 描画される entry を事前カウントする. #}
  10813. \t\t\t\t\t    {% set is_gs_h = false %}
  10814. \t\t\t\t\t    {% set is_cg_h = false %}
  10815. \t\t\t\t\t    {% if Product.ProductCategories is not empty %}
  10816. \t\t\t\t\t        {% for pc_h in Product.ProductCategories %}
  10817. \t\t\t\t\t            {% if pc_h.category_id == 27 %}{% set is_gs_h = true %}{% endif %}
  10818. \t\t\t\t\t            {% if pc_h.category_id == 9  %}{% set is_cg_h = true %}{% endif %}
  10819. \t\t\t\t\t        {% endfor %}
  10820. \t\t\t\t\t    {% endif %}
  10821. \t\t\t\t\t    {% set visible_op_count = 0 %}
  10822. \t\t\t\t\t    {% if op and op|length %}
  10823. \t\t\t\t\t        {% for opi in op %}
  10824. \t\t\t\t\t            {% if opi['name'] %}
  10825. \t\t\t\t\t                {% set _hide_h = false %}
  10826. \t\t\t\t\t                {% if is_gs_h and (opi['name'] matches '/撤去/' or opi['name'] matches '/残土/') %}{% set _hide_h = true %}{% endif %}
  10827. \t\t\t\t\t                {% if is_cg_h and opi['name'] matches '/残土/' %}{% set _hide_h = true %}{% endif %}
  10828. \t\t\t\t\t                {% if not _hide_h %}{% set visible_op_count = visible_op_count + 1 %}{% endif %}
  10829. \t\t\t\t\t            {% endif %}
  10830. \t\t\t\t\t        {% endfor %}
  10831. \t\t\t\t\t    {% endif %}
  10832. \t\t\t\t\t    {% set has_any_option =
  10833. \t\t\t\t\t        (color and color|length and ProductClass.SaleType.id != 3)
  10834. \t\t\t\t\t        or (p_w and p_w|length and p_w|join != \"\")
  10835. \t\t\t\t\t        or (p_d and p_d|length and p_d|join != \"\")
  10836. \t\t\t\t\t        or (p_h and p_h|length and p_h|join != \"\")
  10837. \t\t\t\t\t        or (p_m and p_m|length and p_m|join != \"\")
  10838. \t\t\t\t\t        or (p_option1 and p_option1|length and p_option1|join != \"\")
  10839. \t\t\t\t\t        or (p_option2 and p_option2|length and p_option2|join != \"\")
  10840. \t\t\t\t\t        or ProductClass.SaleType.id in [2, 5, 6, 7, 9]
  10841. \t\t\t\t\t    %}
  10842. \t\t\t\t\t    {% if has_any_option %}
  10843. \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>
  10844. \t\t\t\t\t    {% endif %}
  10846.                         {# sale_type=2 (補助金窓) はタイプごとに個別カラー選択するため共通カラーは非表示 #}
  10847.                         {% if color and color|length and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 2 %}
  10848.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10849.                           <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  10850.                           <div class=\"opt-btn-group\">
  10851.                             {% set idx = 0 %}
  10852.                             {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  10853.                               {% set has_img = cc['img'] is defined and cc['img'] is not empty %}
  10854.                               <label class=\"opt-btn{% if has_img %} opt-btn--with-image{% endif %}{% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %} is-selected{% endif %}\"
  10855.                                      onclick=\"mitsumori_simulation_val('pc', '{{ cc['name']|e('js') }}');\">
  10856.                                 <input type=\"radio\" name=\"color\" id=\"cc_{{ idx }}\" value=\"{{ cc['name'] }}\"
  10857.                                        {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  10858.                                 {% if has_img %}
  10859.                                   <img src=\"{{ cc['img'] }}\" alt=\"{{ cc['name'] }}\" class=\"opt-btn__img\"
  10860.                                        onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  10861.                                   <span class=\"opt-btn__name\">{{ cc['name'] }}</span>
  10862.                                 {% else %}
  10863.                                   {{ cc['name'] }}
  10864.                                 {% endif %}
  10865.                               </label>
  10866.                             {% endif %}{% endfor %}
  10867.                           </div>
  10868.                         </div>
  10869.                         {% endif %}
  10871.                         {# sale_type=2 (補助金窓) はタイプごとに個別幅選択するため共通幅は非表示.
  10872.                            tf (人工芝, sale_type=6) は専用の「芝の幅」+「施工サイズ」UI を下部に持つため、
  10873.                            汎用の 幅/奥行/高さ は描画しない (両方出すと name=\"pw\"/\"ph\" が重複し、
  10874.                            片方を選ぶともう片方の選択が外れる顧客指摘あり). #}
  10875.                         {% if p_w and p_w|length and p_w|join != \"\" and ProductClass.SaleType.id not in [2, 3, 6] %}
  10876.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10877.                           <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  10878.                           <div class=\"opt-btn-group\">
  10879.                             {% set idx = 0 %}
  10880.                             {% for pw in p_w %}{% if pw %}{% set idx = idx + 1 %}
  10881.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %} is-selected{% endif %}\"
  10882.                                      onclick=\"mitsumori_simulation_val('pw', '{{ pw|e('js') }}');\">
  10883.                                 <input type=\"radio\" name=\"pw\" id=\"pw_{{ idx }}\" value=\"{{ pw }}\"
  10884.                                        {% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %}checked{% endif %}>
  10885.                                 {{ pw }}
  10886.                               </label>
  10887.                             {% endif %}{% endfor %}
  10888.                           </div>
  10889.                         </div>
  10890.                         {% endif %}
  10892.                         {% if p_d and p_d|length and p_d|join != \"\" and ProductClass.SaleType.id not in [3, 6] %}
  10893.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10894.                           <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  10895.                           <div class=\"opt-btn-group\">
  10896.                             {% set idx = 0 %}
  10897.                             {% for pd in p_d %}{% if pd %}{% set idx = idx + 1 %}
  10898.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %} is-selected{% endif %}\"
  10899.                                      onclick=\"mitsumori_simulation_val('pd', '{{ pd|e('js') }}');\">
  10900.                                 <input type=\"radio\" name=\"pd\" id=\"pd_{{ idx }}\" value=\"{{ pd }}\"
  10901.                                        {% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %}checked{% endif %}>
  10902.                                 {{ pd }}
  10903.                               </label>
  10904.                             {% endif %}{% endfor %}
  10905.                           </div>
  10906.                         </div>
  10907.                         {% endif %}
  10909.                         {# sale_type=2 (補助金窓) はタイプごとに個別高さ選択するため共通高さは非表示.
  10910.                            sale_type=6 (人工芝) は専用 UI なので汎用高さは描画しない. #}
  10911.                         {% if p_h and p_h|length and p_h|join != \"\" and ProductClass.SaleType.id not in [2, 3, 6] %}
  10912.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10913.                           <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  10914.                           <div class=\"opt-btn-group\">
  10915.                             {% set idx = 0 %}
  10916.                             {% for ph in p_h %}{% if ph %}{% set idx = idx + 1 %}
  10917.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %} is-selected{% endif %}\"
  10918.                                      onclick=\"mitsumori_simulation_val('ph', '{{ ph|e('js') }}');\">
  10919.                                 <input type=\"radio\" name=\"ph\" id=\"ph_{{ idx }}\" value=\"{{ ph }}\"
  10920.                                        {% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %}checked{% endif %}>
  10921.                                 {{ ph }}
  10922.                               </label>
  10923.                             {% endif %}{% endfor %}
  10924.                           </div>
  10925.                         </div>
  10926.                         {% endif %}
  10928.                         {# sale_type=2 (補助金窓) はタイプごとに個別ガラス選択するため共通素材は非表示 #}
  10929.                         {% if p_m and p_m|length and p_m|join != \"\" and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 2 %}
  10930.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10931.                           <div class=\"rp-section-label\">{% if is_cat43 %}開き方{% else %}素材{% endif %}{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  10932.                           <div class=\"opt-btn-group\">
  10933.                             {% set idx = 0 %}
  10934.                             {% for pm in p_m %}{% if pm %}{% set idx = idx + 1 %}
  10935.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %} is-selected{% endif %}\"
  10936.                                      onclick=\"mitsumori_simulation_val('pm', '{{ pm|e('js') }}');\">
  10937.                                 <input type=\"radio\" name=\"pm\" id=\"pm_{{ idx }}\" value=\"{{ pm }}\"
  10938.                                        {% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %}checked{% endif %}>
  10939.                                 {{ pm }}
  10940.                               </label>
  10941.                             {% endif %}{% endfor %}
  10942.                           </div>
  10943.                         </div>
  10944.                         {% endif %}
  10946.                         {# option1 (sale_type 2 は専用 UI が下にあるため除外 / sale_type 3 は下部ブロックで描画 /
  10947.                            sale_type 4 = fe・ts は option1 が ct_unit_price (枚数増分の工事費単価) で
  10948.                            ユーザー選択肢ではなく計算用の内部値のため radio として表示しない. 値は
  10949.                            上の auto-init (p_option1|length == 1) で JS の option1 変数に埋め込み済み) #}
  10950.                         {% if p_option1 and p_option1|length and p_option1|join != \"\" and ProductClass.SaleType.id != 2 and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 4 and not is_cat43 %}
  10951.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10952.                           <div class=\"rp-section-label\">{{ option1_label }}{% if mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 %}: <span>{{ mitsumori_json.option1 }}</span>{% endif %}</div>
  10953.                           <div class=\"opt-btn-group\">
  10954.                             {% set idx = 0 %}
  10955.                             {% for opt1 in p_option1 %}{% if opt1 %}{% set idx = idx + 1 %}
  10956.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1) or p_option1|length == 1 %} is-selected{% endif %}\"
  10957.                                      onclick=\"mitsumori_simulation_val('option1', '{{ opt1|e('js') }}');\">
  10958.                                 <input type=\"radio\" name=\"option1\" id=\"option1_{{ idx }}\" value=\"{{ opt1 }}\"
  10959.                                        {% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1) or p_option1|length == 1 %}checked{% endif %}>
  10960.                                 {{ opt1 }}
  10961.                               </label>
  10962.                             {% endif %}{% endfor %}
  10963.                           </div>
  10964.                         </div>
  10965.                         {% endif %}
  10967.                         {# option2 #}
  10968.                         {% if p_option2 and p_option2|length and p_option2|join != \"\" and ProductClass.SaleType.id != 2 and ProductClass.SaleType.id != 3 and not is_cat43 %}
  10969.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10970.                           <div class=\"rp-section-label\">{{ option2_label }}{% if mitsumori_json and mitsumori_json.option2 is defined and mitsumori_json.option2 %}: <span>{{ mitsumori_json.option2 }}</span>{% endif %}</div>
  10971.                           <div class=\"opt-btn-group\">
  10972.                             {% set idx = 0 %}
  10973.                             {% for opt2 in p_option2 %}{% if opt2 %}{% set idx = idx + 1 %}
  10974.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.option2 is defined and mitsumori_json.option2 == opt2) or p_option2|length == 1 %} is-selected{% endif %}\"
  10975.                                      onclick=\"mitsumori_simulation_val('option2', '{{ opt2|e('js') }}');\">
  10976.                                 <input type=\"radio\" name=\"option2\" id=\"option2_{{ idx }}\" value=\"{{ opt2 }}\"
  10977.                                        {% if (mitsumori_json and mitsumori_json.option2 is defined and mitsumori_json.option2 == opt2) or p_option2|length == 1 %}checked{% endif %}>
  10978.                                 {{ opt2 }}
  10979.                               </label>
  10980.                             {% endif %}{% endfor %}
  10981.                           </div>
  10982.                         </div>
  10983.                         {% endif %}
  10985. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  10986. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 1 %}
  10987. \t\t\t\t\t\t{% endif %}
  10989. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） 複数タイプ追加対応 (2026-05) -->
  10990. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 2 %}
  10992. \t\t\t\t\t\t\t{# 2026-05 改修: ex-shop プラメイク方式に倣い、1 商品で
  10993. \t\t\t\t\t\t\t   複数の「窓タイプ」(subtype × 幅 × 高さ × ガラス × カラー × セット数)
  10994. \t\t\t\t\t\t\t   を追加できる UI に変更. 各タイプは内訳 JSON として 1 明細にまとめる. #}
  10996. \t\t\t\t\t\t\t{# ec-productRole__profile は標準テンプレで height:600px / overflow:auto
  10997. \t\t\t\t\t\t\t   が当たっており、複数タイプ追加カードが内部スクロールに押し込まれて
  10998. \t\t\t\t\t\t\t   見えない. sale_type=2 のときだけ縦方向に伸ばす. #}
  10999. \t\t\t\t\t\t\t<style>
  11000. \t\t\t\t\t\t\t\t.ec-productRole__profile {
  11001. \t\t\t\t\t\t\t\t\toverflow: visible !important;
  11002. \t\t\t\t\t\t\t\t\tmax-height: none !important;
  11003. \t\t\t\t\t\t\t\t\theight: auto !important;
  11004. \t\t\t\t\t\t\t\t}
  11005. \t\t\t\t\t\t\t</style>
  11007. \t\t\t\t\t\t\t{# 住宅区分 UI: 補助金単価が戸建 / 集合住宅で異なるためお客様に申告いただく. #}
  11008. \t\t\t\t\t\t\t{% set housing_default = getProduct_field(Product.id, '住宅区分')|default('戸建') %}
  11009. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  11010. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  11011. \t\t\t\t\t\t\t    <strong>お住まいの種別を選択</strong>
  11012. \t\t\t\t\t\t\t    <small class=\"ms-2 text-muted\">補助金単価が変わります</small>
  11013. \t\t\t\t\t\t\t  </div>
  11014. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  11015. \t\t\t\t\t\t\t    <div class=\"opt-btn-group\" id=\"window-housing-type-group\">
  11016. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  11017. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"戸建\"
  11018. \t\t\t\t\t\t\t               {% if housing_default != '集合住宅' %}checked{% endif %}>
  11019. \t\t\t\t\t\t\t        戸建住宅<small class=\"d-block text-muted\">（延床240㎡以下の非住宅含む）</small>
  11020. \t\t\t\t\t\t\t      </label>
  11021. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  11022. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"集合住宅\"
  11023. \t\t\t\t\t\t\t               {% if housing_default == '集合住宅' %}checked{% endif %}>
  11024. \t\t\t\t\t\t\t        集合住宅<small class=\"d-block text-muted\">（低層・中高層／240㎡超の非住宅）</small>
  11025. \t\t\t\t\t\t\t      </label>
  11026. \t\t\t\t\t\t\t    </div>
  11027. \t\t\t\t\t\t\t  </div>
  11028. \t\t\t\t\t\t\t</div>
  11030. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  11031. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  11032. \t\t\t\t\t\t\t    <strong>窓タイプを選択（複数追加可・最大 20）</strong>
  11033. \t\t\t\t\t\t\t  </div>
  11034. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  11035. \t\t\t\t\t\t\t    <div id=\"window-types-container\"><!-- 動的に窓タイプブロックが追加される --></div>
  11036. \t\t\t\t\t\t\t    <div class=\"text-center mt-2\">
  11037. \t\t\t\t\t\t\t      <button type=\"button\" id=\"btn-add-window-type\" class=\"btn btn-outline-primary btn-sm\" onclick=\"addWindowType();\">＋ 窓タイプを追加</button>
  11038. \t\t\t\t\t\t\t      <div class=\"small text-muted mt-1\">最大 20 タイプまで追加できます</div>
  11039. \t\t\t\t\t\t\t    </div>
  11040. \t\t\t\t\t\t\t  </div>
  11041. \t\t\t\t\t\t\t</div>
  11043. \t\t\t\t\t\t\t{# 窓タイプブロックのテンプレート. __IDX__ を JS で連番に置換して clone する. #}
  11044. \t\t\t\t\t\t\t<template id=\"window-type-template\">
  11045. \t\t\t\t\t\t\t  <div class=\"window-type-block\" data-type-idx=\"__IDX__\" style=\"border:1px solid #ddd;border-radius:6px;padding:10px;margin-bottom:10px;background:#fafafa;\">
  11046. \t\t\t\t\t\t\t    <div class=\"d-flex justify-content-between align-items-center mb-2\">
  11047. \t\t\t\t\t\t\t      <strong>窓タイプ <span class=\"wt-num\">__IDX__</span></strong>
  11048. \t\t\t\t\t\t\t      <button type=\"button\" class=\"btn btn-sm btn-outline-danger btn-remove-window-type\" onclick=\"removeWindowType(this);\">× 削除</button>
  11049. \t\t\t\t\t\t\t    </div>
  11051. \t\t\t\t\t\t\t    {# 窓タイプ (subtype) #}
  11052. \t\t\t\t\t\t\t    {% if p_option1 and p_option1|length and p_option1|join != \"\" %}
  11053. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  11054. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓タイプ</div>
  11055. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  11056. \t\t\t\t\t\t\t        {% for v in p_option1 %}{% if v %}
  11057. \t\t\t\t\t\t\t          <label class=\"opt-btn\">
  11058. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_subtype___IDX__\" value=\"{{ v }}\" data-axis=\"subtype\" onchange=\"onWindowTypeAxisChange(this);\">
  11059. \t\t\t\t\t\t\t            {{ v }}
  11060. \t\t\t\t\t\t\t          </label>
  11061. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  11062. \t\t\t\t\t\t\t      </div>
  11063. \t\t\t\t\t\t\t    </div>
  11064. \t\t\t\t\t\t\t    {% endif %}
  11066. \t\t\t\t\t\t\t    {# 幅 (mm 直接入力) #}
  11067. \t\t\t\t\t\t\t    {% if p_w and p_w|length and p_w|join != \"\" %}
  11068. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  11069. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">幅</div>
  11070. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  11071. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_pw___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  11072. \t\t\t\t\t\t\t               placeholder=\"例 1750\" data-axis=\"pw\" data-unit=\"mm\"
  11073. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  11074. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  11075. \t\t\t\t\t\t\t      </div>
  11076. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応幅: 〜{{ (p_w|last)|default('') }}（{{ p_w|length }} 段階の価格帯から自動選択）</small>
  11077. \t\t\t\t\t\t\t    </div>
  11078. \t\t\t\t\t\t\t    {% endif %}
  11080. \t\t\t\t\t\t\t    {# 高さ (mm 直接入力) #}
  11081. \t\t\t\t\t\t\t    {% if p_h and p_h|length and p_h|join != \"\" %}
  11082. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  11083. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">高さ</div>
  11084. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  11085. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_ph___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  11086. \t\t\t\t\t\t\t               placeholder=\"例 1200\" data-axis=\"ph\" data-unit=\"mm\"
  11087. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  11088. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  11089. \t\t\t\t\t\t\t      </div>
  11090. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応高さ: 〜{{ (p_h|last)|default('') }}（{{ p_h|length }} 段階の価格帯から自動選択）</small>
  11091. \t\t\t\t\t\t\t    </div>
  11092. \t\t\t\t\t\t\t    {% endif %}
  11094. \t\t\t\t\t\t\t    {# ガラスタイプ #}
  11095. \t\t\t\t\t\t\t    {% if p_m and p_m|length and p_m|join != \"\" %}
  11096. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  11097. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">ガラスタイプ</div>
  11098. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  11099. \t\t\t\t\t\t\t        {% for v in p_m %}{% if v %}
  11100. \t\t\t\t\t\t\t          <label class=\"opt-btn\">
  11101. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pm___IDX__\" value=\"{{ v }}\" data-axis=\"pm\" onchange=\"onWindowTypeAxisChange(this);\">
  11102. \t\t\t\t\t\t\t            {{ v }}
  11103. \t\t\t\t\t\t\t          </label>
  11104. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  11105. \t\t\t\t\t\t\t      </div>
  11106. \t\t\t\t\t\t\t      <small class=\"text-muted\">「<span style=\"color:#2e7d32;font-weight:bold;\">補助金対象</span>」が付いたガラスは、先進的窓リノベ補助金の対象です。</small>
  11107. \t\t\t\t\t\t\t    </div>
  11108. \t\t\t\t\t\t\t    {% endif %}
  11110. \t\t\t\t\t\t\t    {# 窓枠カラー #}
  11111. \t\t\t\t\t\t\t    {% if color and color|length %}
  11112. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  11113. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓枠カラー</div>
  11114. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  11115. \t\t\t\t\t\t\t        {% for cc in color %}{% if cc and cc['name'] %}
  11116. \t\t\t\t\t\t\t          {% set has_img = cc['img'] is defined and cc['img'] is not empty %}
  11117. \t\t\t\t\t\t\t          <label class=\"opt-btn{% if has_img %} opt-btn--with-image{% endif %}\">
  11118. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pc___IDX__\" value=\"{{ cc['name'] }}\" data-axis=\"pc\" onchange=\"onWindowTypeAxisChange(this);\">
  11119. \t\t\t\t\t\t\t            {% if has_img %}
  11120. \t\t\t\t\t\t\t              <img src=\"{{ cc['img'] }}\" alt=\"{{ cc['name'] }}\" class=\"opt-btn__img\"
  11121. \t\t\t\t\t\t\t                   onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  11122. \t\t\t\t\t\t\t              <span class=\"opt-btn__name\">{{ cc['name'] }}</span>
  11123. \t\t\t\t\t\t\t            {% else %}
  11124. \t\t\t\t\t\t\t              {{ cc['name'] }}
  11125. \t\t\t\t\t\t\t            {% endif %}
  11126. \t\t\t\t\t\t\t          </label>
  11127. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  11128. \t\t\t\t\t\t\t      </div>
  11129. \t\t\t\t\t\t\t    </div>
  11130. \t\t\t\t\t\t\t    {% endif %}
  11132. \t\t\t\t\t\t\t    {# セット数 + タイプごとの補助金額表示 (補助金は task 2 で実計算) #}
  11133. \t\t\t\t\t\t\t    <div class=\"form-group row mt-2 align-items-center\">
  11134. \t\t\t\t\t\t\t      <label class=\"col-4 col-form-label\">セット数</label>
  11135. \t\t\t\t\t\t\t      <div class=\"col-4\">
  11136. \t\t\t\t\t\t\t        <div class=\"input-group\">
  11137. \t\t\t\t\t\t\t          <input type=\"number\" name=\"wt_setqty___IDX__\" class=\"form-control wt-input-setqty\" value=\"1\" min=\"1\" max=\"99\" data-axis=\"setqty\" onchange=\"onWindowTypeAxisChange(this);\">
  11138. \t\t\t\t\t\t\t          <span class=\"input-group-text\">セット</span>
  11139. \t\t\t\t\t\t\t        </div>
  11140. \t\t\t\t\t\t\t      </div>
  11141. \t\t\t\t\t\t\t      <div class=\"col-4 text-end\">
  11142. \t\t\t\t\t\t\t        <small class=\"text-muted\">補助金額<br><span class=\"wt-subsidy-amount\">―</span> 円</small>
  11143. \t\t\t\t\t\t\t      </div>
  11144. \t\t\t\t\t\t\t    </div>
  11145. \t\t\t\t\t\t\t  </div>
  11146. \t\t\t\t\t\t\t</template>
  11148. \t\t\t\t\t\t\t{# 複数タイプ管理 JS. addWindowType / removeWindowType / 再番号付け. #}
  11149. \t\t\t\t\t\t\t<script>
  11150. \t\t\t\t\t\t\t(function() {
  11151. \t\t\t\t\t\t\t\tvar MAX_WINDOW_TYPES = 20;
  11153. \t\t\t\t\t\t\t\tfunction addWindowType() {
  11154. \t\t\t\t\t\t\t\t\tvar container = document.getElementById('window-types-container');
  11155. \t\t\t\t\t\t\t\t\tif (!container) return;
  11156. \t\t\t\t\t\t\t\t\tvar existing = container.querySelectorAll('.window-type-block');
  11157. \t\t\t\t\t\t\t\t\tif (existing.length >= MAX_WINDOW_TYPES) return;
  11158. \t\t\t\t\t\t\t\t\tvar newIdx = existing.length + 1;
  11159. \t\t\t\t\t\t\t\t\tvar tpl = document.getElementById('window-type-template');
  11160. \t\t\t\t\t\t\t\t\tif (!tpl) return;
  11161. \t\t\t\t\t\t\t\t\t// <template> の innerHTML を取り出して __IDX__ を新規連番に置換し、要素化して append.
  11162. \t\t\t\t\t\t\t\t\tvar html = tpl.innerHTML.replace(/__IDX__/g, String(newIdx));
  11163. \t\t\t\t\t\t\t\t\tvar wrapper = document.createElement('div');
  11164. \t\t\t\t\t\t\t\t\twrapper.innerHTML = html.trim();
  11165. \t\t\t\t\t\t\t\t\tvar block = wrapper.firstChild;
  11166. \t\t\t\t\t\t\t\t\tcontainer.appendChild(block);
  11167. \t\t\t\t\t\t\t\t\tdecorateSubsidyGlass(block);
  11168. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  11169. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11170. \t\t\t\t\t\t\t\t}
  11172. \t\t\t\t\t\t\t\t// 補助金対象ガラスの選択肢に「補助金対象」バッジ + 緑枠を付与する.
  11173. \t\t\t\t\t\t\t\t// 判定は calc script 側の window.glassYieldsSubsidy に委譲 (ロジック二重化を避ける)。
  11174. \t\t\t\t\t\t\t\tfunction decorateSubsidyGlass(block) {
  11175. \t\t\t\t\t\t\t\t\tif (!block || typeof window.glassYieldsSubsidy !== 'function') return;
  11176. \t\t\t\t\t\t\t\t\tvar radios = block.querySelectorAll('input[data-axis=\"pm\"]');
  11177. \t\t\t\t\t\t\t\t\tradios.forEach(function(inp) {
  11178. \t\t\t\t\t\t\t\t\t\tvar label = inp.closest('.opt-btn');
  11179. \t\t\t\t\t\t\t\t\t\tif (!label || label.querySelector('.opt-btn__subsidy-badge')) return;
  11180. \t\t\t\t\t\t\t\t\t\tif (window.glassYieldsSubsidy(inp.value)) {
  11181. \t\t\t\t\t\t\t\t\t\t\tlabel.classList.add('opt-btn--subsidy');
  11182. \t\t\t\t\t\t\t\t\t\t\tvar badge = document.createElement('span');
  11183. \t\t\t\t\t\t\t\t\t\t\tbadge.className = 'opt-btn__subsidy-badge';
  11184. \t\t\t\t\t\t\t\t\t\t\tbadge.textContent = '補助金対象';
  11185. \t\t\t\t\t\t\t\t\t\t\tlabel.appendChild(badge);
  11186. \t\t\t\t\t\t\t\t\t\t}
  11187. \t\t\t\t\t\t\t\t\t});
  11188. \t\t\t\t\t\t\t\t}
  11190. \t\t\t\t\t\t\t\tfunction removeWindowType(btn) {
  11191. \t\t\t\t\t\t\t\t\tvar block = btn.closest('.window-type-block');
  11192. \t\t\t\t\t\t\t\t\tif (!block) return;
  11193. \t\t\t\t\t\t\t\t\tblock.remove();
  11194. \t\t\t\t\t\t\t\t\treindexBlocks();
  11195. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  11196. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11197. \t\t\t\t\t\t\t\t}
  11199. \t\t\t\t\t\t\t\tfunction updateRemoveButtonVisibility() {
  11200. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  11201. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b) {
  11202. \t\t\t\t\t\t\t\t\t\tvar btn = b.querySelector('.btn-remove-window-type');
  11203. \t\t\t\t\t\t\t\t\t\tif (btn) btn.style.display = blocks.length > 1 ? '' : 'none';
  11204. \t\t\t\t\t\t\t\t\t});
  11205. \t\t\t\t\t\t\t\t}
  11207. \t\t\t\t\t\t\t\tfunction reindexBlocks() {
  11208. \t\t\t\t\t\t\t\t\t// ブロック削除後に 1 から振り直し. input[name] の末尾 _N も書き換える.
  11209. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  11210. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b, i) {
  11211. \t\t\t\t\t\t\t\t\t\tvar n = i + 1;
  11212. \t\t\t\t\t\t\t\t\t\tb.setAttribute('data-type-idx', String(n));
  11213. \t\t\t\t\t\t\t\t\t\tvar numSpan = b.querySelector('.wt-num');
  11214. \t\t\t\t\t\t\t\t\t\tif (numSpan) numSpan.textContent = String(n);
  11215. \t\t\t\t\t\t\t\t\t\tb.querySelectorAll('input[name]').forEach(function(inp) {
  11216. \t\t\t\t\t\t\t\t\t\t\tinp.name = inp.name.replace(/_\\d+\$/, '_' + n);
  11217. \t\t\t\t\t\t\t\t\t\t});
  11218. \t\t\t\t\t\t\t\t\t});
  11219. \t\t\t\t\t\t\t\t}
  11221. \t\t\t\t\t\t\t\t// 軸変更イベント. recalcAll が定義されていれば再計算 (task 2 で実装).
  11222. \t\t\t\t\t\t\t\twindow.onWindowTypeAxisChange = function() {
  11223. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11224. \t\t\t\t\t\t\t\t};
  11226. \t\t\t\t\t\t\t\twindow.addWindowType = addWindowType;
  11227. \t\t\t\t\t\t\t\twindow.removeWindowType = removeWindowType;
  11229. \t\t\t\t\t\t\t\t// 隠し radio(opacity:0/pointer-events:none) を label で包む opt-btn は iOS で初回タップの
  11230. \t\t\t\t\t\t\t\t// change が不発になりやすい。窓タイプ/住宅区分は label に onclick が無く change 依存だった
  11231. \t\t\t\t\t\t\t\t// ため「2回タッチ/選択できない」が発生。click は確実に発火するので委譲 click で選択状態・
  11232. \t\t\t\t\t\t\t\t// is-selected・再計算を行う(JSで複製される窓タイプにも委譲で対応)。
  11233. \t\t\t\t\t\t\t\tdocument.addEventListener('click', function(ev) {
  11234. \t\t\t\t\t\t\t\t\tif (!ev.target || !ev.target.closest) return;
  11235. \t\t\t\t\t\t\t\t\tvar label = ev.target.closest('.opt-btn');
  11236. \t\t\t\t\t\t\t\t\tif (!label) return;
  11237. \t\t\t\t\t\t\t\t\tif (!label.closest('#window-types-container') && !label.closest('#window-housing-type-group')) return;
  11238. \t\t\t\t\t\t\t\t\tvar input = label.querySelector('input[type=\"radio\"]');
  11239. \t\t\t\t\t\t\t\t\tif (!input || input.disabled) return;
  11240. \t\t\t\t\t\t\t\t\tinput.checked = true;
  11241. \t\t\t\t\t\t\t\t\tvar nm = input.getAttribute('name');
  11242. \t\t\t\t\t\t\t\t\tif (nm) {
  11243. \t\t\t\t\t\t\t\t\t\tdocument.querySelectorAll('input[name=\"' + nm + '\"]').forEach(function(i) {
  11244. \t\t\t\t\t\t\t\t\t\t\tvar l = i.closest('.opt-btn');
  11245. \t\t\t\t\t\t\t\t\t\t\tif (l) l.classList.toggle('is-selected', i.checked);
  11246. \t\t\t\t\t\t\t\t\t\t});
  11247. \t\t\t\t\t\t\t\t\t}
  11248. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11249. \t\t\t\t\t\t\t\t});
  11251. \t\t\t\t\t\t\t\t// 初期表示で 1 ブロック追加 + 住宅区分ラジオの change で再計算.
  11252. \t\t\t\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', function() {
  11253. \t\t\t\t\t\t\t\t\tif (document.querySelector('#window-types-container')) {
  11254. \t\t\t\t\t\t\t\t\t\taddWindowType();
  11255. \t\t\t\t\t\t\t\t\t}
  11256. \t\t\t\t\t\t\t\t\tvar housingInputs = document.querySelectorAll('input[name=\"window_housing_type\"]');
  11257. \t\t\t\t\t\t\t\t\tvar syncHousingSelectedClass = function() {
  11258. \t\t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  11259. \t\t\t\t\t\t\t\t\t\t\tvar lbl = el.closest('.opt-btn');
  11260. \t\t\t\t\t\t\t\t\t\t\tif (!lbl) return;
  11261. \t\t\t\t\t\t\t\t\t\t\tif (el.checked) lbl.classList.add('is-selected');
  11262. \t\t\t\t\t\t\t\t\t\t\telse            lbl.classList.remove('is-selected');
  11263. \t\t\t\t\t\t\t\t\t\t});
  11264. \t\t\t\t\t\t\t\t\t};
  11265. \t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  11266. \t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  11267. \t\t\t\t\t\t\t\t\t\tel.addEventListener('change', function() {
  11268. \t\t\t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  11269. \t\t\t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11270. \t\t\t\t\t\t\t\t\t\t});
  11271. \t\t\t\t\t\t\t\t\t});
  11272. \t\t\t\t\t\t\t\t});
  11273. \t\t\t\t\t\t\t})();
  11274. \t\t\t\t\t\t\t</script>
  11276. \t\t\t\t\t\t{% endif %}
  11278. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  11279. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 3 %}
  11281. \t\t\t\t\t\t\t{# 幅・奥行き・高さ（p_w/p_d/p_h からボタン型ラジオ生成） #}
  11282. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  11283. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11284. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  11285. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11286. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11287. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  11288. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %} is-selected{% endif %}\"
  11289. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw3_{{ idx }}');\">
  11290. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_{{ idx }}\" value=\"{{ pw_val }}\"
  11291. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}>
  11292. \t\t\t\t\t\t\t        {{ pw_val }}
  11293. \t\t\t\t\t\t\t      </label>
  11294. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11295. \t\t\t\t\t\t\t  </div>
  11296. \t\t\t\t\t\t\t</div>
  11297. \t\t\t\t\t\t\t{% endif %}
  11299. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  11300. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11301. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  11302. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11303. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11304. \t\t\t\t\t\t\t    {% for pd_val in p_d %}{% if pd_val %}{% set idx = idx + 1 %}
  11305. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %} is-selected{% endif %}\"
  11306. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pd','pd3_{{ idx }}');\">
  11307. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_{{ idx }}\" value=\"{{ pd_val }}\"
  11308. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %}checked{% endif %}>
  11309. \t\t\t\t\t\t\t        {{ pd_val }}
  11310. \t\t\t\t\t\t\t      </label>
  11311. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11312. \t\t\t\t\t\t\t  </div>
  11313. \t\t\t\t\t\t\t</div>
  11314. \t\t\t\t\t\t\t{% endif %}
  11316. \t\t\t\t\t\t\t{% if p_h and p_h|length and p_h|join != \"\" %}
  11317. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11318. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  11319. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11320. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11321. \t\t\t\t\t\t\t    {% for ph_val in p_h %}{% if ph_val %}{% set idx = idx + 1 %}
  11322. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %} is-selected{% endif %}\"
  11323. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('ph','ph3_{{ idx }}');\">
  11324. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_{{ idx }}\" value=\"{{ ph_val }}\"
  11325. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %}checked{% endif %}>
  11326. \t\t\t\t\t\t\t        {{ ph_val }}
  11327. \t\t\t\t\t\t\t      </label>
  11328. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11329. \t\t\t\t\t\t\t  </div>
  11330. \t\t\t\t\t\t\t</div>
  11331. \t\t\t\t\t\t\t{% endif %}
  11333. \t\t\t\t\t\t\t{# 棚タイプ（p_m データから選択肢を生成） #}
  11334. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  11335. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11336. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">棚タイプ <small class=\"text-muted\">（間仕切り仕様）</small>{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  11337. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11338. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11339. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  11340. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %} is-selected{% endif %}\"
  11341. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm3_{{ idx }}');\">
  11342. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_{{ idx }}\" value=\"{{ pm_val }}\"
  11343. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}>
  11344. \t\t\t\t\t\t\t        {{ pm_val }}
  11345. \t\t\t\t\t\t\t      </label>
  11346. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11347. \t\t\t\t\t\t\t  </div>
  11348. \t\t\t\t\t\t\t</div>
  11349. \t\t\t\t\t\t\t{% endif %}
  11351. \t\t\t\t\t\t\t{# option1 (mo の 棚タイプ 等、p_option1 データから選択肢を生成) #}
  11352. \t\t\t\t\t\t\t{% if p_option1 and p_option1|length and p_option1|join != \"\" %}
  11353. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11354. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">{{ option1_label }}{% if mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 %}: <span>{{ mitsumori_json.option1 }}</span>{% endif %}</div>
  11355. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11356. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11357. \t\t\t\t\t\t\t    {% for opt1_val in p_option1 %}{% if opt1_val %}{% set idx = idx + 1 %}
  11358. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1_val) or p_option1|length == 1 %} is-selected{% endif %}\"
  11359. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('option1','option1_3_{{ idx }}');\">
  11360. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"option1\" id=\"option1_3_{{ idx }}\" value=\"{{ opt1_val }}\"
  11361. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1_val) or p_option1|length == 1 %}checked{% endif %}>
  11362. \t\t\t\t\t\t\t        {{ opt1_val }}
  11363. \t\t\t\t\t\t\t      </label>
  11364. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11365. \t\t\t\t\t\t\t  </div>
  11366. \t\t\t\t\t\t\t</div>
  11367. \t\t\t\t\t\t\t{% endif %}
  11369. \t\t\t\t\t\t\t{# カラー（共通の color データ使用） #}
  11370. \t\t\t\t\t\t\t{% if color and color|length %}
  11371. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11372. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  11373. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11374. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11375. \t\t\t\t\t\t\t    {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  11376. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %} is-selected{% endif %}\"
  11377. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pc','cc3_{{ idx }}');\">
  11378. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_{{ idx }}\" value=\"{{ cc['name'] }}\"
  11379. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  11380. \t\t\t\t\t\t\t        {{ cc['name'] }}
  11381. \t\t\t\t\t\t\t      </label>
  11382. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11383. \t\t\t\t\t\t\t  </div>
  11384. \t\t\t\t\t\t\t</div>
  11385. \t\t\t\t\t\t\t{% endif %}
  11387. \t\t\t\t\t\t\t{# 台数 #}
  11388. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11389. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  11390. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11391. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  11392. \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');\">
  11393. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  11394. \t\t\t\t\t\t\t    </div>
  11395. \t\t\t\t\t\t\t  </div>
  11396. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11397. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  11398. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  11399. \t\t\t\t\t\t\t  </div>
  11400. \t\t\t\t\t\t\t</div>
  11402. \t\t\t\t\t\t{% endif %}
  11404. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  11405. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 %}
  11407. \t\t\t\t\t\t\t{# 枚数 #}
  11408. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11409. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  11410. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  11411. \t\t\t\t\t\t\t    <div class=\"input-group\">
  11412. \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=\"if(parseInt(this.value)<3)this.value=3; mitsumori_simulation('maisu','maisu');\">
  11413. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  11414. \t\t\t\t\t\t\t    </div>
  11415. \t\t\t\t\t\t\t  </div>
  11416. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11417. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  11418. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  11419. \t\t\t\t\t\t\t  </div>
  11420. \t\t\t\t\t\t\t</div>
  11422. \t\t\t\t\t\t{% endif %}
  11424. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  11425. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 5 %}
  11427. \t\t\t\t\t\t\t{# ステップの有無 #}
  11428. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11429. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">ステップ</div>
  11430. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11431. \t\t\t\t\t\t\t    {% set step_yes_checked = (mitsumori_json and mitsumori_json.deck_step is defined and mitsumori_json.deck_step == '必要') %}
  11432. \t\t\t\t\t\t\t    {% set step_no_checked = (not mitsumori_json or mitsumori_json.deck_step is not defined or mitsumori_json.deck_step == '不要' or not mitsumori_json.deck_step) %}
  11433. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if step_yes_checked %} is-selected{% endif %}\"
  11434. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  11435. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  11436. \t\t\t\t\t\t\t             {% if step_yes_checked %}checked{% endif %}>
  11437. \t\t\t\t\t\t\t      必要
  11438. \t\t\t\t\t\t\t    </label>
  11439. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if step_no_checked %} is-selected{% endif %}\"
  11440. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  11441. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  11442. \t\t\t\t\t\t\t             {% if step_no_checked %}checked{% endif %}>
  11443. \t\t\t\t\t\t\t      不要
  11444. \t\t\t\t\t\t\t    </label>
  11445. \t\t\t\t\t\t\t  </div>
  11446. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-step\" style=\"font-size:12px;color:#c00;margin-top:6px;{% if not step_yes_checked %}display:none;{% endif %}\">
  11447. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  11448. \t\t\t\t\t\t\t  </div>
  11449. \t\t\t\t\t\t\t</div>
  11451. \t\t\t\t\t\t\t{# ウッドデッキフェンスの有無 #}
  11452. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11453. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">デッキフェンス</div>
  11454. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11455. \t\t\t\t\t\t\t    {% set fence_yes_checked = (mitsumori_json and mitsumori_json.deck_fence is defined and mitsumori_json.deck_fence == '必要') %}
  11456. \t\t\t\t\t\t\t    {% set fence_no_checked = (not mitsumori_json or mitsumori_json.deck_fence is not defined or mitsumori_json.deck_fence == '不要' or not mitsumori_json.deck_fence) %}
  11457. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if fence_yes_checked %} is-selected{% endif %}\"
  11458. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  11459. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  11460. \t\t\t\t\t\t\t             {% if fence_yes_checked %}checked{% endif %}>
  11461. \t\t\t\t\t\t\t      必要
  11462. \t\t\t\t\t\t\t    </label>
  11463. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if fence_no_checked %} is-selected{% endif %}\"
  11464. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  11465. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  11466. \t\t\t\t\t\t\t             {% if fence_no_checked %}checked{% endif %}>
  11467. \t\t\t\t\t\t\t      不要
  11468. \t\t\t\t\t\t\t    </label>
  11469. \t\t\t\t\t\t\t  </div>
  11470. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-fence\" style=\"font-size:12px;color:#c00;margin-top:6px;{% if not fence_yes_checked %}display:none;{% endif %}\">
  11471. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  11472. \t\t\t\t\t\t\t  </div>
  11473. \t\t\t\t\t\t\t</div>
  11475. \t\t\t\t\t\t{% endif %}
  11477. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  11478. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 6 %}
  11480. \t\t\t\t\t\t\t{# 規格（p_m データ → 素材から抽出） #}
  11481. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  11482. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11483. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">規格{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  11484. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11485. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11486. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  11487. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %} is-selected{% endif %}\"
  11488. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm6_{{ idx }}');\">
  11489. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_{{ idx }}\" value=\"{{ pm_val }}\"
  11490. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}>
  11491. \t\t\t\t\t\t\t        {{ pm_val }}
  11492. \t\t\t\t\t\t\t      </label>
  11493. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11494. \t\t\t\t\t\t\t  </div>
  11495. \t\t\t\t\t\t\t</div>
  11496. \t\t\t\t\t\t\t{% endif %}
  11498. \t\t\t\t\t\t\t{# 芝の幅（p_w = ロール幅。free_area の w。例 100cm/200cm = 1m/2m 幅。
  11499. \t\t\t\t\t\t\t   h はロール長（例 1000cm=10m）で固定のため UI には出さない）。 #}
  11500. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  11501. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11502. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">芝の幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  11503. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11504. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11505. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  11506. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %} is-selected{% endif %}\"
  11507. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw6_{{ idx }}');\">
  11508. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_{{ idx }}\" value=\"{{ pw_val }}\"
  11509. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}>
  11510. \t\t\t\t\t\t\t        {{ pw_val }}
  11511. \t\t\t\t\t\t\t      </label>
  11512. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11513. \t\t\t\t\t\t\t  </div>
  11514. \t\t\t\t\t\t\t</div>
  11515. \t\t\t\t\t\t\t{% endif %}
  11517. \t\t\t\t\t\t\t{# 1ロールの長さ表記（顧客要望 #10）。h はロール長 (例 1000cm=10m) で固定のため選択ではなく表示のみ。 #}
  11518. \t\t\t\t\t\t\t{% set _roll_h = (p_h is defined and p_h|length) ? (p_h|first) : '' %}
  11519. \t\t\t\t\t\t\t{% if _roll_h %}
  11520. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11521. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">1ロールの長さ：<span style=\"font-weight:bold;\">{% if 'cm' in _roll_h %}{{ (_roll_h|replace({'cm':'', ',':''})|trim) / 100 }}m{% else %}{{ _roll_h }}{% endif %}</span></div>
  11522. \t\t\t\t\t\t\t</div>
  11523. \t\t\t\t\t\t\t{% endif %}
  11525. \t\t\t\t\t\t\t{# 施工サイズ（縦 × 横、m 入力）→ 必要枚数を自動算出して表示.
  11526. \t\t\t\t\t\t\t   面積=縦×横 を #area に流し込み、case 6 の qty=ceil(area/ロール面積) を流用. #}
  11527. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11528. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工サイズ</label>
  11529. \t\t\t\t\t\t\t  <div class=\"col-8\">
  11530. \t\t\t\t\t\t\t    <div class=\"input-group\">
  11531. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_len\" id=\"tf_len\"
  11532. \t\t\t\t\t\t\t        class=\"form-control\"
  11533. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_len|default('') }}\"
  11534. \t\t\t\t\t\t\t        placeholder=\"縦\" min=\"0.1\" step=\"0.1\"
  11535. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_len','tf_len');\">
  11536. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m&nbsp;×</span>
  11537. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_wid\" id=\"tf_wid\"
  11538. \t\t\t\t\t\t\t        class=\"form-control\"
  11539. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_wid|default('') }}\"
  11540. \t\t\t\t\t\t\t        placeholder=\"横\" min=\"0.1\" step=\"0.1\"
  11541. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_wid','tf_wid');\">
  11542. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m</span>
  11543. \t\t\t\t\t\t\t    </div>
  11544. \t\t\t\t\t\t\t    {# area は内部計算用に保持（縦×横を JS で書き込む） #}
  11545. \t\t\t\t\t\t\t    <input type=\"hidden\" name=\"area\" id=\"area\" value=\"{{ mitsumori_json.area|default('') }}\">
  11546. \t\t\t\t\t\t\t    {# 必要枚数は直接入力も可能。施工サイズ入力時は自動算出して上書きする。
  11547. \t\t\t\t\t\t\t       施工サイズ未入力でも、ここで枚数だけ指定してカートに入れられる。 #}
  11548. \t\t\t\t\t\t\t    <div style=\"margin-top:10px;display:inline-block;background:#fff3cd;border:1px solid #ffe69c;border-radius:6px;padding:8px 14px;font-size:16px;color:#c00;font-weight:bold;\">
  11549. \t\t\t\t\t\t\t      必要枚数：<input type=\"number\" name=\"tf_qty\" id=\"tf_qty\"
  11550. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_qty|default('1') }}\" min=\"1\" step=\"1\"
  11551. \t\t\t\t\t\t\t        style=\"width:80px;font-size:22px;font-weight:bold;color:#c00;text-align:right;border:1px solid #ffe69c;border-radius:4px;padding:2px 6px;\"
  11552. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_qty','tf_qty');\"> 枚
  11553. \t\t\t\t\t\t\t    </div>
  11554. \t\t\t\t\t\t\t    <div style=\"margin-top:6px;font-size:12px;color:#666;\">※ 施工サイズを入力すると必要枚数を自動計算します。サイズが分からない場合は枚数を直接ご指定ください。</div>
  11555. \t\t\t\t\t\t\t  </div>
  11556. \t\t\t\t\t\t\t</div>
  11558. \t\t\t\t\t\t{% endif %}
  11560. \t\t\t\t\t\t<!-- 7: 施工見積（数量買い・基本工事費固定） -->
  11561. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 7 %}
  11562. \t\t\t\t\t\t\t{# 個数（物置の daisu と同形式、単位は「個」） #}
  11563. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11564. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">個数</label>
  11565. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11566. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  11567. \t\t\t\t\t\t\t      <input type=\"number\" name=\"suuryou\" id=\"suuryou\" class=\"form-control\"
  11568. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.suuryou|default('1') }}\" min=\"1\" max=\"100\"
  11569. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('suuryou','suuryou');\">
  11570. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  11571. \t\t\t\t\t\t\t    </div>
  11572. \t\t\t\t\t\t\t  </div>
  11573. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11574. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"suuryou(+1);\">＋</button>
  11575. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"suuryou(-1);\">ー</button>
  11576. \t\t\t\t\t\t\t  </div>
  11577. \t\t\t\t\t\t\t</div>
  11578. \t\t\t\t\t\t{% endif %}
  11580. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  11581. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 9 %}
  11582. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11583. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  11584. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11585. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  11586. \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);\">
  11587. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  11588. \t\t\t\t\t\t\t    </div>
  11589. \t\t\t\t\t\t\t  </div>
  11590. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11591. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  11592. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  11593. \t\t\t\t\t\t\t  </div>
  11594. \t\t\t\t\t\t\t</div>
  11595. \t\t\t\t\t\t{% endif %}
  11600. \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>
  11601. \t\t\t\t\t\t{# gs (ゴミステーション, category id=27) では「撤去対応」「残土・ガラ処理」は ex-shop に存在しないため非表示
  11602. \t\t\t\t\t\t   cg (カーゲート, category id=9) では「残土・ガラ処理」分は撤去金額側に内包済みのため非表示
  11603. \t\t\t\t\t\t   (撤去オプション自体は残す) #}
  11604. \t\t\t\t\t\t{% set is_gs = false %}
  11605. \t\t\t\t\t\t{% set is_cg = false %}
  11606. \t\t\t\t\t\t{% if Product.ProductCategories is not empty %}
  11607. \t\t\t\t\t\t\t{% for ProductCategory in Product.ProductCategories %}
  11608. \t\t\t\t\t\t\t\t{% if ProductCategory.category_id == 27 %}{% set is_gs = true %}{% endif %}
  11609. \t\t\t\t\t\t\t\t{% if ProductCategory.category_id == 9 %}{% set is_cg = true %}{% endif %}
  11610. \t\t\t\t\t\t\t{% endfor %}
  11611. \t\t\t\t\t\t{% endif %}
  11612. \t\t\t\t\t\t{% for i in 0..10 %}
  11613. \t\t\t\t\t\t\t{% if op and op|length >= i+1 %}
  11614. \t\t\t\t\t\t\t{% if op[i]['name'] %}
  11615. \t\t\t\t\t\t\t{% set hide_opt = false %}
  11616. \t\t\t\t\t\t\t{% if is_gs and (op[i]['name'] matches '/撤去/' or op[i]['name'] matches '/残土/') %}
  11617. \t\t\t\t\t\t\t\t{% set hide_opt = true %}
  11618. \t\t\t\t\t\t\t{% endif %}
  11619. \t\t\t\t\t\t\t{% if is_cg and op[i]['name'] matches '/残土/' %}
  11620. \t\t\t\t\t\t\t\t{% set hide_opt = true %}
  11621. \t\t\t\t\t\t\t{% endif %}
  11622. \t\t\t\t\t\t\t{% if not hide_opt %}
  11623. \t\t\t\t\t\t\t{# price=0 で「解体」「撤去」「設置場所」(wd 等で API 差額未提供) を含むオプションは
  11624. \t\t\t\t\t\t\t   選択時に「現場調査後に正式お見積もり」文言を出す. #}
  11625. \t\t\t\t\t\t\t{% set is_removal_unknown = (op[i]['price']|default(0) == 0 or op[i]['price']|default('0') == '0')
  11626. \t\t\t\t\t\t\t                              and (op[i]['name'] matches '/解体/' or op[i]['name'] matches '/撤去/' or op[i]['name'] matches '/設置場所/') %}
  11627. \t\t\t\t\t\t\t{# tf (人工芝, sale_type=6): ex-shop に施工価格がないため「取り付け工事も希望する」選択時に現地調査文言を表示 #}
  11628. \t\t\t\t\t\t\t{% set is_tf_kouji = (ProductClass.SaleType.id == 6 and op[i]['name'] matches '/取り付け工事/') %}
  11629. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" data-op-idx=\"{{ i }}\" data-op-name=\"{{ op[i]['name']|e('html_attr') }}\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11631. \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>
  11632. \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 %}
  11633. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11634. \t\t\t\t\t\t\t    {# off が空 (= ex-shop に選択肢が 1 つしかない基礎施工等) のときは on 側を
  11635. \t\t\t\t\t\t\t       既定選択にして 2 個目の空ラジオを描画しない. #}
  11636. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.op[i] == op[i]['on']) or not op[i]['off'] %} is-selected{% endif %}\"
  11637. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_1');\">
  11638. \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']) or not op[i]['off'] %}checked{% endif %}>
  11639. \t\t\t\t\t\t\t      {{ op[i]['on'] }}
  11640. \t\t\t\t\t\t\t    </label>
  11641. \t\t\t\t\t\t\t    {% if op[i]['off'] %}
  11642. \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 %}\"
  11643. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_2');\">
  11644. \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 %}>
  11645. \t\t\t\t\t\t\t      {{ op[i]['off'] }}
  11646. \t\t\t\t\t\t\t    </label>
  11647. \t\t\t\t\t\t\t    {% endif %}
  11648. \t\t\t\t\t\t\t  </div>
  11649. \t\t\t\t\t\t\t  {% if is_removal_unknown or is_tf_kouji %}
  11650. \t\t\t\t\t\t\t  <div class=\"opt-survey-note\" data-op-idx=\"{{ i }}\" style=\"font-size:12px;color:#c00;margin-top:6px;{% if not (mitsumori_json and mitsumori_json.op[i] == op[i]['on']) %}display:none;{% endif %}\">
  11651. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  11652. \t\t\t\t\t\t\t  </div>
  11653. \t\t\t\t\t\t\t  {% endif %}
  11654. \t\t\t\t\t\t\t</div>
  11655. \t\t\t\t\t\t\t{% endif %}
  11656. \t\t\t\t\t\t\t{% endif %}
  11657. \t\t\t\t\t\t\t{% endif %}
  11658. \t\t\t\t\t\t{% endfor %}
  11660. \t\t\t\t\t\t{# fe (sale_type=4) ブロックの種類×段数 サブ UI コンテナ.
  11661. \t\t\t\t\t\t   親オプション「ご希望のフェンス設置方法」 = 「新規にブロック積みを行う」
  11662. \t\t\t\t\t\t   を選択したときだけ JS (renderFeBlockRadios) で表示される. #}
  11663. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 and oi and oi.fe_block %}
  11664. \t\t\t\t\t\t<div id=\"fe-block-options\" class=\"form-group mt-3 pb-3\" style=\"display:none;border-bottom:1px solid rgba(0,0,0,.125)\"></div>
  11665. \t\t\t\t\t\t{% endif %}
  11667. \t\t\t\t\t  </div>
  11668. \t\t\t\t\t  <!-- /.card-body -->
  11669. \t\t\t\t\t</div>
  11672.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  11673.                         {% if Product.stock_find %}
  11674.                             <div class=\"ec-productRole__actions\">
  11675.                                 {% if form.classcategory_id1 is defined %}
  11676.                                     <div class=\"ec-select\">
  11677.                                         {{ form_row(form.classcategory_id1) }}
  11678.                                         {{ form_errors(form.classcategory_id1) }}
  11679.                                     </div>
  11680.                                     {% if form.classcategory_id2 is defined %}
  11681.                                         <div class=\"ec-select\">
  11682.                                             {{ form_row(form.classcategory_id2) }}
  11683.                                             {{ form_errors(form.classcategory_id2) }}
  11684.                                         </div>
  11685.                                     {% endif %}
  11686.                                 {% endif %}
  11687.                                 <div class=\"ec-numberInput\">
  11688.                                     {{ form_widget(form.quantity, { type: 'hidden' }) }}
  11689.                                     {{ form_errors(form.quantity) }}
  11690.                                 </div>
  11691.                             </div>
  11693.                         {% else %}
  11694.                             <div class=\"ec-productRole__btn\">
  11695.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  11696.                                     {{ 'ただいま品切れ中です。'|trans }}
  11697.                                 </button>
  11698.                             </div>
  11699.                         {% endif %}
  11700.                         <div class=\"ec-productRole__btn mt-3\">
  11701.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  11702.                         </div>
  11703.                         {{ form_rest(form) }}
  11704.                     </form>
  11705.                     <div class=\"ec-modal add-cart-modal\">
  11706.                         <div class=\"ec-modal-overlay\">
  11707.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  11708.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  11709.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">{{ 'カートに追加しました。'|trans }}</div>
  11710.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  11711.                                     <div class=\"ec-role add-cart-modal__actions\">
  11712.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action add-cart-modal__primary\">{{ 'カートに進む'|trans }}</a>
  11713.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">{{ '商品検索を続ける'|trans }}</span>
  11714.                                     </div>
  11715.                                 </div>
  11716.                             </div>
  11717.                         </div>
  11718.                     </div>
  11719.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  11720.                     </div>
  11722.                     {# SNSシェア #}
  11723.                     <div class=\"ec-productRole__share\">
  11724.                         <ul class=\"ec-share\">
  11725.                             <li class=\"ec-share__item\">
  11726.                                 <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\">
  11727.                                     <i class=\"fab fa-twitter\"></i>
  11728.                                 </a>
  11729.                             </li>
  11730.                             <li class=\"ec-share__item\">
  11731.                                 <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\">
  11732.                                     <i class=\"fab fa-facebook-f\"></i>
  11733.                                 </a>
  11734.                             </li>
  11735.                             <li class=\"ec-share__item\">
  11736.                                 <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\">
  11737.                                     <i class=\"fab fa-line\"></i>
  11738.                                 </a>
  11739.                             </li>
  11740.                         </ul>
  11741.                     </div>
  11742.                 </div>
  11743. \t\t\t\t{# ===== スマホ用 見積金額 下部固定バー ===== #}
  11744. \t\t\t\t<div id=\"sp-mitsumori-bar\">
  11745. \t\t\t\t    <div class=\"sp-bar__pricewrap\">
  11746. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  11747. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  11748. \t\t\t\t    </div>
  11749. \t\t\t\t    <button type=\"button\" class=\"sp-bar__detail-btn\"
  11750. \t\t\t\t            onclick=\"openSpMitsumoriDetail();\" title=\"お見積りの詳細（内訳）を表示\">
  11751. \t\t\t\t        <i class=\"far fa-file-alt\"></i>
  11752. \t\t\t\t        <span>詳細</span>
  11753. \t\t\t\t    </button>
  11754. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  11755. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  11756. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  11757. \t\t\t\t        <span class=\"sp-bar__btn-label\">カートへ</span>
  11758. \t\t\t\t        {% set spTotalQty = get_carts_total_quantity() %}
  11759. \t\t\t\t        {% if spTotalQty > 0 %}
  11760. \t\t\t\t            <span class=\"sp-bar__cart-badge\">{{ spTotalQty|number_format }}</span>
  11761. \t\t\t\t        {% endif %}
  11762. \t\t\t\t    </button>
  11763. \t\t\t\t    <a href=\"{{ url('homepage') }}\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  11764. \t\t\t\t        <i class=\"fas fa-home\"></i>
  11765. \t\t\t\t    </a>
  11766. \t\t\t\t</div>
  11768. \t\t\t\t{# ===== スマホ用 お見積りの詳細 ボトムシート ===== #}
  11769. \t\t\t\t{# タップ時に現在の内訳カード(.mitsumori-card-pc)の中身を複製して表示する。
  11770. \t\t\t\t   価格計算には触れず、ライブ同期済みの表示値をそのまま見せる方式。 #}
  11771. \t\t\t\t<div id=\"sp-mitsumori-detail\" class=\"sp-detail-sheet\" aria-hidden=\"true\">
  11772. \t\t\t\t    <div class=\"sp-detail-sheet__overlay\" onclick=\"closeSpMitsumoriDetail();\"></div>
  11773. \t\t\t\t    <div class=\"sp-detail-sheet__panel\" role=\"dialog\" aria-label=\"お見積りの詳細\">
  11774. \t\t\t\t        <div class=\"sp-detail-sheet__header\">
  11775. \t\t\t\t            <span class=\"sp-detail-sheet__title\">お見積りの詳細</span>
  11776. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__close\" onclick=\"closeSpMitsumoriDetail();\" aria-label=\"閉じる\">&times;</button>
  11777. \t\t\t\t        </div>
  11778. \t\t\t\t        <div class=\"sp-detail-sheet__body\" id=\"sp-detail-body\"></div>
  11779. \t\t\t\t        <div class=\"sp-detail-sheet__footer\">
  11780. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__invoice\"
  11781. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('mitsumori_btn') && document.getElementById('mitsumori_btn').click();\">見積書を表示</button>
  11782. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__cart\"
  11783. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">カートに入れる</button>
  11784. \t\t\t\t        </div>
  11785. \t\t\t\t    </div>
  11786. \t\t\t\t</div>
  11788. \t\t\t\t{# tg カテゴリ用: block 別オプション差額ラジオ (W/D 確定後に JS が動的描画) #}
  11789. \t\t\t\t<div id=\"tg-options\" class=\"tg-options-container col-12\"></div>
  11791. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  11792. \t\t\t\t\t<div class=\"card-header\">
  11793. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  11794. \t\t\t\t\t  <div class=\"card-tools\">
  11795. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  11796. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  11797. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  11798. \t\t\t\t\t    </button>
  11799. \t\t\t\t\t  </div>
  11800. \t\t\t\t\t</div>
  11801. \t\t\t\t\t<div class=\"card-body p-0\">
  11802. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  11803. \t\t\t\t\t    <li class=\"nav-item active\">
  11804. \t\t\t\t\t      <a class=\"nav-link\">
  11805. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  11806. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  11807. \t\t\t\t\t      </a>
  11808. \t\t\t\t\t    </li>
  11809. \t\t\t\t\t    <li class=\"nav-item active\">
  11810. \t\t\t\t\t      <a class=\"nav-link\">
  11811. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  11812. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  11813. \t\t\t\t\t      </a>
  11814. \t\t\t\t\t    </li>
  11815. \t\t\t\t\t    {# sale_type=2 (補助金窓) ではカタログ価格軸を使わないので非表示. JS 側で #maker_price には \"---円\" を入れる. #}
  11816. \t\t\t\t\t    {% if ProductClass.SaleType.id != 2 %}
  11817. \t\t\t\t\t    <li class=\"nav-item\">
  11818. \t\t\t\t\t      <a class=\"nav-link\">
  11819. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  11820. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  11821. \t\t\t\t\t      </a>
  11822. \t\t\t\t\t    </li>
  11823. \t\t\t\t\t    {% else %}
  11824. \t\t\t\t\t    {# sale_type=2 でも JS が #maker_price を参照するので hidden で残す #}
  11825. \t\t\t\t\t    <span id=\"maker_price\" style=\"display:none;\">---円</span>
  11826. \t\t\t\t\t    {% endif %}
  11827. \t\t\t\t\t    <li class=\"nav-item\">
  11828. \t\t\t\t\t      <a class=\"nav-link\">
  11829. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i>
  11830. \t\t\t\t\t        {% if ProductClass.SaleType.id == 2 %}補助金（割引額）{% else %}お値引き{% endif %}
  11831. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  11832. \t\t\t\t\t      </a>
  11833. \t\t\t\t\t    </li>
  11834. \t\t\t\t\t    {# 補助金窓のみ: 当店が申請代行する旨を補助金行の直下に小さく表示 (消費者の手続き勘違い防止) #}
  11835. \t\t\t\t\t    {% if ProductClass.SaleType.id == 2 %}
  11836. \t\t\t\t\t    <li class=\"nav-item\">
  11837. \t\t\t\t\t      <div style=\"padding:4px 12px 8px;color:#6c757d;font-size:11px;line-height:1.4;\">
  11838. \t\t\t\t\t        ※当店が補助金事業者として申請代行し、契約代金に充当します
  11839. \t\t\t\t\t      </div>
  11840. \t\t\t\t\t    </li>
  11841. \t\t\t\t\t    {% endif %}
  11842. \t\t\t\t\t    <li class=\"nav-item\">
  11843. \t\t\t\t\t      <a class=\"nav-link\">
  11844. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  11845. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  11846. \t\t\t\t\t      </a>
  11847. \t\t\t\t\t    </li>
  11848. \t\t\t\t\t    <li class=\"nav-item\">
  11849. \t\t\t\t\t      <a class=\"nav-link\">
  11850. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  11851. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  11852. \t\t\t\t\t      </a>
  11853. \t\t\t\t\t    </li>
  11854. \t\t\t\t\t  </ul>
  11855. \t\t\t\t\t</div>
  11856. \t\t\t\t\t<div class=\"card-footer\">
  11857. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  11858. \t\t                  見積書表示
  11859. \t\t                </button>
  11860.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  11862. \t\t\t\t\t</div>
  11863. \t\t\t\t</div>
  11864.             </div>
  11866.         </div>
  11868.     </div>
  11870.   <div class=\"modal\" id=\"modal-mitsumori\">
  11871.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  11872.       <div class=\"modal-content\">
  11873.         <div class=\"modal-header\">
  11874.           <h4 class=\"modal-title\">お見積書</h4>
  11875.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  11876.             <span aria-hidden=\"true\">&times;</span>
  11877.           </button>
  11878.         </div>
  11879.         <div class=\"modal-body\">
  11880. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  11881. \t\t\t  <!-- title row -->
  11882. \t\t\t  <div class=\"row\">
  11883. \t\t\t    <div class=\"col-12\">
  11884. \t\t\t      <h2>概算お見積書 
  11885. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  11886. \t\t\t      </h2>
  11887. \t\t\t    </div>
  11888. \t\t\t    <!-- /.col -->
  11889. \t\t\t  </div>
  11890. \t\t\t  <!-- info row -->
  11891. \t\t\t  <div class=\"row invoice-info\">
  11892. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  11893. \t\t\t      <h3>お客様</h3>
  11894. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  11895. \t\t\t      <br />
  11896. \t\t\t      <br / >
  11897. \t\t\t      <br />
  11898. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  11899. \t\t\t      <span>
  11900. \t\t\t        <br/>
  11901. \t\t\t        <br/>
  11902. \t\t\t        <br/>
  11903. \t\t\t        <br/>
  11904. \t\t\t      </span>
  11905. \t\t\t    </div>
  11906. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  11907. \t\t\t      <p>
  11908. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  11909. \t\t\t      </p>
  11910. \t\t\t      <p>有限会社プラス</p>
  11911. \t\t\t      <p>〒400-0334</p>
  11912. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  11913. \t\t\t      <p>TEL: 055-284-6480</p>
  11914. \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;\">
  11915. \t\t\t    </div>
  11916. \t\t\t    <!-- /.col -->
  11917. \t\t\t    <!-- /.col -->
  11918. \t\t\t  </div>
  11919. \t\t\t  <!-- /.row -->
  11920. \t\t\t  <!-- Table row -->
  11921. \t\t\t  <div class=\"row\">
  11922. \t\t\t    <div class=\"col-12 table-responsive\">
  11923. \t\t\t      <table class=\"table table-striped\">
  11924. \t\t\t        <thead>
  11925. \t\t\t          <tr>
  11926. \t\t\t            <th>項目</th>
  11927. \t\t\t            <th>数量</th>
  11928. \t\t\t            <th>単位</th>
  11929. \t\t\t            <th>単価</th>
  11930. \t\t\t            <th>小計</th>
  11931. \t\t\t          </tr>
  11932. \t\t\t        </thead>
  11933. \t\t\t        <tbody>
  11934. \t\t\t          <tr>
  11935. \t\t\t            <td id=\"mitsumori_item_name\">{{ Product.name }}</td>
  11936. \t\t\t            <td>1</td>
  11937. \t\t\t            <td>式</td>
  11938. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  11939. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  11940. \t\t\t          </tr>
  11941. \t\t\t          <tr>
  11942. \t\t\t            <td>基本工事費</td>
  11943. \t\t\t            <td>1</td>
  11944. \t\t\t            <td>式</td>
  11945. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  11946. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  11947. \t\t\t          </tr>
  11948. \t\t\t          <tr>
  11949. \t\t\t            <td>残土・ガラ処理</td>
  11950. \t\t\t            <td>1</td>
  11951. \t\t\t            <td>式</td>
  11952. \t\t\t            <td>0円</td>
  11953. \t\t\t            <td></td>
  11954. \t\t\t          </tr>
  11955. \t\t\t          <tr>
  11956. \t\t\t            <td>　</td>
  11957. \t\t\t            <td></td>
  11958. \t\t\t            <td></td>
  11959. \t\t\t            <td></td>
  11960. \t\t\t            <td></td>
  11961. \t\t\t          </tr>
  11962. \t\t\t        </tbody>
  11963. \t\t\t      </table>
  11964. \t\t\t    </div>
  11965. \t\t\t    <!-- /.col -->
  11966. \t\t\t  </div>
  11967. \t\t\t  <!-- /.row -->
  11968. \t\t\t  <div class=\"row\">
  11969. \t\t\t    <!-- accepted payments column -->
  11970. \t\t\t    <div class=\"col-6\">
  11971. \t\t\t      <p class=\"lead\">お支払い方法</p>
  11972. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  11973. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  11974. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  11975. \t\t\t      </p>
  11976. \t\t\t    </div>
  11977. \t\t\t    <!-- /.col -->
  11978. \t\t\t    <div class=\"col-6\">
  11979. \t\t\t      <div class=\"table-responsive\">
  11980. \t\t\t        <table class=\"table\">
  11981. \t\t\t          <tbody>
  11982. \t\t\t            <tr>
  11983. \t\t\t              <th style=\"width:50%\">小計:</th>
  11984. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  11985. \t\t\t            </tr>
  11986. \t\t\t            <tr>
  11987. \t\t\t              <th>消費税 (10%)</th>
  11988. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  11989. \t\t\t            </tr>
  11990. \t\t\t            <tr>
  11991. \t\t\t              <th>合計:</th>
  11992. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  11993. \t\t\t            </tr>
  11994. \t\t\t          </tbody>
  11995. \t\t\t        </table>
  11996. \t\t\t      </div>
  11997. \t\t\t    </div>
  11998. \t\t\t    <!-- /.col -->
  11999. \t\t\t  </div>
  12000. \t\t\t  <!-- /.row -->
  12001. \t\t\t</div>
  12002.         </div>
  12003.         <div class=\"modal-footer justify-content-between\">
  12004. \t\t\t      {# PDF出力: mitsumori_json を POST して PDF ダウンロード #}
  12005. \t\t\t      <form method=\"post\" action=\"{{ url('mitsumori_pdf') }}\" target=\"_blank\" id=\"pdf_download_form\">
  12006. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"{{ csrf_token('mitsumori_pdf') }}\">
  12007. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  12008. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  12009. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  12010. \t\t\t        </button>
  12011. \t\t\t      </form>
  12012.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  12013.         </div>
  12014.       </div>
  12015.       <!-- /.modal-content -->
  12016.     </div>
  12017.     <!-- /.modal-dialog -->
  12018.   </div>
  12019.   <!-- /.modal -->
  12021.     <!-- Image zoom modal: custom lightweight lightbox (no CDN dependency) -->
  12022.     <div id=\"img-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"画像拡大\">
  12023.         <button id=\"img-modal__close\" aria-label=\"閉じる\">&times;</button>
  12024.         <button id=\"img-modal__prev\" aria-label=\"前の画像\">&#10094;</button>
  12025.         <img id=\"img-modal__img\" src=\"\" alt=\"\">
  12026.         <button id=\"img-modal__next\" aria-label=\"次の画像\">&#10095;</button>
  12027.     </div>
  12028.     <style>
  12029.     #img-modal {
  12030.         display: none;
  12031.         position: fixed;
  12032.         inset: 0;
  12033.         z-index: 9999;
  12034.         background: rgba(0,0,0,0.88);
  12035.         align-items: center;
  12036.         justify-content: center;
  12037.         cursor: zoom-out;
  12038.     }
  12039.     #img-modal.is-open { display: flex; }
  12040.     #img-modal__img {
  12041.         max-width: 92vw;
  12042.         max-height: 88vh;
  12043.         object-fit: contain;
  12044.         border-radius: 4px;
  12045.         cursor: default;
  12046.         user-select: none;
  12047.         touch-action: pinch-zoom;
  12048.         display: block;
  12049.     }
  12050.     #img-modal__close {
  12051.         position: absolute;
  12052.         top: 14px;
  12053.         right: 18px;
  12054.         font-size: 38px;
  12055.         color: #fff;
  12056.         cursor: pointer;
  12057.         background: none;
  12058.         border: none;
  12059.         padding: 0;
  12060.         line-height: 1;
  12061.         z-index: 1;
  12062.         opacity: 0.85;
  12063.     }
  12064.     #img-modal__close:hover { opacity: 1; }
  12065.     #img-modal__prev,
  12066.     #img-modal__next {
  12067.         position: absolute;
  12068.         top: 50%;
  12069.         transform: translateY(-50%);
  12070.         font-size: 36px;
  12071.         color: #fff;
  12072.         cursor: pointer;
  12073.         background: rgba(0,0,0,0.32);
  12074.         border: none;
  12075.         padding: 10px 16px;
  12076.         line-height: 1;
  12077.         border-radius: 6px;
  12078.         z-index: 1;
  12079.         opacity: 0.8;
  12080.         user-select: none;
  12081.     }
  12082.     #img-modal__prev:hover, #img-modal__next:hover { opacity: 1; }
  12083.     #img-modal__prev { left: 12px; }
  12084.     #img-modal__next { right: 12px; }
  12085.     @media (max-width: 767px) {
  12086.         #img-modal__prev, #img-modal__next { font-size: 28px; padding: 8px 12px; }
  12087.     }
  12088.     </style>
  12089.     <script>
  12090.     (function(){
  12091.         var images = [];
  12092.         var current = 0;
  12094.         // Collect original (non-cloned) slide images at click time.
  12095.         // After Slick init, slides are wrapped in .slick-slide; clones have .slick-cloned.
  12096.         function collectImages() {
  12097.             images = [];
  12098.             var \$slides = \$('.item_visual .slick-slide:not(.slick-cloned)');
  12099.             if (!\$slides.length) {
  12100.                 // Slick not yet initialized (fallback)
  12101.                 \$slides = \$('.item_visual .slide-item');
  12102.             }
  12103.             \$slides.each(function() {
  12104.                 var \$a = \$(this).find('a.js-zoom');
  12105.                 if (\$a.length) {
  12106.                     images.push({ src: \$a.attr('href'), alt: \$a.find('img').attr('alt') || '' });
  12107.                 }
  12108.             });
  12109.         }
  12111.         function showImage(idx) {
  12112.             current = ((idx % images.length) + images.length) % images.length;
  12113.             \$('#img-modal__img').attr({ src: images[current].src, alt: images[current].alt });
  12114.         }
  12116.         function openModal(href) {
  12117.             collectImages();
  12118.             if (!images.length) return;
  12119.             var idx = 0;
  12120.             for (var i = 0; i < images.length; i++) {
  12121.                 if (images[i].src === href) { idx = i; break; }
  12122.             }
  12123.             showImage(idx);
  12124.             \$('#img-modal').addClass('is-open');
  12125.             \$('body').css('overflow', 'hidden');
  12126.         }
  12128.         function closeModal() {
  12129.             \$('#img-modal').removeClass('is-open');
  12130.             \$('body').css('overflow', '');
  12131.         }
  12133.         // Click handler: works for both original and Slick-cloned anchors
  12134.         \$(document).on('click', '.item_visual a.js-zoom', function(e) {
  12135.             e.preventDefault();
  12136.             openModal(\$(this).attr('href'));
  12137.         });
  12139.         // Close on backdrop click
  12140.         \$('#img-modal').on('click', function(e) {
  12141.             if (e.target === this) closeModal();
  12142.         });
  12143.         \$('#img-modal__close').on('click', closeModal);
  12144.         \$('#img-modal__prev').on('click', function(e) { e.stopPropagation(); showImage(current - 1); });
  12145.         \$('#img-modal__next').on('click', function(e) { e.stopPropagation(); showImage(current + 1); });
  12147.         // Keyboard navigation
  12148.         \$(document).on('keydown', function(e) {
  12149.             if (!\$('#img-modal').hasClass('is-open')) return;
  12150.             if (e.key === 'Escape') closeModal();
  12151.             if (e.key === 'ArrowLeft') showImage(current - 1);
  12152.             if (e.key === 'ArrowRight') showImage(current + 1);
  12153.         });
  12155.         // Touch swipe (horizontal only)
  12156.         var _tx = 0;
  12157.         var \$modal = document.getElementById('img-modal');
  12158.         \$modal.addEventListener('touchstart', function(e) {
  12159.             _tx = e.changedTouches[0].clientX;
  12160.         }, { passive: true });
  12161.         \$modal.addEventListener('touchend', function(e) {
  12162.             var dx = e.changedTouches[0].clientX - _tx;
  12163.             if (Math.abs(dx) > 48) {
  12164.                 dx < 0 ? showImage(current + 1) : showImage(current - 1);
  12165.             }
  12166.         }, { passive: true });
  12167.     })();
  12168.     </script>
  12170. {% endblock %}
  12171. ", "Product/detail.twig", "/home/xs538259/exterior-plus.jp/public_html/app/template/default/Product/detail.twig");
  12172.     }
  12173. }