var/cache/dev/twig/48/4829d16cb8101c689e48e9c3a59ec7b9b502fbcc0286b35bce2ce8d6c3aedd05.php line 53

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Product/detail.twig */
  16. class __TwigTemplate_522d4049f4ae861cebe3e9e156fd17afe8d625ccd0fcb5d23594920e6cac048b 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.         body.product_page .ec-productRole__setItems {
  203.             min-width: 0;
  204.             margin-bottom: 16px;
  205.         }
  206.         body.product_page .ec-productRole__setItems .set-items-table {
  207.             width: 100%;
  208.             border-collapse: collapse;
  209.             table-layout: fixed;
  210.         }
  211.         body.product_page .ec-productRole__setItems .set-items-table th,
  212.         body.product_page .ec-productRole__setItems .set-items-table td {
  213.             padding: 8px 4px;
  214.             border-bottom: 1px solid #e8e8e8;
  215.             font-size: 14px;
  216.             font-weight: normal;
  217.             overflow-wrap: break-word;
  218.             word-break: break-word;
  219.             vertical-align: top;
  220.         }
  221.         body.product_page .ec-productRole__setItems .set-items-table th {
  222.             text-align: left;
  223.         }
  224.         body.product_page .ec-productRole__setItems .set-items-table td {
  225.             text-align: right;
  226.             white-space: nowrap;
  227.             width: 30%;
  228.         }
  229.         body.product_page .ec-productRole__setItems .set-items-table tfoot th,
  230.         body.product_page .ec-productRole__setItems .set-items-table tfoot td {
  231.             border-top: 2px solid #333;
  232.             border-bottom: none;
  233.             font-weight: bold;
  234.         }
  236.         /* ============================================
  237.            スマホ用 見積金額 下部固定バー
  238.         ============================================ */
  239.         #sp-mitsumori-bar {
  240.             display: none;
  241.         }
  243.         /* ============================================
  244.            スマホ用 お見積りの詳細 ボトムシート
  245.         ============================================ */
  246.         .sp-detail-sheet { display: none; }
  247.         .sp-detail-sheet.is-open {
  248.             display: block;
  249.             position: fixed;
  250.             top: 0; left: 0; right: 0; bottom: 0;
  251.             z-index: 2000;
  252.         }
  253.         .sp-detail-sheet__overlay {
  254.             position: absolute;
  255.             top: 0; left: 0; right: 0; bottom: 0;
  256.             background: rgba(0,0,0,0.45);
  257.         }
  258.         .sp-detail-sheet__panel {
  259.             position: absolute;
  260.             left: 0; right: 0; bottom: 0;
  261.             background: #fff;
  262.             border-radius: 14px 14px 0 0;
  263.             max-height: 82vh;
  264.             display: flex;
  265.             flex-direction: column;
  266.             box-shadow: 0 -4px 20px rgba(0,0,0,0.25);
  267.             padding-bottom: env(safe-area-inset-bottom);
  268.             animation: spSheetUp 0.22s ease-out;
  269.         }
  270.         @keyframes spSheetUp {
  271.             from { transform: translateY(100%); }
  272.             to   { transform: translateY(0); }
  273.         }
  274.         .sp-detail-sheet__header {
  275.             display: flex;
  276.             align-items: center;
  277.             justify-content: space-between;
  278.             padding: 14px 16px;
  279.             border-bottom: 1px solid #eee;
  280.             flex: 0 0 auto;
  281.         }
  282.         .sp-detail-sheet__title { font-size: 16px; font-weight: bold; color: #333; }
  283.         .sp-detail-sheet__close {
  284.             background: none;
  285.             border: none;
  286.             font-size: 26px;
  287.             line-height: 1;
  288.             color: #888;
  289.             cursor: pointer;
  290.             padding: 0 4px;
  291.         }
  292.         .sp-detail-sheet__body {
  293.             overflow-y: auto;
  294.             -webkit-overflow-scrolling: touch;
  295.             padding: 4px 0;
  296.             flex: 1 1 auto;
  297.         }
  298.         .sp-detail-sheet__body ul { list-style: none; margin: 0; padding: 0; }
  299.         .sp-detail-sheet__body li { border-bottom: 1px solid #f2f2f2; }
  300.         .sp-detail-sheet__body .nav-link {
  301.             display: flex;
  302.             align-items: center;
  303.             justify-content: space-between;
  304.             padding: 12px 16px;
  305.             color: #333;
  306.             font-size: 14px;
  307.         }
  308.         .sp-detail-sheet__body .nav-link .float-right {
  309.             float: none !important;
  310.             font-weight: bold;
  311.             white-space: nowrap;
  312.             margin-left: auto;
  313.         }
  314.         .sp-detail-sheet__footer {
  315.             display: flex;
  316.             gap: 8px;
  317.             padding: 12px 16px 16px;
  318.             border-top: 1px solid #eee;
  319.             flex: 0 0 auto;
  320.         }
  321.         .sp-detail-sheet__footer button {
  322.             flex: 1 1 auto;
  323.             padding: 12px;
  324.             border-radius: 8px;
  325.             font-size: 14px;
  326.             font-weight: bold;
  327.             cursor: pointer;
  328.         }
  329.         .sp-detail-sheet__invoice {
  330.             background: #fff;
  331.             border: 1px solid #17a2b8;
  332.             color: #17a2b8;
  333.         }
  334.         .sp-detail-sheet__cart {
  335.             background: #c00;
  336.             border: 1px solid #c00;
  337.             color: #fff;
  338.         }
  340.         /* ============================================
  341.            商品タイプ選択 共通スタイル
  342.         ============================================ */
  344.         /* セクションラベル */
  345.         .rp-section-label {
  346.             font-size: 14px;
  347.             font-weight: bold;
  348.             color: #333;
  349.             margin-bottom: 10px;
  350.         }
  351.         .rp-section-label span {
  352.             font-weight: normal;
  353.             color: #c00;
  354.         }
  356.         /* ---- 1. 画像付きカード ---- */
  357.         .rp-card-group {
  358.             display: flex;
  359.             flex-wrap: wrap;
  360.             gap: 8px;
  361.             margin-bottom: 4px;
  362.         }
  363.         .rp-card {
  364.             position: relative;
  365.             cursor: pointer;
  366.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  367.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  368.             /* iOS Safari: prevent the first tap from being consumed as a text
  369.                selection (\"字だけ青くなる\" = selection highlight) which forced a
  370.                2nd tap to actually switch the option (#15). */
  371.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  372.             -webkit-touch-callout: none;
  373.             width: 110px;
  374.             border: 2px solid #ddd;
  375.             border-radius: 10px;
  376.             overflow: hidden;
  377.             transition: border-color 0.2s, box-shadow 0.2s;
  378.             background: #fff;
  379.             text-decoration: none;
  380.             color: #333;
  381.             display: block;
  382.         }
  383.         /* Gate :hover behind real hover-capable pointers. On iOS Safari a
  384.            :hover rule that changes appearance makes the first tap apply the
  385.            hover state and suppresses the click, so the option chip needed a
  386.            second tap to fire its onclick (is-selected + price update). */
  387.         @media (hover: hover) and (pointer: fine) {
  388.             .rp-card:hover {
  389.                 border-color: #999;
  390.                 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  391.             }
  392.         }
  393.         .rp-card.is-selected {
  394.             border-color: #1a6fcf;
  395.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  396.         }
  397.         /* visually-hidden instead of display:none. A label wrapping a
  398.            display:none radio fires its tap unreliably on iOS Safari (first tap
  399.            often ignored -> \"2回タッチ\"). Keeping the input in the layout but
  400.            invisible makes the first tap register. */
  401.         .rp-card input[type=\"radio\"] {
  402.             position: absolute; opacity: 0; width: 1px; height: 1px;
  403.             margin: 0; pointer-events: none;
  404.         }
  405.         .rp-card__image {
  406.             width: 100%;
  407.             aspect-ratio: 1 / 1;
  408.             object-fit: cover;
  409.             display: block;
  410.             background: #f5f5f5;
  411.         }
  412.         .rp-card__placeholder {
  413.             width: 100%;
  414.             aspect-ratio: 1 / 1;
  415.             background: #f0f0f0;
  416.             display: flex;
  417.             align-items: center;
  418.             justify-content: center;
  419.             color: #bbb;
  420.             font-size: 24px;
  421.         }
  422.         .rp-card__name {
  423.             display: block;
  424.             padding: 5px 5px;
  425.             font-size: 11px;
  426.             color: #333;
  427.             text-align: center;
  428.             line-height: 1.4;
  429.             word-break: break-all;
  430.         }
  431.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  432.         .rp-card.is-selected::after {
  433.             content: \"✓\";
  434.             position: absolute;
  435.             top: 3px; right: 6px;
  436.             color: #1a6fcf;
  437.             font-size: 13px;
  438.             font-weight: bold;
  439.         }
  441.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  442.         .rp-btn-group {
  443.             display: flex;
  444.             flex-wrap: wrap;
  445.             gap: 8px;
  446.             margin-bottom: 4px;
  447.             max-width: 100%;
  448.             min-width: 0;
  449.         }
  450.         .rp-btn {
  451.             cursor: pointer;
  452.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  453.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  454.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  455.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  456.             -webkit-touch-callout: none;
  457.             padding: 8px 14px;
  458.             border: 2px solid #ddd;
  459.             border-radius: 10px;
  460.             font-size: 13px;
  461.             color: #333;
  462.             background: #fff;
  463.             transition: border-color 0.2s, background 0.2s;
  464.             white-space: normal;
  465.             max-width: 100%;
  466.             overflow-wrap: anywhere;
  467.             text-decoration: none;
  468.         }
  469.         @media (hover: hover) and (pointer: fine) {
  470.             .rp-btn:hover { border-color: #999; }
  471.         }
  472.         .rp-btn.is-selected {
  473.             border-color: #1a6fcf;
  474.             color: #1a6fcf;
  475.             font-weight: bold;
  476.             background: #f0f6ff;
  477.         }
  478.         .rp-btn input[type=\"radio\"] {
  479.             position: absolute; opacity: 0; width: 1px; height: 1px;
  480.             margin: 0; pointer-events: none;
  481.         }
  483.         /* iOS Safari \"2回タッチ\" fix for the type-selection link chips.
  484.            The global theme stylesheet ships an ungated `a:hover{color:#296292}`
  485.            (paired with `a{color:#337ab7;text-decoration:underline}`). Because
  486.            .rp-btn / .rp-card are real <a> links, iOS Safari applies that hover
  487.            colour on the FIRST tap — the chip text turns blue (#296292, the
  488.            reported \"字だけ青くなる\") — and treats the tap as a hover, swallowing
  489.            the navigation so a 2nd tap was needed. The local .rp-*:hover rules
  490.            are already gated behind (hover:hover), but this inherited global
  491.            rule was not. Pin the hover/active colour to the base/selected colour
  492.            so tapping produces no visual change and the first tap navigates
  493.            immediately. Higher specificity (0,2,0 / 0,3,0) overrides a:hover. */
  494.         .rp-btn:hover,
  495.         .rp-btn:active { color: #333; text-decoration: none; }
  496.         .rp-btn.is-selected:hover,
  497.         .rp-btn.is-selected:active { color: #1a6fcf; text-decoration: none; }
  498.         .rp-card:hover,
  499.         .rp-card:active { color: #333; text-decoration: none; }
  500.         .rp-card:hover .rp-card__name,
  501.         .rp-card:active .rp-card__name { color: #333; }
  502.         .rp-card.is-selected:hover .rp-card__name,
  503.         .rp-card.is-selected:active .rp-card__name { color: #1a6fcf; }
  505.         /* ---- 選択肢が多い場合: 縦3段に収めて横スクロール（顧客要望「3列くらいで横スクロール」）---- */
  506.         /* grid-auto-flow:column + 3行固定 → 選択肢が縦に最大3段、超過分は右へ伸び横スクロールで閲覧 */
  507.         .rp-btn-group.is-scroll,
  508.         .opt-btn-group.is-scroll {
  509.             display: grid;
  510.             grid-auto-flow: column;
  511.             grid-template-rows: repeat(3, auto);
  512.             grid-auto-columns: max-content;
  513.             justify-content: start;
  514.             align-items: start;
  515.             gap: 8px;
  516.             overflow-x: auto;
  517.             overflow-y: hidden;
  518.             -webkit-overflow-scrolling: touch;
  519.             scrollbar-width: thin;
  520.             /* 上下に余白を確保して、行の枠線が overflow クリップ／スクロールバーに
  521.                切り取られないようにする（「文字列が長いと下枠が消える」対策）。 */
  522.             padding: 2px 0 12px;
  523.         }
  524.         /* is-scroll（横スクロール）内では選択肢を折り返さず単一行に固定する。
  525.            折り返すと行高が不揃いになり overflow-y:hidden で下枠が切れるため、
  526.            長い選択肢は折り返さず横スクロールで見せる（本来の設計意図）。 */
  527.         .rp-btn-group.is-scroll .rp-btn,
  528.         .rp-btn-group.is-scroll .opt-btn,
  529.         .opt-btn-group.is-scroll .rp-btn,
  530.         .opt-btn-group.is-scroll .opt-btn {
  531.             white-space: nowrap;
  532.             word-break: normal;
  533.             overflow-wrap: normal;
  534.         }
  535.         /* ただし画像付き選択肢（カラースウォッチ等）は max-width で幅が固定されるため、
  536.            nowrap にすると名称がボックス外へはみ出して隣の選択肢と重なる。
  537.            画像付きは常に折り返し可（名称は画像の下に収める）。 */
  538.         .rp-btn-group.is-scroll .opt-btn--with-image,
  539.         .opt-btn-group.is-scroll .opt-btn--with-image,
  540.         .rp-btn-group.is-scroll .opt-btn--with-image .opt-btn__name,
  541.         .opt-btn-group.is-scroll .opt-btn--with-image .opt-btn__name {
  542.             white-space: normal;
  543.             word-break: break-word;
  544.             overflow-wrap: anywhere;
  545.         }
  546.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  547.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  548.             height: 6px;
  549.         }
  550.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  551.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  552.             background: #c0c0c0;
  553.             border-radius: 3px;
  554.         }
  556.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  557.         .rp-select-wrap {
  558.             margin-bottom: 4px;
  559.         }
  560.         .rp-select {
  561.             width: 100%;
  562.             max-width: 420px;
  563.             padding: 8px 12px;
  564.             border: 2px solid #ddd;
  565.             border-radius: 10px;
  566.             font-size: 13px;
  567.             color: #333;
  568.             background: #fff;
  569.             appearance: none;
  570.             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\");
  571.             background-repeat: no-repeat;
  572.             background-position: right 12px center;
  573.             cursor: pointer;
  574.         }
  575.         .rp-select:focus {
  576.             outline: none;
  577.             border-color: #1a6fcf;
  578.         }
  580.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  581.         .opt-btn-group {
  582.             display: flex;
  583.             flex-wrap: wrap;
  584.             gap: 8px;
  585.             padding: 6px 0;
  586.             max-width: 100%;
  587.             min-width: 0;
  588.         }
  589.         .opt-btn {
  590.             cursor: pointer;
  591.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  592.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  593.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  594.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  595.             -webkit-touch-callout: none;
  596.             padding: 7px 14px;
  597.             border: 2px solid #ddd;
  598.             border-radius: 10px;
  599.             font-size: 13px;
  600.             color: #333;
  601.             background: #fff;
  602.             transition: border-color 0.2s, background 0.2s;
  603.             white-space: normal;
  604.             max-width: 100%;
  605.             overflow-wrap: anywhere;
  606.             text-decoration: none;
  607.         }
  608.         @media (hover: hover) and (pointer: fine) {
  609.             .opt-btn:hover { border-color: #999; }
  610.         }
  611.         .opt-btn.is-selected {
  612.             border-color: #1a6fcf;
  613.             color: #1a6fcf;
  614.             font-weight: bold;
  615.             background: #f0f6ff;
  616.         }
  617.         .opt-btn input[type=\"radio\"] {
  618.             position: absolute; opacity: 0; width: 1px; height: 1px;
  619.             margin: 0; pointer-events: none;
  620.         }
  622.         /* opt-btn with color swatch image. The label still works as a
  623.            radio target — clicking the image checks the input. The text
  624.            label stays under the image so users can still read the name. */
  625.         .opt-btn--with-image {
  626.             padding: 4px 6px 6px;
  627.             white-space: normal;
  628.             text-align: center;
  629.             display: inline-flex;
  630.             flex-direction: column;
  631.             align-items: center;
  632.             min-width: 96px;
  633.             max-width: 140px;
  634.         }
  635.         .opt-btn--with-image .opt-btn__img {
  636.             display: block;
  637.             width: 88px;
  638.             height: 66px;
  639.             object-fit: cover;
  640.             border-radius: 6px;
  641.             margin-bottom: 4px;
  642.             background: #f5f5f5;
  643.         }
  644.         .opt-btn--with-image .opt-btn__name {
  645.             display: block;
  646.             font-size: 11px;
  647.             line-height: 1.3;
  648.             color: inherit;
  649.         }
  650.         .opt-btn--with-image.is-selected .opt-btn__img {
  651.             outline: 2px solid #1a6fcf;
  652.             outline-offset: 1px;
  653.         }
  655.         /* sale_type=2 (内窓) 補助金対象ガラスの強調表示.
  656.            補助金が出る性能区分 (真空断熱 / Low-E複層 等) のガラス選択肢に
  657.            緑枠 + 「補助金対象」バッジを付け、選択前から判別できるようにする。 */
  658.         .opt-btn--subsidy {
  659.             border-color: #2e7d32;
  660.         }
  661.         .opt-btn--subsidy.is-selected {
  662.             border-color: #1a6fcf;
  663.         }
  664.         .opt-btn__subsidy-badge {
  665.             display: inline-block;
  666.             margin-left: 6px;
  667.             padding: 1px 6px;
  668.             border-radius: 6px;
  669.             background: #2e7d32;
  670.             color: #fff;
  671.             font-size: 11px;
  672.             font-weight: bold;
  673.             white-space: nowrap;
  674.         }
  676.         /* 補助金額・適用可否の強調 (顧客要望: もっと目立つ色とフォントに).
  677.            各窓の補助金額は緑・太字・拡大、適用条件ノートは緑の枠付きボックスにする。 */
  678.         .wt-subsidy-label {
  679.             color: #2e7d32;
  680.             font-weight: bold;
  681.             font-size: 12px;
  682.         }
  683.         .wt-subsidy-amount {
  684.             color: #2e7d32;
  685.             font-weight: bold;
  686.             font-size: 18px;
  687.             line-height: 1.2;
  688.         }
  689.         .subsidy-eligibility-note {
  690.             color: #1b5e20;
  691.             font-weight: bold;
  692.             font-size: 12.5px;
  693.             line-height: 1.5;
  694.             background: #eafaf0;
  695.             border: 1px solid #b7e4c7;
  696.             border-radius: 6px;
  697.             padding: 8px 10px;
  698.             margin-bottom: 10px;
  699.         }
  700.         .subsidy-eligibility-note strong {
  701.             color: #c0392b;  /* 「合計が5万円以上」を赤で強調 */
  702.         }
  704.         /* ============================================
  705.            施工エリア案内
  706.         ============================================ */
  707.         .ec-areaNotice {
  708.             margin: 16px 0;
  709.             padding: 16px 20px;
  710.             background: #f8f9fa;
  711.             border-left: 4px solid #1a6fcf;
  712.             border-radius: 0 8px 8px 0;
  713.         }
  714.         .ec-areaNotice__inner {
  715.             display: flex;
  716.             align-items: flex-start;
  717.             gap: 12px;
  718.         }
  719.         .ec-areaNotice__icon {
  720.             font-size: 22px;
  721.             line-height: 1;
  722.             flex-shrink: 0;
  723.             margin-top: 2px;
  724.         }
  725.         .ec-areaNotice__body {
  726.             flex: 1;
  727.         }
  728.         .ec-areaNotice__title {
  729.             font-size: 13px;
  730.             font-weight: bold;
  731.             color: #1a6fcf;
  732.             margin: 0 0 6px;
  733.         }
  734.         .ec-areaNotice__text {
  735.             font-size: 13px;
  736.             color: #444;
  737.             line-height: 1.7;
  738.             margin: 0;
  739.         }
  740.         .ec-areaNotice__text strong {
  741.             color: #222;
  742.         }
  743.         .ec-areaNotice__link {
  744.             display: inline-block;
  745.             margin-top: 8px;
  746.             font-size: 12px;
  747.             color: #1a6fcf;
  748.             text-decoration: underline;
  749.         }
  750.         .ec-areaNotice__link:hover {
  751.             color: #0d4fa0;
  752.         }
  754.         /* ============================================
  755.            SNSシェア + ブランド名 タイトル行
  756.         ============================================ */
  757.         .ec-productRole__titleRow {
  758.             display: flex;
  759.             align-items: center;
  760.             justify-content: space-between;
  761.             gap: 8px;
  762.             margin-bottom: 4px;
  763.         }
  764.         .ec-productRole__titleRow .ec-headingTitle {
  765.             margin: 0;
  766.             flex: 1;
  767.             font-size: 18px;
  768.         }
  769.         .ec-share-inline {
  770.             display: flex;
  771.             align-items: center;
  772.             gap: 8px;
  773.             flex-shrink: 0;
  774.         }
  775.         @media (max-width: 767px) {
  776.             /* maker_area の float を解除して独立表示 */
  777.             #maker_area {
  778.                 float: none !important;
  779.                 width: auto !important;
  780.                 height: auto !important;
  781.                 display: block;
  782.                 margin-bottom: 4px;
  783.             }
  784.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  785.             .ec-productRole__titleRow {
  786.                 flex-wrap: wrap;
  787.                 clear: both;
  788.             }
  789.             .ec-productRole__titleRow .ec-headingTitle {
  790.                 flex: 1 1 100%;
  791.                 font-size: 16px;
  792.             }
  793.             .ec-share-inline {
  794.                 flex: 0 0 auto;
  795.                 margin-left: auto;
  796.             }
  797.         }
  798.         .ec-share-inline a {
  799.             display: flex;
  800.             align-items: center;
  801.             justify-content: center;
  802.             width: 32px;
  803.             height: 32px;
  804.             border-radius: 50%;
  805.             font-size: 15px;
  806.             color: #fff;
  807.             text-decoration: none;
  808.             transition: opacity 0.2s;
  809.         }
  810.         .ec-share-inline a:hover { opacity: 0.8; }
  811.         .ec-share-inline .share-twitter  { background: #000; }
  812.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  813.         .ec-share-inline .share-line     { background: #06c755; }
  815.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  816.         .ec-productRole__share { display: none; }
  818.         /* ============================================
  819.            PC用: 現在のお見積り額カード強調
  820.         ============================================ */
  821.         @media (min-width: 768px) {
  822.             .mitsumori-card-pc {
  823.                 border: 2px solid #1a6fcf !important;
  824.                 border-radius: 10px !important;
  825.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  826.                 margin-top: 20px;
  827.                 overflow: hidden;
  828.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  829.             }
  830.             .mitsumori-card-pc .card-header {
  831.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  832.                 color: #fff !important;
  833.                 padding: 14px 16px !important;
  834.                 border-bottom: none !important;
  835.             }
  836.             .mitsumori-card-pc .card-title {
  837.                 color: #fff !important;
  838.                 font-size: 15px !important;
  839.                 font-weight: bold !important;
  840.                 margin: 0 !important;
  841.             }
  842.             .mitsumori-card-pc #mitsumori_message {
  843.                 font-size: 22px !important;
  844.                 font-weight: bold !important;
  845.                 color: #fff !important;
  846.             }
  847.             .mitsumori-card-pc .btn-tool {
  848.                 color: #fff !important;
  849.             }
  850.             /* 合計行を大きく強調 */
  851.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  852.                 font-size: 16px !important;
  853.                 font-weight: bold !important;
  854.                 color: #c00 !important;
  855.                 background: #fff8f8 !important;
  856.                 padding: 12px 16px !important;
  857.             }
  858.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  859.                 font-size: 20px !important;
  860.                 font-weight: bold !important;
  861.                 color: #c00 !important;
  862.             }
  863.             /* card-body（明細リスト）を白背景に */
  864.             .mitsumori-card-pc .card-body {
  865.                 background: #fff !important;
  866.             }
  867.             .mitsumori-card-pc .card-footer {
  868.                 background: #f8faff !important;
  869.                 border-top: 1px solid #dce8fb !important;
  870.                 padding: 12px 16px !important;
  871.             }
  872.         }
  874.         @media (max-width: 767px) {
  875.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  876.             .mitsumori-card-pc {
  877.                 border: none !important;
  878.                 border-radius: 0 !important;
  879.                 box-shadow: none !important;
  880.                 margin-top: 0 !important;
  881.                 overflow: visible !important;
  882.                 background: none !important;
  883.                 /* sticky-top(position:sticky / z-index:1020) を解除。
  884.                    そのままだと最下部で #sp-mitsumori-bar(z-index:1000) の上に
  885.                    重なり、合計バーと文字が被るため通常フローへ戻す。 */
  886.                 position: static !important;
  887.                 z-index: auto !important;
  888.             }
  889.             .mitsumori-card-pc .card-header {
  890.                 background: none !important;
  891.                 color: inherit !important;
  892.                 padding: inherit !important;
  893.                 border-bottom: inherit !important;
  894.             }
  895.             .mitsumori-card-pc .card-title { color: inherit !important; }
  896.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  897.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  898.             /* 折りたたみトグルボタン */
  899.             .btn-mitsumori-toggle {
  900.                 background: none !important;
  901.                 border: 1px solid #aaa !important;
  902.                 border-radius: 4px !important;
  903.                 padding: 2px 8px !important;
  904.                 font-size: 12px !important;
  905.                 color: #333 !important;
  906.                 line-height: 1.4 !important;
  907.             }
  908.             .btn-mitsumori-toggle .toggle-icon {
  909.                 display: inline-block;
  910.                 transition: transform 0.2s;
  911.             }
  912.             /* 展開状態: ▼→▲ */
  913.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  914.                 content: \"▲ 閉じる\";
  915.             }
  916.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  917.                 display: none;
  918.             }
  919.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  920.                 content: \"▲ 閉じる\";
  921.                 font-size: 12px;
  922.             }
  923.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  924.                 font-size: inherit !important;
  925.                 color: inherit !important;
  926.                 background: none !important;
  927.                 padding: inherit !important;
  928.             }
  929.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  930.                 font-size: inherit !important;
  931.                 color: inherit !important;
  932.             }
  933.             .mitsumori-card-pc .card-footer {
  934.                 background: none !important;
  935.                 border-top: inherit !important;
  936.                 padding: inherit !important;
  937.             }
  938.             /* 横スクロール禁止 */
  939.             body, html {
  940.                 overflow-x: hidden;
  941.                 max-width: 100vw;
  942.             }
  943.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  944.             .opt-btn,
  945.             .rp-btn {
  946.                 white-space: normal;
  947.                 word-break: break-all;
  948.             }
  949.             /* エリア案内: スマホでコンパクト */
  950.             .ec-areaNotice {
  951.                 margin: 8px 0;
  952.                 padding: 8px 10px;
  953.                 border-left-width: 3px;
  954.                 cursor: pointer;
  955.             }
  956.             .ec-areaNotice__inner {
  957.                 flex-direction: row;
  958.                 gap: 8px;
  959.                 align-items: flex-start;
  960.             }
  961.             .ec-areaNotice__icon { font-size: 15px; }
  962.             /* タイトル行: 展開トグル */
  963.             .ec-areaNotice__title {
  964.                 font-size: 11px;
  965.                 margin-bottom: 3px;
  966.                 display: flex;
  967.                 justify-content: space-between;
  968.                 align-items: center;
  969.             }
  970.             .ec-areaNotice__title::after {
  971.                 content: \"▼\";
  972.                 font-size: 9px;
  973.                 color: #888;
  974.                 margin-left: 6px;
  975.                 transition: transform 0.2s;
  976.             }
  977.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  978.                 transform: rotate(180deg);
  979.             }
  980.             /* 折りたたみ対象: 閉じた状態では非表示 */
  981.             .ec-areaNotice__detail {
  982.                 display: none;
  983.             }
  984.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  985.                 display: block;
  986.             }
  987.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  988.             .ec-areaNotice__text br { display: none; }
  989.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  990.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  991.             
  992.             #sp-mitsumori-bar {
  993.                 display: flex;
  994.                 position: fixed;
  995.                 bottom: 0;
  996.                 left: 0;
  997.                 right: 0;
  998.                 z-index: 1000;
  999.                 background: #fff;
  1000.                 border-top: 2px solid #e0e0e0;
  1001.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  1002.                 align-items: center;
  1003.                 padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) 10px;
  1004.                 gap: 8px;
  1005.             }
  1006.             #sp-mitsumori-bar .sp-bar__label {
  1007.                 font-size: 11px;
  1008.                 color: #666;
  1009.                 white-space: nowrap;
  1010.             }
  1011.             /* 価格ラッパ: 合計金額は最重要のため常に全桁表示する（縮小・省略しない）。
  1012.                幅が足りない場合は下のボタン側を縮める（flex 配分でボタンが先に縮む）。 */
  1013.             #sp-mitsumori-bar .sp-bar__pricewrap {
  1014.                 flex: 0 0 auto;
  1015.                 min-width: 0;
  1016.             }
  1017.             #sp-mitsumori-bar .sp-bar__price {
  1018.                 font-size: 18px;
  1019.                 font-weight: bold;
  1020.                 color: #c00;
  1021.                 white-space: nowrap;
  1022.             }
  1023.             #sp-mitsumori-bar .sp-bar__btn {
  1024.                 font-size: 12px;
  1025.                 padding: 8px 12px;
  1026.                 background: #333;
  1027.                 color: #fff;
  1028.                 border: none;
  1029.                 border-radius: 6px;
  1030.                 white-space: nowrap;
  1031.                 cursor: pointer;
  1032.                 position: relative;
  1033.                 display: inline-flex;
  1034.                 align-items: center;
  1035.                 gap: 6px;
  1036.                 flex: 1 1 auto;
  1037.                 min-width: 0;
  1038.                 justify-content: center;
  1039.             }
  1040.             #sp-mitsumori-bar .sp-bar__btn i {
  1041.                 font-size: 14px;
  1042.                 flex: 0 0 auto;
  1043.             }
  1044.             /* お見積りの詳細（内訳）を開くボタン。価格・カートボタンを圧迫しないよう
  1045.                最小幅のアイコン＋短ラベルにし、幅不足時も縮まない固定幅で維持する。 */
  1046.             #sp-mitsumori-bar .sp-bar__detail-btn {
  1047.                 display: inline-flex;
  1048.                 flex-direction: column;
  1049.                 align-items: center;
  1050.                 justify-content: center;
  1051.                 gap: 2px;
  1052.                 flex: 0 0 auto;
  1053.                 padding: 4px 8px;
  1054.                 background: #fff;
  1055.                 color: #c00;
  1056.                 border: 1px solid #c00;
  1057.                 border-radius: 6px;
  1058.                 font-size: 10px;
  1059.                 font-weight: bold;
  1060.                 line-height: 1.1;
  1061.                 white-space: nowrap;
  1062.                 cursor: pointer;
  1063.             }
  1064.             #sp-mitsumori-bar .sp-bar__detail-btn i { font-size: 15px; }
  1065.             /* 幅が足りないときはボタンの文字を省略し、価格と数字を守る。 */
  1066.             #sp-mitsumori-bar .sp-bar__btn-label {
  1067.                 overflow: hidden;
  1068.                 text-overflow: ellipsis;
  1069.                 white-space: nowrap;
  1070.             }
  1071.             #sp-mitsumori-bar .sp-bar__cart-badge {
  1072.                 position: absolute;
  1073.                 top: -6px;
  1074.                 right: -6px;
  1075.                 background: #c00;
  1076.                 color: #fff;
  1077.                 border-radius: 50%;
  1078.                 min-width: 16px;
  1079.                 height: 16px;
  1080.                 font-size: 10px;
  1081.                 line-height: 16px;
  1082.                 padding: 0 4px;
  1083.                 font-weight: bold;
  1084.             }
  1085.             #sp-mitsumori-bar .sp-bar__home-btn {
  1086.                 display: inline-flex;
  1087.                 align-items: center;
  1088.                 justify-content: center;
  1089.                 width: 36px;
  1090.                 height: 36px;
  1091.                 flex: 0 0 auto;
  1092.                 border: 1px solid #ccc;
  1093.                 border-radius: 6px;
  1094.                 background: #fff;
  1095.                 color: #333;
  1096.                 text-decoration: none;
  1097.                 cursor: pointer;
  1098.             }
  1099.             #sp-mitsumori-bar .sp-bar__home-btn i {
  1100.                 font-size: 16px;
  1101.             }
  1102.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  1103.                 background: #f0f0f0;
  1104.             }
  1105.             /* 下部バーの高さ分ページ下部にpaddingを追加 (iOS safe-area 込み) */
  1106.             body {
  1107.                 padding-bottom: calc(80px + env(safe-area-inset-bottom));
  1108.             }
  1109.         }
  1111.         /* ============================================
  1112.            カート追加モーダル: 縦並び中央配置
  1113.         ============================================ */
  1114.         .add-cart-modal__wrap {
  1115.             text-align: center;
  1116.         }
  1117.         .add-cart-modal__header {
  1118.             font-size: 16px;
  1119.             margin: 20px 0 24px;
  1120.             text-align: center;
  1121.         }
  1122.         .add-cart-modal__actions {
  1123.             display: flex;
  1124.             flex-direction: column;
  1125.             align-items: center;
  1126.             gap: 16px;
  1127.             padding: 0 20px 20px;
  1128.         }
  1129.         .add-cart-modal__primary {
  1130.             display: inline-block;
  1131.             width: 80%;
  1132.             max-width: 320px;
  1133.             padding: 14px 20px;
  1134.             font-size: 15px;
  1135.             font-weight: bold;
  1136.             text-align: center;
  1137.             background: #d9534f;
  1138.             color: #fff !important;
  1139.             border-radius: 6px;
  1140.             text-decoration: none;
  1141.             cursor: pointer;
  1142.         }
  1143.         .add-cart-modal__primary:hover {
  1144.             background: #c9302c;
  1145.             color: #fff !important;
  1146.             text-decoration: none;
  1147.         }
  1148.         .add-cart-modal__secondary {
  1149.             display: inline-block;
  1150.             padding: 6px 14px;
  1151.             font-size: 12px;
  1152.             color: #666;
  1153.             border: 1px solid #ccc;
  1154.             border-radius: 4px;
  1155.             background: #fff;
  1156.             cursor: pointer;
  1157.         }
  1158.         .add-cart-modal__secondary:hover {
  1159.             background: #f0f0f0;
  1160.             color: #333;
  1161.         }
  1162.         @media (max-width: 767px) {
  1163.             .add-cart-modal__actions {
  1164.                 gap: 20px;
  1165.             }
  1166.         }
  1167.     </style>
  1168. ";
  1169.         
  1170.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1172.         
  1173.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1175.     }
  1177.     // line 1113
  1178.     public function block_javascript($context, array $blocks = [])
  1179.     {
  1180.         $macros = $this->macros;
  1181.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1182.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  1184.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1185.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  1187.         // line 1114
  1188.         echo "
  1189.     <script>
  1190.         eccube.classCategories = ";
  1191.         // line 1116
  1192.         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.', 1116, $this->source); })()));
  1193.         echo ";
  1195.         // 規格2に選択肢を割り当てる。
  1196.         function fnSetClassCategories(form, classcat_id2_selected) {
  1197.             var \$form = \$(form);
  1198.             var product_id = \$form.find('input[name=product_id]').val();
  1199.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  1200.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1201.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  1202.         }
  1204.         ";
  1205.         // line 1127
  1206.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 1127)) {
  1207.             // line 1128
  1208.             echo "        fnSetClassCategories(
  1209.             \$('#form1'), ";
  1210.             // line 1129
  1211.             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.', 1129, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 1129), "vars", [], "any", false, false, false, 1129), "value", [], "any", false, false, false, 1129));
  1212.             echo "
  1213.         );
  1214.         ";
  1215.         } elseif (twig_get_attribute($this->env, $this->source,         // line 1131
  1216. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 1131)) {
  1217.             // line 1132
  1218.             echo "        eccube.checkStock(\$('#form1'), ";
  1219.             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.', 1132, $this->source); })()), "id", [], "any", false, false, false, 1132), "html", null, true);
  1220.             echo ", ";
  1221.             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.', 1132, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 1132), "vars", [], "any", false, false, false, 1132), "value", [], "any", false, false, false, 1132));
  1222.             echo ", null);
  1223.         ";
  1224.         }
  1225.         // line 1134
  1226.         echo "    </script>
  1227.     <script>
  1228.         \$(function() {
  1229.             // bfcache無効化
  1230.             \$(window).bind('pageshow', function(event) {
  1231.                 if (event.originalEvent.persisted) {
  1232.                     location.reload(true);
  1233.                 }
  1234.             });
  1236.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  1237.             // img タグに width, height が付与されている.
  1238.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  1239.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  1240.             \$('.ec-grid2__cell').hide();
  1241.             var removeSize = function () {
  1242.                 \$('.slide-item').height('');
  1243.                 \$('.slide-item img')
  1244.                     .removeAttr('width')
  1245.                     .removeAttr('height')
  1246.                     .removeAttr('style');
  1248.             };
  1249.             var slickInitial = function(slick) {
  1250.                 \$('.ec-grid2__cell').fadeIn(1500);
  1251.                 var baseHeight = \$(slick.target).height();
  1252.                 var baseWidth = \$(slick.target).width();
  1253.                 var rate = baseWidth / baseHeight;
  1254. \t\t\t\tif(baseHeight * rate < 400){
  1255. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  1256. \t\t\t\t}else{
  1257. \t                \$('.slide-item').height(400); // 余白を削除する
  1258. \t\t\t\t}
  1259.                 // transform を使用することでCLSの影響を受けないようにする
  1260.                 \$('.slide-item img')
  1261.                     .css(
  1262.                         {
  1263.                             'transform-origin': 'top left',
  1264.                             'transform': 'scaleY(' + rate + ')',
  1265.                             'transition': 'transform .1s'
  1266.                         }
  1267.                     );
  1268.                 // 正しいサイズに近くなったら属性を解除する
  1269.                 setTimeout(removeSize, 500);
  1270.             };
  1271.             \$('.item_visual').on('init', slickInitial);
  1272.             // リサイズ時は CLS の影響を受けないため属性を解除する
  1273.             \$(window).resize(removeSize);
  1274.             \$('.item_visual').slick({
  1275.                 dots: false,
  1276.                 arrows: true,
  1277.                 responsive: [{
  1278.                     breakpoint: 768,
  1279.                     settings: {
  1280.                         dots: true,
  1281.                 \t\tarrows: false
  1282.                     }
  1283.                 }]
  1284.             });
  1286.             \$('.slideThumb').on('click', function() {
  1287.                 var index = \$(this).attr('data-index');
  1288.                 \$('.item_visual').slick('slickGoTo', index, false);
  1289.             })
  1290.         });
  1292.     </script>
  1293.     <script>
  1294.         \$(function() {
  1295.             \$('.add-cart').on('click', function(event) {
  1296.                 ";
  1297.         // line 1204
  1298.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 1204)) {
  1299.             // line 1205
  1300.             echo "                // 規格1フォームの必須チェック
  1301.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  1302.                     \$('#classcategory_id1')[0].setCustomValidity('";
  1303.             // line 1207
  1304.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  1305.             echo "');
  1306.                     return true;
  1307.                 } else {
  1308.                     \$('#classcategory_id1')[0].setCustomValidity('');
  1309.                 }
  1310.                 ";
  1311.         }
  1312.         // line 1213
  1313.         echo "
  1314.                 ";
  1315.         // line 1214
  1316.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 1214)) {
  1317.             // line 1215
  1318.             echo "                // 規格2フォームの必須チェック
  1319.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  1320.                     \$('#classcategory_id2')[0].setCustomValidity('";
  1321.             // line 1217
  1322.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  1323.             echo "');
  1324.                     return true;
  1325.                 } else {
  1326.                     \$('#classcategory_id2')[0].setCustomValidity('');
  1327.                 }
  1328.                 ";
  1329.         }
  1330.         // line 1223
  1331.         echo "
  1332.                 // タイプ2: カート送信直前に set_count を quantity に同期
  1333.                 if(\$('#set_count').length){
  1334.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  1335.                     \$('#quantity').val(_sc);
  1336.                     \$('input[name=\"quantity\"]').val(_sc);
  1337.                 }
  1339.                 // 個数フォームのチェック
  1340.                 if (\$('#quantity').val() < 1) {
  1341.                     \$('#quantity')[0].setCustomValidity('";
  1342.         // line 1233
  1343.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  1344.         echo "');
  1345.                     return true;
  1346.                 } else {
  1347.                     \$('#quantity')[0].setCustomValidity('');
  1348.                 }
  1350.                 event.preventDefault();
  1351.                 \$form = \$('#form1');
  1352.                 \$.ajax({
  1353.                     url: \$form.attr('action'),
  1354.                     type: \$form.attr('method'),
  1355.                     data: \$form.serialize(),
  1356.                     dataType: 'json',
  1357.                     beforeSend: function(xhr, settings) {
  1358.                         // Buttonを無効にする
  1359.                         \$('.add-cart').prop('disabled', true);
  1360.                     }
  1361.                 }).done(function(data) {
  1362.                     // レスポンス内のメッセージをalertで表示
  1363.                     \$.each(data.messages, function() {
  1364.                         \$('#ec-modal-header').text(this);
  1365.                     });
  1367.                     \$('.ec-modal').show()
  1369.                     // カートブロックを更新する
  1370.                     \$.ajax({
  1371.                         url: \"";
  1372.         // line 1260
  1373.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  1374.         echo "\",
  1375.                         type: 'GET',
  1376.                         dataType: 'html'
  1377.                     }).done(function(html) {
  1378.                         \$('.ec-headerRole__cart').html(html);
  1379.                     });
  1380.                 }).fail(function(data) {
  1381.                     alert('";
  1382.         // line 1267
  1383.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  1384.         echo "');
  1385.                 }).always(function(data) {
  1386.                     // Buttonを有効にする
  1387.                     \$('.add-cart').prop('disabled', false);
  1388.                 });
  1389.             });
  1390.         });
  1392.         \$('.ec-modal-wrap').on('click', function(e) {
  1393.             // モーダル内の処理は外側にバブリングさせない
  1394.             e.stopPropagation();
  1395.         });
  1396.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1397.             \$('.ec-modal').hide()
  1398.         });
  1401. \t\tvar pw = \"";
  1402.         // line 1284
  1403.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1284, $this->source); })())) {
  1404.             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.', 1284, $this->source); })()), "pw", [], "any", false, false, false, 1284), "html", null, true);
  1405.         }
  1406.         echo "\";
  1407. \t\tvar pd = \"";
  1408.         // line 1285
  1409.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1285, $this->source); })())) {
  1410.             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.', 1285, $this->source); })()), "pd", [], "any", false, false, false, 1285), "html", null, true);
  1411.         }
  1412.         echo "\";
  1413. \t\tvar ph = \"";
  1414.         // line 1286
  1415.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1286, $this->source); })())) {
  1416.             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.', 1286, $this->source); })()), "ph", [], "any", false, false, false, 1286), "html", null, true);
  1417.         }
  1418.         echo "\";
  1419. \t\tvar pm = \"";
  1420.         // line 1287
  1421.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1287, $this->source); })())) {
  1422.             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.', 1287, $this->source); })()), "pm", [], "any", false, false, false, 1287), "html", null, true);
  1423.         }
  1424.         echo "\";
  1425. \t\tvar pc = \"";
  1426.         // line 1288
  1427.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1288, $this->source); })())) {
  1428.             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.', 1288, $this->source); })()), "pc", [], "any", false, false, false, 1288), "html", null, true);
  1429.         }
  1430.         echo "\";
  1431. \t\t// option1 / option2: カテゴリ別 option 軸 (um: タイプ=subtype, fe: ct_up 等)
  1432. \t\tvar option1 = \"";
  1433.         // line 1290
  1434.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1290, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 1290))) {
  1435.             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.', 1290, $this->source); })()), "option1", [], "any", false, false, false, 1290), "html", null, true);
  1436.         }
  1437.         echo "\";
  1438. \t\tvar option2 = \"";
  1439.         // line 1291
  1440.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1291, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 1291))) {
  1441.             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.', 1291, $this->source); })()), "option2", [], "any", false, false, false, 1291), "html", null, true);
  1442.         }
  1443.         echo "\";
  1444. \t\tvar op0 = \"";
  1445.         // line 1292
  1446.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1292, $this->source); })())) {
  1447.             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.', 1292, $this->source); })()), "op", [], "any", false, false, false, 1292), 0, [], "array", false, false, false, 1292), "html", null, true);
  1448.         }
  1449.         echo "\";
  1450. \t\tvar op1 = \"";
  1451.         // line 1293
  1452.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1293, $this->source); })())) {
  1453.             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.', 1293, $this->source); })()), "op", [], "any", false, false, false, 1293), 1, [], "array", false, false, false, 1293), "html", null, true);
  1454.         }
  1455.         echo "\";
  1456. \t\tvar op2 = \"";
  1457.         // line 1294
  1458.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1294, $this->source); })())) {
  1459.             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.', 1294, $this->source); })()), "op", [], "any", false, false, false, 1294), 2, [], "array", false, false, false, 1294), "html", null, true);
  1460.         }
  1461.         echo "\";
  1462. \t\tvar op3 = \"";
  1463.         // line 1295
  1464.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1295, $this->source); })())) {
  1465.             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.', 1295, $this->source); })()), "op", [], "any", false, false, false, 1295), 3, [], "array", false, false, false, 1295), "html", null, true);
  1466.         }
  1467.         echo "\";
  1468. \t\tvar op4 = \"";
  1469.         // line 1296
  1470.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1296, $this->source); })())) {
  1471.             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.', 1296, $this->source); })()), "op", [], "any", false, false, false, 1296), 4, [], "array", false, false, false, 1296), "html", null, true);
  1472.         }
  1473.         echo "\";
  1474. \t\tvar op5 = \"";
  1475.         // line 1297
  1476.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1297, $this->source); })())) {
  1477.             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.', 1297, $this->source); })()), "op", [], "any", false, false, false, 1297), 5, [], "array", false, false, false, 1297), "html", null, true);
  1478.         }
  1479.         echo "\";
  1480. \t\tvar op6 = \"";
  1481.         // line 1298
  1482.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1298, $this->source); })())) {
  1483.             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.', 1298, $this->source); })()), "op", [], "any", false, false, false, 1298), 6, [], "array", false, false, false, 1298), "html", null, true);
  1484.         }
  1485.         echo "\";
  1486. \t\tvar op7 = \"";
  1487.         // line 1299
  1488.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1299, $this->source); })())) {
  1489.             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.', 1299, $this->source); })()), "op", [], "any", false, false, false, 1299), 7, [], "array", false, false, false, 1299), "html", null, true);
  1490.         }
  1491.         echo "\";
  1492. \t\tvar op8 = \"";
  1493.         // line 1300
  1494.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1300, $this->source); })())) {
  1495.             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.', 1300, $this->source); })()), "op", [], "any", false, false, false, 1300), 8, [], "array", false, false, false, 1300), "html", null, true);
  1496.         }
  1497.         echo "\";
  1498. \t\tvar op9 = \"";
  1499.         // line 1301
  1500.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1301, $this->source); })())) {
  1501.             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.', 1301, $this->source); })()), "op", [], "any", false, false, false, 1301), 9, [], "array", false, false, false, 1301), "html", null, true);
  1502.         }
  1503.         echo "\";
  1504. \t\tvar op10 = \"";
  1505.         // line 1302
  1506.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1302, $this->source); })())) {
  1507.             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.', 1302, $this->source); })()), "op", [], "any", false, false, false, 1302), 10, [], "array", false, false, false, 1302), "html", null, true);
  1508.         }
  1509.         echo "\";
  1511. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  1513. \t\t// ============================================================
  1514. \t\t//  free_area 1 エントリのスキーマ（11 キー固定）
  1515. \t\t// ============================================================
  1516. \t\t//   w           : 幅 (string, 例 \"239.9cm\" / tf は \"1m\")
  1517. \t\t//   d           : 奥行
  1518. \t\t//   h           : 高さ (tf はロール長 \"10m\")
  1519. \t\t//   m           : 素材
  1520. \t\t//   c           : カラー
  1521. \t\t//   price       : 販売価格 (税抜、amount=1 ベース)
  1522. \t\t//   unit_price  : 商品 per-unit 増分 (税抜、AMOUNT_CATEGORIES のみ)
  1523. \t\t//   maker_price : メーカー価格 (税抜)
  1524. \t\t//   ct          : 基本工事費 (税抜、amount=1 ベース)
  1525. \t\t//   option1     : fe → ct_up / その他カテゴリ → category-specific
  1526. \t\t//   option2     : um → ct_up / その他カテゴリ → category-specific
  1527. \t\t//
  1528. \t\t//  ct4 (設置場所) / ct5 (撤去) / ct6 (残土) は option_area 側で扱う.
  1529. \t\t// ============================================================
  1531. \t\t// 施工オプション定義（option_area）— 各エントリ {name, comment, on, off, price}
  1532. \t\tvar op_data = ";
  1533.         // line 1325
  1534.         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.', 1325, $this->source); })()), "[]")) : ("[]"));
  1535.         echo ";
  1537. \t\t// option_item_area:
  1538. \t\t//   tg 用 — block 別オプション差額表
  1539. \t\t//     { axis_labels: {F:'床材',front:'前面型',side1:'右側面型',side2:'左側面型'},
  1540. \t\t//       blocks: { 'W_label|D_label': { F:[{idx,label,diff},...], front:[...], side1:[...], side2:[...] }, ... } }
  1541. \t\t//   fe (sale_type=4) 用 — ブロックの種類×段数の差額表 (fe_block キー)
  1542. \t\t//     { fe_block: { depends_on_name: '...', depends_on_value: '...',
  1543. \t\t//                   title: '...', default_key: '...',
  1544. \t\t//                   choices: [{key,label,price}, ...] } }
  1545. \t\t// 該当しないカテゴリでは fe_block は null. axis_labels/blocks は空.
  1546. \t\tvar oi_data = ";
  1547.         // line 1336
  1548.         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.', 1336, $this->source); })()), "{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}")) : ("{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}"));
  1549.         echo ";
  1551. \t\t// 選択中の tg オプション差額 (axis -> selected choice_idx). ラジオ click で更新される.
  1552. \t\tvar oi_selected = { F: 1, front: 1, side1: 1, side2: 1 };
  1554. \t\t// 選択中の fe ブロック種類×段数 (key 文字列). 既定は oi_data.fe_block.default_key.
  1555. \t\tvar fe_block_selected = (oi_data && oi_data.fe_block && oi_data.fe_block.default_key) || '';
  1557. \t\t// sale_type ID（mtb_sale_type の id。本サイトでの意味は次の通り）:
  1558. \t\t//   1 通常 / 2 補助金窓 / 3 物置 / 4 フェンス / 5 デッキ / 6 芝生 / 9 商品のみ
  1559. \t\tvar SALE_TYPE_ID = ";
  1560.         // line 1346
  1561.         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.', 1346, $this->source); })()), "SaleType", [], "any", false, false, false, 1346), "id", [], "any", false, false, false, 1346), "html", null, true);
  1562.         echo ";
  1564. \t\t";
  1565.         // line 1349
  1566.         echo "\t\t";
  1567.         $context["option1_label"] = "オプション1";
  1568.         // line 1350
  1569.         echo "\t\t";
  1570.         $context["option2_label"] = "オプション2";
  1571.         // line 1351
  1572.         echo "\t\t";
  1573.         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.', 1351, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1351))) {
  1574.             // line 1352
  1575.             echo "\t\t\t";
  1576.             $context['_parent'] = $context;
  1577.             $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.', 1352, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1352));
  1578.             foreach ($context['_seq'] as $context["_key"] => $context["pcat"]) {
  1579.                 // line 1353
  1580.                 echo "\t\t\t\t";
  1581.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1353) == 31)) {
  1582.                     $context["option1_label"] = "サイズプリセット";
  1583.                     $context["option2_label"] = "駆動方式";
  1584.                 }
  1585.                 // line 1354
  1586.                 echo "\t\t\t\t";
  1587.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1354) == 43)) {
  1588.                     $context["option1_label"] = "ランマ";
  1589.                     $context["option2_label"] = "タイプ";
  1590.                 }
  1591.                 // line 1355
  1592.                 echo "\t\t\t\t";
  1593.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1355) == 15)) {
  1594.                     $context["option1_label"] = "棚タイプ";
  1595.                 }
  1596.                 // line 1356
  1597.                 echo "\t\t\t\t";
  1598.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1356) == 17)) {
  1599.                     $context["option1_label"] = "窓タイプ";
  1600.                 }
  1601.                 // line 1357
  1602.                 echo "\t\t\t";
  1603.             }
  1604.             $_parent = $context['_parent'];
  1605.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pcat'], $context['_parent'], $context['loop']);
  1606.             $context = array_intersect_key($context, $_parent) + $_parent;
  1607.             // line 1358
  1608.             echo "\t\t";
  1609.         }
  1610.         // line 1359
  1611.         echo "
  1612. \t\t// 消費税率（pp.price/pp.ct/op_data.price は scraper が税抜で保存しているため、
  1613. \t\t// calcGoukei 出口で 1+TAX_RATE を掛けて税込 mitsumori_goukei にする）
  1614. \t\tvar TAX_RATE = 0.10;
  1615. \t\tfunction toIncTax(v) { return Math.round(v * (1 + TAX_RATE)); }
  1617. \t\t/**
  1618. \t\t * tg 用 block 別オプション差額の集計.
  1619. \t\t *   現選択 (W, D) から block key を作り、oi_data.blocks[blockKey] を取得.
  1620. \t\t *   各 axis (F/front/side1/side2) で oi_selected[axis] の choice の diff を合計.
  1621. \t\t * 戻り値: { total: 差額合計(税抜), items: [{name, label, diff}, ...] }
  1622. \t\t *   block が無い (tg 以外 / 該当 (W,D) が未取得) なら total=0.
  1623. \t\t */
  1624. \t\tfunction collectOptionItems(curW, curD) {
  1625. \t\t\tvar result = { total: 0, items: [] };
  1626. \t\t\tif (!oi_data || !oi_data.blocks) return result;
  1627. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  1628. \t\t\tvar block = oi_data.blocks[blockKey];
  1629. \t\t\tif (!block) return result;
  1630. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  1631. \t\t\tfor (var i = 0; i < axes.length; i++) {
  1632. \t\t\t\tvar axis = axes[i];
  1633. \t\t\t\tvar choices = block[axis];
  1634. \t\t\t\tif (!choices || !choices.length) continue;
  1635. \t\t\t\tvar idx = oi_selected[axis] || 1;
  1636. \t\t\t\tvar pick = null;
  1637. \t\t\t\tfor (var j = 0; j < choices.length; j++) {
  1638. \t\t\t\t\tif (parseInt(choices[j].idx) === parseInt(idx)) { pick = choices[j]; break; }
  1639. \t\t\t\t}
  1640. \t\t\t\tif (!pick) pick = choices[0];
  1641. \t\t\t\tvar diff = parseInt(pick.diff) || 0;
  1642. \t\t\t\tresult.total += diff;
  1643. \t\t\t\tresult.items.push({
  1644. \t\t\t\t\tname:  oi_data.axis_labels[axis] || axis,
  1645. \t\t\t\t\tlabel: pick.label,
  1646. \t\t\t\t\tdiff:  diff,
  1647. \t\t\t\t});
  1648. \t\t\t}
  1649. \t\t\treturn result;
  1650. \t\t}
  1652. \t\t/**
  1653. \t\t * tg ラジオ群を block 別に DOM へ描画する.
  1654. \t\t *   W/D が確定したら現 block の 4 軸 (F/front/side1/side2) ラジオを #tg-options 要素に出す.
  1655. \t\t *   block が空なら #tg-options を空にする.
  1656. \t\t */
  1657. \t\tfunction renderOptionItemRadios(curW, curD) {
  1658. \t\t\tvar \$box = \$('#tg-options');
  1659. \t\t\tif (!\$box.length) return;
  1660. \t\t\t\$box.empty();
  1661. \t\t\tif (!oi_data || !oi_data.blocks) return;
  1662. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  1663. \t\t\tvar block = oi_data.blocks[blockKey];
  1664. \t\t\tif (!block) return;
  1665. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  1666. \t\t\taxes.forEach(function(axis) {
  1667. \t\t\t\tvar choices = block[axis];
  1668. \t\t\t\tif (!choices || !choices.length) return;
  1669. \t\t\t\tvar axisLabel = (oi_data.axis_labels && oi_data.axis_labels[axis]) || axis;
  1670. \t\t\t\tvar \$section = \$('<div class=\"form-group tg-axis\"></div>');
  1671. \t\t\t\t\$section.append('<p class=\"rp-section-label\"><strong>' + axisLabel + '</strong>: <span class=\"tg-axis-selected\"></span></p>');
  1672. \t\t\t\t// 他オプション(opt-btn)と統一したボタン型 UI で描画（縦積み・長ラベル折返し）.
  1673. \t\t\t\tvar \$list = \$('<div class=\"opt-btn-group no-hscroll\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  1674. \t\t\t\tchoices.forEach(function(ch, i) {
  1675. \t\t\t\t\tvar inputId = 'tg_' + axis + '_' + ch.idx;
  1676. \t\t\t\t\tvar name = 'tg_' + axis;
  1677. \t\t\t\t\tvar isSel = (parseInt(ch.idx) === parseInt(oi_selected[axis] || 1));
  1678. \t\t\t\t\tvar diffTxt = ch.diff > 0 ? '+' + formatter.format(ch.diff) + '円' : (ch.diff < 0 ? formatter.format(ch.diff) + '円' : '±0');
  1679. \t\t\t\t\t\$list.append(
  1680. \t\t\t\t\t\t'<label class=\"opt-btn' + (isSel ? ' is-selected' : '') + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  1681. \t\t\t\t\t\t'<input type=\"radio\" name=\"' + name + '\" id=\"' + inputId + '\" value=\"' + ch.idx + '\" data-axis=\"' + axis + '\"' + (isSel ? ' checked' : '') + '>' +
  1682. \t\t\t\t\t\tch.label + '<span class=\"tg-diff\">（' + diffTxt + '）</span></label>'
  1683. \t\t\t\t\t);
  1684. \t\t\t\t});
  1685. \t\t\t\t\$section.append(\$list);
  1686. \t\t\t\t\$box.append(\$section);
  1687. \t\t\t});
  1688. \t\t\t// ラジオ選択で oi_selected 更新 + is-selected 付替え → 再計算
  1689. \t\t\t\$box.off('change.tg').on('change.tg', 'input[type=\"radio\"][data-axis]', function() {
  1690. \t\t\t\tvar axis = \$(this).data('axis');
  1691. \t\t\t\toi_selected[axis] = parseInt(\$(this).val()) || 1;
  1692. \t\t\t\t\$(this).closest('.opt-btn-group').find('label.opt-btn').removeClass('is-selected');
  1693. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  1694. \t\t\t\tmitsumori_simulation('refresh', '');
  1695. \t\t\t});
  1696. \t\t\tupdateOptionItemSelectedLabels();
  1697. \t\t}
  1699. \t\tfunction updateOptionItemSelectedLabels() {
  1700. \t\t\t\$('#tg-options .tg-axis').each(function() {
  1701. \t\t\t\tvar \$sel = \$(this).find('input[type=\"radio\"]:checked');
  1702. \t\t\t\tif (!\$sel.length) return;
  1703. \t\t\t\tvar label = \$sel.parent().contents().filter(function() { return this.nodeType === 3; }).text().trim();
  1704. \t\t\t\t\$(this).find('.tg-axis-selected').text(label);
  1705. \t\t\t});
  1706. \t\t}
  1708. \t\t// =========================================================
  1709. \t\t// fe (sale_type=4) ブロック種類×段数 サブ UI
  1710. \t\t// =========================================================
  1712. \t\t/**
  1713. \t\t * fe_block の親オプション (= op_data 内の「ご希望のフェンス設置方法」 entry)
  1714. \t\t * を name でルックアップし、その index を返す. 見つからなければ -1.
  1715. \t\t *   fe_block.depends_on_name が設定されていればそれで照合.
  1716. \t\t *   未設定なら 'ご希望のフェンス設置方法' を含む name にフォールバック.
  1717. \t\t */
  1718. \t\tfunction findFeBlockParentOpIndex() {
  1719. \t\t\tif (!oi_data || !oi_data.fe_block) return -1;
  1720. \t\t\tvar needle = oi_data.fe_block.depends_on_name || 'ご希望のフェンス設置方法';
  1721. \t\t\tfor (var i = 0; i < op_data.length; i++) {
  1722. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  1723. \t\t\t\tif (op_data[i].name.indexOf(needle) >= 0) return i;
  1724. \t\t\t}
  1725. \t\t\treturn -1;
  1726. \t\t}
  1728. \t\t/**
  1729. \t\t * fe_block の現在の選択値の price (税抜) と choice 内容を集計.
  1730. \t\t *   親オプション (= 'ご希望のフェンス設置方法') が depends_on_value を選んでいる
  1731. \t\t *   ときだけ加算する. それ以外 (既存ブロック側 / 親未選択) は price=0.
  1732. \t\t * 戻り値: { price: 0|N, choice: {key,label,price}|null, active: bool }
  1733. \t\t */
  1734. \t\tfunction collectFeBlock() {
  1735. \t\t\tvar result = { price: 0, choice: null, active: false };
  1736. \t\t\tif (SALE_TYPE_ID !== 4) return result;
  1737. \t\t\tif (!oi_data || !oi_data.fe_block) return result;
  1738. \t\t\tif (!oi_data.fe_block.choices || !oi_data.fe_block.choices.length) return result;
  1740. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1741. \t\t\tif (parentIdx < 0) return result;
  1742. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1743. \t\t\tvar parentSel = ops[parentIdx];
  1744. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  1745. \t\t\tif (parentSel !== triggerValue) return result;  // 親が新規ブロック積み以外なら無加算
  1747. \t\t\tresult.active = true;
  1748. \t\t\tvar choices = oi_data.fe_block.choices;
  1749. \t\t\tvar pick = null;
  1750. \t\t\tfor (var j = 0; j < choices.length; j++) {
  1751. \t\t\t\tif (choices[j].key === fe_block_selected) { pick = choices[j]; break; }
  1752. \t\t\t}
  1753. \t\t\tif (!pick) pick = choices[0];
  1754. \t\t\tresult.choice = pick;
  1755. \t\t\tresult.price  = parseInt(pick.price) || 0;
  1756. \t\t\treturn result;
  1757. \t\t}
  1759. \t\t/**
  1760. \t\t * fe_block ラジオ群を #fe-block-options 要素に描画する.
  1761. \t\t *   active=false (親が「新規にブロック積み」以外) のときは非表示.
  1762. \t\t */
  1763. \t\tfunction renderFeBlockRadios() {
  1764. \t\t\tvar \$box = \$('#fe-block-options');
  1765. \t\t\tif (!\$box.length) return;
  1766. \t\t\tif (!oi_data || !oi_data.fe_block || !oi_data.fe_block.choices) {
  1767. \t\t\t\t\$box.empty().hide();
  1768. \t\t\t\treturn;
  1769. \t\t\t}
  1770. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1771. \t\t\tif (parentIdx < 0) {
  1772. \t\t\t\t\$box.empty().hide();
  1773. \t\t\t\treturn;
  1774. \t\t\t}
  1775. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1776. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  1777. \t\t\tvar visible = (ops[parentIdx] === triggerValue);
  1778. \t\t\tif (!visible) {
  1779. \t\t\t\t\$box.hide();
  1780. \t\t\t\treturn;
  1781. \t\t\t}
  1783. \t\t\tvar fb = oi_data.fe_block;
  1784. \t\t\t\$box.empty();
  1785. \t\t\tvar \$title = \$('<p class=\"rp-section-label\"><strong>' + (fb.title || 'ブロックの種類と段数') + '</strong></p>');
  1786. \t\t\t\$box.append(\$title);
  1787. \t\t\t// 他オプション群と同じ .opt-btn-group / .opt-btn 形式で描画.
  1788. \t\t\t//   生の <label><input type=radio> ... 形式だと CSS 定義が無く
  1789. \t\t\t//   ラベル折り返し・縦ズレ・隣接 opt-btn との間隔不揃いが発生する.
  1790. \t\t\tvar \$list = \$('<div class=\"opt-btn-group no-hscroll\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  1791. \t\t\tfb.choices.forEach(function(ch) {
  1792. \t\t\t\tvar inputId = 'fe_block_' + ch.key;
  1793. \t\t\t\tvar isSel   = (ch.key === fe_block_selected);
  1794. \t\t\t\tvar checked = isSel ? ' checked' : '';
  1795. \t\t\t\tvar selCls  = isSel ? ' is-selected' : '';
  1796. \t\t\t\t// 選択肢ラベルには価格を表示しない（差額は合計金額側でのみ反映）。
  1797. \t\t\t\t\$list.append(
  1798. \t\t\t\t\t'<label class=\"opt-btn' + selCls + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  1799. \t\t\t\t\t'<input type=\"radio\" name=\"fe_block\" id=\"' + inputId + '\" value=\"' + ch.key + '\"' + checked + '>' +
  1800. \t\t\t\t\t'<span class=\"fe-block-label\">' + ch.label + '</span>' +
  1801. \t\t\t\t\t'</label>'
  1802. \t\t\t\t);
  1803. \t\t\t});
  1804. \t\t\t\$box.append(\$list);
  1805. \t\t\t\$box.show();
  1806. \t\t\t\$box.off('change.fe_block').on('change.fe_block', 'input[type=\"radio\"][name=\"fe_block\"]', function() {
  1807. \t\t\t\tfe_block_selected = \$(this).val();
  1808. \t\t\t\t// is-selected 切替 (opt-btn 形式共通)
  1809. \t\t\t\t\$box.find('label.opt-btn').removeClass('is-selected');
  1810. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  1811. \t\t\t\tmitsumori_simulation('refresh', '');
  1812. \t\t\t});
  1813. \t\t}
  1815. \t\t/**
  1816. \t\t * fe (sale_type=4) で op_data エントリの連動表示制御.
  1817. \t\t *   親「ご希望のフェンス設置方法」の選択値に応じて、
  1818. \t\t *     - 「既存ブロックに穴空け工事が必要ですか？」 entry を表示/非表示
  1819. \t\t *   切替の trigger は親選択値の文字列で判定 (entry index にハードコードしない).
  1820. \t\t */
  1821. \t\tfunction updateFeOpConditionalVisibility() {
  1822. \t\t\tif (SALE_TYPE_ID !== 4) return;
  1823. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1824. \t\t\tif (parentIdx < 0) return;
  1825. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1826. \t\t\tvar parentSel = ops[parentIdx];
  1827. \t\t\t// 親が「既存ブロックに設置する」 (= off 側) のとき穴空け entry を表示
  1828. \t\t\tvar triggerOffValue = (op_data[parentIdx] && op_data[parentIdx].off) || '既存ブロックに設置する';
  1829. \t\t\t\$('div[data-op-name]').each(function() {
  1830. \t\t\t\tvar n = \$(this).attr('data-op-name') || '';
  1831. \t\t\t\tif (n.indexOf('穴空け') >= 0) {
  1832. \t\t\t\t\tif (parentSel === triggerOffValue) {
  1833. \t\t\t\t\t\t\$(this).show();
  1834. \t\t\t\t\t} else {
  1835. \t\t\t\t\t\t\$(this).hide();
  1836. \t\t\t\t\t}
  1837. \t\t\t\t}
  1838. \t\t\t});
  1839. \t\t}
  1841. \t\t/**
  1842. \t\t * 選択中の施工オプションを集計し、ON選択分の price を合計する.
  1843. \t\t * 戻り値: { total: 合計金額, items: [{name, value, price}, ...] }
  1844. \t\t */
  1845. \t\tfunction collectOptions() {
  1846. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1847. \t\t\tvar total = 0;
  1848. \t\t\tvar items = [];
  1849. \t\t\tfor (var i = 0; i < ops.length; i++) {
  1850. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  1851. \t\t\t\tvar sel = ops[i];
  1852. \t\t\t\tif (!sel) continue;
  1853. \t\t\t\tvar price = parseInt(op_data[i].price) || 0;
  1854. \t\t\t\t// 「ON」選択時のみ加算（OFF や「不要」「商品購入のみ」は加算しない）
  1855. \t\t\t\tvar isOn = (sel === op_data[i].on);
  1856. \t\t\t\titems.push({
  1857. \t\t\t\t\tname:  op_data[i].name,
  1858. \t\t\t\t\tvalue: sel,
  1859. \t\t\t\t\tprice: isOn ? price : 0,
  1860. \t\t\t\t\ton:    op_data[i].on,
  1861. \t\t\t\t\toff:   op_data[i].off,
  1862. \t\t\t\t});
  1863. \t\t\t\tif (isOn) total += price;
  1864. \t\t\t}
  1865. \t\t\t// fe (sale_type=4) のブロック種類×段数 分を items / total に統合.
  1866. \t\t\t// 親オプション「ご希望のフェンス設置方法」 が 「新規にブロック積みを行う」 のとき
  1867. \t\t\t// だけ加算される (collectFeBlock 内で判定済み).
  1868. \t\t\tvar fb = collectFeBlock();
  1869. \t\t\tif (fb.active && fb.choice) {
  1870. \t\t\t\titems.push({
  1871. \t\t\t\t\tname:  (oi_data.fe_block && oi_data.fe_block.title) || 'ブロックの種類と段数',
  1872. \t\t\t\t\tvalue: fb.choice.label,
  1873. \t\t\t\t\tprice: fb.price,
  1874. \t\t\t\t\ton:    fb.choice.label,
  1875. \t\t\t\t\toff:   '',
  1876. \t\t\t\t});
  1877. \t\t\t\ttotal += fb.price;
  1878. \t\t\t}
  1879. \t\t\treturn { total: total, items: items };
  1880. \t\t}
  1882. \t\t/**
  1883. \t\t * free_area 1 エントリ ({w,d,h,m,c,price,unit_price,maker_price,ct,option1,option2})
  1884. \t\t * から sale_type 別に最終金額を算出する.
  1885. \t\t *
  1886. \t\t * 計算式（amount=1 ベース、出口で × 1.10 税込化）:
  1887. \t\t *   1 通常        : price + ct + option_sum
  1888. \t\t *   2 補助金窓    : price × set_count + (ct + (set_count-1) × option2) + option_sum
  1889. \t\t *   3 物置        : (price + ct) × daisu + option_sum
  1890. \t\t *   4 フェンス    : price + (maisu-1) × unit_price
  1891. \t\t *                  + ct + max(0, maisu-3) × option1
  1892. \t\t *                  + option_sum   (maisu >= 3)
  1893. \t\t *   5 デッキ      : price + ct + option_sum   (area は表示用、計算非関与)
  1894. \t\t *   6 芝生        : price × ceil(area / (w_m × h_m)) + ct + option_sum
  1895. \t\t *   9 商品のみ    : price のみ（カート quantity 倍で総額）
  1896. \t\t *
  1897. \t\t * fe では option1 を ct_up、um では option2 を ct_up として転用.
  1898. \t\t * tf では w / h にロール幅・長さが格納されており parseLen で数値抽出.
  1899. \t\t *
  1900. \t\t * @param {Object} pp  free_area の 1 行（matrix エントリ）
  1901. \t\t * @param {number} optionTotal  collectOptions().total
  1902. \t\t * @param {Object} ctx  UI 入力 {set_count, daisu, maisu, area, quantityOnly, ...}
  1903. \t\t * @returns {Object} {goukei, price, ct, opt, qty}  すべて税込整数
  1904. \t\t */
  1905. \t\tfunction calcGoukei(pp, optionTotal, ctx) {
  1906. \t\t\tvar basePrice  = parseInt(pp.price)       || 0;
  1907. \t\t\tvar baseCt     = parseInt(pp.ct)          || 0;
  1908. \t\t\tvar unitPrice  = parseInt(pp.unit_price)  || 0;
  1909. \t\t\tvar optSum     = optionTotal;
  1910. \t\t\tvar price      = basePrice;
  1911. \t\t\tvar ct         = baseCt;
  1912. \t\t\tvar steelRoof  = 0;   // cp 折半屋根（スチール折板 = option1, ex-shop同額）
  1913. \t\t\tvar qty        = 1;
  1914. \t\t\tvar goukei     = 0;
  1916. \t\t\t// 「商品購入のみ」選択時は工事費・オプションをゼロにする（任意 sale_type で適用）
  1917. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1918. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  1919. \t\t\tif (purchaseOnly) {
  1920. \t\t\t\tbaseCt = 0;
  1921. \t\t\t\tct     = 0;
  1922. \t\t\t\toptSum = 0;
  1923. \t\t\t}
  1925. \t\t\tswitch (SALE_TYPE_ID) {
  1926. \t\t\t\tcase 2: {  // 補助金・窓 (シンプル表引き方式 2026-05-)
  1927. \t\t\t\t\t// 2026-05 仕様簡素化: 枚数軸を廃止し、subtype に枚数を内包.
  1928. \t\t\t\t\t// pp.price / pp.ct は (W, H, ガラス, subtype) の単一価格.
  1929. \t\t\t\t\t// 複数枚をまとめて買う場合はカート quantity で表現.
  1930. \t\t\t\t\tqty    = 1;
  1931. \t\t\t\t\tprice  = basePrice;
  1932. \t\t\t\t\tct     = baseCt;
  1933. \t\t\t\t\tgoukei = price + ct + optSum;
  1934. \t\t\t\t\tbreak;
  1935. \t\t\t\t}
  1937. \t\t\t\tcase 3: {  // 物置・ゴミステーション
  1938. \t\t\t\t\tqty   = Math.max(1, parseInt(ctx.daisu) || 1);
  1939. \t\t\t\t\tprice = basePrice * qty;
  1940. \t\t\t\t\tct    = baseCt * qty;
  1941. \t\t\t\t\tgoukei = price + ct + optSum;
  1942. \t\t\t\t\tbreak;
  1943. \t\t\t\t}
  1945. \t\t\t\tcase 4: {  // フェンス・組み立て式（maisu ≥ 3、base_amount = 3）
  1946. \t\t\t\t\t// scraper は amount=3 を base にしているので pp.price = price(3),
  1947. \t\t\t\t\t// pp.unit_price = price(4) - price(3).
  1948. \t\t\t\t\tqty   = Math.max(3, parseInt(ctx.maisu) || 3);
  1949. \t\t\t\t\tprice = basePrice + (qty - 3) * unitPrice;
  1950. \t\t\t\t\t// option1 が ct_up (4枚目以降の増分). 未設定なら ct 固定動作
  1951. \t\t\t\t\tvar ctUp1 = parseInt(pp.option1) || 0;
  1952. \t\t\t\t\tct = baseCt + Math.max(0, qty - 3) * ctUp1;
  1953. \t\t\t\t\t// fe_block(ブロック積み段数): collectOptions が base(3枚分)を optSum に
  1954. \t\t\t\t\t// 算入済み. ブロック費も本体同様に枚数連動するため、4枚目以降は 1枚毎に
  1955. \t\t\t\t\t// choice.unit_price(= block(4)-block(3)) を加算する.
  1956. \t\t\t\t\t// (顧客指摘「何枚施工でも増える金額が同じ」の是正。unit_price 未設定の
  1957. \t\t\t\t\t//  旧データでは +0 で従来動作。)
  1958. \t\t\t\t\tif (!purchaseOnly) {
  1959. \t\t\t\t\t\tvar fbC = collectFeBlock();
  1960. \t\t\t\t\t\tif (fbC.active && fbC.choice) {
  1961. \t\t\t\t\t\t\toptSum += Math.max(0, qty - 3) * (parseInt(fbC.choice.unit_price) || 0);
  1962. \t\t\t\t\t\t}
  1963. \t\t\t\t\t}
  1964. \t\t\t\t\tgoukei = price + ct + optSum;
  1965. \t\t\t\t\tbreak;
  1966. \t\t\t\t}
  1968. \t\t\t\tcase 5: {  // ウッドデッキ・タイルデッキ
  1969. \t\t\t\t\t// area は担当者向けの参考値として保持（計算には使わない）
  1970. \t\t\t\t\tqty    = 1;
  1971. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  1972. \t\t\t\t\tprice  = basePrice;
  1973. \t\t\t\t\tct     = baseCt;
  1974. \t\t\t\t\tbreak;
  1975. \t\t\t\t}
  1977. \t\t\t\tcase 6: {  // 芝生・人工芝（ロール単位）
  1978. \t\t\t\t\t// pp.w \"1m\", pp.h \"10m\" から数値抽出
  1979. \t\t\t\t\tvar w_m = parseLen(pp.w);
  1980. \t\t\t\t\tvar h_m = parseLen(pp.h);
  1981. \t\t\t\t\tvar rollSize = w_m * h_m;
  1982. \t\t\t\t\tif (!rollSize || rollSize <= 0) rollSize = 1;
  1983. \t\t\t\t\t// 施工サイズ(面積)があれば必要枚数を自動算出。無ければ直接指定の枚数を使う。
  1984. \t\t\t\t\tvar area  = parseFloat(ctx.area) || 0;
  1985. \t\t\t\t\tif (area > 0) {
  1986. \t\t\t\t\t\tqty = Math.max(1, Math.ceil(area / rollSize));
  1987. \t\t\t\t\t} else {
  1988. \t\t\t\t\t\tqty = Math.max(1, parseInt(ctx.tf_qty) || 1);
  1989. \t\t\t\t\t}
  1990. \t\t\t\t\tprice  = basePrice * qty;
  1991. \t\t\t\t\tct     = baseCt;
  1992. \t\t\t\t\tgoukei = price + ct + optSum;
  1993. \t\t\t\t\tbreak;
  1994. \t\t\t\t}
  1996. \t\t\t\tcase 7: {  // 数量買い・基本工事費固定（gf ガーデンファニチャー / st 石材）
  1997. \t\t\t\t\tqty    = Math.max(1, parseInt(ctx.suuryou) || 1);
  1998. \t\t\t\t\tprice  = basePrice * qty;
  1999. \t\t\t\t\tct     = baseCt;                 // ct は固定（数量に依らない）
  2000. \t\t\t\t\tgoukei = price + ct + optSum;
  2001. \t\t\t\t\tbreak;
  2002. \t\t\t\t}
  2004. \t\t\t\tcase 9: {  // 商品のみ購入
  2005. \t\t\t\t\t// カート側で quantity × unit price するため goukei は単品価格
  2006. \t\t\t\t\tqty    = parseInt(ctx.quantityOnly) || 1;
  2007. \t\t\t\t\tprice  = basePrice;
  2008. \t\t\t\t\tct     = 0;
  2009. \t\t\t\t\toptSum = 0;
  2010. \t\t\t\t\tgoukei = price;
  2011. \t\t\t\t\tbreak;
  2012. \t\t\t\t}
  2014. \t\t\t\tdefault: {  // 1: 通常（カーポート等、matrix 選択のみ）
  2015. \t\t\t\t\tqty    = 1;
  2016. \t\t\t\t\t// cp 折半屋根（スチール折板 = option1, ex-shop同額）を工事費として加算。
  2017. \t\t\t\t\t// 非折板/他カテゴリは option1='' or 非数値 → 0。
  2018. \t\t\t\t\tsteelRoof = purchaseOnly ? 0 : (parseInt(pp.option1) || 0);
  2019. \t\t\t\t\tgoukei = basePrice + baseCt + steelRoof + optSum;
  2020. \t\t\t\t\tbreak;
  2021. \t\t\t\t}
  2022. \t\t\t}
  2024. \t\t\t// 出口で税込化（pp.price/pp.ct/op_data.price はすべて税抜で保存されている前提）
  2025. \t\t\t// 税込は請求額(mitsumori_json)・見積書・PDF 用。税抜(*Exc)は詳細ページの表示専用。
  2026. \t\t\treturn {
  2027. \t\t\t\tgoukei: toIncTax(goukei),
  2028. \t\t\t\tprice:  toIncTax(price),
  2029. \t\t\t\tct:     toIncTax(ct),
  2030. \t\t\t\tsteelRoof: toIncTax(steelRoof),
  2031. \t\t\t\topt:    toIncTax(optSum),
  2032. \t\t\t\tgoukeiExc: goukei,
  2033. \t\t\t\tpriceExc:  price,
  2034. \t\t\t\tctExc:     ct,
  2035. \t\t\t\tsteelRoofExc: steelRoof,
  2036. \t\t\t\toptExc:    optSum,
  2037. \t\t\t\tqty:    qty,
  2038. \t\t\t};
  2039. \t\t}
  2041. \t\t/**
  2042. \t\t * 寸法文字列から「メートル単位の数値」を抽出する.
  2043. \t\t *
  2044. \t\t * 単位は m / cm / mm を認識し、いずれも m 単位に正規化して返す.
  2045. \t\t * 単位が無い場合は m 単位とみなす（旧 tf データ \"1m\" \"10m\" との互換）.
  2046. \t\t * 数値が見つからない場合は 0 を返す（呼び出し側で fallback）.
  2047. \t\t *
  2048. \t\t * 例:
  2049. \t\t *   \"1m\"     → 1
  2050. \t\t *   \"100cm\"  → 1   (2026-06 以降の m → cm 正規化に対応)
  2051. \t\t *   \"200cm\"  → 2
  2052. \t\t *   \"5.5m\"   → 5.5
  2053. \t\t *   \"1000mm\" → 1
  2054. \t\t *   \"\"       → 0
  2055. \t\t */
  2056. \t\tfunction parseLen(s) {
  2057. \t\t\tif (!s) return 0;
  2058. \t\t\tvar str = String(s);
  2059. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)\\s*(mm|cm|m)?/i);
  2060. \t\t\tif (!m) return 0;
  2061. \t\t\tvar n = parseFloat(m[1]);
  2062. \t\t\tif (isNaN(n)) return 0;
  2063. \t\t\tvar unit = (m[2] || 'm').toLowerCase();
  2064. \t\t\tif (unit === 'cm') return n / 100;
  2065. \t\t\tif (unit === 'mm') return n / 1000;
  2066. \t\t\treturn n;  // 'm' or no unit
  2067. \t\t}
  2069. \t\t// pp は autoSelectFirstColor 等からも参照するので global にする
  2070. \t\tvar pp = ";
  2071.         // line 1818
  2072.         echo (isset($context["pp"]) || array_key_exists("pp", $context) ? $context["pp"] : (function () { throw new RuntimeError('Variable "pp" does not exist.', 1818, $this->source); })());
  2073.         echo ";
  2075. \t\t// sale_type=2 の幅 / 高さ ladder (Twig p_w / p_h を JS で参照するため).
  2076. \t\t// 入力 mm 値を pp の幅・高さバケット文字列にマッピングする際の元データ.
  2077. \t\t// p_w / p_h は連想配列で来ることがあるため Object.values で配列化する.
  2078. \t\tvar PP_W_LADDER = Object.values(";
  2079.         // line 1823
  2080.         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.', 1823, $this->source); })()), [])) : ([])));
  2081.         echo " || {});
  2082. \t\tvar PP_H_LADDER = Object.values(";
  2083.         // line 1824
  2084.         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.', 1824, $this->source); })()), [])) : ([])));
  2085.         echo " || {});
  2087. \t\t/* ============================================================
  2088. \t\t   sale_type=2 (補助金窓) 専用: 複数タイプ集計 & 補助金計算
  2089. \t\t   ============================================================
  2090. \t\t   - 入力 UI: #window-types-container 配下の .window-type-block
  2091. \t\t   - 補助金根拠: 先進的窓リノベ2026事業
  2092. \t\t     https://window-renovation2026.env.go.jp/construction/inner-window.html
  2093. \t\t   - 価格軸: (subtype, w, h, glass, color) で pp を lookup
  2094. \t\t   - 1 商品 = 1 明細 にまとめ、内訳 JSON を別途保存予定 (cart 連携は後続タスク)
  2095. \t\t   ============================================================ */
  2097. \t\t// 補助金マトリクス: [住宅区分][性能][サイズ区分] → 1 箇所あたり金額 (税抜・端数なし)
  2098. \t\tvar WINDOW_SUBSIDY_MATRIX = {
  2099. \t\t\tdetached:  { // 戸建住宅・延床240㎡以下の非住宅
  2100. \t\t\t\tP: { G: 140000, L: 89000, M: 58000, S: 36000 },
  2101. \t\t\t\tS: { G: 76000,  L: 52000, M: 34000, S: 22000 }
  2102. \t\t\t},
  2103. \t\t\tapartment: { // 低層・中高層集合住宅・240㎡超の非住宅
  2104. \t\t\t\tP: { G: 152000, L: 98000, M: 64000, S: 40000 },
  2105. \t\t\t\tS: { G: 83000,  L: 57000, M: 37000, S: 24000 }
  2106. \t\t\t}
  2107. \t\t};
  2109. \t\t// 住宅区分: 画面 UI (input[name=\"window_housing_type\"]) から取得する.
  2110. \t\t// 既定値は PFC meta_key=\"住宅区分\" を fallback (未設定なら '戸建').
  2111. \t\tvar HOUSING_TYPE_DEFAULT = ";
  2112.         // line 1850
  2113.         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.', 1850, $this->source); })()), "id", [], "any", false, false, false, 1850), "住宅区分"), "戸建"));
  2114.         echo ";
  2115. \t\tfunction getCurrentHousingKey() {
  2116. \t\t\tvar el = document.querySelector('input[name=\"window_housing_type\"]:checked');
  2117. \t\t\tvar v  = el ? el.value : HOUSING_TYPE_DEFAULT;
  2118. \t\t\treturn (v === '集合住宅') ? 'apartment' : 'detached';
  2119. \t\t}
  2121. \t\t// 商品シリーズ自動判定 (Product.name から)
  2122. \t\t// 根拠カタログ: YKK AP「ウチリモ」XAAAA-H26-067-1 (2026.04), 同「LiteU」XAAAA-H16-088-2,
  2123. \t\t//              三協アルミ「プラメイクEII」0142_STJ1931L, LIXIL「インプラス」(既知)
  2124. \t\tvar PRODUCT_NAME_RAW = ";
  2125.         // line 1860
  2126.         echo json_encode(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "name", [], "any", true, true, false, 1860)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "name", [], "any", false, false, false, 1860), "")) : ("")));
  2127.         echo ";
  2128. \t\tfunction detectProductSeries(name) {
  2129. \t\t\tif (!name) return null;
  2130. \t\t\tif (/ウチリモ/.test(name)) return 'uchirimo';
  2131. \t\t\tif (/プラマード\\s*U/i.test(name)) return 'pramado_u';
  2132. \t\t\tif (/インプラス/.test(name)) return 'inplus';
  2133. \t\t\tif (/プラメイク\\s*EII|プラメイクEII/i.test(name)) return 'plamake_eii';
  2134. \t\t\tif (/LiteU/i.test(name)) return 'lite_u';
  2135. \t\t\treturn null;
  2136. \t\t}
  2137. \t\t// シリーズ上限グレード:
  2138. \t\t//   'P'  = SS/P まで到達可能 (真空断熱ガラス採用シリーズ)
  2139. \t\t//   'S'  = Low-E 複層止まり (真空断熱ガラスのラインなし)
  2140. \t\t//   null = 単板のみ → 補助金対象外
  2141. \t\tvar SERIES_GRADE_CAP = {
  2142. \t\t\tuchirimo:    'P',
  2143. \t\t\tpramado_u:   'P',
  2144. \t\t\tinplus:      'S',
  2145. \t\t\tplamake_eii: 'S',
  2146. \t\t\tlite_u:      null
  2147. \t\t};
  2148. \t\tvar DETECTED_SERIES = detectProductSeries(PRODUCT_NAME_RAW);
  2149. \t\tvar SERIES_GRADE_CAP_VAL = (DETECTED_SERIES !== null && Object.prototype.hasOwnProperty.call(SERIES_GRADE_CAP, DETECTED_SERIES))
  2150. \t\t\t? SERIES_GRADE_CAP[DETECTED_SERIES]
  2151. \t\t\t: undefined;
  2153. \t\t// 商品単位グレード上限 (PFC `meta_key=補助金グレード上限` で個別上書き)
  2154. \t\t// 値: 'P' / 'SS' / 'S' / '対象外' / '無' / 'NONE' / 空文字 (未指定)
  2155. \t\tvar PRODUCT_GRADE_CAP_RAW = ";
  2156.         // line 1888
  2157.         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.', 1888, $this->source); })()), "id", [], "any", false, false, false, 1888), "補助金グレード上限"), ""));
  2158.         echo ";
  2159. \t\tfunction normalizeGradeCap(v) {
  2160. \t\t\tif (v === null || v === undefined || v === '') return undefined;
  2161. \t\t\tvar s = String(v).trim().toUpperCase();
  2162. \t\t\tif (s === 'NONE' || s === '対象外' || s === '無') return null;
  2163. \t\t\tif (s === 'P' || s === 'SS') return 'P';
  2164. \t\t\tif (s === 'S') return 'S';
  2165. \t\t\treturn undefined;
  2166. \t\t}
  2167. \t\tvar PRODUCT_GRADE_CAP = normalizeGradeCap(PRODUCT_GRADE_CAP_RAW);
  2169. \t\t// 窓種 (subtype = option1) ごとのグレード上限.
  2170. \t\t// 根拠: YKK AP「ウチリモ」業務用 (XAAAA-H26-067-1) の窓種別ラインナップで
  2171. \t\t//      真空ガラス (Glavenir) の設定有無を確認:
  2172. \t\t//        引違い窓 (2/3/4枚建) / 浴室仕様 引違い窓 / FIX窓        → P 到達可能
  2173. \t\t//        内開き窓 (居室/浴室) / 開き窓テラス / テラスドア類       → 真空ガラスなし → S 止まり
  2174. \t\tfunction detectSubtypeGradeCap(subtype) {
  2175. \t\t\tif (!subtype) return undefined;
  2176. \t\t\tvar s = String(subtype);
  2177. \t\t\tif (/内開|開き窓テラス|テラスドア|開き戸/.test(s)) return 'S';
  2178. \t\t\treturn undefined;
  2179. \t\t}
  2181. \t\t// クリップ: 強さは 'P' > 'S' > null (対象外). cap=null は強制対象外, cap=undefined は無効化なし.
  2182. \t\tfunction clipGradeBy(grade, cap) {
  2183. \t\t\tif (cap === undefined) return grade;
  2184. \t\t\tif (cap === null)      return null;
  2185. \t\t\tif (grade === null)    return null;
  2186. \t\t\tif (cap === 'S' && grade === 'P') return 'S';
  2187. \t\t\treturn grade;
  2188. \t\t}
  2189. \t\t// D-2/D-3: 一部の窓種は Low-E に「アルゴンガス入り」が必須で、ガス無は補助対象外.
  2190. \t\t//   - 浴室仕様 (ウチリモ): Low-E は Ar入のみ S、Ar無は対象外
  2191. \t\t//   - インプラス 開き窓 / テラスドア: Low-E複層 ガス有のみ S、ガス無は対象外
  2192. \t\t//   ※ 引違い窓・FIX窓・(非浴室)内開き窓は従来どおり Ar 有無を問わない.
  2193. \t\t//   server 側 WindowSubsidyCalculator の subtypeRequiresArgon / glassHasArgon /
  2194. \t\t//   applyArgonRequirement と完全一致させること.
  2195. \t\tfunction subtypeRequiresArgon(series, subtype) {
  2196. \t\t\tvar s = String(subtype || '');
  2197. \t\t\tif (/浴室/.test(s)) return true;
  2198. \t\t\tif (series === 'inplus' && (/テラスドア/.test(s) || (/開き窓/.test(s) && !/内開き/.test(s)))) return true;
  2199. \t\t\treturn false;
  2200. \t\t}
  2201. \t\tfunction glassHasArgon(glassName) {
  2202. \t\t\treturn /アルゴンガス入り/.test(String(glassName || ''));
  2203. \t\t}
  2204. \t\tfunction applyArgonRequirement(grade, glassName, subtype) {
  2205. \t\t\tif (grade === null) return null;
  2206. \t\t\t// 真空(P)等 Low-E 以外はこの規則の対象外 (真空はガス不要).
  2207. \t\t\tif (!/Low-?E/i.test(String(glassName || ''))) return grade;
  2208. \t\t\tif (subtypeRequiresArgon(DETECTED_SERIES, subtype) && !glassHasArgon(glassName)) return null;
  2209. \t\t\treturn grade;
  2210. \t\t}
  2211. \t\tfunction finalizeGlassGrade(raw, subtype, glassName) {
  2212. \t\t\tvar g = clipGradeBy(raw, SERIES_GRADE_CAP_VAL);
  2213. \t\t\tg     = clipGradeBy(g,   detectSubtypeGradeCap(subtype));
  2214. \t\t\tg     = clipGradeBy(g,   PRODUCT_GRADE_CAP);
  2215. \t\t\tg     = applyArgonRequirement(g, glassName, subtype);
  2216. \t\t\treturn g;
  2217. \t\t}
  2219. \t\t/**
  2220. \t\t * ガラスタイプ名から性能区分 'P' (SS, Uw≤1.1) / 'S' (Uw≤1.5) / null を判別.
  2221. \t\t * null = 補助対象外.
  2222. \t\t *
  2223. \t\t * 根拠: YKK AP「ウチリモ 内窓」業務用カタログ (XAAAA-H26-069-1) で
  2224. \t\t *       P (SS) は真空断熱ガラスのみ、Low-E はアルゴン入りでも S 止まり、
  2225. \t\t *       Low-E ガス無 + 型ガラス / フロストは 2026年4月で対象外、
  2226. \t\t *       が確認できた。アルゴン入り Low-E を P 判定する旧ルールは誤りだった。
  2227. \t\t *
  2228. \t\t * シリーズによっては P がそもそも存在しない (LIXIL インプラスは S 一律)
  2229. \t\t * ため、最終的には PFC で商品単位の上限を上書きできる仕組みが必要。
  2230. \t\t */
  2231. \t\tfunction detectGlassPerformance(glassName) {
  2232. \t\t\tif (!glassName) return null;
  2233. \t\t\tvar n = String(glassName);
  2234. \t\t\t// 補助対象外: 単板 / 和紙調 / 防音 / 防犯 / 型ガラス・フロスト (Low-E ガス無の型は 2026/4 で対象外)
  2235. \t\t\tif (/単ガラス|単板|和紙調|防音|防犯|複層\\/型|型ガラス|フロスト/.test(n)) return null;
  2236. \t\t\t// P (SS): 真空断熱ガラスのみ
  2237. \t\t\tif (/真空断熱/.test(n)) return 'P';
  2238. \t\t\t// S: Low-E 系のみ (アルゴン入りでも S 止まり)
  2239. \t\t\tif (/Low-?E/i.test(n)) return 'S';
  2240. \t\t\t// 一般複層 / ブラインドイン複層 / 複層強化 など Low-E 無しの複層は補助対象外
  2241. \t\t\treturn null;
  2242. \t\t}
  2244. \t\t/**
  2245. \t\t * 幅 mm × 高さ mm からサイズ区分 'G' (≥4.0㎡) / 'L' (2.8-3.9) / 'M' (1.6-2.7) / 'S' (0.2-1.5) / null.
  2246. \t\t * null = 補助対象外 (0.2㎡ 未満).
  2247. \t\t */
  2248. \t\tfunction detectSizeClass(w_mm, h_mm) {
  2249. \t\t\tvar w = parseFloat(w_mm) || 0;
  2250. \t\t\tvar h = parseFloat(h_mm) || 0;
  2251. \t\t\tif (w <= 0 || h <= 0) return null;
  2252. \t\t\tvar area = (w * h) / 1000000.0;
  2253. \t\t\tif (area < 0.2) return null;
  2254. \t\t\tif (area < 1.6) return 'S';
  2255. \t\t\tif (area < 2.8) return 'M';
  2256. \t\t\tif (area < 4.0) return 'L';
  2257. \t\t\treturn 'G';
  2258. \t\t}
  2260. \t\tfunction lookupSubsidyAmount(performance, sizeClass) {
  2261. \t\t\tif (!performance || !sizeClass) return 0;
  2262. \t\t\tvar t = WINDOW_SUBSIDY_MATRIX[getCurrentHousingKey()];
  2263. \t\t\tif (!t || !t[performance]) return 0;
  2264. \t\t\treturn t[performance][sizeClass] || 0;
  2265. \t\t}
  2267. \t\t/**
  2268. \t\t * mm 入力値を ladder バケット文字列に変換する.
  2269. \t\t *   bucketizeMm(1750, [\"100cm まで\",\"150cm まで\",\"200cm まで\",\"300cm まで\"]) → \"200cm まで\"
  2270. \t\t * - 入力が空 or 0 のときはそのまま返す (未入力扱い)
  2271. \t\t * - 入力がラダー最大を超えるときは最大バケットを返す (= 価格上限の保護)
  2272. \t\t * - 入力文字列が既にラダーラベルそのものなら無変換 (互換のため)
  2273. \t\t */
  2274. \t\tfunction bucketizeMm(input, ladder) {
  2275. \t\t\tif (!input && input !== 0) return '';
  2276. \t\t\tif (!ladder || ladder.length === 0) return input;
  2277. \t\t\tvar s = String(input).trim();
  2278. \t\t\tif (s === '') return '';
  2279. \t\t\tif (ladder.indexOf(s) >= 0) return s;
  2280. \t\t\tvar mm = parseMm(s);
  2281. \t\t\tif (mm <= 0) return s;
  2282. \t\t\tvar withMax = ladder.map(function(b) { return { label: b, max: parseMm(b) }; });
  2283. \t\t\twithMax.sort(function(a, b) { return a.max - b.max; });
  2284. \t\t\tfor (var i = 0; i < withMax.length; i++) {
  2285. \t\t\t\tif (mm <= withMax[i].max) return withMax[i].label;
  2286. \t\t\t}
  2287. \t\t\treturn withMax[withMax.length - 1].label;
  2288. \t\t}
  2290. \t\t/**
  2291. \t\t * pp 配列から該当 1 行を返す. 完全一致優先、見つからなければ最初の候補.
  2292. \t\t * 軸: subtype (option1) / w / h / m / c. axisMatch は既存ロジックと同じ.
  2293. \t\t * sale_type=2 では pw_val / ph_val に mm 数値が来るため、内部で bucketizeMm
  2294. \t\t * を通してから既存マッチングに渡す.
  2295. \t\t */
  2296. \t\tfunction lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val) {
  2297. \t\t\tif (!pp || pp.length === 0) return null;
  2298. \t\t\tvar pw_bucket = bucketizeMm(pw_val, PP_W_LADDER);
  2299. \t\t\tvar ph_bucket = bucketizeMm(ph_val, PP_H_LADDER);
  2300. \t\t\tvar axMatch = function(input, value) {
  2301. \t\t\t\treturn input == value || input === '指定なし' || value === '' || value == null;
  2302. \t\t\t};
  2303. \t\t\tvar colMatch = function(input, value) {
  2304. \t\t\t\tif (axMatch(input, value)) return true;
  2305. \t\t\t\tif (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  2306. \t\t\t\t\treturn value.split('/').some(function(s) { return s.trim() === input; });
  2307. \t\t\t\t}
  2308. \t\t\t\treturn false;
  2309. \t\t\t};
  2310. \t\t\tvar candidates = pp.filter(function(el) {
  2311. \t\t\t\treturn axMatch(pw_bucket, el.w)
  2312. \t\t\t\t\t&& axMatch(ph_bucket, el.h)
  2313. \t\t\t\t\t&& axMatch(pm_val, el.m)
  2314. \t\t\t\t\t&& axMatch(subtype, el.option1);
  2315. \t\t\t});
  2316. \t\t\tfor (var i = 0; i < candidates.length; i++) {
  2317. \t\t\t\tif (colMatch(pc_val, candidates[i].c)) return candidates[i];
  2318. \t\t\t}
  2319. \t\t\treturn candidates[0] || null;
  2320. \t\t}
  2322. \t\t/**
  2323. \t\t * \"1000mm\" / \"200cm\" / \"1.0m\" / 単位なし → mm に正規化して返す.
  2324. \t\t * UI 上の「200cm まで」等の文字列をそのまま渡せるようにする.
  2325. \t\t */
  2326. \t\tfunction parseMm(s) {
  2327. \t\t\tif (!s) return 0;
  2328. \t\t\tvar str = String(s);
  2329. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)/);
  2330. \t\t\tif (!m) return 0;
  2331. \t\t\tvar num = parseFloat(m[1]);
  2332. \t\t\tif (/mm/i.test(str)) return num;
  2333. \t\t\tif (/cm/i.test(str)) return num * 10;
  2334. \t\t\tif (/(^|\\d)\\s*m(\$|\\W)/i.test(str)) return num * 1000;
  2335. \t\t\treturn num;
  2336. \t\t}
  2338. \t\t/**
  2339. \t\t * 1 タイプブロックから入力を読み、pp lookup → 単価・補助金額を計算して返す.
  2340. \t\t * incomplete=true: 軸のどれかが未選択 → 計算しない (UI で「未選択」を示すため).
  2341. \t\t */
  2342. \t\tfunction collectWindowTypeRow(block) {
  2343. \t\t\tvar get = function(axis) {
  2344. \t\t\t\t// radio / checkbox は :checked、それ以外 (number/text) は値そのまま.
  2345. \t\t\t\tvar radio = block.querySelector('input[data-axis=\"' + axis + '\"]:checked');
  2346. \t\t\t\tif (radio) return radio.value;
  2347. \t\t\t\tvar any = block.querySelector('input[data-axis=\"' + axis + '\"]');
  2348. \t\t\t\tif (!any) return '';
  2349. \t\t\t\tif (any.type === 'radio' || any.type === 'checkbox') return '';
  2350. \t\t\t\treturn (any.value || '').trim();
  2351. \t\t\t};
  2352. \t\t\tvar setqtyEl = block.querySelector('input[data-axis=\"setqty\"]');
  2353. \t\t\tvar subtype = get('subtype');
  2354. \t\t\tvar pw_val  = get('pw');
  2355. \t\t\tvar ph_val  = get('ph');
  2356. \t\t\tvar pm_val  = get('pm');
  2357. \t\t\tvar pc_val  = get('pc');
  2358. \t\t\tvar setqty  = setqtyEl ? Math.max(1, parseInt(setqtyEl.value) || 1) : 1;
  2360. \t\t\tvar row = {
  2361. \t\t\t\tsubtype: subtype, pw: pw_val, ph: ph_val, pm: pm_val, pc: pc_val, setqty: setqty,
  2362. \t\t\t\tunit_price_exc: 0, unit_ct_exc: 0, subsidy: 0,
  2363. \t\t\t\tsize_class: null, glass_perf: null,
  2364. \t\t\t\tincomplete: false
  2365. \t\t\t};
  2367. \t\t\t// p_option1 / p_w / p_h / p_m / color のいずれかが商品データに無いときは未選択でも完了扱いにする.
  2368. \t\t\t// (例: 商品によっては subtype が無い場合がある)
  2369. \t\t\tvar hasSubtype = !!block.querySelector('input[data-axis=\"subtype\"]');
  2370. \t\t\tvar hasPw      = !!block.querySelector('input[data-axis=\"pw\"]');
  2371. \t\t\tvar hasPh      = !!block.querySelector('input[data-axis=\"ph\"]');
  2372. \t\t\tvar hasPm      = !!block.querySelector('input[data-axis=\"pm\"]');
  2373. \t\t\tvar hasPc      = !!block.querySelector('input[data-axis=\"pc\"]');
  2375. \t\t\tif ((hasSubtype && !subtype) || (hasPw && !pw_val) || (hasPh && !ph_val)
  2376. \t\t\t    || (hasPm && !pm_val)  || (hasPc && !pc_val)) {
  2377. \t\t\t\trow.incomplete = true;
  2378. \t\t\t\treturn row;
  2379. \t\t\t}
  2381. \t\t\tvar ppRow = lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val);
  2382. \t\t\tif (ppRow) {
  2383. \t\t\t\trow.unit_price_exc = parseInt(ppRow.price) || 0;
  2384. \t\t\t\trow.unit_ct_exc    = parseInt(ppRow.ct)    || 0;
  2385. \t\t\t}
  2386. \t\t\t// ガラス名検出 → シリーズ上限 → subtype 上限 → 商品上限 の順で min クリップ.
  2387. \t\t\t// 例: LiteU (SERIES_GRADE_CAP_VAL=null) は Low-E でも null に落ちて補助対象外.
  2388. \t\t\t// 例: ウチリモの「内開き窓」subtype は真空ガラスでも S に落ちる.
  2389. \t\t\trow.glass_perf = finalizeGlassGrade(detectGlassPerformance(pm_val), subtype, pm_val);
  2390. \t\t\trow.size_class = detectSizeClass(parseMm(pw_val), parseMm(ph_val));
  2391. \t\t\trow.subsidy    = lookupSubsidyAmount(row.glass_perf, row.size_class);
  2392. \t\t\treturn row;
  2393. \t\t}
  2395. \t\t/**
  2396. \t\t * sale_type=2 用集計: 全タイプから合計を出し DOM 更新.
  2397. \t\t * 計算式 (税抜→税込で出口で 1.10 倍):
  2398. \t\t *   商品金額 = Σ(各タイプ単価 × set_qty)
  2399. \t\t *   基本工事費 = 1 回分 (各タイプ pp.ct のうち最初に得た非ゼロ値)
  2400. \t\t *   補助金合計 = Σ(各タイプ補助金 × set_qty)
  2401. \t\t *   実質支払額 = (商品+ct+option) 税込 - 補助金合計
  2402. \t\t */
  2403. \t\tfunction recalcAllForSaleType2() {
  2404. \t\t\tif (typeof SALE_TYPE_ID === 'undefined' || SALE_TYPE_ID != 2) return;
  2405. \t\t\tif (!pp || pp.length === 0) {
  2406. \t\t\t\t\$('#mitsumori_message').text('価格データ準備中');
  2407. \t\t\t\t\$('#mitsumori_btn').hide();
  2408. \t\t\t\t['#mitsumori_goukei','#mitsumori_off','#mitsumori_price','#maker_price',
  2409. \t\t\t\t '#mitsumori_ct','#mitsumori_option','#mitsumori_kei','#mitsumori_shoukei','#mitsumori_tax']
  2410. \t\t\t\t .forEach(function(s){ \$(s).text('---円'); });
  2411. \t\t\t\treturn;
  2412. \t\t\t}
  2413. \t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  2414. \t\t\tif (blocks.length === 0) return;
  2416. \t\t\tvar rows = [];
  2417. \t\t\tvar hasIncomplete = false;
  2418. \t\t\tvar baseCt = 0;
  2419. \t\t\tvar hasAnyPriced = false;
  2421. \t\t\tblocks.forEach(function(b) {
  2422. \t\t\t\tvar r = collectWindowTypeRow(b);
  2423. \t\t\t\trows.push({ block: b, row: r });
  2424. \t\t\t\tif (r.incomplete) hasIncomplete = true;
  2425. \t\t\t\tif (r.unit_ct_exc > 0 && baseCt === 0) baseCt = r.unit_ct_exc;
  2426. \t\t\t\tif (r.unit_price_exc > 0) hasAnyPriced = true;
  2427. \t\t\t\tvar subSpan = b.querySelector('.wt-subsidy-amount');
  2428. \t\t\t\tif (subSpan) subSpan.textContent = r.incomplete ? '―' : Math.round(r.subsidy * r.setqty).toLocaleString();
  2429. \t\t\t});
  2431. \t\t\tif (hasIncomplete || !hasAnyPriced) {
  2432. \t\t\t\t\$('#mitsumori_message').text('窓タイプを選択してください');
  2433. \t\t\t\t\$('#mitsumori_btn').hide();
  2434. \t\t\t\treturn;
  2435. \t\t\t}
  2437. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  2438. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  2440. \t\t\tvar sumPriceExc = 0, sumSubsidy = 0, totalPanes = 0;
  2441. \t\t\trows.forEach(function(item) {
  2442. \t\t\t\tvar r = item.row;
  2443. \t\t\t\tsumPriceExc += r.unit_price_exc * r.setqty;
  2444. \t\t\t\tsumSubsidy  += r.subsidy * r.setqty;
  2445. \t\t\t\tif (r.unit_price_exc > 0) totalPanes += r.setqty;
  2446. \t\t\t});
  2448. \t\t\t// 内窓 工事費（顧客最終回答）: 1枚目 22,000円 + 2枚目以降 1枚あたり +5,000円（税込表示額）。
  2449. \t\t\t// 既存パイプライン整合のため税抜(ctExc)も用意（税行 taxAmt 用）。商品購入のみは 0。
  2450. \t\t\tvar WINDOW_CT_BASE = 22000, WINDOW_CT_ADD = 5000;
  2451. \t\t\tvar ctIncTarget = purchaseOnly ? 0 : (WINDOW_CT_BASE + Math.max(0, totalPanes - 1) * WINDOW_CT_ADD);
  2452. \t\t\tvar ctExc  = purchaseOnly ? 0 : Math.round(ctIncTarget / (1 + TAX_RATE));
  2453. \t\t\tvar optExc = purchaseOnly ? 0 : (collectOptions().total || 0);
  2455. \t\t\tvar sumPriceInc = Math.round(sumPriceExc * (1 + TAX_RATE));
  2456. \t\t\tvar ctInc       = ctIncTarget;
  2457. \t\t\tvar optInc      = Math.round(optExc * (1 + TAX_RATE));
  2458. \t\t\tvar goukeiInc   = sumPriceInc + ctInc + optInc;
  2460. \t\t\t// 窓リノベ2026 申請条件:
  2461. \t\t\t//   - 補助金合計 ≥ 50,000 円 (5 万円未満は申請不可 → 還元 0 円扱い)
  2462. \t\t\t//   - 1 戸あたり上限 1,000,000 円 (住宅・非住宅240㎡以下)
  2463. \t\t\t//     ※ 非住宅 240㎡超の 10,000,000 円上限は対象外 (商品設計時に別扱い想定)
  2464. \t\t\tvar SUBSIDY_MIN_AMOUNT = 50000;
  2465. \t\t\tvar SUBSIDY_MAX_PER_UNIT = 1000000;
  2466. \t\t\tvar subsidyRawSum = sumSubsidy;
  2467. \t\t\tvar subsidyEligible = subsidyRawSum >= SUBSIDY_MIN_AMOUNT;
  2468. \t\t\tvar subsidyAmt = 0;
  2469. \t\t\tvar subsidyNote = '';
  2470. \t\t\tif (subsidyEligible) {
  2471. \t\t\t\tif (subsidyRawSum > SUBSIDY_MAX_PER_UNIT) {
  2472. \t\t\t\t\tsubsidyAmt = SUBSIDY_MAX_PER_UNIT;
  2473. \t\t\t\t\tsubsidyNote = '※補助上限 ' + SUBSIDY_MAX_PER_UNIT.toLocaleString()
  2474. \t\t\t\t\t\t+ '円 超過分は控除対象外（補助金合計 ' + subsidyRawSum.toLocaleString() + '円）';
  2475. \t\t\t\t} else {
  2476. \t\t\t\t\tsubsidyAmt = subsidyRawSum;
  2477. \t\t\t\t\tsubsidyNote = '※補助金合計 ' + subsidyRawSum.toLocaleString()
  2478. \t\t\t\t\t\t+ '円（5万円以上）が適用されます';
  2479. \t\t\t\t}
  2480. \t\t\t} else if (subsidyRawSum > 0) {
  2481. \t\t\t\t// (b) per-window 補助金額は常時表示。合計5万円以上で適用される旨と
  2482. \t\t\t\t//     あといくらで適用かを明示する（閾値 SUBSIDY_MIN_AMOUNT は据え置き）。
  2483. \t\t\t\tvar subsidyShort = SUBSIDY_MIN_AMOUNT - subsidyRawSum;
  2484. \t\t\t\tsubsidyNote = '※補助金は各窓の補助金額の合計が5万円以上で適用されます'
  2485. \t\t\t\t\t+ '（現在の合計 ' + subsidyRawSum.toLocaleString() + '円 / あと '
  2486. \t\t\t\t\t+ subsidyShort.toLocaleString() + '円で適用）';
  2487. \t\t\t} else if (SERIES_GRADE_CAP_VAL === null) {
  2488. \t\t\t\t// LiteU 等の単板構成シリーズ: グレード判定で必ず null になる
  2489. \t\t\t\tsubsidyNote = '※本商品は補助金（先進的窓リノベ2026事業）対象外です';
  2490. \t\t\t} else if (PRODUCT_GRADE_CAP === null) {
  2491. \t\t\t\tsubsidyNote = '※本商品は補助金対象外として登録されています';
  2492. \t\t\t}
  2494. \t\t\tvar implementedInc = Math.max(0, goukeiInc - subsidyAmt);
  2495. \t\t\tvar taxAmt      = Math.round((sumPriceExc + ctExc + optExc) * TAX_RATE);
  2497. \t\t\t// 詳細ページの見積カード/ヘッダー/SPバーは税抜表示に統一.
  2498. \t\t\t// 見積書(#mitsumori_kei)・実質支払額(#mitsumori_shoukei)・税額・json は税込のまま (請求額不変).
  2499. \t\t\tvar goukeiExc = sumPriceExc + ctExc + optExc;
  2500. \t\t\t\$('#mitsumori_message').text(subsidyNote);
  2501. \t\t\t\$('#mitsumori_btn').show();
  2502. \t\t\t\$('#mitsumori_goukei').text(goukeiExc.toLocaleString() + '円');
  2503. \t\t\t\$('#mitsumori_price').text(sumPriceExc.toLocaleString() + '円');
  2504. \t\t\t\$('#mitsumori_ct').text(ctExc.toLocaleString() + '円');
  2505. \t\t\t\$('#mitsumori_option').text(optExc.toLocaleString() + '円');
  2506. \t\t\t\$('#mitsumori_off').text((subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円');
  2507. \t\t\t\$('#maker_price').text('---円'); // 補助金窓では未使用
  2508. \t\t\t\$('#mitsumori_kei').text(goukeiInc.toLocaleString() + '円');
  2509. \t\t\t\$('#mitsumori_shoukei').text(implementedInc.toLocaleString() + '円');
  2510. \t\t\t\$('#mitsumori_tax').text(taxAmt.toLocaleString() + '円');
  2512. \t\t\t// 内訳を mitsumori_json に詰めて hidden input にセット (PDF / カート連携用)
  2513. \t\t\tvar window_types = rows.map(function(item) {
  2514. \t\t\t\tvar r = item.row;
  2515. \t\t\t\t// 幅 / 高さは数値入力 (mm) が来るので \"1750mm\" 形式で保存する.
  2516. \t\t\t\t// 古い radio 由来の \"200cm まで\" 形式が来た場合はそのまま保存して互換.
  2517. \t\t\t\tvar w_mm = parseMm(r.pw);
  2518. \t\t\t\tvar h_mm = parseMm(r.ph);
  2519. \t\t\t\tvar w_save = (w_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.pw))) ? (w_mm + 'mm') : r.pw;
  2520. \t\t\t\tvar h_save = (h_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.ph))) ? (h_mm + 'mm') : r.ph;
  2521. \t\t\t\treturn {
  2522. \t\t\t\t\tsubtype:        r.subtype,
  2523. \t\t\t\t\tw:              w_save,
  2524. \t\t\t\t\th:              h_save,
  2525. \t\t\t\t\tglass:          r.pm,
  2526. \t\t\t\t\tcolor:          r.pc,
  2527. \t\t\t\t\tsetqty:         r.setqty,
  2528. \t\t\t\t\tunit_price_inc: Math.round(r.unit_price_exc * (1 + TAX_RATE)),
  2529. \t\t\t\t\tline_total_inc: Math.round(r.unit_price_exc * r.setqty * (1 + TAX_RATE)),
  2530. \t\t\t\t\tsize_class:     r.size_class,
  2531. \t\t\t\t\tglass_perf:     r.glass_perf,
  2532. \t\t\t\t\tsubsidy_unit:   r.subsidy,
  2533. \t\t\t\t\tsubsidy_total:  r.subsidy * r.setqty
  2534. \t\t\t\t};
  2535. \t\t\t});
  2536. \t\t\tvar opCalc2 = collectOptions();
  2537. \t\t\tvar mitsumori_json = {
  2538. \t\t\t\t\"mitsumori_goukei\": goukeiInc.toLocaleString() + '円',
  2539. \t\t\t\t\"mitsumori_price\":  sumPriceInc.toLocaleString() + '円',
  2540. \t\t\t\t\"mitsumori_ct\":     ctInc.toLocaleString() + '円',
  2541. \t\t\t\t\"mitsumori_option\": optInc.toLocaleString() + '円',
  2542. \t\t\t\t\"mitsumori_off\":    (subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円',
  2543. \t\t\t\t\"maker_price\":      '---円',
  2544. \t\t\t\t\"product_id\":       ";
  2545.         // line 2274
  2546.         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.', 2274, $this->source); })()), "id", [], "any", false, false, false, 2274), "html", null, true);
  2547.         echo ",
  2548. \t\t\t\t\"sale_type\":        SALE_TYPE_ID,
  2549. \t\t\t\t\"housing_key\":      getCurrentHousingKey(),
  2550. \t\t\t\t\"series_key\":       DETECTED_SERIES,
  2551. \t\t\t\t\"series_grade_cap\": (SERIES_GRADE_CAP_VAL === undefined) ? null : SERIES_GRADE_CAP_VAL,
  2552. \t\t\t\t\"product_grade_cap\":(PRODUCT_GRADE_CAP    === undefined) ? null : PRODUCT_GRADE_CAP,
  2553. \t\t\t\t\"window_types\":     window_types,
  2554. \t\t\t\t\"subsidy_total\":    subsidyAmt,
  2555. \t\t\t\t\"subsidy_raw\":      subsidyRawSum,
  2556. \t\t\t\t\"subsidy_eligible\": subsidyEligible,
  2557. \t\t\t\t\"subsidy_note\":     subsidyNote,
  2558. \t\t\t\t\"op_items\":         opCalc2.items
  2559. \t\t\t};
  2560. \t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  2561. \t\t\trenderWindowTypesModalRows(window_types, subsidyAmt);
  2562. \t\t}
  2564. \t\t/**
  2565. \t\t * sale_type=2 用: 見積モーダル明細テーブルを window_types で動的展開.
  2566. \t\t * - 既存の商品名行 (1 行目) は hide() し、各タイプ行を上に挿入
  2567. \t\t * - 基本工事費行はそのまま (#mitsumori_ct_01 / _02 が更新されている)
  2568. \t\t * - 補助金 (割引額) 行を末尾に追加
  2569. \t\t * - 既存の renderOptionDetailRows と共存できるよう class で区別
  2570. \t\t */
  2571. \t\tfunction renderWindowTypesModalRows(window_types, subsidyAmt) {
  2572. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  2573. \t\t\tif (!\$tbody.length) return;
  2574. \t\t\t// 既存の動的行を全削除 (opt-row は既存実装、wt-row / wt-subsidy-row は今回追加)
  2575. \t\t\t\$tbody.find('tr.wt-row, tr.wt-subsidy-row').remove();
  2577. \t\t\tvar \$itemRow = \$tbody.find('tr').first();
  2578. \t\t\tvar fmt = new Intl.NumberFormat('ja-JP');
  2580. \t\t\tif (!window_types || window_types.length === 0) {
  2581. \t\t\t\t// 集計対象なし → 商品名行を表示に戻す
  2582. \t\t\t\t\$itemRow.show();
  2583. \t\t\t\treturn;
  2584. \t\t\t}
  2586. \t\t\twindow_types.forEach(function(wt, i) {
  2587. \t\t\t\tvar label = '窓タイプ' + (i + 1) + '：'
  2588. \t\t\t\t\t+ (wt.subtype || '') + ' / '
  2589. \t\t\t\t\t+ (wt.w || '') + '×' + (wt.h || '') + ' / '
  2590. \t\t\t\t\t+ (wt.glass || '') + ' / '
  2591. \t\t\t\t\t+ (wt.color || '');
  2592. \t\t\t\tvar \$tr = \$('<tr class=\"wt-row\"></tr>')
  2593. \t\t\t\t\t.append('<td>' + label + '</td>')
  2594. \t\t\t\t\t.append('<td>' + wt.setqty + '</td>')
  2595. \t\t\t\t\t.append('<td>セット</td>')
  2596. \t\t\t\t\t.append('<td>' + fmt.format(wt.unit_price_inc) + '円</td>')
  2597. \t\t\t\t\t.append('<td>' + fmt.format(wt.line_total_inc) + '円</td>');
  2598. \t\t\t\t\$itemRow.before(\$tr);
  2599. \t\t\t});
  2601. \t\t\t// 元の商品名行は複数タイプに置換されたので非表示
  2602. \t\t\t\$itemRow.hide();
  2604. \t\t\t// 補助金（割引額）行を末尾に追加
  2605. \t\t\tif (subsidyAmt > 0) {
  2606. \t\t\t\tvar \$subRow = \$('<tr class=\"wt-subsidy-row\"></tr>')
  2607. \t\t\t\t\t.append('<td>補助金（割引額）</td>')
  2608. \t\t\t\t\t.append('<td>1</td>')
  2609. \t\t\t\t\t.append('<td>式</td>')
  2610. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>')
  2611. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>');
  2612. \t\t\t\t\$tbody.append(\$subRow);
  2613. \t\t\t}
  2614. \t\t}
  2616. \t\t// 公開: onWindowTypeAxisChange (UI 骨格 task 1) からも呼ばれる
  2617. \t\twindow.recalcAll = recalcAllForSaleType2;
  2619. \t\t// 公開: ガラス選択肢が補助金対象か (窓タイプブロック生成時のバッジ判定に使う).
  2620. \t\t// subtype は P→S に落とすことはあっても null にはしないため、性能区分の
  2621. \t\t// 対象/対象外は subtype に依存しない。ここでは series/product 上限のみ適用し、
  2622. \t\t// finalizeGlassGrade が null でなければ「補助金対象ガラス」と判定する。
  2623. \t\twindow.glassYieldsSubsidy = function(glassName) {
  2624. \t\t\tif (!glassName) return false;
  2625. \t\t\treturn finalizeGlassGrade(detectGlassPerformance(glassName), '', glassName) !== null;
  2626. \t\t};
  2628. \t\tfunction mitsumori_simulation(type , value_id){
  2629. \t\t\t// sale_type=2 (補助金窓) は複数タイプ集計 UI に統合済み. 既存 mitsumori_simulation は使わない.
  2630. \t\t\tif (typeof SALE_TYPE_ID !== 'undefined' && SALE_TYPE_ID == 2) {
  2631. \t\t\t\t// type/value_id が op\\d+ (施工オプション) の場合はグローバル変数を先に更新
  2632. \t\t\t\tif (type && /^op\\d+\$/.test(type) && value_id) {
  2633. \t\t\t\t\tvar v = \$('#'+value_id).val();
  2634. \t\t\t\t\tif (type === 'op0')  op0  = v;
  2635. \t\t\t\t\tif (type === 'op1')  op1  = v;
  2636. \t\t\t\t\tif (type === 'op2')  op2  = v;
  2637. \t\t\t\t\tif (type === 'op3')  op3  = v;
  2638. \t\t\t\t\tif (type === 'op4')  op4  = v;
  2639. \t\t\t\t\tif (type === 'op5')  op5  = v;
  2640. \t\t\t\t\tif (type === 'op6')  op6  = v;
  2641. \t\t\t\t\tif (type === 'op7')  op7  = v;
  2642. \t\t\t\t\tif (type === 'op8')  op8  = v;
  2643. \t\t\t\t\tif (type === 'op9')  op9  = v;
  2644. \t\t\t\t\tif (type === 'op10') op10 = v;
  2645. \t\t\t\t}
  2646. \t\t\t\trecalcAllForSaleType2();
  2647. \t\t\t\treturn;
  2648. \t\t\t}
  2650. \t\t\t// 価格データ未登録 (pp 行 0 件) の商品は axis 入力に依存せず
  2651. \t\t\t// 「価格データ準備中」を表示して終了する.
  2652. \t\t\t// (例: scrape 未対象の新規商品 — um のウチリモ 7487/7488 等)
  2653. \t\t\tif (!pp || pp.length === 0) {
  2654. \t\t\t\t\$('#mitsumori_message').text(\"価格データ準備中\");
  2655. \t\t\t\t\$('#mitsumori_btn').hide();
  2656. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2657. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2658. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2659. \t\t\t\t\$('#maker_price').text(\"---円\");
  2660. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2661. \t\t\t\t\$('#mitsumori_steelroof_row').hide();
  2662. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2663. \t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  2664. \t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  2665. \t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  2666. \t\t\t\treturn;
  2667. \t\t\t}
  2668. \t\t\tif(type == \"pw\"){
  2669. \t\t\t\tpw = \$('#'+value_id).val();
  2670. \t\t\t}
  2671. \t\t\tif(type == \"pd\"){
  2672. \t\t\t\tpd = \$('#'+value_id).val();
  2673. \t\t\t}
  2674. \t\t\tif(type == \"ph\"){
  2675. \t\t\t\tph = \$('#'+value_id).val();
  2676. \t\t\t}
  2677. \t\t\tif(type == \"pm\"){
  2678. \t\t\t\tpm = \$('#'+value_id).val();
  2679. \t\t\t}
  2680. \t\t\tif(type == \"pc\"){
  2681. \t\t\t\tpc = \$('#'+value_id).val();
  2682. \t\t\t}
  2683. \t\t\tif(type == \"option1\"){
  2684. \t\t\t\toption1 = \$('#'+value_id).val();
  2685. \t\t\t}
  2686. \t\t\tif(type == \"option2\"){
  2687. \t\t\t\toption2 = \$('#'+value_id).val();
  2688. \t\t\t}
  2689. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  2690. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  2691. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  2692. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  2693. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  2694. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  2695. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  2696. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  2697. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  2698. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  2699. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  2701. \t\t\t// op0 が「商品購入のみ」のとき、他のオプション (op1..op10) を disable 化.
  2702. \t\t\t// 価格計算側 (calcGoukei の purchaseOnly 分岐) は既にゼロ化しているが、
  2703. \t\t\t// UI で選択可能に見えるとユーザーが混乱するため radio を完全に無効化する.
  2704. \t\t\t(function applyPurchaseOnlyUI() {
  2705. \t\t\t\tvar isPurchaseOnly = (op0 === '商品購入のみ');
  2706. \t\t\t\tfor (var k = 1; k <= 10; k++) {
  2707. \t\t\t\t\tvar \$inputs = \$('input[name=\"op' + k + '\"]');
  2708. \t\t\t\t\tif (\$inputs.length === 0) continue;
  2709. \t\t\t\t\t\$inputs.prop('disabled', isPurchaseOnly);
  2710. \t\t\t\t\tvar \$group = \$inputs.first().closest('.form-group');
  2711. \t\t\t\t\t\$group.css({
  2712. \t\t\t\t\t\t'opacity':        isPurchaseOnly ? '0.4'  : '1',
  2713. \t\t\t\t\t\t'pointer-events': isPurchaseOnly ? 'none' : 'auto'
  2714. \t\t\t\t\t});
  2715. \t\t\t\t}
  2716. \t\t\t})();
  2718. \t\t\t// 全 type 共通: 該当 radio を checked にし、ボタンの is-selected を付け替え + ラベル更新.
  2719. \t\t\t//   value_id が指定されていて、対応する DOM 要素が opt-btn 配下にあれば適用する.
  2720. \t\t\t//   (icheck-danger 形式から opt-btn 形式に統一した際、option1/option2/pw/pd/ph/pm/pc 等の
  2721. \t\t\t//    クリックで is-selected が更新されない不具合があったため、op\\d+ 限定の処理を一般化)
  2722. \t\t\tif (value_id) {
  2723. \t\t\t\tvar \$clicked = \$('#' + value_id);
  2724. \t\t\t\tif (\$clicked.length && \$clicked.closest('.opt-btn').length) {
  2725. \t\t\t\t\t\$clicked.prop('checked', true);
  2726. \t\t\t\t\tvar groupName = \$clicked.attr('name');
  2727. \t\t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  2728. \t\t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  2729. \t\t\t\t\tvar \$group = \$clicked.closest('.form-group');
  2730. \t\t\t\t\tvar \$label = \$group.find('.rp-section-label');
  2731. \t\t\t\t\tif (\$label.length) {
  2732. \t\t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  2733. \t\t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  2734. \t\t\t\t\t}
  2735. \t\t\t\t\t// op_data の price=0 & 解体/撤去/設置場所 オプションの場合、ON 選択時に「現場調査後に正式お見積もり」文言を表示.
  2736. \t\t\t\t\t//   (twig 側で is_removal_unknown ブロックを描画済み。display 切替のみ JS で行う)
  2737. \t\t\t\t\tif (/^op\\d+\$/.test(type)) {
  2738. \t\t\t\t\t\tvar opIdx = type.replace('op', '');
  2739. \t\t\t\t\t\tvar opEntry = op_data[parseInt(opIdx)];
  2740. \t\t\t\t\t\tif (opEntry) {
  2741. \t\t\t\t\t\t\tvar \$note = \$group.find('.opt-survey-note[data-op-idx=\"' + opIdx + '\"]');
  2742. \t\t\t\t\t\t\tif (\$note.length) {
  2743. \t\t\t\t\t\t\t\tvar isOn = (\$clicked.val() === opEntry.on);
  2744. \t\t\t\t\t\t\t\t\$note.toggle(isOn);
  2745. \t\t\t\t\t\t\t}
  2746. \t\t\t\t\t\t}
  2747. \t\t\t\t\t\t// wd (sale_type=5) のステップ / デッキフェンス用の注記もここで切替.
  2748. \t\t\t\t\t\t//   ステップ → deck_step (op0 だが op_data 範囲外), 必要 選択時に表示.
  2749. \t\t\t\t\t\tvar radioName = \$clicked.attr('name');
  2750. \t\t\t\t\t\tif (radioName === 'deck_step') {
  2751. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-step').toggle(\$clicked.val() === '必要');
  2752. \t\t\t\t\t\t} else if (radioName === 'deck_fence') {
  2753. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-fence').toggle(\$clicked.val() === '必要');
  2754. \t\t\t\t\t\t}
  2755. \t\t\t\t\t}
  2756. \t\t\t\t}
  2757. \t\t\t}
  2759. \t\t\t// 必須項目チェックは sale_type 1 系（カーポート/物置/フェンスなど価格マトリクス必要）に限定
  2760. \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);
  2762. \t\t\t// sale_type=3 (物置・ゴミステーション・照明 等) では「素材」を選択肢として扱わない.
  2763. \t\t\t//   - mo/gs/sy は m が \"指定なし\" など名目的にしか入っていない
  2764. \t\t\t//   - sl は m が空のままで matrix に行が来る
  2765. \t\t\t//   そのため pm の必須チェックを sale_type=3 でスキップする。
  2766. \t\t\tvar pmRequired = (SALE_TYPE_ID != 3);
  2768. \t\t\tif (requireMatrix) {
  2769. \t\t\t\tif(pmRequired && pm == \"\"){
  2770. \t\t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  2771. \t\t\t\t}
  2772. \t\t\t\tif(ph == \"\"){
  2773. \t\t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  2774. \t\t\t\t}
  2775. \t\t\t\tif(pd == \"\"){
  2776. \t\t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  2777. \t\t\t\t}
  2778. \t\t\t\tif(pw == \"\"){
  2779. \t\t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  2780. \t\t\t\t}
  2781. \t\t\t\tif(pc == \"\"){
  2782. \t\t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  2783. \t\t\t\t\t\$('#mitsumori_btn').hide();
  2784. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2785. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2786. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2787. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  2788. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2789. \t\t\t\t\$('#mitsumori_steelroof_row').hide();
  2790. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2791. \t\t\t\t}
  2792. \t\t\t}
  2794. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && (!pmRequired || pm != \"\") && pc != \"\"){
  2795. \t\t\t\t\$('#mitsumori_btn').show();
  2797. \t\t\t\t// 入力コンテキスト（sale_type 別パラメータ）
  2798. \t\t\t\tvar ctx = {
  2799. \t\t\t\t\tset_count:    parseInt(\$('#set_count').val())    || 1,
  2800. \t\t\t\t\tdaisu:        parseInt(\$('#daisu').val())        || 1,
  2801. \t\t\t\t\tmaisu:        parseInt(\$('#maisu').val())        || 3,
  2802. \t\t\t\t\tsuuryou:      parseInt(\$('#suuryou').val())      || 1,
  2803. \t\t\t\t\tarea:         (function(){
  2804. \t\t\t\t\t\t// tf(人工芝): 施工サイズ 縦(m)×横(m) から面積を算出し #area に反映.
  2805. \t\t\t\t\t\tvar L = parseFloat(\$('#tf_len').val()) || 0;
  2806. \t\t\t\t\t\tvar W = parseFloat(\$('#tf_wid').val()) || 0;
  2807. \t\t\t\t\t\tif (L > 0 && W > 0) { var a = L * W; \$('#area').val(a); return a; }
  2808. \t\t\t\t\t\treturn parseFloat(\$('#area').val()) || 0;
  2809. \t\t\t\t\t})(),
  2810. \t\t\t\t\ttf_len:       parseFloat(\$('#tf_len').val())     || 0,
  2811. \t\t\t\t\ttf_wid:       parseFloat(\$('#tf_wid').val())     || 0,
  2812. \t\t\t\t\ttf_qty:       parseInt(\$('#tf_qty').val())       || 1,
  2813. \t\t\t\t\tquantityOnly: parseInt(\$('#quantity_only').val())|| 1,
  2814. \t\t\t\t\tmado_w:       \$('#mado_w').val() || '',
  2815. \t\t\t\t\tmado_h:       \$('#mado_h').val() || '',
  2816. \t\t\t\t\tmado_type:    \$('input[name=mado_type]:checked').val()  || '',
  2817. \t\t\t\t\tglass_type:   \$('input[name=glass_type]:checked').val() || '',
  2818. \t\t\t\t\tdeck_step:    \$('input[name=deck_step]:checked').val()  || '',
  2819. \t\t\t\t\tdeck_fence:   \$('input[name=deck_fence]:checked').val() || '',
  2820. \t\t\t\t};
  2822. \t\t\t\t// 施工オプション集計（残土処理を含む）
  2823. \t\t\t\tvar opCalc = collectOptions();
  2825. \t\t\t\tvar pp_matched = false;
  2826. \t\t\t\t// 各軸の汎用 axisMatch:
  2827. \t\t\t\t//   user 選択 == matrix 値 / user \"指定なし\" / matrix 値が空
  2828. \t\t\t\tvar axisMatch = function(input, value){
  2829. \t\t\t\t    return input == value || input == \"指定なし\" || value === \"\" || value == null;
  2830. \t\t\t\t};
  2831. \t\t\t\t// 色専用マッチャー: scraper のデータ形式に合わせて拡張する
  2832. \t\t\t\t//   1. 完全一致 / \"指定なし\" / 値が空 → 真 (axisMatch と同じ)
  2833. \t\t\t\t//   2. matrix 値が \"色1/色2/色3\" の形 (同価格グループ) → split して user 選択が含まれれば真
  2834. \t\t\t\t// scraper のロジック (scraper_price.py L765-779):
  2835. \t\t\t\t//   全色同価格 → c=\"\"、価格違いグループあり → 各 group を \"/\" 結合した色名で 1 行
  2836. \t\t\t\tvar colorMatch = function(input, value){
  2837. \t\t\t\t    if (axisMatch(input, value)) return true;
  2838. \t\t\t\t    if (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  2839. \t\t\t\t        var parts = value.split('/');
  2840. \t\t\t\t        for (var idx = 0; idx < parts.length; idx++) {
  2841. \t\t\t\t            if (parts[idx].trim() === input) return true;
  2842. \t\t\t\t        }
  2843. \t\t\t\t    }
  2844. \t\t\t\t    return false;
  2845. \t\t\t\t};
  2847. \t\t\t\t// 他軸 (w/d/h/m + option1/option2) でマッチする pp 行を抽出.
  2848. \t\t\t\t// option1/option2 は um の subtype 等で使われる. axisMatch は free_area 側が
  2849. \t\t\t\t// 空のとき真を返すので、um 以外のカテゴリ (option 軸を使わない) でも影響なし.
  2850. \t\t\t\tvar candidates = pp.filter(function(el){
  2851. \t\t\t\t    return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m)
  2852. \t\t\t\t        && axisMatch(option1, el.option1) && axisMatch(option2, el.option2);
  2853. \t\t\t\t});
  2854. \t\t\t\t// フォールバック: 全軸一致が 0 件のときに限り option1/option2 を無視して再マッチ。
  2855. \t\t\t\t// 玄関ドア等で option1(なし/ランマ付き)・option2(◯◯タイプ) が pm(開き方) から
  2856. \t\t\t\t// 導出可能な冗長軸で、未選択だと全軸 AND 一致を満たせず価格が出ない事象の救済。
  2857. \t\t\t\t// pm/幅/奥行/高さ は従来どおり一致を要求するため通常商品の価格選択に影響しない。
  2858. \t\t\t\tif (candidates.length === 0) {
  2859. \t\t\t\t    candidates = pp.filter(function(el){
  2860. \t\t\t\t        return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m);
  2861. \t\t\t\t    });
  2862. \t\t\t\t}
  2863. \t\t\t\tvar picked = null;
  2865. \t\t\t\t// 優先 1: 色も含めて完全一致 (\"色1/色2\" 形式の split match を含む)
  2866. \t\t\t\tfor (var ii = 0; ii < candidates.length; ii++) {
  2867. \t\t\t\t    if (colorMatch(pc, candidates[ii].c)) { picked = candidates[ii]; break; }
  2868. \t\t\t\t}
  2870. \t\t\t\t// 優先 2: 完全一致なし & user の pc が候補のどの c 値にも該当しない (= 命名違い等)
  2871. \t\t\t\t//   かつ候補全行で price が一致する場合は、色軸を実質無視して先頭行を採用.
  2872. \t\t\t\t//   例 id=3353: pp.c は \"ステンカラー＋...\" 6種だが price は全て同じなので
  2873. \t\t\t\t//     SM(スミ) を選んでも安全に最初の行の価格を返せる.
  2874. \t\t\t\tif (!picked && candidates.length > 0) {
  2875. \t\t\t\t    var ppCsInCand = candidates.map(function(r){ return r.c || ''; });
  2876. \t\t\t\t    var pcAbsent = (pc !== '' && pc !== '指定なし' && ppCsInCand.indexOf(pc) === -1
  2877. \t\t\t\t                    && ppCsInCand.every(function(v){ return v.indexOf('/') === -1 || v.split('/').map(function(s){return s.trim();}).indexOf(pc) === -1; }));
  2878. \t\t\t\t    if (pcAbsent) {
  2879. \t\t\t\t        var uniqPrices = new Set();
  2880. \t\t\t\t        candidates.forEach(function(r){ uniqPrices.add(String(r.price)); });
  2881. \t\t\t\t        if (uniqPrices.size === 1) {
  2882. \t\t\t\t            // 全候補同価格 → 色軸を wildcard 扱いで OK
  2883. \t\t\t\t            picked = candidates[0];
  2884. \t\t\t\t        }
  2885. \t\t\t\t        // 価格が異なる場合は意図的に picked=null のまま「対応しておりません」.
  2886. \t\t\t\t    }
  2887. \t\t\t\t}
  2888. \t\t\t\t// 請求額・見積書・PDF 用の税込値 (表示は税抜だが json は税込で不変).
  2889. \t\t\t\t// 未マッチ時は '---円' のまま送る.
  2890. \t\t\t\tvar jGoukei = '---円', jGoukei02 = '---円', jPrice = '---円',
  2891. \t\t\t\t    jMaker = '---円', jOff = '---円', jCt = '---円', jOption = '---円';
  2892. \t\t\t\tpp.forEach((el) => {
  2893. \t\t\t\t  if (el === picked) {
  2894. \t\t\t\t\tpp_matched = true;
  2896. \t\t\t\t\t// tg block-keyed オプション差額を集計 (tg 以外は total=0)
  2897. \t\t\t\t\tvar oiCalc = collectOptionItems(el.w || '', el.d || '');
  2898. \t\t\t\t\t// tg ブロックに合わせてラジオを再描画 (tg 以外は no-op)
  2899. \t\t\t\t\trenderOptionItemRadios(el.w || '', el.d || '');
  2900. \t\t\t\t\t// fe ブロックの種類×段数 サブ radio (fe 以外/未設定は no-op)
  2901. \t\t\t\t\trenderFeBlockRadios();
  2902. \t\t\t\t\t// fe ご希望のフェンス設置方法 — 「既存ブロックに穴空け」 entry の連動表示
  2903. \t\t\t\t\tupdateFeOpConditionalVisibility();
  2905. \t\t\t\t\tvar calc       = calcGoukei(el, opCalc.total, ctx);
  2906. \t\t\t\t\tvar goukei     = calc.goukei;     // 税込 (請求額・見積書・PDF 用)
  2907. \t\t\t\t\tvar price      = calc.price;      // 税込
  2908. \t\t\t\t\tvar ct         = calc.ct;         // 税込
  2909. \t\t\t\t\tvar optionSum  = calc.opt;        // 税込
  2910. \t\t\t\t\tvar goukeiExc  = calc.goukeiExc;  // 税抜 (詳細ページ表示専用)
  2911. \t\t\t\t\tvar priceExc   = calc.priceExc;   // 税抜
  2912. \t\t\t\t\tvar ctExc      = calc.ctExc;      // 税抜
  2913. \t\t\t\t\tvar optionExc  = calc.optExc;     // 税抜
  2914. \t\t\t\t\t// tf(人工芝): 必要枚数入力へ算出結果を反映（施工サイズ入力時は上書き、
  2915. \t\t\t\t\t// 直接指定時は同値なので実質変化なし。要素が無い sale_type では no-op）
  2916. \t\t\t\t\tvar \$tfQty = \$('#tf_qty');
  2917. \t\t\t\t\tif (\$tfQty.length) \$tfQty.val(calc.qty || 1);
  2918. \t\t\t\t\t// オプション差額は税抜 → 税込に変換して合計に加算
  2919. \t\t\t\t\tvar oiIncTax   = toIncTax(oiCalc.total);
  2920. \t\t\t\t\tgoukei += oiIncTax;
  2921. \t\t\t\t\tprice  += oiIncTax;  // 差額は本体価格扱いとして mitsumori_price にも加算
  2922. \t\t\t\t\tgoukeiExc += oiCalc.total;  // 税抜側にも同じ差額を加算
  2923. \t\t\t\t\tpriceExc  += oiCalc.total;
  2924. \t\t\t\t\t// maker_price も scraper が税抜で保存しているため税込に変換
  2925. \t\t\t\tvar makerPrice = toIncTax(parseInt(el.maker_price) || 0);      // 税込
  2926. \t\t\t\t\tvar makerPriceExc = parseInt(el.maker_price) || 0;           // 税抜
  2928. \t\t\t\t\t// 表示 (詳細ページの見積カード/ヘッダー/SPバー) は税抜に統一.
  2929. \t\t\t\t\t\$('#mitsumori_message').text(formatter.format(goukeiExc) + \"円\");
  2930. \t\t\t\t\t\$('#mitsumori_goukei').text(formatter.format(goukeiExc) + \"円\");
  2931. \t\t\t\t\t\$('#mitsumori_off').text(formatter.format(priceExc - makerPriceExc) + \"円\");
  2932. \t\t\t\t\t\$('#mitsumori_price').text(formatter.format(priceExc) + \"円\");
  2933. \t\t\t\t\t\$('#maker_price').text(formatter.format(makerPriceExc) + \"円\");
  2934. \t\t\t\t\t\$('#mitsumori_ct').text(formatter.format(ctExc) + \"円\");
  2935. \t\t\t\t\t\$('#mitsumori_option').text(formatter.format(optionExc) + \"円\");
  2936. \t\t\t\t\t// スチール折板（折半屋根 = option1）: cp 折板のみ非ゼロ。工事費内に別行表示。
  2937. \t\t\t\t\tvar steelRoofExc = calc.steelRoofExc || 0;
  2938. \t\t\t\t\tif (steelRoofExc > 0) { \$('#mitsumori_steelroof_row').show(); \$('#mitsumori_steelroof').text(formatter.format(steelRoofExc) + \"円\"); }
  2939. \t\t\t\t\telse { \$('#mitsumori_steelroof_row').hide(); }
  2941. \t\t\t\t\t// 見積書モーダルは正式帳票のため税込のまま (請求額と一致).
  2942. \t\t\t\t\t\$('#mitsumori_kei').text(formatter.format(goukei) + \"円\");
  2943. \t\t\t\t\t\$('#mitsumori_price_01').text(formatter.format(price) + \"円\");
  2944. \t\t\t\t\t\$('#mitsumori_price_02').text(formatter.format(price) + \"円\");
  2945. \t\t\t\t\t\$('#mitsumori_ct_01').text(formatter.format(ct) + \"円\");
  2946. \t\t\t\t\t\$('#mitsumori_ct_02').text(formatter.format(ct) + \"円\");
  2947. \t\t\t\t\t\$('#mitsumori_goukei_02').text(formatter.format(goukei) + \"円\");
  2949. \t\t\t\t\tvar shoukei = goukei / 1.1;
  2950. \t\t\t\t\tvar tax     = parseInt(goukei - shoukei);
  2951. \t\t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  2952. \t\t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + \"円\");
  2954. \t\t\t\t\t// 請求額・PDF 用 json は税込を保持 (表示 DOM が税抜でも請求額は不変).
  2955. \t\t\t\t\tjGoukei   = formatter.format(goukei) + \"円\";
  2956. \t\t\t\t\tjGoukei02 = formatter.format(goukei) + \"円\";
  2957. \t\t\t\t\tjPrice    = formatter.format(price) + \"円\";
  2958. \t\t\t\t\tjMaker    = formatter.format(makerPrice) + \"円\";
  2959. \t\t\t\t\tjOff      = formatter.format(price - makerPrice) + \"円\";
  2960. \t\t\t\t\tjCt       = formatter.format(ct) + \"円\";
  2961. \t\t\t\t\tjOption   = formatter.format(optionSum) + \"円\";
  2963. \t\t\t\t\t// PDF 明細用：オプション内訳テーブルを差し込む (施工オプション + tg block オプション)
  2964. \t\t\t\t\trenderOptionDetailRows(opCalc.items.concat(oiCalc.items.map(function(it){
  2965. \t\t\t\t\t\treturn { name: it.name, value: it.label, price: it.diff };
  2966. \t\t\t\t\t})));
  2967. \t\t\t\t  }
  2968. \t\t\t\t});
  2970. \t\t\t\tif (!pp_matched) {
  2971. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  2972. \t\t\t\t\t\$('#mitsumori_btn').hide();
  2973. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2974. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2975. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2976. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  2977. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2978. \t\t\t\t\$('#mitsumori_steelroof_row').hide();
  2979. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2980. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  2981. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  2982. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  2983. \t\t\t\t}
  2985. \t\t\t\t// mitsumori_json: バック側に送信する見積データ
  2986. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": jGoukei,
  2987. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": jGoukei02,
  2988. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": jPrice,
  2989. \t\t\t\t\t\t\t\t\t\t\"maker_price\": jMaker,
  2990. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": jOff,
  2991. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": jCt,
  2992. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": jOption,
  2993. \t\t\t\t\t\t\t\t\t\t\"product_id\": ";
  2994.         // line 2720
  2995.         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.', 2720, $this->source); })()), "id", [], "any", false, false, false, 2720), "html", null, true);
  2996.         echo ",
  2997. \t\t\t\t\t\t\t\t\t\t\"sale_type\": SALE_TYPE_ID,
  2998. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  2999. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  3000. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  3001. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  3002. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  3003. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  3004. \t\t\t\t\t\t\t\t\t\t\"op_items\": opCalc.items,
  3005. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     ctx.mado_w,
  3006. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     ctx.mado_h,
  3007. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  ctx.mado_type,
  3008. \t\t\t\t\t\t\t\t\t\t\"glass_type\": ctx.glass_type,
  3009. \t\t\t\t\t\t\t\t\t\t\"set_count\":  ctx.set_count,
  3010. \t\t\t\t\t\t\t\t\t\t\"daisu\":      ctx.daisu,
  3011. \t\t\t\t\t\t\t\t\t\t\"maisu\":      ctx.maisu,
  3012. \t\t\t\t\t\t\t\t\t\t\"suuryou\":    ctx.suuryou,
  3013. \t\t\t\t\t\t\t\t\t\t\"area\":       ctx.area,
  3014. \t\t\t\t\t\t\t\t\t\t\"tf_len\":     ctx.tf_len,
  3015. \t\t\t\t\t\t\t\t\t\t\"tf_wid\":     ctx.tf_wid,
  3016. \t\t\t\t\t\t\t\t\t\t\"tf_qty\":     \$('#tf_qty').val(),
  3017. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  ctx.deck_step,
  3018. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": ctx.deck_fence };
  3020. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  3021. \t\t\t}
  3022. \t\t}
  3024. \t\t// PDF/モーダル明細の動的差し替え（基本工事費の次にオプション行を追加）
  3025. \t\tfunction renderOptionDetailRows(items) {
  3026. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  3027. \t\t\tif (!\$tbody.length) return;
  3028. \t\t\t\$tbody.find('tr.opt-row').remove();
  3029. \t\t\tvar anchorRow = \$tbody.find('tr').filter(function(){
  3030. \t\t\t\treturn \$(this).find('td:first').text().indexOf('残土') !== -1
  3031. \t\t\t\t\t|| \$(this).find('td:first').text().indexOf('基本工事費') !== -1;
  3032. \t\t\t}).last();
  3033. \t\t\titems.forEach(function(it){
  3034. \t\t\t\tif (!it.name || !it.value) return;
  3035. \t\t\t\tvar priceTxt = it.price > 0
  3036. \t\t\t\t\t? formatter.format(it.price) + '円'
  3037. \t\t\t\t\t: '0円';
  3038. \t\t\t\tvar \$tr = \$('<tr class=\"opt-row\"></tr>')
  3039. \t\t\t\t\t.append('<td>' + it.name + '：' + it.value + '</td>')
  3040. \t\t\t\t\t.append('<td>1</td>')
  3041. \t\t\t\t\t.append('<td>式</td>')
  3042. \t\t\t\t\t.append('<td>' + priceTxt + '</td>')
  3043. \t\t\t\t\t.append('<td>' + (it.price > 0 ? formatter.format(it.price) + '円' : '') + '</td>');
  3044. \t\t\t\tif (anchorRow.length) {
  3045. \t\t\t\t\tanchorRow.after(\$tr);
  3046. \t\t\t\t\tanchorRow = \$tr;
  3047. \t\t\t\t} else {
  3048. \t\t\t\t\t\$tbody.append(\$tr);
  3049. \t\t\t\t}
  3050. \t\t\t});
  3051. \t\t}
  3053. \t\t// 見積書モーダルを開く直前に、右側「現在のお見積り額」パネルの表示値を
  3054. \t\t// モーダル内の対応 ID にコピーして金額の食い違いを防ぐ。
  3055. \t\t// pw/pd/ph/pm が未選択で mitsumori_simulation の full update に到達しない場合でも、
  3056. \t\t// パネル側の値（HTML 静的初期値 or 直近の simulation 結果）が modal にも反映される。
  3057. \t\tfunction syncMitsumoriModalFromPanel() {
  3058. \t\t\t// 見積カード表示は税抜だが、見積書モーダルは正式帳票として税込で出す.
  3059. \t\t\t// 請求と一致する税込値は hidden #mitsumori_json (税込のまま構築) から取得する.
  3060. \t\t\tvar mj = {};
  3061. \t\t\ttry { mj = JSON.parse(\$('#mitsumori_json').val() || '{}') || {}; } catch (e) { mj = {}; }
  3062. \t\t\tvar goukeiText = mj.mitsumori_goukei || '---円';
  3063. \t\t\tvar priceText  = mj.mitsumori_price  || '---円';
  3064. \t\t\tvar ctText     = mj.mitsumori_ct     || '---円';
  3066. \t\t\t\$('#mitsumori_kei').text(goukeiText);
  3067. \t\t\t\$('#mitsumori_price_01').text(priceText);
  3068. \t\t\t\$('#mitsumori_price_02').text(priceText);
  3069. \t\t\t\$('#mitsumori_ct_01').text(ctText);
  3070. \t\t\t\$('#mitsumori_ct_02').text(ctText);
  3071. \t\t\t\$('#mitsumori_goukei_02').text(goukeiText);
  3073. \t\t\t// 小計 / 消費税 は税込 goukei から逆算
  3074. \t\t\tvar num = parseInt(String(goukeiText).replace(/[^\\d-]/g, ''), 10);
  3075. \t\t\tif (!isNaN(num) && num > 0) {
  3076. \t\t\t\tvar shoukei = Math.round(num / 1.1);
  3077. \t\t\t\tvar tax     = num - shoukei;
  3078. \t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(shoukei) + '円');
  3079. \t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + '円');
  3080. \t\t\t} else {
  3081. \t\t\t\t\$('#mitsumori_shoukei').text('---円');
  3082. \t\t\t\t\$('#mitsumori_tax').text('---円');
  3083. \t\t\t}
  3084. \t\t}
  3086. \t\t\$(document).on('show.bs.modal', '#modal-mitsumori', function () {
  3087. \t\t\t// 発行日を表示時点の当日日付に設定（固定ダミー日付の残置防止）
  3088. \t\t\tvar _now = new Date();
  3089. \t\t\tvar _issue = _now.getFullYear() + '/' +
  3090. \t\t\t\t('0' + (_now.getMonth() + 1)).slice(-2) + '/' +
  3091. \t\t\t\t('0' + _now.getDate()).slice(-2);
  3092. \t\t\t\$('#mitsumori_issue_date').text(_issue);
  3093. \t\t\tsyncMitsumoriModalFromPanel();
  3094. \t\t});
  3096.         ";
  3097.         // line 2824
  3098.         echo "        ";
  3099.         if (((isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2824, $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.', 2824, $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.', 2824, $this->source); })())) == "")))) {
  3100.             // line 2825
  3101.             echo "            pc = \"指定なし\";
  3102.             ";
  3103.             // line 2826
  3104.             $context['_parent'] = $context;
  3105.             $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.', 2826, $this->source); })()));
  3106.             foreach ($context['_seq'] as $context["_key"] => $context["pc_val"]) {
  3107.                 if ($context["pc_val"]) {
  3108.                     echo " pc = \"";
  3109.                     echo twig_escape_filter($this->env, $context["pc_val"], "html", null, true);
  3110.                     echo "\"; ";
  3111.                 }
  3112.             }
  3113.             $_parent = $context['_parent'];
  3114.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pc_val'], $context['_parent'], $context['loop']);
  3115.             $context = array_intersect_key($context, $_parent) + $_parent;
  3116.             // line 2827
  3117.             echo "            ";
  3118.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2827, $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.', 2827, $this->source); })())) == 1))) {
  3119.                 // line 2828
  3120.                 echo "                ";
  3121.                 $context['_parent'] = $context;
  3122.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2828, $this->source); })()));
  3123.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  3124.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2828))) {
  3125.                         echo " pc = \"";
  3126.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2828), "html", null, true);
  3127.                         echo "\"; ";
  3128.                     }
  3129.                 }
  3130.                 $_parent = $context['_parent'];
  3131.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  3132.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3133.                 // line 2829
  3134.                 echo "            ";
  3135.             }
  3136.             // line 2830
  3137.             echo "        ";
  3138.         } elseif (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2830, $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.', 2830, $this->source); })())) == 1))) {
  3139.             // line 2831
  3140.             echo "            pc = \"指定なし\";
  3141. \t\t\t";
  3142.             // line 2832
  3143.             $context['_parent'] = $context;
  3144.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2832, $this->source); })()));
  3145.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  3146.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2832))) {
  3147.                     echo " pc = \"";
  3148.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2832), "html", null, true);
  3149.                     echo "\"; ";
  3150.                 }
  3151.             }
  3152.             $_parent = $context['_parent'];
  3153.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  3154.             $context = array_intersect_key($context, $_parent) + $_parent;
  3155.             // line 2833
  3156.             echo "\t\t";
  3157.         }
  3158.         // line 2834
  3159.         echo "
  3160.         ";
  3161.         // line 2835
  3162.         if (((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2835, $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.', 2835, $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.', 2835, $this->source); })())) == "")))) {
  3163.             // line 2836
  3164.             echo "            pw = \"指定なし\";
  3165. \t\t\t";
  3166.             // line 2837
  3167.             $context['_parent'] = $context;
  3168.             $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.', 2837, $this->source); })()));
  3169.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  3170.                 if ($context["pw"]) {
  3171.                     echo " pw = \"";
  3172.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  3173.                     echo "\"; ";
  3174.                 }
  3175.             }
  3176.             $_parent = $context['_parent'];
  3177.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  3178.             $context = array_intersect_key($context, $_parent) + $_parent;
  3179.             // line 2838
  3180.             echo "\t\t";
  3181.         }
  3182.         // line 2839
  3183.         echo "
  3184.         ";
  3185.         // line 2840
  3186.         if (((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 2840, $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.', 2840, $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.', 2840, $this->source); })())) == "")))) {
  3187.             // line 2841
  3188.             echo "            pd = \"指定なし\";
  3189. \t\t\t";
  3190.             // line 2842
  3191.             $context['_parent'] = $context;
  3192.             $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.', 2842, $this->source); })()));
  3193.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  3194.                 if ($context["pd"]) {
  3195.                     echo " pd = \"";
  3196.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  3197.                     echo "\"; ";
  3198.                 }
  3199.             }
  3200.             $_parent = $context['_parent'];
  3201.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  3202.             $context = array_intersect_key($context, $_parent) + $_parent;
  3203.             // line 2843
  3204.             echo "\t\t";
  3205.         }
  3206.         // line 2844
  3207.         echo "
  3208.         ";
  3209.         // line 2845
  3210.         if (((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 2845, $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.', 2845, $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.', 2845, $this->source); })())) == "")))) {
  3211.             // line 2846
  3212.             echo "            ph = \"指定なし\";
  3213. \t\t\t";
  3214.             // line 2847
  3215.             $context['_parent'] = $context;
  3216.             $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.', 2847, $this->source); })()));
  3217.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  3218.                 if ($context["ph"]) {
  3219.                     echo " ph = \"";
  3220.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  3221.                     echo "\"; ";
  3222.                 }
  3223.             }
  3224.             $_parent = $context['_parent'];
  3225.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  3226.             $context = array_intersect_key($context, $_parent) + $_parent;
  3227.             // line 2848
  3228.             echo "\t\t";
  3229.         }
  3230.         // line 2849
  3231.         echo "
  3232.         ";
  3233.         // line 2850
  3234.         if (((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2850, $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.', 2850, $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.', 2850, $this->source); })())) == "")))) {
  3235.             // line 2851
  3236.             echo "            pm = \"指定なし\";
  3237. \t\t\t";
  3238.             // line 2852
  3239.             $context['_parent'] = $context;
  3240.             $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.', 2852, $this->source); })()));
  3241.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  3242.                 if ($context["pm"]) {
  3243.                     echo " pm = \"";
  3244.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  3245.                     echo "\"; ";
  3246.                 }
  3247.             }
  3248.             $_parent = $context['_parent'];
  3249.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  3250.             $context = array_intersect_key($context, $_parent) + $_parent;
  3251.             // line 2853
  3252.             echo "\t\t";
  3253.         }
  3254.         // line 2854
  3255.         echo "
  3256.         ";
  3257.         // line 2856
  3258.         echo "        ";
  3259.         if (((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2856, $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.', 2856, $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.', 2856, $this->source); })())) == "")))) {
  3260.             // line 2857
  3261.             echo "            option1 = \"\";
  3262. \t\t\t";
  3263.             // line 2858
  3264.             $context['_parent'] = $context;
  3265.             $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.', 2858, $this->source); })()));
  3266.             foreach ($context['_seq'] as $context["_key"] => $context["opt1"]) {
  3267.                 if ($context["opt1"]) {
  3268.                     echo " option1 = \"";
  3269.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt1"], "js"), "html", null, true);
  3270.                     echo "\"; ";
  3271.                 }
  3272.             }
  3273.             $_parent = $context['_parent'];
  3274.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1'], $context['_parent'], $context['loop']);
  3275.             $context = array_intersect_key($context, $_parent) + $_parent;
  3276.             // line 2859
  3277.             echo "\t\t";
  3278.         }
  3279.         // line 2860
  3280.         echo "
  3281.         ";
  3282.         // line 2861
  3283.         if (((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2861, $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.', 2861, $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.', 2861, $this->source); })())) == "")))) {
  3284.             // line 2862
  3285.             echo "            option2 = \"\";
  3286. \t\t\t";
  3287.             // line 2863
  3288.             $context['_parent'] = $context;
  3289.             $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.', 2863, $this->source); })()));
  3290.             foreach ($context['_seq'] as $context["_key"] => $context["opt2"]) {
  3291.                 if ($context["opt2"]) {
  3292.                     echo " option2 = \"";
  3293.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt2"], "js"), "html", null, true);
  3294.                     echo "\"; ";
  3295.                 }
  3296.             }
  3297.             $_parent = $context['_parent'];
  3298.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt2'], $context['_parent'], $context['loop']);
  3299.             $context = array_intersect_key($context, $_parent) + $_parent;
  3300.             // line 2864
  3301.             echo "\t\t";
  3302.         }
  3303.         // line 2865
  3304.         echo "
  3305. \t\t// カラー radio が複数あるとき初期チェックが無いと「カラーを選択してください」固定になるので、
  3306. \t\t// 何もチェックされていなければ「最初の radio」を選択する。
  3307. \t\t// sale_type≠3 は name=\"color\", sale_type=3 は name=\"color3\".
  3308. \t\t//
  3309. \t\t// 注意:
  3310. \t\t//   ・search_word（= radio の値）と pp.c（= matrix の色軸）は別の命名体系のケースがある
  3311. \t\t//     （例 id=3353: radio=\"SM(スミ)\" / pp.c=\"ステンカラー＋セピアブラウン\"）
  3312. \t\t//   ・pp.c に合わせて radio を選ぼうとしても文字列一致しないので無意味。
  3313. \t\t//   ・単純に「先頭の radio」を選ぶ実装に戻し、マッチング側で命名体系違いを吸収する
  3314. \t\t//     （pc が pp.c のどの値にもマッチしないときは色軸を wildcard 扱いにする）。
  3315. \t\t//   ・.rp-section-label のテキストも忘れずに同期する（古い session 値が残ると
  3316. \t\t//     \"ステンカラー＋セピアブラウン\" のような表示と実際の radio が食い違う）。
  3317. \t\t(function autoSelectFirstColor(){
  3318. \t\t\tvar groups = ['color', 'color3'];
  3319. \t\t\tfor (var gi = 0; gi < groups.length; gi++) {
  3320. \t\t\t\tvar name = groups[gi];
  3321. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');
  3322. \t\t\t\tif (nodes.length === 0) continue;
  3323. \t\t\t\tvar anyChecked = false;
  3324. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  3325. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  3326. \t\t\t\t}
  3327. \t\t\t\tif (anyChecked) continue;
  3329. \t\t\t\tvar target = nodes[0];
  3330. \t\t\t\ttarget.checked = true;
  3331. \t\t\t\tpc = target.value;
  3333. \t\t\t\t// opt-btn の is-selected を付け替え
  3334. \t\t\t\tvar lbl = target.closest('.opt-btn');
  3335. \t\t\t\tif (lbl) {
  3336. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3337. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  3338. \t\t\t\t\tlbl.classList.add('is-selected');
  3339. \t\t\t\t}
  3340. \t\t\t\t// 「カラー: <name>」表示の同期（古い mitsumori_json.pc が残らないように）
  3341. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  3342. \t\t\t\tif (grp) {
  3343. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3344. \t\t\t\t\tif (section) {
  3345. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3346. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  3347. \t\t\t\t\t}
  3348. \t\t\t\t}
  3349. \t\t\t}
  3350. \t\t})();
  3352. \t\t// option1 / option2 / pw / pd / ph / pm (matrix 軸の radio 群) も同様に
  3353. \t\t// 「どれもチェックされていなければ先頭を選ぶ」を適用する.
  3354. \t\t//   sale_type=2 の窓タイプ等で「初期表示時に一番初めの選択肢が選択されていない」事象を解消.
  3355. \t\t(function autoSelectFirstMatrixAxis(){
  3356. \t\t\tvar axes = [
  3357. \t\t\t\t{ name: 'pw',      jsVar: 'pw' },
  3358. \t\t\t\t{ name: 'pd',      jsVar: 'pd' },
  3359. \t\t\t\t{ name: 'ph',      jsVar: 'ph' },
  3360. \t\t\t\t{ name: 'pm',      jsVar: 'pm' },
  3361. \t\t\t\t{ name: 'glass_type', jsVar: 'pm' },
  3362. \t\t\t\t{ name: 'option1', jsVar: 'option1' },
  3363. \t\t\t\t{ name: 'option2', jsVar: 'option2' }
  3364. \t\t\t];
  3365. \t\t\tfor (var ai = 0; ai < axes.length; ai++) {
  3366. \t\t\t\tvar ax = axes[ai];
  3367. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + ax.name + '\"]');
  3368. \t\t\t\tif (nodes.length === 0) continue;
  3369. \t\t\t\tvar anyChecked = false;
  3370. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  3371. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  3372. \t\t\t\t}
  3373. \t\t\t\tif (anyChecked) continue;
  3375. \t\t\t\tvar target = nodes[0];
  3376. \t\t\t\ttarget.checked = true;
  3377. \t\t\t\t// グローバル JS 変数も埋める
  3378. \t\t\t\tif (ax.jsVar === 'pw') pw = target.value;
  3379. \t\t\t\telse if (ax.jsVar === 'pd') pd = target.value;
  3380. \t\t\t\telse if (ax.jsVar === 'ph') ph = target.value;
  3381. \t\t\t\telse if (ax.jsVar === 'pm') pm = target.value;
  3382. \t\t\t\telse if (ax.jsVar === 'option1') option1 = target.value;
  3383. \t\t\t\telse if (ax.jsVar === 'option2') option2 = target.value;
  3385. \t\t\t\tvar lbl = target.closest('.opt-btn');
  3386. \t\t\t\tif (lbl) {
  3387. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3388. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  3389. \t\t\t\t\tlbl.classList.add('is-selected');
  3390. \t\t\t\t}
  3391. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  3392. \t\t\t\tif (grp) {
  3393. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3394. \t\t\t\t\tif (section) {
  3395. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3396. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  3397. \t\t\t\t\t}
  3398. \t\t\t\t}
  3399. \t\t\t}
  3400. \t\t})();
  3402. \t\t// 取付/設置工事トグル（off 値が「商品購入のみ」のオプション）は、新規アクセス時に
  3403. \t\t// どちらの radio も未チェックのため初期価格が「商品購入のみ」= 基本工事費抜きになる。
  3404. \t\t// 顧客要望（#10）に合わせ、未選択時は「工事も希望する」(on 側) を初期選択し、
  3405. \t\t// 初期表示を基本工事費込みの最安値に統一する（色・寸法軸の先頭自動選択と同型）。
  3406. \t\t//   ・判定キーは calcGoukei / applyPurchaseOnlyUI と同じ定数「商品購入のみ」。
  3407. \t\t//   ・別用途で op{n} を流用する商品（ウッドデッキ deck_step 等）は radio 値に
  3408. \t\t//     「商品購入のみ」を含まないため対象外（既存挙動を壊さない）。
  3409. \t\t//   ・mitsumori_json 復元やユーザー操作で既に選択済みなら尊重する。
  3410. \t\t(function autoSelectFirstInstall(){
  3411. \t\t\tfor (var i = 0; i <= 10; i++) {
  3412. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"op' + i + '\"]');
  3413. \t\t\t\tif (nodes.length === 0) continue;
  3415. \t\t\t\t// このグループが「商品購入のみ」を off に持つ工事トグルか判定し、
  3416. \t\t\t\t// 「商品購入のみ」でない側 (= 工事希望 on) を取得する。
  3417. \t\t\t\tvar hasPurchaseOnly = false;
  3418. \t\t\t\tvar onNode = null;
  3419. \t\t\t\tfor (var j = 0; j < nodes.length; j++) {
  3420. \t\t\t\t\tif (nodes[j].value === '商品購入のみ') hasPurchaseOnly = true;
  3421. \t\t\t\t\telse if (!onNode) onNode = nodes[j];
  3422. \t\t\t\t}
  3423. \t\t\t\tif (!hasPurchaseOnly || !onNode) continue;
  3425. \t\t\t\tvar anyChecked = false;
  3426. \t\t\t\tfor (var k = 0; k < nodes.length; k++) {
  3427. \t\t\t\t\tif (nodes[k].checked) { anyChecked = true; break; }
  3428. \t\t\t\t}
  3429. \t\t\t\tif (anyChecked) continue;
  3431. \t\t\t\tonNode.checked = true;
  3432. \t\t\t\t// グローバル op 変数を on 値で埋める（calcGoukei の purchaseOnly 判定が参照）
  3433. \t\t\t\tswitch (i) {
  3434. \t\t\t\t\tcase 0:  op0  = onNode.value; break;
  3435. \t\t\t\t\tcase 1:  op1  = onNode.value; break;
  3436. \t\t\t\t\tcase 2:  op2  = onNode.value; break;
  3437. \t\t\t\t\tcase 3:  op3  = onNode.value; break;
  3438. \t\t\t\t\tcase 4:  op4  = onNode.value; break;
  3439. \t\t\t\t\tcase 5:  op5  = onNode.value; break;
  3440. \t\t\t\t\tcase 6:  op6  = onNode.value; break;
  3441. \t\t\t\t\tcase 7:  op7  = onNode.value; break;
  3442. \t\t\t\t\tcase 8:  op8  = onNode.value; break;
  3443. \t\t\t\t\tcase 9:  op9  = onNode.value; break;
  3444. \t\t\t\t\tcase 10: op10 = onNode.value; break;
  3445. \t\t\t\t}
  3446. \t\t\t\t// opt-btn の is-selected を付け替え
  3447. \t\t\t\tvar lbl = onNode.closest('.opt-btn');
  3448. \t\t\t\tif (lbl) {
  3449. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3450. \t\t\t\t\tfor (var s = 0; s < sib.length; s++) sib[s].classList.remove('is-selected');
  3451. \t\t\t\t\tlbl.classList.add('is-selected');
  3452. \t\t\t\t}
  3453. \t\t\t\t// rp-section-label 表示同期 + 現地調査文言（is_removal_unknown / is_tf_kouji）を on 表示に
  3454. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || onNode.closest('.form-group');
  3455. \t\t\t\tif (grp) {
  3456. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3457. \t\t\t\t\tif (section) {
  3458. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3459. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + onNode.value + '</span>';
  3460. \t\t\t\t\t}
  3461. \t\t\t\t\tvar note = grp.querySelector('.opt-survey-note[data-op-idx=\"' + i + '\"]');
  3462. \t\t\t\t\tif (note) note.style.display = '';
  3463. \t\t\t\t}
  3464. \t\t\t}
  3465. \t\t})();
  3467. \t\t// ページ読み込み時: 見積金額が「合計」になっているため、カート数量は基本1
  3468. \t\t// sale_type=9（商品のみ購入）だけ通常 EC として数量を引き継ぐ
  3469. \t\t(function initQuantityByType(){
  3470. \t\t\tvar saleType = ";
  3471.         // line 3031
  3472.         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.', 3031, $this->source); })()), "SaleType", [], "any", false, false, false, 3031), "id", [], "any", false, false, false, 3031), "html", null, true);
  3473.         echo ";
  3474. \t\t\tif (saleType == 9 && \$('#quantity_only').length) {
  3475. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  3476. \t\t\t} else {
  3477. \t\t\t\t\$('#quantity').val(1);
  3478. \t\t\t\t\$('input[name=\"quantity\"]').val(1);
  3479. \t\t\t}
  3480. \t\t})();
  3482. \t\t// type → ラベルのプレフィックス文字列
  3483. \t\t";
  3484.         // line 3044
  3485.         echo "\t\t";
  3486.         $context["pm_is_roof"] = false;
  3487.         // line 3045
  3488.         echo "\t\t";
  3489.         $context["pm_stems"] = [];
  3490.         // line 3046
  3491.         echo "\t\t";
  3492.         if ((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3046, $this->source); })())) {
  3493.             $context['_parent'] = $context;
  3494.             $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.', 3046, $this->source); })()));
  3495.             foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  3496.                 if ($context["v"]) {
  3497.                     // line 3047
  3498.                     echo "\t\t\t";
  3499.                     if (preg_match("/ポリカ|折板|波板|熱線|ふきポリ|アルミ形材屋根|スチール折板/", $context["v"])) {
  3500.                         $context["pm_is_roof"] = true;
  3501.                     }
  3502.                     // line 3048
  3503.                     echo "\t\t\t";
  3504.                     $context["pm_stem"] = twig_trim_filter(twig_first($this->env, twig_split_filter($this->env, twig_first($this->env, twig_split_filter($this->env, $context["v"], "（")), "(")));
  3505.                     // line 3049
  3506.                     echo "\t\t\t";
  3507.                     if (!twig_in_filter((isset($context["pm_stem"]) || array_key_exists("pm_stem", $context) ? $context["pm_stem"] : (function () { throw new RuntimeError('Variable "pm_stem" does not exist.', 3049, $this->source); })()), (isset($context["pm_stems"]) || array_key_exists("pm_stems", $context) ? $context["pm_stems"] : (function () { throw new RuntimeError('Variable "pm_stems" does not exist.', 3049, $this->source); })()))) {
  3508.                         $context["pm_stems"] = twig_array_merge((isset($context["pm_stems"]) || array_key_exists("pm_stems", $context) ? $context["pm_stems"] : (function () { throw new RuntimeError('Variable "pm_stems" does not exist.', 3049, $this->source); })()), [0 => (isset($context["pm_stem"]) || array_key_exists("pm_stem", $context) ? $context["pm_stem"] : (function () { throw new RuntimeError('Variable "pm_stem" does not exist.', 3049, $this->source); })())]);
  3509.                     }
  3510.                     // line 3050
  3511.                     echo "\t\t";
  3512.                 }
  3513.             }
  3514.             $_parent = $context['_parent'];
  3515.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  3516.             $context = array_intersect_key($context, $_parent) + $_parent;
  3517.         }
  3518.         // line 3051
  3519.         echo "\t\t";
  3520.         $context["pm_label"] = (((isset($context["pm_is_roof"]) || array_key_exists("pm_is_roof", $context) ? $context["pm_is_roof"] : (function () { throw new RuntimeError('Variable "pm_is_roof" does not exist.', 3051, $this->source); })())) ? ((((twig_length_filter($this->env, (isset($context["pm_stems"]) || array_key_exists("pm_stems", $context) ? $context["pm_stems"] : (function () { throw new RuntimeError('Variable "pm_stems" does not exist.', 3051, $this->source); })())) >= 2)) ? ("屋根材") : ("屋根材の色"))) : ("素材"));
  3521.         // line 3052
  3522.         echo "\t\t// option1/option2 のラベルは category 依存 (rd: ランマ/タイプ, sh: サイズプリセット/駆動方式 等).
  3523. \t\t// PHP から渡された option1_label / option2_label を埋め込み、JS 側でラベル更新に使う.
  3524. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'";
  3525.         // line 3054
  3526.         echo twig_escape_filter($this->env, twig_escape_filter($this->env, (isset($context["pm_label"]) || array_key_exists("pm_label", $context) ? $context["pm_label"] : (function () { throw new RuntimeError('Variable "pm_label" does not exist.', 3054, $this->source); })()), "js"), "html", null, true);
  3527.         echo "',
  3528. \t\t                   option1: '";
  3529.         // line 3055
  3530.         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.', 3055, $this->source); })()), "オプション1")) : ("オプション1")), "js"), "html", null, true);
  3531.         echo "',
  3532. \t\t                   option2: '";
  3533.         // line 3056
  3534.         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.', 3056, $this->source); })()), "オプション2")) : ("オプション2")), "js"), "html", null, true);
  3535.         echo "'};
  3536. \t\t// type → input[name]
  3537. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm',
  3538. \t\t                   option1: 'option1', option2: 'option2'};
  3540. \t\t// opt-btn用: 値を直接受け取るラッパー
  3541. \t\tfunction mitsumori_simulation_val(type, value) {
  3542. \t\t\tif (type === 'pc') pc = value;
  3543. \t\t\tif (type === 'pw') pw = value;
  3544. \t\t\tif (type === 'pd') pd = value;
  3545. \t\t\tif (type === 'ph') ph = value;
  3546. \t\t\tif (type === 'pm') pm = value;
  3547. \t\t\tif (type === 'option1') option1 = value;
  3548. \t\t\tif (type === 'option2') option2 = value;
  3550. \t\t\t// is-selected クラスを同グループ内で付け替え
  3551. \t\t\tvar inputName = optNameMap[type];
  3552. \t\t\tif (inputName) {
  3553. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  3554. \t\t\t\t\$btns.removeClass('is-selected');
  3555. \t\t\t\t\$btns.filter(function(){
  3556. \t\t\t\t\treturn \$(this).find('input').val() === value;
  3557. \t\t\t\t}).addClass('is-selected');
  3558. \t\t\t}
  3560. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  3561. \t\t\tvar labelPrefix = optLabelMap[type];
  3562. \t\t\tif (labelPrefix) {
  3563. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  3564. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  3565. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  3566. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  3567. \t\t\t}
  3569. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  3570. \t\t\tmitsumori_simulation('', '');
  3571. \t\t}
  3573. \t\tmitsumori_simulation(\"\",\"\");
  3575. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll を付与し
  3576. \t\t// 縦3段グリッド＋横スクロール表示にする（顧客要望「3列くらいで横スクロール」）
  3577. \t\tfunction applyBtnGroupScroll() {
  3578. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  3579. \t\t\t\tvar \$group = \$(this);
  3580. \t\t\t\t\$group.removeClass('is-scroll');
  3581. \t\t\t\t// 意図的な縦リスト（no-hscroll / flex-direction:column）は横スクロール化しない。
  3582. \t\t\t\t// フェンス fe_block の縦6行(A-2)や内窓(sale_type=2)の長いガラス名(A-3)が
  3583. \t\t\t\t// 3行以上/幅超過で is-scroll 化され、列崩れ・左見切れを起こすのを防ぐ。
  3584. \t\t\t\tif (\$group.hasClass('no-hscroll') || \$group.css('flex-direction') === 'column') return;
  3585. \t\t\t\tvar \$items = \$group.children();
  3586. \t\t\t\tif (\$items.length === 0) return;
  3588. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  3589. \t\t\t\tvar totalWidth = 0;
  3590. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  3591. \t\t\t\t\$items.each(function() {
  3592. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  3593. \t\t\t\t});
  3595. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  3596. \t\t\t\tvar anyTooWide = false;
  3597. \t\t\t\t\$items.each(function() {
  3598. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  3599. \t\t\t\t});
  3601. \t\t\t\t// 折り返し時の行数も計測
  3602. \t\t\t\tvar tops = {};
  3603. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  3604. \t\t\t\tvar rowCount = Object.keys(tops).length;
  3606. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  3607. \t\t\t\t\t\$group.addClass('is-scroll');
  3608. \t\t\t\t}
  3609. \t\t\t});
  3610. \t\t}
  3611. \t\tapplyBtnGroupScroll();
  3612. \t\t\$(window).on('resize', function() {
  3613. \t\t\tclearTimeout(window._btnScrollTimer);
  3614. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  3615. \t\t});
  3617. \t\t// iOS Safari 1-tap fix (#15 再発): is-scroll の横スクロールコンテナ内タップや
  3618. \t\t// 継承された a:hover により、初回タップが hover / スクロール判定に吸われ「2 回
  3619. \t\t// タッチ」が必要になる。touch 端末では touchend で 1 回目に選択 / 遷移を確定し、
  3620. \t\t// 後続のゴーストクリックを preventDefault で抑止する（二重発火なし）。指が動いた
  3621. \t\t// 場合はスクロール操作とみなし何もしない。デスクトップは従来の click のまま。
  3622. \t\t(function oneTapSelectFix(){
  3623. \t\t\tif (!('ontouchstart' in window)) return;
  3624. \t\t\tvar moved = false, sx = 0, sy = 0;
  3625. \t\t\tdocument.addEventListener('touchstart', function(e){
  3626. \t\t\t\tmoved = false;
  3627. \t\t\t\tvar t = e.touches && e.touches[0];
  3628. \t\t\t\tif (t) { sx = t.clientX; sy = t.clientY; }
  3629. \t\t\t}, { passive: true });
  3630. \t\t\tdocument.addEventListener('touchmove', function(e){
  3631. \t\t\t\tvar t = e.touches && e.touches[0];
  3632. \t\t\t\tif (t && (Math.abs(t.clientX - sx) > 8 || Math.abs(t.clientY - sy) > 8)) moved = true;
  3633. \t\t\t}, { passive: true });
  3634. \t\t\tdocument.addEventListener('touchend', function(e){
  3635. \t\t\t\tif (moved) return;
  3636. \t\t\t\tvar el = (e.target && e.target.closest) ? e.target.closest('.opt-btn, .rp-btn, .rp-card') : null;
  3637. \t\t\t\tif (!el) return;
  3638. \t\t\t\t// 窓タイプ / 住宅区分は専用の委譲 click ハンドラを持つため除外.
  3639. \t\t\t\tif (el.closest('#window-types-container') || el.closest('#window-housing-type-group')) return;
  3640. \t\t\t\te.preventDefault(); // 遅延ゴーストクリックを抑止し二重処理を防ぐ
  3641. \t\t\t\tif (el.tagName === 'A' && el.href) { window.location.href = el.href; return; }
  3642. \t\t\t\tel.click(); // label→radio チェック + inline onclick / change を 1 回だけ発火
  3643. \t\t\t}, { passive: false });
  3644. \t\t})();
  3646. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  3647. \t\t(function syncPrice02Display() {
  3648. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  3649. \t\t\tvar displayEl = document.getElementById('price02-display');
  3650. \t\t\tif (!goukeiEl || !displayEl) return;
  3651. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  3652. \t\t\t// ---円（未確定）の場合は書き換えない
  3653. \t\t\tif (goukeiText && goukeiText !== '---円') {
  3654. \t\t\t\tdisplayEl.textContent = goukeiText;
  3655. \t\t\t}
  3656. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  3657. \t\t\tnew MutationObserver(function() {
  3658. \t\t\t\tvar text = goukeiEl.textContent.trim();
  3659. \t\t\t\tif (text && text !== '---円') {
  3660. \t\t\t\t\tdisplayEl.textContent = text;
  3661. \t\t\t\t}
  3662. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  3663. \t\t})();
  3664. \t\tfunction contact_form(product_id){
  3665. \t\t\t\$('#form1').attr('action', '";
  3666.         // line 3186
  3667.         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.', 3186, $this->source); })()), "id", [], "any", false, false, false, 3186)]), "html", null, true);
  3668.         echo "');
  3669. \t\t\t\$('#form1').submit();
  3670. \t\t}
  3672. \t\t// maisu / madoset は下部の新しい関数定義を使用
  3675. \t\tfunction heibei(bei){
  3676. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  3677. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  3678. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  3679. \t\t\t// goukei に既に枚数を含むため、カート数量は1で固定
  3680. \t\t\t\$('#quantity').val(1);
  3681. \t\t\tmitsumori_simulation('heibei','heibei');
  3682. \t\t}
  3683. \t\tfunction daisu(dai){
  3684. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  3685. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  3686. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  3687. \t\t\t\$('#quantity').val(1);
  3688. \t\t\tmitsumori_simulation('daisu','daisu');
  3689. \t\t}
  3690. \t\t// sale_type=7（数量買い・基本工事費固定）用：個数入力
  3691. \t\tfunction suuryou(n){
  3692. \t\t\t\$('#suuryou').val(parseInt(\$('#suuryou').val()) + n);
  3693. \t\t\tif(parseInt(\$('#suuryou').val()) < 1){ \$('#suuryou').val(1); }
  3694. \t\t\tif(parseInt(\$('#suuryou').val()) > 100){ \$('#suuryou').val(100); }
  3695. \t\t\t\$('#quantity').val(1);
  3696. \t\t\tmitsumori_simulation('suuryou','suuryou');
  3697. \t\t}
  3698. \t\tfunction maisu(mai){
  3699. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  3700. \t\t\t// sale_type=4 (フェンス) は3枚未満不可、6 (芝生) は1枚から
  3701. \t\t\tvar minMai = (SALE_TYPE_ID == 4) ? 3 : 1;
  3702. \t\t\tif(parseInt(\$('#maisu').val()) < minMai){ \$('#maisu').val(minMai); }
  3703. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  3704. \t\t\t\$('#quantity').val(1);
  3705. \t\t\tmitsumori_simulation('maisu','maisu');
  3706. \t\t}
  3708. \t\t// タイプ2: セット数プルダウン連動
  3709. \t\tfunction madosetSelect(val){
  3710. \t\t\tvar v = parseInt(val);
  3711. \t\t\tif(v < 1) v = 1;
  3712. \t\t\tif(v > 20) v = 20;
  3713. \t\t\t\$('#set_count').val(v);
  3714. \t\t\t\$('#quantity').val(1);
  3715. \t\t\t\$('input[name=\"quantity\"]').val(1);
  3716. \t\t\tmitsumori_simulation('set','set_count');
  3717. \t\t}
  3718. \t\t// タイプ2: ±ボタン版（後方互換）
  3719. \t\tfunction madoset(mai){
  3720. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  3721. \t\t\tvar next = current + mai;
  3722. \t\t\tif(next < 1) next = 1;
  3723. \t\t\tif(next > 20) next = 20;
  3724. \t\t\t\$('#set_count').val(next);
  3725. \t\t\tmadosetSelect(next);
  3726. \t\t}
  3728. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  3729. \t\tvar deck_step = \"";
  3730.         // line 3247
  3731.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3247, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 3247))) {
  3732.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 3247)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", false, false, false, 3247), "不要")) : ("不要")), "html", null, true);
  3733.         } else {
  3734.             echo "不要";
  3735.         }
  3736.         echo "\";
  3737. \t\tvar deck_fence = \"";
  3738.         // line 3248
  3739.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3248, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 3248))) {
  3740.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 3248)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", false, false, false, 3248), "不要")) : ("不要")), "html", null, true);
  3741.         } else {
  3742.             echo "不要";
  3743.         }
  3744.         echo "\";
  3746. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  3747. \t\tfunction syncPdfJson(){
  3748. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  3749. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  3750. \t\t}
  3752. \t\t// タイプ9: 商品のみ購入
  3753. \t\tfunction quantityOnly(val){
  3754. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  3755. \t\t\tvar next = current + val;
  3756. \t\t\tif(next < 1) next = 1;
  3757. \t\t\t\$('#quantity_only').val(next);
  3758. \t\t\t\$('#quantity').val(next);
  3759. \t\t}
  3761.         // ===== スマホ用下部固定バーへの金額同期 =====
  3762.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  3763.         (function() {
  3764.             var msgTarget   = document.getElementById('mitsumori_message');
  3765.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  3766.             var spPrice     = document.getElementById('sp-mitsumori-price');
  3767.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  3768.             if (!spPrice || !spBtn) return;
  3770.             function syncBar() {
  3771.                 var msg    = msgTarget ? msgTarget.textContent : '';
  3772.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  3774.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  3775.                 if (msg.indexOf('選択してください') !== -1) {
  3776.                     spPrice.textContent = msg;
  3777.                     spPrice.style.fontSize = '13px';
  3778.                     spPrice.style.color    = '#888';
  3779.                     spBtn.style.display    = 'none';
  3780.                 } else {
  3781.                     // 価格確定時はボタンを表示
  3782.                     spPrice.textContent = goukei;
  3783.                     spPrice.style.fontSize = '18px';
  3784.                     spPrice.style.color    = '#c00';
  3785.                     spBtn.style.display    = 'block';
  3786.                 }
  3787.             }
  3789.             // 初期値を同期
  3790.             syncBar();
  3792.             // mitsumori_message の変化を監視
  3793.             if (msgTarget) {
  3794.                 new MutationObserver(syncBar).observe(
  3795.                     msgTarget, { childList: true, subtree: true, characterData: true }
  3796.                 );
  3797.             }
  3798.             // mitsumori_goukei の変化も監視
  3799.             if (goukeiTarget) {
  3800.                 new MutationObserver(syncBar).observe(
  3801.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  3802.                 );
  3803.             }
  3804.         })();
  3806.         // ===== スマホ用 お見積りの詳細 ボトムシート 開閉 =====
  3807.         // 現在の内訳カード(.mitsumori-card-pc .card-body)を複製して表示する。
  3808.         // 価格計算ロジックには触れず、その時点で表示中の内訳をそのまま見せる。
  3809.         // window に直接ぶら下げてスコープに依存せず onclick から呼べるようにする。
  3810.         window.openSpMitsumoriDetail = function () {
  3811.             var sheet = document.getElementById('sp-mitsumori-detail');
  3812.             var body  = document.getElementById('sp-detail-body');
  3813.             var src   = document.querySelector('.mitsumori-card-pc .card-body');
  3814.             if (!sheet || !body) return;
  3815.             body.innerHTML = '';
  3816.             if (src) {
  3817.                 // 複製し、重複 id を避けるため clone 側の id を除去する
  3818.                 var clone = src.cloneNode(true);
  3819.                 var ided = clone.querySelectorAll('[id]');
  3820.                 for (var i = 0; i < ided.length; i++) { ided[i].removeAttribute('id'); }
  3821.                 body.appendChild(clone);
  3822.             }
  3823.             sheet.classList.add('is-open');
  3824.             sheet.setAttribute('aria-hidden', 'false');
  3825.             document.body.style.overflow = 'hidden';
  3826.         };
  3827.         window.closeSpMitsumoriDetail = function () {
  3828.             var sheet = document.getElementById('sp-mitsumori-detail');
  3829.             if (!sheet) return;
  3830.             sheet.classList.remove('is-open');
  3831.             sheet.setAttribute('aria-hidden', 'true');
  3832.             document.body.style.overflow = '';
  3833.         };
  3835.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  3836.         (function() {
  3837.             var card = document.querySelector('.mitsumori-card-pc');
  3838.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  3839.             if (!card || !btn) return;
  3840.             // MutationObserverでcollapsed-cardクラスの変化を監視
  3841.             new MutationObserver(function() {
  3842.                 if (card.classList.contains('collapsed-card')) {
  3843.                     btn.textContent = '▼ 詳細';
  3844.                 } else {
  3845.                     btn.textContent = '▲ 閉じる';
  3846.                 }
  3847.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  3848.         })();
  3850.         // ===== エリア案内: スマホのみタップで展開 =====
  3851.         (function() {
  3852.             var notice = document.querySelector('.ec-areaNotice');
  3853.             if (!notice) return;
  3854.             notice.addEventListener('click', function(e) {
  3855.                 if (window.innerWidth > 767) return;
  3856.                 // リンククリック時は展開/折りたたみせずリンク遷移
  3857.                 if (e.target.tagName === 'A') return;
  3858.                 notice.classList.toggle('is-open');
  3859.             });
  3860.         })();
  3862.     </script>
  3863.     <script type=\"application/ld+json\">
  3864.     {
  3865.         \"@context\": \"https://schema.org/\",
  3866.         \"@type\": \"Product\",
  3867.         \"name\": \"";
  3868.         // line 3371
  3869.         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.', 3371, $this->source); })()), "name", [], "any", false, false, false, 3371), "html", null, true);
  3870.         echo "\",
  3871.         \"image\": [
  3872.             ";
  3873.         // line 3373
  3874.         $context['_parent'] = $context;
  3875.         $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.', 3373, $this->source); })()), "ProductImage", [], "any", false, false, false, 3373));
  3876.         $context['_iterated'] = false;
  3877.         $context['loop'] = [
  3878.           'parent' => $context['_parent'],
  3879.           'index0' => 0,
  3880.           'index'  => 1,
  3881.           'first'  => true,
  3882.         ];
  3883.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3884.             $length = count($context['_seq']);
  3885.             $context['loop']['revindex0'] = $length - 1;
  3886.             $context['loop']['revindex'] = $length;
  3887.             $context['loop']['length'] = $length;
  3888.             $context['loop']['last'] = 1 === $length;
  3889.         }
  3890.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  3891.             // line 3374
  3892.             echo "                \"";
  3893.             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.', 3374, $this->source); })()), "request", [], "any", false, false, false, 3374), "schemeAndHttpHost", [], "any", false, false, false, 3374), "html", null, true);
  3894.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  3895.             echo "\"";
  3896.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 3374)) {
  3897.                 echo ",";
  3898.             }
  3899.             // line 3375
  3900.             echo "
  3901.             ";
  3902.             $context['_iterated'] = true;
  3903.             ++$context['loop']['index0'];
  3904.             ++$context['loop']['index'];
  3905.             $context['loop']['first'] = false;
  3906.             if (isset($context['loop']['length'])) {
  3907.                 --$context['loop']['revindex0'];
  3908.                 --$context['loop']['revindex'];
  3909.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3910.             }
  3911.         }
  3912.         if (!$context['_iterated']) {
  3913.             // line 3377
  3914.             echo "                \"";
  3915.             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.', 3377, $this->source); })()), "request", [], "any", false, false, false, 3377), "schemeAndHttpHost", [], "any", false, false, false, 3377), "html", null, true);
  3916.             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);
  3917.             echo "\"
  3918.             ";
  3919.         }
  3920.         $_parent = $context['_parent'];
  3921.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  3922.         $context = array_intersect_key($context, $_parent) + $_parent;
  3923.         // line 3379
  3924.         echo "        ],
  3925.         \"description\": \"";
  3926.         // line 3380
  3927.         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, 3380)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 3380), twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3380, $this->source); })()), "description_detail", [], "any", false, false, false, 3380))) : (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3380, $this->source); })()), "description_detail", [], "any", false, false, false, 3380))), ["
  3928. " => "", " " => ""]), 0, 300), "html", null, true);
  3929.         echo "\",
  3930.         ";
  3931.         // line 3381
  3932.         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.', 3381, $this->source); })()), "code_min", [], "any", false, false, false, 3381)) {
  3933.             // line 3382
  3934.             echo "        \"sku\": \"";
  3935.             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.', 3382, $this->source); })()), "code_min", [], "any", false, false, false, 3382), "html", null, true);
  3936.             echo "\",
  3937.         ";
  3938.         }
  3939.         // line 3384
  3940.         echo "        \"offers\": {
  3941.             \"@type\": \"Offer\",
  3942.             \"url\": \"";
  3943.         // line 3386
  3944.         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.', 3386, $this->source); })()), "id", [], "any", false, false, false, 3386)]), "html", null, true);
  3945.         echo "\",
  3946.             \"priceCurrency\": \"";
  3947.         // line 3387
  3948.         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.', 3387, $this->source); })()), "currency", [], "any", false, false, false, 3387), "html", null, true);
  3949.         echo "\",
  3950.             \"price\": ";
  3951.         // line 3388
  3952.         ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3388, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3388)) ? (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.', 3388, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3388), "html", null, true))) : (print (0)));
  3953.         echo ",
  3954.             \"availability\": \"";
  3955.         // line 3389
  3956.         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.', 3389, $this->source); })()), "stock_find", [], "any", false, false, false, 3389)) ? ("InStock") : ("OutOfStock"));
  3957.         echo "\"
  3958.         }
  3959.     }
  3960.     </script>
  3962. ";
  3963.         
  3964.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  3966.         
  3967.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  3969.     }
  3971.     // line 3396
  3972.     public function block_main($context, array $blocks = [])
  3973.     {
  3974.         $macros = $this->macros;
  3975.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  3976.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  3978.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  3979.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  3981.         // line 3397
  3982.         echo "    ";
  3983.         // line 3398
  3984.         echo "    ";
  3985.         $context["option1_label"] = "オプション1";
  3986.         // line 3399
  3987.         echo "    ";
  3988.         $context["option2_label"] = "オプション2";
  3989.         // line 3400
  3990.         echo "    ";
  3991.         // line 3403
  3992.         echo "    ";
  3993.         $context["is_cat43"] = false;
  3994.         // line 3404
  3995.         echo "    ";
  3996.         // line 3406
  3997.         echo "    ";
  3998.         $context["is_cp"] = false;
  3999.         // line 3407
  4000.         echo "    ";
  4001.         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.', 3407, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3407))) {
  4002.             // line 3408
  4003.             echo "        ";
  4004.             $context['_parent'] = $context;
  4005.             $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.', 3408, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3408));
  4006.             foreach ($context['_seq'] as $context["_key"] => $context["pcat"]) {
  4007.                 // line 3409
  4008.                 echo "            ";
  4009.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3409) == 31)) {
  4010.                     $context["option1_label"] = "サイズプリセット";
  4011.                     $context["option2_label"] = "駆動方式";
  4012.                 }
  4013.                 // line 3410
  4014.                 echo "            ";
  4015.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3410) == 43)) {
  4016.                     $context["option1_label"] = "ランマ";
  4017.                     $context["option2_label"] = "タイプ";
  4018.                     $context["is_cat43"] = true;
  4019.                 }
  4020.                 // line 3411
  4021.                 echo "            ";
  4022.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3411) == 15)) {
  4023.                     $context["option1_label"] = "棚タイプ";
  4024.                 }
  4025.                 // line 3412
  4026.                 echo "            ";
  4027.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3412) == 17)) {
  4028.                     $context["option1_label"] = "窓タイプ";
  4029.                 }
  4030.                 // line 3413
  4031.                 echo "            ";
  4032.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3413) == 7)) {
  4033.                     $context["is_cp"] = true;
  4034.                 }
  4035.                 // line 3414
  4036.                 echo "        ";
  4037.             }
  4038.             $_parent = $context['_parent'];
  4039.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pcat'], $context['_parent'], $context['loop']);
  4040.             $context = array_intersect_key($context, $_parent) + $_parent;
  4041.             // line 3415
  4042.             echo "    ";
  4043.         }
  4044.         // line 3416
  4045.         echo "    ";
  4046.         // line 3418
  4047.         echo "    ";
  4048.         $context["pm_is_roof"] = false;
  4049.         // line 3419
  4050.         echo "    ";
  4051.         $context["pm_stems"] = [];
  4052.         // line 3420
  4053.         echo "    ";
  4054.         if ((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3420, $this->source); })())) {
  4055.             $context['_parent'] = $context;
  4056.             $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.', 3420, $this->source); })()));
  4057.             foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  4058.                 if ($context["v"]) {
  4059.                     // line 3421
  4060.                     echo "        ";
  4061.                     if (preg_match("/ポリカ|折板|波板|熱線|ふきポリ|アルミ形材屋根|スチール折板/", $context["v"])) {
  4062.                         $context["pm_is_roof"] = true;
  4063.                     }
  4064.                     // line 3422
  4065.                     echo "        ";
  4066.                     $context["pm_stem"] = twig_trim_filter(twig_first($this->env, twig_split_filter($this->env, twig_first($this->env, twig_split_filter($this->env, $context["v"], "（")), "(")));
  4067.                     // line 3423
  4068.                     echo "        ";
  4069.                     if (!twig_in_filter((isset($context["pm_stem"]) || array_key_exists("pm_stem", $context) ? $context["pm_stem"] : (function () { throw new RuntimeError('Variable "pm_stem" does not exist.', 3423, $this->source); })()), (isset($context["pm_stems"]) || array_key_exists("pm_stems", $context) ? $context["pm_stems"] : (function () { throw new RuntimeError('Variable "pm_stems" does not exist.', 3423, $this->source); })()))) {
  4070.                         $context["pm_stems"] = twig_array_merge((isset($context["pm_stems"]) || array_key_exists("pm_stems", $context) ? $context["pm_stems"] : (function () { throw new RuntimeError('Variable "pm_stems" does not exist.', 3423, $this->source); })()), [0 => (isset($context["pm_stem"]) || array_key_exists("pm_stem", $context) ? $context["pm_stem"] : (function () { throw new RuntimeError('Variable "pm_stem" does not exist.', 3423, $this->source); })())]);
  4071.                     }
  4072.                     // line 3424
  4073.                     echo "    ";
  4074.                 }
  4075.             }
  4076.             $_parent = $context['_parent'];
  4077.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  4078.             $context = array_intersect_key($context, $_parent) + $_parent;
  4079.         }
  4080.         // line 3425
  4081.         echo "    ";
  4082.         $context["pm_label"] = (((isset($context["pm_is_roof"]) || array_key_exists("pm_is_roof", $context) ? $context["pm_is_roof"] : (function () { throw new RuntimeError('Variable "pm_is_roof" does not exist.', 3425, $this->source); })())) ? ((((twig_length_filter($this->env, (isset($context["pm_stems"]) || array_key_exists("pm_stems", $context) ? $context["pm_stems"] : (function () { throw new RuntimeError('Variable "pm_stems" does not exist.', 3425, $this->source); })())) >= 2)) ? ("屋根材") : ("屋根材の色"))) : ("素材"));
  4083.         // line 3426
  4084.         echo "    <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  4085.         <div class=\"ec-grid2\">
  4086.             <div class=\"ec-grid2__cell\">
  4087.                 <div class=\"ec-sliderItemRole\">
  4088. \t                ";
  4089.         // line 3431
  4090.         echo "\t                <div class=\"ec-productRole__title\">
  4091. \t                    <div class=\"ec-productRole__titleRow\">
  4092. \t                        <h2 class=\"ec-headingTitle\">";
  4093.         // line 3433
  4094.         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.', 3433, $this->source); })()), "name", [], "any", false, false, false, 3433), "html", null, true);
  4095.         echo "</h2>
  4096. \t                        <div class=\"ec-share-inline\">
  4097. \t                            <a href=\"https://twitter.com/share?url=";
  4098.         // line 3435
  4099.         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.', 3435, $this->source); })()), "request", [], "any", false, false, false, 3435), "uri", [], "any", false, false, false, 3435)), "html", null, true);
  4100.         echo "&text=";
  4101.         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.', 3435, $this->source); })()), "name", [], "any", false, false, false, 3435)), "html", null, true);
  4102.         echo "\"
  4103. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  4104. \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>
  4105. \t                            </a>
  4106. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  4107. \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>
  4108. \t                            </a>
  4109. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url=";
  4110.         // line 3442
  4111.         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.', 3442, $this->source); })()), "request", [], "any", false, false, false, 3442), "uri", [], "any", false, false, false, 3442)), "html", null, true);
  4112.         echo "\"
  4113. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  4114. \t                                <i class=\"fab fa-line\"></i>
  4115. \t                            </a>
  4116. \t                        </div>
  4117. \t                    </div>
  4118. \t                </div>
  4119.                     ";
  4120.         // line 3449
  4121.         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.', 3449, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 3449)) {
  4122.             // line 3450
  4123.             echo "                     <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  4124. \t\t\t\t\t\t";
  4125.             // line 3451
  4126.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 3451, $this->source); })()) == false)) {
  4127.                 // line 3452
  4128.                 echo "                        <form action=\"";
  4129.                 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.', 3452, $this->source); })()), "id", [], "any", false, false, false, 3452)]), "html", null, true);
  4130.                 echo "\" method=\"post\">
  4131.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  4132.                         </form>
  4133.                         ";
  4134.             } else {
  4135.                 // line 3456
  4136.                 echo "                        <form action=\"";
  4137.                 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.', 3456, $this->source); })()), "id", [], "any", false, false, false, 3456)]), "html", null, true);
  4138.                 echo "\" method=\"post\">
  4139.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  4140.                         </form>
  4141.                         ";
  4142.             }
  4143.             // line 3460
  4144.             echo "                     </div>
  4145.                     ";
  4146.         }
  4147.         // line 3462
  4148.         echo "                    <div class=\"item_visual\">
  4149.                         ";
  4150.         // line 3463
  4151.         $context['_parent'] = $context;
  4152.         $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.', 3463, $this->source); })()), "ProductImage", [], "any", false, false, false, 3463));
  4153.         $context['_iterated'] = false;
  4154.         $context['loop'] = [
  4155.           'parent' => $context['_parent'],
  4156.           'index0' => 0,
  4157.           'index'  => 1,
  4158.           'first'  => true,
  4159.         ];
  4160.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  4161.             $length = count($context['_seq']);
  4162.             $context['loop']['revindex0'] = $length - 1;
  4163.             $context['loop']['revindex'] = $length;
  4164.             $context['loop']['length'] = $length;
  4165.             $context['loop']['last'] = 1 === $length;
  4166.         }
  4167.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  4168.             // line 3464
  4169.             echo "                            <div class=\"slide-item\">
  4170.                                 <a class=\"js-zoom\" href=\"";
  4171.             // line 3465
  4172.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  4173.             echo "\" aria-label=\"";
  4174.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 3465)) ? (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.', 3465, $this->source); })()), "name", [], "any", false, false, false, 3465), "html", null, true))) : (print ("")));
  4175.             echo "\">
  4176.                                     <img src=\"";
  4177.             // line 3466
  4178.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  4179.             echo "\" alt=\"";
  4180.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 3466)) ? (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.', 3466, $this->source); })()), "name", [], "any", false, false, false, 3466), "html", null, true))) : (print ("")));
  4181.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"";
  4182.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 3466) > 1)) {
  4183.                 echo " loading=\"lazy\"";
  4184.             }
  4185.             echo ">
  4186.                                 </a>
  4187.                             </div>
  4188.                         ";
  4189.             $context['_iterated'] = true;
  4190.             ++$context['loop']['index0'];
  4191.             ++$context['loop']['index'];
  4192.             $context['loop']['first'] = false;
  4193.             if (isset($context['loop']['length'])) {
  4194.                 --$context['loop']['revindex0'];
  4195.                 --$context['loop']['revindex'];
  4196.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  4197.             }
  4198.         }
  4199.         if (!$context['_iterated']) {
  4200.             // line 3470
  4201.             echo "                            <div class=\"slide-item\"><img src=\"";
  4202.             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);
  4203.             echo "\" alt=\"";
  4204.             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.', 3470, $this->source); })()), "name", [], "any", false, false, false, 3470), "html", null, true);
  4205.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  4206.                         ";
  4207.         }
  4208.         $_parent = $context['_parent'];
  4209.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  4210.         $context = array_intersect_key($context, $_parent) + $_parent;
  4211.         // line 3472
  4212.         echo "                    </div>
  4213.                     <div class=\"item_nav\">
  4214.                         ";
  4215.         // line 3474
  4216.         $context['_parent'] = $context;
  4217.         $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.', 3474, $this->source); })()), "ProductImage", [], "any", false, false, false, 3474));
  4218.         $context['loop'] = [
  4219.           'parent' => $context['_parent'],
  4220.           'index0' => 0,
  4221.           'index'  => 1,
  4222.           'first'  => true,
  4223.         ];
  4224.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  4225.             $length = count($context['_seq']);
  4226.             $context['loop']['revindex0'] = $length - 1;
  4227.             $context['loop']['revindex'] = $length;
  4228.             $context['loop']['length'] = $length;
  4229.             $context['loop']['last'] = 1 === $length;
  4230.         }
  4231.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  4232.             // line 3475
  4233.             echo "                            <div class=\"slideThumb\" data-index=\"";
  4234.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 3475), "html", null, true);
  4235.             echo "\"><img src=\"";
  4236.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  4237.             echo "\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  4238.                         ";
  4239.             ++$context['loop']['index0'];
  4240.             ++$context['loop']['index'];
  4241.             $context['loop']['first'] = false;
  4242.             if (isset($context['loop']['length'])) {
  4243.                 --$context['loop']['revindex0'];
  4244.                 --$context['loop']['revindex'];
  4245.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  4246.             }
  4247.         }
  4248.         $_parent = $context['_parent'];
  4249.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  4250.         $context = array_intersect_key($context, $_parent) + $_parent;
  4251.         // line 3477
  4252.         echo "                    </div>
  4254.                 </div>
  4256.                     ";
  4257.         // line 3482
  4258.         echo "                    <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  4259.                         <div class=\"ec-areaNotice__inner\">
  4260.                             <div class=\"ec-areaNotice__icon\">📍</div>
  4261.                             <div class=\"ec-areaNotice__body\">
  4262.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  4263.                                 <div class=\"ec-areaNotice__detail\">
  4264.                                     <p class=\"ec-areaNotice__text\">
  4265.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  4266.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  4267.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  4268.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  4269.                                     </p>
  4270.                                     <a class=\"ec-areaNotice__link\" href=\"";
  4271.         // line 3494
  4272.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact");
  4273.         echo "\">エリア外のお客様・ご相談はこちら →</a>
  4274.                                 </div>
  4275.                             </div>
  4276.                         </div>
  4277.                     </div>
  4279.             </div>
  4281.             <div class=\"ec-grid2__cell2\">
  4282.                 <div class=\"ec-productRole__profile\" >
  4283.                     ";
  4284.         // line 3505
  4285.         echo "                    ";
  4286.         $context["hidden_cat_ids"] = [0 => 21, 1 => 28, 2 => 44];
  4287.         // line 3506
  4288.         echo "                    ";
  4289.         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.', 3506, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3506))) {
  4290.             // line 3507
  4291.             echo "                        <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  4292.                             ";
  4293.             // line 3508
  4294.             $context['_parent'] = $context;
  4295.             $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.', 3508, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3508));
  4296.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  4297.                 // line 3509
  4298.                 echo "                                ";
  4299.                 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, 3509), "id", [], "any", false, false, false, 3509), (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.', 3509, $this->source); })()))) {
  4300.                     // line 3510
  4301.                     echo "                                <ul>
  4302.                                     <li>
  4303.                                         ";
  4304.                     // line 3512
  4305.                     $context['_parent'] = $context;
  4306.                     $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, 3512), "path", [], "any", false, false, false, 3512));
  4307.                     $context['loop'] = [
  4308.                       'parent' => $context['_parent'],
  4309.                       'index0' => 0,
  4310.                       'index'  => 1,
  4311.                       'first'  => true,
  4312.                     ];
  4313.                     if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  4314.                         $length = count($context['_seq']);
  4315.                         $context['loop']['revindex0'] = $length - 1;
  4316.                         $context['loop']['revindex'] = $length;
  4317.                         $context['loop']['length'] = $length;
  4318.                         $context['loop']['last'] = 1 === $length;
  4319.                     }
  4320.                     foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  4321.                         // line 3513
  4322.                         echo "                                            <a href=\"";
  4323.                         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  4324.                         echo "?category_id=";
  4325.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 3513), "html", null, true);
  4326.                         echo "\">";
  4327.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 3513), "html", null, true);
  4328.                         echo "</a>";
  4329.                         if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 3513) == false)) {
  4330.                             // line 3514
  4331.                             echo "                                            <span>＞</span>";
  4332.                         }
  4333.                         ++$context['loop']['index0'];
  4334.                         ++$context['loop']['index'];
  4335.                         $context['loop']['first'] = false;
  4336.                         if (isset($context['loop']['length'])) {
  4337.                             --$context['loop']['revindex0'];
  4338.                             --$context['loop']['revindex'];
  4339.                             $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  4340.                         }
  4341.                     }
  4342.                     $_parent = $context['_parent'];
  4343.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  4344.                     $context = array_intersect_key($context, $_parent) + $_parent;
  4345.                     // line 3516
  4346.                     echo "                                    </li>
  4347.                                 </ul>
  4348.                                 ";
  4349.                 }
  4350.                 // line 3519
  4351.                 echo "                            ";
  4352.             }
  4353.             $_parent = $context['_parent'];
  4354.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  4355.             $context = array_intersect_key($context, $_parent) + $_parent;
  4356.             // line 3520
  4357.             echo "                        </div>
  4358.                     ";
  4359.         }
  4360.         // line 3522
  4361.         echo "                    ";
  4362.         // line 3523
  4363.         echo "                    <div class=\"ec-productRole__price\">
  4364. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  4365.                         ";
  4366.         // line 3526
  4367.         echo "                        ";
  4368.         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.', 3526, $this->source); })()), "hasProductClass", [], "any", false, false, false, 3526)) {
  4369.             // line 3527
  4370.             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.', 3527, $this->source); })()), "getPrice02Min", [], "any", false, false, false, 3527) == twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3527, $this->source); })()), "getPrice02Max", [], "any", false, false, false, 3527))) {
  4371.                 // line 3528
  4372.                 echo "                                <div class=\"ec-price\">
  4373.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  4374.                 // line 3529
  4375.                 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.', 3529, $this->source); })()), "getPrice02Min", [], "any", false, false, false, 3529)), "html", null, true);
  4376.                 echo "</span>
  4377.                                     <span class=\"ec-price__tax\">(税抜)～</span>
  4378.                                 </div>
  4379.                             ";
  4380.             } else {
  4381.                 // line 3533
  4382.                 echo "                                <div class=\"ec-price\">
  4383.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  4384.                 // line 3534
  4385.                 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.', 3534, $this->source); })()), "getPrice02Min", [], "any", false, false, false, 3534)), "html", null, true);
  4386.                 echo " ～ ";
  4387.                 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.', 3534, $this->source); })()), "getPrice02Max", [], "any", false, false, false, 3534)), "html", null, true);
  4388.                 echo "</span>
  4389.                                     <span class=\"ec-price__tax\">(税抜)</span>
  4390.                                 </div>
  4391.                             ";
  4392.             }
  4393.             // line 3538
  4394.             echo "                        ";
  4395.         } else {
  4396.             // line 3539
  4397.             echo "                            <div class=\"ec-price\">
  4398.                                 <span id=\"price02-display\" class=\"ec-price__price\">";
  4399.             // line 3540
  4400.             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.', 3540, $this->source); })()), "getPrice02Min", [], "any", false, false, false, 3540)), "html", null, true);
  4401.             echo "</span>
  4402.                                     <span class=\"ec-price__tax\">(税抜)～</span>
  4403.                             </div>
  4404.                         ";
  4405.         }
  4406.         // line 3544
  4407.         echo "                    </div>
  4408.                     ";
  4409.         // line 3546
  4410.         echo "                    <ul class=\"ec-productRole__tags\">
  4411.                         ";
  4412.         // line 3547
  4413.         $context['_parent'] = $context;
  4414.         $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.', 3547, $this->source); })()), "Tags", [], "any", false, false, false, 3547));
  4415.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  4416.             // line 3548
  4417.             echo "                            <li class=\"ec-productRole__tag tag_";
  4418.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 3548), "html", null, true);
  4419.             echo "\">";
  4420.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  4421.             echo "</li>
  4422.                         ";
  4423.         }
  4424.         $_parent = $context['_parent'];
  4425.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  4426.         $context = array_intersect_key($context, $_parent) + $_parent;
  4427.         // line 3550
  4428.         echo "                    </ul>
  4429.                     ";
  4430.         // line 3552
  4431.         echo "                    ";
  4432.         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.', 3552, $this->source); })()), "code_min", [], "any", false, false, false, 3552))) {
  4433.             // line 3553
  4434.             echo "                        <div class=\"ec-productRole__code\">
  4435.                             ";
  4436.             // line 3554
  4437.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  4438.             echo "： <span class=\"product-code-default\">";
  4439.             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.', 3554, $this->source); })()), "code_min", [], "any", false, false, false, 3554), "html", null, true);
  4440.             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.', 3554, $this->source); })()), "code_min", [], "any", false, false, false, 3554) != twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3554, $this->source); })()), "code_max", [], "any", false, false, false, 3554))) {
  4441.                 echo " ～ ";
  4442.                 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.', 3554, $this->source); })()), "code_max", [], "any", false, false, false, 3554), "html", null, true);
  4443.             }
  4444.             echo "</span>
  4445.                         </div>
  4446.                     ";
  4447.         }
  4448.         // line 3557
  4449.         echo "
  4450.                     <div class=\"ec-productRole__description\">
  4451. \t\t\t\t        <div class=\"ec-rectHeading\">
  4452. \t\t\t\t            <h4>製品情報</h4>
  4453. \t\t\t\t        </div>
  4454. \t\t\t\t\t\t";
  4455.         // line 3562
  4456.         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.', 3562, $this->source); })()), "sales_infomation", [], "any", false, false, false, 3562));
  4457.         echo "
  4458.                     </div>
  4460.                     ";
  4461.         // line 3568
  4462.         echo "                    ";
  4463.         $context["SetItems"] = $this->extensions['Customize\Util\JsonExtension']->jsonDecode(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3568, $this->source); })()), "list_spec", [], "any", false, false, false, 3568));
  4464.         // line 3569
  4465.         echo "                    ";
  4466.         if ((((isset($context["SetItems"]) || array_key_exists("SetItems", $context) ? $context["SetItems"] : (function () { throw new RuntimeError('Variable "SetItems" does not exist.', 3569, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["SetItems"] ?? null), "items", [], "any", true, true, false, 3569)) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["SetItems"]) || array_key_exists("SetItems", $context) ? $context["SetItems"] : (function () { throw new RuntimeError('Variable "SetItems" does not exist.', 3569, $this->source); })()), "items", [], "any", false, false, false, 3569)))) {
  4467.             // line 3570
  4468.             echo "                        <div class=\"ec-productRole__setItems\">
  4469.                             <div class=\"ec-rectHeading\">
  4470.                                 <h4>";
  4471.             // line 3572
  4472.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["SetItems"] ?? null), "title", [], "any", true, true, false, 3572)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["SetItems"] ?? null), "title", [], "any", false, false, false, 3572), "この商品の構成セット内容（メーカーカタログ価格）")) : ("この商品の構成セット内容（メーカーカタログ価格）")), "html", null, true);
  4473.             echo "</h4>
  4474.                             </div>
  4475.                             <table class=\"set-items-table\">
  4476.                                 <tbody>
  4477.                                 ";
  4478.             // line 3576
  4479.             $context['_parent'] = $context;
  4480.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["SetItems"]) || array_key_exists("SetItems", $context) ? $context["SetItems"] : (function () { throw new RuntimeError('Variable "SetItems" does not exist.', 3576, $this->source); })()), "items", [], "any", false, false, false, 3576));
  4481.             foreach ($context['_seq'] as $context["_key"] => $context["SetItem"]) {
  4482.                 // line 3577
  4483.                 echo "                                    <tr>
  4484.                                         <th>";
  4485.                 // line 3578
  4486.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["SetItem"], "name", [], "any", false, false, false, 3578), "html", null, true);
  4487.                 echo "</th>
  4488.                                         <td>";
  4489.                 // line 3579
  4490.                 if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["SetItem"], "price", [], "any", false, false, false, 3579))) {
  4491.                     echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, $context["SetItem"], "price", [], "any", false, false, false, 3579)), "html", null, true);
  4492.                 }
  4493.                 echo "</td>
  4494.                                     </tr>
  4495.                                 ";
  4496.             }
  4497.             $_parent = $context['_parent'];
  4498.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['SetItem'], $context['_parent'], $context['loop']);
  4499.             $context = array_intersect_key($context, $_parent) + $_parent;
  4500.             // line 3582
  4501.             echo "                                </tbody>
  4502.                                 ";
  4503.             // line 3583
  4504.             if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["SetItems"]) || array_key_exists("SetItems", $context) ? $context["SetItems"] : (function () { throw new RuntimeError('Variable "SetItems" does not exist.', 3583, $this->source); })()), "total", [], "any", false, false, false, 3583))) {
  4505.                 // line 3584
  4506.                 echo "                                <tfoot>
  4507.                                     <tr>
  4508.                                         <th>構成セット価格（メーカーカタログ価格）</th>
  4509.                                         <td>";
  4510.                 // line 3587
  4511.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["SetItems"]) || array_key_exists("SetItems", $context) ? $context["SetItems"] : (function () { throw new RuntimeError('Variable "SetItems" does not exist.', 3587, $this->source); })()), "total", [], "any", false, false, false, 3587)), "html", null, true);
  4512.                 echo "</td>
  4513.                                     </tr>
  4514.                                 </tfoot>
  4515.                                 ";
  4516.             }
  4517.             // line 3591
  4518.             echo "                            </table>
  4519.                         </div>
  4520.                     ";
  4521.         }
  4522.         // line 3594
  4523.         echo "
  4524.                     ";
  4525.         // line 3596
  4526.         echo "                    ";
  4527.         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.', 3596, $this->source); })()), "maker_url", [], "any", false, false, false, 3596)) && !twig_in_filter("ex-shop.net", twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3596, $this->source); })()), "maker_url", [], "any", false, false, false, 3596)))) {
  4528.             // line 3597
  4529.             echo "                        <div class=\"ec-productRole__catalog\" style=\"margin:8px 0;\">
  4530.                             <a href=\"";
  4531.             // line 3598
  4532.             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.', 3598, $this->source); })()), "maker_url", [], "any", false, false, false, 3598), "html", null, true);
  4533.             echo "\" target=\"_blank\" rel=\"noopener noreferrer\">
  4534.                                 <i class=\"far fa-file-alt\"></i> この商品のメーカーカタログを見る
  4535.                             </a>
  4536.                         </div>
  4537.                     ";
  4538.         }
  4539.         // line 3603
  4540.         echo "
  4542. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  4543. \t\t\t\t\t  <div class=\"card-header\">
  4544. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  4545. \t\t\t\t\t  </div>
  4546. \t\t\t\t\t  <div class=\"card-body p-2\">
  4547.                         ";
  4548.         // line 3610
  4549.         $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.', 3610, $this->source); })()), "id", [], "any", false, false, false, 3610), "related_image");
  4550.         // line 3611
  4551.         echo "                        ";
  4552.         // line 3612
  4553.         echo "                        ";
  4554.         $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.', 3612, $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.', 3612, $this->source); })())));
  4555.         // line 3613
  4556.         echo "                        ";
  4557.         $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.', 3613, $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.', 3613, $this->source); })())));
  4558.         // line 3614
  4559.         echo "                        ";
  4560.         $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.', 3614, $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.', 3614, $this->source); })())));
  4561.         // line 3615
  4562.         echo "                        ";
  4563.         $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.', 3615, $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.', 3615, $this->source); })())));
  4564.         // line 3616
  4565.         echo "\t\t\t\t\t    ";
  4566.         $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.', 3616, $this->source); })()), "id", [], "any", false, false, false, 3616), "related_name1");
  4567.         // line 3617
  4568.         echo "\t\t\t\t\t\t";
  4569.         $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.', 3617, $this->source); })()), "id", [], "any", false, false, false, 3617), "related_name2");
  4570.         // line 3618
  4571.         echo "\t\t\t\t\t\t";
  4572.         $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.', 3618, $this->source); })()), "id", [], "any", false, false, false, 3618), "related_name3");
  4573.         // line 3619
  4574.         echo "\t\t\t\t\t\t";
  4575.         $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.', 3619, $this->source); })()), "id", [], "any", false, false, false, 3619), "related_name4");
  4576.         // line 3620
  4577.         echo "\t\t\t\t\t\t";
  4578.         $context["hasRelated"] = ((((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 3620, $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.', 3620, $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.', 3620, $this->source); })()))) || ((        // line 3621
  4579. (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 3621, $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.', 3621, $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.', 3621, $this->source); })())))) || ((        // line 3622
  4580. (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 3622, $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.', 3622, $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.', 3622, $this->source); })())))) || ((        // line 3623
  4581. (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 3623, $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.', 3623, $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.', 3623, $this->source); })()))));
  4582.         // line 3624
  4583.         echo "\t\t\t\t\t\t";
  4584.         if ((isset($context["hasRelated"]) || array_key_exists("hasRelated", $context) ? $context["hasRelated"] : (function () { throw new RuntimeError('Variable "hasRelated" does not exist.', 3624, $this->source); })())) {
  4585.             // line 3625
  4586.             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>
  4587. \t\t\t\t\t\t";
  4588.         }
  4589.         // line 3627
  4590.         echo "
  4591. \t\t\t\t\t\t";
  4592.         // line 3629
  4593.         echo "\t\t\t\t\t\t";
  4594.         if ((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 3629, $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.', 3629, $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.', 3629, $this->source); })())))) {
  4595.             // line 3630
  4596.             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)\">
  4597. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4598.             // line 3631
  4599.             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.', 3631, $this->source); })()), "html", null, true);
  4600.             if (((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 3631, $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.', 3631, $this->source); })()))) {
  4601.                 echo ": <span>";
  4602.                 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.', 3631, $this->source); })()), "html", null, true);
  4603.                 echo "</span>";
  4604.             }
  4605.             echo "</div>
  4606. \t\t\t\t\t\t  ";
  4607.             // line 3632
  4608.             if ((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 3632, $this->source); })())) {
  4609.                 // line 3633
  4610.                 echo "\t\t\t\t\t\t    ";
  4611.                 // line 3634
  4612.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4613. \t\t\t\t\t\t      ";
  4614.                 // line 3635
  4615.                 $context['_parent'] = $context;
  4616.                 $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.', 3635, $this->source); })()));
  4617.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4618.                     // line 3636
  4619.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4620.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3636, $this->source); })()) == $context["rp_name"])) {
  4621.                         echo " is-selected";
  4622.                     }
  4623.                     echo "\" href=\"/products/detail/";
  4624.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4625.                     echo "\">
  4626. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4627. \t\t\t\t\t\t               src=\"";
  4628.                     // line 3638
  4629.                     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, 3638) && 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.', 3638, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3638))) ? ($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.', 3638, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3638), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4630.                     echo "\"
  4631. \t\t\t\t\t\t               alt=\"";
  4632.                     // line 3639
  4633.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4634.                     echo "\"
  4635. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4636. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4637. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4638. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4639.                     // line 3643
  4640.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4641.                     echo "</span>
  4642. \t\t\t\t\t\t        </a>
  4643. \t\t\t\t\t\t      ";
  4644.                 }
  4645.                 $_parent = $context['_parent'];
  4646.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4647.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4648.                 // line 3646
  4649.                 echo "\t\t\t\t\t\t    </div>
  4650. \t\t\t\t\t\t  ";
  4651.             } else {
  4652.                 // line 3648
  4653.                 echo "\t\t\t\t\t\t    ";
  4654.                 // line 3649
  4655.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4656. \t\t\t\t\t\t      ";
  4657.                 // line 3650
  4658.                 $context['_parent'] = $context;
  4659.                 $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.', 3650, $this->source); })()));
  4660.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4661.                     // line 3651
  4662.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4663.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3651, $this->source); })()) == $context["rp_name"])) {
  4664.                         echo " is-selected";
  4665.                     }
  4666.                     echo "\" href=\"/products/detail/";
  4667.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4668.                     echo "\">
  4669. \t\t\t\t\t\t          ";
  4670.                     // line 3652
  4671.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4672.                     echo "
  4673. \t\t\t\t\t\t        </a>
  4674. \t\t\t\t\t\t      ";
  4675.                 }
  4676.                 $_parent = $context['_parent'];
  4677.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4678.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4679.                 // line 3655
  4680.                 echo "\t\t\t\t\t\t    </div>
  4681. \t\t\t\t\t\t  ";
  4682.             }
  4683.             // line 3657
  4684.             echo "\t\t\t\t\t\t</div>
  4685. \t\t\t\t\t\t";
  4686.         }
  4687.         // line 3659
  4688.         echo "
  4689. \t\t\t\t\t\t";
  4690.         // line 3661
  4691.         echo "\t\t\t\t\t\t";
  4692.         if ((((isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 3661, $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.', 3661, $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.', 3661, $this->source); })())))) {
  4693.             // line 3662
  4694.             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)\">
  4695. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4696.             // line 3663
  4697.             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.', 3663, $this->source); })()), "html", null, true);
  4698.             if (((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 3663, $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.', 3663, $this->source); })()))) {
  4699.                 echo ": <span>";
  4700.                 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.', 3663, $this->source); })()), "html", null, true);
  4701.                 echo "</span>";
  4702.             }
  4703.             echo "</div>
  4704. \t\t\t\t\t\t  ";
  4705.             // line 3664
  4706.             if ((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 3664, $this->source); })())) {
  4707.                 // line 3665
  4708.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4709. \t\t\t\t\t\t      ";
  4710.                 // line 3666
  4711.                 $context['_parent'] = $context;
  4712.                 $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.', 3666, $this->source); })()));
  4713.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4714.                     // line 3667
  4715.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4716.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3667, $this->source); })()) == $context["rp_name"])) {
  4717.                         echo " is-selected";
  4718.                     }
  4719.                     echo "\" href=\"/products/detail/";
  4720.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4721.                     echo "\">
  4722. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4723. \t\t\t\t\t\t               src=\"";
  4724.                     // line 3669
  4725.                     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, 3669) && 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.', 3669, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3669))) ? ($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.', 3669, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3669), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4726.                     echo "\"
  4727. \t\t\t\t\t\t               alt=\"";
  4728.                     // line 3670
  4729.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4730.                     echo "\"
  4731. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4732. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4733. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4734. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4735.                     // line 3674
  4736.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4737.                     echo "</span>
  4738. \t\t\t\t\t\t        </a>
  4739. \t\t\t\t\t\t      ";
  4740.                 }
  4741.                 $_parent = $context['_parent'];
  4742.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4743.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4744.                 // line 3677
  4745.                 echo "\t\t\t\t\t\t    </div>
  4746. \t\t\t\t\t\t  ";
  4747.             } else {
  4748.                 // line 3679
  4749.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4750. \t\t\t\t\t\t      ";
  4751.                 // line 3680
  4752.                 $context['_parent'] = $context;
  4753.                 $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.', 3680, $this->source); })()));
  4754.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4755.                     // line 3681
  4756.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4757.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3681, $this->source); })()) == $context["rp_name"])) {
  4758.                         echo " is-selected";
  4759.                     }
  4760.                     echo "\" href=\"/products/detail/";
  4761.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4762.                     echo "\">
  4763. \t\t\t\t\t\t          ";
  4764.                     // line 3682
  4765.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4766.                     echo "
  4767. \t\t\t\t\t\t        </a>
  4768. \t\t\t\t\t\t      ";
  4769.                 }
  4770.                 $_parent = $context['_parent'];
  4771.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4772.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4773.                 // line 3685
  4774.                 echo "\t\t\t\t\t\t    </div>
  4775. \t\t\t\t\t\t  ";
  4776.             }
  4777.             // line 3687
  4778.             echo "\t\t\t\t\t\t</div>
  4779. \t\t\t\t\t\t";
  4780.         }
  4781.         // line 3689
  4782.         echo "
  4783. \t\t\t\t\t\t";
  4784.         // line 3691
  4785.         echo "\t\t\t\t\t\t";
  4786.         if ((((isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 3691, $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.', 3691, $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.', 3691, $this->source); })())))) {
  4787.             // line 3692
  4788.             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)\">
  4789. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4790.             // line 3693
  4791.             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.', 3693, $this->source); })()), "html", null, true);
  4792.             if (((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 3693, $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.', 3693, $this->source); })()))) {
  4793.                 echo ": <span>";
  4794.                 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.', 3693, $this->source); })()), "html", null, true);
  4795.                 echo "</span>";
  4796.             }
  4797.             echo "</div>
  4798. \t\t\t\t\t\t  ";
  4799.             // line 3694
  4800.             if ((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 3694, $this->source); })())) {
  4801.                 // line 3695
  4802.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4803. \t\t\t\t\t\t      ";
  4804.                 // line 3696
  4805.                 $context['_parent'] = $context;
  4806.                 $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.', 3696, $this->source); })()));
  4807.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4808.                     // line 3697
  4809.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4810.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3697, $this->source); })()) == $context["rp_name"])) {
  4811.                         echo " is-selected";
  4812.                     }
  4813.                     echo "\" href=\"/products/detail/";
  4814.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4815.                     echo "\">
  4816. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4817. \t\t\t\t\t\t               src=\"";
  4818.                     // line 3699
  4819.                     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, 3699) && 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.', 3699, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3699))) ? ($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.', 3699, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3699), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4820.                     echo "\"
  4821. \t\t\t\t\t\t               alt=\"";
  4822.                     // line 3700
  4823.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4824.                     echo "\"
  4825. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4826. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4827. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4828. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4829.                     // line 3704
  4830.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4831.                     echo "</span>
  4832. \t\t\t\t\t\t        </a>
  4833. \t\t\t\t\t\t      ";
  4834.                 }
  4835.                 $_parent = $context['_parent'];
  4836.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4837.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4838.                 // line 3707
  4839.                 echo "\t\t\t\t\t\t    </div>
  4840. \t\t\t\t\t\t  ";
  4841.             } else {
  4842.                 // line 3709
  4843.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4844. \t\t\t\t\t\t      ";
  4845.                 // line 3710
  4846.                 $context['_parent'] = $context;
  4847.                 $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.', 3710, $this->source); })()));
  4848.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4849.                     // line 3711
  4850.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4851.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3711, $this->source); })()) == $context["rp_name"])) {
  4852.                         echo " is-selected";
  4853.                     }
  4854.                     echo "\" href=\"/products/detail/";
  4855.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4856.                     echo "\">
  4857. \t\t\t\t\t\t          ";
  4858.                     // line 3712
  4859.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4860.                     echo "
  4861. \t\t\t\t\t\t        </a>
  4862. \t\t\t\t\t\t      ";
  4863.                 }
  4864.                 $_parent = $context['_parent'];
  4865.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4866.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4867.                 // line 3715
  4868.                 echo "\t\t\t\t\t\t    </div>
  4869. \t\t\t\t\t\t  ";
  4870.             }
  4871.             // line 3717
  4872.             echo "\t\t\t\t\t\t</div>
  4873. \t\t\t\t\t\t";
  4874.         }
  4875.         // line 3719
  4876.         echo "
  4877. \t\t\t\t\t\t";
  4878.         // line 3721
  4879.         echo "\t\t\t\t\t\t";
  4880.         if ((((isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 3721, $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.', 3721, $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.', 3721, $this->source); })())))) {
  4881.             // line 3722
  4882.             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)\">
  4883. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4884.             // line 3723
  4885.             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.', 3723, $this->source); })()), "html", null, true);
  4886.             if (((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 3723, $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.', 3723, $this->source); })()))) {
  4887.                 echo ": <span>";
  4888.                 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.', 3723, $this->source); })()), "html", null, true);
  4889.                 echo "</span>";
  4890.             }
  4891.             echo "</div>
  4892. \t\t\t\t\t\t  ";
  4893.             // line 3724
  4894.             if ((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 3724, $this->source); })())) {
  4895.                 // line 3725
  4896.                 echo "\t\t\t\t\t\t    ";
  4897.                 // line 3726
  4898.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4899. \t\t\t\t\t\t      ";
  4900.                 // line 3727
  4901.                 $context['_parent'] = $context;
  4902.                 $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.', 3727, $this->source); })()));
  4903.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4904.                     // line 3728
  4905.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4906.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3728, $this->source); })()) == $context["rp_name"])) {
  4907.                         echo " is-selected";
  4908.                     }
  4909.                     echo "\" href=\"/products/detail/";
  4910.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4911.                     echo "\">
  4912. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4913. \t\t\t\t\t\t               src=\"";
  4914.                     // line 3730
  4915.                     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, 3730) && 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.', 3730, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3730))) ? ($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.', 3730, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3730), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4916.                     echo "\"
  4917. \t\t\t\t\t\t               alt=\"";
  4918.                     // line 3731
  4919.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4920.                     echo "\" width=\"120\" height=\"120\" loading=\"lazy\">
  4921. \t\t\t\t\t\t          <span class=\"rp-card__label\">";
  4922.                     // line 3732
  4923.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4924.                     echo "</span>
  4925. \t\t\t\t\t\t        </a>
  4926. \t\t\t\t\t\t      ";
  4927.                 }
  4928.                 $_parent = $context['_parent'];
  4929.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4930.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4931.                 // line 3735
  4932.                 echo "\t\t\t\t\t\t    </div>
  4933. \t\t\t\t\t\t  ";
  4934.             } else {
  4935.                 // line 3737
  4936.                 echo "\t\t\t\t\t\t    ";
  4937.                 // line 3738
  4938.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4939. \t\t\t\t\t\t      ";
  4940.                 // line 3739
  4941.                 $context['_parent'] = $context;
  4942.                 $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.', 3739, $this->source); })()));
  4943.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4944.                     // line 3740
  4945.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4946.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3740, $this->source); })()) == $context["rp_name"])) {
  4947.                         echo " is-selected";
  4948.                     }
  4949.                     echo "\" href=\"/products/detail/";
  4950.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4951.                     echo "\">
  4952. \t\t\t\t\t\t          ";
  4953.                     // line 3741
  4954.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4955.                     echo "
  4956. \t\t\t\t\t\t        </a>
  4957. \t\t\t\t\t\t      ";
  4958.                 }
  4959.                 $_parent = $context['_parent'];
  4960.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4961.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4962.                 // line 3744
  4963.                 echo "\t\t\t\t\t\t    </div>
  4964. \t\t\t\t\t\t  ";
  4965.             }
  4966.             // line 3746
  4967.             echo "\t\t\t\t\t\t</div>
  4968. \t\t\t\t\t\t";
  4969.         }
  4970.         // line 3748
  4971.         echo "
  4973. \t\t\t\t\t    ";
  4974.         // line 3757
  4975.         echo "\t\t\t\t\t    ";
  4976.         $context["is_gs_h"] = false;
  4977.         // line 3758
  4978.         echo "\t\t\t\t\t    ";
  4979.         $context["is_cg_h"] = false;
  4980.         // line 3759
  4981.         echo "\t\t\t\t\t    ";
  4982.         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.', 3759, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3759))) {
  4983.             // line 3760
  4984.             echo "\t\t\t\t\t        ";
  4985.             $context['_parent'] = $context;
  4986.             $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.', 3760, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3760));
  4987.             foreach ($context['_seq'] as $context["_key"] => $context["pc_h"]) {
  4988.                 // line 3761
  4989.                 echo "\t\t\t\t\t            ";
  4990.                 if ((twig_get_attribute($this->env, $this->source, $context["pc_h"], "category_id", [], "any", false, false, false, 3761) == 27)) {
  4991.                     $context["is_gs_h"] = true;
  4992.                 }
  4993.                 // line 3762
  4994.                 echo "\t\t\t\t\t            ";
  4995.                 if ((twig_get_attribute($this->env, $this->source, $context["pc_h"], "category_id", [], "any", false, false, false, 3762) == 9)) {
  4996.                     $context["is_cg_h"] = true;
  4997.                 }
  4998.                 // line 3763
  4999.                 echo "\t\t\t\t\t        ";
  5000.             }
  5001.             $_parent = $context['_parent'];
  5002.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pc_h'], $context['_parent'], $context['loop']);
  5003.             $context = array_intersect_key($context, $_parent) + $_parent;
  5004.             // line 3764
  5005.             echo "\t\t\t\t\t    ";
  5006.         }
  5007.         // line 3765
  5008.         echo "\t\t\t\t\t    ";
  5009.         $context["visible_op_count"] = 0;
  5010.         // line 3766
  5011.         echo "\t\t\t\t\t    ";
  5012.         if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 3766, $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.', 3766, $this->source); })())))) {
  5013.             // line 3767
  5014.             echo "\t\t\t\t\t        ";
  5015.             $context['_parent'] = $context;
  5016.             $context['_seq'] = twig_ensure_traversable((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 3767, $this->source); })()));
  5017.             foreach ($context['_seq'] as $context["_key"] => $context["opi"]) {
  5018.                 // line 3768
  5019.                 echo "\t\t\t\t\t            ";
  5020.                 if (twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3768)) {
  5021.                     // line 3769
  5022.                     echo "\t\t\t\t\t                ";
  5023.                     $context["_hide_h"] = false;
  5024.                     // line 3770
  5025.                     echo "\t\t\t\t\t                ";
  5026.                     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.', 3770, $this->source); })()) && (preg_match("/撤去/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3770)) || preg_match("/残土/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3770))))) {
  5027.                         $context["_hide_h"] = true;
  5028.                     }
  5029.                     // line 3771
  5030.                     echo "\t\t\t\t\t                ";
  5031.                     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.', 3771, $this->source); })()) && preg_match("/残土/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3771)))) {
  5032.                         $context["_hide_h"] = true;
  5033.                     }
  5034.                     // line 3772
  5035.                     echo "\t\t\t\t\t                ";
  5036.                     if ( !(isset($context["_hide_h"]) || array_key_exists("_hide_h", $context) ? $context["_hide_h"] : (function () { throw new RuntimeError('Variable "_hide_h" does not exist.', 3772, $this->source); })())) {
  5037.                         $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.', 3772, $this->source); })()) + 1);
  5038.                     }
  5039.                     // line 3773
  5040.                     echo "\t\t\t\t\t            ";
  5041.                 }
  5042.                 // line 3774
  5043.                 echo "\t\t\t\t\t        ";
  5044.             }
  5045.             $_parent = $context['_parent'];
  5046.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opi'], $context['_parent'], $context['loop']);
  5047.             $context = array_intersect_key($context, $_parent) + $_parent;
  5048.             // line 3775
  5049.             echo "\t\t\t\t\t    ";
  5050.         }
  5051.         // line 3776
  5052.         echo "\t\t\t\t\t    ";
  5053.         $context["has_any_option"] = (((((((((        // line 3777
  5054. (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3777, $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.', 3777, $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.', 3777, $this->source); })()), "SaleType", [], "any", false, false, false, 3777), "id", [], "any", false, false, false, 3777) != 3)) || ((        // line 3778
  5055. (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3778, $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.', 3778, $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.', 3778, $this->source); })())) != ""))) || ((        // line 3779
  5056. (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3779, $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.', 3779, $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.', 3779, $this->source); })())) != ""))) || ((        // line 3780
  5057. (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3780, $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.', 3780, $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.', 3780, $this->source); })())) != ""))) || ((        // line 3781
  5058. (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3781, $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.', 3781, $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.', 3781, $this->source); })())) != ""))) || ((        // line 3782
  5059. (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3782, $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.', 3782, $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.', 3782, $this->source); })())) != ""))) || ((        // line 3783
  5060. (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3783, $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.', 3783, $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.', 3783, $this->source); })())) != ""))) || twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 3784
  5061. (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3784, $this->source); })()), "SaleType", [], "any", false, false, false, 3784), "id", [], "any", false, false, false, 3784), [0 => 2, 1 => 5, 2 => 6, 3 => 7, 4 => 9]));
  5062.         // line 3786
  5063.         echo "\t\t\t\t\t    ";
  5064.         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.', 3786, $this->source); })())) {
  5065.             // line 3787
  5066.             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>
  5067. \t\t\t\t\t    ";
  5068.         }
  5069.         // line 3789
  5070.         echo "
  5071.                         ";
  5072.         // line 3791
  5073.         echo "                        ";
  5074.         if (((((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3791, $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.', 3791, $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.', 3791, $this->source); })()), "SaleType", [], "any", false, false, false, 3791), "id", [], "any", false, false, false, 3791) != 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.', 3791, $this->source); })()), "SaleType", [], "any", false, false, false, 3791), "id", [], "any", false, false, false, 3791) != 2))) {
  5075.             // line 3792
  5076.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5077.                           <div class=\"rp-section-label\">カラー";
  5078.             // line 3793
  5079.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3793, $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.', 3793, $this->source); })()), "pc", [], "any", false, false, false, 3793))) {
  5080.                 echo ": <span>";
  5081.                 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.', 3793, $this->source); })()), "pc", [], "any", false, false, false, 3793), "html", null, true);
  5082.                 echo "</span>";
  5083.             }
  5084.             echo "</div>
  5085.                           <div class=\"opt-btn-group\">
  5086.                             ";
  5087.             // line 3795
  5088.             $context["idx"] = 0;
  5089.             // line 3796
  5090.             echo "                            ";
  5091.             $context['_parent'] = $context;
  5092.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3796, $this->source); })()));
  5093.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  5094.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3796))) {
  5095.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3796, $this->source); })()) + 1);
  5096.                     // line 3797
  5097.                     echo "                              ";
  5098.                     $context["has_img"] = (twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", true, true, false, 3797) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3797)));
  5099.                     // line 3798
  5100.                     echo "                              <label class=\"opt-btn";
  5101.                     if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3798, $this->source); })())) {
  5102.                         echo " opt-btn--with-image";
  5103.                     }
  5104.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3798, $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.', 3798, $this->source); })()), "pc", [], "any", false, false, false, 3798) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3798))) || (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); })())) == 1))) {
  5105.                         echo " is-selected";
  5106.                     }
  5107.                     echo "\"
  5108.                                      onclick=\"mitsumori_simulation_val('pc', '";
  5109.                     // line 3799
  5110.                     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, 3799), "js"), "html", null, true);
  5111.                     echo "');\">
  5112.                                 <input type=\"radio\" name=\"color\" id=\"cc_";
  5113.                     // line 3800
  5114.                     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.', 3800, $this->source); })()), "html", null, true);
  5115.                     echo "\" value=\"";
  5116.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3800), "html", null, true);
  5117.                     echo "\"
  5118.                                        ";
  5119.                     // line 3801
  5120.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3801, $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.', 3801, $this->source); })()), "pc", [], "any", false, false, false, 3801) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3801))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3801, $this->source); })())) == 1))) {
  5121.                         echo "checked";
  5122.                     }
  5123.                     echo ">
  5124.                                 ";
  5125.                     // line 3802
  5126.                     if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3802, $this->source); })())) {
  5127.                         // line 3803
  5128.                         echo "                                  <img src=\"";
  5129.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3803), "html", null, true);
  5130.                         echo "\" alt=\"";
  5131.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3803), "html", null, true);
  5132.                         echo "\" class=\"opt-btn__img\"
  5133.                                        onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  5134.                                   <span class=\"opt-btn__name\">";
  5135.                         // line 3805
  5136.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3805), "html", null, true);
  5137.                         echo "</span>
  5138.                                 ";
  5139.                     } else {
  5140.                         // line 3807
  5141.                         echo "                                  ";
  5142.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3807), "html", null, true);
  5143.                         echo "
  5144.                                 ";
  5145.                     }
  5146.                     // line 3809
  5147.                     echo "                              </label>
  5148.                             ";
  5149.                 }
  5150.             }
  5151.             $_parent = $context['_parent'];
  5152.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  5153.             $context = array_intersect_key($context, $_parent) + $_parent;
  5154.             // line 3811
  5155.             echo "                          </div>
  5156.                         </div>
  5157.                         ";
  5158.         }
  5159.         // line 3814
  5160.         echo "
  5161.                         ";
  5162.         // line 3819
  5163.         echo "                        ";
  5164.         if (((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3819, $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.', 3819, $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.', 3819, $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.', 3819, $this->source); })()), "SaleType", [], "any", false, false, false, 3819), "id", [], "any", false, false, false, 3819), [0 => 2, 1 => 3, 2 => 6]))) {
  5165.             // line 3820
  5166.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5167.                           <div class=\"rp-section-label\">幅";
  5168.             // line 3821
  5169.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3821, $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.', 3821, $this->source); })()), "pw", [], "any", false, false, false, 3821))) {
  5170.                 echo ": <span>";
  5171.                 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.', 3821, $this->source); })()), "pw", [], "any", false, false, false, 3821), "html", null, true);
  5172.                 echo "</span>";
  5173.             }
  5174.             echo "</div>
  5175.                           <div class=\"opt-btn-group\">
  5176.                             ";
  5177.             // line 3823
  5178.             $context["idx"] = 0;
  5179.             // line 3824
  5180.             echo "                            ";
  5181.             $context['_parent'] = $context;
  5182.             $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.', 3824, $this->source); })()));
  5183.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  5184.                 if ($context["pw"]) {
  5185.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3824, $this->source); })()) + 1);
  5186.                     // line 3825
  5187.                     echo "                              <label class=\"opt-btn";
  5188.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3825, $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.', 3825, $this->source); })()), "pw", [], "any", false, false, false, 3825) == $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.', 3825, $this->source); })())) == 1))) {
  5189.                         echo " is-selected";
  5190.                     }
  5191.                     echo "\"
  5192.                                      onclick=\"mitsumori_simulation_val('pw', '";
  5193.                     // line 3826
  5194.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pw"], "js"), "html", null, true);
  5195.                     echo "');\">
  5196.                                 <input type=\"radio\" name=\"pw\" id=\"pw_";
  5197.                     // line 3827
  5198.                     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.', 3827, $this->source); })()), "html", null, true);
  5199.                     echo "\" value=\"";
  5200.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  5201.                     echo "\"
  5202.                                        ";
  5203.                     // line 3828
  5204.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3828, $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.', 3828, $this->source); })()), "pw", [], "any", false, false, false, 3828) == $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.', 3828, $this->source); })())) == 1))) {
  5205.                         echo "checked";
  5206.                     }
  5207.                     echo ">
  5208.                                 ";
  5209.                     // line 3829
  5210.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  5211.                     echo "
  5212.                               </label>
  5213.                             ";
  5214.                 }
  5215.             }
  5216.             $_parent = $context['_parent'];
  5217.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  5218.             $context = array_intersect_key($context, $_parent) + $_parent;
  5219.             // line 3832
  5220.             echo "                          </div>
  5221.                         </div>
  5222.                         ";
  5223.         }
  5224.         // line 3835
  5225.         echo "
  5226.                         ";
  5227.         // line 3836
  5228.         if (((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3836, $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.', 3836, $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.', 3836, $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.', 3836, $this->source); })()), "SaleType", [], "any", false, false, false, 3836), "id", [], "any", false, false, false, 3836), [0 => 3, 1 => 6]))) {
  5229.             // line 3837
  5230.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5231.                           <div class=\"rp-section-label\">奥行き";
  5232.             // line 3838
  5233.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3838, $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.', 3838, $this->source); })()), "pd", [], "any", false, false, false, 3838))) {
  5234.                 echo ": <span>";
  5235.                 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.', 3838, $this->source); })()), "pd", [], "any", false, false, false, 3838), "html", null, true);
  5236.                 echo "</span>";
  5237.             }
  5238.             echo "</div>
  5239.                           <div class=\"opt-btn-group\">
  5240.                             ";
  5241.             // line 3840
  5242.             $context["idx"] = 0;
  5243.             // line 3841
  5244.             echo "                            ";
  5245.             $context['_parent'] = $context;
  5246.             $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.', 3841, $this->source); })()));
  5247.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  5248.                 if ($context["pd"]) {
  5249.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3841, $this->source); })()) + 1);
  5250.                     // line 3842
  5251.                     echo "                              <label class=\"opt-btn";
  5252.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3842, $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.', 3842, $this->source); })()), "pd", [], "any", false, false, false, 3842) == $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.', 3842, $this->source); })())) == 1))) {
  5253.                         echo " is-selected";
  5254.                     }
  5255.                     echo "\"
  5256.                                      onclick=\"mitsumori_simulation_val('pd', '";
  5257.                     // line 3843
  5258.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pd"], "js"), "html", null, true);
  5259.                     echo "');\">
  5260.                                 <input type=\"radio\" name=\"pd\" id=\"pd_";
  5261.                     // line 3844
  5262.                     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.', 3844, $this->source); })()), "html", null, true);
  5263.                     echo "\" value=\"";
  5264.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  5265.                     echo "\"
  5266.                                        ";
  5267.                     // line 3845
  5268.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3845, $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.', 3845, $this->source); })()), "pd", [], "any", false, false, false, 3845) == $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.', 3845, $this->source); })())) == 1))) {
  5269.                         echo "checked";
  5270.                     }
  5271.                     echo ">
  5272.                                 ";
  5273.                     // line 3846
  5274.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  5275.                     echo "
  5276.                               </label>
  5277.                             ";
  5278.                 }
  5279.             }
  5280.             $_parent = $context['_parent'];
  5281.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  5282.             $context = array_intersect_key($context, $_parent) + $_parent;
  5283.             // line 3849
  5284.             echo "                          </div>
  5285.                         </div>
  5286.                         ";
  5287.         }
  5288.         // line 3852
  5289.         echo "
  5290.                         ";
  5291.         // line 3855
  5292.         echo "                        ";
  5293.         if (((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3855, $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.', 3855, $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.', 3855, $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.', 3855, $this->source); })()), "SaleType", [], "any", false, false, false, 3855), "id", [], "any", false, false, false, 3855), [0 => 2, 1 => 3, 2 => 6]))) {
  5294.             // line 3856
  5295.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5296.                           <div class=\"rp-section-label\">高さ";
  5297.             // line 3857
  5298.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3857, $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.', 3857, $this->source); })()), "ph", [], "any", false, false, false, 3857))) {
  5299.                 echo ": <span>";
  5300.                 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.', 3857, $this->source); })()), "ph", [], "any", false, false, false, 3857), "html", null, true);
  5301.                 echo "</span>";
  5302.             }
  5303.             echo "</div>
  5304.                           <div class=\"opt-btn-group\">
  5305.                             ";
  5306.             // line 3859
  5307.             $context["idx"] = 0;
  5308.             // line 3860
  5309.             echo "                            ";
  5310.             $context['_parent'] = $context;
  5311.             $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.', 3860, $this->source); })()));
  5312.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  5313.                 if ($context["ph"]) {
  5314.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3860, $this->source); })()) + 1);
  5315.                     // line 3861
  5316.                     echo "                              <label class=\"opt-btn";
  5317.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3861, $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.', 3861, $this->source); })()), "ph", [], "any", false, false, false, 3861) == $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.', 3861, $this->source); })())) == 1))) {
  5318.                         echo " is-selected";
  5319.                     }
  5320.                     echo "\"
  5321.                                      onclick=\"mitsumori_simulation_val('ph', '";
  5322.                     // line 3862
  5323.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["ph"], "js"), "html", null, true);
  5324.                     echo "');\">
  5325.                                 <input type=\"radio\" name=\"ph\" id=\"ph_";
  5326.                     // line 3863
  5327.                     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.', 3863, $this->source); })()), "html", null, true);
  5328.                     echo "\" value=\"";
  5329.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  5330.                     echo "\"
  5331.                                        ";
  5332.                     // line 3864
  5333.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3864, $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.', 3864, $this->source); })()), "ph", [], "any", false, false, false, 3864) == $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.', 3864, $this->source); })())) == 1))) {
  5334.                         echo "checked";
  5335.                     }
  5336.                     echo ">
  5337.                                 ";
  5338.                     // line 3865
  5339.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  5340.                     echo "
  5341.                               </label>
  5342.                             ";
  5343.                 }
  5344.             }
  5345.             $_parent = $context['_parent'];
  5346.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  5347.             $context = array_intersect_key($context, $_parent) + $_parent;
  5348.             // line 3868
  5349.             echo "                          </div>
  5350.                         </div>
  5351.                         ";
  5352.         }
  5353.         // line 3871
  5354.         echo "
  5355.                         ";
  5356.         // line 3873
  5357.         echo "                        ";
  5358.         if ((((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3873, $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.', 3873, $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.', 3873, $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.', 3873, $this->source); })()), "SaleType", [], "any", false, false, false, 3873), "id", [], "any", false, false, false, 3873) != 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.', 3873, $this->source); })()), "SaleType", [], "any", false, false, false, 3873), "id", [], "any", false, false, false, 3873) != 2))) {
  5359.             // line 3874
  5360.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5361.                           <div class=\"rp-section-label\">";
  5362.             // line 3875
  5363.             if ((isset($context["is_cat43"]) || array_key_exists("is_cat43", $context) ? $context["is_cat43"] : (function () { throw new RuntimeError('Variable "is_cat43" does not exist.', 3875, $this->source); })())) {
  5364.                 echo "開き方";
  5365.             } else {
  5366.                 echo twig_escape_filter($this->env, (isset($context["pm_label"]) || array_key_exists("pm_label", $context) ? $context["pm_label"] : (function () { throw new RuntimeError('Variable "pm_label" does not exist.', 3875, $this->source); })()), "html", null, true);
  5367.             }
  5368.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3875, $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.', 3875, $this->source); })()), "pm", [], "any", false, false, false, 3875))) {
  5369.                 echo ": <span>";
  5370.                 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.', 3875, $this->source); })()), "pm", [], "any", false, false, false, 3875), "html", null, true);
  5371.                 echo "</span>";
  5372.             }
  5373.             echo "</div>
  5374.                           <div class=\"opt-btn-group\">
  5375.                             ";
  5376.             // line 3877
  5377.             $context["idx"] = 0;
  5378.             // line 3878
  5379.             echo "                            ";
  5380.             $context['_parent'] = $context;
  5381.             $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.', 3878, $this->source); })()));
  5382.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  5383.                 if ($context["pm"]) {
  5384.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3878, $this->source); })()) + 1);
  5385.                     // line 3879
  5386.                     echo "                              <label class=\"opt-btn";
  5387.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3879, $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.', 3879, $this->source); })()), "pm", [], "any", false, false, false, 3879) == $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.', 3879, $this->source); })())) == 1))) {
  5388.                         echo " is-selected";
  5389.                     }
  5390.                     echo "\"
  5391.                                      onclick=\"mitsumori_simulation_val('pm', '";
  5392.                     // line 3880
  5393.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pm"], "js"), "html", null, true);
  5394.                     echo "');\">
  5395.                                 <input type=\"radio\" name=\"pm\" id=\"pm_";
  5396.                     // line 3881
  5397.                     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.', 3881, $this->source); })()), "html", null, true);
  5398.                     echo "\" value=\"";
  5399.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  5400.                     echo "\"
  5401.                                        ";
  5402.                     // line 3882
  5403.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3882, $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.', 3882, $this->source); })()), "pm", [], "any", false, false, false, 3882) == $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.', 3882, $this->source); })())) == 1))) {
  5404.                         echo "checked";
  5405.                     }
  5406.                     echo ">
  5407.                                 ";
  5408.                     // line 3883
  5409.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  5410.                     echo "
  5411.                               </label>
  5412.                             ";
  5413.                 }
  5414.             }
  5415.             $_parent = $context['_parent'];
  5416.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  5417.             $context = array_intersect_key($context, $_parent) + $_parent;
  5418.             // line 3886
  5419.             echo "                          </div>
  5420.                         </div>
  5421.                         ";
  5422.         }
  5423.         // line 3889
  5424.         echo "
  5425.                         ";
  5426.         // line 3894
  5427.         echo "                        ";
  5428.         if (((((((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3894, $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.', 3894, $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.', 3894, $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.', 3894, $this->source); })()), "SaleType", [], "any", false, false, false, 3894), "id", [], "any", false, false, false, 3894) != 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.', 3894, $this->source); })()), "SaleType", [], "any", false, false, false, 3894), "id", [], "any", false, false, false, 3894) != 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.', 3894, $this->source); })()), "SaleType", [], "any", false, false, false, 3894), "id", [], "any", false, false, false, 3894) != 4)) &&  !(isset($context["is_cat43"]) || array_key_exists("is_cat43", $context) ? $context["is_cat43"] : (function () { throw new RuntimeError('Variable "is_cat43" does not exist.', 3894, $this->source); })())) &&  !(isset($context["is_cp"]) || array_key_exists("is_cp", $context) ? $context["is_cp"] : (function () { throw new RuntimeError('Variable "is_cp" does not exist.', 3894, $this->source); })()))) {
  5429.             // line 3895
  5430.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5431.                           <div class=\"rp-section-label\">";
  5432.             // line 3896
  5433.             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.', 3896, $this->source); })()), "html", null, true);
  5434.             if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3896, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3896)) && 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.', 3896, $this->source); })()), "option1", [], "any", false, false, false, 3896))) {
  5435.                 echo ": <span>";
  5436.                 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.', 3896, $this->source); })()), "option1", [], "any", false, false, false, 3896), "html", null, true);
  5437.                 echo "</span>";
  5438.             }
  5439.             echo "</div>
  5440.                           <div class=\"opt-btn-group\">
  5441.                             ";
  5442.             // line 3898
  5443.             $context["idx"] = 0;
  5444.             // line 3899
  5445.             echo "                            ";
  5446.             $context['_parent'] = $context;
  5447.             $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.', 3899, $this->source); })()));
  5448.             foreach ($context['_seq'] as $context["_key"] => $context["opt1"]) {
  5449.                 if ($context["opt1"]) {
  5450.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3899, $this->source); })()) + 1);
  5451.                     // line 3900
  5452.                     echo "                              <label class=\"opt-btn";
  5453.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3900, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3900)) && (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.', 3900, $this->source); })()), "option1", [], "any", false, false, false, 3900) == $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.', 3900, $this->source); })())) == 1))) {
  5454.                         echo " is-selected";
  5455.                     }
  5456.                     echo "\"
  5457.                                      onclick=\"mitsumori_simulation_val('option1', '";
  5458.                     // line 3901
  5459.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt1"], "js"), "html", null, true);
  5460.                     echo "');\">
  5461.                                 <input type=\"radio\" name=\"option1\" id=\"option1_";
  5462.                     // line 3902
  5463.                     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.', 3902, $this->source); })()), "html", null, true);
  5464.                     echo "\" value=\"";
  5465.                     echo twig_escape_filter($this->env, $context["opt1"], "html", null, true);
  5466.                     echo "\"
  5467.                                        ";
  5468.                     // line 3903
  5469.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3903, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3903)) && (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.', 3903, $this->source); })()), "option1", [], "any", false, false, false, 3903) == $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.', 3903, $this->source); })())) == 1))) {
  5470.                         echo "checked";
  5471.                     }
  5472.                     echo ">
  5473.                                 ";
  5474.                     // line 3904
  5475.                     echo twig_escape_filter($this->env, $context["opt1"], "html", null, true);
  5476.                     echo "
  5477.                               </label>
  5478.                             ";
  5479.                 }
  5480.             }
  5481.             $_parent = $context['_parent'];
  5482.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1'], $context['_parent'], $context['loop']);
  5483.             $context = array_intersect_key($context, $_parent) + $_parent;
  5484.             // line 3907
  5485.             echo "                          </div>
  5486.                         </div>
  5487.                         ";
  5488.         }
  5489.         // line 3910
  5490.         echo "
  5491.                         ";
  5492.         // line 3912
  5493.         echo "                        ";
  5494.         if (((((((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3912, $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.', 3912, $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.', 3912, $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.', 3912, $this->source); })()), "SaleType", [], "any", false, false, false, 3912), "id", [], "any", false, false, false, 3912) != 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.', 3912, $this->source); })()), "SaleType", [], "any", false, false, false, 3912), "id", [], "any", false, false, false, 3912) != 3)) &&  !(isset($context["is_cat43"]) || array_key_exists("is_cat43", $context) ? $context["is_cat43"] : (function () { throw new RuntimeError('Variable "is_cat43" does not exist.', 3912, $this->source); })()))) {
  5495.             // line 3913
  5496.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5497.                           <div class=\"rp-section-label\">";
  5498.             // line 3914
  5499.             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.', 3914, $this->source); })()), "html", null, true);
  5500.             if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3914, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3914)) && 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.', 3914, $this->source); })()), "option2", [], "any", false, false, false, 3914))) {
  5501.                 echo ": <span>";
  5502.                 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.', 3914, $this->source); })()), "option2", [], "any", false, false, false, 3914), "html", null, true);
  5503.                 echo "</span>";
  5504.             }
  5505.             echo "</div>
  5506.                           <div class=\"opt-btn-group\">
  5507.                             ";
  5508.             // line 3916
  5509.             $context["idx"] = 0;
  5510.             // line 3917
  5511.             echo "                            ";
  5512.             $context['_parent'] = $context;
  5513.             $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.', 3917, $this->source); })()));
  5514.             foreach ($context['_seq'] as $context["_key"] => $context["opt2"]) {
  5515.                 if ($context["opt2"]) {
  5516.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3917, $this->source); })()) + 1);
  5517.                     // line 3918
  5518.                     echo "                              <label class=\"opt-btn";
  5519.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3918, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3918)) && (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.', 3918, $this->source); })()), "option2", [], "any", false, false, false, 3918) == $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.', 3918, $this->source); })())) == 1))) {
  5520.                         echo " is-selected";
  5521.                     }
  5522.                     echo "\"
  5523.                                      onclick=\"mitsumori_simulation_val('option2', '";
  5524.                     // line 3919
  5525.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt2"], "js"), "html", null, true);
  5526.                     echo "');\">
  5527.                                 <input type=\"radio\" name=\"option2\" id=\"option2_";
  5528.                     // line 3920
  5529.                     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.', 3920, $this->source); })()), "html", null, true);
  5530.                     echo "\" value=\"";
  5531.                     echo twig_escape_filter($this->env, $context["opt2"], "html", null, true);
  5532.                     echo "\"
  5533.                                        ";
  5534.                     // line 3921
  5535.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3921, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3921)) && (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.', 3921, $this->source); })()), "option2", [], "any", false, false, false, 3921) == $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.', 3921, $this->source); })())) == 1))) {
  5536.                         echo "checked";
  5537.                     }
  5538.                     echo ">
  5539.                                 ";
  5540.                     // line 3922
  5541.                     echo twig_escape_filter($this->env, $context["opt2"], "html", null, true);
  5542.                     echo "
  5543.                               </label>
  5544.                             ";
  5545.                 }
  5546.             }
  5547.             $_parent = $context['_parent'];
  5548.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt2'], $context['_parent'], $context['loop']);
  5549.             $context = array_intersect_key($context, $_parent) + $_parent;
  5550.             // line 3925
  5551.             echo "                          </div>
  5552.                         </div>
  5553.                         ";
  5554.         }
  5555.         // line 3928
  5556.         echo "
  5557. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  5558. \t\t\t\t\t\t";
  5559.         // line 3930
  5560.         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.', 3930, $this->source); })()), "SaleType", [], "any", false, false, false, 3930), "id", [], "any", false, false, false, 3930) == 1)) {
  5561.             // line 3931
  5562.             echo "\t\t\t\t\t\t";
  5563.         }
  5564.         // line 3932
  5565.         echo "
  5566. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） 複数タイプ追加対応 (2026-05) -->
  5567. \t\t\t\t\t\t";
  5568.         // line 3934
  5569.         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.', 3934, $this->source); })()), "SaleType", [], "any", false, false, false, 3934), "id", [], "any", false, false, false, 3934) == 2)) {
  5570.             // line 3935
  5571.             echo "
  5572. \t\t\t\t\t\t\t";
  5573.             // line 3939
  5574.             echo "
  5575. \t\t\t\t\t\t\t";
  5576.             // line 3943
  5577.             echo "\t\t\t\t\t\t\t<style>
  5578. \t\t\t\t\t\t\t\t.ec-productRole__profile {
  5579. \t\t\t\t\t\t\t\t\toverflow: visible !important;
  5580. \t\t\t\t\t\t\t\t\tmax-height: none !important;
  5581. \t\t\t\t\t\t\t\t\theight: auto !important;
  5582. \t\t\t\t\t\t\t\t}
  5583. \t\t\t\t\t\t\t</style>
  5585. \t\t\t\t\t\t\t";
  5586.             // line 3952
  5587.             echo "\t\t\t\t\t\t\t";
  5588.             $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.', 3952, $this->source); })()), "id", [], "any", false, false, false, 3952), "住宅区分"), "戸建");
  5589.             // line 3953
  5590.             echo "\t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  5591. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  5592. \t\t\t\t\t\t\t    <strong>お住まいの種別を選択</strong>
  5593. \t\t\t\t\t\t\t    <small class=\"ms-2 text-muted\">補助金単価が変わります</small>
  5594. \t\t\t\t\t\t\t  </div>
  5595. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  5596. \t\t\t\t\t\t\t    <div class=\"opt-btn-group\" id=\"window-housing-type-group\">
  5597. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  5598. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"戸建\"
  5599. \t\t\t\t\t\t\t               ";
  5600.             // line 3962
  5601.             if (((isset($context["housing_default"]) || array_key_exists("housing_default", $context) ? $context["housing_default"] : (function () { throw new RuntimeError('Variable "housing_default" does not exist.', 3962, $this->source); })()) != "集合住宅")) {
  5602.                 echo "checked";
  5603.             }
  5604.             echo ">
  5605. \t\t\t\t\t\t\t        戸建住宅<small class=\"d-block text-muted\">（延床240㎡以下の非住宅含む）</small>
  5606. \t\t\t\t\t\t\t      </label>
  5607. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  5608. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"集合住宅\"
  5609. \t\t\t\t\t\t\t               ";
  5610.             // line 3967
  5611.             if (((isset($context["housing_default"]) || array_key_exists("housing_default", $context) ? $context["housing_default"] : (function () { throw new RuntimeError('Variable "housing_default" does not exist.', 3967, $this->source); })()) == "集合住宅")) {
  5612.                 echo "checked";
  5613.             }
  5614.             echo ">
  5615. \t\t\t\t\t\t\t        集合住宅<small class=\"d-block text-muted\">（低層・中高層／240㎡超の非住宅）</small>
  5616. \t\t\t\t\t\t\t      </label>
  5617. \t\t\t\t\t\t\t    </div>
  5618. \t\t\t\t\t\t\t  </div>
  5619. \t\t\t\t\t\t\t</div>
  5621. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  5622. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  5623. \t\t\t\t\t\t\t    <strong>窓タイプを選択（複数追加可・最大 20）</strong>
  5624. \t\t\t\t\t\t\t  </div>
  5625. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  5626. \t\t\t\t\t\t\t    ";
  5627.             // line 3980
  5628.             echo "\t\t\t\t\t\t\t    <p class=\"subsidy-eligibility-note\">※先進的窓リノベ2026の補助金は、各窓の補助金額の<strong>合計が5万円以上</strong>で適用されます。各窓ごとの補助金額は下に常時表示しています。</p>
  5629. \t\t\t\t\t\t\t    <div id=\"window-types-container\"><!-- 動的に窓タイプブロックが追加される --></div>
  5630. \t\t\t\t\t\t\t    <div class=\"text-center mt-2\">
  5631. \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>
  5632. \t\t\t\t\t\t\t      <div class=\"small text-muted mt-1\">最大 20 タイプまで追加できます</div>
  5633. \t\t\t\t\t\t\t    </div>
  5634. \t\t\t\t\t\t\t  </div>
  5635. \t\t\t\t\t\t\t</div>
  5637. \t\t\t\t\t\t\t";
  5638.             // line 3990
  5639.             echo "\t\t\t\t\t\t\t<template id=\"window-type-template\">
  5640. \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;\">
  5641. \t\t\t\t\t\t\t    <div class=\"d-flex justify-content-between align-items-center mb-2\">
  5642. \t\t\t\t\t\t\t      <strong>窓タイプ <span class=\"wt-num\">__IDX__</span></strong>
  5643. \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>
  5644. \t\t\t\t\t\t\t    </div>
  5646. \t\t\t\t\t\t\t    ";
  5647.             // line 3998
  5648.             echo "\t\t\t\t\t\t\t    ";
  5649.             if ((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3998, $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.', 3998, $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.', 3998, $this->source); })())) != ""))) {
  5650.                 // line 3999
  5651.                 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)\">
  5652. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓タイプ</div>
  5653. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5654. \t\t\t\t\t\t\t        ";
  5655.                 // line 4002
  5656.                 $context['_parent'] = $context;
  5657.                 $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.', 4002, $this->source); })()));
  5658.                 foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  5659.                     if ($context["v"]) {
  5660.                         // line 4003
  5661.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn\">
  5662. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_subtype___IDX__\" value=\"";
  5663.                         // line 4004
  5664.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5665.                         echo "\" data-axis=\"subtype\" onchange=\"onWindowTypeAxisChange(this);\">
  5666. \t\t\t\t\t\t\t            ";
  5667.                         // line 4005
  5668.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5669.                         echo "
  5670. \t\t\t\t\t\t\t          </label>
  5671. \t\t\t\t\t\t\t        ";
  5672.                     }
  5673.                 }
  5674.                 $_parent = $context['_parent'];
  5675.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  5676.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5677.                 // line 4008
  5678.                 echo "\t\t\t\t\t\t\t      </div>
  5679. \t\t\t\t\t\t\t    </div>
  5680. \t\t\t\t\t\t\t    ";
  5681.             }
  5682.             // line 4011
  5683.             echo "
  5684. \t\t\t\t\t\t\t    ";
  5685.             // line 4013
  5686.             echo "\t\t\t\t\t\t\t    ";
  5687.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4013, $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.', 4013, $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.', 4013, $this->source); })())) != ""))) {
  5688.                 // line 4014
  5689.                 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)\">
  5690. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">幅</div>
  5691. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  5692. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_pw___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  5693. \t\t\t\t\t\t\t               placeholder=\"例 1750\" data-axis=\"pw\" data-unit=\"mm\"
  5694. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  5695. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  5696. \t\t\t\t\t\t\t      </div>
  5697. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応幅: 〜";
  5698.                 // line 4022
  5699.                 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.', 4022, $this->source); })())), ""), "html", null, true);
  5700.                 echo "（";
  5701.                 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.', 4022, $this->source); })())), "html", null, true);
  5702.                 echo " 段階の価格帯から自動選択）</small>
  5703. \t\t\t\t\t\t\t    </div>
  5704. \t\t\t\t\t\t\t    ";
  5705.             }
  5706.             // line 4025
  5707.             echo "
  5708. \t\t\t\t\t\t\t    ";
  5709.             // line 4027
  5710.             echo "\t\t\t\t\t\t\t    ";
  5711.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 4027, $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.', 4027, $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.', 4027, $this->source); })())) != ""))) {
  5712.                 // line 4028
  5713.                 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)\">
  5714. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">高さ</div>
  5715. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  5716. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_ph___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  5717. \t\t\t\t\t\t\t               placeholder=\"例 1200\" data-axis=\"ph\" data-unit=\"mm\"
  5718. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  5719. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  5720. \t\t\t\t\t\t\t      </div>
  5721. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応高さ: 〜";
  5722.                 // line 4036
  5723.                 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.', 4036, $this->source); })())), ""), "html", null, true);
  5724.                 echo "（";
  5725.                 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.', 4036, $this->source); })())), "html", null, true);
  5726.                 echo " 段階の価格帯から自動選択）</small>
  5727. \t\t\t\t\t\t\t    </div>
  5728. \t\t\t\t\t\t\t    ";
  5729.             }
  5730.             // line 4039
  5731.             echo "
  5732. \t\t\t\t\t\t\t    ";
  5733.             // line 4041
  5734.             echo "\t\t\t\t\t\t\t    ";
  5735.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4041, $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.', 4041, $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.', 4041, $this->source); })())) != ""))) {
  5736.                 // line 4042
  5737.                 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)\">
  5738. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">ガラスタイプ</div>
  5739. \t\t\t\t\t\t\t      ";
  5740.                 // line 4046
  5741.                 echo "\t\t\t\t\t\t\t      <div class=\"opt-btn-group no-hscroll\">
  5742. \t\t\t\t\t\t\t        ";
  5743.                 // line 4047
  5744.                 $context['_parent'] = $context;
  5745.                 $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.', 4047, $this->source); })()));
  5746.                 foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  5747.                     if ($context["v"]) {
  5748.                         // line 4048
  5749.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn\">
  5750. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pm___IDX__\" value=\"";
  5751.                         // line 4049
  5752.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5753.                         echo "\" data-axis=\"pm\" onchange=\"onWindowTypeAxisChange(this);\">
  5754. \t\t\t\t\t\t\t            ";
  5755.                         // line 4050
  5756.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5757.                         echo "
  5758. \t\t\t\t\t\t\t          </label>
  5759. \t\t\t\t\t\t\t        ";
  5760.                     }
  5761.                 }
  5762.                 $_parent = $context['_parent'];
  5763.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  5764.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5765.                 // line 4053
  5766.                 echo "\t\t\t\t\t\t\t      </div>
  5767. \t\t\t\t\t\t\t      <small class=\"text-muted\">「<span style=\"color:#2e7d32;font-weight:bold;\">補助金対象</span>」が付いたガラスは、先進的窓リノベ補助金の対象です。</small>
  5768. \t\t\t\t\t\t\t    </div>
  5769. \t\t\t\t\t\t\t    ";
  5770.             }
  5771.             // line 4057
  5772.             echo "
  5773. \t\t\t\t\t\t\t    ";
  5774.             // line 4059
  5775.             echo "\t\t\t\t\t\t\t    ";
  5776.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4059, $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.', 4059, $this->source); })())))) {
  5777.                 // line 4060
  5778.                 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)\">
  5779. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓枠カラー</div>
  5780. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5781. \t\t\t\t\t\t\t        ";
  5782.                 // line 4063
  5783.                 $context['_parent'] = $context;
  5784.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4063, $this->source); })()));
  5785.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  5786.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4063))) {
  5787.                         // line 4064
  5788.                         echo "\t\t\t\t\t\t\t          ";
  5789.                         $context["has_img"] = (twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", true, true, false, 4064) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 4064)));
  5790.                         // line 4065
  5791.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn";
  5792.                         if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 4065, $this->source); })())) {
  5793.                             echo " opt-btn--with-image";
  5794.                         }
  5795.                         echo "\">
  5796. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pc___IDX__\" value=\"";
  5797.                         // line 4066
  5798.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4066), "html", null, true);
  5799.                         echo "\" data-axis=\"pc\" onchange=\"onWindowTypeAxisChange(this);\">
  5800. \t\t\t\t\t\t\t            ";
  5801.                         // line 4067
  5802.                         if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 4067, $this->source); })())) {
  5803.                             // line 4068
  5804.                             echo "\t\t\t\t\t\t\t              <img src=\"";
  5805.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 4068), "html", null, true);
  5806.                             echo "\" alt=\"";
  5807.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4068), "html", null, true);
  5808.                             echo "\" class=\"opt-btn__img\"
  5809. \t\t\t\t\t\t\t                   onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  5810. \t\t\t\t\t\t\t              <span class=\"opt-btn__name\">";
  5811.                             // line 4070
  5812.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4070), "html", null, true);
  5813.                             echo "</span>
  5814. \t\t\t\t\t\t\t            ";
  5815.                         } else {
  5816.                             // line 4072
  5817.                             echo "\t\t\t\t\t\t\t              ";
  5818.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4072), "html", null, true);
  5819.                             echo "
  5820. \t\t\t\t\t\t\t            ";
  5821.                         }
  5822.                         // line 4074
  5823.                         echo "\t\t\t\t\t\t\t          </label>
  5824. \t\t\t\t\t\t\t        ";
  5825.                     }
  5826.                 }
  5827.                 $_parent = $context['_parent'];
  5828.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  5829.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5830.                 // line 4076
  5831.                 echo "\t\t\t\t\t\t\t      </div>
  5832. \t\t\t\t\t\t\t    </div>
  5833. \t\t\t\t\t\t\t    ";
  5834.             }
  5835.             // line 4079
  5836.             echo "
  5837. \t\t\t\t\t\t\t    ";
  5838.             // line 4081
  5839.             echo "\t\t\t\t\t\t\t    <div class=\"form-group row mt-2 align-items-center\">
  5840. \t\t\t\t\t\t\t      <label class=\"col-4 col-form-label\">セット数</label>
  5841. \t\t\t\t\t\t\t      <div class=\"col-4\">
  5842. \t\t\t\t\t\t\t        <div class=\"input-group\">
  5843. \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);\">
  5844. \t\t\t\t\t\t\t          <span class=\"input-group-text\">セット</span>
  5845. \t\t\t\t\t\t\t        </div>
  5846. \t\t\t\t\t\t\t      </div>
  5847. \t\t\t\t\t\t\t      <div class=\"col-4 text-end\">
  5848. \t\t\t\t\t\t\t        <span class=\"wt-subsidy-label\">補助金額</span><br><span class=\"wt-subsidy-amount\">―</span> <span class=\"wt-subsidy-label\">円</span>
  5849. \t\t\t\t\t\t\t      </div>
  5850. \t\t\t\t\t\t\t    </div>
  5851. \t\t\t\t\t\t\t  </div>
  5852. \t\t\t\t\t\t\t</template>
  5854. \t\t\t\t\t\t\t";
  5855.             // line 4097
  5856.             echo "\t\t\t\t\t\t\t<script>
  5857. \t\t\t\t\t\t\t(function() {
  5858. \t\t\t\t\t\t\t\tvar MAX_WINDOW_TYPES = 20;
  5860. \t\t\t\t\t\t\t\tfunction addWindowType() {
  5861. \t\t\t\t\t\t\t\t\tvar container = document.getElementById('window-types-container');
  5862. \t\t\t\t\t\t\t\t\tif (!container) return;
  5863. \t\t\t\t\t\t\t\t\tvar existing = container.querySelectorAll('.window-type-block');
  5864. \t\t\t\t\t\t\t\t\tif (existing.length >= MAX_WINDOW_TYPES) return;
  5865. \t\t\t\t\t\t\t\t\tvar newIdx = existing.length + 1;
  5866. \t\t\t\t\t\t\t\t\tvar tpl = document.getElementById('window-type-template');
  5867. \t\t\t\t\t\t\t\t\tif (!tpl) return;
  5868. \t\t\t\t\t\t\t\t\t// <template> の innerHTML を取り出して __IDX__ を新規連番に置換し、要素化して append.
  5869. \t\t\t\t\t\t\t\t\tvar html = tpl.innerHTML.replace(/__IDX__/g, String(newIdx));
  5870. \t\t\t\t\t\t\t\t\tvar wrapper = document.createElement('div');
  5871. \t\t\t\t\t\t\t\t\twrapper.innerHTML = html.trim();
  5872. \t\t\t\t\t\t\t\t\tvar block = wrapper.firstChild;
  5873. \t\t\t\t\t\t\t\t\tcontainer.appendChild(block);
  5874. \t\t\t\t\t\t\t\t\tdecorateSubsidyGlass(block);
  5875. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  5876. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5877. \t\t\t\t\t\t\t\t}
  5879. \t\t\t\t\t\t\t\t// 補助金対象ガラスの選択肢に「補助金対象」バッジ + 緑枠を付与する.
  5880. \t\t\t\t\t\t\t\t// 判定は calc script 側の window.glassYieldsSubsidy に委譲 (ロジック二重化を避ける)。
  5881. \t\t\t\t\t\t\t\tfunction decorateSubsidyGlass(block) {
  5882. \t\t\t\t\t\t\t\t\tif (!block || typeof window.glassYieldsSubsidy !== 'function') return;
  5883. \t\t\t\t\t\t\t\t\tvar radios = block.querySelectorAll('input[data-axis=\"pm\"]');
  5884. \t\t\t\t\t\t\t\t\tradios.forEach(function(inp) {
  5885. \t\t\t\t\t\t\t\t\t\tvar label = inp.closest('.opt-btn');
  5886. \t\t\t\t\t\t\t\t\t\tif (!label || label.querySelector('.opt-btn__subsidy-badge')) return;
  5887. \t\t\t\t\t\t\t\t\t\tif (window.glassYieldsSubsidy(inp.value)) {
  5888. \t\t\t\t\t\t\t\t\t\t\tlabel.classList.add('opt-btn--subsidy');
  5889. \t\t\t\t\t\t\t\t\t\t\tvar badge = document.createElement('span');
  5890. \t\t\t\t\t\t\t\t\t\t\tbadge.className = 'opt-btn__subsidy-badge';
  5891. \t\t\t\t\t\t\t\t\t\t\tbadge.textContent = '補助金対象';
  5892. \t\t\t\t\t\t\t\t\t\t\tlabel.appendChild(badge);
  5893. \t\t\t\t\t\t\t\t\t\t}
  5894. \t\t\t\t\t\t\t\t\t});
  5895. \t\t\t\t\t\t\t\t}
  5897. \t\t\t\t\t\t\t\tfunction removeWindowType(btn) {
  5898. \t\t\t\t\t\t\t\t\tvar block = btn.closest('.window-type-block');
  5899. \t\t\t\t\t\t\t\t\tif (!block) return;
  5900. \t\t\t\t\t\t\t\t\tblock.remove();
  5901. \t\t\t\t\t\t\t\t\treindexBlocks();
  5902. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  5903. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5904. \t\t\t\t\t\t\t\t}
  5906. \t\t\t\t\t\t\t\tfunction updateRemoveButtonVisibility() {
  5907. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  5908. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b) {
  5909. \t\t\t\t\t\t\t\t\t\tvar btn = b.querySelector('.btn-remove-window-type');
  5910. \t\t\t\t\t\t\t\t\t\tif (btn) btn.style.display = blocks.length > 1 ? '' : 'none';
  5911. \t\t\t\t\t\t\t\t\t});
  5912. \t\t\t\t\t\t\t\t}
  5914. \t\t\t\t\t\t\t\tfunction reindexBlocks() {
  5915. \t\t\t\t\t\t\t\t\t// ブロック削除後に 1 から振り直し. input[name] の末尾 _N も書き換える.
  5916. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  5917. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b, i) {
  5918. \t\t\t\t\t\t\t\t\t\tvar n = i + 1;
  5919. \t\t\t\t\t\t\t\t\t\tb.setAttribute('data-type-idx', String(n));
  5920. \t\t\t\t\t\t\t\t\t\tvar numSpan = b.querySelector('.wt-num');
  5921. \t\t\t\t\t\t\t\t\t\tif (numSpan) numSpan.textContent = String(n);
  5922. \t\t\t\t\t\t\t\t\t\tb.querySelectorAll('input[name]').forEach(function(inp) {
  5923. \t\t\t\t\t\t\t\t\t\t\tinp.name = inp.name.replace(/_\\d+\$/, '_' + n);
  5924. \t\t\t\t\t\t\t\t\t\t});
  5925. \t\t\t\t\t\t\t\t\t});
  5926. \t\t\t\t\t\t\t\t}
  5928. \t\t\t\t\t\t\t\t// 軸変更イベント. recalcAll が定義されていれば再計算 (task 2 で実装).
  5929. \t\t\t\t\t\t\t\twindow.onWindowTypeAxisChange = function() {
  5930. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5931. \t\t\t\t\t\t\t\t};
  5933. \t\t\t\t\t\t\t\twindow.addWindowType = addWindowType;
  5934. \t\t\t\t\t\t\t\twindow.removeWindowType = removeWindowType;
  5936. \t\t\t\t\t\t\t\t// 隠し radio(opacity:0/pointer-events:none) を label で包む opt-btn は iOS で初回タップの
  5937. \t\t\t\t\t\t\t\t// change が不発になりやすい。窓タイプ/住宅区分は label に onclick が無く change 依存だった
  5938. \t\t\t\t\t\t\t\t// ため「2回タッチ/選択できない」が発生。click は確実に発火するので委譲 click で選択状態・
  5939. \t\t\t\t\t\t\t\t// is-selected・再計算を行う(JSで複製される窓タイプにも委譲で対応)。
  5940. \t\t\t\t\t\t\t\tdocument.addEventListener('click', function(ev) {
  5941. \t\t\t\t\t\t\t\t\tif (!ev.target || !ev.target.closest) return;
  5942. \t\t\t\t\t\t\t\t\tvar label = ev.target.closest('.opt-btn');
  5943. \t\t\t\t\t\t\t\t\tif (!label) return;
  5944. \t\t\t\t\t\t\t\t\tif (!label.closest('#window-types-container') && !label.closest('#window-housing-type-group')) return;
  5945. \t\t\t\t\t\t\t\t\tvar input = label.querySelector('input[type=\"radio\"]');
  5946. \t\t\t\t\t\t\t\t\tif (!input || input.disabled) return;
  5947. \t\t\t\t\t\t\t\t\tinput.checked = true;
  5948. \t\t\t\t\t\t\t\t\tvar nm = input.getAttribute('name');
  5949. \t\t\t\t\t\t\t\t\tif (nm) {
  5950. \t\t\t\t\t\t\t\t\t\tdocument.querySelectorAll('input[name=\"' + nm + '\"]').forEach(function(i) {
  5951. \t\t\t\t\t\t\t\t\t\t\tvar l = i.closest('.opt-btn');
  5952. \t\t\t\t\t\t\t\t\t\t\tif (l) l.classList.toggle('is-selected', i.checked);
  5953. \t\t\t\t\t\t\t\t\t\t});
  5954. \t\t\t\t\t\t\t\t\t}
  5955. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5956. \t\t\t\t\t\t\t\t});
  5958. \t\t\t\t\t\t\t\t// 初期表示で 1 ブロック追加 + 住宅区分ラジオの change で再計算.
  5959. \t\t\t\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', function() {
  5960. \t\t\t\t\t\t\t\t\tif (document.querySelector('#window-types-container')) {
  5961. \t\t\t\t\t\t\t\t\t\taddWindowType();
  5962. \t\t\t\t\t\t\t\t\t}
  5963. \t\t\t\t\t\t\t\t\tvar housingInputs = document.querySelectorAll('input[name=\"window_housing_type\"]');
  5964. \t\t\t\t\t\t\t\t\tvar syncHousingSelectedClass = function() {
  5965. \t\t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  5966. \t\t\t\t\t\t\t\t\t\t\tvar lbl = el.closest('.opt-btn');
  5967. \t\t\t\t\t\t\t\t\t\t\tif (!lbl) return;
  5968. \t\t\t\t\t\t\t\t\t\t\tif (el.checked) lbl.classList.add('is-selected');
  5969. \t\t\t\t\t\t\t\t\t\t\telse            lbl.classList.remove('is-selected');
  5970. \t\t\t\t\t\t\t\t\t\t});
  5971. \t\t\t\t\t\t\t\t\t};
  5972. \t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  5973. \t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  5974. \t\t\t\t\t\t\t\t\t\tel.addEventListener('change', function() {
  5975. \t\t\t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  5976. \t\t\t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5977. \t\t\t\t\t\t\t\t\t\t});
  5978. \t\t\t\t\t\t\t\t\t});
  5979. \t\t\t\t\t\t\t\t});
  5980. \t\t\t\t\t\t\t})();
  5981. \t\t\t\t\t\t\t</script>
  5983. \t\t\t\t\t\t";
  5984.         }
  5985.         // line 4225
  5986.         echo "
  5987. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  5988. \t\t\t\t\t\t";
  5989.         // line 4227
  5990.         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.', 4227, $this->source); })()), "SaleType", [], "any", false, false, false, 4227), "id", [], "any", false, false, false, 4227) == 3)) {
  5991.             // line 4228
  5992.             echo "
  5993. \t\t\t\t\t\t\t";
  5994.             // line 4230
  5995.             echo "\t\t\t\t\t\t\t";
  5996.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4230, $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.', 4230, $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.', 4230, $this->source); })())) != ""))) {
  5997.                 // line 4231
  5998.                 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)\">
  5999. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">幅";
  6000.                 // line 4232
  6001.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4232, $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.', 4232, $this->source); })()), "pw", [], "any", false, false, false, 4232))) {
  6002.                     echo ": <span>";
  6003.                     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.', 4232, $this->source); })()), "pw", [], "any", false, false, false, 4232), "html", null, true);
  6004.                     echo "</span>";
  6005.                 }
  6006.                 echo "</div>
  6007. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6008. \t\t\t\t\t\t\t    ";
  6009.                 // line 4234
  6010.                 $context["idx"] = 0;
  6011.                 // line 4235
  6012.                 echo "\t\t\t\t\t\t\t    ";
  6013.                 $context['_parent'] = $context;
  6014.                 $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.', 4235, $this->source); })()));
  6015.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  6016.                     if ($context["pw_val"]) {
  6017.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4235, $this->source); })()) + 1);
  6018.                         // line 4236
  6019.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6020.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4236, $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.', 4236, $this->source); })()), "pw", [], "any", false, false, false, 4236) == $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.', 4236, $this->source); })())) == 1))) {
  6021.                             echo " is-selected";
  6022.                         }
  6023.                         echo "\"
  6024. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw3_";
  6025.                         // line 4237
  6026.                         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.', 4237, $this->source); })()), "html", null, true);
  6027.                         echo "');\">
  6028. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_";
  6029.                         // line 4238
  6030.                         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.', 4238, $this->source); })()), "html", null, true);
  6031.                         echo "\" value=\"";
  6032.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6033.                         echo "\"
  6034. \t\t\t\t\t\t\t               ";
  6035.                         // line 4239
  6036.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4239, $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.', 4239, $this->source); })()), "pw", [], "any", false, false, false, 4239) == $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.', 4239, $this->source); })())) == 1))) {
  6037.                             echo "checked";
  6038.                         }
  6039.                         echo ">
  6040. \t\t\t\t\t\t\t        ";
  6041.                         // line 4240
  6042.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6043.                         echo "
  6044. \t\t\t\t\t\t\t      </label>
  6045. \t\t\t\t\t\t\t    ";
  6046.                     }
  6047.                 }
  6048.                 $_parent = $context['_parent'];
  6049.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  6050.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6051.                 // line 4243
  6052.                 echo "\t\t\t\t\t\t\t  </div>
  6053. \t\t\t\t\t\t\t</div>
  6054. \t\t\t\t\t\t\t";
  6055.             }
  6056.             // line 4246
  6057.             echo "
  6058. \t\t\t\t\t\t\t";
  6059.             // line 4247
  6060.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 4247, $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.', 4247, $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.', 4247, $this->source); })())) != ""))) {
  6061.                 // line 4248
  6062.                 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)\">
  6063. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">奥行き";
  6064.                 // line 4249
  6065.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4249, $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.', 4249, $this->source); })()), "pd", [], "any", false, false, false, 4249))) {
  6066.                     echo ": <span>";
  6067.                     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.', 4249, $this->source); })()), "pd", [], "any", false, false, false, 4249), "html", null, true);
  6068.                     echo "</span>";
  6069.                 }
  6070.                 echo "</div>
  6071. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6072. \t\t\t\t\t\t\t    ";
  6073.                 // line 4251
  6074.                 $context["idx"] = 0;
  6075.                 // line 4252
  6076.                 echo "\t\t\t\t\t\t\t    ";
  6077.                 $context['_parent'] = $context;
  6078.                 $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.', 4252, $this->source); })()));
  6079.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  6080.                     if ($context["pd_val"]) {
  6081.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4252, $this->source); })()) + 1);
  6082.                         // line 4253
  6083.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6084.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4253, $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.', 4253, $this->source); })()), "pd", [], "any", false, false, false, 4253) == $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.', 4253, $this->source); })())) == 1))) {
  6085.                             echo " is-selected";
  6086.                         }
  6087.                         echo "\"
  6088. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pd','pd3_";
  6089.                         // line 4254
  6090.                         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.', 4254, $this->source); })()), "html", null, true);
  6091.                         echo "');\">
  6092. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_";
  6093.                         // line 4255
  6094.                         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.', 4255, $this->source); })()), "html", null, true);
  6095.                         echo "\" value=\"";
  6096.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  6097.                         echo "\"
  6098. \t\t\t\t\t\t\t               ";
  6099.                         // line 4256
  6100.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4256, $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.', 4256, $this->source); })()), "pd", [], "any", false, false, false, 4256) == $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.', 4256, $this->source); })())) == 1))) {
  6101.                             echo "checked";
  6102.                         }
  6103.                         echo ">
  6104. \t\t\t\t\t\t\t        ";
  6105.                         // line 4257
  6106.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  6107.                         echo "
  6108. \t\t\t\t\t\t\t      </label>
  6109. \t\t\t\t\t\t\t    ";
  6110.                     }
  6111.                 }
  6112.                 $_parent = $context['_parent'];
  6113.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  6114.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6115.                 // line 4260
  6116.                 echo "\t\t\t\t\t\t\t  </div>
  6117. \t\t\t\t\t\t\t</div>
  6118. \t\t\t\t\t\t\t";
  6119.             }
  6120.             // line 4263
  6121.             echo "
  6122. \t\t\t\t\t\t\t";
  6123.             // line 4264
  6124.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 4264, $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.', 4264, $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.', 4264, $this->source); })())) != ""))) {
  6125.                 // line 4265
  6126.                 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)\">
  6127. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">高さ";
  6128.                 // line 4266
  6129.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4266, $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.', 4266, $this->source); })()), "ph", [], "any", false, false, false, 4266))) {
  6130.                     echo ": <span>";
  6131.                     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.', 4266, $this->source); })()), "ph", [], "any", false, false, false, 4266), "html", null, true);
  6132.                     echo "</span>";
  6133.                 }
  6134.                 echo "</div>
  6135. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6136. \t\t\t\t\t\t\t    ";
  6137.                 // line 4268
  6138.                 $context["idx"] = 0;
  6139.                 // line 4269
  6140.                 echo "\t\t\t\t\t\t\t    ";
  6141.                 $context['_parent'] = $context;
  6142.                 $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.', 4269, $this->source); })()));
  6143.                 foreach ($context['_seq'] as $context["_key"] => $context["ph_val"]) {
  6144.                     if ($context["ph_val"]) {
  6145.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4269, $this->source); })()) + 1);
  6146.                         // line 4270
  6147.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6148.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4270, $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.', 4270, $this->source); })()), "ph", [], "any", false, false, false, 4270) == $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.', 4270, $this->source); })())) == 1))) {
  6149.                             echo " is-selected";
  6150.                         }
  6151.                         echo "\"
  6152. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('ph','ph3_";
  6153.                         // line 4271
  6154.                         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.', 4271, $this->source); })()), "html", null, true);
  6155.                         echo "');\">
  6156. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_";
  6157.                         // line 4272
  6158.                         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.', 4272, $this->source); })()), "html", null, true);
  6159.                         echo "\" value=\"";
  6160.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  6161.                         echo "\"
  6162. \t\t\t\t\t\t\t               ";
  6163.                         // line 4273
  6164.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4273, $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.', 4273, $this->source); })()), "ph", [], "any", false, false, false, 4273) == $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.', 4273, $this->source); })())) == 1))) {
  6165.                             echo "checked";
  6166.                         }
  6167.                         echo ">
  6168. \t\t\t\t\t\t\t        ";
  6169.                         // line 4274
  6170.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  6171.                         echo "
  6172. \t\t\t\t\t\t\t      </label>
  6173. \t\t\t\t\t\t\t    ";
  6174.                     }
  6175.                 }
  6176.                 $_parent = $context['_parent'];
  6177.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph_val'], $context['_parent'], $context['loop']);
  6178.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6179.                 // line 4277
  6180.                 echo "\t\t\t\t\t\t\t  </div>
  6181. \t\t\t\t\t\t\t</div>
  6182. \t\t\t\t\t\t\t";
  6183.             }
  6184.             // line 4280
  6185.             echo "
  6186. \t\t\t\t\t\t\t";
  6187.             // line 4282
  6188.             echo "\t\t\t\t\t\t\t";
  6189.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4282, $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.', 4282, $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.', 4282, $this->source); })())) != ""))) {
  6190.                 // line 4283
  6191.                 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)\">
  6192. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">棚タイプ <small class=\"text-muted\">（間仕切り仕様）</small>";
  6193.                 // line 4284
  6194.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4284, $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.', 4284, $this->source); })()), "pm", [], "any", false, false, false, 4284))) {
  6195.                     echo ": <span>";
  6196.                     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.', 4284, $this->source); })()), "pm", [], "any", false, false, false, 4284), "html", null, true);
  6197.                     echo "</span>";
  6198.                 }
  6199.                 echo "</div>
  6200. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6201. \t\t\t\t\t\t\t    ";
  6202.                 // line 4286
  6203.                 $context["idx"] = 0;
  6204.                 // line 4287
  6205.                 echo "\t\t\t\t\t\t\t    ";
  6206.                 $context['_parent'] = $context;
  6207.                 $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.', 4287, $this->source); })()));
  6208.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  6209.                     if ($context["pm_val"]) {
  6210.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4287, $this->source); })()) + 1);
  6211.                         // line 4288
  6212.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6213.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4288, $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.', 4288, $this->source); })()), "pm", [], "any", false, false, false, 4288) == $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.', 4288, $this->source); })())) == 1))) {
  6214.                             echo " is-selected";
  6215.                         }
  6216.                         echo "\"
  6217. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm3_";
  6218.                         // line 4289
  6219.                         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.', 4289, $this->source); })()), "html", null, true);
  6220.                         echo "');\">
  6221. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_";
  6222.                         // line 4290
  6223.                         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.', 4290, $this->source); })()), "html", null, true);
  6224.                         echo "\" value=\"";
  6225.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6226.                         echo "\"
  6227. \t\t\t\t\t\t\t               ";
  6228.                         // line 4291
  6229.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4291, $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.', 4291, $this->source); })()), "pm", [], "any", false, false, false, 4291) == $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.', 4291, $this->source); })())) == 1))) {
  6230.                             echo "checked";
  6231.                         }
  6232.                         echo ">
  6233. \t\t\t\t\t\t\t        ";
  6234.                         // line 4292
  6235.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6236.                         echo "
  6237. \t\t\t\t\t\t\t      </label>
  6238. \t\t\t\t\t\t\t    ";
  6239.                     }
  6240.                 }
  6241.                 $_parent = $context['_parent'];
  6242.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  6243.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6244.                 // line 4295
  6245.                 echo "\t\t\t\t\t\t\t  </div>
  6246. \t\t\t\t\t\t\t</div>
  6247. \t\t\t\t\t\t\t";
  6248.             }
  6249.             // line 4298
  6250.             echo "
  6251. \t\t\t\t\t\t\t";
  6252.             // line 4300
  6253.             echo "\t\t\t\t\t\t\t";
  6254.             if ((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 4300, $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.', 4300, $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.', 4300, $this->source); })())) != ""))) {
  6255.                 // line 4301
  6256.                 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)\">
  6257. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  6258.                 // line 4302
  6259.                 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.', 4302, $this->source); })()), "html", null, true);
  6260.                 if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4302, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 4302)) && 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.', 4302, $this->source); })()), "option1", [], "any", false, false, false, 4302))) {
  6261.                     echo ": <span>";
  6262.                     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.', 4302, $this->source); })()), "option1", [], "any", false, false, false, 4302), "html", null, true);
  6263.                     echo "</span>";
  6264.                 }
  6265.                 echo "</div>
  6266. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6267. \t\t\t\t\t\t\t    ";
  6268.                 // line 4304
  6269.                 $context["idx"] = 0;
  6270.                 // line 4305
  6271.                 echo "\t\t\t\t\t\t\t    ";
  6272.                 $context['_parent'] = $context;
  6273.                 $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.', 4305, $this->source); })()));
  6274.                 foreach ($context['_seq'] as $context["_key"] => $context["opt1_val"]) {
  6275.                     if ($context["opt1_val"]) {
  6276.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4305, $this->source); })()) + 1);
  6277.                         // line 4306
  6278.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6279.                         if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4306, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 4306)) && (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.', 4306, $this->source); })()), "option1", [], "any", false, false, false, 4306) == $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.', 4306, $this->source); })())) == 1))) {
  6280.                             echo " is-selected";
  6281.                         }
  6282.                         echo "\"
  6283. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('option1','option1_3_";
  6284.                         // line 4307
  6285.                         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.', 4307, $this->source); })()), "html", null, true);
  6286.                         echo "');\">
  6287. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"option1\" id=\"option1_3_";
  6288.                         // line 4308
  6289.                         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.', 4308, $this->source); })()), "html", null, true);
  6290.                         echo "\" value=\"";
  6291.                         echo twig_escape_filter($this->env, $context["opt1_val"], "html", null, true);
  6292.                         echo "\"
  6293. \t\t\t\t\t\t\t               ";
  6294.                         // line 4309
  6295.                         if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4309, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 4309)) && (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.', 4309, $this->source); })()), "option1", [], "any", false, false, false, 4309) == $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.', 4309, $this->source); })())) == 1))) {
  6296.                             echo "checked";
  6297.                         }
  6298.                         echo ">
  6299. \t\t\t\t\t\t\t        ";
  6300.                         // line 4310
  6301.                         echo twig_escape_filter($this->env, $context["opt1_val"], "html", null, true);
  6302.                         echo "
  6303. \t\t\t\t\t\t\t      </label>
  6304. \t\t\t\t\t\t\t    ";
  6305.                     }
  6306.                 }
  6307.                 $_parent = $context['_parent'];
  6308.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1_val'], $context['_parent'], $context['loop']);
  6309.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6310.                 // line 4313
  6311.                 echo "\t\t\t\t\t\t\t  </div>
  6312. \t\t\t\t\t\t\t</div>
  6313. \t\t\t\t\t\t\t";
  6314.             }
  6315.             // line 4316
  6316.             echo "
  6317. \t\t\t\t\t\t\t";
  6318.             // line 4318
  6319.             echo "\t\t\t\t\t\t\t";
  6320.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4318, $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.', 4318, $this->source); })())))) {
  6321.                 // line 4319
  6322.                 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)\">
  6323. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">カラー";
  6324.                 // line 4320
  6325.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4320, $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.', 4320, $this->source); })()), "pc", [], "any", false, false, false, 4320))) {
  6326.                     echo ": <span>";
  6327.                     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.', 4320, $this->source); })()), "pc", [], "any", false, false, false, 4320), "html", null, true);
  6328.                     echo "</span>";
  6329.                 }
  6330.                 echo "</div>
  6331. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6332. \t\t\t\t\t\t\t    ";
  6333.                 // line 4322
  6334.                 $context["idx"] = 0;
  6335.                 // line 4323
  6336.                 echo "\t\t\t\t\t\t\t    ";
  6337.                 $context['_parent'] = $context;
  6338.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4323, $this->source); })()));
  6339.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  6340.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4323))) {
  6341.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4323, $this->source); })()) + 1);
  6342.                         // line 4324
  6343.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6344.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4324, $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.', 4324, $this->source); })()), "pc", [], "any", false, false, false, 4324) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4324))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4324, $this->source); })())) == 1))) {
  6345.                             echo " is-selected";
  6346.                         }
  6347.                         echo "\"
  6348. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pc','cc3_";
  6349.                         // line 4325
  6350.                         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.', 4325, $this->source); })()), "html", null, true);
  6351.                         echo "');\">
  6352. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_";
  6353.                         // line 4326
  6354.                         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.', 4326, $this->source); })()), "html", null, true);
  6355.                         echo "\" value=\"";
  6356.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4326), "html", null, true);
  6357.                         echo "\"
  6358. \t\t\t\t\t\t\t               ";
  6359.                         // line 4327
  6360.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4327, $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.', 4327, $this->source); })()), "pc", [], "any", false, false, false, 4327) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4327))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 4327, $this->source); })())) == 1))) {
  6361.                             echo "checked";
  6362.                         }
  6363.                         echo ">
  6364. \t\t\t\t\t\t\t        ";
  6365.                         // line 4328
  6366.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 4328), "html", null, true);
  6367.                         echo "
  6368. \t\t\t\t\t\t\t      </label>
  6369. \t\t\t\t\t\t\t    ";
  6370.                     }
  6371.                 }
  6372.                 $_parent = $context['_parent'];
  6373.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  6374.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6375.                 // line 4331
  6376.                 echo "\t\t\t\t\t\t\t  </div>
  6377. \t\t\t\t\t\t\t</div>
  6378. \t\t\t\t\t\t\t";
  6379.             }
  6380.             // line 4334
  6381.             echo "
  6382. \t\t\t\t\t\t\t";
  6383.             // line 4336
  6384.             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)\">
  6385. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  6386. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6387. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6388. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"";
  6389.             // line 4340
  6390.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", true, true, false, 4340)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", false, false, false, 4340), "1")) : ("1")), "html", null, true);
  6391.             echo "\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  6392. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  6393. \t\t\t\t\t\t\t    </div>
  6394. \t\t\t\t\t\t\t  </div>
  6395. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6396. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  6397. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  6398. \t\t\t\t\t\t\t  </div>
  6399. \t\t\t\t\t\t\t</div>
  6401. \t\t\t\t\t\t";
  6402.         }
  6403.         // line 4351
  6404.         echo "
  6405. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  6406. \t\t\t\t\t\t";
  6407.         // line 4353
  6408.         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.', 4353, $this->source); })()), "SaleType", [], "any", false, false, false, 4353), "id", [], "any", false, false, false, 4353) == 4)) {
  6409.             // line 4354
  6410.             echo "
  6411. \t\t\t\t\t\t\t";
  6412.             // line 4356
  6413.             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)\">
  6414. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  6415. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  6416. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6417. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"";
  6418.             // line 4360
  6419.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", true, true, false, 4360)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", false, false, false, 4360), "3")) : ("3")), "html", null, true);
  6420.             echo "\" min=\"3\" max=\"20\" onchange=\"if(parseInt(this.value)<3)this.value=3; mitsumori_simulation('maisu','maisu');\">
  6421. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  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\t  <div class=\"col-4\">
  6425. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  6426. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  6427. \t\t\t\t\t\t\t  </div>
  6428. \t\t\t\t\t\t\t</div>
  6430. \t\t\t\t\t\t";
  6431.         }
  6432.         // line 4371
  6433.         echo "
  6434. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  6435. \t\t\t\t\t\t";
  6436.         // line 4373
  6437.         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.', 4373, $this->source); })()), "SaleType", [], "any", false, false, false, 4373), "id", [], "any", false, false, false, 4373) == 5)) {
  6438.             // line 4374
  6439.             echo "
  6440. \t\t\t\t\t\t\t";
  6441.             // line 4376
  6442.             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)\">
  6443. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">ステップ</div>
  6444. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6445. \t\t\t\t\t\t\t    ";
  6446.             // line 4379
  6447.             $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.', 4379, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 4379)) && (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.', 4379, $this->source); })()), "deck_step", [], "any", false, false, false, 4379) == "必要"));
  6448.             // line 4380
  6449.             echo "\t\t\t\t\t\t\t    ";
  6450.             $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.', 4380, $this->source); })()) ||  !twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 4380)) || (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.', 4380, $this->source); })()), "deck_step", [], "any", false, false, false, 4380) == "不要")) ||  !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.', 4380, $this->source); })()), "deck_step", [], "any", false, false, false, 4380));
  6451.             // line 4381
  6452.             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6453.             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.', 4381, $this->source); })())) {
  6454.                 echo " is-selected";
  6455.             }
  6456.             echo "\"
  6457. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  6458. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  6459. \t\t\t\t\t\t\t             ";
  6460.             // line 4384
  6461.             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.', 4384, $this->source); })())) {
  6462.                 echo "checked";
  6463.             }
  6464.             echo ">
  6465. \t\t\t\t\t\t\t      必要
  6466. \t\t\t\t\t\t\t    </label>
  6467. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  6468.             // line 4387
  6469.             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.', 4387, $this->source); })())) {
  6470.                 echo " is-selected";
  6471.             }
  6472.             echo "\"
  6473. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  6474. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  6475. \t\t\t\t\t\t\t             ";
  6476.             // line 4390
  6477.             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.', 4390, $this->source); })())) {
  6478.                 echo "checked";
  6479.             }
  6480.             echo ">
  6481. \t\t\t\t\t\t\t      不要
  6482. \t\t\t\t\t\t\t    </label>
  6483. \t\t\t\t\t\t\t  </div>
  6484. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-step\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6485.             // line 4394
  6486.             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.', 4394, $this->source); })())) {
  6487.                 echo "display:none;";
  6488.             }
  6489.             echo "\">
  6490. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6491. \t\t\t\t\t\t\t  </div>
  6492. \t\t\t\t\t\t\t</div>
  6494. \t\t\t\t\t\t\t";
  6495.             // line 4400
  6496.             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)\">
  6497. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">デッキフェンス</div>
  6498. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6499. \t\t\t\t\t\t\t    ";
  6500.             // line 4403
  6501.             $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.', 4403, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 4403)) && (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.', 4403, $this->source); })()), "deck_fence", [], "any", false, false, false, 4403) == "必要"));
  6502.             // line 4404
  6503.             echo "\t\t\t\t\t\t\t    ";
  6504.             $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.', 4404, $this->source); })()) ||  !twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 4404)) || (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.', 4404, $this->source); })()), "deck_fence", [], "any", false, false, false, 4404) == "不要")) ||  !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.', 4404, $this->source); })()), "deck_fence", [], "any", false, false, false, 4404));
  6505.             // line 4405
  6506.             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6507.             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.', 4405, $this->source); })())) {
  6508.                 echo " is-selected";
  6509.             }
  6510.             echo "\"
  6511. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  6512. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  6513. \t\t\t\t\t\t\t             ";
  6514.             // line 4408
  6515.             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.', 4408, $this->source); })())) {
  6516.                 echo "checked";
  6517.             }
  6518.             echo ">
  6519. \t\t\t\t\t\t\t      必要
  6520. \t\t\t\t\t\t\t    </label>
  6521. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  6522.             // line 4411
  6523.             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.', 4411, $this->source); })())) {
  6524.                 echo " is-selected";
  6525.             }
  6526.             echo "\"
  6527. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  6528. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  6529. \t\t\t\t\t\t\t             ";
  6530.             // line 4414
  6531.             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.', 4414, $this->source); })())) {
  6532.                 echo "checked";
  6533.             }
  6534.             echo ">
  6535. \t\t\t\t\t\t\t      不要
  6536. \t\t\t\t\t\t\t    </label>
  6537. \t\t\t\t\t\t\t  </div>
  6538. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-fence\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6539.             // line 4418
  6540.             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.', 4418, $this->source); })())) {
  6541.                 echo "display:none;";
  6542.             }
  6543.             echo "\">
  6544. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6545. \t\t\t\t\t\t\t  </div>
  6546. \t\t\t\t\t\t\t</div>
  6548. \t\t\t\t\t\t";
  6549.         }
  6550.         // line 4424
  6551.         echo "
  6552. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  6553. \t\t\t\t\t\t";
  6554.         // line 4426
  6555.         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.', 4426, $this->source); })()), "SaleType", [], "any", false, false, false, 4426), "id", [], "any", false, false, false, 4426) == 6)) {
  6556.             // line 4427
  6557.             echo "
  6558. \t\t\t\t\t\t\t";
  6559.             // line 4429
  6560.             echo "\t\t\t\t\t\t\t";
  6561.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4429, $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.', 4429, $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.', 4429, $this->source); })())) != ""))) {
  6562.                 // line 4430
  6563.                 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)\">
  6564. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">規格";
  6565.                 // line 4431
  6566.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4431, $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.', 4431, $this->source); })()), "pm", [], "any", false, false, false, 4431))) {
  6567.                     echo ": <span>";
  6568.                     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.', 4431, $this->source); })()), "pm", [], "any", false, false, false, 4431), "html", null, true);
  6569.                     echo "</span>";
  6570.                 }
  6571.                 echo "</div>
  6572. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6573. \t\t\t\t\t\t\t    ";
  6574.                 // line 4433
  6575.                 $context["idx"] = 0;
  6576.                 // line 4434
  6577.                 echo "\t\t\t\t\t\t\t    ";
  6578.                 $context['_parent'] = $context;
  6579.                 $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.', 4434, $this->source); })()));
  6580.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  6581.                     if ($context["pm_val"]) {
  6582.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4434, $this->source); })()) + 1);
  6583.                         // line 4435
  6584.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6585.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4435, $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.', 4435, $this->source); })()), "pm", [], "any", false, false, false, 4435) == $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.', 4435, $this->source); })())) == 1))) {
  6586.                             echo " is-selected";
  6587.                         }
  6588.                         echo "\"
  6589. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm6_";
  6590.                         // line 4436
  6591.                         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.', 4436, $this->source); })()), "html", null, true);
  6592.                         echo "');\">
  6593. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_";
  6594.                         // line 4437
  6595.                         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.', 4437, $this->source); })()), "html", null, true);
  6596.                         echo "\" value=\"";
  6597.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6598.                         echo "\"
  6599. \t\t\t\t\t\t\t               ";
  6600.                         // line 4438
  6601.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4438, $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.', 4438, $this->source); })()), "pm", [], "any", false, false, false, 4438) == $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.', 4438, $this->source); })())) == 1))) {
  6602.                             echo "checked";
  6603.                         }
  6604.                         echo ">
  6605. \t\t\t\t\t\t\t        ";
  6606.                         // line 4439
  6607.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6608.                         echo "
  6609. \t\t\t\t\t\t\t      </label>
  6610. \t\t\t\t\t\t\t    ";
  6611.                     }
  6612.                 }
  6613.                 $_parent = $context['_parent'];
  6614.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  6615.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6616.                 // line 4442
  6617.                 echo "\t\t\t\t\t\t\t  </div>
  6618. \t\t\t\t\t\t\t</div>
  6619. \t\t\t\t\t\t\t";
  6620.             }
  6621.             // line 4445
  6622.             echo "
  6623. \t\t\t\t\t\t\t";
  6624.             // line 4448
  6625.             echo "\t\t\t\t\t\t\t";
  6626.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4448, $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.', 4448, $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.', 4448, $this->source); })())) != ""))) {
  6627.                 // line 4449
  6628.                 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)\">
  6629. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">芝の幅";
  6630.                 // line 4450
  6631.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4450, $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.', 4450, $this->source); })()), "pw", [], "any", false, false, false, 4450))) {
  6632.                     echo ": <span>";
  6633.                     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.', 4450, $this->source); })()), "pw", [], "any", false, false, false, 4450), "html", null, true);
  6634.                     echo "</span>";
  6635.                 }
  6636.                 echo "</div>
  6637. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6638. \t\t\t\t\t\t\t    ";
  6639.                 // line 4452
  6640.                 $context["idx"] = 0;
  6641.                 // line 4453
  6642.                 echo "\t\t\t\t\t\t\t    ";
  6643.                 $context['_parent'] = $context;
  6644.                 $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.', 4453, $this->source); })()));
  6645.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  6646.                     if ($context["pw_val"]) {
  6647.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4453, $this->source); })()) + 1);
  6648.                         // line 4454
  6649.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6650.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4454, $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.', 4454, $this->source); })()), "pw", [], "any", false, false, false, 4454) == $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.', 4454, $this->source); })())) == 1))) {
  6651.                             echo " is-selected";
  6652.                         }
  6653.                         echo "\"
  6654. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw6_";
  6655.                         // line 4455
  6656.                         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.', 4455, $this->source); })()), "html", null, true);
  6657.                         echo "');\">
  6658. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_";
  6659.                         // line 4456
  6660.                         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.', 4456, $this->source); })()), "html", null, true);
  6661.                         echo "\" value=\"";
  6662.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6663.                         echo "\"
  6664. \t\t\t\t\t\t\t               ";
  6665.                         // line 4457
  6666.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4457, $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.', 4457, $this->source); })()), "pw", [], "any", false, false, false, 4457) == $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.', 4457, $this->source); })())) == 1))) {
  6667.                             echo "checked";
  6668.                         }
  6669.                         echo ">
  6670. \t\t\t\t\t\t\t        ";
  6671.                         // line 4458
  6672.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6673.                         echo "
  6674. \t\t\t\t\t\t\t      </label>
  6675. \t\t\t\t\t\t\t    ";
  6676.                     }
  6677.                 }
  6678.                 $_parent = $context['_parent'];
  6679.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  6680.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6681.                 // line 4461
  6682.                 echo "\t\t\t\t\t\t\t  </div>
  6683. \t\t\t\t\t\t\t</div>
  6684. \t\t\t\t\t\t\t";
  6685.             }
  6686.             // line 4464
  6687.             echo "
  6688. \t\t\t\t\t\t\t";
  6689.             // line 4466
  6690.             echo "\t\t\t\t\t\t\t";
  6691.             $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.', 4466, $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.', 4466, $this->source); })()))) : (""));
  6692.             // line 4467
  6693.             echo "\t\t\t\t\t\t\t";
  6694.             if ((isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4467, $this->source); })())) {
  6695.                 // line 4468
  6696.                 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)\">
  6697. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">1ロールの長さ：<span style=\"font-weight:bold;\">";
  6698.                 // line 4469
  6699.                 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.', 4469, $this->source); })()))) {
  6700.                     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.', 4469, $this->source); })()), ["cm" => "", "," => ""])) / 100), "html", null, true);
  6701.                     echo "m";
  6702.                 } else {
  6703.                     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.', 4469, $this->source); })()), "html", null, true);
  6704.                 }
  6705.                 echo "</span></div>
  6706. \t\t\t\t\t\t\t</div>
  6707. \t\t\t\t\t\t\t";
  6708.             }
  6709.             // line 4472
  6710.             echo "
  6711. \t\t\t\t\t\t\t";
  6712.             // line 4475
  6713.             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)\">
  6714. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工サイズ</label>
  6715. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6716. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6717. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_len\" id=\"tf_len\"
  6718. \t\t\t\t\t\t\t        class=\"form-control\"
  6719. \t\t\t\t\t\t\t        value=\"";
  6720.             // line 4481
  6721.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_len", [], "any", true, true, false, 4481)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_len", [], "any", false, false, false, 4481), "")) : ("")), "html", null, true);
  6722.             echo "\"
  6723. \t\t\t\t\t\t\t        placeholder=\"縦\" min=\"0.1\" step=\"0.1\"
  6724. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_len','tf_len');\">
  6725. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m&nbsp;×</span>
  6726. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_wid\" id=\"tf_wid\"
  6727. \t\t\t\t\t\t\t        class=\"form-control\"
  6728. \t\t\t\t\t\t\t        value=\"";
  6729.             // line 4487
  6730.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_wid", [], "any", true, true, false, 4487)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_wid", [], "any", false, false, false, 4487), "")) : ("")), "html", null, true);
  6731.             echo "\"
  6732. \t\t\t\t\t\t\t        placeholder=\"横\" min=\"0.1\" step=\"0.1\"
  6733. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_wid','tf_wid');\">
  6734. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m</span>
  6735. \t\t\t\t\t\t\t    </div>
  6736. \t\t\t\t\t\t\t    ";
  6737.             // line 4493
  6738.             echo "\t\t\t\t\t\t\t    <input type=\"hidden\" name=\"area\" id=\"area\" value=\"";
  6739.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 4493)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 4493), "")) : ("")), "html", null, true);
  6740.             echo "\">
  6741. \t\t\t\t\t\t\t    ";
  6742.             // line 4496
  6743.             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;\">
  6744. \t\t\t\t\t\t\t      必要枚数：<input type=\"number\" name=\"tf_qty\" id=\"tf_qty\"
  6745. \t\t\t\t\t\t\t        value=\"";
  6746.             // line 4498
  6747.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_qty", [], "any", true, true, false, 4498)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_qty", [], "any", false, false, false, 4498), "1")) : ("1")), "html", null, true);
  6748.             echo "\" min=\"1\" step=\"1\"
  6749. \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;\"
  6750. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_qty','tf_qty');\"> 枚
  6751. \t\t\t\t\t\t\t    </div>
  6752. \t\t\t\t\t\t\t    <div style=\"margin-top:6px;font-size:12px;color:#666;\">※ 施工サイズを入力すると必要枚数を自動計算します。サイズが分からない場合は枚数を直接ご指定ください。</div>
  6753. \t\t\t\t\t\t\t  </div>
  6754. \t\t\t\t\t\t\t</div>
  6756. \t\t\t\t\t\t";
  6757.         }
  6758.         // line 4507
  6759.         echo "
  6760. \t\t\t\t\t\t<!-- 7: 施工見積（数量買い・基本工事費固定） -->
  6761. \t\t\t\t\t\t";
  6762.         // line 4509
  6763.         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.', 4509, $this->source); })()), "SaleType", [], "any", false, false, false, 4509), "id", [], "any", false, false, false, 4509) == 7)) {
  6764.             // line 4510
  6765.             echo "\t\t\t\t\t\t\t";
  6766.             // line 4511
  6767.             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)\">
  6768. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">個数</label>
  6769. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6770. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6771. \t\t\t\t\t\t\t      <input type=\"number\" name=\"suuryou\" id=\"suuryou\" class=\"form-control\"
  6772. \t\t\t\t\t\t\t        value=\"";
  6773.             // line 4516
  6774.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "suuryou", [], "any", true, true, false, 4516)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "suuryou", [], "any", false, false, false, 4516), "1")) : ("1")), "html", null, true);
  6775.             echo "\" min=\"1\" max=\"100\"
  6776. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('suuryou','suuryou');\">
  6777. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6778. \t\t\t\t\t\t\t    </div>
  6779. \t\t\t\t\t\t\t  </div>
  6780. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6781. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"suuryou(+1);\">＋</button>
  6782. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"suuryou(-1);\">ー</button>
  6783. \t\t\t\t\t\t\t  </div>
  6784. \t\t\t\t\t\t\t</div>
  6785. \t\t\t\t\t\t";
  6786.         }
  6787.         // line 4527
  6788.         echo "
  6789. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  6790. \t\t\t\t\t\t";
  6791.         // line 4529
  6792.         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.', 4529, $this->source); })()), "SaleType", [], "any", false, false, false, 4529), "id", [], "any", false, false, false, 4529) == 9)) {
  6793.             // line 4530
  6794.             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)\">
  6795. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  6796. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6797. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6798. \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);\">
  6799. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6800. \t\t\t\t\t\t\t    </div>
  6801. \t\t\t\t\t\t\t  </div>
  6802. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6803. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  6804. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  6805. \t\t\t\t\t\t\t  </div>
  6806. \t\t\t\t\t\t\t</div>
  6807. \t\t\t\t\t\t";
  6808.         }
  6809.         // line 4544
  6810.         echo "
  6814. \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>
  6815. \t\t\t\t\t\t";
  6816.         // line 4552
  6817.         echo "\t\t\t\t\t\t";
  6818.         $context["is_gs"] = false;
  6819.         // line 4553
  6820.         echo "\t\t\t\t\t\t";
  6821.         $context["is_cg"] = false;
  6822.         // line 4554
  6823.         echo "\t\t\t\t\t\t";
  6824.         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.', 4554, $this->source); })()), "ProductCategories", [], "any", false, false, false, 4554))) {
  6825.             // line 4555
  6826.             echo "\t\t\t\t\t\t\t";
  6827.             $context['_parent'] = $context;
  6828.             $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.', 4555, $this->source); })()), "ProductCategories", [], "any", false, false, false, 4555));
  6829.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  6830.                 // line 4556
  6831.                 echo "\t\t\t\t\t\t\t\t";
  6832.                 if ((twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "category_id", [], "any", false, false, false, 4556) == 27)) {
  6833.                     $context["is_gs"] = true;
  6834.                 }
  6835.                 // line 4557
  6836.                 echo "\t\t\t\t\t\t\t\t";
  6837.                 if ((twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "category_id", [], "any", false, false, false, 4557) == 9)) {
  6838.                     $context["is_cg"] = true;
  6839.                 }
  6840.                 // line 4558
  6841.                 echo "\t\t\t\t\t\t\t";
  6842.             }
  6843.             $_parent = $context['_parent'];
  6844.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  6845.             $context = array_intersect_key($context, $_parent) + $_parent;
  6846.             // line 4559
  6847.             echo "\t\t\t\t\t\t";
  6848.         }
  6849.         // line 4560
  6850.         echo "\t\t\t\t\t\t";
  6851.         $context['_parent'] = $context;
  6852.         $context['_seq'] = twig_ensure_traversable(range(0, 10));
  6853.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  6854.             // line 4561
  6855.             echo "\t\t\t\t\t\t\t";
  6856.             if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4561, $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.', 4561, $this->source); })())) >= ($context["i"] + 1)))) {
  6857.                 // line 4562
  6858.                 echo "\t\t\t\t\t\t\t";
  6859.                 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.', 4562, $this->source); })()), $context["i"], [], "array", false, false, false, 4562), "name", [], "array", false, false, false, 4562)) {
  6860.                     // line 4563
  6861.                     echo "\t\t\t\t\t\t\t";
  6862.                     $context["hide_opt"] = false;
  6863.                     // line 4564
  6864.                     echo "\t\t\t\t\t\t\t";
  6865.                     if (((isset($context["is_gs"]) || array_key_exists("is_gs", $context) ? $context["is_gs"] : (function () { throw new RuntimeError('Variable "is_gs" does not exist.', 4564, $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.', 4564, $this->source); })()), $context["i"], [], "array", false, false, false, 4564), "name", [], "array", false, false, false, 4564)) || 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.', 4564, $this->source); })()), $context["i"], [], "array", false, false, false, 4564), "name", [], "array", false, false, false, 4564))))) {
  6866.                         // line 4565
  6867.                         echo "\t\t\t\t\t\t\t\t";
  6868.                         $context["hide_opt"] = true;
  6869.                         // line 4566
  6870.                         echo "\t\t\t\t\t\t\t";
  6871.                     }
  6872.                     // line 4567
  6873.                     echo "\t\t\t\t\t\t\t";
  6874.                     if (((isset($context["is_cg"]) || array_key_exists("is_cg", $context) ? $context["is_cg"] : (function () { throw new RuntimeError('Variable "is_cg" does not exist.', 4567, $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.', 4567, $this->source); })()), $context["i"], [], "array", false, false, false, 4567), "name", [], "array", false, false, false, 4567)))) {
  6875.                         // line 4568
  6876.                         echo "\t\t\t\t\t\t\t\t";
  6877.                         $context["hide_opt"] = true;
  6878.                         // line 4569
  6879.                         echo "\t\t\t\t\t\t\t";
  6880.                     }
  6881.                     // line 4570
  6882.                     echo "\t\t\t\t\t\t\t";
  6883.                     if ( !(isset($context["hide_opt"]) || array_key_exists("hide_opt", $context) ? $context["hide_opt"] : (function () { throw new RuntimeError('Variable "hide_opt" does not exist.', 4570, $this->source); })())) {
  6884.                         // line 4571
  6885.                         echo "\t\t\t\t\t\t\t";
  6886.                         // line 4573
  6887.                         echo "\t\t\t\t\t\t\t";
  6888.                         $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, 4573), "price", [], "array", true, true, false, 4573)) ? (_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, 4573), "price", [], "array", false, false, false, 4573), 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, 4573), "price", [], "array", true, true, false, 4573)) ? (_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, 4573), "price", [], "array", false, false, false, 4573), "0")) : ("0")) == "0")) && ((preg_match("/解体/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 4574
  6889. (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4574, $this->source); })()), $context["i"], [], "array", false, false, false, 4574), "name", [], "array", false, false, false, 4574)) || 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.', 4574, $this->source); })()), $context["i"], [], "array", false, false, false, 4574), "name", [], "array", false, false, false, 4574))) || 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.', 4574, $this->source); })()), $context["i"], [], "array", false, false, false, 4574), "name", [], "array", false, false, false, 4574))));
  6890.                         // line 4575
  6891.                         echo "\t\t\t\t\t\t\t";
  6892.                         // line 4576
  6893.                         echo "\t\t\t\t\t\t\t";
  6894.                         $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.', 4576, $this->source); })()), "SaleType", [], "any", false, false, false, 4576), "id", [], "any", false, false, false, 4576) == 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.', 4576, $this->source); })()), $context["i"], [], "array", false, false, false, 4576), "name", [], "array", false, false, false, 4576)));
  6895.                         // line 4577
  6896.                         echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" data-op-idx=\"";
  6897.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6898.                         echo "\" data-op-name=\"";
  6899.                         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.', 4577, $this->source); })()), $context["i"], [], "array", false, false, false, 4577), "name", [], "array", false, false, false, 4577), "html_attr");
  6900.                         echo "\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6902. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  6903.                         // line 4579
  6904.                         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.', 4579, $this->source); })()), $context["i"], [], "array", false, false, false, 4579), "name", [], "array", false, false, false, 4579), "html", null, true);
  6905.                         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4579, $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.', 4579, $this->source); })()), "op", [], "any", false, false, false, 4579), $context["i"], [], "array", false, false, false, 4579))) {
  6906.                             echo ": <span>";
  6907.                             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.', 4579, $this->source); })()), "op", [], "any", false, false, false, 4579), $context["i"], [], "array", false, false, false, 4579), "html", null, true);
  6908.                             echo "</span>";
  6909.                         }
  6910.                         echo "</div>
  6911. \t\t\t\t\t\t\t  ";
  6912.                         // line 4580
  6913.                         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.', 4580, $this->source); })()), $context["i"], [], "array", false, false, false, 4580), "comment", [], "array", false, false, false, 4580)) {
  6914.                             echo "<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">";
  6915.                             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.', 4580, $this->source); })()), $context["i"], [], "array", false, false, false, 4580), "comment", [], "array", false, false, false, 4580), "html", null, true);
  6916.                             echo "</div>";
  6917.                         }
  6918.                         // line 4581
  6919.                         echo "\t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6920. \t\t\t\t\t\t\t    ";
  6921.                         // line 4584
  6922.                         echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6923.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4584, $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.', 4584, $this->source); })()), "op", [], "any", false, false, false, 4584), $context["i"], [], "array", false, false, false, 4584) == 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.', 4584, $this->source); })()), $context["i"], [], "array", false, false, false, 4584), "on", [], "array", false, false, false, 4584))) ||  !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.', 4584, $this->source); })()), $context["i"], [], "array", false, false, false, 4584), "off", [], "array", false, false, false, 4584))) {
  6924.                             echo " is-selected";
  6925.                         }
  6926.                         echo "\"
  6927. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  6928.                         // line 4585
  6929.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6930.                         echo "','op";
  6931.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6932.                         echo "_1');\">
  6933. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  6934.                         // line 4586
  6935.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6936.                         echo "\" id=\"op";
  6937.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6938.                         echo "_1\" value=\"";
  6939.                         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.', 4586, $this->source); })()), $context["i"], [], "array", false, false, false, 4586), "on", [], "array", false, false, false, 4586), "html", null, true);
  6940.                         echo "\" ";
  6941.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4586, $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.', 4586, $this->source); })()), "op", [], "any", false, false, false, 4586), $context["i"], [], "array", false, false, false, 4586) == 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.', 4586, $this->source); })()), $context["i"], [], "array", false, false, false, 4586), "on", [], "array", false, false, false, 4586))) ||  !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.', 4586, $this->source); })()), $context["i"], [], "array", false, false, false, 4586), "off", [], "array", false, false, false, 4586))) {
  6942.                             echo "checked";
  6943.                         }
  6944.                         echo ">
  6945. \t\t\t\t\t\t\t      ";
  6946.                         // line 4587
  6947.                         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.', 4587, $this->source); })()), $context["i"], [], "array", false, false, false, 4587), "on", [], "array", false, false, false, 4587), "html", null, true);
  6948.                         echo "
  6949. \t\t\t\t\t\t\t    </label>
  6950. \t\t\t\t\t\t\t    ";
  6951.                         // line 4589
  6952.                         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.', 4589, $this->source); })()), $context["i"], [], "array", false, false, false, 4589), "off", [], "array", false, false, false, 4589)) {
  6953.                             // line 4590
  6954.                             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6955.                             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4590, $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.', 4590, $this->source); })()), "op", [], "any", false, false, false, 4590), $context["i"], [], "array", false, false, false, 4590) == 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.', 4590, $this->source); })()), $context["i"], [], "array", false, false, false, 4590), "off", [], "array", false, false, false, 4590)))) {
  6956.                                 echo " is-selected";
  6957.                             }
  6958.                             echo "\"
  6959. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  6960.                             // line 4591
  6961.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6962.                             echo "','op";
  6963.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6964.                             echo "_2');\">
  6965. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  6966.                             // line 4592
  6967.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6968.                             echo "\" id=\"op";
  6969.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6970.                             echo "_2\" value=\"";
  6971.                             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.', 4592, $this->source); })()), $context["i"], [], "array", false, false, false, 4592), "off", [], "array", false, false, false, 4592), "html", null, true);
  6972.                             echo "\" ";
  6973.                             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4592, $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.', 4592, $this->source); })()), "op", [], "any", false, false, false, 4592), $context["i"], [], "array", false, false, false, 4592) == 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.', 4592, $this->source); })()), $context["i"], [], "array", false, false, false, 4592), "off", [], "array", false, false, false, 4592)))) {
  6974.                                 echo "checked";
  6975.                             }
  6976.                             echo ">
  6977. \t\t\t\t\t\t\t      ";
  6978.                             // line 4593
  6979.                             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.', 4593, $this->source); })()), $context["i"], [], "array", false, false, false, 4593), "off", [], "array", false, false, false, 4593), "html", null, true);
  6980.                             echo "
  6981. \t\t\t\t\t\t\t    </label>
  6982. \t\t\t\t\t\t\t    ";
  6983.                         }
  6984.                         // line 4596
  6985.                         echo "\t\t\t\t\t\t\t  </div>
  6986. \t\t\t\t\t\t\t  ";
  6987.                         // line 4597
  6988.                         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.', 4597, $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.', 4597, $this->source); })()))) {
  6989.                             // line 4598
  6990.                             echo "\t\t\t\t\t\t\t  <div class=\"opt-survey-note\" data-op-idx=\"";
  6991.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6992.                             echo "\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6993.                             if ( !((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4598, $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.', 4598, $this->source); })()), "op", [], "any", false, false, false, 4598), $context["i"], [], "array", false, false, false, 4598) == 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.', 4598, $this->source); })()), $context["i"], [], "array", false, false, false, 4598), "on", [], "array", false, false, false, 4598)))) {
  6994.                                 echo "display:none;";
  6995.                             }
  6996.                             echo "\">
  6997. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6998. \t\t\t\t\t\t\t  </div>
  6999. \t\t\t\t\t\t\t  ";
  7000.                         }
  7001.                         // line 4602
  7002.                         echo "\t\t\t\t\t\t\t</div>
  7003. \t\t\t\t\t\t\t";
  7004.                     }
  7005.                     // line 4604
  7006.                     echo "\t\t\t\t\t\t\t";
  7007.                 }
  7008.                 // line 4605
  7009.                 echo "\t\t\t\t\t\t\t";
  7010.             }
  7011.             // line 4606
  7012.             echo "\t\t\t\t\t\t";
  7013.         }
  7014.         $_parent = $context['_parent'];
  7015.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  7016.         $context = array_intersect_key($context, $_parent) + $_parent;
  7017.         // line 4607
  7018.         echo "
  7019. \t\t\t\t\t\t";
  7020.         // line 4611
  7021.         echo "\t\t\t\t\t\t";
  7022.         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.', 4611, $this->source); })()), "SaleType", [], "any", false, false, false, 4611), "id", [], "any", false, false, false, 4611) == 4) && (isset($context["oi"]) || array_key_exists("oi", $context) ? $context["oi"] : (function () { throw new RuntimeError('Variable "oi" does not exist.', 4611, $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.', 4611, $this->source); })()), "fe_block", [], "any", false, false, false, 4611))) {
  7023.             // line 4612
  7024.             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>
  7025. \t\t\t\t\t\t";
  7026.         }
  7027.         // line 4614
  7028.         echo "
  7029. \t\t\t\t\t\t";
  7030.         // line 4617
  7031.         echo "\t\t\t\t\t\t<div id=\"tg-options\" class=\"tg-options-container col-12\"></div>
  7033. \t\t\t\t\t  </div>
  7034. \t\t\t\t\t  <!-- /.card-body -->
  7035. \t\t\t\t\t</div>
  7038.                     <form action=\"";
  7039.         // line 4624
  7040.         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.', 4624, $this->source); })()), "id", [], "any", false, false, false, 4624)]), "html", null, true);
  7041.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  7042.                         ";
  7043.         // line 4625
  7044.         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.', 4625, $this->source); })()), "stock_find", [], "any", false, false, false, 4625)) {
  7045.             // line 4626
  7046.             echo "                            <div class=\"ec-productRole__actions\">
  7047.                                 ";
  7048.             // line 4627
  7049.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 4627)) {
  7050.                 // line 4628
  7051.                 echo "                                    <div class=\"ec-select\">
  7052.                                         ";
  7053.                 // line 4629
  7054.                 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.', 4629, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 4629), 'row');
  7055.                 echo "
  7056.                                         ";
  7057.                 // line 4630
  7058.                 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.', 4630, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 4630), 'errors');
  7059.                 echo "
  7060.                                     </div>
  7061.                                     ";
  7062.                 // line 4632
  7063.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 4632)) {
  7064.                     // line 4633
  7065.                     echo "                                        <div class=\"ec-select\">
  7066.                                             ";
  7067.                     // line 4634
  7068.                     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.', 4634, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 4634), 'row');
  7069.                     echo "
  7070.                                             ";
  7071.                     // line 4635
  7072.                     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.', 4635, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 4635), 'errors');
  7073.                     echo "
  7074.                                         </div>
  7075.                                     ";
  7076.                 }
  7077.                 // line 4638
  7078.                 echo "                                ";
  7079.             }
  7080.             // line 4639
  7081.             echo "                                <div class=\"ec-numberInput\">
  7082.                                     ";
  7083.             // line 4640
  7084.             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.', 4640, $this->source); })()), "quantity", [], "any", false, false, false, 4640), 'widget', ["type" => "hidden"]);
  7085.             echo "
  7086.                                     ";
  7087.             // line 4641
  7088.             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.', 4641, $this->source); })()), "quantity", [], "any", false, false, false, 4641), 'errors');
  7089.             echo "
  7090.                                 </div>
  7091.                             </div>
  7093.                         ";
  7094.         } else {
  7095.             // line 4646
  7096.             echo "                            <div class=\"ec-productRole__btn\">
  7097.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  7098.                                     ";
  7099.             // line 4648
  7100.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  7101.             echo "
  7102.                                 </button>
  7103.                             </div>
  7104.                         ";
  7105.         }
  7106.         // line 4652
  7107.         echo "                        <div class=\"ec-productRole__btn mt-3\">
  7108.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  7109.                         </div>
  7110.                         ";
  7111.         // line 4655
  7112.         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.', 4655, $this->source); })()), 'rest');
  7113.         echo "
  7114.                     </form>
  7115.                     <div class=\"ec-modal add-cart-modal\">
  7116.                         <div class=\"ec-modal-overlay\">
  7117.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  7118.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  7119.         // line 4660
  7120.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  7121.         echo "\" alt=\"\"/></span></span>
  7122.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">";
  7123.         // line 4661
  7124.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  7125.         echo "</div>
  7126.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  7127.                                     <div class=\"ec-role add-cart-modal__actions\">
  7128.                                         <a href=\"";
  7129.         // line 4664
  7130.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  7131.         echo "\" class=\"ec-inlineBtn--action add-cart-modal__primary\">";
  7132.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに進む"), "html", null, true);
  7133.         echo "</a>
  7134.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">";
  7135.         // line 4665
  7136.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品検索を続ける"), "html", null, true);
  7137.         echo "</span>
  7138.                                     </div>
  7139.                                 </div>
  7140.                             </div>
  7141.                         </div>
  7142.                     </div>
  7143.                     <div class=\"ec-productRole__description\">";
  7144.         // line 4671
  7145.         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.', 4671, $this->source); })()), "description_detail", [], "any", false, false, false, 4671));
  7146.         echo "
  7147.                     </div>
  7149.                     ";
  7150.         // line 4675
  7151.         echo "                    <div class=\"ec-productRole__share\">
  7152.                         <ul class=\"ec-share\">
  7153.                             <li class=\"ec-share__item\">
  7154.                                 <a href=\"https://twitter.com/share?url=";
  7155.         // line 4678
  7156.         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.', 4678, $this->source); })()), "request", [], "any", false, false, false, 4678), "uri", [], "any", false, false, false, 4678)), "html", null, true);
  7157.         echo "&text=";
  7158.         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.', 4678, $this->source); })()), "name", [], "any", false, false, false, 4678)), "html", null, true);
  7159.         echo "\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  7160.                                     <i class=\"fab fa-twitter\"></i>
  7161.                                 </a>
  7162.                             </li>
  7163.                             <li class=\"ec-share__item\">
  7164.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u=";
  7165.         // line 4683
  7166.         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.', 4683, $this->source); })()), "request", [], "any", false, false, false, 4683), "uri", [], "any", false, false, false, 4683)), "html", null, true);
  7167.         echo "\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  7168.                                     <i class=\"fab fa-facebook-f\"></i>
  7169.                                 </a>
  7170.                             </li>
  7171.                             <li class=\"ec-share__item\">
  7172.                                 <a href=\"https://social-plugins.line.me/lineit/share?url=";
  7173.         // line 4688
  7174.         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.', 4688, $this->source); })()), "request", [], "any", false, false, false, 4688), "uri", [], "any", false, false, false, 4688)), "html", null, true);
  7175.         echo "\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  7176.                                     <i class=\"fab fa-line\"></i>
  7177.                                 </a>
  7178.                             </li>
  7179.                         </ul>
  7180.                     </div>
  7181.                 </div>
  7182. \t\t\t\t";
  7183.         // line 4696
  7184.         echo "\t\t\t\t<div id=\"sp-mitsumori-bar\">
  7185. \t\t\t\t    <div class=\"sp-bar__pricewrap\">
  7186. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税抜)</div>
  7187. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  7188. \t\t\t\t    </div>
  7189. \t\t\t\t    <button type=\"button\" class=\"sp-bar__detail-btn\"
  7190. \t\t\t\t            onclick=\"openSpMitsumoriDetail();\" title=\"お見積りの詳細（内訳）を表示\">
  7191. \t\t\t\t        <i class=\"far fa-file-alt\"></i>
  7192. \t\t\t\t        <span>詳細</span>
  7193. \t\t\t\t    </button>
  7194. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  7195. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  7196. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  7197. \t\t\t\t        <span class=\"sp-bar__btn-label\">カートへ</span>
  7198. \t\t\t\t        ";
  7199.         // line 4710
  7200.         $context["spTotalQty"] = $this->extensions['Eccube\Twig\Extension\CartServiceExtension']->get_carts_total_quantity();
  7201.         // line 4711
  7202.         echo "\t\t\t\t        ";
  7203.         if (((isset($context["spTotalQty"]) || array_key_exists("spTotalQty", $context) ? $context["spTotalQty"] : (function () { throw new RuntimeError('Variable "spTotalQty" does not exist.', 4711, $this->source); })()) > 0)) {
  7204.             // line 4712
  7205.             echo "\t\t\t\t            <span class=\"sp-bar__cart-badge\">";
  7206.             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.', 4712, $this->source); })())), "html", null, true);
  7207.             echo "</span>
  7208. \t\t\t\t        ";
  7209.         }
  7210.         // line 4714
  7211.         echo "\t\t\t\t    </button>
  7212. \t\t\t\t    <a href=\"";
  7213.         // line 4715
  7214.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  7215.         echo "\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  7216. \t\t\t\t        <i class=\"fas fa-home\"></i>
  7217. \t\t\t\t    </a>
  7218. \t\t\t\t</div>
  7220. \t\t\t\t";
  7221.         // line 4721
  7222.         echo "\t\t\t\t";
  7223.         // line 4723
  7224.         echo "\t\t\t\t<div id=\"sp-mitsumori-detail\" class=\"sp-detail-sheet\" aria-hidden=\"true\">
  7225. \t\t\t\t    <div class=\"sp-detail-sheet__overlay\" onclick=\"closeSpMitsumoriDetail();\"></div>
  7226. \t\t\t\t    <div class=\"sp-detail-sheet__panel\" role=\"dialog\" aria-label=\"お見積りの詳細\">
  7227. \t\t\t\t        <div class=\"sp-detail-sheet__header\">
  7228. \t\t\t\t            <span class=\"sp-detail-sheet__title\">お見積りの詳細</span>
  7229. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__close\" onclick=\"closeSpMitsumoriDetail();\" aria-label=\"閉じる\">&times;</button>
  7230. \t\t\t\t        </div>
  7231. \t\t\t\t        <div class=\"sp-detail-sheet__body\" id=\"sp-detail-body\"></div>
  7232. \t\t\t\t        <div class=\"sp-detail-sheet__footer\">
  7233. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__invoice\"
  7234. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('mitsumori_btn') && document.getElementById('mitsumori_btn').click();\">見積書を表示</button>
  7235. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__cart\"
  7236. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">カートに入れる</button>
  7237. \t\t\t\t        </div>
  7238. \t\t\t\t    </div>
  7239. \t\t\t\t</div>
  7241. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  7242. \t\t\t\t\t<div class=\"card-header\">
  7243. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  7244. \t\t\t\t\t  <div class=\"card-tools\">
  7245. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">";
  7246.         // line 4744
  7247.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_goukei", [], "any", true, true, false, 4744)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_goukei", [], "any", false, false, false, 4744), "---円")) : ("---円")), "html", null, true);
  7248.         echo "</span>
  7249. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  7250. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  7251. \t\t\t\t\t    </button>
  7252. \t\t\t\t\t  </div>
  7253. \t\t\t\t\t</div>
  7254. \t\t\t\t\t<div class=\"card-body p-0\">
  7255. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  7256. \t\t\t\t\t    <li class=\"nav-item active\">
  7257. \t\t\t\t\t      <a class=\"nav-link\">
  7258. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税抜)
  7259. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">";
  7260.         // line 4755
  7261.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_goukei", [], "any", true, true, false, 4755)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_goukei", [], "any", false, false, false, 4755), "---円")) : ("---円")), "html", null, true);
  7262.         echo "</span>
  7263. \t\t\t\t\t      </a>
  7264. \t\t\t\t\t    </li>
  7265. \t\t\t\t\t    <li class=\"nav-item active\">
  7266. \t\t\t\t\t      <a class=\"nav-link\">
  7267. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  7268. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">";
  7269.         // line 4761
  7270.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_price", [], "any", true, true, false, 4761)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_price", [], "any", false, false, false, 4761), "---円")) : ("---円")), "html", null, true);
  7271.         echo "</span>
  7272. \t\t\t\t\t      </a>
  7273. \t\t\t\t\t    </li>
  7274. \t\t\t\t\t    ";
  7275.         // line 4765
  7276.         echo "\t\t\t\t\t    ";
  7277.         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.', 4765, $this->source); })()), "SaleType", [], "any", false, false, false, 4765), "id", [], "any", false, false, false, 4765) != 2)) {
  7278.             // line 4766
  7279.             echo "\t\t\t\t\t    <li class=\"nav-item\">
  7280. \t\t\t\t\t      <a class=\"nav-link\">
  7281. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  7282. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">";
  7283.             // line 4769
  7284.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maker_price", [], "any", true, true, false, 4769)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maker_price", [], "any", false, false, false, 4769), "---円")) : ("---円")), "html", null, true);
  7285.             echo "</span>
  7286. \t\t\t\t\t      </a>
  7287. \t\t\t\t\t    </li>
  7288. \t\t\t\t\t    ";
  7289.         } else {
  7290.             // line 4773
  7291.             echo "\t\t\t\t\t    ";
  7292.             // line 4774
  7293.             echo "\t\t\t\t\t    <span id=\"maker_price\" style=\"display:none;\">---円</span>
  7294. \t\t\t\t\t    ";
  7295.         }
  7296.         // line 4776
  7297.         echo "\t\t\t\t\t    <li class=\"nav-item\">
  7298. \t\t\t\t\t      <a class=\"nav-link\">
  7299. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i>
  7300. \t\t\t\t\t        ";
  7301.         // line 4779
  7302.         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.', 4779, $this->source); })()), "SaleType", [], "any", false, false, false, 4779), "id", [], "any", false, false, false, 4779) == 2)) {
  7303.             echo "補助金（割引額）";
  7304.         } else {
  7305.             echo "お値引き";
  7306.         }
  7307.         // line 4780
  7308.         echo "\t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">";
  7309.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_off", [], "any", true, true, false, 4780)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_off", [], "any", false, false, false, 4780), "---円")) : ("---円")), "html", null, true);
  7310.         echo "</span>
  7311. \t\t\t\t\t      </a>
  7312. \t\t\t\t\t    </li>
  7313. \t\t\t\t\t    ";
  7314.         // line 4784
  7315.         echo "\t\t\t\t\t    ";
  7316.         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.', 4784, $this->source); })()), "SaleType", [], "any", false, false, false, 4784), "id", [], "any", false, false, false, 4784) == 2)) {
  7317.             // line 4785
  7318.             echo "\t\t\t\t\t    <li class=\"nav-item\">
  7319. \t\t\t\t\t      <div style=\"padding:4px 12px 8px;color:#6c757d;font-size:11px;line-height:1.4;\">
  7320. \t\t\t\t\t        ※当店が補助金事業者として申請代行し、契約代金に充当します
  7321. \t\t\t\t\t      </div>
  7322. \t\t\t\t\t    </li>
  7323. \t\t\t\t\t    ";
  7324.         }
  7325.         // line 4791
  7326.         echo "\t\t\t\t\t    <li class=\"nav-item\">
  7327. \t\t\t\t\t      <a class=\"nav-link\">
  7328. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  7329. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">";
  7330.         // line 4794
  7331.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_ct", [], "any", true, true, false, 4794)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_ct", [], "any", false, false, false, 4794), "---円")) : ("---円")), "html", null, true);
  7332.         echo "</span>
  7333. \t\t\t\t\t      </a>
  7334. \t\t\t\t\t    </li>
  7335. \t\t\t\t\t     ";
  7336.         // line 4798
  7337.         echo "\t\t\t\t\t     <li class=\"nav-item\" id=\"mitsumori_steelroof_row\" style=\"display:none;\">
  7338. \t\t\t\t\t       <a class=\"nav-link\">
  7339. \t\t\t\t\t         &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> スチール折板
  7340. \t\t\t\t\t         <span class=\"float-right\" id=\"mitsumori_steelroof\">";
  7341.         // line 4801
  7342.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_steelroof", [], "any", true, true, false, 4801)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_steelroof", [], "any", false, false, false, 4801), "---円")) : ("---円")), "html", null, true);
  7343.         echo "</span>
  7344. \t\t\t\t\t       </a>
  7345. \t\t\t\t\t     </li>
  7346. \t\t\t\t\t    <li class=\"nav-item\">
  7347. \t\t\t\t\t      <a class=\"nav-link\">
  7348. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  7349. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">";
  7350.         // line 4807
  7351.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_option", [], "any", true, true, false, 4807)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_option", [], "any", false, false, false, 4807), "---円")) : ("---円")), "html", null, true);
  7352.         echo "</span>
  7353. \t\t\t\t\t      </a>
  7354. \t\t\t\t\t    </li>
  7355. \t\t\t\t\t  </ul>
  7356. \t\t\t\t\t</div>
  7357. \t\t\t\t\t<div class=\"card-footer\">
  7358. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  7359. \t\t                  見積書表示
  7360. \t\t                </button>
  7361.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  7363. \t\t\t\t\t</div>
  7364. \t\t\t\t</div>
  7365.             </div>
  7367.         </div>
  7369.     </div>
  7371.   <div class=\"modal\" id=\"modal-mitsumori\">
  7372.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  7373.       <div class=\"modal-content\">
  7374.         <div class=\"modal-header\">
  7375.           <h4 class=\"modal-title\">お見積書</h4>
  7376.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  7377.             <span aria-hidden=\"true\">&times;</span>
  7378.           </button>
  7379.         </div>
  7380.         <div class=\"modal-body\">
  7381. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  7382. \t\t\t  <!-- title row -->
  7383. \t\t\t  <div class=\"row\">
  7384. \t\t\t    <div class=\"col-12\">
  7385. \t\t\t      <h2>概算お見積書 
  7386. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: <span id=\"mitsumori_issue_date\">---</span></small>
  7387. \t\t\t      </h2>
  7388. \t\t\t    </div>
  7389. \t\t\t    <!-- /.col -->
  7390. \t\t\t  </div>
  7391. \t\t\t  <!-- info row -->
  7392. \t\t\t  <div class=\"row invoice-info\">
  7393. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  7394. \t\t\t      <h3>お客様</h3>
  7395. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  7396. \t\t\t      <br />
  7397. \t\t\t      <br / >
  7398. \t\t\t      <br />
  7399. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">";
  7400.         // line 4854
  7401.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_goukei", [], "any", true, true, false, 4854)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mitsumori_goukei", [], "any", false, false, false, 4854), "---円")) : ("---円")), "html", null, true);
  7402.         echo "</span></h2>
  7403. \t\t\t      <span>
  7404. \t\t\t        <br/>
  7405. \t\t\t        <br/>
  7406. \t\t\t        <br/>
  7407. \t\t\t        <br/>
  7408. \t\t\t      </span>
  7409. \t\t\t    </div>
  7410. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  7411. \t\t\t      <p>
  7412. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  7413. \t\t\t      </p>
  7414. \t\t\t      <p>有限会社プラス</p>
  7415. \t\t\t      <p>〒400-0334</p>
  7416. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  7417. \t\t\t      <p>TEL: 055-284-6480</p>
  7418. \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;\">
  7419. \t\t\t    </div>
  7420. \t\t\t    <!-- /.col -->
  7421. \t\t\t    <!-- /.col -->
  7422. \t\t\t  </div>
  7423. \t\t\t  <!-- /.row -->
  7424. \t\t\t  <!-- Table row -->
  7425. \t\t\t  <div class=\"row\">
  7426. \t\t\t    <div class=\"col-12 table-responsive\">
  7427. \t\t\t      <table class=\"table table-striped\">
  7428. \t\t\t        <thead>
  7429. \t\t\t          <tr>
  7430. \t\t\t            <th>項目</th>
  7431. \t\t\t            <th>数量</th>
  7432. \t\t\t            <th>単位</th>
  7433. \t\t\t            <th>単価</th>
  7434. \t\t\t            <th>小計</th>
  7435. \t\t\t          </tr>
  7436. \t\t\t        </thead>
  7437. \t\t\t        <tbody>
  7438. \t\t\t          <tr>
  7439. \t\t\t            <td id=\"mitsumori_item_name\">";
  7440.         // line 4891
  7441.         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.', 4891, $this->source); })()), "name", [], "any", false, false, false, 4891), "html", null, true);
  7442.         echo "</td>
  7443. \t\t\t            <td>1</td>
  7444. \t\t\t            <td>式</td>
  7445. \t\t\t            <td id=\"mitsumori_price_01\">---</td>
  7446. \t\t\t            <td id=\"mitsumori_price_02\">---</td>
  7447. \t\t\t          </tr>
  7448. \t\t\t          <tr>
  7449. \t\t\t            <td>基本工事費</td>
  7450. \t\t\t            <td>1</td>
  7451. \t\t\t            <td>式</td>
  7452. \t\t\t            <td id=\"mitsumori_ct_01\">---</td>
  7453. \t\t\t            <td id=\"mitsumori_ct_02\">---</td>
  7454. \t\t\t          </tr>
  7455. \t\t\t          <tr>
  7456. \t\t\t            <td>残土・ガラ処理</td>
  7457. \t\t\t            <td>1</td>
  7458. \t\t\t            <td>式</td>
  7459. \t\t\t            <td>0円</td>
  7460. \t\t\t            <td></td>
  7461. \t\t\t          </tr>
  7462. \t\t\t          <tr>
  7463. \t\t\t            <td>　</td>
  7464. \t\t\t            <td></td>
  7465. \t\t\t            <td></td>
  7466. \t\t\t            <td></td>
  7467. \t\t\t            <td></td>
  7468. \t\t\t          </tr>
  7469. \t\t\t        </tbody>
  7470. \t\t\t      </table>
  7471. \t\t\t    </div>
  7472. \t\t\t    <!-- /.col -->
  7473. \t\t\t  </div>
  7474. \t\t\t  <!-- /.row -->
  7475. \t\t\t  <div class=\"row\">
  7476. \t\t\t    <!-- accepted payments column -->
  7477. \t\t\t    <div class=\"col-6\">
  7478. \t\t\t      <p class=\"lead\">お支払い方法</p>
  7479. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  7480. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  7481. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  7482. \t\t\t      </p>
  7483. \t\t\t    </div>
  7484. \t\t\t    <!-- /.col -->
  7485. \t\t\t    <div class=\"col-6\">
  7486. \t\t\t      <div class=\"table-responsive\">
  7487. \t\t\t        <table class=\"table\">
  7488. \t\t\t          <tbody>
  7489. \t\t\t            <tr>
  7490. \t\t\t              <th style=\"width:50%\">小計:</th>
  7491. \t\t\t              <td id=\"mitsumori_shoukei\">---</td>
  7492. \t\t\t            </tr>
  7493. \t\t\t            <tr>
  7494. \t\t\t              <th>消費税 (10%)</th>
  7495. \t\t\t              <td id=\"mitsumori_tax\">---</td>
  7496. \t\t\t            </tr>
  7497. \t\t\t            <tr>
  7498. \t\t\t              <th>合計:</th>
  7499. \t\t\t              <td id=\"mitsumori_goukei_02\">---</td>
  7500. \t\t\t            </tr>
  7501. \t\t\t          </tbody>
  7502. \t\t\t        </table>
  7503. \t\t\t      </div>
  7504. \t\t\t    </div>
  7505. \t\t\t    <!-- /.col -->
  7506. \t\t\t  </div>
  7507. \t\t\t  <!-- /.row -->
  7508. \t\t\t</div>
  7509.         </div>
  7510.         <div class=\"modal-footer justify-content-between\">
  7511. \t\t\t      ";
  7512.         // line 4961
  7513.         echo "\t\t\t      <form method=\"post\" action=\"";
  7514.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mitsumori_pdf");
  7515.         echo "\" target=\"_blank\" id=\"pdf_download_form\">
  7516. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"";
  7517.         // line 4962
  7518.         echo twig_escape_filter($this->env, $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderCsrfToken("mitsumori_pdf"), "html", null, true);
  7519.         echo "\">
  7520. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  7521. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  7522. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  7523. \t\t\t        </button>
  7524. \t\t\t      </form>
  7525.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  7526.         </div>
  7527.       </div>
  7528.       <!-- /.modal-content -->
  7529.     </div>
  7530.     <!-- /.modal-dialog -->
  7531.   </div>
  7532.   <!-- /.modal -->
  7534.     <!-- Image zoom modal: custom lightweight lightbox (no CDN dependency) -->
  7535.     <div id=\"img-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"画像拡大\">
  7536.         <button id=\"img-modal__close\" aria-label=\"閉じる\">&times;</button>
  7537.         <button id=\"img-modal__prev\" aria-label=\"前の画像\">&#10094;</button>
  7538.         <img id=\"img-modal__img\" src=\"\" alt=\"\">
  7539.         <button id=\"img-modal__next\" aria-label=\"次の画像\">&#10095;</button>
  7540.     </div>
  7541.     <style>
  7542.     #img-modal {
  7543.         display: none;
  7544.         position: fixed;
  7545.         inset: 0;
  7546.         z-index: 9999;
  7547.         background: rgba(0,0,0,0.88);
  7548.         align-items: center;
  7549.         justify-content: center;
  7550.         cursor: zoom-out;
  7551.     }
  7552.     #img-modal.is-open { display: flex; }
  7553.     #img-modal__img {
  7554.         max-width: 92vw;
  7555.         max-height: 88vh;
  7556.         object-fit: contain;
  7557.         border-radius: 4px;
  7558.         cursor: default;
  7559.         user-select: none;
  7560.         touch-action: pinch-zoom;
  7561.         display: block;
  7562.     }
  7563.     #img-modal__close {
  7564.         position: absolute;
  7565.         top: 14px;
  7566.         right: 18px;
  7567.         font-size: 38px;
  7568.         color: #fff;
  7569.         cursor: pointer;
  7570.         background: none;
  7571.         border: none;
  7572.         padding: 0;
  7573.         line-height: 1;
  7574.         z-index: 1;
  7575.         opacity: 0.85;
  7576.     }
  7577.     #img-modal__close:hover { opacity: 1; }
  7578.     #img-modal__prev,
  7579.     #img-modal__next {
  7580.         position: absolute;
  7581.         top: 50%;
  7582.         transform: translateY(-50%);
  7583.         font-size: 36px;
  7584.         color: #fff;
  7585.         cursor: pointer;
  7586.         background: rgba(0,0,0,0.32);
  7587.         border: none;
  7588.         padding: 10px 16px;
  7589.         line-height: 1;
  7590.         border-radius: 6px;
  7591.         z-index: 1;
  7592.         opacity: 0.8;
  7593.         user-select: none;
  7594.     }
  7595.     #img-modal__prev:hover, #img-modal__next:hover { opacity: 1; }
  7596.     #img-modal__prev { left: 12px; }
  7597.     #img-modal__next { right: 12px; }
  7598.     @media (max-width: 767px) {
  7599.         #img-modal__prev, #img-modal__next { font-size: 28px; padding: 8px 12px; }
  7600.     }
  7601.     </style>
  7602.     <script>
  7603.     (function(){
  7604.         var images = [];
  7605.         var current = 0;
  7607.         // Collect original (non-cloned) slide images at click time.
  7608.         // After Slick init, slides are wrapped in .slick-slide; clones have .slick-cloned.
  7609.         function collectImages() {
  7610.             images = [];
  7611.             var \$slides = \$('.item_visual .slick-slide:not(.slick-cloned)');
  7612.             if (!\$slides.length) {
  7613.                 // Slick not yet initialized (fallback)
  7614.                 \$slides = \$('.item_visual .slide-item');
  7615.             }
  7616.             \$slides.each(function() {
  7617.                 var \$a = \$(this).find('a.js-zoom');
  7618.                 if (\$a.length) {
  7619.                     images.push({ src: \$a.attr('href'), alt: \$a.find('img').attr('alt') || '' });
  7620.                 }
  7621.             });
  7622.         }
  7624.         function showImage(idx) {
  7625.             current = ((idx % images.length) + images.length) % images.length;
  7626.             \$('#img-modal__img').attr({ src: images[current].src, alt: images[current].alt });
  7627.         }
  7629.         function openModal(href) {
  7630.             collectImages();
  7631.             if (!images.length) return;
  7632.             var idx = 0;
  7633.             for (var i = 0; i < images.length; i++) {
  7634.                 if (images[i].src === href) { idx = i; break; }
  7635.             }
  7636.             showImage(idx);
  7637.             \$('#img-modal').addClass('is-open');
  7638.             \$('body').css('overflow', 'hidden');
  7639.         }
  7641.         function closeModal() {
  7642.             \$('#img-modal').removeClass('is-open');
  7643.             \$('body').css('overflow', '');
  7644.         }
  7646.         // Click handler: works for both original and Slick-cloned anchors
  7647.         \$(document).on('click', '.item_visual a.js-zoom', function(e) {
  7648.             e.preventDefault();
  7649.             openModal(\$(this).attr('href'));
  7650.         });
  7652.         // Close on backdrop click
  7653.         \$('#img-modal').on('click', function(e) {
  7654.             if (e.target === this) closeModal();
  7655.         });
  7656.         \$('#img-modal__close').on('click', closeModal);
  7657.         \$('#img-modal__prev').on('click', function(e) { e.stopPropagation(); showImage(current - 1); });
  7658.         \$('#img-modal__next').on('click', function(e) { e.stopPropagation(); showImage(current + 1); });
  7660.         // Keyboard navigation
  7661.         \$(document).on('keydown', function(e) {
  7662.             if (!\$('#img-modal').hasClass('is-open')) return;
  7663.             if (e.key === 'Escape') closeModal();
  7664.             if (e.key === 'ArrowLeft') showImage(current - 1);
  7665.             if (e.key === 'ArrowRight') showImage(current + 1);
  7666.         });
  7668.         // Touch swipe (horizontal only)
  7669.         var _tx = 0;
  7670.         var \$modal = document.getElementById('img-modal');
  7671.         \$modal.addEventListener('touchstart', function(e) {
  7672.             _tx = e.changedTouches[0].clientX;
  7673.         }, { passive: true });
  7674.         \$modal.addEventListener('touchend', function(e) {
  7675.             var dx = e.changedTouches[0].clientX - _tx;
  7676.             if (Math.abs(dx) > 48) {
  7677.                 dx < 0 ? showImage(current + 1) : showImage(current - 1);
  7678.             }
  7679.         }, { passive: true });
  7680.     })();
  7681.     </script>
  7683. ";
  7684.         
  7685.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  7687.         
  7688.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  7690.     }
  7692.     public function getTemplateName()
  7693.     {
  7694.         return "Product/detail.twig";
  7695.     }
  7697.     public function isTraitable()
  7698.     {
  7699.         return false;
  7700.     }
  7702.     public function getDebugInfo()
  7703.     {
  7704.         return array (  7518 => 4962,  7513 => 4961,  7441 => 4891,  7401 => 4854,  7351 => 4807,  7342 => 4801,  7337 => 4798,  7331 => 4794,  7326 => 4791,  7318 => 4785,  7315 => 4784,  7308 => 4780,  7302 => 4779,  7297 => 4776,  7293 => 4774,  7291 => 4773,  7284 => 4769,  7279 => 4766,  7276 => 4765,  7270 => 4761,  7261 => 4755,  7247 => 4744,  7224 => 4723,  7222 => 4721,  7214 => 4715,  7211 => 4714,  7205 => 4712,  7202 => 4711,  7200 => 4710,  7184 => 4696,  7174 => 4688,  7166 => 4683,  7156 => 4678,  7151 => 4675,  7145 => 4671,  7136 => 4665,  7130 => 4664,  7124 => 4661,  7120 => 4660,  7112 => 4655,  7107 => 4652,  7100 => 4648,  7096 => 4646,  7088 => 4641,  7084 => 4640,  7081 => 4639,  7078 => 4638,  7072 => 4635,  7068 => 4634,  7065 => 4633,  7063 => 4632,  7058 => 4630,  7054 => 4629,  7051 => 4628,  7049 => 4627,  7046 => 4626,  7044 => 4625,  7040 => 4624,  7031 => 4617,  7028 => 4614,  7024 => 4612,  7021 => 4611,  7018 => 4607,  7012 => 4606,  7009 => 4605,  7006 => 4604,  7002 => 4602,  6990 => 4598,  6988 => 4597,  6985 => 4596,  6979 => 4593,  6967 => 4592,  6961 => 4591,  6954 => 4590,  6952 => 4589,  6947 => 4587,  6935 => 4586,  6929 => 4585,  6922 => 4584,  6919 => 4581,  6913 => 4580,  6904 => 4579,  6896 => 4577,  6893 => 4576,  6891 => 4575,  6889 => 4574,  6887 => 4573,  6885 => 4571,  6882 => 4570,  6879 => 4569,  6876 => 4568,  6873 => 4567,  6870 => 4566,  6867 => 4565,  6864 => 4564,  6861 => 4563,  6858 => 4562,  6855 => 4561,  6850 => 4560,  6847 => 4559,  6841 => 4558,  6836 => 4557,  6831 => 4556,  6826 => 4555,  6823 => 4554,  6820 => 4553,  6817 => 4552,  6810 => 4544,  6794 => 4530,  6792 => 4529,  6788 => 4527,  6774 => 4516,  6767 => 4511,  6765 => 4510,  6763 => 4509,  6759 => 4507,  6747 => 4498,  6743 => 4496,  6738 => 4493,  6730 => 4487,  6721 => 4481,  6713 => 4475,  6710 => 4472,  6699 => 4469,  6696 => 4468,  6693 => 4467,  6690 => 4466,  6687 => 4464,  6682 => 4461,  6672 => 4458,  6666 => 4457,  6660 => 4456,  6656 => 4455,  6649 => 4454,  6642 => 4453,  6640 => 4452,  6631 => 4450,  6628 => 4449,  6625 => 4448,  6622 => 4445,  6617 => 4442,  6607 => 4439,  6601 => 4438,  6595 => 4437,  6591 => 4436,  6584 => 4435,  6577 => 4434,  6575 => 4433,  6566 => 4431,  6563 => 4430,  6560 => 4429,  6557 => 4427,  6555 => 4426,  6551 => 4424,  6540 => 4418,  6531 => 4414,  6523 => 4411,  6515 => 4408,  6506 => 4405,  6503 => 4404,  6501 => 4403,  6496 => 4400,  6486 => 4394,  6477 => 4390,  6469 => 4387,  6461 => 4384,  6452 => 4381,  6449 => 4380,  6447 => 4379,  6442 => 4376,  6439 => 4374,  6437 => 4373,  6433 => 4371,  6419 => 4360,  6413 => 4356,  6410 => 4354,  6408 => 4353,  6404 => 4351,  6390 => 4340,  6384 => 4336,  6381 => 4334,  6376 => 4331,  6366 => 4328,  6360 => 4327,  6354 => 4326,  6350 => 4325,  6343 => 4324,  6336 => 4323,  6334 => 4322,  6325 => 4320,  6322 => 4319,  6319 => 4318,  6316 => 4316,  6311 => 4313,  6301 => 4310,  6295 => 4309,  6289 => 4308,  6285 => 4307,  6278 => 4306,  6271 => 4305,  6269 => 4304,  6259 => 4302,  6256 => 4301,  6253 => 4300,  6250 => 4298,  6245 => 4295,  6235 => 4292,  6229 => 4291,  6223 => 4290,  6219 => 4289,  6212 => 4288,  6205 => 4287,  6203 => 4286,  6194 => 4284,  6191 => 4283,  6188 => 4282,  6185 => 4280,  6180 => 4277,  6170 => 4274,  6164 => 4273,  6158 => 4272,  6154 => 4271,  6147 => 4270,  6140 => 4269,  6138 => 4268,  6129 => 4266,  6126 => 4265,  6124 => 4264,  6121 => 4263,  6116 => 4260,  6106 => 4257,  6100 => 4256,  6094 => 4255,  6090 => 4254,  6083 => 4253,  6076 => 4252,  6074 => 4251,  6065 => 4249,  6062 => 4248,  6060 => 4247,  6057 => 4246,  6052 => 4243,  6042 => 4240,  6036 => 4239,  6030 => 4238,  6026 => 4237,  6019 => 4236,  6012 => 4235,  6010 => 4234,  6001 => 4232,  5998 => 4231,  5995 => 4230,  5992 => 4228,  5990 => 4227,  5986 => 4225,  5856 => 4097,  5839 => 4081,  5836 => 4079,  5831 => 4076,  5823 => 4074,  5817 => 4072,  5812 => 4070,  5804 => 4068,  5802 => 4067,  5798 => 4066,  5791 => 4065,  5788 => 4064,  5783 => 4063,  5778 => 4060,  5775 => 4059,  5772 => 4057,  5766 => 4053,  5756 => 4050,  5752 => 4049,  5749 => 4048,  5744 => 4047,  5741 => 4046,  5737 => 4042,  5734 => 4041,  5731 => 4039,  5723 => 4036,  5713 => 4028,  5710 => 4027,  5707 => 4025,  5699 => 4022,  5689 => 4014,  5686 => 4013,  5683 => 4011,  5678 => 4008,  5668 => 4005,  5664 => 4004,  5661 => 4003,  5656 => 4002,  5651 => 3999,  5648 => 3998,  5639 => 3990,  5628 => 3980,  5611 => 3967,  5601 => 3962,  5590 => 3953,  5587 => 3952,  5577 => 3943,  5574 => 3939,  5571 => 3935,  5569 => 3934,  5565 => 3932,  5562 => 3931,  5560 => 3930,  5556 => 3928,  5551 => 3925,  5541 => 3922,  5535 => 3921,  5529 => 3920,  5525 => 3919,  5518 => 3918,  5511 => 3917,  5509 => 3916,  5499 => 3914,  5496 => 3913,  5493 => 3912,  5490 => 3910,  5485 => 3907,  5475 => 3904,  5469 => 3903,  5463 => 3902,  5459 => 3901,  5452 => 3900,  5445 => 3899,  5443 => 3898,  5433 => 3896,  5430 => 3895,  5427 => 3894,  5424 => 3889,  5419 => 3886,  5409 => 3883,  5403 => 3882,  5397 => 3881,  5393 => 3880,  5386 => 3879,  5379 => 3878,  5377 => 3877,  5363 => 3875,  5360 => 3874,  5357 => 3873,  5354 => 3871,  5349 => 3868,  5339 => 3865,  5333 => 3864,  5327 => 3863,  5323 => 3862,  5316 => 3861,  5309 => 3860,  5307 => 3859,  5298 => 3857,  5295 => 3856,  5292 => 3855,  5289 => 3852,  5284 => 3849,  5274 => 3846,  5268 => 3845,  5262 => 3844,  5258 => 3843,  5251 => 3842,  5244 => 3841,  5242 => 3840,  5233 => 3838,  5230 => 3837,  5228 => 3836,  5225 => 3835,  5220 => 3832,  5210 => 3829,  5204 => 3828,  5198 => 3827,  5194 => 3826,  5187 => 3825,  5180 => 3824,  5178 => 3823,  5169 => 3821,  5166 => 3820,  5163 => 3819,  5160 => 3814,  5155 => 3811,  5147 => 3809,  5141 => 3807,  5136 => 3805,  5128 => 3803,  5126 => 3802,  5120 => 3801,  5114 => 3800,  5110 => 3799,  5100 => 3798,  5097 => 3797,  5090 => 3796,  5088 => 3795,  5079 => 3793,  5076 => 3792,  5073 => 3791,  5070 => 3789,  5066 => 3787,  5063 => 3786,  5061 => 3784,  5060 => 3783,  5059 => 3782,  5058 => 3781,  5057 => 3780,  5056 => 3779,  5055 => 3778,  5054 => 3777,  5052 => 3776,  5049 => 3775,  5043 => 3774,  5040 => 3773,  5035 => 3772,  5030 => 3771,  5025 => 3770,  5022 => 3769,  5019 => 3768,  5014 => 3767,  5011 => 3766,  5008 => 3765,  5005 => 3764,  4999 => 3763,  4994 => 3762,  4989 => 3761,  4984 => 3760,  4981 => 3759,  4978 => 3758,  4975 => 3757,  4971 => 3748,  4967 => 3746,  4963 => 3744,  4954 => 3741,  4945 => 3740,  4941 => 3739,  4938 => 3738,  4936 => 3737,  4932 => 3735,  4923 => 3732,  4919 => 3731,  4915 => 3730,  4905 => 3728,  4901 => 3727,  4898 => 3726,  4896 => 3725,  4894 => 3724,  4885 => 3723,  4882 => 3722,  4879 => 3721,  4876 => 3719,  4872 => 3717,  4868 => 3715,  4859 => 3712,  4850 => 3711,  4846 => 3710,  4843 => 3709,  4839 => 3707,  4830 => 3704,  4823 => 3700,  4819 => 3699,  4809 => 3697,  4805 => 3696,  4802 => 3695,  4800 => 3694,  4791 => 3693,  4788 => 3692,  4785 => 3691,  4782 => 3689,  4778 => 3687,  4774 => 3685,  4765 => 3682,  4756 => 3681,  4752 => 3680,  4749 => 3679,  4745 => 3677,  4736 => 3674,  4729 => 3670,  4725 => 3669,  4715 => 3667,  4711 => 3666,  4708 => 3665,  4706 => 3664,  4697 => 3663,  4694 => 3662,  4691 => 3661,  4688 => 3659,  4684 => 3657,  4680 => 3655,  4671 => 3652,  4662 => 3651,  4658 => 3650,  4655 => 3649,  4653 => 3648,  4649 => 3646,  4640 => 3643,  4633 => 3639,  4629 => 3638,  4619 => 3636,  4615 => 3635,  4612 => 3634,  4610 => 3633,  4608 => 3632,  4599 => 3631,  4596 => 3630,  4593 => 3629,  4590 => 3627,  4586 => 3625,  4583 => 3624,  4581 => 3623,  4580 => 3622,  4579 => 3621,  4577 => 3620,  4574 => 3619,  4571 => 3618,  4568 => 3617,  4565 => 3616,  4562 => 3615,  4559 => 3614,  4556 => 3613,  4553 => 3612,  4551 => 3611,  4549 => 3610,  4540 => 3603,  4532 => 3598,  4529 => 3597,  4526 => 3596,  4523 => 3594,  4518 => 3591,  4511 => 3587,  4506 => 3584,  4504 => 3583,  4501 => 3582,  4490 => 3579,  4486 => 3578,  4483 => 3577,  4479 => 3576,  4472 => 3572,  4468 => 3570,  4465 => 3569,  4462 => 3568,  4456 => 3562,  4449 => 3557,  4437 => 3554,  4434 => 3553,  4431 => 3552,  4428 => 3550,  4417 => 3548,  4413 => 3547,  4410 => 3546,  4407 => 3544,  4400 => 3540,  4397 => 3539,  4394 => 3538,  4385 => 3534,  4382 => 3533,  4375 => 3529,  4372 => 3528,  4370 => 3527,  4367 => 3526,  4363 => 3523,  4361 => 3522,  4357 => 3520,  4351 => 3519,  4346 => 3516,  4331 => 3514,  4322 => 3513,  4305 => 3512,  4301 => 3510,  4298 => 3509,  4294 => 3508,  4291 => 3507,  4288 => 3506,  4285 => 3505,  4272 => 3494,  4258 => 3482,  4252 => 3477,  4233 => 3475,  4216 => 3474,  4212 => 3472,  4201 => 3470,  4178 => 3466,  4172 => 3465,  4169 => 3464,  4151 => 3463,  4148 => 3462,  4144 => 3460,  4136 => 3456,  4128 => 3452,  4126 => 3451,  4123 => 3450,  4121 => 3449,  4111 => 3442,  4099 => 3435,  4094 => 3433,  4090 => 3431,  4084 => 3426,  4081 => 3425,  4073 => 3424,  4068 => 3423,  4065 => 3422,  4060 => 3421,  4053 => 3420,  4050 => 3419,  4047 => 3418,  4045 => 3416,  4042 => 3415,  4036 => 3414,  4031 => 3413,  4026 => 3412,  4021 => 3411,  4014 => 3410,  4008 => 3409,  4003 => 3408,  4000 => 3407,  3997 => 3406,  3995 => 3404,  3992 => 3403,  3990 => 3400,  3987 => 3399,  3984 => 3398,  3982 => 3397,  3972 => 3396,  3956 => 3389,  3952 => 3388,  3948 => 3387,  3944 => 3386,  3940 => 3384,  3934 => 3382,  3932 => 3381,  3927 => 3380,  3924 => 3379,  3914 => 3377,  3900 => 3375,  3892 => 3374,  3874 => 3373,  3869 => 3371,  3739 => 3248,  3731 => 3247,  3667 => 3186,  3534 => 3056,  3530 => 3055,  3526 => 3054,  3522 => 3052,  3519 => 3051,  3511 => 3050,  3506 => 3049,  3503 => 3048,  3498 => 3047,  3491 => 3046,  3488 => 3045,  3485 => 3044,  3472 => 3031,  3304 => 2865,  3301 => 2864,  3288 => 2863,  3285 => 2862,  3283 => 2861,  3280 => 2860,  3277 => 2859,  3264 => 2858,  3261 => 2857,  3258 => 2856,  3255 => 2854,  3252 => 2853,  3239 => 2852,  3236 => 2851,  3234 => 2850,  3231 => 2849,  3228 => 2848,  3215 => 2847,  3212 => 2846,  3210 => 2845,  3207 => 2844,  3204 => 2843,  3191 => 2842,  3188 => 2841,  3186 => 2840,  3183 => 2839,  3180 => 2838,  3167 => 2837,  3164 => 2836,  3162 => 2835,  3159 => 2834,  3156 => 2833,  3143 => 2832,  3140 => 2831,  3137 => 2830,  3134 => 2829,  3120 => 2828,  3117 => 2827,  3104 => 2826,  3101 => 2825,  3098 => 2824,  2995 => 2720,  2546 => 2274,  2157 => 1888,  2126 => 1860,  2113 => 1850,  2084 => 1824,  2080 => 1823,  2072 => 1818,  1611 => 1359,  1608 => 1358,  1602 => 1357,  1597 => 1356,  1592 => 1355,  1586 => 1354,  1580 => 1353,  1575 => 1352,  1572 => 1351,  1569 => 1350,  1566 => 1349,  1561 => 1346,  1548 => 1336,  1534 => 1325,  1506 => 1302,  1500 => 1301,  1494 => 1300,  1488 => 1299,  1482 => 1298,  1476 => 1297,  1470 => 1296,  1464 => 1295,  1458 => 1294,  1452 => 1293,  1446 => 1292,  1440 => 1291,  1434 => 1290,  1427 => 1288,  1421 => 1287,  1415 => 1286,  1409 => 1285,  1403 => 1284,  1383 => 1267,  1373 => 1260,  1343 => 1233,  1331 => 1223,  1322 => 1217,  1318 => 1215,  1316 => 1214,  1313 => 1213,  1304 => 1207,  1300 => 1205,  1298 => 1204,  1226 => 1134,  1218 => 1132,  1216 => 1131,  1211 => 1129,  1208 => 1128,  1206 => 1127,  1192 => 1116,  1188 => 1114,  1178 => 1113,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  7705.     }
  7707.     public function getSourceContext()
  7708.     {
  7709.         return new Source("{#
  7710. This file is part of EC-CUBE
  7712. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  7714. http://www.ec-cube.co.jp/
  7716. For the full copyright and license information, please view the LICENSE
  7717. file that was distributed with this source code.
  7718. #}
  7719. {% extends 'default_frame.twig' %}
  7721. {% set body_class = 'product_page' %}
  7723. {% block stylesheet %}
  7724.     <style>
  7726.         .slick-slider {
  7727.             margin-bottom: 10px;
  7728. \t\t\tmargin-top: -20px;
  7729.         }
  7731.         .slick-dots {
  7732.             position: absolute;
  7733.             bottom: -45px;
  7734.             display: block;
  7735.             width: 100%;
  7736.             padding: 0;
  7737.             list-style: none;
  7738.             text-align: center;
  7739.         }
  7741.         .slick-dots li {
  7742.             position: relative;
  7743.             display: inline-block;
  7744.             width: 20px;
  7745.             height: 20px;
  7746.             margin: 0 5px;
  7747.             padding: 0;
  7749.             cursor: pointer;
  7750.         }
  7752.         .slick-dots li button {
  7753.             font-size: 0;
  7754.             line-height: 0;
  7755.             display: block;
  7756.             width: 20px;
  7757.             height: 20px;
  7758.             padding: 5px;
  7759.             cursor: pointer;
  7760.             color: transparent;
  7761.             border: 0;
  7762.             outline: none;
  7763.             background: transparent;
  7764.         }
  7766.         .slick-dots li button:hover,
  7767.         .slick-dots li button:focus {
  7768.             outline: none;
  7769.         }
  7771.         .slick-dots li button:hover:before,
  7772.         .slick-dots li button:focus:before {
  7773.             opacity: 1;
  7774.         }
  7776.         .slick-dots li button:before {
  7777.             content: \" \";
  7778.             line-height: 20px;
  7779.             position: absolute;
  7780.             top: 0;
  7781.             left: 0;
  7782.             width: 12px;
  7783.             height: 12px;
  7784.             text-align: center;
  7785.             opacity: .25;
  7786.             background-color: black;
  7787.             border-radius: 50%;
  7789.         }
  7791.         .slick-dots li.slick-active button:before {
  7792.             opacity: .75;
  7793.             background-color: black;
  7794.         }
  7796.         .slick-dots li button.thumbnail img {
  7797.             width: 0;
  7798.             height: 0;
  7799.         }
  7801.     </style>
  7802.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  7803.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  7804.     <style>
  7805.         /* Show zoom cursor on product images to hint click-to-expand */
  7806.         .item_visual .slide-item a { display: block; cursor: zoom-in; }
  7807.     </style>
  7808.     <style>
  7809.         /* ============================================
  7810.            商品詳細グリッド: 画像50% / 内容50%（均等）
  7811.         ============================================ */
  7812.         @media (min-width: 768px) {
  7813.             body.product_page .ec-grid2 {
  7814.                 display: flex;
  7815.                 align-items: flex-start;
  7816.             }
  7817.             body.product_page .ec-grid2 .ec-grid2__cell {
  7818.                 width: 50%;
  7819.                 flex: 0 0 50%;
  7820.                 min-width: 0;
  7821.             }
  7822.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  7823.                 width: 50%;
  7824.                 flex: 0 0 50%;
  7825.                 min-width: 0;
  7826.             }
  7827.         }
  7829.         /* ============================================
  7830.            商品説明欄内のHTMLが画面幅を突き抜けないように
  7831.         ============================================ */
  7832.         body.product_page .ec-productRole__description {
  7833.             min-width: 0;
  7834.             overflow-wrap: break-word;
  7835.             word-break: break-word;
  7836.         }
  7837.         body.product_page .ec-productRole__description img,
  7838.         body.product_page .ec-productRole__description table,
  7839.         body.product_page .ec-productRole__description iframe,
  7840.         body.product_page .ec-productRole__description video {
  7841.             max-width: 100% !important;
  7842.             height: auto;
  7843.         }
  7844.         body.product_page .ec-productRole__description table {
  7845.             display: block;
  7846.             overflow-x: auto;
  7847.             -webkit-overflow-scrolling: touch;
  7848.         }
  7850.         /* ============================================
  7851.            構成セット内容 (機能門柱など、セット構成を持つ商品)
  7852.         ============================================ */
  7853.         body.product_page .ec-productRole__setItems {
  7854.             min-width: 0;
  7855.             margin-bottom: 16px;
  7856.         }
  7857.         body.product_page .ec-productRole__setItems .set-items-table {
  7858.             width: 100%;
  7859.             border-collapse: collapse;
  7860.             table-layout: fixed;
  7861.         }
  7862.         body.product_page .ec-productRole__setItems .set-items-table th,
  7863.         body.product_page .ec-productRole__setItems .set-items-table td {
  7864.             padding: 8px 4px;
  7865.             border-bottom: 1px solid #e8e8e8;
  7866.             font-size: 14px;
  7867.             font-weight: normal;
  7868.             overflow-wrap: break-word;
  7869.             word-break: break-word;
  7870.             vertical-align: top;
  7871.         }
  7872.         body.product_page .ec-productRole__setItems .set-items-table th {
  7873.             text-align: left;
  7874.         }
  7875.         body.product_page .ec-productRole__setItems .set-items-table td {
  7876.             text-align: right;
  7877.             white-space: nowrap;
  7878.             width: 30%;
  7879.         }
  7880.         body.product_page .ec-productRole__setItems .set-items-table tfoot th,
  7881.         body.product_page .ec-productRole__setItems .set-items-table tfoot td {
  7882.             border-top: 2px solid #333;
  7883.             border-bottom: none;
  7884.             font-weight: bold;
  7885.         }
  7887.         /* ============================================
  7888.            スマホ用 見積金額 下部固定バー
  7889.         ============================================ */
  7890.         #sp-mitsumori-bar {
  7891.             display: none;
  7892.         }
  7894.         /* ============================================
  7895.            スマホ用 お見積りの詳細 ボトムシート
  7896.         ============================================ */
  7897.         .sp-detail-sheet { display: none; }
  7898.         .sp-detail-sheet.is-open {
  7899.             display: block;
  7900.             position: fixed;
  7901.             top: 0; left: 0; right: 0; bottom: 0;
  7902.             z-index: 2000;
  7903.         }
  7904.         .sp-detail-sheet__overlay {
  7905.             position: absolute;
  7906.             top: 0; left: 0; right: 0; bottom: 0;
  7907.             background: rgba(0,0,0,0.45);
  7908.         }
  7909.         .sp-detail-sheet__panel {
  7910.             position: absolute;
  7911.             left: 0; right: 0; bottom: 0;
  7912.             background: #fff;
  7913.             border-radius: 14px 14px 0 0;
  7914.             max-height: 82vh;
  7915.             display: flex;
  7916.             flex-direction: column;
  7917.             box-shadow: 0 -4px 20px rgba(0,0,0,0.25);
  7918.             padding-bottom: env(safe-area-inset-bottom);
  7919.             animation: spSheetUp 0.22s ease-out;
  7920.         }
  7921.         @keyframes spSheetUp {
  7922.             from { transform: translateY(100%); }
  7923.             to   { transform: translateY(0); }
  7924.         }
  7925.         .sp-detail-sheet__header {
  7926.             display: flex;
  7927.             align-items: center;
  7928.             justify-content: space-between;
  7929.             padding: 14px 16px;
  7930.             border-bottom: 1px solid #eee;
  7931.             flex: 0 0 auto;
  7932.         }
  7933.         .sp-detail-sheet__title { font-size: 16px; font-weight: bold; color: #333; }
  7934.         .sp-detail-sheet__close {
  7935.             background: none;
  7936.             border: none;
  7937.             font-size: 26px;
  7938.             line-height: 1;
  7939.             color: #888;
  7940.             cursor: pointer;
  7941.             padding: 0 4px;
  7942.         }
  7943.         .sp-detail-sheet__body {
  7944.             overflow-y: auto;
  7945.             -webkit-overflow-scrolling: touch;
  7946.             padding: 4px 0;
  7947.             flex: 1 1 auto;
  7948.         }
  7949.         .sp-detail-sheet__body ul { list-style: none; margin: 0; padding: 0; }
  7950.         .sp-detail-sheet__body li { border-bottom: 1px solid #f2f2f2; }
  7951.         .sp-detail-sheet__body .nav-link {
  7952.             display: flex;
  7953.             align-items: center;
  7954.             justify-content: space-between;
  7955.             padding: 12px 16px;
  7956.             color: #333;
  7957.             font-size: 14px;
  7958.         }
  7959.         .sp-detail-sheet__body .nav-link .float-right {
  7960.             float: none !important;
  7961.             font-weight: bold;
  7962.             white-space: nowrap;
  7963.             margin-left: auto;
  7964.         }
  7965.         .sp-detail-sheet__footer {
  7966.             display: flex;
  7967.             gap: 8px;
  7968.             padding: 12px 16px 16px;
  7969.             border-top: 1px solid #eee;
  7970.             flex: 0 0 auto;
  7971.         }
  7972.         .sp-detail-sheet__footer button {
  7973.             flex: 1 1 auto;
  7974.             padding: 12px;
  7975.             border-radius: 8px;
  7976.             font-size: 14px;
  7977.             font-weight: bold;
  7978.             cursor: pointer;
  7979.         }
  7980.         .sp-detail-sheet__invoice {
  7981.             background: #fff;
  7982.             border: 1px solid #17a2b8;
  7983.             color: #17a2b8;
  7984.         }
  7985.         .sp-detail-sheet__cart {
  7986.             background: #c00;
  7987.             border: 1px solid #c00;
  7988.             color: #fff;
  7989.         }
  7991.         /* ============================================
  7992.            商品タイプ選択 共通スタイル
  7993.         ============================================ */
  7995.         /* セクションラベル */
  7996.         .rp-section-label {
  7997.             font-size: 14px;
  7998.             font-weight: bold;
  7999.             color: #333;
  8000.             margin-bottom: 10px;
  8001.         }
  8002.         .rp-section-label span {
  8003.             font-weight: normal;
  8004.             color: #c00;
  8005.         }
  8007.         /* ---- 1. 画像付きカード ---- */
  8008.         .rp-card-group {
  8009.             display: flex;
  8010.             flex-wrap: wrap;
  8011.             gap: 8px;
  8012.             margin-bottom: 4px;
  8013.         }
  8014.         .rp-card {
  8015.             position: relative;
  8016.             cursor: pointer;
  8017.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  8018.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  8019.             /* iOS Safari: prevent the first tap from being consumed as a text
  8020.                selection (\"字だけ青くなる\" = selection highlight) which forced a
  8021.                2nd tap to actually switch the option (#15). */
  8022.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  8023.             -webkit-touch-callout: none;
  8024.             width: 110px;
  8025.             border: 2px solid #ddd;
  8026.             border-radius: 10px;
  8027.             overflow: hidden;
  8028.             transition: border-color 0.2s, box-shadow 0.2s;
  8029.             background: #fff;
  8030.             text-decoration: none;
  8031.             color: #333;
  8032.             display: block;
  8033.         }
  8034.         /* Gate :hover behind real hover-capable pointers. On iOS Safari a
  8035.            :hover rule that changes appearance makes the first tap apply the
  8036.            hover state and suppresses the click, so the option chip needed a
  8037.            second tap to fire its onclick (is-selected + price update). */
  8038.         @media (hover: hover) and (pointer: fine) {
  8039.             .rp-card:hover {
  8040.                 border-color: #999;
  8041.                 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  8042.             }
  8043.         }
  8044.         .rp-card.is-selected {
  8045.             border-color: #1a6fcf;
  8046.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  8047.         }
  8048.         /* visually-hidden instead of display:none. A label wrapping a
  8049.            display:none radio fires its tap unreliably on iOS Safari (first tap
  8050.            often ignored -> \"2回タッチ\"). Keeping the input in the layout but
  8051.            invisible makes the first tap register. */
  8052.         .rp-card input[type=\"radio\"] {
  8053.             position: absolute; opacity: 0; width: 1px; height: 1px;
  8054.             margin: 0; pointer-events: none;
  8055.         }
  8056.         .rp-card__image {
  8057.             width: 100%;
  8058.             aspect-ratio: 1 / 1;
  8059.             object-fit: cover;
  8060.             display: block;
  8061.             background: #f5f5f5;
  8062.         }
  8063.         .rp-card__placeholder {
  8064.             width: 100%;
  8065.             aspect-ratio: 1 / 1;
  8066.             background: #f0f0f0;
  8067.             display: flex;
  8068.             align-items: center;
  8069.             justify-content: center;
  8070.             color: #bbb;
  8071.             font-size: 24px;
  8072.         }
  8073.         .rp-card__name {
  8074.             display: block;
  8075.             padding: 5px 5px;
  8076.             font-size: 11px;
  8077.             color: #333;
  8078.             text-align: center;
  8079.             line-height: 1.4;
  8080.             word-break: break-all;
  8081.         }
  8082.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  8083.         .rp-card.is-selected::after {
  8084.             content: \"✓\";
  8085.             position: absolute;
  8086.             top: 3px; right: 6px;
  8087.             color: #1a6fcf;
  8088.             font-size: 13px;
  8089.             font-weight: bold;
  8090.         }
  8092.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  8093.         .rp-btn-group {
  8094.             display: flex;
  8095.             flex-wrap: wrap;
  8096.             gap: 8px;
  8097.             margin-bottom: 4px;
  8098.             max-width: 100%;
  8099.             min-width: 0;
  8100.         }
  8101.         .rp-btn {
  8102.             cursor: pointer;
  8103.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  8104.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  8105.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  8106.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  8107.             -webkit-touch-callout: none;
  8108.             padding: 8px 14px;
  8109.             border: 2px solid #ddd;
  8110.             border-radius: 10px;
  8111.             font-size: 13px;
  8112.             color: #333;
  8113.             background: #fff;
  8114.             transition: border-color 0.2s, background 0.2s;
  8115.             white-space: normal;
  8116.             max-width: 100%;
  8117.             overflow-wrap: anywhere;
  8118.             text-decoration: none;
  8119.         }
  8120.         @media (hover: hover) and (pointer: fine) {
  8121.             .rp-btn:hover { border-color: #999; }
  8122.         }
  8123.         .rp-btn.is-selected {
  8124.             border-color: #1a6fcf;
  8125.             color: #1a6fcf;
  8126.             font-weight: bold;
  8127.             background: #f0f6ff;
  8128.         }
  8129.         .rp-btn input[type=\"radio\"] {
  8130.             position: absolute; opacity: 0; width: 1px; height: 1px;
  8131.             margin: 0; pointer-events: none;
  8132.         }
  8134.         /* iOS Safari \"2回タッチ\" fix for the type-selection link chips.
  8135.            The global theme stylesheet ships an ungated `a:hover{color:#296292}`
  8136.            (paired with `a{color:#337ab7;text-decoration:underline}`). Because
  8137.            .rp-btn / .rp-card are real <a> links, iOS Safari applies that hover
  8138.            colour on the FIRST tap — the chip text turns blue (#296292, the
  8139.            reported \"字だけ青くなる\") — and treats the tap as a hover, swallowing
  8140.            the navigation so a 2nd tap was needed. The local .rp-*:hover rules
  8141.            are already gated behind (hover:hover), but this inherited global
  8142.            rule was not. Pin the hover/active colour to the base/selected colour
  8143.            so tapping produces no visual change and the first tap navigates
  8144.            immediately. Higher specificity (0,2,0 / 0,3,0) overrides a:hover. */
  8145.         .rp-btn:hover,
  8146.         .rp-btn:active { color: #333; text-decoration: none; }
  8147.         .rp-btn.is-selected:hover,
  8148.         .rp-btn.is-selected:active { color: #1a6fcf; text-decoration: none; }
  8149.         .rp-card:hover,
  8150.         .rp-card:active { color: #333; text-decoration: none; }
  8151.         .rp-card:hover .rp-card__name,
  8152.         .rp-card:active .rp-card__name { color: #333; }
  8153.         .rp-card.is-selected:hover .rp-card__name,
  8154.         .rp-card.is-selected:active .rp-card__name { color: #1a6fcf; }
  8156.         /* ---- 選択肢が多い場合: 縦3段に収めて横スクロール（顧客要望「3列くらいで横スクロール」）---- */
  8157.         /* grid-auto-flow:column + 3行固定 → 選択肢が縦に最大3段、超過分は右へ伸び横スクロールで閲覧 */
  8158.         .rp-btn-group.is-scroll,
  8159.         .opt-btn-group.is-scroll {
  8160.             display: grid;
  8161.             grid-auto-flow: column;
  8162.             grid-template-rows: repeat(3, auto);
  8163.             grid-auto-columns: max-content;
  8164.             justify-content: start;
  8165.             align-items: start;
  8166.             gap: 8px;
  8167.             overflow-x: auto;
  8168.             overflow-y: hidden;
  8169.             -webkit-overflow-scrolling: touch;
  8170.             scrollbar-width: thin;
  8171.             /* 上下に余白を確保して、行の枠線が overflow クリップ／スクロールバーに
  8172.                切り取られないようにする（「文字列が長いと下枠が消える」対策）。 */
  8173.             padding: 2px 0 12px;
  8174.         }
  8175.         /* is-scroll（横スクロール）内では選択肢を折り返さず単一行に固定する。
  8176.            折り返すと行高が不揃いになり overflow-y:hidden で下枠が切れるため、
  8177.            長い選択肢は折り返さず横スクロールで見せる（本来の設計意図）。 */
  8178.         .rp-btn-group.is-scroll .rp-btn,
  8179.         .rp-btn-group.is-scroll .opt-btn,
  8180.         .opt-btn-group.is-scroll .rp-btn,
  8181.         .opt-btn-group.is-scroll .opt-btn {
  8182.             white-space: nowrap;
  8183.             word-break: normal;
  8184.             overflow-wrap: normal;
  8185.         }
  8186.         /* ただし画像付き選択肢（カラースウォッチ等）は max-width で幅が固定されるため、
  8187.            nowrap にすると名称がボックス外へはみ出して隣の選択肢と重なる。
  8188.            画像付きは常に折り返し可（名称は画像の下に収める）。 */
  8189.         .rp-btn-group.is-scroll .opt-btn--with-image,
  8190.         .opt-btn-group.is-scroll .opt-btn--with-image,
  8191.         .rp-btn-group.is-scroll .opt-btn--with-image .opt-btn__name,
  8192.         .opt-btn-group.is-scroll .opt-btn--with-image .opt-btn__name {
  8193.             white-space: normal;
  8194.             word-break: break-word;
  8195.             overflow-wrap: anywhere;
  8196.         }
  8197.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  8198.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  8199.             height: 6px;
  8200.         }
  8201.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  8202.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  8203.             background: #c0c0c0;
  8204.             border-radius: 3px;
  8205.         }
  8207.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  8208.         .rp-select-wrap {
  8209.             margin-bottom: 4px;
  8210.         }
  8211.         .rp-select {
  8212.             width: 100%;
  8213.             max-width: 420px;
  8214.             padding: 8px 12px;
  8215.             border: 2px solid #ddd;
  8216.             border-radius: 10px;
  8217.             font-size: 13px;
  8218.             color: #333;
  8219.             background: #fff;
  8220.             appearance: none;
  8221.             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\");
  8222.             background-repeat: no-repeat;
  8223.             background-position: right 12px center;
  8224.             cursor: pointer;
  8225.         }
  8226.         .rp-select:focus {
  8227.             outline: none;
  8228.             border-color: #1a6fcf;
  8229.         }
  8231.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  8232.         .opt-btn-group {
  8233.             display: flex;
  8234.             flex-wrap: wrap;
  8235.             gap: 8px;
  8236.             padding: 6px 0;
  8237.             max-width: 100%;
  8238.             min-width: 0;
  8239.         }
  8240.         .opt-btn {
  8241.             cursor: pointer;
  8242.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  8243.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  8244.             /* iOS Safari: block first-tap text selection so 1 tap switches (#15) */
  8245.             -webkit-user-select: none; -moz-user-select: none; user-select: none;
  8246.             -webkit-touch-callout: none;
  8247.             padding: 7px 14px;
  8248.             border: 2px solid #ddd;
  8249.             border-radius: 10px;
  8250.             font-size: 13px;
  8251.             color: #333;
  8252.             background: #fff;
  8253.             transition: border-color 0.2s, background 0.2s;
  8254.             white-space: normal;
  8255.             max-width: 100%;
  8256.             overflow-wrap: anywhere;
  8257.             text-decoration: none;
  8258.         }
  8259.         @media (hover: hover) and (pointer: fine) {
  8260.             .opt-btn:hover { border-color: #999; }
  8261.         }
  8262.         .opt-btn.is-selected {
  8263.             border-color: #1a6fcf;
  8264.             color: #1a6fcf;
  8265.             font-weight: bold;
  8266.             background: #f0f6ff;
  8267.         }
  8268.         .opt-btn input[type=\"radio\"] {
  8269.             position: absolute; opacity: 0; width: 1px; height: 1px;
  8270.             margin: 0; pointer-events: none;
  8271.         }
  8273.         /* opt-btn with color swatch image. The label still works as a
  8274.            radio target — clicking the image checks the input. The text
  8275.            label stays under the image so users can still read the name. */
  8276.         .opt-btn--with-image {
  8277.             padding: 4px 6px 6px;
  8278.             white-space: normal;
  8279.             text-align: center;
  8280.             display: inline-flex;
  8281.             flex-direction: column;
  8282.             align-items: center;
  8283.             min-width: 96px;
  8284.             max-width: 140px;
  8285.         }
  8286.         .opt-btn--with-image .opt-btn__img {
  8287.             display: block;
  8288.             width: 88px;
  8289.             height: 66px;
  8290.             object-fit: cover;
  8291.             border-radius: 6px;
  8292.             margin-bottom: 4px;
  8293.             background: #f5f5f5;
  8294.         }
  8295.         .opt-btn--with-image .opt-btn__name {
  8296.             display: block;
  8297.             font-size: 11px;
  8298.             line-height: 1.3;
  8299.             color: inherit;
  8300.         }
  8301.         .opt-btn--with-image.is-selected .opt-btn__img {
  8302.             outline: 2px solid #1a6fcf;
  8303.             outline-offset: 1px;
  8304.         }
  8306.         /* sale_type=2 (内窓) 補助金対象ガラスの強調表示.
  8307.            補助金が出る性能区分 (真空断熱 / Low-E複層 等) のガラス選択肢に
  8308.            緑枠 + 「補助金対象」バッジを付け、選択前から判別できるようにする。 */
  8309.         .opt-btn--subsidy {
  8310.             border-color: #2e7d32;
  8311.         }
  8312.         .opt-btn--subsidy.is-selected {
  8313.             border-color: #1a6fcf;
  8314.         }
  8315.         .opt-btn__subsidy-badge {
  8316.             display: inline-block;
  8317.             margin-left: 6px;
  8318.             padding: 1px 6px;
  8319.             border-radius: 6px;
  8320.             background: #2e7d32;
  8321.             color: #fff;
  8322.             font-size: 11px;
  8323.             font-weight: bold;
  8324.             white-space: nowrap;
  8325.         }
  8327.         /* 補助金額・適用可否の強調 (顧客要望: もっと目立つ色とフォントに).
  8328.            各窓の補助金額は緑・太字・拡大、適用条件ノートは緑の枠付きボックスにする。 */
  8329.         .wt-subsidy-label {
  8330.             color: #2e7d32;
  8331.             font-weight: bold;
  8332.             font-size: 12px;
  8333.         }
  8334.         .wt-subsidy-amount {
  8335.             color: #2e7d32;
  8336.             font-weight: bold;
  8337.             font-size: 18px;
  8338.             line-height: 1.2;
  8339.         }
  8340.         .subsidy-eligibility-note {
  8341.             color: #1b5e20;
  8342.             font-weight: bold;
  8343.             font-size: 12.5px;
  8344.             line-height: 1.5;
  8345.             background: #eafaf0;
  8346.             border: 1px solid #b7e4c7;
  8347.             border-radius: 6px;
  8348.             padding: 8px 10px;
  8349.             margin-bottom: 10px;
  8350.         }
  8351.         .subsidy-eligibility-note strong {
  8352.             color: #c0392b;  /* 「合計が5万円以上」を赤で強調 */
  8353.         }
  8355.         /* ============================================
  8356.            施工エリア案内
  8357.         ============================================ */
  8358.         .ec-areaNotice {
  8359.             margin: 16px 0;
  8360.             padding: 16px 20px;
  8361.             background: #f8f9fa;
  8362.             border-left: 4px solid #1a6fcf;
  8363.             border-radius: 0 8px 8px 0;
  8364.         }
  8365.         .ec-areaNotice__inner {
  8366.             display: flex;
  8367.             align-items: flex-start;
  8368.             gap: 12px;
  8369.         }
  8370.         .ec-areaNotice__icon {
  8371.             font-size: 22px;
  8372.             line-height: 1;
  8373.             flex-shrink: 0;
  8374.             margin-top: 2px;
  8375.         }
  8376.         .ec-areaNotice__body {
  8377.             flex: 1;
  8378.         }
  8379.         .ec-areaNotice__title {
  8380.             font-size: 13px;
  8381.             font-weight: bold;
  8382.             color: #1a6fcf;
  8383.             margin: 0 0 6px;
  8384.         }
  8385.         .ec-areaNotice__text {
  8386.             font-size: 13px;
  8387.             color: #444;
  8388.             line-height: 1.7;
  8389.             margin: 0;
  8390.         }
  8391.         .ec-areaNotice__text strong {
  8392.             color: #222;
  8393.         }
  8394.         .ec-areaNotice__link {
  8395.             display: inline-block;
  8396.             margin-top: 8px;
  8397.             font-size: 12px;
  8398.             color: #1a6fcf;
  8399.             text-decoration: underline;
  8400.         }
  8401.         .ec-areaNotice__link:hover {
  8402.             color: #0d4fa0;
  8403.         }
  8405.         /* ============================================
  8406.            SNSシェア + ブランド名 タイトル行
  8407.         ============================================ */
  8408.         .ec-productRole__titleRow {
  8409.             display: flex;
  8410.             align-items: center;
  8411.             justify-content: space-between;
  8412.             gap: 8px;
  8413.             margin-bottom: 4px;
  8414.         }
  8415.         .ec-productRole__titleRow .ec-headingTitle {
  8416.             margin: 0;
  8417.             flex: 1;
  8418.             font-size: 18px;
  8419.         }
  8420.         .ec-share-inline {
  8421.             display: flex;
  8422.             align-items: center;
  8423.             gap: 8px;
  8424.             flex-shrink: 0;
  8425.         }
  8426.         @media (max-width: 767px) {
  8427.             /* maker_area の float を解除して独立表示 */
  8428.             #maker_area {
  8429.                 float: none !important;
  8430.                 width: auto !important;
  8431.                 height: auto !important;
  8432.                 display: block;
  8433.                 margin-bottom: 4px;
  8434.             }
  8435.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  8436.             .ec-productRole__titleRow {
  8437.                 flex-wrap: wrap;
  8438.                 clear: both;
  8439.             }
  8440.             .ec-productRole__titleRow .ec-headingTitle {
  8441.                 flex: 1 1 100%;
  8442.                 font-size: 16px;
  8443.             }
  8444.             .ec-share-inline {
  8445.                 flex: 0 0 auto;
  8446.                 margin-left: auto;
  8447.             }
  8448.         }
  8449.         .ec-share-inline a {
  8450.             display: flex;
  8451.             align-items: center;
  8452.             justify-content: center;
  8453.             width: 32px;
  8454.             height: 32px;
  8455.             border-radius: 50%;
  8456.             font-size: 15px;
  8457.             color: #fff;
  8458.             text-decoration: none;
  8459.             transition: opacity 0.2s;
  8460.         }
  8461.         .ec-share-inline a:hover { opacity: 0.8; }
  8462.         .ec-share-inline .share-twitter  { background: #000; }
  8463.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  8464.         .ec-share-inline .share-line     { background: #06c755; }
  8466.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  8467.         .ec-productRole__share { display: none; }
  8469.         /* ============================================
  8470.            PC用: 現在のお見積り額カード強調
  8471.         ============================================ */
  8472.         @media (min-width: 768px) {
  8473.             .mitsumori-card-pc {
  8474.                 border: 2px solid #1a6fcf !important;
  8475.                 border-radius: 10px !important;
  8476.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  8477.                 margin-top: 20px;
  8478.                 overflow: hidden;
  8479.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  8480.             }
  8481.             .mitsumori-card-pc .card-header {
  8482.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  8483.                 color: #fff !important;
  8484.                 padding: 14px 16px !important;
  8485.                 border-bottom: none !important;
  8486.             }
  8487.             .mitsumori-card-pc .card-title {
  8488.                 color: #fff !important;
  8489.                 font-size: 15px !important;
  8490.                 font-weight: bold !important;
  8491.                 margin: 0 !important;
  8492.             }
  8493.             .mitsumori-card-pc #mitsumori_message {
  8494.                 font-size: 22px !important;
  8495.                 font-weight: bold !important;
  8496.                 color: #fff !important;
  8497.             }
  8498.             .mitsumori-card-pc .btn-tool {
  8499.                 color: #fff !important;
  8500.             }
  8501.             /* 合計行を大きく強調 */
  8502.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  8503.                 font-size: 16px !important;
  8504.                 font-weight: bold !important;
  8505.                 color: #c00 !important;
  8506.                 background: #fff8f8 !important;
  8507.                 padding: 12px 16px !important;
  8508.             }
  8509.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  8510.                 font-size: 20px !important;
  8511.                 font-weight: bold !important;
  8512.                 color: #c00 !important;
  8513.             }
  8514.             /* card-body（明細リスト）を白背景に */
  8515.             .mitsumori-card-pc .card-body {
  8516.                 background: #fff !important;
  8517.             }
  8518.             .mitsumori-card-pc .card-footer {
  8519.                 background: #f8faff !important;
  8520.                 border-top: 1px solid #dce8fb !important;
  8521.                 padding: 12px 16px !important;
  8522.             }
  8523.         }
  8525.         @media (max-width: 767px) {
  8526.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  8527.             .mitsumori-card-pc {
  8528.                 border: none !important;
  8529.                 border-radius: 0 !important;
  8530.                 box-shadow: none !important;
  8531.                 margin-top: 0 !important;
  8532.                 overflow: visible !important;
  8533.                 background: none !important;
  8534.                 /* sticky-top(position:sticky / z-index:1020) を解除。
  8535.                    そのままだと最下部で #sp-mitsumori-bar(z-index:1000) の上に
  8536.                    重なり、合計バーと文字が被るため通常フローへ戻す。 */
  8537.                 position: static !important;
  8538.                 z-index: auto !important;
  8539.             }
  8540.             .mitsumori-card-pc .card-header {
  8541.                 background: none !important;
  8542.                 color: inherit !important;
  8543.                 padding: inherit !important;
  8544.                 border-bottom: inherit !important;
  8545.             }
  8546.             .mitsumori-card-pc .card-title { color: inherit !important; }
  8547.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  8548.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  8549.             /* 折りたたみトグルボタン */
  8550.             .btn-mitsumori-toggle {
  8551.                 background: none !important;
  8552.                 border: 1px solid #aaa !important;
  8553.                 border-radius: 4px !important;
  8554.                 padding: 2px 8px !important;
  8555.                 font-size: 12px !important;
  8556.                 color: #333 !important;
  8557.                 line-height: 1.4 !important;
  8558.             }
  8559.             .btn-mitsumori-toggle .toggle-icon {
  8560.                 display: inline-block;
  8561.                 transition: transform 0.2s;
  8562.             }
  8563.             /* 展開状態: ▼→▲ */
  8564.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  8565.                 content: \"▲ 閉じる\";
  8566.             }
  8567.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  8568.                 display: none;
  8569.             }
  8570.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  8571.                 content: \"▲ 閉じる\";
  8572.                 font-size: 12px;
  8573.             }
  8574.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  8575.                 font-size: inherit !important;
  8576.                 color: inherit !important;
  8577.                 background: none !important;
  8578.                 padding: inherit !important;
  8579.             }
  8580.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  8581.                 font-size: inherit !important;
  8582.                 color: inherit !important;
  8583.             }
  8584.             .mitsumori-card-pc .card-footer {
  8585.                 background: none !important;
  8586.                 border-top: inherit !important;
  8587.                 padding: inherit !important;
  8588.             }
  8589.             /* 横スクロール禁止 */
  8590.             body, html {
  8591.                 overflow-x: hidden;
  8592.                 max-width: 100vw;
  8593.             }
  8594.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  8595.             .opt-btn,
  8596.             .rp-btn {
  8597.                 white-space: normal;
  8598.                 word-break: break-all;
  8599.             }
  8600.             /* エリア案内: スマホでコンパクト */
  8601.             .ec-areaNotice {
  8602.                 margin: 8px 0;
  8603.                 padding: 8px 10px;
  8604.                 border-left-width: 3px;
  8605.                 cursor: pointer;
  8606.             }
  8607.             .ec-areaNotice__inner {
  8608.                 flex-direction: row;
  8609.                 gap: 8px;
  8610.                 align-items: flex-start;
  8611.             }
  8612.             .ec-areaNotice__icon { font-size: 15px; }
  8613.             /* タイトル行: 展開トグル */
  8614.             .ec-areaNotice__title {
  8615.                 font-size: 11px;
  8616.                 margin-bottom: 3px;
  8617.                 display: flex;
  8618.                 justify-content: space-between;
  8619.                 align-items: center;
  8620.             }
  8621.             .ec-areaNotice__title::after {
  8622.                 content: \"▼\";
  8623.                 font-size: 9px;
  8624.                 color: #888;
  8625.                 margin-left: 6px;
  8626.                 transition: transform 0.2s;
  8627.             }
  8628.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  8629.                 transform: rotate(180deg);
  8630.             }
  8631.             /* 折りたたみ対象: 閉じた状態では非表示 */
  8632.             .ec-areaNotice__detail {
  8633.                 display: none;
  8634.             }
  8635.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  8636.                 display: block;
  8637.             }
  8638.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  8639.             .ec-areaNotice__text br { display: none; }
  8640.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  8641.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  8642.             
  8643.             #sp-mitsumori-bar {
  8644.                 display: flex;
  8645.                 position: fixed;
  8646.                 bottom: 0;
  8647.                 left: 0;
  8648.                 right: 0;
  8649.                 z-index: 1000;
  8650.                 background: #fff;
  8651.                 border-top: 2px solid #e0e0e0;
  8652.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  8653.                 align-items: center;
  8654.                 padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) 10px;
  8655.                 gap: 8px;
  8656.             }
  8657.             #sp-mitsumori-bar .sp-bar__label {
  8658.                 font-size: 11px;
  8659.                 color: #666;
  8660.                 white-space: nowrap;
  8661.             }
  8662.             /* 価格ラッパ: 合計金額は最重要のため常に全桁表示する（縮小・省略しない）。
  8663.                幅が足りない場合は下のボタン側を縮める（flex 配分でボタンが先に縮む）。 */
  8664.             #sp-mitsumori-bar .sp-bar__pricewrap {
  8665.                 flex: 0 0 auto;
  8666.                 min-width: 0;
  8667.             }
  8668.             #sp-mitsumori-bar .sp-bar__price {
  8669.                 font-size: 18px;
  8670.                 font-weight: bold;
  8671.                 color: #c00;
  8672.                 white-space: nowrap;
  8673.             }
  8674.             #sp-mitsumori-bar .sp-bar__btn {
  8675.                 font-size: 12px;
  8676.                 padding: 8px 12px;
  8677.                 background: #333;
  8678.                 color: #fff;
  8679.                 border: none;
  8680.                 border-radius: 6px;
  8681.                 white-space: nowrap;
  8682.                 cursor: pointer;
  8683.                 position: relative;
  8684.                 display: inline-flex;
  8685.                 align-items: center;
  8686.                 gap: 6px;
  8687.                 flex: 1 1 auto;
  8688.                 min-width: 0;
  8689.                 justify-content: center;
  8690.             }
  8691.             #sp-mitsumori-bar .sp-bar__btn i {
  8692.                 font-size: 14px;
  8693.                 flex: 0 0 auto;
  8694.             }
  8695.             /* お見積りの詳細（内訳）を開くボタン。価格・カートボタンを圧迫しないよう
  8696.                最小幅のアイコン＋短ラベルにし、幅不足時も縮まない固定幅で維持する。 */
  8697.             #sp-mitsumori-bar .sp-bar__detail-btn {
  8698.                 display: inline-flex;
  8699.                 flex-direction: column;
  8700.                 align-items: center;
  8701.                 justify-content: center;
  8702.                 gap: 2px;
  8703.                 flex: 0 0 auto;
  8704.                 padding: 4px 8px;
  8705.                 background: #fff;
  8706.                 color: #c00;
  8707.                 border: 1px solid #c00;
  8708.                 border-radius: 6px;
  8709.                 font-size: 10px;
  8710.                 font-weight: bold;
  8711.                 line-height: 1.1;
  8712.                 white-space: nowrap;
  8713.                 cursor: pointer;
  8714.             }
  8715.             #sp-mitsumori-bar .sp-bar__detail-btn i { font-size: 15px; }
  8716.             /* 幅が足りないときはボタンの文字を省略し、価格と数字を守る。 */
  8717.             #sp-mitsumori-bar .sp-bar__btn-label {
  8718.                 overflow: hidden;
  8719.                 text-overflow: ellipsis;
  8720.                 white-space: nowrap;
  8721.             }
  8722.             #sp-mitsumori-bar .sp-bar__cart-badge {
  8723.                 position: absolute;
  8724.                 top: -6px;
  8725.                 right: -6px;
  8726.                 background: #c00;
  8727.                 color: #fff;
  8728.                 border-radius: 50%;
  8729.                 min-width: 16px;
  8730.                 height: 16px;
  8731.                 font-size: 10px;
  8732.                 line-height: 16px;
  8733.                 padding: 0 4px;
  8734.                 font-weight: bold;
  8735.             }
  8736.             #sp-mitsumori-bar .sp-bar__home-btn {
  8737.                 display: inline-flex;
  8738.                 align-items: center;
  8739.                 justify-content: center;
  8740.                 width: 36px;
  8741.                 height: 36px;
  8742.                 flex: 0 0 auto;
  8743.                 border: 1px solid #ccc;
  8744.                 border-radius: 6px;
  8745.                 background: #fff;
  8746.                 color: #333;
  8747.                 text-decoration: none;
  8748.                 cursor: pointer;
  8749.             }
  8750.             #sp-mitsumori-bar .sp-bar__home-btn i {
  8751.                 font-size: 16px;
  8752.             }
  8753.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  8754.                 background: #f0f0f0;
  8755.             }
  8756.             /* 下部バーの高さ分ページ下部にpaddingを追加 (iOS safe-area 込み) */
  8757.             body {
  8758.                 padding-bottom: calc(80px + env(safe-area-inset-bottom));
  8759.             }
  8760.         }
  8762.         /* ============================================
  8763.            カート追加モーダル: 縦並び中央配置
  8764.         ============================================ */
  8765.         .add-cart-modal__wrap {
  8766.             text-align: center;
  8767.         }
  8768.         .add-cart-modal__header {
  8769.             font-size: 16px;
  8770.             margin: 20px 0 24px;
  8771.             text-align: center;
  8772.         }
  8773.         .add-cart-modal__actions {
  8774.             display: flex;
  8775.             flex-direction: column;
  8776.             align-items: center;
  8777.             gap: 16px;
  8778.             padding: 0 20px 20px;
  8779.         }
  8780.         .add-cart-modal__primary {
  8781.             display: inline-block;
  8782.             width: 80%;
  8783.             max-width: 320px;
  8784.             padding: 14px 20px;
  8785.             font-size: 15px;
  8786.             font-weight: bold;
  8787.             text-align: center;
  8788.             background: #d9534f;
  8789.             color: #fff !important;
  8790.             border-radius: 6px;
  8791.             text-decoration: none;
  8792.             cursor: pointer;
  8793.         }
  8794.         .add-cart-modal__primary:hover {
  8795.             background: #c9302c;
  8796.             color: #fff !important;
  8797.             text-decoration: none;
  8798.         }
  8799.         .add-cart-modal__secondary {
  8800.             display: inline-block;
  8801.             padding: 6px 14px;
  8802.             font-size: 12px;
  8803.             color: #666;
  8804.             border: 1px solid #ccc;
  8805.             border-radius: 4px;
  8806.             background: #fff;
  8807.             cursor: pointer;
  8808.         }
  8809.         .add-cart-modal__secondary:hover {
  8810.             background: #f0f0f0;
  8811.             color: #333;
  8812.         }
  8813.         @media (max-width: 767px) {
  8814.             .add-cart-modal__actions {
  8815.                 gap: 20px;
  8816.             }
  8817.         }
  8818.     </style>
  8819. {% endblock %}
  8821. {% block javascript %}
  8823.     <script>
  8824.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  8826.         // 規格2に選択肢を割り当てる。
  8827.         function fnSetClassCategories(form, classcat_id2_selected) {
  8828.             var \$form = \$(form);
  8829.             var product_id = \$form.find('input[name=product_id]').val();
  8830.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  8831.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  8832.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  8833.         }
  8835.         {% if form.classcategory_id2 is defined %}
  8836.         fnSetClassCategories(
  8837.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  8838.         );
  8839.         {% elseif form.classcategory_id1 is defined %}
  8840.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  8841.         {% endif %}
  8842.     </script>
  8843.     <script>
  8844.         \$(function() {
  8845.             // bfcache無効化
  8846.             \$(window).bind('pageshow', function(event) {
  8847.                 if (event.originalEvent.persisted) {
  8848.                     location.reload(true);
  8849.                 }
  8850.             });
  8852.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  8853.             // img タグに width, height が付与されている.
  8854.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  8855.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  8856.             \$('.ec-grid2__cell').hide();
  8857.             var removeSize = function () {
  8858.                 \$('.slide-item').height('');
  8859.                 \$('.slide-item img')
  8860.                     .removeAttr('width')
  8861.                     .removeAttr('height')
  8862.                     .removeAttr('style');
  8864.             };
  8865.             var slickInitial = function(slick) {
  8866.                 \$('.ec-grid2__cell').fadeIn(1500);
  8867.                 var baseHeight = \$(slick.target).height();
  8868.                 var baseWidth = \$(slick.target).width();
  8869.                 var rate = baseWidth / baseHeight;
  8870. \t\t\t\tif(baseHeight * rate < 400){
  8871. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  8872. \t\t\t\t}else{
  8873. \t                \$('.slide-item').height(400); // 余白を削除する
  8874. \t\t\t\t}
  8875.                 // transform を使用することでCLSの影響を受けないようにする
  8876.                 \$('.slide-item img')
  8877.                     .css(
  8878.                         {
  8879.                             'transform-origin': 'top left',
  8880.                             'transform': 'scaleY(' + rate + ')',
  8881.                             'transition': 'transform .1s'
  8882.                         }
  8883.                     );
  8884.                 // 正しいサイズに近くなったら属性を解除する
  8885.                 setTimeout(removeSize, 500);
  8886.             };
  8887.             \$('.item_visual').on('init', slickInitial);
  8888.             // リサイズ時は CLS の影響を受けないため属性を解除する
  8889.             \$(window).resize(removeSize);
  8890.             \$('.item_visual').slick({
  8891.                 dots: false,
  8892.                 arrows: true,
  8893.                 responsive: [{
  8894.                     breakpoint: 768,
  8895.                     settings: {
  8896.                         dots: true,
  8897.                 \t\tarrows: false
  8898.                     }
  8899.                 }]
  8900.             });
  8902.             \$('.slideThumb').on('click', function() {
  8903.                 var index = \$(this).attr('data-index');
  8904.                 \$('.item_visual').slick('slickGoTo', index, false);
  8905.             })
  8906.         });
  8908.     </script>
  8909.     <script>
  8910.         \$(function() {
  8911.             \$('.add-cart').on('click', function(event) {
  8912.                 {% if form.classcategory_id1 is defined %}
  8913.                 // 規格1フォームの必須チェック
  8914.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  8915.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  8916.                     return true;
  8917.                 } else {
  8918.                     \$('#classcategory_id1')[0].setCustomValidity('');
  8919.                 }
  8920.                 {% endif %}
  8922.                 {% if form.classcategory_id2 is defined %}
  8923.                 // 規格2フォームの必須チェック
  8924.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  8925.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  8926.                     return true;
  8927.                 } else {
  8928.                     \$('#classcategory_id2')[0].setCustomValidity('');
  8929.                 }
  8930.                 {% endif %}
  8932.                 // タイプ2: カート送信直前に set_count を quantity に同期
  8933.                 if(\$('#set_count').length){
  8934.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  8935.                     \$('#quantity').val(_sc);
  8936.                     \$('input[name=\"quantity\"]').val(_sc);
  8937.                 }
  8939.                 // 個数フォームのチェック
  8940.                 if (\$('#quantity').val() < 1) {
  8941.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  8942.                     return true;
  8943.                 } else {
  8944.                     \$('#quantity')[0].setCustomValidity('');
  8945.                 }
  8947.                 event.preventDefault();
  8948.                 \$form = \$('#form1');
  8949.                 \$.ajax({
  8950.                     url: \$form.attr('action'),
  8951.                     type: \$form.attr('method'),
  8952.                     data: \$form.serialize(),
  8953.                     dataType: 'json',
  8954.                     beforeSend: function(xhr, settings) {
  8955.                         // Buttonを無効にする
  8956.                         \$('.add-cart').prop('disabled', true);
  8957.                     }
  8958.                 }).done(function(data) {
  8959.                     // レスポンス内のメッセージをalertで表示
  8960.                     \$.each(data.messages, function() {
  8961.                         \$('#ec-modal-header').text(this);
  8962.                     });
  8964.                     \$('.ec-modal').show()
  8966.                     // カートブロックを更新する
  8967.                     \$.ajax({
  8968.                         url: \"{{ url('block_cart') }}\",
  8969.                         type: 'GET',
  8970.                         dataType: 'html'
  8971.                     }).done(function(html) {
  8972.                         \$('.ec-headerRole__cart').html(html);
  8973.                     });
  8974.                 }).fail(function(data) {
  8975.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  8976.                 }).always(function(data) {
  8977.                     // Buttonを有効にする
  8978.                     \$('.add-cart').prop('disabled', false);
  8979.                 });
  8980.             });
  8981.         });
  8983.         \$('.ec-modal-wrap').on('click', function(e) {
  8984.             // モーダル内の処理は外側にバブリングさせない
  8985.             e.stopPropagation();
  8986.         });
  8987.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  8988.             \$('.ec-modal').hide()
  8989.         });
  8992. \t\tvar pw = \"{% if mitsumori_json %}{{ mitsumori_json.pw }}{% endif %}\";
  8993. \t\tvar pd = \"{% if mitsumori_json %}{{ mitsumori_json.pd }}{% endif %}\";
  8994. \t\tvar ph = \"{% if mitsumori_json %}{{ mitsumori_json.ph }}{% endif %}\";
  8995. \t\tvar pm = \"{% if mitsumori_json %}{{ mitsumori_json.pm }}{% endif %}\";
  8996. \t\tvar pc = \"{% if mitsumori_json %}{{ mitsumori_json.pc }}{% endif %}\";
  8997. \t\t// option1 / option2: カテゴリ別 option 軸 (um: タイプ=subtype, fe: ct_up 等)
  8998. \t\tvar option1 = \"{% if mitsumori_json and mitsumori_json.option1 is defined %}{{ mitsumori_json.option1 }}{% endif %}\";
  8999. \t\tvar option2 = \"{% if mitsumori_json and mitsumori_json.option2 is defined %}{{ mitsumori_json.option2 }}{% endif %}\";
  9000. \t\tvar op0 = \"{% if mitsumori_json %}{{ mitsumori_json.op[0] }}{% endif %}\";
  9001. \t\tvar op1 = \"{% if mitsumori_json %}{{ mitsumori_json.op[1] }}{% endif %}\";
  9002. \t\tvar op2 = \"{% if mitsumori_json %}{{ mitsumori_json.op[2] }}{% endif %}\";
  9003. \t\tvar op3 = \"{% if mitsumori_json %}{{ mitsumori_json.op[3] }}{% endif %}\";
  9004. \t\tvar op4 = \"{% if mitsumori_json %}{{ mitsumori_json.op[4] }}{% endif %}\";
  9005. \t\tvar op5 = \"{% if mitsumori_json %}{{ mitsumori_json.op[5] }}{% endif %}\";
  9006. \t\tvar op6 = \"{% if mitsumori_json %}{{ mitsumori_json.op[6] }}{% endif %}\";
  9007. \t\tvar op7 = \"{% if mitsumori_json %}{{ mitsumori_json.op[7] }}{% endif %}\";
  9008. \t\tvar op8 = \"{% if mitsumori_json %}{{ mitsumori_json.op[8] }}{% endif %}\";
  9009. \t\tvar op9 = \"{% if mitsumori_json %}{{ mitsumori_json.op[9] }}{% endif %}\";
  9010. \t\tvar op10 = \"{% if mitsumori_json %}{{ mitsumori_json.op[10] }}{% endif %}\";
  9012. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  9014. \t\t// ============================================================
  9015. \t\t//  free_area 1 エントリのスキーマ（11 キー固定）
  9016. \t\t// ============================================================
  9017. \t\t//   w           : 幅 (string, 例 \"239.9cm\" / tf は \"1m\")
  9018. \t\t//   d           : 奥行
  9019. \t\t//   h           : 高さ (tf はロール長 \"10m\")
  9020. \t\t//   m           : 素材
  9021. \t\t//   c           : カラー
  9022. \t\t//   price       : 販売価格 (税抜、amount=1 ベース)
  9023. \t\t//   unit_price  : 商品 per-unit 増分 (税抜、AMOUNT_CATEGORIES のみ)
  9024. \t\t//   maker_price : メーカー価格 (税抜)
  9025. \t\t//   ct          : 基本工事費 (税抜、amount=1 ベース)
  9026. \t\t//   option1     : fe → ct_up / その他カテゴリ → category-specific
  9027. \t\t//   option2     : um → ct_up / その他カテゴリ → category-specific
  9028. \t\t//
  9029. \t\t//  ct4 (設置場所) / ct5 (撤去) / ct6 (残土) は option_area 側で扱う.
  9030. \t\t// ============================================================
  9032. \t\t// 施工オプション定義（option_area）— 各エントリ {name, comment, on, off, price}
  9033. \t\tvar op_data = {{ op_json|default('[]')|raw }};
  9035. \t\t// option_item_area:
  9036. \t\t//   tg 用 — block 別オプション差額表
  9037. \t\t//     { axis_labels: {F:'床材',front:'前面型',side1:'右側面型',side2:'左側面型'},
  9038. \t\t//       blocks: { 'W_label|D_label': { F:[{idx,label,diff},...], front:[...], side1:[...], side2:[...] }, ... } }
  9039. \t\t//   fe (sale_type=4) 用 — ブロックの種類×段数の差額表 (fe_block キー)
  9040. \t\t//     { fe_block: { depends_on_name: '...', depends_on_value: '...',
  9041. \t\t//                   title: '...', default_key: '...',
  9042. \t\t//                   choices: [{key,label,price}, ...] } }
  9043. \t\t// 該当しないカテゴリでは fe_block は null. axis_labels/blocks は空.
  9044. \t\tvar oi_data = {{ oi_json|default('{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}')|raw }};
  9046. \t\t// 選択中の tg オプション差額 (axis -> selected choice_idx). ラジオ click で更新される.
  9047. \t\tvar oi_selected = { F: 1, front: 1, side1: 1, side2: 1 };
  9049. \t\t// 選択中の fe ブロック種類×段数 (key 文字列). 既定は oi_data.fe_block.default_key.
  9050. \t\tvar fe_block_selected = (oi_data && oi_data.fe_block && oi_data.fe_block.default_key) || '';
  9052. \t\t// sale_type ID（mtb_sale_type の id。本サイトでの意味は次の通り）:
  9053. \t\t//   1 通常 / 2 補助金窓 / 3 物置 / 4 フェンス / 5 デッキ / 6 芝生 / 9 商品のみ
  9054. \t\tvar SALE_TYPE_ID = {{ ProductClass.SaleType.id }};
  9056. \t\t{# option1 / option2 ラベルをカテゴリ別に決定 (sh=31, rd=43, mo=15) — 以降の UI / JS 両方で使用 #}
  9057. \t\t{% set option1_label = 'オプション1' %}
  9058. \t\t{% set option2_label = 'オプション2' %}
  9059. \t\t{% if Product.ProductCategories is not empty %}
  9060. \t\t\t{% for pcat in Product.ProductCategories %}
  9061. \t\t\t\t{% if pcat.category_id == 31 %}{% set option1_label = 'サイズプリセット' %}{% set option2_label = '駆動方式' %}{% endif %}
  9062. \t\t\t\t{% if pcat.category_id == 43 %}{% set option1_label = 'ランマ' %}{% set option2_label = 'タイプ' %}{% endif %}
  9063. \t\t\t\t{% if pcat.category_id == 15 %}{% set option1_label = '棚タイプ' %}{% endif %}
  9064. \t\t\t\t{% if pcat.category_id == 17 %}{% set option1_label = '窓タイプ' %}{% endif %}
  9065. \t\t\t{% endfor %}
  9066. \t\t{% endif %}
  9068. \t\t// 消費税率（pp.price/pp.ct/op_data.price は scraper が税抜で保存しているため、
  9069. \t\t// calcGoukei 出口で 1+TAX_RATE を掛けて税込 mitsumori_goukei にする）
  9070. \t\tvar TAX_RATE = 0.10;
  9071. \t\tfunction toIncTax(v) { return Math.round(v * (1 + TAX_RATE)); }
  9073. \t\t/**
  9074. \t\t * tg 用 block 別オプション差額の集計.
  9075. \t\t *   現選択 (W, D) から block key を作り、oi_data.blocks[blockKey] を取得.
  9076. \t\t *   各 axis (F/front/side1/side2) で oi_selected[axis] の choice の diff を合計.
  9077. \t\t * 戻り値: { total: 差額合計(税抜), items: [{name, label, diff}, ...] }
  9078. \t\t *   block が無い (tg 以外 / 該当 (W,D) が未取得) なら total=0.
  9079. \t\t */
  9080. \t\tfunction collectOptionItems(curW, curD) {
  9081. \t\t\tvar result = { total: 0, items: [] };
  9082. \t\t\tif (!oi_data || !oi_data.blocks) return result;
  9083. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  9084. \t\t\tvar block = oi_data.blocks[blockKey];
  9085. \t\t\tif (!block) return result;
  9086. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  9087. \t\t\tfor (var i = 0; i < axes.length; i++) {
  9088. \t\t\t\tvar axis = axes[i];
  9089. \t\t\t\tvar choices = block[axis];
  9090. \t\t\t\tif (!choices || !choices.length) continue;
  9091. \t\t\t\tvar idx = oi_selected[axis] || 1;
  9092. \t\t\t\tvar pick = null;
  9093. \t\t\t\tfor (var j = 0; j < choices.length; j++) {
  9094. \t\t\t\t\tif (parseInt(choices[j].idx) === parseInt(idx)) { pick = choices[j]; break; }
  9095. \t\t\t\t}
  9096. \t\t\t\tif (!pick) pick = choices[0];
  9097. \t\t\t\tvar diff = parseInt(pick.diff) || 0;
  9098. \t\t\t\tresult.total += diff;
  9099. \t\t\t\tresult.items.push({
  9100. \t\t\t\t\tname:  oi_data.axis_labels[axis] || axis,
  9101. \t\t\t\t\tlabel: pick.label,
  9102. \t\t\t\t\tdiff:  diff,
  9103. \t\t\t\t});
  9104. \t\t\t}
  9105. \t\t\treturn result;
  9106. \t\t}
  9108. \t\t/**
  9109. \t\t * tg ラジオ群を block 別に DOM へ描画する.
  9110. \t\t *   W/D が確定したら現 block の 4 軸 (F/front/side1/side2) ラジオを #tg-options 要素に出す.
  9111. \t\t *   block が空なら #tg-options を空にする.
  9112. \t\t */
  9113. \t\tfunction renderOptionItemRadios(curW, curD) {
  9114. \t\t\tvar \$box = \$('#tg-options');
  9115. \t\t\tif (!\$box.length) return;
  9116. \t\t\t\$box.empty();
  9117. \t\t\tif (!oi_data || !oi_data.blocks) return;
  9118. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  9119. \t\t\tvar block = oi_data.blocks[blockKey];
  9120. \t\t\tif (!block) return;
  9121. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  9122. \t\t\taxes.forEach(function(axis) {
  9123. \t\t\t\tvar choices = block[axis];
  9124. \t\t\t\tif (!choices || !choices.length) return;
  9125. \t\t\t\tvar axisLabel = (oi_data.axis_labels && oi_data.axis_labels[axis]) || axis;
  9126. \t\t\t\tvar \$section = \$('<div class=\"form-group tg-axis\"></div>');
  9127. \t\t\t\t\$section.append('<p class=\"rp-section-label\"><strong>' + axisLabel + '</strong>: <span class=\"tg-axis-selected\"></span></p>');
  9128. \t\t\t\t// 他オプション(opt-btn)と統一したボタン型 UI で描画（縦積み・長ラベル折返し）.
  9129. \t\t\t\tvar \$list = \$('<div class=\"opt-btn-group no-hscroll\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  9130. \t\t\t\tchoices.forEach(function(ch, i) {
  9131. \t\t\t\t\tvar inputId = 'tg_' + axis + '_' + ch.idx;
  9132. \t\t\t\t\tvar name = 'tg_' + axis;
  9133. \t\t\t\t\tvar isSel = (parseInt(ch.idx) === parseInt(oi_selected[axis] || 1));
  9134. \t\t\t\t\tvar diffTxt = ch.diff > 0 ? '+' + formatter.format(ch.diff) + '円' : (ch.diff < 0 ? formatter.format(ch.diff) + '円' : '±0');
  9135. \t\t\t\t\t\$list.append(
  9136. \t\t\t\t\t\t'<label class=\"opt-btn' + (isSel ? ' is-selected' : '') + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  9137. \t\t\t\t\t\t'<input type=\"radio\" name=\"' + name + '\" id=\"' + inputId + '\" value=\"' + ch.idx + '\" data-axis=\"' + axis + '\"' + (isSel ? ' checked' : '') + '>' +
  9138. \t\t\t\t\t\tch.label + '<span class=\"tg-diff\">（' + diffTxt + '）</span></label>'
  9139. \t\t\t\t\t);
  9140. \t\t\t\t});
  9141. \t\t\t\t\$section.append(\$list);
  9142. \t\t\t\t\$box.append(\$section);
  9143. \t\t\t});
  9144. \t\t\t// ラジオ選択で oi_selected 更新 + is-selected 付替え → 再計算
  9145. \t\t\t\$box.off('change.tg').on('change.tg', 'input[type=\"radio\"][data-axis]', function() {
  9146. \t\t\t\tvar axis = \$(this).data('axis');
  9147. \t\t\t\toi_selected[axis] = parseInt(\$(this).val()) || 1;
  9148. \t\t\t\t\$(this).closest('.opt-btn-group').find('label.opt-btn').removeClass('is-selected');
  9149. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  9150. \t\t\t\tmitsumori_simulation('refresh', '');
  9151. \t\t\t});
  9152. \t\t\tupdateOptionItemSelectedLabels();
  9153. \t\t}
  9155. \t\tfunction updateOptionItemSelectedLabels() {
  9156. \t\t\t\$('#tg-options .tg-axis').each(function() {
  9157. \t\t\t\tvar \$sel = \$(this).find('input[type=\"radio\"]:checked');
  9158. \t\t\t\tif (!\$sel.length) return;
  9159. \t\t\t\tvar label = \$sel.parent().contents().filter(function() { return this.nodeType === 3; }).text().trim();
  9160. \t\t\t\t\$(this).find('.tg-axis-selected').text(label);
  9161. \t\t\t});
  9162. \t\t}
  9164. \t\t// =========================================================
  9165. \t\t// fe (sale_type=4) ブロック種類×段数 サブ UI
  9166. \t\t// =========================================================
  9168. \t\t/**
  9169. \t\t * fe_block の親オプション (= op_data 内の「ご希望のフェンス設置方法」 entry)
  9170. \t\t * を name でルックアップし、その index を返す. 見つからなければ -1.
  9171. \t\t *   fe_block.depends_on_name が設定されていればそれで照合.
  9172. \t\t *   未設定なら 'ご希望のフェンス設置方法' を含む name にフォールバック.
  9173. \t\t */
  9174. \t\tfunction findFeBlockParentOpIndex() {
  9175. \t\t\tif (!oi_data || !oi_data.fe_block) return -1;
  9176. \t\t\tvar needle = oi_data.fe_block.depends_on_name || 'ご希望のフェンス設置方法';
  9177. \t\t\tfor (var i = 0; i < op_data.length; i++) {
  9178. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  9179. \t\t\t\tif (op_data[i].name.indexOf(needle) >= 0) return i;
  9180. \t\t\t}
  9181. \t\t\treturn -1;
  9182. \t\t}
  9184. \t\t/**
  9185. \t\t * fe_block の現在の選択値の price (税抜) と choice 内容を集計.
  9186. \t\t *   親オプション (= 'ご希望のフェンス設置方法') が depends_on_value を選んでいる
  9187. \t\t *   ときだけ加算する. それ以外 (既存ブロック側 / 親未選択) は price=0.
  9188. \t\t * 戻り値: { price: 0|N, choice: {key,label,price}|null, active: bool }
  9189. \t\t */
  9190. \t\tfunction collectFeBlock() {
  9191. \t\t\tvar result = { price: 0, choice: null, active: false };
  9192. \t\t\tif (SALE_TYPE_ID !== 4) return result;
  9193. \t\t\tif (!oi_data || !oi_data.fe_block) return result;
  9194. \t\t\tif (!oi_data.fe_block.choices || !oi_data.fe_block.choices.length) return result;
  9196. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  9197. \t\t\tif (parentIdx < 0) return result;
  9198. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9199. \t\t\tvar parentSel = ops[parentIdx];
  9200. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  9201. \t\t\tif (parentSel !== triggerValue) return result;  // 親が新規ブロック積み以外なら無加算
  9203. \t\t\tresult.active = true;
  9204. \t\t\tvar choices = oi_data.fe_block.choices;
  9205. \t\t\tvar pick = null;
  9206. \t\t\tfor (var j = 0; j < choices.length; j++) {
  9207. \t\t\t\tif (choices[j].key === fe_block_selected) { pick = choices[j]; break; }
  9208. \t\t\t}
  9209. \t\t\tif (!pick) pick = choices[0];
  9210. \t\t\tresult.choice = pick;
  9211. \t\t\tresult.price  = parseInt(pick.price) || 0;
  9212. \t\t\treturn result;
  9213. \t\t}
  9215. \t\t/**
  9216. \t\t * fe_block ラジオ群を #fe-block-options 要素に描画する.
  9217. \t\t *   active=false (親が「新規にブロック積み」以外) のときは非表示.
  9218. \t\t */
  9219. \t\tfunction renderFeBlockRadios() {
  9220. \t\t\tvar \$box = \$('#fe-block-options');
  9221. \t\t\tif (!\$box.length) return;
  9222. \t\t\tif (!oi_data || !oi_data.fe_block || !oi_data.fe_block.choices) {
  9223. \t\t\t\t\$box.empty().hide();
  9224. \t\t\t\treturn;
  9225. \t\t\t}
  9226. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  9227. \t\t\tif (parentIdx < 0) {
  9228. \t\t\t\t\$box.empty().hide();
  9229. \t\t\t\treturn;
  9230. \t\t\t}
  9231. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9232. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  9233. \t\t\tvar visible = (ops[parentIdx] === triggerValue);
  9234. \t\t\tif (!visible) {
  9235. \t\t\t\t\$box.hide();
  9236. \t\t\t\treturn;
  9237. \t\t\t}
  9239. \t\t\tvar fb = oi_data.fe_block;
  9240. \t\t\t\$box.empty();
  9241. \t\t\tvar \$title = \$('<p class=\"rp-section-label\"><strong>' + (fb.title || 'ブロックの種類と段数') + '</strong></p>');
  9242. \t\t\t\$box.append(\$title);
  9243. \t\t\t// 他オプション群と同じ .opt-btn-group / .opt-btn 形式で描画.
  9244. \t\t\t//   生の <label><input type=radio> ... 形式だと CSS 定義が無く
  9245. \t\t\t//   ラベル折り返し・縦ズレ・隣接 opt-btn との間隔不揃いが発生する.
  9246. \t\t\tvar \$list = \$('<div class=\"opt-btn-group no-hscroll\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  9247. \t\t\tfb.choices.forEach(function(ch) {
  9248. \t\t\t\tvar inputId = 'fe_block_' + ch.key;
  9249. \t\t\t\tvar isSel   = (ch.key === fe_block_selected);
  9250. \t\t\t\tvar checked = isSel ? ' checked' : '';
  9251. \t\t\t\tvar selCls  = isSel ? ' is-selected' : '';
  9252. \t\t\t\t// 選択肢ラベルには価格を表示しない（差額は合計金額側でのみ反映）。
  9253. \t\t\t\t\$list.append(
  9254. \t\t\t\t\t'<label class=\"opt-btn' + selCls + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  9255. \t\t\t\t\t'<input type=\"radio\" name=\"fe_block\" id=\"' + inputId + '\" value=\"' + ch.key + '\"' + checked + '>' +
  9256. \t\t\t\t\t'<span class=\"fe-block-label\">' + ch.label + '</span>' +
  9257. \t\t\t\t\t'</label>'
  9258. \t\t\t\t);
  9259. \t\t\t});
  9260. \t\t\t\$box.append(\$list);
  9261. \t\t\t\$box.show();
  9262. \t\t\t\$box.off('change.fe_block').on('change.fe_block', 'input[type=\"radio\"][name=\"fe_block\"]', function() {
  9263. \t\t\t\tfe_block_selected = \$(this).val();
  9264. \t\t\t\t// is-selected 切替 (opt-btn 形式共通)
  9265. \t\t\t\t\$box.find('label.opt-btn').removeClass('is-selected');
  9266. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  9267. \t\t\t\tmitsumori_simulation('refresh', '');
  9268. \t\t\t});
  9269. \t\t}
  9271. \t\t/**
  9272. \t\t * fe (sale_type=4) で op_data エントリの連動表示制御.
  9273. \t\t *   親「ご希望のフェンス設置方法」の選択値に応じて、
  9274. \t\t *     - 「既存ブロックに穴空け工事が必要ですか？」 entry を表示/非表示
  9275. \t\t *   切替の trigger は親選択値の文字列で判定 (entry index にハードコードしない).
  9276. \t\t */
  9277. \t\tfunction updateFeOpConditionalVisibility() {
  9278. \t\t\tif (SALE_TYPE_ID !== 4) return;
  9279. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  9280. \t\t\tif (parentIdx < 0) return;
  9281. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9282. \t\t\tvar parentSel = ops[parentIdx];
  9283. \t\t\t// 親が「既存ブロックに設置する」 (= off 側) のとき穴空け entry を表示
  9284. \t\t\tvar triggerOffValue = (op_data[parentIdx] && op_data[parentIdx].off) || '既存ブロックに設置する';
  9285. \t\t\t\$('div[data-op-name]').each(function() {
  9286. \t\t\t\tvar n = \$(this).attr('data-op-name') || '';
  9287. \t\t\t\tif (n.indexOf('穴空け') >= 0) {
  9288. \t\t\t\t\tif (parentSel === triggerOffValue) {
  9289. \t\t\t\t\t\t\$(this).show();
  9290. \t\t\t\t\t} else {
  9291. \t\t\t\t\t\t\$(this).hide();
  9292. \t\t\t\t\t}
  9293. \t\t\t\t}
  9294. \t\t\t});
  9295. \t\t}
  9297. \t\t/**
  9298. \t\t * 選択中の施工オプションを集計し、ON選択分の price を合計する.
  9299. \t\t * 戻り値: { total: 合計金額, items: [{name, value, price}, ...] }
  9300. \t\t */
  9301. \t\tfunction collectOptions() {
  9302. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9303. \t\t\tvar total = 0;
  9304. \t\t\tvar items = [];
  9305. \t\t\tfor (var i = 0; i < ops.length; i++) {
  9306. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  9307. \t\t\t\tvar sel = ops[i];
  9308. \t\t\t\tif (!sel) continue;
  9309. \t\t\t\tvar price = parseInt(op_data[i].price) || 0;
  9310. \t\t\t\t// 「ON」選択時のみ加算（OFF や「不要」「商品購入のみ」は加算しない）
  9311. \t\t\t\tvar isOn = (sel === op_data[i].on);
  9312. \t\t\t\titems.push({
  9313. \t\t\t\t\tname:  op_data[i].name,
  9314. \t\t\t\t\tvalue: sel,
  9315. \t\t\t\t\tprice: isOn ? price : 0,
  9316. \t\t\t\t\ton:    op_data[i].on,
  9317. \t\t\t\t\toff:   op_data[i].off,
  9318. \t\t\t\t});
  9319. \t\t\t\tif (isOn) total += price;
  9320. \t\t\t}
  9321. \t\t\t// fe (sale_type=4) のブロック種類×段数 分を items / total に統合.
  9322. \t\t\t// 親オプション「ご希望のフェンス設置方法」 が 「新規にブロック積みを行う」 のとき
  9323. \t\t\t// だけ加算される (collectFeBlock 内で判定済み).
  9324. \t\t\tvar fb = collectFeBlock();
  9325. \t\t\tif (fb.active && fb.choice) {
  9326. \t\t\t\titems.push({
  9327. \t\t\t\t\tname:  (oi_data.fe_block && oi_data.fe_block.title) || 'ブロックの種類と段数',
  9328. \t\t\t\t\tvalue: fb.choice.label,
  9329. \t\t\t\t\tprice: fb.price,
  9330. \t\t\t\t\ton:    fb.choice.label,
  9331. \t\t\t\t\toff:   '',
  9332. \t\t\t\t});
  9333. \t\t\t\ttotal += fb.price;
  9334. \t\t\t}
  9335. \t\t\treturn { total: total, items: items };
  9336. \t\t}
  9338. \t\t/**
  9339. \t\t * free_area 1 エントリ ({w,d,h,m,c,price,unit_price,maker_price,ct,option1,option2})
  9340. \t\t * から sale_type 別に最終金額を算出する.
  9341. \t\t *
  9342. \t\t * 計算式（amount=1 ベース、出口で × 1.10 税込化）:
  9343. \t\t *   1 通常        : price + ct + option_sum
  9344. \t\t *   2 補助金窓    : price × set_count + (ct + (set_count-1) × option2) + option_sum
  9345. \t\t *   3 物置        : (price + ct) × daisu + option_sum
  9346. \t\t *   4 フェンス    : price + (maisu-1) × unit_price
  9347. \t\t *                  + ct + max(0, maisu-3) × option1
  9348. \t\t *                  + option_sum   (maisu >= 3)
  9349. \t\t *   5 デッキ      : price + ct + option_sum   (area は表示用、計算非関与)
  9350. \t\t *   6 芝生        : price × ceil(area / (w_m × h_m)) + ct + option_sum
  9351. \t\t *   9 商品のみ    : price のみ（カート quantity 倍で総額）
  9352. \t\t *
  9353. \t\t * fe では option1 を ct_up、um では option2 を ct_up として転用.
  9354. \t\t * tf では w / h にロール幅・長さが格納されており parseLen で数値抽出.
  9355. \t\t *
  9356. \t\t * @param {Object} pp  free_area の 1 行（matrix エントリ）
  9357. \t\t * @param {number} optionTotal  collectOptions().total
  9358. \t\t * @param {Object} ctx  UI 入力 {set_count, daisu, maisu, area, quantityOnly, ...}
  9359. \t\t * @returns {Object} {goukei, price, ct, opt, qty}  すべて税込整数
  9360. \t\t */
  9361. \t\tfunction calcGoukei(pp, optionTotal, ctx) {
  9362. \t\t\tvar basePrice  = parseInt(pp.price)       || 0;
  9363. \t\t\tvar baseCt     = parseInt(pp.ct)          || 0;
  9364. \t\t\tvar unitPrice  = parseInt(pp.unit_price)  || 0;
  9365. \t\t\tvar optSum     = optionTotal;
  9366. \t\t\tvar price      = basePrice;
  9367. \t\t\tvar ct         = baseCt;
  9368. \t\t\tvar steelRoof  = 0;   // cp 折半屋根（スチール折板 = option1, ex-shop同額）
  9369. \t\t\tvar qty        = 1;
  9370. \t\t\tvar goukei     = 0;
  9372. \t\t\t// 「商品購入のみ」選択時は工事費・オプションをゼロにする（任意 sale_type で適用）
  9373. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9374. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  9375. \t\t\tif (purchaseOnly) {
  9376. \t\t\t\tbaseCt = 0;
  9377. \t\t\t\tct     = 0;
  9378. \t\t\t\toptSum = 0;
  9379. \t\t\t}
  9381. \t\t\tswitch (SALE_TYPE_ID) {
  9382. \t\t\t\tcase 2: {  // 補助金・窓 (シンプル表引き方式 2026-05-)
  9383. \t\t\t\t\t// 2026-05 仕様簡素化: 枚数軸を廃止し、subtype に枚数を内包.
  9384. \t\t\t\t\t// pp.price / pp.ct は (W, H, ガラス, subtype) の単一価格.
  9385. \t\t\t\t\t// 複数枚をまとめて買う場合はカート quantity で表現.
  9386. \t\t\t\t\tqty    = 1;
  9387. \t\t\t\t\tprice  = basePrice;
  9388. \t\t\t\t\tct     = baseCt;
  9389. \t\t\t\t\tgoukei = price + ct + optSum;
  9390. \t\t\t\t\tbreak;
  9391. \t\t\t\t}
  9393. \t\t\t\tcase 3: {  // 物置・ゴミステーション
  9394. \t\t\t\t\tqty   = Math.max(1, parseInt(ctx.daisu) || 1);
  9395. \t\t\t\t\tprice = basePrice * qty;
  9396. \t\t\t\t\tct    = baseCt * qty;
  9397. \t\t\t\t\tgoukei = price + ct + optSum;
  9398. \t\t\t\t\tbreak;
  9399. \t\t\t\t}
  9401. \t\t\t\tcase 4: {  // フェンス・組み立て式（maisu ≥ 3、base_amount = 3）
  9402. \t\t\t\t\t// scraper は amount=3 を base にしているので pp.price = price(3),
  9403. \t\t\t\t\t// pp.unit_price = price(4) - price(3).
  9404. \t\t\t\t\tqty   = Math.max(3, parseInt(ctx.maisu) || 3);
  9405. \t\t\t\t\tprice = basePrice + (qty - 3) * unitPrice;
  9406. \t\t\t\t\t// option1 が ct_up (4枚目以降の増分). 未設定なら ct 固定動作
  9407. \t\t\t\t\tvar ctUp1 = parseInt(pp.option1) || 0;
  9408. \t\t\t\t\tct = baseCt + Math.max(0, qty - 3) * ctUp1;
  9409. \t\t\t\t\t// fe_block(ブロック積み段数): collectOptions が base(3枚分)を optSum に
  9410. \t\t\t\t\t// 算入済み. ブロック費も本体同様に枚数連動するため、4枚目以降は 1枚毎に
  9411. \t\t\t\t\t// choice.unit_price(= block(4)-block(3)) を加算する.
  9412. \t\t\t\t\t// (顧客指摘「何枚施工でも増える金額が同じ」の是正。unit_price 未設定の
  9413. \t\t\t\t\t//  旧データでは +0 で従来動作。)
  9414. \t\t\t\t\tif (!purchaseOnly) {
  9415. \t\t\t\t\t\tvar fbC = collectFeBlock();
  9416. \t\t\t\t\t\tif (fbC.active && fbC.choice) {
  9417. \t\t\t\t\t\t\toptSum += Math.max(0, qty - 3) * (parseInt(fbC.choice.unit_price) || 0);
  9418. \t\t\t\t\t\t}
  9419. \t\t\t\t\t}
  9420. \t\t\t\t\tgoukei = price + ct + optSum;
  9421. \t\t\t\t\tbreak;
  9422. \t\t\t\t}
  9424. \t\t\t\tcase 5: {  // ウッドデッキ・タイルデッキ
  9425. \t\t\t\t\t// area は担当者向けの参考値として保持（計算には使わない）
  9426. \t\t\t\t\tqty    = 1;
  9427. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  9428. \t\t\t\t\tprice  = basePrice;
  9429. \t\t\t\t\tct     = baseCt;
  9430. \t\t\t\t\tbreak;
  9431. \t\t\t\t}
  9433. \t\t\t\tcase 6: {  // 芝生・人工芝（ロール単位）
  9434. \t\t\t\t\t// pp.w \"1m\", pp.h \"10m\" から数値抽出
  9435. \t\t\t\t\tvar w_m = parseLen(pp.w);
  9436. \t\t\t\t\tvar h_m = parseLen(pp.h);
  9437. \t\t\t\t\tvar rollSize = w_m * h_m;
  9438. \t\t\t\t\tif (!rollSize || rollSize <= 0) rollSize = 1;
  9439. \t\t\t\t\t// 施工サイズ(面積)があれば必要枚数を自動算出。無ければ直接指定の枚数を使う。
  9440. \t\t\t\t\tvar area  = parseFloat(ctx.area) || 0;
  9441. \t\t\t\t\tif (area > 0) {
  9442. \t\t\t\t\t\tqty = Math.max(1, Math.ceil(area / rollSize));
  9443. \t\t\t\t\t} else {
  9444. \t\t\t\t\t\tqty = Math.max(1, parseInt(ctx.tf_qty) || 1);
  9445. \t\t\t\t\t}
  9446. \t\t\t\t\tprice  = basePrice * qty;
  9447. \t\t\t\t\tct     = baseCt;
  9448. \t\t\t\t\tgoukei = price + ct + optSum;
  9449. \t\t\t\t\tbreak;
  9450. \t\t\t\t}
  9452. \t\t\t\tcase 7: {  // 数量買い・基本工事費固定（gf ガーデンファニチャー / st 石材）
  9453. \t\t\t\t\tqty    = Math.max(1, parseInt(ctx.suuryou) || 1);
  9454. \t\t\t\t\tprice  = basePrice * qty;
  9455. \t\t\t\t\tct     = baseCt;                 // ct は固定（数量に依らない）
  9456. \t\t\t\t\tgoukei = price + ct + optSum;
  9457. \t\t\t\t\tbreak;
  9458. \t\t\t\t}
  9460. \t\t\t\tcase 9: {  // 商品のみ購入
  9461. \t\t\t\t\t// カート側で quantity × unit price するため goukei は単品価格
  9462. \t\t\t\t\tqty    = parseInt(ctx.quantityOnly) || 1;
  9463. \t\t\t\t\tprice  = basePrice;
  9464. \t\t\t\t\tct     = 0;
  9465. \t\t\t\t\toptSum = 0;
  9466. \t\t\t\t\tgoukei = price;
  9467. \t\t\t\t\tbreak;
  9468. \t\t\t\t}
  9470. \t\t\t\tdefault: {  // 1: 通常（カーポート等、matrix 選択のみ）
  9471. \t\t\t\t\tqty    = 1;
  9472. \t\t\t\t\t// cp 折半屋根（スチール折板 = option1, ex-shop同額）を工事費として加算。
  9473. \t\t\t\t\t// 非折板/他カテゴリは option1='' or 非数値 → 0。
  9474. \t\t\t\t\tsteelRoof = purchaseOnly ? 0 : (parseInt(pp.option1) || 0);
  9475. \t\t\t\t\tgoukei = basePrice + baseCt + steelRoof + optSum;
  9476. \t\t\t\t\tbreak;
  9477. \t\t\t\t}
  9478. \t\t\t}
  9480. \t\t\t// 出口で税込化（pp.price/pp.ct/op_data.price はすべて税抜で保存されている前提）
  9481. \t\t\t// 税込は請求額(mitsumori_json)・見積書・PDF 用。税抜(*Exc)は詳細ページの表示専用。
  9482. \t\t\treturn {
  9483. \t\t\t\tgoukei: toIncTax(goukei),
  9484. \t\t\t\tprice:  toIncTax(price),
  9485. \t\t\t\tct:     toIncTax(ct),
  9486. \t\t\t\tsteelRoof: toIncTax(steelRoof),
  9487. \t\t\t\topt:    toIncTax(optSum),
  9488. \t\t\t\tgoukeiExc: goukei,
  9489. \t\t\t\tpriceExc:  price,
  9490. \t\t\t\tctExc:     ct,
  9491. \t\t\t\tsteelRoofExc: steelRoof,
  9492. \t\t\t\toptExc:    optSum,
  9493. \t\t\t\tqty:    qty,
  9494. \t\t\t};
  9495. \t\t}
  9497. \t\t/**
  9498. \t\t * 寸法文字列から「メートル単位の数値」を抽出する.
  9499. \t\t *
  9500. \t\t * 単位は m / cm / mm を認識し、いずれも m 単位に正規化して返す.
  9501. \t\t * 単位が無い場合は m 単位とみなす（旧 tf データ \"1m\" \"10m\" との互換）.
  9502. \t\t * 数値が見つからない場合は 0 を返す（呼び出し側で fallback）.
  9503. \t\t *
  9504. \t\t * 例:
  9505. \t\t *   \"1m\"     → 1
  9506. \t\t *   \"100cm\"  → 1   (2026-06 以降の m → cm 正規化に対応)
  9507. \t\t *   \"200cm\"  → 2
  9508. \t\t *   \"5.5m\"   → 5.5
  9509. \t\t *   \"1000mm\" → 1
  9510. \t\t *   \"\"       → 0
  9511. \t\t */
  9512. \t\tfunction parseLen(s) {
  9513. \t\t\tif (!s) return 0;
  9514. \t\t\tvar str = String(s);
  9515. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)\\s*(mm|cm|m)?/i);
  9516. \t\t\tif (!m) return 0;
  9517. \t\t\tvar n = parseFloat(m[1]);
  9518. \t\t\tif (isNaN(n)) return 0;
  9519. \t\t\tvar unit = (m[2] || 'm').toLowerCase();
  9520. \t\t\tif (unit === 'cm') return n / 100;
  9521. \t\t\tif (unit === 'mm') return n / 1000;
  9522. \t\t\treturn n;  // 'm' or no unit
  9523. \t\t}
  9525. \t\t// pp は autoSelectFirstColor 等からも参照するので global にする
  9526. \t\tvar pp = {{ pp|raw }};
  9528. \t\t// sale_type=2 の幅 / 高さ ladder (Twig p_w / p_h を JS で参照するため).
  9529. \t\t// 入力 mm 値を pp の幅・高さバケット文字列にマッピングする際の元データ.
  9530. \t\t// p_w / p_h は連想配列で来ることがあるため Object.values で配列化する.
  9531. \t\tvar PP_W_LADDER = Object.values({{ p_w|default({})|json_encode|raw }} || {});
  9532. \t\tvar PP_H_LADDER = Object.values({{ p_h|default({})|json_encode|raw }} || {});
  9534. \t\t/* ============================================================
  9535. \t\t   sale_type=2 (補助金窓) 専用: 複数タイプ集計 & 補助金計算
  9536. \t\t   ============================================================
  9537. \t\t   - 入力 UI: #window-types-container 配下の .window-type-block
  9538. \t\t   - 補助金根拠: 先進的窓リノベ2026事業
  9539. \t\t     https://window-renovation2026.env.go.jp/construction/inner-window.html
  9540. \t\t   - 価格軸: (subtype, w, h, glass, color) で pp を lookup
  9541. \t\t   - 1 商品 = 1 明細 にまとめ、内訳 JSON を別途保存予定 (cart 連携は後続タスク)
  9542. \t\t   ============================================================ */
  9544. \t\t// 補助金マトリクス: [住宅区分][性能][サイズ区分] → 1 箇所あたり金額 (税抜・端数なし)
  9545. \t\tvar WINDOW_SUBSIDY_MATRIX = {
  9546. \t\t\tdetached:  { // 戸建住宅・延床240㎡以下の非住宅
  9547. \t\t\t\tP: { G: 140000, L: 89000, M: 58000, S: 36000 },
  9548. \t\t\t\tS: { G: 76000,  L: 52000, M: 34000, S: 22000 }
  9549. \t\t\t},
  9550. \t\t\tapartment: { // 低層・中高層集合住宅・240㎡超の非住宅
  9551. \t\t\t\tP: { G: 152000, L: 98000, M: 64000, S: 40000 },
  9552. \t\t\t\tS: { G: 83000,  L: 57000, M: 37000, S: 24000 }
  9553. \t\t\t}
  9554. \t\t};
  9556. \t\t// 住宅区分: 画面 UI (input[name=\"window_housing_type\"]) から取得する.
  9557. \t\t// 既定値は PFC meta_key=\"住宅区分\" を fallback (未設定なら '戸建').
  9558. \t\tvar HOUSING_TYPE_DEFAULT = {{ getProduct_field(Product.id, '住宅区分')|default('戸建')|json_encode|raw }};
  9559. \t\tfunction getCurrentHousingKey() {
  9560. \t\t\tvar el = document.querySelector('input[name=\"window_housing_type\"]:checked');
  9561. \t\t\tvar v  = el ? el.value : HOUSING_TYPE_DEFAULT;
  9562. \t\t\treturn (v === '集合住宅') ? 'apartment' : 'detached';
  9563. \t\t}
  9565. \t\t// 商品シリーズ自動判定 (Product.name から)
  9566. \t\t// 根拠カタログ: YKK AP「ウチリモ」XAAAA-H26-067-1 (2026.04), 同「LiteU」XAAAA-H16-088-2,
  9567. \t\t//              三協アルミ「プラメイクEII」0142_STJ1931L, LIXIL「インプラス」(既知)
  9568. \t\tvar PRODUCT_NAME_RAW = {{ Product.name|default('')|json_encode|raw }};
  9569. \t\tfunction detectProductSeries(name) {
  9570. \t\t\tif (!name) return null;
  9571. \t\t\tif (/ウチリモ/.test(name)) return 'uchirimo';
  9572. \t\t\tif (/プラマード\\s*U/i.test(name)) return 'pramado_u';
  9573. \t\t\tif (/インプラス/.test(name)) return 'inplus';
  9574. \t\t\tif (/プラメイク\\s*EII|プラメイクEII/i.test(name)) return 'plamake_eii';
  9575. \t\t\tif (/LiteU/i.test(name)) return 'lite_u';
  9576. \t\t\treturn null;
  9577. \t\t}
  9578. \t\t// シリーズ上限グレード:
  9579. \t\t//   'P'  = SS/P まで到達可能 (真空断熱ガラス採用シリーズ)
  9580. \t\t//   'S'  = Low-E 複層止まり (真空断熱ガラスのラインなし)
  9581. \t\t//   null = 単板のみ → 補助金対象外
  9582. \t\tvar SERIES_GRADE_CAP = {
  9583. \t\t\tuchirimo:    'P',
  9584. \t\t\tpramado_u:   'P',
  9585. \t\t\tinplus:      'S',
  9586. \t\t\tplamake_eii: 'S',
  9587. \t\t\tlite_u:      null
  9588. \t\t};
  9589. \t\tvar DETECTED_SERIES = detectProductSeries(PRODUCT_NAME_RAW);
  9590. \t\tvar SERIES_GRADE_CAP_VAL = (DETECTED_SERIES !== null && Object.prototype.hasOwnProperty.call(SERIES_GRADE_CAP, DETECTED_SERIES))
  9591. \t\t\t? SERIES_GRADE_CAP[DETECTED_SERIES]
  9592. \t\t\t: undefined;
  9594. \t\t// 商品単位グレード上限 (PFC `meta_key=補助金グレード上限` で個別上書き)
  9595. \t\t// 値: 'P' / 'SS' / 'S' / '対象外' / '無' / 'NONE' / 空文字 (未指定)
  9596. \t\tvar PRODUCT_GRADE_CAP_RAW = {{ getProduct_field(Product.id, '補助金グレード上限')|default('')|json_encode|raw }};
  9597. \t\tfunction normalizeGradeCap(v) {
  9598. \t\t\tif (v === null || v === undefined || v === '') return undefined;
  9599. \t\t\tvar s = String(v).trim().toUpperCase();
  9600. \t\t\tif (s === 'NONE' || s === '対象外' || s === '無') return null;
  9601. \t\t\tif (s === 'P' || s === 'SS') return 'P';
  9602. \t\t\tif (s === 'S') return 'S';
  9603. \t\t\treturn undefined;
  9604. \t\t}
  9605. \t\tvar PRODUCT_GRADE_CAP = normalizeGradeCap(PRODUCT_GRADE_CAP_RAW);
  9607. \t\t// 窓種 (subtype = option1) ごとのグレード上限.
  9608. \t\t// 根拠: YKK AP「ウチリモ」業務用 (XAAAA-H26-067-1) の窓種別ラインナップで
  9609. \t\t//      真空ガラス (Glavenir) の設定有無を確認:
  9610. \t\t//        引違い窓 (2/3/4枚建) / 浴室仕様 引違い窓 / FIX窓        → P 到達可能
  9611. \t\t//        内開き窓 (居室/浴室) / 開き窓テラス / テラスドア類       → 真空ガラスなし → S 止まり
  9612. \t\tfunction detectSubtypeGradeCap(subtype) {
  9613. \t\t\tif (!subtype) return undefined;
  9614. \t\t\tvar s = String(subtype);
  9615. \t\t\tif (/内開|開き窓テラス|テラスドア|開き戸/.test(s)) return 'S';
  9616. \t\t\treturn undefined;
  9617. \t\t}
  9619. \t\t// クリップ: 強さは 'P' > 'S' > null (対象外). cap=null は強制対象外, cap=undefined は無効化なし.
  9620. \t\tfunction clipGradeBy(grade, cap) {
  9621. \t\t\tif (cap === undefined) return grade;
  9622. \t\t\tif (cap === null)      return null;
  9623. \t\t\tif (grade === null)    return null;
  9624. \t\t\tif (cap === 'S' && grade === 'P') return 'S';
  9625. \t\t\treturn grade;
  9626. \t\t}
  9627. \t\t// D-2/D-3: 一部の窓種は Low-E に「アルゴンガス入り」が必須で、ガス無は補助対象外.
  9628. \t\t//   - 浴室仕様 (ウチリモ): Low-E は Ar入のみ S、Ar無は対象外
  9629. \t\t//   - インプラス 開き窓 / テラスドア: Low-E複層 ガス有のみ S、ガス無は対象外
  9630. \t\t//   ※ 引違い窓・FIX窓・(非浴室)内開き窓は従来どおり Ar 有無を問わない.
  9631. \t\t//   server 側 WindowSubsidyCalculator の subtypeRequiresArgon / glassHasArgon /
  9632. \t\t//   applyArgonRequirement と完全一致させること.
  9633. \t\tfunction subtypeRequiresArgon(series, subtype) {
  9634. \t\t\tvar s = String(subtype || '');
  9635. \t\t\tif (/浴室/.test(s)) return true;
  9636. \t\t\tif (series === 'inplus' && (/テラスドア/.test(s) || (/開き窓/.test(s) && !/内開き/.test(s)))) return true;
  9637. \t\t\treturn false;
  9638. \t\t}
  9639. \t\tfunction glassHasArgon(glassName) {
  9640. \t\t\treturn /アルゴンガス入り/.test(String(glassName || ''));
  9641. \t\t}
  9642. \t\tfunction applyArgonRequirement(grade, glassName, subtype) {
  9643. \t\t\tif (grade === null) return null;
  9644. \t\t\t// 真空(P)等 Low-E 以外はこの規則の対象外 (真空はガス不要).
  9645. \t\t\tif (!/Low-?E/i.test(String(glassName || ''))) return grade;
  9646. \t\t\tif (subtypeRequiresArgon(DETECTED_SERIES, subtype) && !glassHasArgon(glassName)) return null;
  9647. \t\t\treturn grade;
  9648. \t\t}
  9649. \t\tfunction finalizeGlassGrade(raw, subtype, glassName) {
  9650. \t\t\tvar g = clipGradeBy(raw, SERIES_GRADE_CAP_VAL);
  9651. \t\t\tg     = clipGradeBy(g,   detectSubtypeGradeCap(subtype));
  9652. \t\t\tg     = clipGradeBy(g,   PRODUCT_GRADE_CAP);
  9653. \t\t\tg     = applyArgonRequirement(g, glassName, subtype);
  9654. \t\t\treturn g;
  9655. \t\t}
  9657. \t\t/**
  9658. \t\t * ガラスタイプ名から性能区分 'P' (SS, Uw≤1.1) / 'S' (Uw≤1.5) / null を判別.
  9659. \t\t * null = 補助対象外.
  9660. \t\t *
  9661. \t\t * 根拠: YKK AP「ウチリモ 内窓」業務用カタログ (XAAAA-H26-069-1) で
  9662. \t\t *       P (SS) は真空断熱ガラスのみ、Low-E はアルゴン入りでも S 止まり、
  9663. \t\t *       Low-E ガス無 + 型ガラス / フロストは 2026年4月で対象外、
  9664. \t\t *       が確認できた。アルゴン入り Low-E を P 判定する旧ルールは誤りだった。
  9665. \t\t *
  9666. \t\t * シリーズによっては P がそもそも存在しない (LIXIL インプラスは S 一律)
  9667. \t\t * ため、最終的には PFC で商品単位の上限を上書きできる仕組みが必要。
  9668. \t\t */
  9669. \t\tfunction detectGlassPerformance(glassName) {
  9670. \t\t\tif (!glassName) return null;
  9671. \t\t\tvar n = String(glassName);
  9672. \t\t\t// 補助対象外: 単板 / 和紙調 / 防音 / 防犯 / 型ガラス・フロスト (Low-E ガス無の型は 2026/4 で対象外)
  9673. \t\t\tif (/単ガラス|単板|和紙調|防音|防犯|複層\\/型|型ガラス|フロスト/.test(n)) return null;
  9674. \t\t\t// P (SS): 真空断熱ガラスのみ
  9675. \t\t\tif (/真空断熱/.test(n)) return 'P';
  9676. \t\t\t// S: Low-E 系のみ (アルゴン入りでも S 止まり)
  9677. \t\t\tif (/Low-?E/i.test(n)) return 'S';
  9678. \t\t\t// 一般複層 / ブラインドイン複層 / 複層強化 など Low-E 無しの複層は補助対象外
  9679. \t\t\treturn null;
  9680. \t\t}
  9682. \t\t/**
  9683. \t\t * 幅 mm × 高さ mm からサイズ区分 'G' (≥4.0㎡) / 'L' (2.8-3.9) / 'M' (1.6-2.7) / 'S' (0.2-1.5) / null.
  9684. \t\t * null = 補助対象外 (0.2㎡ 未満).
  9685. \t\t */
  9686. \t\tfunction detectSizeClass(w_mm, h_mm) {
  9687. \t\t\tvar w = parseFloat(w_mm) || 0;
  9688. \t\t\tvar h = parseFloat(h_mm) || 0;
  9689. \t\t\tif (w <= 0 || h <= 0) return null;
  9690. \t\t\tvar area = (w * h) / 1000000.0;
  9691. \t\t\tif (area < 0.2) return null;
  9692. \t\t\tif (area < 1.6) return 'S';
  9693. \t\t\tif (area < 2.8) return 'M';
  9694. \t\t\tif (area < 4.0) return 'L';
  9695. \t\t\treturn 'G';
  9696. \t\t}
  9698. \t\tfunction lookupSubsidyAmount(performance, sizeClass) {
  9699. \t\t\tif (!performance || !sizeClass) return 0;
  9700. \t\t\tvar t = WINDOW_SUBSIDY_MATRIX[getCurrentHousingKey()];
  9701. \t\t\tif (!t || !t[performance]) return 0;
  9702. \t\t\treturn t[performance][sizeClass] || 0;
  9703. \t\t}
  9705. \t\t/**
  9706. \t\t * mm 入力値を ladder バケット文字列に変換する.
  9707. \t\t *   bucketizeMm(1750, [\"100cm まで\",\"150cm まで\",\"200cm まで\",\"300cm まで\"]) → \"200cm まで\"
  9708. \t\t * - 入力が空 or 0 のときはそのまま返す (未入力扱い)
  9709. \t\t * - 入力がラダー最大を超えるときは最大バケットを返す (= 価格上限の保護)
  9710. \t\t * - 入力文字列が既にラダーラベルそのものなら無変換 (互換のため)
  9711. \t\t */
  9712. \t\tfunction bucketizeMm(input, ladder) {
  9713. \t\t\tif (!input && input !== 0) return '';
  9714. \t\t\tif (!ladder || ladder.length === 0) return input;
  9715. \t\t\tvar s = String(input).trim();
  9716. \t\t\tif (s === '') return '';
  9717. \t\t\tif (ladder.indexOf(s) >= 0) return s;
  9718. \t\t\tvar mm = parseMm(s);
  9719. \t\t\tif (mm <= 0) return s;
  9720. \t\t\tvar withMax = ladder.map(function(b) { return { label: b, max: parseMm(b) }; });
  9721. \t\t\twithMax.sort(function(a, b) { return a.max - b.max; });
  9722. \t\t\tfor (var i = 0; i < withMax.length; i++) {
  9723. \t\t\t\tif (mm <= withMax[i].max) return withMax[i].label;
  9724. \t\t\t}
  9725. \t\t\treturn withMax[withMax.length - 1].label;
  9726. \t\t}
  9728. \t\t/**
  9729. \t\t * pp 配列から該当 1 行を返す. 完全一致優先、見つからなければ最初の候補.
  9730. \t\t * 軸: subtype (option1) / w / h / m / c. axisMatch は既存ロジックと同じ.
  9731. \t\t * sale_type=2 では pw_val / ph_val に mm 数値が来るため、内部で bucketizeMm
  9732. \t\t * を通してから既存マッチングに渡す.
  9733. \t\t */
  9734. \t\tfunction lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val) {
  9735. \t\t\tif (!pp || pp.length === 0) return null;
  9736. \t\t\tvar pw_bucket = bucketizeMm(pw_val, PP_W_LADDER);
  9737. \t\t\tvar ph_bucket = bucketizeMm(ph_val, PP_H_LADDER);
  9738. \t\t\tvar axMatch = function(input, value) {
  9739. \t\t\t\treturn input == value || input === '指定なし' || value === '' || value == null;
  9740. \t\t\t};
  9741. \t\t\tvar colMatch = function(input, value) {
  9742. \t\t\t\tif (axMatch(input, value)) return true;
  9743. \t\t\t\tif (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  9744. \t\t\t\t\treturn value.split('/').some(function(s) { return s.trim() === input; });
  9745. \t\t\t\t}
  9746. \t\t\t\treturn false;
  9747. \t\t\t};
  9748. \t\t\tvar candidates = pp.filter(function(el) {
  9749. \t\t\t\treturn axMatch(pw_bucket, el.w)
  9750. \t\t\t\t\t&& axMatch(ph_bucket, el.h)
  9751. \t\t\t\t\t&& axMatch(pm_val, el.m)
  9752. \t\t\t\t\t&& axMatch(subtype, el.option1);
  9753. \t\t\t});
  9754. \t\t\tfor (var i = 0; i < candidates.length; i++) {
  9755. \t\t\t\tif (colMatch(pc_val, candidates[i].c)) return candidates[i];
  9756. \t\t\t}
  9757. \t\t\treturn candidates[0] || null;
  9758. \t\t}
  9760. \t\t/**
  9761. \t\t * \"1000mm\" / \"200cm\" / \"1.0m\" / 単位なし → mm に正規化して返す.
  9762. \t\t * UI 上の「200cm まで」等の文字列をそのまま渡せるようにする.
  9763. \t\t */
  9764. \t\tfunction parseMm(s) {
  9765. \t\t\tif (!s) return 0;
  9766. \t\t\tvar str = String(s);
  9767. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)/);
  9768. \t\t\tif (!m) return 0;
  9769. \t\t\tvar num = parseFloat(m[1]);
  9770. \t\t\tif (/mm/i.test(str)) return num;
  9771. \t\t\tif (/cm/i.test(str)) return num * 10;
  9772. \t\t\tif (/(^|\\d)\\s*m(\$|\\W)/i.test(str)) return num * 1000;
  9773. \t\t\treturn num;
  9774. \t\t}
  9776. \t\t/**
  9777. \t\t * 1 タイプブロックから入力を読み、pp lookup → 単価・補助金額を計算して返す.
  9778. \t\t * incomplete=true: 軸のどれかが未選択 → 計算しない (UI で「未選択」を示すため).
  9779. \t\t */
  9780. \t\tfunction collectWindowTypeRow(block) {
  9781. \t\t\tvar get = function(axis) {
  9782. \t\t\t\t// radio / checkbox は :checked、それ以外 (number/text) は値そのまま.
  9783. \t\t\t\tvar radio = block.querySelector('input[data-axis=\"' + axis + '\"]:checked');
  9784. \t\t\t\tif (radio) return radio.value;
  9785. \t\t\t\tvar any = block.querySelector('input[data-axis=\"' + axis + '\"]');
  9786. \t\t\t\tif (!any) return '';
  9787. \t\t\t\tif (any.type === 'radio' || any.type === 'checkbox') return '';
  9788. \t\t\t\treturn (any.value || '').trim();
  9789. \t\t\t};
  9790. \t\t\tvar setqtyEl = block.querySelector('input[data-axis=\"setqty\"]');
  9791. \t\t\tvar subtype = get('subtype');
  9792. \t\t\tvar pw_val  = get('pw');
  9793. \t\t\tvar ph_val  = get('ph');
  9794. \t\t\tvar pm_val  = get('pm');
  9795. \t\t\tvar pc_val  = get('pc');
  9796. \t\t\tvar setqty  = setqtyEl ? Math.max(1, parseInt(setqtyEl.value) || 1) : 1;
  9798. \t\t\tvar row = {
  9799. \t\t\t\tsubtype: subtype, pw: pw_val, ph: ph_val, pm: pm_val, pc: pc_val, setqty: setqty,
  9800. \t\t\t\tunit_price_exc: 0, unit_ct_exc: 0, subsidy: 0,
  9801. \t\t\t\tsize_class: null, glass_perf: null,
  9802. \t\t\t\tincomplete: false
  9803. \t\t\t};
  9805. \t\t\t// p_option1 / p_w / p_h / p_m / color のいずれかが商品データに無いときは未選択でも完了扱いにする.
  9806. \t\t\t// (例: 商品によっては subtype が無い場合がある)
  9807. \t\t\tvar hasSubtype = !!block.querySelector('input[data-axis=\"subtype\"]');
  9808. \t\t\tvar hasPw      = !!block.querySelector('input[data-axis=\"pw\"]');
  9809. \t\t\tvar hasPh      = !!block.querySelector('input[data-axis=\"ph\"]');
  9810. \t\t\tvar hasPm      = !!block.querySelector('input[data-axis=\"pm\"]');
  9811. \t\t\tvar hasPc      = !!block.querySelector('input[data-axis=\"pc\"]');
  9813. \t\t\tif ((hasSubtype && !subtype) || (hasPw && !pw_val) || (hasPh && !ph_val)
  9814. \t\t\t    || (hasPm && !pm_val)  || (hasPc && !pc_val)) {
  9815. \t\t\t\trow.incomplete = true;
  9816. \t\t\t\treturn row;
  9817. \t\t\t}
  9819. \t\t\tvar ppRow = lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val);
  9820. \t\t\tif (ppRow) {
  9821. \t\t\t\trow.unit_price_exc = parseInt(ppRow.price) || 0;
  9822. \t\t\t\trow.unit_ct_exc    = parseInt(ppRow.ct)    || 0;
  9823. \t\t\t}
  9824. \t\t\t// ガラス名検出 → シリーズ上限 → subtype 上限 → 商品上限 の順で min クリップ.
  9825. \t\t\t// 例: LiteU (SERIES_GRADE_CAP_VAL=null) は Low-E でも null に落ちて補助対象外.
  9826. \t\t\t// 例: ウチリモの「内開き窓」subtype は真空ガラスでも S に落ちる.
  9827. \t\t\trow.glass_perf = finalizeGlassGrade(detectGlassPerformance(pm_val), subtype, pm_val);
  9828. \t\t\trow.size_class = detectSizeClass(parseMm(pw_val), parseMm(ph_val));
  9829. \t\t\trow.subsidy    = lookupSubsidyAmount(row.glass_perf, row.size_class);
  9830. \t\t\treturn row;
  9831. \t\t}
  9833. \t\t/**
  9834. \t\t * sale_type=2 用集計: 全タイプから合計を出し DOM 更新.
  9835. \t\t * 計算式 (税抜→税込で出口で 1.10 倍):
  9836. \t\t *   商品金額 = Σ(各タイプ単価 × set_qty)
  9837. \t\t *   基本工事費 = 1 回分 (各タイプ pp.ct のうち最初に得た非ゼロ値)
  9838. \t\t *   補助金合計 = Σ(各タイプ補助金 × set_qty)
  9839. \t\t *   実質支払額 = (商品+ct+option) 税込 - 補助金合計
  9840. \t\t */
  9841. \t\tfunction recalcAllForSaleType2() {
  9842. \t\t\tif (typeof SALE_TYPE_ID === 'undefined' || SALE_TYPE_ID != 2) return;
  9843. \t\t\tif (!pp || pp.length === 0) {
  9844. \t\t\t\t\$('#mitsumori_message').text('価格データ準備中');
  9845. \t\t\t\t\$('#mitsumori_btn').hide();
  9846. \t\t\t\t['#mitsumori_goukei','#mitsumori_off','#mitsumori_price','#maker_price',
  9847. \t\t\t\t '#mitsumori_ct','#mitsumori_option','#mitsumori_kei','#mitsumori_shoukei','#mitsumori_tax']
  9848. \t\t\t\t .forEach(function(s){ \$(s).text('---円'); });
  9849. \t\t\t\treturn;
  9850. \t\t\t}
  9851. \t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  9852. \t\t\tif (blocks.length === 0) return;
  9854. \t\t\tvar rows = [];
  9855. \t\t\tvar hasIncomplete = false;
  9856. \t\t\tvar baseCt = 0;
  9857. \t\t\tvar hasAnyPriced = false;
  9859. \t\t\tblocks.forEach(function(b) {
  9860. \t\t\t\tvar r = collectWindowTypeRow(b);
  9861. \t\t\t\trows.push({ block: b, row: r });
  9862. \t\t\t\tif (r.incomplete) hasIncomplete = true;
  9863. \t\t\t\tif (r.unit_ct_exc > 0 && baseCt === 0) baseCt = r.unit_ct_exc;
  9864. \t\t\t\tif (r.unit_price_exc > 0) hasAnyPriced = true;
  9865. \t\t\t\tvar subSpan = b.querySelector('.wt-subsidy-amount');
  9866. \t\t\t\tif (subSpan) subSpan.textContent = r.incomplete ? '―' : Math.round(r.subsidy * r.setqty).toLocaleString();
  9867. \t\t\t});
  9869. \t\t\tif (hasIncomplete || !hasAnyPriced) {
  9870. \t\t\t\t\$('#mitsumori_message').text('窓タイプを選択してください');
  9871. \t\t\t\t\$('#mitsumori_btn').hide();
  9872. \t\t\t\treturn;
  9873. \t\t\t}
  9875. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9876. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  9878. \t\t\tvar sumPriceExc = 0, sumSubsidy = 0, totalPanes = 0;
  9879. \t\t\trows.forEach(function(item) {
  9880. \t\t\t\tvar r = item.row;
  9881. \t\t\t\tsumPriceExc += r.unit_price_exc * r.setqty;
  9882. \t\t\t\tsumSubsidy  += r.subsidy * r.setqty;
  9883. \t\t\t\tif (r.unit_price_exc > 0) totalPanes += r.setqty;
  9884. \t\t\t});
  9886. \t\t\t// 内窓 工事費（顧客最終回答）: 1枚目 22,000円 + 2枚目以降 1枚あたり +5,000円（税込表示額）。
  9887. \t\t\t// 既存パイプライン整合のため税抜(ctExc)も用意（税行 taxAmt 用）。商品購入のみは 0。
  9888. \t\t\tvar WINDOW_CT_BASE = 22000, WINDOW_CT_ADD = 5000;
  9889. \t\t\tvar ctIncTarget = purchaseOnly ? 0 : (WINDOW_CT_BASE + Math.max(0, totalPanes - 1) * WINDOW_CT_ADD);
  9890. \t\t\tvar ctExc  = purchaseOnly ? 0 : Math.round(ctIncTarget / (1 + TAX_RATE));
  9891. \t\t\tvar optExc = purchaseOnly ? 0 : (collectOptions().total || 0);
  9893. \t\t\tvar sumPriceInc = Math.round(sumPriceExc * (1 + TAX_RATE));
  9894. \t\t\tvar ctInc       = ctIncTarget;
  9895. \t\t\tvar optInc      = Math.round(optExc * (1 + TAX_RATE));
  9896. \t\t\tvar goukeiInc   = sumPriceInc + ctInc + optInc;
  9898. \t\t\t// 窓リノベ2026 申請条件:
  9899. \t\t\t//   - 補助金合計 ≥ 50,000 円 (5 万円未満は申請不可 → 還元 0 円扱い)
  9900. \t\t\t//   - 1 戸あたり上限 1,000,000 円 (住宅・非住宅240㎡以下)
  9901. \t\t\t//     ※ 非住宅 240㎡超の 10,000,000 円上限は対象外 (商品設計時に別扱い想定)
  9902. \t\t\tvar SUBSIDY_MIN_AMOUNT = 50000;
  9903. \t\t\tvar SUBSIDY_MAX_PER_UNIT = 1000000;
  9904. \t\t\tvar subsidyRawSum = sumSubsidy;
  9905. \t\t\tvar subsidyEligible = subsidyRawSum >= SUBSIDY_MIN_AMOUNT;
  9906. \t\t\tvar subsidyAmt = 0;
  9907. \t\t\tvar subsidyNote = '';
  9908. \t\t\tif (subsidyEligible) {
  9909. \t\t\t\tif (subsidyRawSum > SUBSIDY_MAX_PER_UNIT) {
  9910. \t\t\t\t\tsubsidyAmt = SUBSIDY_MAX_PER_UNIT;
  9911. \t\t\t\t\tsubsidyNote = '※補助上限 ' + SUBSIDY_MAX_PER_UNIT.toLocaleString()
  9912. \t\t\t\t\t\t+ '円 超過分は控除対象外（補助金合計 ' + subsidyRawSum.toLocaleString() + '円）';
  9913. \t\t\t\t} else {
  9914. \t\t\t\t\tsubsidyAmt = subsidyRawSum;
  9915. \t\t\t\t\tsubsidyNote = '※補助金合計 ' + subsidyRawSum.toLocaleString()
  9916. \t\t\t\t\t\t+ '円（5万円以上）が適用されます';
  9917. \t\t\t\t}
  9918. \t\t\t} else if (subsidyRawSum > 0) {
  9919. \t\t\t\t// (b) per-window 補助金額は常時表示。合計5万円以上で適用される旨と
  9920. \t\t\t\t//     あといくらで適用かを明示する（閾値 SUBSIDY_MIN_AMOUNT は据え置き）。
  9921. \t\t\t\tvar subsidyShort = SUBSIDY_MIN_AMOUNT - subsidyRawSum;
  9922. \t\t\t\tsubsidyNote = '※補助金は各窓の補助金額の合計が5万円以上で適用されます'
  9923. \t\t\t\t\t+ '（現在の合計 ' + subsidyRawSum.toLocaleString() + '円 / あと '
  9924. \t\t\t\t\t+ subsidyShort.toLocaleString() + '円で適用）';
  9925. \t\t\t} else if (SERIES_GRADE_CAP_VAL === null) {
  9926. \t\t\t\t// LiteU 等の単板構成シリーズ: グレード判定で必ず null になる
  9927. \t\t\t\tsubsidyNote = '※本商品は補助金（先進的窓リノベ2026事業）対象外です';
  9928. \t\t\t} else if (PRODUCT_GRADE_CAP === null) {
  9929. \t\t\t\tsubsidyNote = '※本商品は補助金対象外として登録されています';
  9930. \t\t\t}
  9932. \t\t\tvar implementedInc = Math.max(0, goukeiInc - subsidyAmt);
  9933. \t\t\tvar taxAmt      = Math.round((sumPriceExc + ctExc + optExc) * TAX_RATE);
  9935. \t\t\t// 詳細ページの見積カード/ヘッダー/SPバーは税抜表示に統一.
  9936. \t\t\t// 見積書(#mitsumori_kei)・実質支払額(#mitsumori_shoukei)・税額・json は税込のまま (請求額不変).
  9937. \t\t\tvar goukeiExc = sumPriceExc + ctExc + optExc;
  9938. \t\t\t\$('#mitsumori_message').text(subsidyNote);
  9939. \t\t\t\$('#mitsumori_btn').show();
  9940. \t\t\t\$('#mitsumori_goukei').text(goukeiExc.toLocaleString() + '円');
  9941. \t\t\t\$('#mitsumori_price').text(sumPriceExc.toLocaleString() + '円');
  9942. \t\t\t\$('#mitsumori_ct').text(ctExc.toLocaleString() + '円');
  9943. \t\t\t\$('#mitsumori_option').text(optExc.toLocaleString() + '円');
  9944. \t\t\t\$('#mitsumori_off').text((subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円');
  9945. \t\t\t\$('#maker_price').text('---円'); // 補助金窓では未使用
  9946. \t\t\t\$('#mitsumori_kei').text(goukeiInc.toLocaleString() + '円');
  9947. \t\t\t\$('#mitsumori_shoukei').text(implementedInc.toLocaleString() + '円');
  9948. \t\t\t\$('#mitsumori_tax').text(taxAmt.toLocaleString() + '円');
  9950. \t\t\t// 内訳を mitsumori_json に詰めて hidden input にセット (PDF / カート連携用)
  9951. \t\t\tvar window_types = rows.map(function(item) {
  9952. \t\t\t\tvar r = item.row;
  9953. \t\t\t\t// 幅 / 高さは数値入力 (mm) が来るので \"1750mm\" 形式で保存する.
  9954. \t\t\t\t// 古い radio 由来の \"200cm まで\" 形式が来た場合はそのまま保存して互換.
  9955. \t\t\t\tvar w_mm = parseMm(r.pw);
  9956. \t\t\t\tvar h_mm = parseMm(r.ph);
  9957. \t\t\t\tvar w_save = (w_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.pw))) ? (w_mm + 'mm') : r.pw;
  9958. \t\t\t\tvar h_save = (h_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.ph))) ? (h_mm + 'mm') : r.ph;
  9959. \t\t\t\treturn {
  9960. \t\t\t\t\tsubtype:        r.subtype,
  9961. \t\t\t\t\tw:              w_save,
  9962. \t\t\t\t\th:              h_save,
  9963. \t\t\t\t\tglass:          r.pm,
  9964. \t\t\t\t\tcolor:          r.pc,
  9965. \t\t\t\t\tsetqty:         r.setqty,
  9966. \t\t\t\t\tunit_price_inc: Math.round(r.unit_price_exc * (1 + TAX_RATE)),
  9967. \t\t\t\t\tline_total_inc: Math.round(r.unit_price_exc * r.setqty * (1 + TAX_RATE)),
  9968. \t\t\t\t\tsize_class:     r.size_class,
  9969. \t\t\t\t\tglass_perf:     r.glass_perf,
  9970. \t\t\t\t\tsubsidy_unit:   r.subsidy,
  9971. \t\t\t\t\tsubsidy_total:  r.subsidy * r.setqty
  9972. \t\t\t\t};
  9973. \t\t\t});
  9974. \t\t\tvar opCalc2 = collectOptions();
  9975. \t\t\tvar mitsumori_json = {
  9976. \t\t\t\t\"mitsumori_goukei\": goukeiInc.toLocaleString() + '円',
  9977. \t\t\t\t\"mitsumori_price\":  sumPriceInc.toLocaleString() + '円',
  9978. \t\t\t\t\"mitsumori_ct\":     ctInc.toLocaleString() + '円',
  9979. \t\t\t\t\"mitsumori_option\": optInc.toLocaleString() + '円',
  9980. \t\t\t\t\"mitsumori_off\":    (subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円',
  9981. \t\t\t\t\"maker_price\":      '---円',
  9982. \t\t\t\t\"product_id\":       {{ Product.id }},
  9983. \t\t\t\t\"sale_type\":        SALE_TYPE_ID,
  9984. \t\t\t\t\"housing_key\":      getCurrentHousingKey(),
  9985. \t\t\t\t\"series_key\":       DETECTED_SERIES,
  9986. \t\t\t\t\"series_grade_cap\": (SERIES_GRADE_CAP_VAL === undefined) ? null : SERIES_GRADE_CAP_VAL,
  9987. \t\t\t\t\"product_grade_cap\":(PRODUCT_GRADE_CAP    === undefined) ? null : PRODUCT_GRADE_CAP,
  9988. \t\t\t\t\"window_types\":     window_types,
  9989. \t\t\t\t\"subsidy_total\":    subsidyAmt,
  9990. \t\t\t\t\"subsidy_raw\":      subsidyRawSum,
  9991. \t\t\t\t\"subsidy_eligible\": subsidyEligible,
  9992. \t\t\t\t\"subsidy_note\":     subsidyNote,
  9993. \t\t\t\t\"op_items\":         opCalc2.items
  9994. \t\t\t};
  9995. \t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  9996. \t\t\trenderWindowTypesModalRows(window_types, subsidyAmt);
  9997. \t\t}
  9999. \t\t/**
  10000. \t\t * sale_type=2 用: 見積モーダル明細テーブルを window_types で動的展開.
  10001. \t\t * - 既存の商品名行 (1 行目) は hide() し、各タイプ行を上に挿入
  10002. \t\t * - 基本工事費行はそのまま (#mitsumori_ct_01 / _02 が更新されている)
  10003. \t\t * - 補助金 (割引額) 行を末尾に追加
  10004. \t\t * - 既存の renderOptionDetailRows と共存できるよう class で区別
  10005. \t\t */
  10006. \t\tfunction renderWindowTypesModalRows(window_types, subsidyAmt) {
  10007. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  10008. \t\t\tif (!\$tbody.length) return;
  10009. \t\t\t// 既存の動的行を全削除 (opt-row は既存実装、wt-row / wt-subsidy-row は今回追加)
  10010. \t\t\t\$tbody.find('tr.wt-row, tr.wt-subsidy-row').remove();
  10012. \t\t\tvar \$itemRow = \$tbody.find('tr').first();
  10013. \t\t\tvar fmt = new Intl.NumberFormat('ja-JP');
  10015. \t\t\tif (!window_types || window_types.length === 0) {
  10016. \t\t\t\t// 集計対象なし → 商品名行を表示に戻す
  10017. \t\t\t\t\$itemRow.show();
  10018. \t\t\t\treturn;
  10019. \t\t\t}
  10021. \t\t\twindow_types.forEach(function(wt, i) {
  10022. \t\t\t\tvar label = '窓タイプ' + (i + 1) + '：'
  10023. \t\t\t\t\t+ (wt.subtype || '') + ' / '
  10024. \t\t\t\t\t+ (wt.w || '') + '×' + (wt.h || '') + ' / '
  10025. \t\t\t\t\t+ (wt.glass || '') + ' / '
  10026. \t\t\t\t\t+ (wt.color || '');
  10027. \t\t\t\tvar \$tr = \$('<tr class=\"wt-row\"></tr>')
  10028. \t\t\t\t\t.append('<td>' + label + '</td>')
  10029. \t\t\t\t\t.append('<td>' + wt.setqty + '</td>')
  10030. \t\t\t\t\t.append('<td>セット</td>')
  10031. \t\t\t\t\t.append('<td>' + fmt.format(wt.unit_price_inc) + '円</td>')
  10032. \t\t\t\t\t.append('<td>' + fmt.format(wt.line_total_inc) + '円</td>');
  10033. \t\t\t\t\$itemRow.before(\$tr);
  10034. \t\t\t});
  10036. \t\t\t// 元の商品名行は複数タイプに置換されたので非表示
  10037. \t\t\t\$itemRow.hide();
  10039. \t\t\t// 補助金（割引額）行を末尾に追加
  10040. \t\t\tif (subsidyAmt > 0) {
  10041. \t\t\t\tvar \$subRow = \$('<tr class=\"wt-subsidy-row\"></tr>')
  10042. \t\t\t\t\t.append('<td>補助金（割引額）</td>')
  10043. \t\t\t\t\t.append('<td>1</td>')
  10044. \t\t\t\t\t.append('<td>式</td>')
  10045. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>')
  10046. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>');
  10047. \t\t\t\t\$tbody.append(\$subRow);
  10048. \t\t\t}
  10049. \t\t}
  10051. \t\t// 公開: onWindowTypeAxisChange (UI 骨格 task 1) からも呼ばれる
  10052. \t\twindow.recalcAll = recalcAllForSaleType2;
  10054. \t\t// 公開: ガラス選択肢が補助金対象か (窓タイプブロック生成時のバッジ判定に使う).
  10055. \t\t// subtype は P→S に落とすことはあっても null にはしないため、性能区分の
  10056. \t\t// 対象/対象外は subtype に依存しない。ここでは series/product 上限のみ適用し、
  10057. \t\t// finalizeGlassGrade が null でなければ「補助金対象ガラス」と判定する。
  10058. \t\twindow.glassYieldsSubsidy = function(glassName) {
  10059. \t\t\tif (!glassName) return false;
  10060. \t\t\treturn finalizeGlassGrade(detectGlassPerformance(glassName), '', glassName) !== null;
  10061. \t\t};
  10063. \t\tfunction mitsumori_simulation(type , value_id){
  10064. \t\t\t// sale_type=2 (補助金窓) は複数タイプ集計 UI に統合済み. 既存 mitsumori_simulation は使わない.
  10065. \t\t\tif (typeof SALE_TYPE_ID !== 'undefined' && SALE_TYPE_ID == 2) {
  10066. \t\t\t\t// type/value_id が op\\d+ (施工オプション) の場合はグローバル変数を先に更新
  10067. \t\t\t\tif (type && /^op\\d+\$/.test(type) && value_id) {
  10068. \t\t\t\t\tvar v = \$('#'+value_id).val();
  10069. \t\t\t\t\tif (type === 'op0')  op0  = v;
  10070. \t\t\t\t\tif (type === 'op1')  op1  = v;
  10071. \t\t\t\t\tif (type === 'op2')  op2  = v;
  10072. \t\t\t\t\tif (type === 'op3')  op3  = v;
  10073. \t\t\t\t\tif (type === 'op4')  op4  = v;
  10074. \t\t\t\t\tif (type === 'op5')  op5  = v;
  10075. \t\t\t\t\tif (type === 'op6')  op6  = v;
  10076. \t\t\t\t\tif (type === 'op7')  op7  = v;
  10077. \t\t\t\t\tif (type === 'op8')  op8  = v;
  10078. \t\t\t\t\tif (type === 'op9')  op9  = v;
  10079. \t\t\t\t\tif (type === 'op10') op10 = v;
  10080. \t\t\t\t}
  10081. \t\t\t\trecalcAllForSaleType2();
  10082. \t\t\t\treturn;
  10083. \t\t\t}
  10085. \t\t\t// 価格データ未登録 (pp 行 0 件) の商品は axis 入力に依存せず
  10086. \t\t\t// 「価格データ準備中」を表示して終了する.
  10087. \t\t\t// (例: scrape 未対象の新規商品 — um のウチリモ 7487/7488 等)
  10088. \t\t\tif (!pp || pp.length === 0) {
  10089. \t\t\t\t\$('#mitsumori_message').text(\"価格データ準備中\");
  10090. \t\t\t\t\$('#mitsumori_btn').hide();
  10091. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  10092. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  10093. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  10094. \t\t\t\t\$('#maker_price').text(\"---円\");
  10095. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  10096. \t\t\t\t\$('#mitsumori_steelroof_row').hide();
  10097. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  10098. \t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  10099. \t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  10100. \t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  10101. \t\t\t\treturn;
  10102. \t\t\t}
  10103. \t\t\tif(type == \"pw\"){
  10104. \t\t\t\tpw = \$('#'+value_id).val();
  10105. \t\t\t}
  10106. \t\t\tif(type == \"pd\"){
  10107. \t\t\t\tpd = \$('#'+value_id).val();
  10108. \t\t\t}
  10109. \t\t\tif(type == \"ph\"){
  10110. \t\t\t\tph = \$('#'+value_id).val();
  10111. \t\t\t}
  10112. \t\t\tif(type == \"pm\"){
  10113. \t\t\t\tpm = \$('#'+value_id).val();
  10114. \t\t\t}
  10115. \t\t\tif(type == \"pc\"){
  10116. \t\t\t\tpc = \$('#'+value_id).val();
  10117. \t\t\t}
  10118. \t\t\tif(type == \"option1\"){
  10119. \t\t\t\toption1 = \$('#'+value_id).val();
  10120. \t\t\t}
  10121. \t\t\tif(type == \"option2\"){
  10122. \t\t\t\toption2 = \$('#'+value_id).val();
  10123. \t\t\t}
  10124. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  10125. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  10126. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  10127. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  10128. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  10129. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  10130. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  10131. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  10132. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  10133. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  10134. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  10136. \t\t\t// op0 が「商品購入のみ」のとき、他のオプション (op1..op10) を disable 化.
  10137. \t\t\t// 価格計算側 (calcGoukei の purchaseOnly 分岐) は既にゼロ化しているが、
  10138. \t\t\t// UI で選択可能に見えるとユーザーが混乱するため radio を完全に無効化する.
  10139. \t\t\t(function applyPurchaseOnlyUI() {
  10140. \t\t\t\tvar isPurchaseOnly = (op0 === '商品購入のみ');
  10141. \t\t\t\tfor (var k = 1; k <= 10; k++) {
  10142. \t\t\t\t\tvar \$inputs = \$('input[name=\"op' + k + '\"]');
  10143. \t\t\t\t\tif (\$inputs.length === 0) continue;
  10144. \t\t\t\t\t\$inputs.prop('disabled', isPurchaseOnly);
  10145. \t\t\t\t\tvar \$group = \$inputs.first().closest('.form-group');
  10146. \t\t\t\t\t\$group.css({
  10147. \t\t\t\t\t\t'opacity':        isPurchaseOnly ? '0.4'  : '1',
  10148. \t\t\t\t\t\t'pointer-events': isPurchaseOnly ? 'none' : 'auto'
  10149. \t\t\t\t\t});
  10150. \t\t\t\t}
  10151. \t\t\t})();
  10153. \t\t\t// 全 type 共通: 該当 radio を checked にし、ボタンの is-selected を付け替え + ラベル更新.
  10154. \t\t\t//   value_id が指定されていて、対応する DOM 要素が opt-btn 配下にあれば適用する.
  10155. \t\t\t//   (icheck-danger 形式から opt-btn 形式に統一した際、option1/option2/pw/pd/ph/pm/pc 等の
  10156. \t\t\t//    クリックで is-selected が更新されない不具合があったため、op\\d+ 限定の処理を一般化)
  10157. \t\t\tif (value_id) {
  10158. \t\t\t\tvar \$clicked = \$('#' + value_id);
  10159. \t\t\t\tif (\$clicked.length && \$clicked.closest('.opt-btn').length) {
  10160. \t\t\t\t\t\$clicked.prop('checked', true);
  10161. \t\t\t\t\tvar groupName = \$clicked.attr('name');
  10162. \t\t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  10163. \t\t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  10164. \t\t\t\t\tvar \$group = \$clicked.closest('.form-group');
  10165. \t\t\t\t\tvar \$label = \$group.find('.rp-section-label');
  10166. \t\t\t\t\tif (\$label.length) {
  10167. \t\t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  10168. \t\t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  10169. \t\t\t\t\t}
  10170. \t\t\t\t\t// op_data の price=0 & 解体/撤去/設置場所 オプションの場合、ON 選択時に「現場調査後に正式お見積もり」文言を表示.
  10171. \t\t\t\t\t//   (twig 側で is_removal_unknown ブロックを描画済み。display 切替のみ JS で行う)
  10172. \t\t\t\t\tif (/^op\\d+\$/.test(type)) {
  10173. \t\t\t\t\t\tvar opIdx = type.replace('op', '');
  10174. \t\t\t\t\t\tvar opEntry = op_data[parseInt(opIdx)];
  10175. \t\t\t\t\t\tif (opEntry) {
  10176. \t\t\t\t\t\t\tvar \$note = \$group.find('.opt-survey-note[data-op-idx=\"' + opIdx + '\"]');
  10177. \t\t\t\t\t\t\tif (\$note.length) {
  10178. \t\t\t\t\t\t\t\tvar isOn = (\$clicked.val() === opEntry.on);
  10179. \t\t\t\t\t\t\t\t\$note.toggle(isOn);
  10180. \t\t\t\t\t\t\t}
  10181. \t\t\t\t\t\t}
  10182. \t\t\t\t\t\t// wd (sale_type=5) のステップ / デッキフェンス用の注記もここで切替.
  10183. \t\t\t\t\t\t//   ステップ → deck_step (op0 だが op_data 範囲外), 必要 選択時に表示.
  10184. \t\t\t\t\t\tvar radioName = \$clicked.attr('name');
  10185. \t\t\t\t\t\tif (radioName === 'deck_step') {
  10186. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-step').toggle(\$clicked.val() === '必要');
  10187. \t\t\t\t\t\t} else if (radioName === 'deck_fence') {
  10188. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-fence').toggle(\$clicked.val() === '必要');
  10189. \t\t\t\t\t\t}
  10190. \t\t\t\t\t}
  10191. \t\t\t\t}
  10192. \t\t\t}
  10194. \t\t\t// 必須項目チェックは sale_type 1 系（カーポート/物置/フェンスなど価格マトリクス必要）に限定
  10195. \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);
  10197. \t\t\t// sale_type=3 (物置・ゴミステーション・照明 等) では「素材」を選択肢として扱わない.
  10198. \t\t\t//   - mo/gs/sy は m が \"指定なし\" など名目的にしか入っていない
  10199. \t\t\t//   - sl は m が空のままで matrix に行が来る
  10200. \t\t\t//   そのため pm の必須チェックを sale_type=3 でスキップする。
  10201. \t\t\tvar pmRequired = (SALE_TYPE_ID != 3);
  10203. \t\t\tif (requireMatrix) {
  10204. \t\t\t\tif(pmRequired && pm == \"\"){
  10205. \t\t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  10206. \t\t\t\t}
  10207. \t\t\t\tif(ph == \"\"){
  10208. \t\t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  10209. \t\t\t\t}
  10210. \t\t\t\tif(pd == \"\"){
  10211. \t\t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  10212. \t\t\t\t}
  10213. \t\t\t\tif(pw == \"\"){
  10214. \t\t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  10215. \t\t\t\t}
  10216. \t\t\t\tif(pc == \"\"){
  10217. \t\t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  10218. \t\t\t\t\t\$('#mitsumori_btn').hide();
  10219. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  10220. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  10221. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  10222. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  10223. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  10224. \t\t\t\t\$('#mitsumori_steelroof_row').hide();
  10225. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  10226. \t\t\t\t}
  10227. \t\t\t}
  10229. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && (!pmRequired || pm != \"\") && pc != \"\"){
  10230. \t\t\t\t\$('#mitsumori_btn').show();
  10232. \t\t\t\t// 入力コンテキスト（sale_type 別パラメータ）
  10233. \t\t\t\tvar ctx = {
  10234. \t\t\t\t\tset_count:    parseInt(\$('#set_count').val())    || 1,
  10235. \t\t\t\t\tdaisu:        parseInt(\$('#daisu').val())        || 1,
  10236. \t\t\t\t\tmaisu:        parseInt(\$('#maisu').val())        || 3,
  10237. \t\t\t\t\tsuuryou:      parseInt(\$('#suuryou').val())      || 1,
  10238. \t\t\t\t\tarea:         (function(){
  10239. \t\t\t\t\t\t// tf(人工芝): 施工サイズ 縦(m)×横(m) から面積を算出し #area に反映.
  10240. \t\t\t\t\t\tvar L = parseFloat(\$('#tf_len').val()) || 0;
  10241. \t\t\t\t\t\tvar W = parseFloat(\$('#tf_wid').val()) || 0;
  10242. \t\t\t\t\t\tif (L > 0 && W > 0) { var a = L * W; \$('#area').val(a); return a; }
  10243. \t\t\t\t\t\treturn parseFloat(\$('#area').val()) || 0;
  10244. \t\t\t\t\t})(),
  10245. \t\t\t\t\ttf_len:       parseFloat(\$('#tf_len').val())     || 0,
  10246. \t\t\t\t\ttf_wid:       parseFloat(\$('#tf_wid').val())     || 0,
  10247. \t\t\t\t\ttf_qty:       parseInt(\$('#tf_qty').val())       || 1,
  10248. \t\t\t\t\tquantityOnly: parseInt(\$('#quantity_only').val())|| 1,
  10249. \t\t\t\t\tmado_w:       \$('#mado_w').val() || '',
  10250. \t\t\t\t\tmado_h:       \$('#mado_h').val() || '',
  10251. \t\t\t\t\tmado_type:    \$('input[name=mado_type]:checked').val()  || '',
  10252. \t\t\t\t\tglass_type:   \$('input[name=glass_type]:checked').val() || '',
  10253. \t\t\t\t\tdeck_step:    \$('input[name=deck_step]:checked').val()  || '',
  10254. \t\t\t\t\tdeck_fence:   \$('input[name=deck_fence]:checked').val() || '',
  10255. \t\t\t\t};
  10257. \t\t\t\t// 施工オプション集計（残土処理を含む）
  10258. \t\t\t\tvar opCalc = collectOptions();
  10260. \t\t\t\tvar pp_matched = false;
  10261. \t\t\t\t// 各軸の汎用 axisMatch:
  10262. \t\t\t\t//   user 選択 == matrix 値 / user \"指定なし\" / matrix 値が空
  10263. \t\t\t\tvar axisMatch = function(input, value){
  10264. \t\t\t\t    return input == value || input == \"指定なし\" || value === \"\" || value == null;
  10265. \t\t\t\t};
  10266. \t\t\t\t// 色専用マッチャー: scraper のデータ形式に合わせて拡張する
  10267. \t\t\t\t//   1. 完全一致 / \"指定なし\" / 値が空 → 真 (axisMatch と同じ)
  10268. \t\t\t\t//   2. matrix 値が \"色1/色2/色3\" の形 (同価格グループ) → split して user 選択が含まれれば真
  10269. \t\t\t\t// scraper のロジック (scraper_price.py L765-779):
  10270. \t\t\t\t//   全色同価格 → c=\"\"、価格違いグループあり → 各 group を \"/\" 結合した色名で 1 行
  10271. \t\t\t\tvar colorMatch = function(input, value){
  10272. \t\t\t\t    if (axisMatch(input, value)) return true;
  10273. \t\t\t\t    if (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  10274. \t\t\t\t        var parts = value.split('/');
  10275. \t\t\t\t        for (var idx = 0; idx < parts.length; idx++) {
  10276. \t\t\t\t            if (parts[idx].trim() === input) return true;
  10277. \t\t\t\t        }
  10278. \t\t\t\t    }
  10279. \t\t\t\t    return false;
  10280. \t\t\t\t};
  10282. \t\t\t\t// 他軸 (w/d/h/m + option1/option2) でマッチする pp 行を抽出.
  10283. \t\t\t\t// option1/option2 は um の subtype 等で使われる. axisMatch は free_area 側が
  10284. \t\t\t\t// 空のとき真を返すので、um 以外のカテゴリ (option 軸を使わない) でも影響なし.
  10285. \t\t\t\tvar candidates = pp.filter(function(el){
  10286. \t\t\t\t    return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m)
  10287. \t\t\t\t        && axisMatch(option1, el.option1) && axisMatch(option2, el.option2);
  10288. \t\t\t\t});
  10289. \t\t\t\t// フォールバック: 全軸一致が 0 件のときに限り option1/option2 を無視して再マッチ。
  10290. \t\t\t\t// 玄関ドア等で option1(なし/ランマ付き)・option2(◯◯タイプ) が pm(開き方) から
  10291. \t\t\t\t// 導出可能な冗長軸で、未選択だと全軸 AND 一致を満たせず価格が出ない事象の救済。
  10292. \t\t\t\t// pm/幅/奥行/高さ は従来どおり一致を要求するため通常商品の価格選択に影響しない。
  10293. \t\t\t\tif (candidates.length === 0) {
  10294. \t\t\t\t    candidates = pp.filter(function(el){
  10295. \t\t\t\t        return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m);
  10296. \t\t\t\t    });
  10297. \t\t\t\t}
  10298. \t\t\t\tvar picked = null;
  10300. \t\t\t\t// 優先 1: 色も含めて完全一致 (\"色1/色2\" 形式の split match を含む)
  10301. \t\t\t\tfor (var ii = 0; ii < candidates.length; ii++) {
  10302. \t\t\t\t    if (colorMatch(pc, candidates[ii].c)) { picked = candidates[ii]; break; }
  10303. \t\t\t\t}
  10305. \t\t\t\t// 優先 2: 完全一致なし & user の pc が候補のどの c 値にも該当しない (= 命名違い等)
  10306. \t\t\t\t//   かつ候補全行で price が一致する場合は、色軸を実質無視して先頭行を採用.
  10307. \t\t\t\t//   例 id=3353: pp.c は \"ステンカラー＋...\" 6種だが price は全て同じなので
  10308. \t\t\t\t//     SM(スミ) を選んでも安全に最初の行の価格を返せる.
  10309. \t\t\t\tif (!picked && candidates.length > 0) {
  10310. \t\t\t\t    var ppCsInCand = candidates.map(function(r){ return r.c || ''; });
  10311. \t\t\t\t    var pcAbsent = (pc !== '' && pc !== '指定なし' && ppCsInCand.indexOf(pc) === -1
  10312. \t\t\t\t                    && ppCsInCand.every(function(v){ return v.indexOf('/') === -1 || v.split('/').map(function(s){return s.trim();}).indexOf(pc) === -1; }));
  10313. \t\t\t\t    if (pcAbsent) {
  10314. \t\t\t\t        var uniqPrices = new Set();
  10315. \t\t\t\t        candidates.forEach(function(r){ uniqPrices.add(String(r.price)); });
  10316. \t\t\t\t        if (uniqPrices.size === 1) {
  10317. \t\t\t\t            // 全候補同価格 → 色軸を wildcard 扱いで OK
  10318. \t\t\t\t            picked = candidates[0];
  10319. \t\t\t\t        }
  10320. \t\t\t\t        // 価格が異なる場合は意図的に picked=null のまま「対応しておりません」.
  10321. \t\t\t\t    }
  10322. \t\t\t\t}
  10323. \t\t\t\t// 請求額・見積書・PDF 用の税込値 (表示は税抜だが json は税込で不変).
  10324. \t\t\t\t// 未マッチ時は '---円' のまま送る.
  10325. \t\t\t\tvar jGoukei = '---円', jGoukei02 = '---円', jPrice = '---円',
  10326. \t\t\t\t    jMaker = '---円', jOff = '---円', jCt = '---円', jOption = '---円';
  10327. \t\t\t\tpp.forEach((el) => {
  10328. \t\t\t\t  if (el === picked) {
  10329. \t\t\t\t\tpp_matched = true;
  10331. \t\t\t\t\t// tg block-keyed オプション差額を集計 (tg 以外は total=0)
  10332. \t\t\t\t\tvar oiCalc = collectOptionItems(el.w || '', el.d || '');
  10333. \t\t\t\t\t// tg ブロックに合わせてラジオを再描画 (tg 以外は no-op)
  10334. \t\t\t\t\trenderOptionItemRadios(el.w || '', el.d || '');
  10335. \t\t\t\t\t// fe ブロックの種類×段数 サブ radio (fe 以外/未設定は no-op)
  10336. \t\t\t\t\trenderFeBlockRadios();
  10337. \t\t\t\t\t// fe ご希望のフェンス設置方法 — 「既存ブロックに穴空け」 entry の連動表示
  10338. \t\t\t\t\tupdateFeOpConditionalVisibility();
  10340. \t\t\t\t\tvar calc       = calcGoukei(el, opCalc.total, ctx);
  10341. \t\t\t\t\tvar goukei     = calc.goukei;     // 税込 (請求額・見積書・PDF 用)
  10342. \t\t\t\t\tvar price      = calc.price;      // 税込
  10343. \t\t\t\t\tvar ct         = calc.ct;         // 税込
  10344. \t\t\t\t\tvar optionSum  = calc.opt;        // 税込
  10345. \t\t\t\t\tvar goukeiExc  = calc.goukeiExc;  // 税抜 (詳細ページ表示専用)
  10346. \t\t\t\t\tvar priceExc   = calc.priceExc;   // 税抜
  10347. \t\t\t\t\tvar ctExc      = calc.ctExc;      // 税抜
  10348. \t\t\t\t\tvar optionExc  = calc.optExc;     // 税抜
  10349. \t\t\t\t\t// tf(人工芝): 必要枚数入力へ算出結果を反映（施工サイズ入力時は上書き、
  10350. \t\t\t\t\t// 直接指定時は同値なので実質変化なし。要素が無い sale_type では no-op）
  10351. \t\t\t\t\tvar \$tfQty = \$('#tf_qty');
  10352. \t\t\t\t\tif (\$tfQty.length) \$tfQty.val(calc.qty || 1);
  10353. \t\t\t\t\t// オプション差額は税抜 → 税込に変換して合計に加算
  10354. \t\t\t\t\tvar oiIncTax   = toIncTax(oiCalc.total);
  10355. \t\t\t\t\tgoukei += oiIncTax;
  10356. \t\t\t\t\tprice  += oiIncTax;  // 差額は本体価格扱いとして mitsumori_price にも加算
  10357. \t\t\t\t\tgoukeiExc += oiCalc.total;  // 税抜側にも同じ差額を加算
  10358. \t\t\t\t\tpriceExc  += oiCalc.total;
  10359. \t\t\t\t\t// maker_price も scraper が税抜で保存しているため税込に変換
  10360. \t\t\t\tvar makerPrice = toIncTax(parseInt(el.maker_price) || 0);      // 税込
  10361. \t\t\t\t\tvar makerPriceExc = parseInt(el.maker_price) || 0;           // 税抜
  10363. \t\t\t\t\t// 表示 (詳細ページの見積カード/ヘッダー/SPバー) は税抜に統一.
  10364. \t\t\t\t\t\$('#mitsumori_message').text(formatter.format(goukeiExc) + \"円\");
  10365. \t\t\t\t\t\$('#mitsumori_goukei').text(formatter.format(goukeiExc) + \"円\");
  10366. \t\t\t\t\t\$('#mitsumori_off').text(formatter.format(priceExc - makerPriceExc) + \"円\");
  10367. \t\t\t\t\t\$('#mitsumori_price').text(formatter.format(priceExc) + \"円\");
  10368. \t\t\t\t\t\$('#maker_price').text(formatter.format(makerPriceExc) + \"円\");
  10369. \t\t\t\t\t\$('#mitsumori_ct').text(formatter.format(ctExc) + \"円\");
  10370. \t\t\t\t\t\$('#mitsumori_option').text(formatter.format(optionExc) + \"円\");
  10371. \t\t\t\t\t// スチール折板（折半屋根 = option1）: cp 折板のみ非ゼロ。工事費内に別行表示。
  10372. \t\t\t\t\tvar steelRoofExc = calc.steelRoofExc || 0;
  10373. \t\t\t\t\tif (steelRoofExc > 0) { \$('#mitsumori_steelroof_row').show(); \$('#mitsumori_steelroof').text(formatter.format(steelRoofExc) + \"円\"); }
  10374. \t\t\t\t\telse { \$('#mitsumori_steelroof_row').hide(); }
  10376. \t\t\t\t\t// 見積書モーダルは正式帳票のため税込のまま (請求額と一致).
  10377. \t\t\t\t\t\$('#mitsumori_kei').text(formatter.format(goukei) + \"円\");
  10378. \t\t\t\t\t\$('#mitsumori_price_01').text(formatter.format(price) + \"円\");
  10379. \t\t\t\t\t\$('#mitsumori_price_02').text(formatter.format(price) + \"円\");
  10380. \t\t\t\t\t\$('#mitsumori_ct_01').text(formatter.format(ct) + \"円\");
  10381. \t\t\t\t\t\$('#mitsumori_ct_02').text(formatter.format(ct) + \"円\");
  10382. \t\t\t\t\t\$('#mitsumori_goukei_02').text(formatter.format(goukei) + \"円\");
  10384. \t\t\t\t\tvar shoukei = goukei / 1.1;
  10385. \t\t\t\t\tvar tax     = parseInt(goukei - shoukei);
  10386. \t\t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  10387. \t\t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + \"円\");
  10389. \t\t\t\t\t// 請求額・PDF 用 json は税込を保持 (表示 DOM が税抜でも請求額は不変).
  10390. \t\t\t\t\tjGoukei   = formatter.format(goukei) + \"円\";
  10391. \t\t\t\t\tjGoukei02 = formatter.format(goukei) + \"円\";
  10392. \t\t\t\t\tjPrice    = formatter.format(price) + \"円\";
  10393. \t\t\t\t\tjMaker    = formatter.format(makerPrice) + \"円\";
  10394. \t\t\t\t\tjOff      = formatter.format(price - makerPrice) + \"円\";
  10395. \t\t\t\t\tjCt       = formatter.format(ct) + \"円\";
  10396. \t\t\t\t\tjOption   = formatter.format(optionSum) + \"円\";
  10398. \t\t\t\t\t// PDF 明細用：オプション内訳テーブルを差し込む (施工オプション + tg block オプション)
  10399. \t\t\t\t\trenderOptionDetailRows(opCalc.items.concat(oiCalc.items.map(function(it){
  10400. \t\t\t\t\t\treturn { name: it.name, value: it.label, price: it.diff };
  10401. \t\t\t\t\t})));
  10402. \t\t\t\t  }
  10403. \t\t\t\t});
  10405. \t\t\t\tif (!pp_matched) {
  10406. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  10407. \t\t\t\t\t\$('#mitsumori_btn').hide();
  10408. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  10409. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  10410. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  10411. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  10412. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  10413. \t\t\t\t\$('#mitsumori_steelroof_row').hide();
  10414. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  10415. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  10416. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  10417. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  10418. \t\t\t\t}
  10420. \t\t\t\t// mitsumori_json: バック側に送信する見積データ
  10421. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": jGoukei,
  10422. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": jGoukei02,
  10423. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": jPrice,
  10424. \t\t\t\t\t\t\t\t\t\t\"maker_price\": jMaker,
  10425. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": jOff,
  10426. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": jCt,
  10427. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": jOption,
  10428. \t\t\t\t\t\t\t\t\t\t\"product_id\": {{ Product.id }},
  10429. \t\t\t\t\t\t\t\t\t\t\"sale_type\": SALE_TYPE_ID,
  10430. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  10431. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  10432. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  10433. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  10434. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  10435. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  10436. \t\t\t\t\t\t\t\t\t\t\"op_items\": opCalc.items,
  10437. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     ctx.mado_w,
  10438. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     ctx.mado_h,
  10439. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  ctx.mado_type,
  10440. \t\t\t\t\t\t\t\t\t\t\"glass_type\": ctx.glass_type,
  10441. \t\t\t\t\t\t\t\t\t\t\"set_count\":  ctx.set_count,
  10442. \t\t\t\t\t\t\t\t\t\t\"daisu\":      ctx.daisu,
  10443. \t\t\t\t\t\t\t\t\t\t\"maisu\":      ctx.maisu,
  10444. \t\t\t\t\t\t\t\t\t\t\"suuryou\":    ctx.suuryou,
  10445. \t\t\t\t\t\t\t\t\t\t\"area\":       ctx.area,
  10446. \t\t\t\t\t\t\t\t\t\t\"tf_len\":     ctx.tf_len,
  10447. \t\t\t\t\t\t\t\t\t\t\"tf_wid\":     ctx.tf_wid,
  10448. \t\t\t\t\t\t\t\t\t\t\"tf_qty\":     \$('#tf_qty').val(),
  10449. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  ctx.deck_step,
  10450. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": ctx.deck_fence };
  10452. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  10453. \t\t\t}
  10454. \t\t}
  10456. \t\t// PDF/モーダル明細の動的差し替え（基本工事費の次にオプション行を追加）
  10457. \t\tfunction renderOptionDetailRows(items) {
  10458. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  10459. \t\t\tif (!\$tbody.length) return;
  10460. \t\t\t\$tbody.find('tr.opt-row').remove();
  10461. \t\t\tvar anchorRow = \$tbody.find('tr').filter(function(){
  10462. \t\t\t\treturn \$(this).find('td:first').text().indexOf('残土') !== -1
  10463. \t\t\t\t\t|| \$(this).find('td:first').text().indexOf('基本工事費') !== -1;
  10464. \t\t\t}).last();
  10465. \t\t\titems.forEach(function(it){
  10466. \t\t\t\tif (!it.name || !it.value) return;
  10467. \t\t\t\tvar priceTxt = it.price > 0
  10468. \t\t\t\t\t? formatter.format(it.price) + '円'
  10469. \t\t\t\t\t: '0円';
  10470. \t\t\t\tvar \$tr = \$('<tr class=\"opt-row\"></tr>')
  10471. \t\t\t\t\t.append('<td>' + it.name + '：' + it.value + '</td>')
  10472. \t\t\t\t\t.append('<td>1</td>')
  10473. \t\t\t\t\t.append('<td>式</td>')
  10474. \t\t\t\t\t.append('<td>' + priceTxt + '</td>')
  10475. \t\t\t\t\t.append('<td>' + (it.price > 0 ? formatter.format(it.price) + '円' : '') + '</td>');
  10476. \t\t\t\tif (anchorRow.length) {
  10477. \t\t\t\t\tanchorRow.after(\$tr);
  10478. \t\t\t\t\tanchorRow = \$tr;
  10479. \t\t\t\t} else {
  10480. \t\t\t\t\t\$tbody.append(\$tr);
  10481. \t\t\t\t}
  10482. \t\t\t});
  10483. \t\t}
  10485. \t\t// 見積書モーダルを開く直前に、右側「現在のお見積り額」パネルの表示値を
  10486. \t\t// モーダル内の対応 ID にコピーして金額の食い違いを防ぐ。
  10487. \t\t// pw/pd/ph/pm が未選択で mitsumori_simulation の full update に到達しない場合でも、
  10488. \t\t// パネル側の値（HTML 静的初期値 or 直近の simulation 結果）が modal にも反映される。
  10489. \t\tfunction syncMitsumoriModalFromPanel() {
  10490. \t\t\t// 見積カード表示は税抜だが、見積書モーダルは正式帳票として税込で出す.
  10491. \t\t\t// 請求と一致する税込値は hidden #mitsumori_json (税込のまま構築) から取得する.
  10492. \t\t\tvar mj = {};
  10493. \t\t\ttry { mj = JSON.parse(\$('#mitsumori_json').val() || '{}') || {}; } catch (e) { mj = {}; }
  10494. \t\t\tvar goukeiText = mj.mitsumori_goukei || '---円';
  10495. \t\t\tvar priceText  = mj.mitsumori_price  || '---円';
  10496. \t\t\tvar ctText     = mj.mitsumori_ct     || '---円';
  10498. \t\t\t\$('#mitsumori_kei').text(goukeiText);
  10499. \t\t\t\$('#mitsumori_price_01').text(priceText);
  10500. \t\t\t\$('#mitsumori_price_02').text(priceText);
  10501. \t\t\t\$('#mitsumori_ct_01').text(ctText);
  10502. \t\t\t\$('#mitsumori_ct_02').text(ctText);
  10503. \t\t\t\$('#mitsumori_goukei_02').text(goukeiText);
  10505. \t\t\t// 小計 / 消費税 は税込 goukei から逆算
  10506. \t\t\tvar num = parseInt(String(goukeiText).replace(/[^\\d-]/g, ''), 10);
  10507. \t\t\tif (!isNaN(num) && num > 0) {
  10508. \t\t\t\tvar shoukei = Math.round(num / 1.1);
  10509. \t\t\t\tvar tax     = num - shoukei;
  10510. \t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(shoukei) + '円');
  10511. \t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + '円');
  10512. \t\t\t} else {
  10513. \t\t\t\t\$('#mitsumori_shoukei').text('---円');
  10514. \t\t\t\t\$('#mitsumori_tax').text('---円');
  10515. \t\t\t}
  10516. \t\t}
  10518. \t\t\$(document).on('show.bs.modal', '#modal-mitsumori', function () {
  10519. \t\t\t// 発行日を表示時点の当日日付に設定（固定ダミー日付の残置防止）
  10520. \t\t\tvar _now = new Date();
  10521. \t\t\tvar _issue = _now.getFullYear() + '/' +
  10522. \t\t\t\t('0' + (_now.getMonth() + 1)).slice(-2) + '/' +
  10523. \t\t\t\t('0' + _now.getDate()).slice(-2);
  10524. \t\t\t\$('#mitsumori_issue_date').text(_issue);
  10525. \t\t\tsyncMitsumoriModalFromPanel();
  10526. \t\t});
  10528.         {# pc の auto-init: pw/pd/ph/pm と同じく p_c（matrix 派生）の length==1 or 全空で「指定なし」化.
  10529.            search_word(color) が空の「複合色」型商品で pc が空のまま放置されて
  10530.            「カラーを選択してください」固定になるバグの修正.
  10531.            search_word に登録された name があれば優先採用. #}
  10532.         {% if p_c and (p_c|length == 1 or p_c|join == \"\") %}
  10533.             pc = \"指定なし\";
  10534.             {% for pc_val in p_c %}{% if pc_val %} pc = \"{{ pc_val }}\"; {% endif %}{% endfor %}
  10535.             {% if color and color|length == 1 %}
  10536.                 {% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  10537.             {% endif %}
  10538.         {% elseif color and color|length == 1 %}
  10539.             pc = \"指定なし\";
  10540. \t\t\t{% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  10541. \t\t{% endif %}
  10543.         {% if p_w and (p_w|length == 1 or p_w|join == \"\") %}
  10544.             pw = \"指定なし\";
  10545. \t\t\t{% for pw in p_w %}{% if pw %} pw = \"{{ pw }}\"; {% endif %}{% endfor %}
  10546. \t\t{% endif %}
  10548.         {% if p_d and (p_d|length == 1 or p_d|join == \"\") %}
  10549.             pd = \"指定なし\";
  10550. \t\t\t{% for pd in p_d %}{% if pd %} pd = \"{{ pd }}\"; {% endif %}{% endfor %}
  10551. \t\t{% endif %}
  10553.         {% if p_h and (p_h|length == 1 or p_h|join == \"\") %}
  10554.             ph = \"指定なし\";
  10555. \t\t\t{% for ph in p_h %}{% if ph %} ph = \"{{ ph }}\"; {% endif %}{% endfor %}
  10556. \t\t{% endif %}
  10558.         {% if p_m and (p_m|length == 1 or p_m|join == \"\") %}
  10559.             pm = \"指定なし\";
  10560. \t\t\t{% for pm in p_m %}{% if pm %} pm = \"{{ pm }}\"; {% endif %}{% endfor %}
  10561. \t\t{% endif %}
  10563.         {# p_option1 / p_option2 の auto-init: length==1 or 全空で JS 変数を埋める #}
  10564.         {% if p_option1 and (p_option1|length == 1 or p_option1|join == \"\") %}
  10565.             option1 = \"\";
  10566. \t\t\t{% for opt1 in p_option1 %}{% if opt1 %} option1 = \"{{ opt1|e('js') }}\"; {% endif %}{% endfor %}
  10567. \t\t{% endif %}
  10569.         {% if p_option2 and (p_option2|length == 1 or p_option2|join == \"\") %}
  10570.             option2 = \"\";
  10571. \t\t\t{% for opt2 in p_option2 %}{% if opt2 %} option2 = \"{{ opt2|e('js') }}\"; {% endif %}{% endfor %}
  10572. \t\t{% endif %}
  10574. \t\t// カラー radio が複数あるとき初期チェックが無いと「カラーを選択してください」固定になるので、
  10575. \t\t// 何もチェックされていなければ「最初の radio」を選択する。
  10576. \t\t// sale_type≠3 は name=\"color\", sale_type=3 は name=\"color3\".
  10577. \t\t//
  10578. \t\t// 注意:
  10579. \t\t//   ・search_word（= radio の値）と pp.c（= matrix の色軸）は別の命名体系のケースがある
  10580. \t\t//     （例 id=3353: radio=\"SM(スミ)\" / pp.c=\"ステンカラー＋セピアブラウン\"）
  10581. \t\t//   ・pp.c に合わせて radio を選ぼうとしても文字列一致しないので無意味。
  10582. \t\t//   ・単純に「先頭の radio」を選ぶ実装に戻し、マッチング側で命名体系違いを吸収する
  10583. \t\t//     （pc が pp.c のどの値にもマッチしないときは色軸を wildcard 扱いにする）。
  10584. \t\t//   ・.rp-section-label のテキストも忘れずに同期する（古い session 値が残ると
  10585. \t\t//     \"ステンカラー＋セピアブラウン\" のような表示と実際の radio が食い違う）。
  10586. \t\t(function autoSelectFirstColor(){
  10587. \t\t\tvar groups = ['color', 'color3'];
  10588. \t\t\tfor (var gi = 0; gi < groups.length; gi++) {
  10589. \t\t\t\tvar name = groups[gi];
  10590. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');
  10591. \t\t\t\tif (nodes.length === 0) continue;
  10592. \t\t\t\tvar anyChecked = false;
  10593. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  10594. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  10595. \t\t\t\t}
  10596. \t\t\t\tif (anyChecked) continue;
  10598. \t\t\t\tvar target = nodes[0];
  10599. \t\t\t\ttarget.checked = true;
  10600. \t\t\t\tpc = target.value;
  10602. \t\t\t\t// opt-btn の is-selected を付け替え
  10603. \t\t\t\tvar lbl = target.closest('.opt-btn');
  10604. \t\t\t\tif (lbl) {
  10605. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  10606. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  10607. \t\t\t\t\tlbl.classList.add('is-selected');
  10608. \t\t\t\t}
  10609. \t\t\t\t// 「カラー: <name>」表示の同期（古い mitsumori_json.pc が残らないように）
  10610. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  10611. \t\t\t\tif (grp) {
  10612. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  10613. \t\t\t\t\tif (section) {
  10614. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  10615. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  10616. \t\t\t\t\t}
  10617. \t\t\t\t}
  10618. \t\t\t}
  10619. \t\t})();
  10621. \t\t// option1 / option2 / pw / pd / ph / pm (matrix 軸の radio 群) も同様に
  10622. \t\t// 「どれもチェックされていなければ先頭を選ぶ」を適用する.
  10623. \t\t//   sale_type=2 の窓タイプ等で「初期表示時に一番初めの選択肢が選択されていない」事象を解消.
  10624. \t\t(function autoSelectFirstMatrixAxis(){
  10625. \t\t\tvar axes = [
  10626. \t\t\t\t{ name: 'pw',      jsVar: 'pw' },
  10627. \t\t\t\t{ name: 'pd',      jsVar: 'pd' },
  10628. \t\t\t\t{ name: 'ph',      jsVar: 'ph' },
  10629. \t\t\t\t{ name: 'pm',      jsVar: 'pm' },
  10630. \t\t\t\t{ name: 'glass_type', jsVar: 'pm' },
  10631. \t\t\t\t{ name: 'option1', jsVar: 'option1' },
  10632. \t\t\t\t{ name: 'option2', jsVar: 'option2' }
  10633. \t\t\t];
  10634. \t\t\tfor (var ai = 0; ai < axes.length; ai++) {
  10635. \t\t\t\tvar ax = axes[ai];
  10636. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + ax.name + '\"]');
  10637. \t\t\t\tif (nodes.length === 0) continue;
  10638. \t\t\t\tvar anyChecked = false;
  10639. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  10640. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  10641. \t\t\t\t}
  10642. \t\t\t\tif (anyChecked) continue;
  10644. \t\t\t\tvar target = nodes[0];
  10645. \t\t\t\ttarget.checked = true;
  10646. \t\t\t\t// グローバル JS 変数も埋める
  10647. \t\t\t\tif (ax.jsVar === 'pw') pw = target.value;
  10648. \t\t\t\telse if (ax.jsVar === 'pd') pd = target.value;
  10649. \t\t\t\telse if (ax.jsVar === 'ph') ph = target.value;
  10650. \t\t\t\telse if (ax.jsVar === 'pm') pm = target.value;
  10651. \t\t\t\telse if (ax.jsVar === 'option1') option1 = target.value;
  10652. \t\t\t\telse if (ax.jsVar === 'option2') option2 = target.value;
  10654. \t\t\t\tvar lbl = target.closest('.opt-btn');
  10655. \t\t\t\tif (lbl) {
  10656. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  10657. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  10658. \t\t\t\t\tlbl.classList.add('is-selected');
  10659. \t\t\t\t}
  10660. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  10661. \t\t\t\tif (grp) {
  10662. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  10663. \t\t\t\t\tif (section) {
  10664. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  10665. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  10666. \t\t\t\t\t}
  10667. \t\t\t\t}
  10668. \t\t\t}
  10669. \t\t})();
  10671. \t\t// 取付/設置工事トグル（off 値が「商品購入のみ」のオプション）は、新規アクセス時に
  10672. \t\t// どちらの radio も未チェックのため初期価格が「商品購入のみ」= 基本工事費抜きになる。
  10673. \t\t// 顧客要望（#10）に合わせ、未選択時は「工事も希望する」(on 側) を初期選択し、
  10674. \t\t// 初期表示を基本工事費込みの最安値に統一する（色・寸法軸の先頭自動選択と同型）。
  10675. \t\t//   ・判定キーは calcGoukei / applyPurchaseOnlyUI と同じ定数「商品購入のみ」。
  10676. \t\t//   ・別用途で op{n} を流用する商品（ウッドデッキ deck_step 等）は radio 値に
  10677. \t\t//     「商品購入のみ」を含まないため対象外（既存挙動を壊さない）。
  10678. \t\t//   ・mitsumori_json 復元やユーザー操作で既に選択済みなら尊重する。
  10679. \t\t(function autoSelectFirstInstall(){
  10680. \t\t\tfor (var i = 0; i <= 10; i++) {
  10681. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"op' + i + '\"]');
  10682. \t\t\t\tif (nodes.length === 0) continue;
  10684. \t\t\t\t// このグループが「商品購入のみ」を off に持つ工事トグルか判定し、
  10685. \t\t\t\t// 「商品購入のみ」でない側 (= 工事希望 on) を取得する。
  10686. \t\t\t\tvar hasPurchaseOnly = false;
  10687. \t\t\t\tvar onNode = null;
  10688. \t\t\t\tfor (var j = 0; j < nodes.length; j++) {
  10689. \t\t\t\t\tif (nodes[j].value === '商品購入のみ') hasPurchaseOnly = true;
  10690. \t\t\t\t\telse if (!onNode) onNode = nodes[j];
  10691. \t\t\t\t}
  10692. \t\t\t\tif (!hasPurchaseOnly || !onNode) continue;
  10694. \t\t\t\tvar anyChecked = false;
  10695. \t\t\t\tfor (var k = 0; k < nodes.length; k++) {
  10696. \t\t\t\t\tif (nodes[k].checked) { anyChecked = true; break; }
  10697. \t\t\t\t}
  10698. \t\t\t\tif (anyChecked) continue;
  10700. \t\t\t\tonNode.checked = true;
  10701. \t\t\t\t// グローバル op 変数を on 値で埋める（calcGoukei の purchaseOnly 判定が参照）
  10702. \t\t\t\tswitch (i) {
  10703. \t\t\t\t\tcase 0:  op0  = onNode.value; break;
  10704. \t\t\t\t\tcase 1:  op1  = onNode.value; break;
  10705. \t\t\t\t\tcase 2:  op2  = onNode.value; break;
  10706. \t\t\t\t\tcase 3:  op3  = onNode.value; break;
  10707. \t\t\t\t\tcase 4:  op4  = onNode.value; break;
  10708. \t\t\t\t\tcase 5:  op5  = onNode.value; break;
  10709. \t\t\t\t\tcase 6:  op6  = onNode.value; break;
  10710. \t\t\t\t\tcase 7:  op7  = onNode.value; break;
  10711. \t\t\t\t\tcase 8:  op8  = onNode.value; break;
  10712. \t\t\t\t\tcase 9:  op9  = onNode.value; break;
  10713. \t\t\t\t\tcase 10: op10 = onNode.value; break;
  10714. \t\t\t\t}
  10715. \t\t\t\t// opt-btn の is-selected を付け替え
  10716. \t\t\t\tvar lbl = onNode.closest('.opt-btn');
  10717. \t\t\t\tif (lbl) {
  10718. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  10719. \t\t\t\t\tfor (var s = 0; s < sib.length; s++) sib[s].classList.remove('is-selected');
  10720. \t\t\t\t\tlbl.classList.add('is-selected');
  10721. \t\t\t\t}
  10722. \t\t\t\t// rp-section-label 表示同期 + 現地調査文言（is_removal_unknown / is_tf_kouji）を on 表示に
  10723. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || onNode.closest('.form-group');
  10724. \t\t\t\tif (grp) {
  10725. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  10726. \t\t\t\t\tif (section) {
  10727. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  10728. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + onNode.value + '</span>';
  10729. \t\t\t\t\t}
  10730. \t\t\t\t\tvar note = grp.querySelector('.opt-survey-note[data-op-idx=\"' + i + '\"]');
  10731. \t\t\t\t\tif (note) note.style.display = '';
  10732. \t\t\t\t}
  10733. \t\t\t}
  10734. \t\t})();
  10736. \t\t// ページ読み込み時: 見積金額が「合計」になっているため、カート数量は基本1
  10737. \t\t// sale_type=9（商品のみ購入）だけ通常 EC として数量を引き継ぐ
  10738. \t\t(function initQuantityByType(){
  10739. \t\t\tvar saleType = {{ ProductClass.SaleType.id }};
  10740. \t\t\tif (saleType == 9 && \$('#quantity_only').length) {
  10741. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  10742. \t\t\t} else {
  10743. \t\t\t\t\$('#quantity').val(1);
  10744. \t\t\t\t\$('input[name=\"quantity\"]').val(1);
  10745. \t\t\t}
  10746. \t\t})();
  10748. \t\t// type → ラベルのプレフィックス文字列
  10749. \t\t{# 屋根軸ラベル: pm(素材)の値が屋根パネル材(ポリカ/折板/波板/熱線 等)なら、
  10750. \t\t   材質が複数種→「屋根材」/ 同一材質で色違い→「屋根材の色」。屋根でない素材(デッキ材・
  10751. \t\t   ドア開き方・数量・色 等)は「素材」のまま。カテゴリ一括ではなく値の中身で判定する。 #}
  10752. \t\t{% set pm_is_roof = false %}
  10753. \t\t{% set pm_stems = [] %}
  10754. \t\t{% if p_m %}{% for v in p_m %}{% if v %}
  10755. \t\t\t{% if v matches '/ポリカ|折板|波板|熱線|ふきポリ|アルミ形材屋根|スチール折板/' %}{% set pm_is_roof = true %}{% endif %}
  10756. \t\t\t{% set pm_stem = (v|split('（')|first)|split('(')|first|trim %}
  10757. \t\t\t{% if pm_stem not in pm_stems %}{% set pm_stems = pm_stems|merge([pm_stem]) %}{% endif %}
  10758. \t\t{% endif %}{% endfor %}{% endif %}
  10759. \t\t{% set pm_label = pm_is_roof ? ((pm_stems|length >= 2) ? '屋根材' : '屋根材の色') : '素材' %}
  10760. \t\t// option1/option2 のラベルは category 依存 (rd: ランマ/タイプ, sh: サイズプリセット/駆動方式 等).
  10761. \t\t// PHP から渡された option1_label / option2_label を埋め込み、JS 側でラベル更新に使う.
  10762. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'{{ pm_label|e('js') }}',
  10763. \t\t                   option1: '{{ option1_label|default('オプション1')|e('js') }}',
  10764. \t\t                   option2: '{{ option2_label|default('オプション2')|e('js') }}'};
  10765. \t\t// type → input[name]
  10766. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm',
  10767. \t\t                   option1: 'option1', option2: 'option2'};
  10769. \t\t// opt-btn用: 値を直接受け取るラッパー
  10770. \t\tfunction mitsumori_simulation_val(type, value) {
  10771. \t\t\tif (type === 'pc') pc = value;
  10772. \t\t\tif (type === 'pw') pw = value;
  10773. \t\t\tif (type === 'pd') pd = value;
  10774. \t\t\tif (type === 'ph') ph = value;
  10775. \t\t\tif (type === 'pm') pm = value;
  10776. \t\t\tif (type === 'option1') option1 = value;
  10777. \t\t\tif (type === 'option2') option2 = value;
  10779. \t\t\t// is-selected クラスを同グループ内で付け替え
  10780. \t\t\tvar inputName = optNameMap[type];
  10781. \t\t\tif (inputName) {
  10782. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  10783. \t\t\t\t\$btns.removeClass('is-selected');
  10784. \t\t\t\t\$btns.filter(function(){
  10785. \t\t\t\t\treturn \$(this).find('input').val() === value;
  10786. \t\t\t\t}).addClass('is-selected');
  10787. \t\t\t}
  10789. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  10790. \t\t\tvar labelPrefix = optLabelMap[type];
  10791. \t\t\tif (labelPrefix) {
  10792. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  10793. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  10794. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  10795. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  10796. \t\t\t}
  10798. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  10799. \t\t\tmitsumori_simulation('', '');
  10800. \t\t}
  10802. \t\tmitsumori_simulation(\"\",\"\");
  10804. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll を付与し
  10805. \t\t// 縦3段グリッド＋横スクロール表示にする（顧客要望「3列くらいで横スクロール」）
  10806. \t\tfunction applyBtnGroupScroll() {
  10807. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  10808. \t\t\t\tvar \$group = \$(this);
  10809. \t\t\t\t\$group.removeClass('is-scroll');
  10810. \t\t\t\t// 意図的な縦リスト（no-hscroll / flex-direction:column）は横スクロール化しない。
  10811. \t\t\t\t// フェンス fe_block の縦6行(A-2)や内窓(sale_type=2)の長いガラス名(A-3)が
  10812. \t\t\t\t// 3行以上/幅超過で is-scroll 化され、列崩れ・左見切れを起こすのを防ぐ。
  10813. \t\t\t\tif (\$group.hasClass('no-hscroll') || \$group.css('flex-direction') === 'column') return;
  10814. \t\t\t\tvar \$items = \$group.children();
  10815. \t\t\t\tif (\$items.length === 0) return;
  10817. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  10818. \t\t\t\tvar totalWidth = 0;
  10819. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  10820. \t\t\t\t\$items.each(function() {
  10821. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  10822. \t\t\t\t});
  10824. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  10825. \t\t\t\tvar anyTooWide = false;
  10826. \t\t\t\t\$items.each(function() {
  10827. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  10828. \t\t\t\t});
  10830. \t\t\t\t// 折り返し時の行数も計測
  10831. \t\t\t\tvar tops = {};
  10832. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  10833. \t\t\t\tvar rowCount = Object.keys(tops).length;
  10835. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  10836. \t\t\t\t\t\$group.addClass('is-scroll');
  10837. \t\t\t\t}
  10838. \t\t\t});
  10839. \t\t}
  10840. \t\tapplyBtnGroupScroll();
  10841. \t\t\$(window).on('resize', function() {
  10842. \t\t\tclearTimeout(window._btnScrollTimer);
  10843. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  10844. \t\t});
  10846. \t\t// iOS Safari 1-tap fix (#15 再発): is-scroll の横スクロールコンテナ内タップや
  10847. \t\t// 継承された a:hover により、初回タップが hover / スクロール判定に吸われ「2 回
  10848. \t\t// タッチ」が必要になる。touch 端末では touchend で 1 回目に選択 / 遷移を確定し、
  10849. \t\t// 後続のゴーストクリックを preventDefault で抑止する（二重発火なし）。指が動いた
  10850. \t\t// 場合はスクロール操作とみなし何もしない。デスクトップは従来の click のまま。
  10851. \t\t(function oneTapSelectFix(){
  10852. \t\t\tif (!('ontouchstart' in window)) return;
  10853. \t\t\tvar moved = false, sx = 0, sy = 0;
  10854. \t\t\tdocument.addEventListener('touchstart', function(e){
  10855. \t\t\t\tmoved = false;
  10856. \t\t\t\tvar t = e.touches && e.touches[0];
  10857. \t\t\t\tif (t) { sx = t.clientX; sy = t.clientY; }
  10858. \t\t\t}, { passive: true });
  10859. \t\t\tdocument.addEventListener('touchmove', function(e){
  10860. \t\t\t\tvar t = e.touches && e.touches[0];
  10861. \t\t\t\tif (t && (Math.abs(t.clientX - sx) > 8 || Math.abs(t.clientY - sy) > 8)) moved = true;
  10862. \t\t\t}, { passive: true });
  10863. \t\t\tdocument.addEventListener('touchend', function(e){
  10864. \t\t\t\tif (moved) return;
  10865. \t\t\t\tvar el = (e.target && e.target.closest) ? e.target.closest('.opt-btn, .rp-btn, .rp-card') : null;
  10866. \t\t\t\tif (!el) return;
  10867. \t\t\t\t// 窓タイプ / 住宅区分は専用の委譲 click ハンドラを持つため除外.
  10868. \t\t\t\tif (el.closest('#window-types-container') || el.closest('#window-housing-type-group')) return;
  10869. \t\t\t\te.preventDefault(); // 遅延ゴーストクリックを抑止し二重処理を防ぐ
  10870. \t\t\t\tif (el.tagName === 'A' && el.href) { window.location.href = el.href; return; }
  10871. \t\t\t\tel.click(); // label→radio チェック + inline onclick / change を 1 回だけ発火
  10872. \t\t\t}, { passive: false });
  10873. \t\t})();
  10875. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  10876. \t\t(function syncPrice02Display() {
  10877. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  10878. \t\t\tvar displayEl = document.getElementById('price02-display');
  10879. \t\t\tif (!goukeiEl || !displayEl) return;
  10880. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  10881. \t\t\t// ---円（未確定）の場合は書き換えない
  10882. \t\t\tif (goukeiText && goukeiText !== '---円') {
  10883. \t\t\t\tdisplayEl.textContent = goukeiText;
  10884. \t\t\t}
  10885. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  10886. \t\t\tnew MutationObserver(function() {
  10887. \t\t\t\tvar text = goukeiEl.textContent.trim();
  10888. \t\t\t\tif (text && text !== '---円') {
  10889. \t\t\t\t\tdisplayEl.textContent = text;
  10890. \t\t\t\t}
  10891. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  10892. \t\t})();
  10893. \t\tfunction contact_form(product_id){
  10894. \t\t\t\$('#form1').attr('action', '{{ url('contact', {product:Product.id}) }}');
  10895. \t\t\t\$('#form1').submit();
  10896. \t\t}
  10898. \t\t// maisu / madoset は下部の新しい関数定義を使用
  10901. \t\tfunction heibei(bei){
  10902. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  10903. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  10904. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  10905. \t\t\t// goukei に既に枚数を含むため、カート数量は1で固定
  10906. \t\t\t\$('#quantity').val(1);
  10907. \t\t\tmitsumori_simulation('heibei','heibei');
  10908. \t\t}
  10909. \t\tfunction daisu(dai){
  10910. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  10911. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  10912. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  10913. \t\t\t\$('#quantity').val(1);
  10914. \t\t\tmitsumori_simulation('daisu','daisu');
  10915. \t\t}
  10916. \t\t// sale_type=7（数量買い・基本工事費固定）用：個数入力
  10917. \t\tfunction suuryou(n){
  10918. \t\t\t\$('#suuryou').val(parseInt(\$('#suuryou').val()) + n);
  10919. \t\t\tif(parseInt(\$('#suuryou').val()) < 1){ \$('#suuryou').val(1); }
  10920. \t\t\tif(parseInt(\$('#suuryou').val()) > 100){ \$('#suuryou').val(100); }
  10921. \t\t\t\$('#quantity').val(1);
  10922. \t\t\tmitsumori_simulation('suuryou','suuryou');
  10923. \t\t}
  10924. \t\tfunction maisu(mai){
  10925. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  10926. \t\t\t// sale_type=4 (フェンス) は3枚未満不可、6 (芝生) は1枚から
  10927. \t\t\tvar minMai = (SALE_TYPE_ID == 4) ? 3 : 1;
  10928. \t\t\tif(parseInt(\$('#maisu').val()) < minMai){ \$('#maisu').val(minMai); }
  10929. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  10930. \t\t\t\$('#quantity').val(1);
  10931. \t\t\tmitsumori_simulation('maisu','maisu');
  10932. \t\t}
  10934. \t\t// タイプ2: セット数プルダウン連動
  10935. \t\tfunction madosetSelect(val){
  10936. \t\t\tvar v = parseInt(val);
  10937. \t\t\tif(v < 1) v = 1;
  10938. \t\t\tif(v > 20) v = 20;
  10939. \t\t\t\$('#set_count').val(v);
  10940. \t\t\t\$('#quantity').val(1);
  10941. \t\t\t\$('input[name=\"quantity\"]').val(1);
  10942. \t\t\tmitsumori_simulation('set','set_count');
  10943. \t\t}
  10944. \t\t// タイプ2: ±ボタン版（後方互換）
  10945. \t\tfunction madoset(mai){
  10946. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  10947. \t\t\tvar next = current + mai;
  10948. \t\t\tif(next < 1) next = 1;
  10949. \t\t\tif(next > 20) next = 20;
  10950. \t\t\t\$('#set_count').val(next);
  10951. \t\t\tmadosetSelect(next);
  10952. \t\t}
  10954. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  10955. \t\tvar deck_step = \"{% if mitsumori_json and mitsumori_json.deck_step is defined %}{{ mitsumori_json.deck_step|default('不要') }}{% else %}不要{% endif %}\";
  10956. \t\tvar deck_fence = \"{% if mitsumori_json and mitsumori_json.deck_fence is defined %}{{ mitsumori_json.deck_fence|default('不要') }}{% else %}不要{% endif %}\";
  10958. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  10959. \t\tfunction syncPdfJson(){
  10960. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  10961. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  10962. \t\t}
  10964. \t\t// タイプ9: 商品のみ購入
  10965. \t\tfunction quantityOnly(val){
  10966. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  10967. \t\t\tvar next = current + val;
  10968. \t\t\tif(next < 1) next = 1;
  10969. \t\t\t\$('#quantity_only').val(next);
  10970. \t\t\t\$('#quantity').val(next);
  10971. \t\t}
  10973.         // ===== スマホ用下部固定バーへの金額同期 =====
  10974.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  10975.         (function() {
  10976.             var msgTarget   = document.getElementById('mitsumori_message');
  10977.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  10978.             var spPrice     = document.getElementById('sp-mitsumori-price');
  10979.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  10980.             if (!spPrice || !spBtn) return;
  10982.             function syncBar() {
  10983.                 var msg    = msgTarget ? msgTarget.textContent : '';
  10984.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  10986.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  10987.                 if (msg.indexOf('選択してください') !== -1) {
  10988.                     spPrice.textContent = msg;
  10989.                     spPrice.style.fontSize = '13px';
  10990.                     spPrice.style.color    = '#888';
  10991.                     spBtn.style.display    = 'none';
  10992.                 } else {
  10993.                     // 価格確定時はボタンを表示
  10994.                     spPrice.textContent = goukei;
  10995.                     spPrice.style.fontSize = '18px';
  10996.                     spPrice.style.color    = '#c00';
  10997.                     spBtn.style.display    = 'block';
  10998.                 }
  10999.             }
  11001.             // 初期値を同期
  11002.             syncBar();
  11004.             // mitsumori_message の変化を監視
  11005.             if (msgTarget) {
  11006.                 new MutationObserver(syncBar).observe(
  11007.                     msgTarget, { childList: true, subtree: true, characterData: true }
  11008.                 );
  11009.             }
  11010.             // mitsumori_goukei の変化も監視
  11011.             if (goukeiTarget) {
  11012.                 new MutationObserver(syncBar).observe(
  11013.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  11014.                 );
  11015.             }
  11016.         })();
  11018.         // ===== スマホ用 お見積りの詳細 ボトムシート 開閉 =====
  11019.         // 現在の内訳カード(.mitsumori-card-pc .card-body)を複製して表示する。
  11020.         // 価格計算ロジックには触れず、その時点で表示中の内訳をそのまま見せる。
  11021.         // window に直接ぶら下げてスコープに依存せず onclick から呼べるようにする。
  11022.         window.openSpMitsumoriDetail = function () {
  11023.             var sheet = document.getElementById('sp-mitsumori-detail');
  11024.             var body  = document.getElementById('sp-detail-body');
  11025.             var src   = document.querySelector('.mitsumori-card-pc .card-body');
  11026.             if (!sheet || !body) return;
  11027.             body.innerHTML = '';
  11028.             if (src) {
  11029.                 // 複製し、重複 id を避けるため clone 側の id を除去する
  11030.                 var clone = src.cloneNode(true);
  11031.                 var ided = clone.querySelectorAll('[id]');
  11032.                 for (var i = 0; i < ided.length; i++) { ided[i].removeAttribute('id'); }
  11033.                 body.appendChild(clone);
  11034.             }
  11035.             sheet.classList.add('is-open');
  11036.             sheet.setAttribute('aria-hidden', 'false');
  11037.             document.body.style.overflow = 'hidden';
  11038.         };
  11039.         window.closeSpMitsumoriDetail = function () {
  11040.             var sheet = document.getElementById('sp-mitsumori-detail');
  11041.             if (!sheet) return;
  11042.             sheet.classList.remove('is-open');
  11043.             sheet.setAttribute('aria-hidden', 'true');
  11044.             document.body.style.overflow = '';
  11045.         };
  11047.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  11048.         (function() {
  11049.             var card = document.querySelector('.mitsumori-card-pc');
  11050.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  11051.             if (!card || !btn) return;
  11052.             // MutationObserverでcollapsed-cardクラスの変化を監視
  11053.             new MutationObserver(function() {
  11054.                 if (card.classList.contains('collapsed-card')) {
  11055.                     btn.textContent = '▼ 詳細';
  11056.                 } else {
  11057.                     btn.textContent = '▲ 閉じる';
  11058.                 }
  11059.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  11060.         })();
  11062.         // ===== エリア案内: スマホのみタップで展開 =====
  11063.         (function() {
  11064.             var notice = document.querySelector('.ec-areaNotice');
  11065.             if (!notice) return;
  11066.             notice.addEventListener('click', function(e) {
  11067.                 if (window.innerWidth > 767) return;
  11068.                 // リンククリック時は展開/折りたたみせずリンク遷移
  11069.                 if (e.target.tagName === 'A') return;
  11070.                 notice.classList.toggle('is-open');
  11071.             });
  11072.         })();
  11074.     </script>
  11075.     <script type=\"application/ld+json\">
  11076.     {
  11077.         \"@context\": \"https://schema.org/\",
  11078.         \"@type\": \"Product\",
  11079.         \"name\": \"{{ Product.name }}\",
  11080.         \"image\": [
  11081.             {% for img in Product.ProductImage %}
  11082.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  11084.             {% else %}
  11085.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  11086.             {% endfor %}
  11087.         ],
  11088.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  11089.         {% if Product.code_min %}
  11090.         \"sku\": \"{{ Product.code_min }}\",
  11091.         {% endif %}
  11092.         \"offers\": {
  11093.             \"@type\": \"Offer\",
  11094.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  11095.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  11096.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  11097.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  11098.         }
  11099.     }
  11100.     </script>
  11102. {% endblock %}
  11104. {% block main %}
  11105.     {# option1 / option2 ラベルをカテゴリ別に決定 (sh=31, rd=43, mo=15) - block scope のため main 側でも再定義 #}
  11106.     {% set option1_label = 'オプション1' %}
  11107.     {% set option2_label = 'オプション2' %}
  11108.     {# rd(玄関ドア, cat43) は素材(m)が開き方+ランマを内包し option1(ランマ)/option2(タイプ) が
  11109.        完全な冗長軸のため、素材のみ「開き方」として表示し option1/option2 の選択 UI は抑制する。
  11110.        価格マッチングは m + カラーで一意に決まり、未選択 option は fallback が無視するため影響なし。 #}
  11111.     {% set is_cat43 = false %}
  11112.     {# cp(カーポート, cat7): option1 は折半屋根(スチール折板)価格の運搬に使うため、選択UIは抑制する。
  11113.        価格は寸法で一意に決まり、未選択 option は fallback が無視するため影響なし（cat43 と同型）。 #}
  11114.     {% set is_cp = false %}
  11115.     {% if Product.ProductCategories is not empty %}
  11116.         {% for pcat in Product.ProductCategories %}
  11117.             {% if pcat.category_id == 31 %}{% set option1_label = 'サイズプリセット' %}{% set option2_label = '駆動方式' %}{% endif %}
  11118.             {% if pcat.category_id == 43 %}{% set option1_label = 'ランマ' %}{% set option2_label = 'タイプ' %}{% set is_cat43 = true %}{% endif %}
  11119.             {% if pcat.category_id == 15 %}{% set option1_label = '棚タイプ' %}{% endif %}
  11120.             {% if pcat.category_id == 17 %}{% set option1_label = '窓タイプ' %}{% endif %}
  11121.             {% if pcat.category_id == 7 %}{% set is_cp = true %}{% endif %}
  11122.         {% endfor %}
  11123.     {% endif %}
  11124.     {# pm(素材)軸ラベル: 屋根パネル材なら屋根材/屋根材の色、それ以外は素材。javascript block と
  11125.        同一ロジック (block scope のため main 側でも再定義)。判定は値の中身で行う。 #}
  11126.     {% set pm_is_roof = false %}
  11127.     {% set pm_stems = [] %}
  11128.     {% if p_m %}{% for v in p_m %}{% if v %}
  11129.         {% if v matches '/ポリカ|折板|波板|熱線|ふきポリ|アルミ形材屋根|スチール折板/' %}{% set pm_is_roof = true %}{% endif %}
  11130.         {% set pm_stem = (v|split('（')|first)|split('(')|first|trim %}
  11131.         {% if pm_stem not in pm_stems %}{% set pm_stems = pm_stems|merge([pm_stem]) %}{% endif %}
  11132.     {% endif %}{% endfor %}{% endif %}
  11133.     {% set pm_label = pm_is_roof ? ((pm_stems|length >= 2) ? '屋根材' : '屋根材の色') : '素材' %}
  11134.     <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  11135.         <div class=\"ec-grid2\">
  11136.             <div class=\"ec-grid2__cell\">
  11137.                 <div class=\"ec-sliderItemRole\">
  11138. \t                {# 商品名 + ブランド名 + SNSシェア #}
  11139. \t                <div class=\"ec-productRole__title\">
  11140. \t                    <div class=\"ec-productRole__titleRow\">
  11141. \t                        <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  11142. \t                        <div class=\"ec-share-inline\">
  11143. \t                            <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\"
  11144. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  11145. \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>
  11146. \t                            </a>
  11147. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  11148. \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>
  11149. \t                            </a>
  11150. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\"
  11151. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  11152. \t                                <i class=\"fab fa-line\"></i>
  11153. \t                            </a>
  11154. \t                        </div>
  11155. \t                    </div>
  11156. \t                </div>
  11157.                     {% if BaseInfo.option_favorite_product %}
  11158.                      <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  11159. \t\t\t\t\t\t{% if is_favorite == false %}
  11160.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  11161.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  11162.                         </form>
  11163.                         {% else %}
  11164.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  11165.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  11166.                         </form>
  11167.                         {% endif %}
  11168.                      </div>
  11169.                     {% endif %}
  11170.                     <div class=\"item_visual\">
  11171.                         {% for ProductImage in Product.ProductImage %}
  11172.                             <div class=\"slide-item\">
  11173.                                 <a class=\"js-zoom\" href=\"{{ asset(ProductImage, 'save_image') }}\" aria-label=\"{{ loop.first ? Product.name : '' }}\">
  11174.                                     <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 %}>
  11175.                                 </a>
  11176.                             </div>
  11177.                         {% else %}
  11178.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  11179.                         {% endfor %}
  11180.                     </div>
  11181.                     <div class=\"item_nav\">
  11182.                         {% for ProductImage in Product.ProductImage %}
  11183.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  11184.                         {% endfor %}
  11185.                     </div>
  11187.                 </div>
  11189.                     {# ===== 施工エリア案内（見積シミュレーションの下）===== #}
  11190.                     <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  11191.                         <div class=\"ec-areaNotice__inner\">
  11192.                             <div class=\"ec-areaNotice__icon\">📍</div>
  11193.                             <div class=\"ec-areaNotice__body\">
  11194.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  11195.                                 <div class=\"ec-areaNotice__detail\">
  11196.                                     <p class=\"ec-areaNotice__text\">
  11197.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  11198.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  11199.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  11200.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  11201.                                     </p>
  11202.                                     <a class=\"ec-areaNotice__link\" href=\"{{ url('contact') }}\">エリア外のお客様・ご相談はこちら →</a>
  11203.                                 </div>
  11204.                             </div>
  11205.                         </div>
  11206.                     </div>
  11208.             </div>
  11210.             <div class=\"ec-grid2__cell2\">
  11211.                 <div class=\"ec-productRole__profile\" >
  11212.                     {# 関連カテゴリ (DIY=21 / 石材=28 / 照明=44 は非表示要件のため除外) #}
  11213.                     {% set hidden_cat_ids = [21, 28, 44] %}
  11214.                     {% if Product.ProductCategories is not empty %}
  11215.                         <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  11216.                             {% for ProductCategory in Product.ProductCategories %}
  11217.                                 {% if ProductCategory.Category.id not in hidden_cat_ids %}
  11218.                                 <ul>
  11219.                                     <li>
  11220.                                         {% for Category in ProductCategory.Category.path %}
  11221.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  11222.                                             <span>＞</span>{% endif -%}
  11223.                                         {% endfor %}
  11224.                                     </li>
  11225.                                 </ul>
  11226.                                 {% endif %}
  11227.                             {% endfor %}
  11228.                         </div>
  11229.                     {% endif %}
  11230.                     {# 販売価格 #}
  11231.                     <div class=\"ec-productRole__price\">
  11232. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  11233.                         {# 表示は税抜に統一 (2026-08). 請求額は不変で見積書/PDF/カート/受注は税込のまま. #}
  11234.                         {% if Product.hasProductClass -%}
  11235.                             {% if Product.getPrice02Min == Product.getPrice02Max %}
  11236.                                 <div class=\"ec-price\">
  11237.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02Min|price }}</span>
  11238.                                     <span class=\"ec-price__tax\">(税抜)～</span>
  11239.                                 </div>
  11240.                             {% else %}
  11241.                                 <div class=\"ec-price\">
  11242.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02Min|price }} ～ {{ Product.getPrice02Max|price }}</span>
  11243.                                     <span class=\"ec-price__tax\">(税抜)</span>
  11244.                                 </div>
  11245.                             {% endif %}
  11246.                         {% else %}
  11247.                             <div class=\"ec-price\">
  11248.                                 <span id=\"price02-display\" class=\"ec-price__price\">{{ Product.getPrice02Min|price }}</span>
  11249.                                     <span class=\"ec-price__tax\">(税抜)～</span>
  11250.                             </div>
  11251.                         {% endif %}
  11252.                     </div>
  11253.                     {# タグ #}
  11254.                     <ul class=\"ec-productRole__tags\">
  11255.                         {% for Tag in Product.Tags %}
  11256.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  11257.                         {% endfor %}
  11258.                     </ul>
  11259.                     {# 商品コード #}
  11260.                     {% if Product.code_min is not empty %}
  11261.                         <div class=\"ec-productRole__code\">
  11262.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  11263.                         </div>
  11264.                     {% endif %}
  11266.                     <div class=\"ec-productRole__description\">
  11267. \t\t\t\t        <div class=\"ec-rectHeading\">
  11268. \t\t\t\t            <h4>製品情報</h4>
  11269. \t\t\t\t        </div>
  11270. \t\t\t\t\t\t{{ Product.sales_infomation|raw|nl2br }}
  11271.                     </div>
  11273.                     {# 構成セット内容 (機能門柱など): list_spec に JSON が入っている商品のみ表示.
  11274.                        単体商品や他カテゴリは従来どおりの平文が入っているため json_decode は
  11275.                        null を返し、このブロックごとスキップされる. #}
  11276.                     {% set SetItems = Product.list_spec|json_decode %}
  11277.                     {% if SetItems and SetItems.items is defined and SetItems.items is not empty %}
  11278.                         <div class=\"ec-productRole__setItems\">
  11279.                             <div class=\"ec-rectHeading\">
  11280.                                 <h4>{{ SetItems.title|default('この商品の構成セット内容（メーカーカタログ価格）') }}</h4>
  11281.                             </div>
  11282.                             <table class=\"set-items-table\">
  11283.                                 <tbody>
  11284.                                 {% for SetItem in SetItems.items %}
  11285.                                     <tr>
  11286.                                         <th>{{ SetItem.name }}</th>
  11287.                                         <td>{% if SetItem.price is not empty %}{{ SetItem.price|price }}{% endif %}</td>
  11288.                                     </tr>
  11289.                                 {% endfor %}
  11290.                                 </tbody>
  11291.                                 {% if SetItems.total is not empty %}
  11292.                                 <tfoot>
  11293.                                     <tr>
  11294.                                         <th>構成セット価格（メーカーカタログ価格）</th>
  11295.                                         <td>{{ SetItems.total|price }}</td>
  11296.                                     </tr>
  11297.                                 </tfoot>
  11298.                                 {% endif %}
  11299.                             </table>
  11300.                         </div>
  11301.                     {% endif %}
  11303.                     {# メーカーカタログリンク: 公式メーカードメインのみ表示. ex-shop.net ホストのPDFは情報源露出防止のため非表示 (B案) #}
  11304.                     {% if Product.maker_url is not empty and 'ex-shop.net' not in Product.maker_url %}
  11305.                         <div class=\"ec-productRole__catalog\" style=\"margin:8px 0;\">
  11306.                             <a href=\"{{ Product.maker_url }}\" target=\"_blank\" rel=\"noopener noreferrer\">
  11307.                                 <i class=\"far fa-file-alt\"></i> この商品のメーカーカタログを見る
  11308.                             </a>
  11309.                         </div>
  11310.                     {% endif %}
  11313. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  11314. \t\t\t\t\t  <div class=\"card-header\">
  11315. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  11316. \t\t\t\t\t  </div>
  11317. \t\t\t\t\t  <div class=\"card-body p-2\">
  11318.                         {% set related_image = getProduct_field(Product.id,\"related_image\") %}
  11319.                         {# related_image は配列: [\"1段目画像あり\",\"2段目画像あり\",\"3段目画像あり\"] のうち該当するものが格納 #}
  11320.                         {% set img1 = related_image and (\"1段目画像あり\" in related_image) %}
  11321.                         {% set img2 = related_image and (\"2段目画像あり\" in related_image) %}
  11322.                         {% set img3 = related_image and (\"3段目画像あり\" in related_image) %}
  11323.                         {% set img4 = related_image and (\"4段目画像あり\" in related_image) %}
  11324. \t\t\t\t\t    {% set type1 = getProduct_field(Product.id,\"related_name1\") %}
  11325. \t\t\t\t\t\t{% set type2 = getProduct_field(Product.id,\"related_name2\") %}
  11326. \t\t\t\t\t\t{% set type3 = getProduct_field(Product.id,\"related_name3\") %}
  11327. \t\t\t\t\t\t{% set type4 = getProduct_field(Product.id,\"related_name4\") %}
  11328. \t\t\t\t\t\t{% set hasRelated = (type1 and related_product1 and related_product1|length)
  11329. \t\t\t\t\t\t                 or (type2 and related_product2 and related_product2|length)
  11330. \t\t\t\t\t\t                 or (type3 and related_product3 and related_product3|length)
  11331. \t\t\t\t\t\t                 or (type4 and related_product4 and related_product4|length) %}
  11332. \t\t\t\t\t\t{% if hasRelated %}
  11333. \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>
  11334. \t\t\t\t\t\t{% endif %}
  11336. \t\t\t\t\t\t{# ===== 1段目 ===== #}
  11337. \t\t\t\t\t\t{% if type1 and related_product1 and related_product1|length %}
  11338. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11339. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type1 }}{% if img1 and base_select1 %}: <span>{{ base_select1 }}</span>{% endif %}</div>
  11340. \t\t\t\t\t\t  {% if img1 %}
  11341. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  11342. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  11343. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  11344. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select1 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11345. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  11346. \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') }}\"
  11347. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  11348. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  11349. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  11350. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  11351. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  11352. \t\t\t\t\t\t        </a>
  11353. \t\t\t\t\t\t      {% endfor %}
  11354. \t\t\t\t\t\t    </div>
  11355. \t\t\t\t\t\t  {% else %}
  11356. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  11357. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  11358. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  11359. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select1 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11360. \t\t\t\t\t\t          {{ rp_name }}
  11361. \t\t\t\t\t\t        </a>
  11362. \t\t\t\t\t\t      {% endfor %}
  11363. \t\t\t\t\t\t    </div>
  11364. \t\t\t\t\t\t  {% endif %}
  11365. \t\t\t\t\t\t</div>
  11366. \t\t\t\t\t\t{% endif %}
  11368. \t\t\t\t\t\t{# ===== 2段目 ===== #}
  11369. \t\t\t\t\t\t{% if type2 and related_product2 and related_product2|length %}
  11370. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11371. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type2 }}{% if img2 and base_select2 %}: <span>{{ base_select2 }}</span>{% endif %}</div>
  11372. \t\t\t\t\t\t  {% if img2 %}
  11373. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  11374. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  11375. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select2 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11376. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  11377. \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') }}\"
  11378. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  11379. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  11380. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  11381. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  11382. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  11383. \t\t\t\t\t\t        </a>
  11384. \t\t\t\t\t\t      {% endfor %}
  11385. \t\t\t\t\t\t    </div>
  11386. \t\t\t\t\t\t  {% else %}
  11387. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  11388. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  11389. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select2 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11390. \t\t\t\t\t\t          {{ rp_name }}
  11391. \t\t\t\t\t\t        </a>
  11392. \t\t\t\t\t\t      {% endfor %}
  11393. \t\t\t\t\t\t    </div>
  11394. \t\t\t\t\t\t  {% endif %}
  11395. \t\t\t\t\t\t</div>
  11396. \t\t\t\t\t\t{% endif %}
  11398. \t\t\t\t\t\t{# ===== 3段目 ===== #}
  11399. \t\t\t\t\t\t{% if type3 and related_product3 and related_product3|length %}
  11400. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11401. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type3 }}{% if img3 and base_select3 %}: <span>{{ base_select3 }}</span>{% endif %}</div>
  11402. \t\t\t\t\t\t  {% if img3 %}
  11403. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  11404. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  11405. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select3 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11406. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  11407. \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') }}\"
  11408. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  11409. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  11410. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  11411. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  11412. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  11413. \t\t\t\t\t\t        </a>
  11414. \t\t\t\t\t\t      {% endfor %}
  11415. \t\t\t\t\t\t    </div>
  11416. \t\t\t\t\t\t  {% else %}
  11417. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  11418. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  11419. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select3 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11420. \t\t\t\t\t\t          {{ rp_name }}
  11421. \t\t\t\t\t\t        </a>
  11422. \t\t\t\t\t\t      {% endfor %}
  11423. \t\t\t\t\t\t    </div>
  11424. \t\t\t\t\t\t  {% endif %}
  11425. \t\t\t\t\t\t</div>
  11426. \t\t\t\t\t\t{% endif %}
  11428. \t\t\t\t\t\t{# ===== 4段目 ===== #}
  11429. \t\t\t\t\t\t{% if type4 and related_product4 and related_product4|length %}
  11430. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11431. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type4 }}{% if img4 and base_select4 %}: <span>{{ base_select4 }}</span>{% endif %}</div>
  11432. \t\t\t\t\t\t  {% if img4 %}
  11433. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  11434. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  11435. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  11436. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select4 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11437. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  11438. \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') }}\"
  11439. \t\t\t\t\t\t               alt=\"{{ rp_name }}\" width=\"120\" height=\"120\" loading=\"lazy\">
  11440. \t\t\t\t\t\t          <span class=\"rp-card__label\">{{ rp_name }}</span>
  11441. \t\t\t\t\t\t        </a>
  11442. \t\t\t\t\t\t      {% endfor %}
  11443. \t\t\t\t\t\t    </div>
  11444. \t\t\t\t\t\t  {% else %}
  11445. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  11446. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  11447. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  11448. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select4 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  11449. \t\t\t\t\t\t          {{ rp_name }}
  11450. \t\t\t\t\t\t        </a>
  11451. \t\t\t\t\t\t      {% endfor %}
  11452. \t\t\t\t\t\t    </div>
  11453. \t\t\t\t\t\t  {% endif %}
  11454. \t\t\t\t\t\t</div>
  11455. \t\t\t\t\t\t{% endif %}
  11458. \t\t\t\t\t    {# ガレージ等で全オプション空のときに見出しのみ表示される事象を回避.
  11459. \t\t\t\t\t       色 / 寸法 / 素材 / option1/2 / op_data いずれかに「描画される」要素がある場合のみ
  11460. \t\t\t\t\t       「この商品のオプションを選択してください。」見出しを表示する.
  11462. \t\t\t\t\t       op_data は cg=9 で「残土」 / gs=27 で「撤去」「残土」を後段ループで
  11463. \t\t\t\t\t       hide するため、単純な op|length > 0 では「見出しだけ残る」事象が
  11464. \t\t\t\t\t       wh / cg の一部商品で発生していた. 描画される entry を事前カウントする. #}
  11465. \t\t\t\t\t    {% set is_gs_h = false %}
  11466. \t\t\t\t\t    {% set is_cg_h = false %}
  11467. \t\t\t\t\t    {% if Product.ProductCategories is not empty %}
  11468. \t\t\t\t\t        {% for pc_h in Product.ProductCategories %}
  11469. \t\t\t\t\t            {% if pc_h.category_id == 27 %}{% set is_gs_h = true %}{% endif %}
  11470. \t\t\t\t\t            {% if pc_h.category_id == 9  %}{% set is_cg_h = true %}{% endif %}
  11471. \t\t\t\t\t        {% endfor %}
  11472. \t\t\t\t\t    {% endif %}
  11473. \t\t\t\t\t    {% set visible_op_count = 0 %}
  11474. \t\t\t\t\t    {% if op and op|length %}
  11475. \t\t\t\t\t        {% for opi in op %}
  11476. \t\t\t\t\t            {% if opi['name'] %}
  11477. \t\t\t\t\t                {% set _hide_h = false %}
  11478. \t\t\t\t\t                {% if is_gs_h and (opi['name'] matches '/撤去/' or opi['name'] matches '/残土/') %}{% set _hide_h = true %}{% endif %}
  11479. \t\t\t\t\t                {% if is_cg_h and opi['name'] matches '/残土/' %}{% set _hide_h = true %}{% endif %}
  11480. \t\t\t\t\t                {% if not _hide_h %}{% set visible_op_count = visible_op_count + 1 %}{% endif %}
  11481. \t\t\t\t\t            {% endif %}
  11482. \t\t\t\t\t        {% endfor %}
  11483. \t\t\t\t\t    {% endif %}
  11484. \t\t\t\t\t    {% set has_any_option =
  11485. \t\t\t\t\t        (color and color|length and ProductClass.SaleType.id != 3)
  11486. \t\t\t\t\t        or (p_w and p_w|length and p_w|join != \"\")
  11487. \t\t\t\t\t        or (p_d and p_d|length and p_d|join != \"\")
  11488. \t\t\t\t\t        or (p_h and p_h|length and p_h|join != \"\")
  11489. \t\t\t\t\t        or (p_m and p_m|length and p_m|join != \"\")
  11490. \t\t\t\t\t        or (p_option1 and p_option1|length and p_option1|join != \"\")
  11491. \t\t\t\t\t        or (p_option2 and p_option2|length and p_option2|join != \"\")
  11492. \t\t\t\t\t        or ProductClass.SaleType.id in [2, 5, 6, 7, 9]
  11493. \t\t\t\t\t    %}
  11494. \t\t\t\t\t    {% if has_any_option %}
  11495. \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>
  11496. \t\t\t\t\t    {% endif %}
  11498.                         {# sale_type=2 (補助金窓) はタイプごとに個別カラー選択するため共通カラーは非表示 #}
  11499.                         {% if color and color|length and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 2 %}
  11500.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11501.                           <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  11502.                           <div class=\"opt-btn-group\">
  11503.                             {% set idx = 0 %}
  11504.                             {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  11505.                               {% set has_img = cc['img'] is defined and cc['img'] is not empty %}
  11506.                               <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 %}\"
  11507.                                      onclick=\"mitsumori_simulation_val('pc', '{{ cc['name']|e('js') }}');\">
  11508.                                 <input type=\"radio\" name=\"color\" id=\"cc_{{ idx }}\" value=\"{{ cc['name'] }}\"
  11509.                                        {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  11510.                                 {% if has_img %}
  11511.                                   <img src=\"{{ cc['img'] }}\" alt=\"{{ cc['name'] }}\" class=\"opt-btn__img\"
  11512.                                        onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  11513.                                   <span class=\"opt-btn__name\">{{ cc['name'] }}</span>
  11514.                                 {% else %}
  11515.                                   {{ cc['name'] }}
  11516.                                 {% endif %}
  11517.                               </label>
  11518.                             {% endif %}{% endfor %}
  11519.                           </div>
  11520.                         </div>
  11521.                         {% endif %}
  11523.                         {# sale_type=2 (補助金窓) はタイプごとに個別幅選択するため共通幅は非表示.
  11524.                            tf (人工芝, sale_type=6) は専用の「芝の幅」+「施工サイズ」UI を下部に持つため、
  11525.                            汎用の 幅/奥行/高さ は描画しない (両方出すと name=\"pw\"/\"ph\" が重複し、
  11526.                            片方を選ぶともう片方の選択が外れる顧客指摘あり). #}
  11527.                         {% if p_w and p_w|length and p_w|join != \"\" and ProductClass.SaleType.id not in [2, 3, 6] %}
  11528.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11529.                           <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  11530.                           <div class=\"opt-btn-group\">
  11531.                             {% set idx = 0 %}
  11532.                             {% for pw in p_w %}{% if pw %}{% set idx = idx + 1 %}
  11533.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %} is-selected{% endif %}\"
  11534.                                      onclick=\"mitsumori_simulation_val('pw', '{{ pw|e('js') }}');\">
  11535.                                 <input type=\"radio\" name=\"pw\" id=\"pw_{{ idx }}\" value=\"{{ pw }}\"
  11536.                                        {% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %}checked{% endif %}>
  11537.                                 {{ pw }}
  11538.                               </label>
  11539.                             {% endif %}{% endfor %}
  11540.                           </div>
  11541.                         </div>
  11542.                         {% endif %}
  11544.                         {% if p_d and p_d|length and p_d|join != \"\" and ProductClass.SaleType.id not in [3, 6] %}
  11545.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11546.                           <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  11547.                           <div class=\"opt-btn-group\">
  11548.                             {% set idx = 0 %}
  11549.                             {% for pd in p_d %}{% if pd %}{% set idx = idx + 1 %}
  11550.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %} is-selected{% endif %}\"
  11551.                                      onclick=\"mitsumori_simulation_val('pd', '{{ pd|e('js') }}');\">
  11552.                                 <input type=\"radio\" name=\"pd\" id=\"pd_{{ idx }}\" value=\"{{ pd }}\"
  11553.                                        {% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %}checked{% endif %}>
  11554.                                 {{ pd }}
  11555.                               </label>
  11556.                             {% endif %}{% endfor %}
  11557.                           </div>
  11558.                         </div>
  11559.                         {% endif %}
  11561.                         {# sale_type=2 (補助金窓) はタイプごとに個別高さ選択するため共通高さは非表示.
  11562.                            sale_type=6 (人工芝) は専用 UI なので汎用高さは描画しない. #}
  11563.                         {% if p_h and p_h|length and p_h|join != \"\" and ProductClass.SaleType.id not in [2, 3, 6] %}
  11564.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11565.                           <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  11566.                           <div class=\"opt-btn-group\">
  11567.                             {% set idx = 0 %}
  11568.                             {% for ph in p_h %}{% if ph %}{% set idx = idx + 1 %}
  11569.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %} is-selected{% endif %}\"
  11570.                                      onclick=\"mitsumori_simulation_val('ph', '{{ ph|e('js') }}');\">
  11571.                                 <input type=\"radio\" name=\"ph\" id=\"ph_{{ idx }}\" value=\"{{ ph }}\"
  11572.                                        {% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %}checked{% endif %}>
  11573.                                 {{ ph }}
  11574.                               </label>
  11575.                             {% endif %}{% endfor %}
  11576.                           </div>
  11577.                         </div>
  11578.                         {% endif %}
  11580.                         {# sale_type=2 (補助金窓) はタイプごとに個別ガラス選択するため共通素材は非表示 #}
  11581.                         {% if p_m and p_m|length and p_m|join != \"\" and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 2 %}
  11582.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11583.                           <div class=\"rp-section-label\">{% if is_cat43 %}開き方{% else %}{{ pm_label }}{% endif %}{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  11584.                           <div class=\"opt-btn-group\">
  11585.                             {% set idx = 0 %}
  11586.                             {% for pm in p_m %}{% if pm %}{% set idx = idx + 1 %}
  11587.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %} is-selected{% endif %}\"
  11588.                                      onclick=\"mitsumori_simulation_val('pm', '{{ pm|e('js') }}');\">
  11589.                                 <input type=\"radio\" name=\"pm\" id=\"pm_{{ idx }}\" value=\"{{ pm }}\"
  11590.                                        {% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %}checked{% endif %}>
  11591.                                 {{ pm }}
  11592.                               </label>
  11593.                             {% endif %}{% endfor %}
  11594.                           </div>
  11595.                         </div>
  11596.                         {% endif %}
  11598.                         {# option1 (sale_type 2 は専用 UI が下にあるため除外 / sale_type 3 は下部ブロックで描画 /
  11599.                            sale_type 4 = fe・ts は option1 が ct_unit_price (枚数増分の工事費単価) で
  11600.                            ユーザー選択肢ではなく計算用の内部値のため radio として表示しない. 値は
  11601.                            上の auto-init (p_option1|length == 1) で JS の option1 変数に埋め込み済み) #}
  11602.                         {% 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 and not is_cp %}
  11603.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11604.                           <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>
  11605.                           <div class=\"opt-btn-group\">
  11606.                             {% set idx = 0 %}
  11607.                             {% for opt1 in p_option1 %}{% if opt1 %}{% set idx = idx + 1 %}
  11608.                               <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 %}\"
  11609.                                      onclick=\"mitsumori_simulation_val('option1', '{{ opt1|e('js') }}');\">
  11610.                                 <input type=\"radio\" name=\"option1\" id=\"option1_{{ idx }}\" value=\"{{ opt1 }}\"
  11611.                                        {% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1) or p_option1|length == 1 %}checked{% endif %}>
  11612.                                 {{ opt1 }}
  11613.                               </label>
  11614.                             {% endif %}{% endfor %}
  11615.                           </div>
  11616.                         </div>
  11617.                         {% endif %}
  11619.                         {# option2 #}
  11620.                         {% 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 %}
  11621.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11622.                           <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>
  11623.                           <div class=\"opt-btn-group\">
  11624.                             {% set idx = 0 %}
  11625.                             {% for opt2 in p_option2 %}{% if opt2 %}{% set idx = idx + 1 %}
  11626.                               <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 %}\"
  11627.                                      onclick=\"mitsumori_simulation_val('option2', '{{ opt2|e('js') }}');\">
  11628.                                 <input type=\"radio\" name=\"option2\" id=\"option2_{{ idx }}\" value=\"{{ opt2 }}\"
  11629.                                        {% if (mitsumori_json and mitsumori_json.option2 is defined and mitsumori_json.option2 == opt2) or p_option2|length == 1 %}checked{% endif %}>
  11630.                                 {{ opt2 }}
  11631.                               </label>
  11632.                             {% endif %}{% endfor %}
  11633.                           </div>
  11634.                         </div>
  11635.                         {% endif %}
  11637. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  11638. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 1 %}
  11639. \t\t\t\t\t\t{% endif %}
  11641. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） 複数タイプ追加対応 (2026-05) -->
  11642. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 2 %}
  11644. \t\t\t\t\t\t\t{# 2026-05 改修: ex-shop プラメイク方式に倣い、1 商品で
  11645. \t\t\t\t\t\t\t   複数の「窓タイプ」(subtype × 幅 × 高さ × ガラス × カラー × セット数)
  11646. \t\t\t\t\t\t\t   を追加できる UI に変更. 各タイプは内訳 JSON として 1 明細にまとめる. #}
  11648. \t\t\t\t\t\t\t{# ec-productRole__profile は標準テンプレで height:600px / overflow:auto
  11649. \t\t\t\t\t\t\t   が当たっており、複数タイプ追加カードが内部スクロールに押し込まれて
  11650. \t\t\t\t\t\t\t   見えない. sale_type=2 のときだけ縦方向に伸ばす. #}
  11651. \t\t\t\t\t\t\t<style>
  11652. \t\t\t\t\t\t\t\t.ec-productRole__profile {
  11653. \t\t\t\t\t\t\t\t\toverflow: visible !important;
  11654. \t\t\t\t\t\t\t\t\tmax-height: none !important;
  11655. \t\t\t\t\t\t\t\t\theight: auto !important;
  11656. \t\t\t\t\t\t\t\t}
  11657. \t\t\t\t\t\t\t</style>
  11659. \t\t\t\t\t\t\t{# 住宅区分 UI: 補助金単価が戸建 / 集合住宅で異なるためお客様に申告いただく. #}
  11660. \t\t\t\t\t\t\t{% set housing_default = getProduct_field(Product.id, '住宅区分')|default('戸建') %}
  11661. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  11662. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  11663. \t\t\t\t\t\t\t    <strong>お住まいの種別を選択</strong>
  11664. \t\t\t\t\t\t\t    <small class=\"ms-2 text-muted\">補助金単価が変わります</small>
  11665. \t\t\t\t\t\t\t  </div>
  11666. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  11667. \t\t\t\t\t\t\t    <div class=\"opt-btn-group\" id=\"window-housing-type-group\">
  11668. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  11669. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"戸建\"
  11670. \t\t\t\t\t\t\t               {% if housing_default != '集合住宅' %}checked{% endif %}>
  11671. \t\t\t\t\t\t\t        戸建住宅<small class=\"d-block text-muted\">（延床240㎡以下の非住宅含む）</small>
  11672. \t\t\t\t\t\t\t      </label>
  11673. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  11674. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"集合住宅\"
  11675. \t\t\t\t\t\t\t               {% if housing_default == '集合住宅' %}checked{% endif %}>
  11676. \t\t\t\t\t\t\t        集合住宅<small class=\"d-block text-muted\">（低層・中高層／240㎡超の非住宅）</small>
  11677. \t\t\t\t\t\t\t      </label>
  11678. \t\t\t\t\t\t\t    </div>
  11679. \t\t\t\t\t\t\t  </div>
  11680. \t\t\t\t\t\t\t</div>
  11682. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  11683. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  11684. \t\t\t\t\t\t\t    <strong>窓タイプを選択（複数追加可・最大 20）</strong>
  11685. \t\t\t\t\t\t\t  </div>
  11686. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  11687. \t\t\t\t\t\t\t    {# (b) 補助金5万円要件の常設明示。各窓の補助金額はブロック内に常時表示。 #}
  11688. \t\t\t\t\t\t\t    <p class=\"subsidy-eligibility-note\">※先進的窓リノベ2026の補助金は、各窓の補助金額の<strong>合計が5万円以上</strong>で適用されます。各窓ごとの補助金額は下に常時表示しています。</p>
  11689. \t\t\t\t\t\t\t    <div id=\"window-types-container\"><!-- 動的に窓タイプブロックが追加される --></div>
  11690. \t\t\t\t\t\t\t    <div class=\"text-center mt-2\">
  11691. \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>
  11692. \t\t\t\t\t\t\t      <div class=\"small text-muted mt-1\">最大 20 タイプまで追加できます</div>
  11693. \t\t\t\t\t\t\t    </div>
  11694. \t\t\t\t\t\t\t  </div>
  11695. \t\t\t\t\t\t\t</div>
  11697. \t\t\t\t\t\t\t{# 窓タイプブロックのテンプレート. __IDX__ を JS で連番に置換して clone する. #}
  11698. \t\t\t\t\t\t\t<template id=\"window-type-template\">
  11699. \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;\">
  11700. \t\t\t\t\t\t\t    <div class=\"d-flex justify-content-between align-items-center mb-2\">
  11701. \t\t\t\t\t\t\t      <strong>窓タイプ <span class=\"wt-num\">__IDX__</span></strong>
  11702. \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>
  11703. \t\t\t\t\t\t\t    </div>
  11705. \t\t\t\t\t\t\t    {# 窓タイプ (subtype) #}
  11706. \t\t\t\t\t\t\t    {% if p_option1 and p_option1|length and p_option1|join != \"\" %}
  11707. \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)\">
  11708. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓タイプ</div>
  11709. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  11710. \t\t\t\t\t\t\t        {% for v in p_option1 %}{% if v %}
  11711. \t\t\t\t\t\t\t          <label class=\"opt-btn\">
  11712. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_subtype___IDX__\" value=\"{{ v }}\" data-axis=\"subtype\" onchange=\"onWindowTypeAxisChange(this);\">
  11713. \t\t\t\t\t\t\t            {{ v }}
  11714. \t\t\t\t\t\t\t          </label>
  11715. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  11716. \t\t\t\t\t\t\t      </div>
  11717. \t\t\t\t\t\t\t    </div>
  11718. \t\t\t\t\t\t\t    {% endif %}
  11720. \t\t\t\t\t\t\t    {# 幅 (mm 直接入力) #}
  11721. \t\t\t\t\t\t\t    {% if p_w and p_w|length and p_w|join != \"\" %}
  11722. \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)\">
  11723. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">幅</div>
  11724. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  11725. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_pw___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  11726. \t\t\t\t\t\t\t               placeholder=\"例 1750\" data-axis=\"pw\" data-unit=\"mm\"
  11727. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  11728. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  11729. \t\t\t\t\t\t\t      </div>
  11730. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応幅: 〜{{ (p_w|last)|default('') }}（{{ p_w|length }} 段階の価格帯から自動選択）</small>
  11731. \t\t\t\t\t\t\t    </div>
  11732. \t\t\t\t\t\t\t    {% endif %}
  11734. \t\t\t\t\t\t\t    {# 高さ (mm 直接入力) #}
  11735. \t\t\t\t\t\t\t    {% if p_h and p_h|length and p_h|join != \"\" %}
  11736. \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)\">
  11737. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">高さ</div>
  11738. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  11739. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_ph___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  11740. \t\t\t\t\t\t\t               placeholder=\"例 1200\" data-axis=\"ph\" data-unit=\"mm\"
  11741. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  11742. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  11743. \t\t\t\t\t\t\t      </div>
  11744. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応高さ: 〜{{ (p_h|last)|default('') }}（{{ p_h|length }} 段階の価格帯から自動選択）</small>
  11745. \t\t\t\t\t\t\t    </div>
  11746. \t\t\t\t\t\t\t    {% endif %}
  11748. \t\t\t\t\t\t\t    {# ガラスタイプ #}
  11749. \t\t\t\t\t\t\t    {% if p_m and p_m|length and p_m|join != \"\" %}
  11750. \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)\">
  11751. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">ガラスタイプ</div>
  11752. \t\t\t\t\t\t\t      {# A-3: 内窓ガラス名は長い(例 ~449px)。横スクロール(is-scroll)化すると
  11753. \t\t\t\t\t\t\t         左が見切れるため no-hscroll で縦積み＋折り返し表示に固定する。 #}
  11754. \t\t\t\t\t\t\t      <div class=\"opt-btn-group no-hscroll\">
  11755. \t\t\t\t\t\t\t        {% for v in p_m %}{% if v %}
  11756. \t\t\t\t\t\t\t          <label class=\"opt-btn\">
  11757. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pm___IDX__\" value=\"{{ v }}\" data-axis=\"pm\" onchange=\"onWindowTypeAxisChange(this);\">
  11758. \t\t\t\t\t\t\t            {{ v }}
  11759. \t\t\t\t\t\t\t          </label>
  11760. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  11761. \t\t\t\t\t\t\t      </div>
  11762. \t\t\t\t\t\t\t      <small class=\"text-muted\">「<span style=\"color:#2e7d32;font-weight:bold;\">補助金対象</span>」が付いたガラスは、先進的窓リノベ補助金の対象です。</small>
  11763. \t\t\t\t\t\t\t    </div>
  11764. \t\t\t\t\t\t\t    {% endif %}
  11766. \t\t\t\t\t\t\t    {# 窓枠カラー #}
  11767. \t\t\t\t\t\t\t    {% if color and color|length %}
  11768. \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)\">
  11769. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓枠カラー</div>
  11770. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  11771. \t\t\t\t\t\t\t        {% for cc in color %}{% if cc and cc['name'] %}
  11772. \t\t\t\t\t\t\t          {% set has_img = cc['img'] is defined and cc['img'] is not empty %}
  11773. \t\t\t\t\t\t\t          <label class=\"opt-btn{% if has_img %} opt-btn--with-image{% endif %}\">
  11774. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pc___IDX__\" value=\"{{ cc['name'] }}\" data-axis=\"pc\" onchange=\"onWindowTypeAxisChange(this);\">
  11775. \t\t\t\t\t\t\t            {% if has_img %}
  11776. \t\t\t\t\t\t\t              <img src=\"{{ cc['img'] }}\" alt=\"{{ cc['name'] }}\" class=\"opt-btn__img\"
  11777. \t\t\t\t\t\t\t                   onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  11778. \t\t\t\t\t\t\t              <span class=\"opt-btn__name\">{{ cc['name'] }}</span>
  11779. \t\t\t\t\t\t\t            {% else %}
  11780. \t\t\t\t\t\t\t              {{ cc['name'] }}
  11781. \t\t\t\t\t\t\t            {% endif %}
  11782. \t\t\t\t\t\t\t          </label>
  11783. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  11784. \t\t\t\t\t\t\t      </div>
  11785. \t\t\t\t\t\t\t    </div>
  11786. \t\t\t\t\t\t\t    {% endif %}
  11788. \t\t\t\t\t\t\t    {# セット数 + タイプごとの補助金額表示 (補助金は task 2 で実計算) #}
  11789. \t\t\t\t\t\t\t    <div class=\"form-group row mt-2 align-items-center\">
  11790. \t\t\t\t\t\t\t      <label class=\"col-4 col-form-label\">セット数</label>
  11791. \t\t\t\t\t\t\t      <div class=\"col-4\">
  11792. \t\t\t\t\t\t\t        <div class=\"input-group\">
  11793. \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);\">
  11794. \t\t\t\t\t\t\t          <span class=\"input-group-text\">セット</span>
  11795. \t\t\t\t\t\t\t        </div>
  11796. \t\t\t\t\t\t\t      </div>
  11797. \t\t\t\t\t\t\t      <div class=\"col-4 text-end\">
  11798. \t\t\t\t\t\t\t        <span class=\"wt-subsidy-label\">補助金額</span><br><span class=\"wt-subsidy-amount\">―</span> <span class=\"wt-subsidy-label\">円</span>
  11799. \t\t\t\t\t\t\t      </div>
  11800. \t\t\t\t\t\t\t    </div>
  11801. \t\t\t\t\t\t\t  </div>
  11802. \t\t\t\t\t\t\t</template>
  11804. \t\t\t\t\t\t\t{# 複数タイプ管理 JS. addWindowType / removeWindowType / 再番号付け. #}
  11805. \t\t\t\t\t\t\t<script>
  11806. \t\t\t\t\t\t\t(function() {
  11807. \t\t\t\t\t\t\t\tvar MAX_WINDOW_TYPES = 20;
  11809. \t\t\t\t\t\t\t\tfunction addWindowType() {
  11810. \t\t\t\t\t\t\t\t\tvar container = document.getElementById('window-types-container');
  11811. \t\t\t\t\t\t\t\t\tif (!container) return;
  11812. \t\t\t\t\t\t\t\t\tvar existing = container.querySelectorAll('.window-type-block');
  11813. \t\t\t\t\t\t\t\t\tif (existing.length >= MAX_WINDOW_TYPES) return;
  11814. \t\t\t\t\t\t\t\t\tvar newIdx = existing.length + 1;
  11815. \t\t\t\t\t\t\t\t\tvar tpl = document.getElementById('window-type-template');
  11816. \t\t\t\t\t\t\t\t\tif (!tpl) return;
  11817. \t\t\t\t\t\t\t\t\t// <template> の innerHTML を取り出して __IDX__ を新規連番に置換し、要素化して append.
  11818. \t\t\t\t\t\t\t\t\tvar html = tpl.innerHTML.replace(/__IDX__/g, String(newIdx));
  11819. \t\t\t\t\t\t\t\t\tvar wrapper = document.createElement('div');
  11820. \t\t\t\t\t\t\t\t\twrapper.innerHTML = html.trim();
  11821. \t\t\t\t\t\t\t\t\tvar block = wrapper.firstChild;
  11822. \t\t\t\t\t\t\t\t\tcontainer.appendChild(block);
  11823. \t\t\t\t\t\t\t\t\tdecorateSubsidyGlass(block);
  11824. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  11825. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11826. \t\t\t\t\t\t\t\t}
  11828. \t\t\t\t\t\t\t\t// 補助金対象ガラスの選択肢に「補助金対象」バッジ + 緑枠を付与する.
  11829. \t\t\t\t\t\t\t\t// 判定は calc script 側の window.glassYieldsSubsidy に委譲 (ロジック二重化を避ける)。
  11830. \t\t\t\t\t\t\t\tfunction decorateSubsidyGlass(block) {
  11831. \t\t\t\t\t\t\t\t\tif (!block || typeof window.glassYieldsSubsidy !== 'function') return;
  11832. \t\t\t\t\t\t\t\t\tvar radios = block.querySelectorAll('input[data-axis=\"pm\"]');
  11833. \t\t\t\t\t\t\t\t\tradios.forEach(function(inp) {
  11834. \t\t\t\t\t\t\t\t\t\tvar label = inp.closest('.opt-btn');
  11835. \t\t\t\t\t\t\t\t\t\tif (!label || label.querySelector('.opt-btn__subsidy-badge')) return;
  11836. \t\t\t\t\t\t\t\t\t\tif (window.glassYieldsSubsidy(inp.value)) {
  11837. \t\t\t\t\t\t\t\t\t\t\tlabel.classList.add('opt-btn--subsidy');
  11838. \t\t\t\t\t\t\t\t\t\t\tvar badge = document.createElement('span');
  11839. \t\t\t\t\t\t\t\t\t\t\tbadge.className = 'opt-btn__subsidy-badge';
  11840. \t\t\t\t\t\t\t\t\t\t\tbadge.textContent = '補助金対象';
  11841. \t\t\t\t\t\t\t\t\t\t\tlabel.appendChild(badge);
  11842. \t\t\t\t\t\t\t\t\t\t}
  11843. \t\t\t\t\t\t\t\t\t});
  11844. \t\t\t\t\t\t\t\t}
  11846. \t\t\t\t\t\t\t\tfunction removeWindowType(btn) {
  11847. \t\t\t\t\t\t\t\t\tvar block = btn.closest('.window-type-block');
  11848. \t\t\t\t\t\t\t\t\tif (!block) return;
  11849. \t\t\t\t\t\t\t\t\tblock.remove();
  11850. \t\t\t\t\t\t\t\t\treindexBlocks();
  11851. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  11852. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11853. \t\t\t\t\t\t\t\t}
  11855. \t\t\t\t\t\t\t\tfunction updateRemoveButtonVisibility() {
  11856. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  11857. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b) {
  11858. \t\t\t\t\t\t\t\t\t\tvar btn = b.querySelector('.btn-remove-window-type');
  11859. \t\t\t\t\t\t\t\t\t\tif (btn) btn.style.display = blocks.length > 1 ? '' : 'none';
  11860. \t\t\t\t\t\t\t\t\t});
  11861. \t\t\t\t\t\t\t\t}
  11863. \t\t\t\t\t\t\t\tfunction reindexBlocks() {
  11864. \t\t\t\t\t\t\t\t\t// ブロック削除後に 1 から振り直し. input[name] の末尾 _N も書き換える.
  11865. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  11866. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b, i) {
  11867. \t\t\t\t\t\t\t\t\t\tvar n = i + 1;
  11868. \t\t\t\t\t\t\t\t\t\tb.setAttribute('data-type-idx', String(n));
  11869. \t\t\t\t\t\t\t\t\t\tvar numSpan = b.querySelector('.wt-num');
  11870. \t\t\t\t\t\t\t\t\t\tif (numSpan) numSpan.textContent = String(n);
  11871. \t\t\t\t\t\t\t\t\t\tb.querySelectorAll('input[name]').forEach(function(inp) {
  11872. \t\t\t\t\t\t\t\t\t\t\tinp.name = inp.name.replace(/_\\d+\$/, '_' + n);
  11873. \t\t\t\t\t\t\t\t\t\t});
  11874. \t\t\t\t\t\t\t\t\t});
  11875. \t\t\t\t\t\t\t\t}
  11877. \t\t\t\t\t\t\t\t// 軸変更イベント. recalcAll が定義されていれば再計算 (task 2 で実装).
  11878. \t\t\t\t\t\t\t\twindow.onWindowTypeAxisChange = function() {
  11879. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11880. \t\t\t\t\t\t\t\t};
  11882. \t\t\t\t\t\t\t\twindow.addWindowType = addWindowType;
  11883. \t\t\t\t\t\t\t\twindow.removeWindowType = removeWindowType;
  11885. \t\t\t\t\t\t\t\t// 隠し radio(opacity:0/pointer-events:none) を label で包む opt-btn は iOS で初回タップの
  11886. \t\t\t\t\t\t\t\t// change が不発になりやすい。窓タイプ/住宅区分は label に onclick が無く change 依存だった
  11887. \t\t\t\t\t\t\t\t// ため「2回タッチ/選択できない」が発生。click は確実に発火するので委譲 click で選択状態・
  11888. \t\t\t\t\t\t\t\t// is-selected・再計算を行う(JSで複製される窓タイプにも委譲で対応)。
  11889. \t\t\t\t\t\t\t\tdocument.addEventListener('click', function(ev) {
  11890. \t\t\t\t\t\t\t\t\tif (!ev.target || !ev.target.closest) return;
  11891. \t\t\t\t\t\t\t\t\tvar label = ev.target.closest('.opt-btn');
  11892. \t\t\t\t\t\t\t\t\tif (!label) return;
  11893. \t\t\t\t\t\t\t\t\tif (!label.closest('#window-types-container') && !label.closest('#window-housing-type-group')) return;
  11894. \t\t\t\t\t\t\t\t\tvar input = label.querySelector('input[type=\"radio\"]');
  11895. \t\t\t\t\t\t\t\t\tif (!input || input.disabled) return;
  11896. \t\t\t\t\t\t\t\t\tinput.checked = true;
  11897. \t\t\t\t\t\t\t\t\tvar nm = input.getAttribute('name');
  11898. \t\t\t\t\t\t\t\t\tif (nm) {
  11899. \t\t\t\t\t\t\t\t\t\tdocument.querySelectorAll('input[name=\"' + nm + '\"]').forEach(function(i) {
  11900. \t\t\t\t\t\t\t\t\t\t\tvar l = i.closest('.opt-btn');
  11901. \t\t\t\t\t\t\t\t\t\t\tif (l) l.classList.toggle('is-selected', i.checked);
  11902. \t\t\t\t\t\t\t\t\t\t});
  11903. \t\t\t\t\t\t\t\t\t}
  11904. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11905. \t\t\t\t\t\t\t\t});
  11907. \t\t\t\t\t\t\t\t// 初期表示で 1 ブロック追加 + 住宅区分ラジオの change で再計算.
  11908. \t\t\t\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', function() {
  11909. \t\t\t\t\t\t\t\t\tif (document.querySelector('#window-types-container')) {
  11910. \t\t\t\t\t\t\t\t\t\taddWindowType();
  11911. \t\t\t\t\t\t\t\t\t}
  11912. \t\t\t\t\t\t\t\t\tvar housingInputs = document.querySelectorAll('input[name=\"window_housing_type\"]');
  11913. \t\t\t\t\t\t\t\t\tvar syncHousingSelectedClass = function() {
  11914. \t\t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  11915. \t\t\t\t\t\t\t\t\t\t\tvar lbl = el.closest('.opt-btn');
  11916. \t\t\t\t\t\t\t\t\t\t\tif (!lbl) return;
  11917. \t\t\t\t\t\t\t\t\t\t\tif (el.checked) lbl.classList.add('is-selected');
  11918. \t\t\t\t\t\t\t\t\t\t\telse            lbl.classList.remove('is-selected');
  11919. \t\t\t\t\t\t\t\t\t\t});
  11920. \t\t\t\t\t\t\t\t\t};
  11921. \t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  11922. \t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  11923. \t\t\t\t\t\t\t\t\t\tel.addEventListener('change', function() {
  11924. \t\t\t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  11925. \t\t\t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  11926. \t\t\t\t\t\t\t\t\t\t});
  11927. \t\t\t\t\t\t\t\t\t});
  11928. \t\t\t\t\t\t\t\t});
  11929. \t\t\t\t\t\t\t})();
  11930. \t\t\t\t\t\t\t</script>
  11932. \t\t\t\t\t\t{% endif %}
  11934. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  11935. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 3 %}
  11937. \t\t\t\t\t\t\t{# 幅・奥行き・高さ（p_w/p_d/p_h からボタン型ラジオ生成） #}
  11938. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  11939. \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)\">
  11940. \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>
  11941. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11942. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11943. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  11944. \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 %}\"
  11945. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw3_{{ idx }}');\">
  11946. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_{{ idx }}\" value=\"{{ pw_val }}\"
  11947. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}>
  11948. \t\t\t\t\t\t\t        {{ pw_val }}
  11949. \t\t\t\t\t\t\t      </label>
  11950. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11951. \t\t\t\t\t\t\t  </div>
  11952. \t\t\t\t\t\t\t</div>
  11953. \t\t\t\t\t\t\t{% endif %}
  11955. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  11956. \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)\">
  11957. \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>
  11958. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11959. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11960. \t\t\t\t\t\t\t    {% for pd_val in p_d %}{% if pd_val %}{% set idx = idx + 1 %}
  11961. \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 %}\"
  11962. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pd','pd3_{{ idx }}');\">
  11963. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_{{ idx }}\" value=\"{{ pd_val }}\"
  11964. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %}checked{% endif %}>
  11965. \t\t\t\t\t\t\t        {{ pd_val }}
  11966. \t\t\t\t\t\t\t      </label>
  11967. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11968. \t\t\t\t\t\t\t  </div>
  11969. \t\t\t\t\t\t\t</div>
  11970. \t\t\t\t\t\t\t{% endif %}
  11972. \t\t\t\t\t\t\t{% if p_h and p_h|length and p_h|join != \"\" %}
  11973. \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)\">
  11974. \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>
  11975. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11976. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11977. \t\t\t\t\t\t\t    {% for ph_val in p_h %}{% if ph_val %}{% set idx = idx + 1 %}
  11978. \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 %}\"
  11979. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('ph','ph3_{{ idx }}');\">
  11980. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_{{ idx }}\" value=\"{{ ph_val }}\"
  11981. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %}checked{% endif %}>
  11982. \t\t\t\t\t\t\t        {{ ph_val }}
  11983. \t\t\t\t\t\t\t      </label>
  11984. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11985. \t\t\t\t\t\t\t  </div>
  11986. \t\t\t\t\t\t\t</div>
  11987. \t\t\t\t\t\t\t{% endif %}
  11989. \t\t\t\t\t\t\t{# 棚タイプ（p_m データから選択肢を生成） #}
  11990. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  11991. \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)\">
  11992. \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>
  11993. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11994. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11995. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  11996. \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 %}\"
  11997. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm3_{{ idx }}');\">
  11998. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_{{ idx }}\" value=\"{{ pm_val }}\"
  11999. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}>
  12000. \t\t\t\t\t\t\t        {{ pm_val }}
  12001. \t\t\t\t\t\t\t      </label>
  12002. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  12003. \t\t\t\t\t\t\t  </div>
  12004. \t\t\t\t\t\t\t</div>
  12005. \t\t\t\t\t\t\t{% endif %}
  12007. \t\t\t\t\t\t\t{# option1 (mo の 棚タイプ 等、p_option1 データから選択肢を生成) #}
  12008. \t\t\t\t\t\t\t{% if p_option1 and p_option1|length and p_option1|join != \"\" %}
  12009. \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)\">
  12010. \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>
  12011. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  12012. \t\t\t\t\t\t\t    {% set idx = 0 %}
  12013. \t\t\t\t\t\t\t    {% for opt1_val in p_option1 %}{% if opt1_val %}{% set idx = idx + 1 %}
  12014. \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 %}\"
  12015. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('option1','option1_3_{{ idx }}');\">
  12016. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"option1\" id=\"option1_3_{{ idx }}\" value=\"{{ opt1_val }}\"
  12017. \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 %}>
  12018. \t\t\t\t\t\t\t        {{ opt1_val }}
  12019. \t\t\t\t\t\t\t      </label>
  12020. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  12021. \t\t\t\t\t\t\t  </div>
  12022. \t\t\t\t\t\t\t</div>
  12023. \t\t\t\t\t\t\t{% endif %}
  12025. \t\t\t\t\t\t\t{# カラー（共通の color データ使用） #}
  12026. \t\t\t\t\t\t\t{% if color and color|length %}
  12027. \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)\">
  12028. \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>
  12029. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  12030. \t\t\t\t\t\t\t    {% set idx = 0 %}
  12031. \t\t\t\t\t\t\t    {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  12032. \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 %}\"
  12033. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pc','cc3_{{ idx }}');\">
  12034. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_{{ idx }}\" value=\"{{ cc['name'] }}\"
  12035. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  12036. \t\t\t\t\t\t\t        {{ cc['name'] }}
  12037. \t\t\t\t\t\t\t      </label>
  12038. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  12039. \t\t\t\t\t\t\t  </div>
  12040. \t\t\t\t\t\t\t</div>
  12041. \t\t\t\t\t\t\t{% endif %}
  12043. \t\t\t\t\t\t\t{# 台数 #}
  12044. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  12045. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  12046. \t\t\t\t\t\t\t  <div class=\"col-4\">
  12047. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  12048. \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');\">
  12049. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  12050. \t\t\t\t\t\t\t    </div>
  12051. \t\t\t\t\t\t\t  </div>
  12052. \t\t\t\t\t\t\t  <div class=\"col-4\">
  12053. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  12054. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  12055. \t\t\t\t\t\t\t  </div>
  12056. \t\t\t\t\t\t\t</div>
  12058. \t\t\t\t\t\t{% endif %}
  12060. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  12061. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 %}
  12063. \t\t\t\t\t\t\t{# 枚数 #}
  12064. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  12065. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  12066. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  12067. \t\t\t\t\t\t\t    <div class=\"input-group\">
  12068. \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');\">
  12069. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  12070. \t\t\t\t\t\t\t    </div>
  12071. \t\t\t\t\t\t\t  </div>
  12072. \t\t\t\t\t\t\t  <div class=\"col-4\">
  12073. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  12074. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  12075. \t\t\t\t\t\t\t  </div>
  12076. \t\t\t\t\t\t\t</div>
  12078. \t\t\t\t\t\t{% endif %}
  12080. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  12081. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 5 %}
  12083. \t\t\t\t\t\t\t{# ステップの有無 #}
  12084. \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)\">
  12085. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">ステップ</div>
  12086. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  12087. \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 == '必要') %}
  12088. \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) %}
  12089. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if step_yes_checked %} is-selected{% endif %}\"
  12090. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  12091. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  12092. \t\t\t\t\t\t\t             {% if step_yes_checked %}checked{% endif %}>
  12093. \t\t\t\t\t\t\t      必要
  12094. \t\t\t\t\t\t\t    </label>
  12095. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if step_no_checked %} is-selected{% endif %}\"
  12096. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  12097. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  12098. \t\t\t\t\t\t\t             {% if step_no_checked %}checked{% endif %}>
  12099. \t\t\t\t\t\t\t      不要
  12100. \t\t\t\t\t\t\t    </label>
  12101. \t\t\t\t\t\t\t  </div>
  12102. \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 %}\">
  12103. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  12104. \t\t\t\t\t\t\t  </div>
  12105. \t\t\t\t\t\t\t</div>
  12107. \t\t\t\t\t\t\t{# ウッドデッキフェンスの有無 #}
  12108. \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)\">
  12109. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">デッキフェンス</div>
  12110. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  12111. \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 == '必要') %}
  12112. \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) %}
  12113. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if fence_yes_checked %} is-selected{% endif %}\"
  12114. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  12115. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  12116. \t\t\t\t\t\t\t             {% if fence_yes_checked %}checked{% endif %}>
  12117. \t\t\t\t\t\t\t      必要
  12118. \t\t\t\t\t\t\t    </label>
  12119. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if fence_no_checked %} is-selected{% endif %}\"
  12120. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  12121. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  12122. \t\t\t\t\t\t\t             {% if fence_no_checked %}checked{% endif %}>
  12123. \t\t\t\t\t\t\t      不要
  12124. \t\t\t\t\t\t\t    </label>
  12125. \t\t\t\t\t\t\t  </div>
  12126. \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 %}\">
  12127. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  12128. \t\t\t\t\t\t\t  </div>
  12129. \t\t\t\t\t\t\t</div>
  12131. \t\t\t\t\t\t{% endif %}
  12133. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  12134. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 6 %}
  12136. \t\t\t\t\t\t\t{# 規格（p_m データ → 素材から抽出） #}
  12137. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  12138. \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)\">
  12139. \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>
  12140. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  12141. \t\t\t\t\t\t\t    {% set idx = 0 %}
  12142. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  12143. \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 %}\"
  12144. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm6_{{ idx }}');\">
  12145. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_{{ idx }}\" value=\"{{ pm_val }}\"
  12146. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}>
  12147. \t\t\t\t\t\t\t        {{ pm_val }}
  12148. \t\t\t\t\t\t\t      </label>
  12149. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  12150. \t\t\t\t\t\t\t  </div>
  12151. \t\t\t\t\t\t\t</div>
  12152. \t\t\t\t\t\t\t{% endif %}
  12154. \t\t\t\t\t\t\t{# 芝の幅（p_w = ロール幅。free_area の w。例 100cm/200cm = 1m/2m 幅。
  12155. \t\t\t\t\t\t\t   h はロール長（例 1000cm=10m）で固定のため UI には出さない）。 #}
  12156. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  12157. \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)\">
  12158. \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>
  12159. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  12160. \t\t\t\t\t\t\t    {% set idx = 0 %}
  12161. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  12162. \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 %}\"
  12163. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw6_{{ idx }}');\">
  12164. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_{{ idx }}\" value=\"{{ pw_val }}\"
  12165. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}>
  12166. \t\t\t\t\t\t\t        {{ pw_val }}
  12167. \t\t\t\t\t\t\t      </label>
  12168. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  12169. \t\t\t\t\t\t\t  </div>
  12170. \t\t\t\t\t\t\t</div>
  12171. \t\t\t\t\t\t\t{% endif %}
  12173. \t\t\t\t\t\t\t{# 1ロールの長さ表記（顧客要望 #10）。h はロール長 (例 1000cm=10m) で固定のため選択ではなく表示のみ。 #}
  12174. \t\t\t\t\t\t\t{% set _roll_h = (p_h is defined and p_h|length) ? (p_h|first) : '' %}
  12175. \t\t\t\t\t\t\t{% if _roll_h %}
  12176. \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)\">
  12177. \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>
  12178. \t\t\t\t\t\t\t</div>
  12179. \t\t\t\t\t\t\t{% endif %}
  12181. \t\t\t\t\t\t\t{# 施工サイズ（縦 × 横、m 入力）→ 必要枚数を自動算出して表示.
  12182. \t\t\t\t\t\t\t   面積=縦×横 を #area に流し込み、case 6 の qty=ceil(area/ロール面積) を流用. #}
  12183. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  12184. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工サイズ</label>
  12185. \t\t\t\t\t\t\t  <div class=\"col-8\">
  12186. \t\t\t\t\t\t\t    <div class=\"input-group\">
  12187. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_len\" id=\"tf_len\"
  12188. \t\t\t\t\t\t\t        class=\"form-control\"
  12189. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_len|default('') }}\"
  12190. \t\t\t\t\t\t\t        placeholder=\"縦\" min=\"0.1\" step=\"0.1\"
  12191. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_len','tf_len');\">
  12192. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m&nbsp;×</span>
  12193. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_wid\" id=\"tf_wid\"
  12194. \t\t\t\t\t\t\t        class=\"form-control\"
  12195. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_wid|default('') }}\"
  12196. \t\t\t\t\t\t\t        placeholder=\"横\" min=\"0.1\" step=\"0.1\"
  12197. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_wid','tf_wid');\">
  12198. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m</span>
  12199. \t\t\t\t\t\t\t    </div>
  12200. \t\t\t\t\t\t\t    {# area は内部計算用に保持（縦×横を JS で書き込む） #}
  12201. \t\t\t\t\t\t\t    <input type=\"hidden\" name=\"area\" id=\"area\" value=\"{{ mitsumori_json.area|default('') }}\">
  12202. \t\t\t\t\t\t\t    {# 必要枚数は直接入力も可能。施工サイズ入力時は自動算出して上書きする。
  12203. \t\t\t\t\t\t\t       施工サイズ未入力でも、ここで枚数だけ指定してカートに入れられる。 #}
  12204. \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;\">
  12205. \t\t\t\t\t\t\t      必要枚数：<input type=\"number\" name=\"tf_qty\" id=\"tf_qty\"
  12206. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_qty|default('1') }}\" min=\"1\" step=\"1\"
  12207. \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;\"
  12208. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_qty','tf_qty');\"> 枚
  12209. \t\t\t\t\t\t\t    </div>
  12210. \t\t\t\t\t\t\t    <div style=\"margin-top:6px;font-size:12px;color:#666;\">※ 施工サイズを入力すると必要枚数を自動計算します。サイズが分からない場合は枚数を直接ご指定ください。</div>
  12211. \t\t\t\t\t\t\t  </div>
  12212. \t\t\t\t\t\t\t</div>
  12214. \t\t\t\t\t\t{% endif %}
  12216. \t\t\t\t\t\t<!-- 7: 施工見積（数量買い・基本工事費固定） -->
  12217. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 7 %}
  12218. \t\t\t\t\t\t\t{# 個数（物置の daisu と同形式、単位は「個」） #}
  12219. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  12220. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">個数</label>
  12221. \t\t\t\t\t\t\t  <div class=\"col-4\">
  12222. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  12223. \t\t\t\t\t\t\t      <input type=\"number\" name=\"suuryou\" id=\"suuryou\" class=\"form-control\"
  12224. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.suuryou|default('1') }}\" min=\"1\" max=\"100\"
  12225. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('suuryou','suuryou');\">
  12226. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  12227. \t\t\t\t\t\t\t    </div>
  12228. \t\t\t\t\t\t\t  </div>
  12229. \t\t\t\t\t\t\t  <div class=\"col-4\">
  12230. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"suuryou(+1);\">＋</button>
  12231. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"suuryou(-1);\">ー</button>
  12232. \t\t\t\t\t\t\t  </div>
  12233. \t\t\t\t\t\t\t</div>
  12234. \t\t\t\t\t\t{% endif %}
  12236. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  12237. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 9 %}
  12238. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  12239. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  12240. \t\t\t\t\t\t\t  <div class=\"col-4\">
  12241. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  12242. \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);\">
  12243. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  12244. \t\t\t\t\t\t\t    </div>
  12245. \t\t\t\t\t\t\t  </div>
  12246. \t\t\t\t\t\t\t  <div class=\"col-4\">
  12247. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  12248. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  12249. \t\t\t\t\t\t\t  </div>
  12250. \t\t\t\t\t\t\t</div>
  12251. \t\t\t\t\t\t{% endif %}
  12256. \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>
  12257. \t\t\t\t\t\t{# gs (ゴミステーション, category id=27) では「撤去対応」「残土・ガラ処理」は ex-shop に存在しないため非表示
  12258. \t\t\t\t\t\t   cg (カーゲート, category id=9) では「残土・ガラ処理」分は撤去金額側に内包済みのため非表示
  12259. \t\t\t\t\t\t   (撤去オプション自体は残す) #}
  12260. \t\t\t\t\t\t{% set is_gs = false %}
  12261. \t\t\t\t\t\t{% set is_cg = false %}
  12262. \t\t\t\t\t\t{% if Product.ProductCategories is not empty %}
  12263. \t\t\t\t\t\t\t{% for ProductCategory in Product.ProductCategories %}
  12264. \t\t\t\t\t\t\t\t{% if ProductCategory.category_id == 27 %}{% set is_gs = true %}{% endif %}
  12265. \t\t\t\t\t\t\t\t{% if ProductCategory.category_id == 9 %}{% set is_cg = true %}{% endif %}
  12266. \t\t\t\t\t\t\t{% endfor %}
  12267. \t\t\t\t\t\t{% endif %}
  12268. \t\t\t\t\t\t{% for i in 0..10 %}
  12269. \t\t\t\t\t\t\t{% if op and op|length >= i+1 %}
  12270. \t\t\t\t\t\t\t{% if op[i]['name'] %}
  12271. \t\t\t\t\t\t\t{% set hide_opt = false %}
  12272. \t\t\t\t\t\t\t{% if is_gs and (op[i]['name'] matches '/撤去/' or op[i]['name'] matches '/残土/') %}
  12273. \t\t\t\t\t\t\t\t{% set hide_opt = true %}
  12274. \t\t\t\t\t\t\t{% endif %}
  12275. \t\t\t\t\t\t\t{% if is_cg and op[i]['name'] matches '/残土/' %}
  12276. \t\t\t\t\t\t\t\t{% set hide_opt = true %}
  12277. \t\t\t\t\t\t\t{% endif %}
  12278. \t\t\t\t\t\t\t{% if not hide_opt %}
  12279. \t\t\t\t\t\t\t{# price=0 で「解体」「撤去」「設置場所」(wd 等で API 差額未提供) を含むオプションは
  12280. \t\t\t\t\t\t\t   選択時に「現場調査後に正式お見積もり」文言を出す. #}
  12281. \t\t\t\t\t\t\t{% set is_removal_unknown = (op[i]['price']|default(0) == 0 or op[i]['price']|default('0') == '0')
  12282. \t\t\t\t\t\t\t                              and (op[i]['name'] matches '/解体/' or op[i]['name'] matches '/撤去/' or op[i]['name'] matches '/設置場所/') %}
  12283. \t\t\t\t\t\t\t{# tf (人工芝, sale_type=6): ex-shop に施工価格がないため「取り付け工事も希望する」選択時に現地調査文言を表示 #}
  12284. \t\t\t\t\t\t\t{% set is_tf_kouji = (ProductClass.SaleType.id == 6 and op[i]['name'] matches '/取り付け工事/') %}
  12285. \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)\">
  12287. \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>
  12288. \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 %}
  12289. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  12290. \t\t\t\t\t\t\t    {# off が空 (= ex-shop に選択肢が 1 つしかない基礎施工等) のときは on 側を
  12291. \t\t\t\t\t\t\t       既定選択にして 2 個目の空ラジオを描画しない. #}
  12292. \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 %}\"
  12293. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_1');\">
  12294. \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 %}>
  12295. \t\t\t\t\t\t\t      {{ op[i]['on'] }}
  12296. \t\t\t\t\t\t\t    </label>
  12297. \t\t\t\t\t\t\t    {% if op[i]['off'] %}
  12298. \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 %}\"
  12299. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_2');\">
  12300. \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 %}>
  12301. \t\t\t\t\t\t\t      {{ op[i]['off'] }}
  12302. \t\t\t\t\t\t\t    </label>
  12303. \t\t\t\t\t\t\t    {% endif %}
  12304. \t\t\t\t\t\t\t  </div>
  12305. \t\t\t\t\t\t\t  {% if is_removal_unknown or is_tf_kouji %}
  12306. \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 %}\">
  12307. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  12308. \t\t\t\t\t\t\t  </div>
  12309. \t\t\t\t\t\t\t  {% endif %}
  12310. \t\t\t\t\t\t\t</div>
  12311. \t\t\t\t\t\t\t{% endif %}
  12312. \t\t\t\t\t\t\t{% endif %}
  12313. \t\t\t\t\t\t\t{% endif %}
  12314. \t\t\t\t\t\t{% endfor %}
  12316. \t\t\t\t\t\t{# fe (sale_type=4) ブロックの種類×段数 サブ UI コンテナ.
  12317. \t\t\t\t\t\t   親オプション「ご希望のフェンス設置方法」 = 「新規にブロック積みを行う」
  12318. \t\t\t\t\t\t   を選択したときだけ JS (renderFeBlockRadios) で表示される. #}
  12319. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 and oi and oi.fe_block %}
  12320. \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>
  12321. \t\t\t\t\t\t{% endif %}
  12323. \t\t\t\t\t\t{# tg カテゴリ用: block 別オプション差額ラジオ (W/D 確定後に JS が動的描画).
  12324. \t\t\t\t\t\t   他オプションと同じ列(card-body 内・カートボタンより前)に表示する. #}
  12325. \t\t\t\t\t\t<div id=\"tg-options\" class=\"tg-options-container col-12\"></div>
  12327. \t\t\t\t\t  </div>
  12328. \t\t\t\t\t  <!-- /.card-body -->
  12329. \t\t\t\t\t</div>
  12332.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  12333.                         {% if Product.stock_find %}
  12334.                             <div class=\"ec-productRole__actions\">
  12335.                                 {% if form.classcategory_id1 is defined %}
  12336.                                     <div class=\"ec-select\">
  12337.                                         {{ form_row(form.classcategory_id1) }}
  12338.                                         {{ form_errors(form.classcategory_id1) }}
  12339.                                     </div>
  12340.                                     {% if form.classcategory_id2 is defined %}
  12341.                                         <div class=\"ec-select\">
  12342.                                             {{ form_row(form.classcategory_id2) }}
  12343.                                             {{ form_errors(form.classcategory_id2) }}
  12344.                                         </div>
  12345.                                     {% endif %}
  12346.                                 {% endif %}
  12347.                                 <div class=\"ec-numberInput\">
  12348.                                     {{ form_widget(form.quantity, { type: 'hidden' }) }}
  12349.                                     {{ form_errors(form.quantity) }}
  12350.                                 </div>
  12351.                             </div>
  12353.                         {% else %}
  12354.                             <div class=\"ec-productRole__btn\">
  12355.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  12356.                                     {{ 'ただいま品切れ中です。'|trans }}
  12357.                                 </button>
  12358.                             </div>
  12359.                         {% endif %}
  12360.                         <div class=\"ec-productRole__btn mt-3\">
  12361.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  12362.                         </div>
  12363.                         {{ form_rest(form) }}
  12364.                     </form>
  12365.                     <div class=\"ec-modal add-cart-modal\">
  12366.                         <div class=\"ec-modal-overlay\">
  12367.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  12368.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  12369.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">{{ 'カートに追加しました。'|trans }}</div>
  12370.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  12371.                                     <div class=\"ec-role add-cart-modal__actions\">
  12372.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action add-cart-modal__primary\">{{ 'カートに進む'|trans }}</a>
  12373.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">{{ '商品検索を続ける'|trans }}</span>
  12374.                                     </div>
  12375.                                 </div>
  12376.                             </div>
  12377.                         </div>
  12378.                     </div>
  12379.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  12380.                     </div>
  12382.                     {# SNSシェア #}
  12383.                     <div class=\"ec-productRole__share\">
  12384.                         <ul class=\"ec-share\">
  12385.                             <li class=\"ec-share__item\">
  12386.                                 <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\">
  12387.                                     <i class=\"fab fa-twitter\"></i>
  12388.                                 </a>
  12389.                             </li>
  12390.                             <li class=\"ec-share__item\">
  12391.                                 <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\">
  12392.                                     <i class=\"fab fa-facebook-f\"></i>
  12393.                                 </a>
  12394.                             </li>
  12395.                             <li class=\"ec-share__item\">
  12396.                                 <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\">
  12397.                                     <i class=\"fab fa-line\"></i>
  12398.                                 </a>
  12399.                             </li>
  12400.                         </ul>
  12401.                     </div>
  12402.                 </div>
  12403. \t\t\t\t{# ===== スマホ用 見積金額 下部固定バー ===== #}
  12404. \t\t\t\t<div id=\"sp-mitsumori-bar\">
  12405. \t\t\t\t    <div class=\"sp-bar__pricewrap\">
  12406. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税抜)</div>
  12407. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  12408. \t\t\t\t    </div>
  12409. \t\t\t\t    <button type=\"button\" class=\"sp-bar__detail-btn\"
  12410. \t\t\t\t            onclick=\"openSpMitsumoriDetail();\" title=\"お見積りの詳細（内訳）を表示\">
  12411. \t\t\t\t        <i class=\"far fa-file-alt\"></i>
  12412. \t\t\t\t        <span>詳細</span>
  12413. \t\t\t\t    </button>
  12414. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  12415. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  12416. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  12417. \t\t\t\t        <span class=\"sp-bar__btn-label\">カートへ</span>
  12418. \t\t\t\t        {% set spTotalQty = get_carts_total_quantity() %}
  12419. \t\t\t\t        {% if spTotalQty > 0 %}
  12420. \t\t\t\t            <span class=\"sp-bar__cart-badge\">{{ spTotalQty|number_format }}</span>
  12421. \t\t\t\t        {% endif %}
  12422. \t\t\t\t    </button>
  12423. \t\t\t\t    <a href=\"{{ url('homepage') }}\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  12424. \t\t\t\t        <i class=\"fas fa-home\"></i>
  12425. \t\t\t\t    </a>
  12426. \t\t\t\t</div>
  12428. \t\t\t\t{# ===== スマホ用 お見積りの詳細 ボトムシート ===== #}
  12429. \t\t\t\t{# タップ時に現在の内訳カード(.mitsumori-card-pc)の中身を複製して表示する。
  12430. \t\t\t\t   価格計算には触れず、ライブ同期済みの表示値をそのまま見せる方式。 #}
  12431. \t\t\t\t<div id=\"sp-mitsumori-detail\" class=\"sp-detail-sheet\" aria-hidden=\"true\">
  12432. \t\t\t\t    <div class=\"sp-detail-sheet__overlay\" onclick=\"closeSpMitsumoriDetail();\"></div>
  12433. \t\t\t\t    <div class=\"sp-detail-sheet__panel\" role=\"dialog\" aria-label=\"お見積りの詳細\">
  12434. \t\t\t\t        <div class=\"sp-detail-sheet__header\">
  12435. \t\t\t\t            <span class=\"sp-detail-sheet__title\">お見積りの詳細</span>
  12436. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__close\" onclick=\"closeSpMitsumoriDetail();\" aria-label=\"閉じる\">&times;</button>
  12437. \t\t\t\t        </div>
  12438. \t\t\t\t        <div class=\"sp-detail-sheet__body\" id=\"sp-detail-body\"></div>
  12439. \t\t\t\t        <div class=\"sp-detail-sheet__footer\">
  12440. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__invoice\"
  12441. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('mitsumori_btn') && document.getElementById('mitsumori_btn').click();\">見積書を表示</button>
  12442. \t\t\t\t            <button type=\"button\" class=\"sp-detail-sheet__cart\"
  12443. \t\t\t\t                    onclick=\"closeSpMitsumoriDetail(); document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">カートに入れる</button>
  12444. \t\t\t\t        </div>
  12445. \t\t\t\t    </div>
  12446. \t\t\t\t</div>
  12448. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  12449. \t\t\t\t\t<div class=\"card-header\">
  12450. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  12451. \t\t\t\t\t  <div class=\"card-tools\">
  12452. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">{{ mitsumori_json.mitsumori_goukei|default('---円') }}</span>
  12453. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  12454. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  12455. \t\t\t\t\t    </button>
  12456. \t\t\t\t\t  </div>
  12457. \t\t\t\t\t</div>
  12458. \t\t\t\t\t<div class=\"card-body p-0\">
  12459. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  12460. \t\t\t\t\t    <li class=\"nav-item active\">
  12461. \t\t\t\t\t      <a class=\"nav-link\">
  12462. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税抜)
  12463. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">{{ mitsumori_json.mitsumori_goukei|default('---円') }}</span>
  12464. \t\t\t\t\t      </a>
  12465. \t\t\t\t\t    </li>
  12466. \t\t\t\t\t    <li class=\"nav-item active\">
  12467. \t\t\t\t\t      <a class=\"nav-link\">
  12468. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  12469. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">{{ mitsumori_json.mitsumori_price|default('---円') }}</span>
  12470. \t\t\t\t\t      </a>
  12471. \t\t\t\t\t    </li>
  12472. \t\t\t\t\t    {# sale_type=2 (補助金窓) ではカタログ価格軸を使わないので非表示. JS 側で #maker_price には \"---円\" を入れる. #}
  12473. \t\t\t\t\t    {% if ProductClass.SaleType.id != 2 %}
  12474. \t\t\t\t\t    <li class=\"nav-item\">
  12475. \t\t\t\t\t      <a class=\"nav-link\">
  12476. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  12477. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">{{ mitsumori_json.maker_price|default('---円') }}</span>
  12478. \t\t\t\t\t      </a>
  12479. \t\t\t\t\t    </li>
  12480. \t\t\t\t\t    {% else %}
  12481. \t\t\t\t\t    {# sale_type=2 でも JS が #maker_price を参照するので hidden で残す #}
  12482. \t\t\t\t\t    <span id=\"maker_price\" style=\"display:none;\">---円</span>
  12483. \t\t\t\t\t    {% endif %}
  12484. \t\t\t\t\t    <li class=\"nav-item\">
  12485. \t\t\t\t\t      <a class=\"nav-link\">
  12486. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i>
  12487. \t\t\t\t\t        {% if ProductClass.SaleType.id == 2 %}補助金（割引額）{% else %}お値引き{% endif %}
  12488. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">{{ mitsumori_json.mitsumori_off|default('---円') }}</span>
  12489. \t\t\t\t\t      </a>
  12490. \t\t\t\t\t    </li>
  12491. \t\t\t\t\t    {# 補助金窓のみ: 当店が申請代行する旨を補助金行の直下に小さく表示 (消費者の手続き勘違い防止) #}
  12492. \t\t\t\t\t    {% if ProductClass.SaleType.id == 2 %}
  12493. \t\t\t\t\t    <li class=\"nav-item\">
  12494. \t\t\t\t\t      <div style=\"padding:4px 12px 8px;color:#6c757d;font-size:11px;line-height:1.4;\">
  12495. \t\t\t\t\t        ※当店が補助金事業者として申請代行し、契約代金に充当します
  12496. \t\t\t\t\t      </div>
  12497. \t\t\t\t\t    </li>
  12498. \t\t\t\t\t    {% endif %}
  12499. \t\t\t\t\t    <li class=\"nav-item\">
  12500. \t\t\t\t\t      <a class=\"nav-link\">
  12501. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  12502. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">{{ mitsumori_json.mitsumori_ct|default('---円') }}</span>
  12503. \t\t\t\t\t      </a>
  12504. \t\t\t\t\t    </li>
  12505. \t\t\t\t\t     {# スチール折板（折半屋根）: cp 折板のみ JS が表示。ex-shop と同じく工事費内の別行。 #}
  12506. \t\t\t\t\t     <li class=\"nav-item\" id=\"mitsumori_steelroof_row\" style=\"display:none;\">
  12507. \t\t\t\t\t       <a class=\"nav-link\">
  12508. \t\t\t\t\t         &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> スチール折板
  12509. \t\t\t\t\t         <span class=\"float-right\" id=\"mitsumori_steelroof\">{{ mitsumori_json.mitsumori_steelroof|default('---円') }}</span>
  12510. \t\t\t\t\t       </a>
  12511. \t\t\t\t\t     </li>
  12512. \t\t\t\t\t    <li class=\"nav-item\">
  12513. \t\t\t\t\t      <a class=\"nav-link\">
  12514. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  12515. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">{{ mitsumori_json.mitsumori_option|default('---円') }}</span>
  12516. \t\t\t\t\t      </a>
  12517. \t\t\t\t\t    </li>
  12518. \t\t\t\t\t  </ul>
  12519. \t\t\t\t\t</div>
  12520. \t\t\t\t\t<div class=\"card-footer\">
  12521. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  12522. \t\t                  見積書表示
  12523. \t\t                </button>
  12524.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  12526. \t\t\t\t\t</div>
  12527. \t\t\t\t</div>
  12528.             </div>
  12530.         </div>
  12532.     </div>
  12534.   <div class=\"modal\" id=\"modal-mitsumori\">
  12535.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  12536.       <div class=\"modal-content\">
  12537.         <div class=\"modal-header\">
  12538.           <h4 class=\"modal-title\">お見積書</h4>
  12539.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  12540.             <span aria-hidden=\"true\">&times;</span>
  12541.           </button>
  12542.         </div>
  12543.         <div class=\"modal-body\">
  12544. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  12545. \t\t\t  <!-- title row -->
  12546. \t\t\t  <div class=\"row\">
  12547. \t\t\t    <div class=\"col-12\">
  12548. \t\t\t      <h2>概算お見積書 
  12549. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: <span id=\"mitsumori_issue_date\">---</span></small>
  12550. \t\t\t      </h2>
  12551. \t\t\t    </div>
  12552. \t\t\t    <!-- /.col -->
  12553. \t\t\t  </div>
  12554. \t\t\t  <!-- info row -->
  12555. \t\t\t  <div class=\"row invoice-info\">
  12556. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  12557. \t\t\t      <h3>お客様</h3>
  12558. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  12559. \t\t\t      <br />
  12560. \t\t\t      <br / >
  12561. \t\t\t      <br />
  12562. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">{{ mitsumori_json.mitsumori_goukei|default('---円') }}</span></h2>
  12563. \t\t\t      <span>
  12564. \t\t\t        <br/>
  12565. \t\t\t        <br/>
  12566. \t\t\t        <br/>
  12567. \t\t\t        <br/>
  12568. \t\t\t      </span>
  12569. \t\t\t    </div>
  12570. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  12571. \t\t\t      <p>
  12572. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  12573. \t\t\t      </p>
  12574. \t\t\t      <p>有限会社プラス</p>
  12575. \t\t\t      <p>〒400-0334</p>
  12576. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  12577. \t\t\t      <p>TEL: 055-284-6480</p>
  12578. \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;\">
  12579. \t\t\t    </div>
  12580. \t\t\t    <!-- /.col -->
  12581. \t\t\t    <!-- /.col -->
  12582. \t\t\t  </div>
  12583. \t\t\t  <!-- /.row -->
  12584. \t\t\t  <!-- Table row -->
  12585. \t\t\t  <div class=\"row\">
  12586. \t\t\t    <div class=\"col-12 table-responsive\">
  12587. \t\t\t      <table class=\"table table-striped\">
  12588. \t\t\t        <thead>
  12589. \t\t\t          <tr>
  12590. \t\t\t            <th>項目</th>
  12591. \t\t\t            <th>数量</th>
  12592. \t\t\t            <th>単位</th>
  12593. \t\t\t            <th>単価</th>
  12594. \t\t\t            <th>小計</th>
  12595. \t\t\t          </tr>
  12596. \t\t\t        </thead>
  12597. \t\t\t        <tbody>
  12598. \t\t\t          <tr>
  12599. \t\t\t            <td id=\"mitsumori_item_name\">{{ Product.name }}</td>
  12600. \t\t\t            <td>1</td>
  12601. \t\t\t            <td>式</td>
  12602. \t\t\t            <td id=\"mitsumori_price_01\">---</td>
  12603. \t\t\t            <td id=\"mitsumori_price_02\">---</td>
  12604. \t\t\t          </tr>
  12605. \t\t\t          <tr>
  12606. \t\t\t            <td>基本工事費</td>
  12607. \t\t\t            <td>1</td>
  12608. \t\t\t            <td>式</td>
  12609. \t\t\t            <td id=\"mitsumori_ct_01\">---</td>
  12610. \t\t\t            <td id=\"mitsumori_ct_02\">---</td>
  12611. \t\t\t          </tr>
  12612. \t\t\t          <tr>
  12613. \t\t\t            <td>残土・ガラ処理</td>
  12614. \t\t\t            <td>1</td>
  12615. \t\t\t            <td>式</td>
  12616. \t\t\t            <td>0円</td>
  12617. \t\t\t            <td></td>
  12618. \t\t\t          </tr>
  12619. \t\t\t          <tr>
  12620. \t\t\t            <td>　</td>
  12621. \t\t\t            <td></td>
  12622. \t\t\t            <td></td>
  12623. \t\t\t            <td></td>
  12624. \t\t\t            <td></td>
  12625. \t\t\t          </tr>
  12626. \t\t\t        </tbody>
  12627. \t\t\t      </table>
  12628. \t\t\t    </div>
  12629. \t\t\t    <!-- /.col -->
  12630. \t\t\t  </div>
  12631. \t\t\t  <!-- /.row -->
  12632. \t\t\t  <div class=\"row\">
  12633. \t\t\t    <!-- accepted payments column -->
  12634. \t\t\t    <div class=\"col-6\">
  12635. \t\t\t      <p class=\"lead\">お支払い方法</p>
  12636. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  12637. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  12638. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  12639. \t\t\t      </p>
  12640. \t\t\t    </div>
  12641. \t\t\t    <!-- /.col -->
  12642. \t\t\t    <div class=\"col-6\">
  12643. \t\t\t      <div class=\"table-responsive\">
  12644. \t\t\t        <table class=\"table\">
  12645. \t\t\t          <tbody>
  12646. \t\t\t            <tr>
  12647. \t\t\t              <th style=\"width:50%\">小計:</th>
  12648. \t\t\t              <td id=\"mitsumori_shoukei\">---</td>
  12649. \t\t\t            </tr>
  12650. \t\t\t            <tr>
  12651. \t\t\t              <th>消費税 (10%)</th>
  12652. \t\t\t              <td id=\"mitsumori_tax\">---</td>
  12653. \t\t\t            </tr>
  12654. \t\t\t            <tr>
  12655. \t\t\t              <th>合計:</th>
  12656. \t\t\t              <td id=\"mitsumori_goukei_02\">---</td>
  12657. \t\t\t            </tr>
  12658. \t\t\t          </tbody>
  12659. \t\t\t        </table>
  12660. \t\t\t      </div>
  12661. \t\t\t    </div>
  12662. \t\t\t    <!-- /.col -->
  12663. \t\t\t  </div>
  12664. \t\t\t  <!-- /.row -->
  12665. \t\t\t</div>
  12666.         </div>
  12667.         <div class=\"modal-footer justify-content-between\">
  12668. \t\t\t      {# PDF出力: mitsumori_json を POST して PDF ダウンロード #}
  12669. \t\t\t      <form method=\"post\" action=\"{{ url('mitsumori_pdf') }}\" target=\"_blank\" id=\"pdf_download_form\">
  12670. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"{{ csrf_token('mitsumori_pdf') }}\">
  12671. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  12672. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  12673. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  12674. \t\t\t        </button>
  12675. \t\t\t      </form>
  12676.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  12677.         </div>
  12678.       </div>
  12679.       <!-- /.modal-content -->
  12680.     </div>
  12681.     <!-- /.modal-dialog -->
  12682.   </div>
  12683.   <!-- /.modal -->
  12685.     <!-- Image zoom modal: custom lightweight lightbox (no CDN dependency) -->
  12686.     <div id=\"img-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"画像拡大\">
  12687.         <button id=\"img-modal__close\" aria-label=\"閉じる\">&times;</button>
  12688.         <button id=\"img-modal__prev\" aria-label=\"前の画像\">&#10094;</button>
  12689.         <img id=\"img-modal__img\" src=\"\" alt=\"\">
  12690.         <button id=\"img-modal__next\" aria-label=\"次の画像\">&#10095;</button>
  12691.     </div>
  12692.     <style>
  12693.     #img-modal {
  12694.         display: none;
  12695.         position: fixed;
  12696.         inset: 0;
  12697.         z-index: 9999;
  12698.         background: rgba(0,0,0,0.88);
  12699.         align-items: center;
  12700.         justify-content: center;
  12701.         cursor: zoom-out;
  12702.     }
  12703.     #img-modal.is-open { display: flex; }
  12704.     #img-modal__img {
  12705.         max-width: 92vw;
  12706.         max-height: 88vh;
  12707.         object-fit: contain;
  12708.         border-radius: 4px;
  12709.         cursor: default;
  12710.         user-select: none;
  12711.         touch-action: pinch-zoom;
  12712.         display: block;
  12713.     }
  12714.     #img-modal__close {
  12715.         position: absolute;
  12716.         top: 14px;
  12717.         right: 18px;
  12718.         font-size: 38px;
  12719.         color: #fff;
  12720.         cursor: pointer;
  12721.         background: none;
  12722.         border: none;
  12723.         padding: 0;
  12724.         line-height: 1;
  12725.         z-index: 1;
  12726.         opacity: 0.85;
  12727.     }
  12728.     #img-modal__close:hover { opacity: 1; }
  12729.     #img-modal__prev,
  12730.     #img-modal__next {
  12731.         position: absolute;
  12732.         top: 50%;
  12733.         transform: translateY(-50%);
  12734.         font-size: 36px;
  12735.         color: #fff;
  12736.         cursor: pointer;
  12737.         background: rgba(0,0,0,0.32);
  12738.         border: none;
  12739.         padding: 10px 16px;
  12740.         line-height: 1;
  12741.         border-radius: 6px;
  12742.         z-index: 1;
  12743.         opacity: 0.8;
  12744.         user-select: none;
  12745.     }
  12746.     #img-modal__prev:hover, #img-modal__next:hover { opacity: 1; }
  12747.     #img-modal__prev { left: 12px; }
  12748.     #img-modal__next { right: 12px; }
  12749.     @media (max-width: 767px) {
  12750.         #img-modal__prev, #img-modal__next { font-size: 28px; padding: 8px 12px; }
  12751.     }
  12752.     </style>
  12753.     <script>
  12754.     (function(){
  12755.         var images = [];
  12756.         var current = 0;
  12758.         // Collect original (non-cloned) slide images at click time.
  12759.         // After Slick init, slides are wrapped in .slick-slide; clones have .slick-cloned.
  12760.         function collectImages() {
  12761.             images = [];
  12762.             var \$slides = \$('.item_visual .slick-slide:not(.slick-cloned)');
  12763.             if (!\$slides.length) {
  12764.                 // Slick not yet initialized (fallback)
  12765.                 \$slides = \$('.item_visual .slide-item');
  12766.             }
  12767.             \$slides.each(function() {
  12768.                 var \$a = \$(this).find('a.js-zoom');
  12769.                 if (\$a.length) {
  12770.                     images.push({ src: \$a.attr('href'), alt: \$a.find('img').attr('alt') || '' });
  12771.                 }
  12772.             });
  12773.         }
  12775.         function showImage(idx) {
  12776.             current = ((idx % images.length) + images.length) % images.length;
  12777.             \$('#img-modal__img').attr({ src: images[current].src, alt: images[current].alt });
  12778.         }
  12780.         function openModal(href) {
  12781.             collectImages();
  12782.             if (!images.length) return;
  12783.             var idx = 0;
  12784.             for (var i = 0; i < images.length; i++) {
  12785.                 if (images[i].src === href) { idx = i; break; }
  12786.             }
  12787.             showImage(idx);
  12788.             \$('#img-modal').addClass('is-open');
  12789.             \$('body').css('overflow', 'hidden');
  12790.         }
  12792.         function closeModal() {
  12793.             \$('#img-modal').removeClass('is-open');
  12794.             \$('body').css('overflow', '');
  12795.         }
  12797.         // Click handler: works for both original and Slick-cloned anchors
  12798.         \$(document).on('click', '.item_visual a.js-zoom', function(e) {
  12799.             e.preventDefault();
  12800.             openModal(\$(this).attr('href'));
  12801.         });
  12803.         // Close on backdrop click
  12804.         \$('#img-modal').on('click', function(e) {
  12805.             if (e.target === this) closeModal();
  12806.         });
  12807.         \$('#img-modal__close').on('click', closeModal);
  12808.         \$('#img-modal__prev').on('click', function(e) { e.stopPropagation(); showImage(current - 1); });
  12809.         \$('#img-modal__next').on('click', function(e) { e.stopPropagation(); showImage(current + 1); });
  12811.         // Keyboard navigation
  12812.         \$(document).on('keydown', function(e) {
  12813.             if (!\$('#img-modal').hasClass('is-open')) return;
  12814.             if (e.key === 'Escape') closeModal();
  12815.             if (e.key === 'ArrowLeft') showImage(current - 1);
  12816.             if (e.key === 'ArrowRight') showImage(current + 1);
  12817.         });
  12819.         // Touch swipe (horizontal only)
  12820.         var _tx = 0;
  12821.         var \$modal = document.getElementById('img-modal');
  12822.         \$modal.addEventListener('touchstart', function(e) {
  12823.             _tx = e.changedTouches[0].clientX;
  12824.         }, { passive: true });
  12825.         \$modal.addEventListener('touchend', function(e) {
  12826.             var dx = e.changedTouches[0].clientX - _tx;
  12827.             if (Math.abs(dx) > 48) {
  12828.                 dx < 0 ? showImage(current + 1) : showImage(current - 1);
  12829.             }
  12830.         }, { passive: true });
  12831.     })();
  12832.     </script>
  12834. {% endblock %}
  12835. ", "Product/detail.twig", "/home/xs538259/exterior-plus.jp/public_html/app/template/default/Product/detail.twig");
  12836.     }
  12837. }