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

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Product/detail.twig */
  16. class __TwigTemplate_da5ad31feda8695d41b76c2e300641cf69fccce492d7fb053b687f2a0b3adb3c extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  49.         // line 13
  50.         $context["body_class"] = "product_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <style>
  75.         .slick-slider {
  76.             margin-bottom: 10px;
  77. \t\t\tmargin-top: -20px;
  78.         }
  80.         .slick-dots {
  81.             position: absolute;
  82.             bottom: -45px;
  83.             display: block;
  84.             width: 100%;
  85.             padding: 0;
  86.             list-style: none;
  87.             text-align: center;
  88.         }
  90.         .slick-dots li {
  91.             position: relative;
  92.             display: inline-block;
  93.             width: 20px;
  94.             height: 20px;
  95.             margin: 0 5px;
  96.             padding: 0;
  98.             cursor: pointer;
  99.         }
  101.         .slick-dots li button {
  102.             font-size: 0;
  103.             line-height: 0;
  104.             display: block;
  105.             width: 20px;
  106.             height: 20px;
  107.             padding: 5px;
  108.             cursor: pointer;
  109.             color: transparent;
  110.             border: 0;
  111.             outline: none;
  112.             background: transparent;
  113.         }
  115.         .slick-dots li button:hover,
  116.         .slick-dots li button:focus {
  117.             outline: none;
  118.         }
  120.         .slick-dots li button:hover:before,
  121.         .slick-dots li button:focus:before {
  122.             opacity: 1;
  123.         }
  125.         .slick-dots li button:before {
  126.             content: \" \";
  127.             line-height: 20px;
  128.             position: absolute;
  129.             top: 0;
  130.             left: 0;
  131.             width: 12px;
  132.             height: 12px;
  133.             text-align: center;
  134.             opacity: .25;
  135.             background-color: black;
  136.             border-radius: 50%;
  138.         }
  140.         .slick-dots li.slick-active button:before {
  141.             opacity: .75;
  142.             background-color: black;
  143.         }
  145.         .slick-dots li button.thumbnail img {
  146.             width: 0;
  147.             height: 0;
  148.         }
  150.     </style>
  151.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  152.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  153.     <style>
  154.         /* ============================================
  155.            商品詳細グリッド: 画像50% / 内容50%（均等）
  156.         ============================================ */
  157.         @media (min-width: 768px) {
  158.             body.product_page .ec-grid2 {
  159.                 display: flex;
  160.                 align-items: flex-start;
  161.             }
  162.             body.product_page .ec-grid2 .ec-grid2__cell {
  163.                 width: 50%;
  164.                 flex: 0 0 50%;
  165.                 min-width: 0;
  166.             }
  167.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  168.                 width: 50%;
  169.                 flex: 0 0 50%;
  170.                 min-width: 0;
  171.             }
  172.         }
  174.         /* ============================================
  175.            商品説明欄内のHTMLが画面幅を突き抜けないように
  176.         ============================================ */
  177.         body.product_page .ec-productRole__description {
  178.             min-width: 0;
  179.             overflow-wrap: break-word;
  180.             word-break: break-word;
  181.         }
  182.         body.product_page .ec-productRole__description img,
  183.         body.product_page .ec-productRole__description table,
  184.         body.product_page .ec-productRole__description iframe,
  185.         body.product_page .ec-productRole__description video {
  186.             max-width: 100% !important;
  187.             height: auto;
  188.         }
  189.         body.product_page .ec-productRole__description table {
  190.             display: block;
  191.             overflow-x: auto;
  192.             -webkit-overflow-scrolling: touch;
  193.         }
  195.         /* ============================================
  196.            スマホ用 見積金額 下部固定バー
  197.         ============================================ */
  198.         #sp-mitsumori-bar {
  199.             display: none;
  200.         }
  201.         
  202.         /* ============================================
  203.            商品タイプ選択 共通スタイル
  204.         ============================================ */
  206.         /* セクションラベル */
  207.         .rp-section-label {
  208.             font-size: 14px;
  209.             font-weight: bold;
  210.             color: #333;
  211.             margin-bottom: 10px;
  212.         }
  213.         .rp-section-label span {
  214.             font-weight: normal;
  215.             color: #c00;
  216.         }
  218.         /* ---- 1. 画像付きカード ---- */
  219.         .rp-card-group {
  220.             display: flex;
  221.             flex-wrap: wrap;
  222.             gap: 8px;
  223.             margin-bottom: 4px;
  224.         }
  225.         .rp-card {
  226.             position: relative;
  227.             cursor: pointer;
  228.             width: 110px;
  229.             border: 2px solid #ddd;
  230.             border-radius: 10px;
  231.             overflow: hidden;
  232.             transition: border-color 0.2s, box-shadow 0.2s;
  233.             background: #fff;
  234.         }
  235.         .rp-card:hover {
  236.             border-color: #999;
  237.             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  238.         }
  239.         .rp-card.is-selected {
  240.             border-color: #1a6fcf;
  241.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  242.         }
  243.         .rp-card input[type=\"radio\"] { display: none; }
  244.         .rp-card__image {
  245.             width: 100%;
  246.             aspect-ratio: 1 / 1;
  247.             object-fit: cover;
  248.             display: block;
  249.             background: #f5f5f5;
  250.         }
  251.         .rp-card__placeholder {
  252.             width: 100%;
  253.             aspect-ratio: 1 / 1;
  254.             background: #f0f0f0;
  255.             display: flex;
  256.             align-items: center;
  257.             justify-content: center;
  258.             color: #bbb;
  259.             font-size: 24px;
  260.         }
  261.         .rp-card__name {
  262.             display: block;
  263.             padding: 5px 5px;
  264.             font-size: 11px;
  265.             color: #333;
  266.             text-align: center;
  267.             line-height: 1.4;
  268.             word-break: break-all;
  269.         }
  270.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  271.         .rp-card.is-selected::after {
  272.             content: \"✓\";
  273.             position: absolute;
  274.             top: 3px; right: 6px;
  275.             color: #1a6fcf;
  276.             font-size: 13px;
  277.             font-weight: bold;
  278.         }
  280.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  281.         .rp-btn-group {
  282.             display: flex;
  283.             flex-wrap: wrap;
  284.             gap: 8px;
  285.             margin-bottom: 4px;
  286.             max-width: 100%;
  287.             min-width: 0;
  288.         }
  289.         .rp-btn {
  290.             cursor: pointer;
  291.             padding: 8px 14px;
  292.             border: 2px solid #ddd;
  293.             border-radius: 10px;
  294.             font-size: 13px;
  295.             color: #333;
  296.             background: #fff;
  297.             transition: border-color 0.2s, background 0.2s;
  298.             white-space: nowrap;
  299.             max-width: 100%;
  300.             overflow: hidden;
  301.             text-overflow: ellipsis;
  302.         }
  303.         .rp-btn:hover { border-color: #999; }
  304.         .rp-btn.is-selected {
  305.             border-color: #1a6fcf;
  306.             color: #1a6fcf;
  307.             font-weight: bold;
  308.             background: #f0f6ff;
  309.         }
  310.         .rp-btn input[type=\"radio\"] { display: none; }
  312.         /* ---- ボタン群が3行以上になる場合は1行横スクロール ---- */
  313.         .rp-btn-group.is-scroll,
  314.         .opt-btn-group.is-scroll {
  315.             flex-wrap: nowrap;
  316.             overflow-x: auto;
  317.             overflow-y: hidden;
  318.             -webkit-overflow-scrolling: touch;
  319.             scrollbar-width: thin;
  320.             padding-bottom: 6px;
  321.         }
  322.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  323.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  324.             height: 6px;
  325.         }
  326.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  327.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  328.             background: #c0c0c0;
  329.             border-radius: 3px;
  330.         }
  331.         .rp-btn-group.is-scroll > .rp-btn,
  332.         .opt-btn-group.is-scroll > .opt-btn {
  333.             flex: 0 0 auto;
  334.         }
  336.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  337.         .rp-select-wrap {
  338.             margin-bottom: 4px;
  339.         }
  340.         .rp-select {
  341.             width: 100%;
  342.             max-width: 420px;
  343.             padding: 8px 12px;
  344.             border: 2px solid #ddd;
  345.             border-radius: 10px;
  346.             font-size: 13px;
  347.             color: #333;
  348.             background: #fff;
  349.             appearance: none;
  350.             background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\");
  351.             background-repeat: no-repeat;
  352.             background-position: right 12px center;
  353.             cursor: pointer;
  354.         }
  355.         .rp-select:focus {
  356.             outline: none;
  357.             border-color: #1a6fcf;
  358.         }
  360.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  361.         .opt-btn-group {
  362.             display: flex;
  363.             flex-wrap: wrap;
  364.             gap: 8px;
  365.             padding: 6px 0;
  366.             max-width: 100%;
  367.             min-width: 0;
  368.         }
  369.         .opt-btn {
  370.             cursor: pointer;
  371.             padding: 7px 14px;
  372.             border: 2px solid #ddd;
  373.             border-radius: 10px;
  374.             font-size: 13px;
  375.             color: #333;
  376.             background: #fff;
  377.             transition: border-color 0.2s, background 0.2s;
  378.             white-space: nowrap;
  379.             max-width: 100%;
  380.             overflow: hidden;
  381.             text-overflow: ellipsis;
  382.         }
  383.         .opt-btn:hover { border-color: #999; }
  384.         .opt-btn.is-selected {
  385.             border-color: #1a6fcf;
  386.             color: #1a6fcf;
  387.             font-weight: bold;
  388.             background: #f0f6ff;
  389.         }
  390.         .opt-btn input[type=\"radio\"] { display: none; }
  392.         /* ============================================
  393.            施工エリア案内
  394.         ============================================ */
  395.         .ec-areaNotice {
  396.             margin: 16px 0;
  397.             padding: 16px 20px;
  398.             background: #f8f9fa;
  399.             border-left: 4px solid #1a6fcf;
  400.             border-radius: 0 8px 8px 0;
  401.         }
  402.         .ec-areaNotice__inner {
  403.             display: flex;
  404.             align-items: flex-start;
  405.             gap: 12px;
  406.         }
  407.         .ec-areaNotice__icon {
  408.             font-size: 22px;
  409.             line-height: 1;
  410.             flex-shrink: 0;
  411.             margin-top: 2px;
  412.         }
  413.         .ec-areaNotice__body {
  414.             flex: 1;
  415.         }
  416.         .ec-areaNotice__title {
  417.             font-size: 13px;
  418.             font-weight: bold;
  419.             color: #1a6fcf;
  420.             margin: 0 0 6px;
  421.         }
  422.         .ec-areaNotice__text {
  423.             font-size: 13px;
  424.             color: #444;
  425.             line-height: 1.7;
  426.             margin: 0;
  427.         }
  428.         .ec-areaNotice__text strong {
  429.             color: #222;
  430.         }
  431.         .ec-areaNotice__link {
  432.             display: inline-block;
  433.             margin-top: 8px;
  434.             font-size: 12px;
  435.             color: #1a6fcf;
  436.             text-decoration: underline;
  437.         }
  438.         .ec-areaNotice__link:hover {
  439.             color: #0d4fa0;
  440.         }
  442.         /* ============================================
  443.            SNSシェア + ブランド名 タイトル行
  444.         ============================================ */
  445.         .ec-productRole__titleRow {
  446.             display: flex;
  447.             align-items: center;
  448.             justify-content: space-between;
  449.             gap: 8px;
  450.             margin-bottom: 4px;
  451.         }
  452.         .ec-productRole__titleRow .ec-headingTitle {
  453.             margin: 0;
  454.             flex: 1;
  455.             font-size: 18px;
  456.         }
  457.         .ec-share-inline {
  458.             display: flex;
  459.             align-items: center;
  460.             gap: 8px;
  461.             flex-shrink: 0;
  462.         }
  463.         @media (max-width: 767px) {
  464.             /* maker_area の float を解除して独立表示 */
  465.             #maker_area {
  466.                 float: none !important;
  467.                 width: auto !important;
  468.                 height: auto !important;
  469.                 display: block;
  470.                 margin-bottom: 4px;
  471.             }
  472.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  473.             .ec-productRole__titleRow {
  474.                 flex-wrap: wrap;
  475.                 clear: both;
  476.             }
  477.             .ec-productRole__titleRow .ec-headingTitle {
  478.                 flex: 1 1 100%;
  479.                 font-size: 16px;
  480.             }
  481.             .ec-share-inline {
  482.                 flex: 0 0 auto;
  483.                 margin-left: auto;
  484.             }
  485.         }
  486.         .ec-share-inline a {
  487.             display: flex;
  488.             align-items: center;
  489.             justify-content: center;
  490.             width: 32px;
  491.             height: 32px;
  492.             border-radius: 50%;
  493.             font-size: 15px;
  494.             color: #fff;
  495.             text-decoration: none;
  496.             transition: opacity 0.2s;
  497.         }
  498.         .ec-share-inline a:hover { opacity: 0.8; }
  499.         .ec-share-inline .share-twitter  { background: #000; }
  500.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  501.         .ec-share-inline .share-line     { background: #06c755; }
  503.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  504.         .ec-productRole__share { display: none; }
  506.         /* ============================================
  507.            PC用: 現在のお見積り額カード強調
  508.         ============================================ */
  509.         @media (min-width: 768px) {
  510.             .mitsumori-card-pc {
  511.                 border: 2px solid #1a6fcf !important;
  512.                 border-radius: 10px !important;
  513.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  514.                 margin-top: 20px;
  515.                 overflow: hidden;
  516.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  517.             }
  518.             .mitsumori-card-pc .card-header {
  519.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  520.                 color: #fff !important;
  521.                 padding: 14px 16px !important;
  522.                 border-bottom: none !important;
  523.             }
  524.             .mitsumori-card-pc .card-title {
  525.                 color: #fff !important;
  526.                 font-size: 15px !important;
  527.                 font-weight: bold !important;
  528.                 margin: 0 !important;
  529.             }
  530.             .mitsumori-card-pc #mitsumori_message {
  531.                 font-size: 22px !important;
  532.                 font-weight: bold !important;
  533.                 color: #fff !important;
  534.             }
  535.             .mitsumori-card-pc .btn-tool {
  536.                 color: #fff !important;
  537.             }
  538.             /* 合計行を大きく強調 */
  539.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  540.                 font-size: 16px !important;
  541.                 font-weight: bold !important;
  542.                 color: #c00 !important;
  543.                 background: #fff8f8 !important;
  544.                 padding: 12px 16px !important;
  545.             }
  546.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  547.                 font-size: 20px !important;
  548.                 font-weight: bold !important;
  549.                 color: #c00 !important;
  550.             }
  551.             /* card-body（明細リスト）を白背景に */
  552.             .mitsumori-card-pc .card-body {
  553.                 background: #fff !important;
  554.             }
  555.             .mitsumori-card-pc .card-footer {
  556.                 background: #f8faff !important;
  557.                 border-top: 1px solid #dce8fb !important;
  558.                 padding: 12px 16px !important;
  559.             }
  560.         }
  562.         @media (max-width: 767px) {
  563.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  564.             .mitsumori-card-pc {
  565.                 border: none !important;
  566.                 border-radius: 0 !important;
  567.                 box-shadow: none !important;
  568.                 margin-top: 0 !important;
  569.                 overflow: visible !important;
  570.                 background: none !important;
  571.             }
  572.             .mitsumori-card-pc .card-header {
  573.                 background: none !important;
  574.                 color: inherit !important;
  575.                 padding: inherit !important;
  576.                 border-bottom: inherit !important;
  577.             }
  578.             .mitsumori-card-pc .card-title { color: inherit !important; }
  579.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  580.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  581.             /* 折りたたみトグルボタン */
  582.             .btn-mitsumori-toggle {
  583.                 background: none !important;
  584.                 border: 1px solid #aaa !important;
  585.                 border-radius: 4px !important;
  586.                 padding: 2px 8px !important;
  587.                 font-size: 12px !important;
  588.                 color: #333 !important;
  589.                 line-height: 1.4 !important;
  590.             }
  591.             .btn-mitsumori-toggle .toggle-icon {
  592.                 display: inline-block;
  593.                 transition: transform 0.2s;
  594.             }
  595.             /* 展開状態: ▼→▲ */
  596.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  597.                 content: \"▲ 閉じる\";
  598.             }
  599.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  600.                 display: none;
  601.             }
  602.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  603.                 content: \"▲ 閉じる\";
  604.                 font-size: 12px;
  605.             }
  606.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  607.                 font-size: inherit !important;
  608.                 color: inherit !important;
  609.                 background: none !important;
  610.                 padding: inherit !important;
  611.             }
  612.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  613.                 font-size: inherit !important;
  614.                 color: inherit !important;
  615.             }
  616.             .mitsumori-card-pc .card-footer {
  617.                 background: none !important;
  618.                 border-top: inherit !important;
  619.                 padding: inherit !important;
  620.             }
  621.             /* 横スクロール禁止 */
  622.             body, html {
  623.                 overflow-x: hidden;
  624.                 max-width: 100vw;
  625.             }
  626.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  627.             .opt-btn,
  628.             .rp-btn {
  629.                 white-space: normal;
  630.                 word-break: break-all;
  631.             }
  632.             /* エリア案内: スマホでコンパクト */
  633.             .ec-areaNotice {
  634.                 margin: 8px 0;
  635.                 padding: 8px 10px;
  636.                 border-left-width: 3px;
  637.                 cursor: pointer;
  638.             }
  639.             .ec-areaNotice__inner {
  640.                 flex-direction: row;
  641.                 gap: 8px;
  642.                 align-items: flex-start;
  643.             }
  644.             .ec-areaNotice__icon { font-size: 15px; }
  645.             /* タイトル行: 展開トグル */
  646.             .ec-areaNotice__title {
  647.                 font-size: 11px;
  648.                 margin-bottom: 3px;
  649.                 display: flex;
  650.                 justify-content: space-between;
  651.                 align-items: center;
  652.             }
  653.             .ec-areaNotice__title::after {
  654.                 content: \"▼\";
  655.                 font-size: 9px;
  656.                 color: #888;
  657.                 margin-left: 6px;
  658.                 transition: transform 0.2s;
  659.             }
  660.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  661.                 transform: rotate(180deg);
  662.             }
  663.             /* 折りたたみ対象: 閉じた状態では非表示 */
  664.             .ec-areaNotice__detail {
  665.                 display: none;
  666.             }
  667.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  668.                 display: block;
  669.             }
  670.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  671.             .ec-areaNotice__text br { display: none; }
  672.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  673.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  674.             
  675.             #sp-mitsumori-bar {
  676.                 display: flex;
  677.                 position: fixed;
  678.                 bottom: 0;
  679.                 left: 0;
  680.                 right: 0;
  681.                 z-index: 1000;
  682.                 background: #fff;
  683.                 border-top: 2px solid #e0e0e0;
  684.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  685.                 align-items: center;
  686.                 padding: 8px 12px;
  687.                 gap: 10px;
  688.             }
  689.             #sp-mitsumori-bar .sp-bar__label {
  690.                 font-size: 11px;
  691.                 color: #666;
  692.                 white-space: nowrap;
  693.             }
  694.             #sp-mitsumori-bar .sp-bar__price {
  695.                 font-size: 18px;
  696.                 font-weight: bold;
  697.                 color: #c00;
  698.                 flex: 1;
  699.             }
  700.             #sp-mitsumori-bar .sp-bar__btn {
  701.                 font-size: 12px;
  702.                 padding: 8px 12px;
  703.                 background: #333;
  704.                 color: #fff;
  705.                 border: none;
  706.                 border-radius: 6px;
  707.                 white-space: nowrap;
  708.                 cursor: pointer;
  709.                 position: relative;
  710.                 display: inline-flex;
  711.                 align-items: center;
  712.                 gap: 6px;
  713.             }
  714.             #sp-mitsumori-bar .sp-bar__btn i {
  715.                 font-size: 14px;
  716.             }
  717.             #sp-mitsumori-bar .sp-bar__cart-badge {
  718.                 position: absolute;
  719.                 top: -6px;
  720.                 right: -6px;
  721.                 background: #c00;
  722.                 color: #fff;
  723.                 border-radius: 50%;
  724.                 min-width: 16px;
  725.                 height: 16px;
  726.                 font-size: 10px;
  727.                 line-height: 16px;
  728.                 padding: 0 4px;
  729.                 font-weight: bold;
  730.             }
  731.             #sp-mitsumori-bar .sp-bar__home-btn {
  732.                 display: inline-flex;
  733.                 align-items: center;
  734.                 justify-content: center;
  735.                 width: 36px;
  736.                 height: 36px;
  737.                 border: 1px solid #ccc;
  738.                 border-radius: 6px;
  739.                 background: #fff;
  740.                 color: #333;
  741.                 text-decoration: none;
  742.                 cursor: pointer;
  743.             }
  744.             #sp-mitsumori-bar .sp-bar__home-btn i {
  745.                 font-size: 16px;
  746.             }
  747.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  748.                 background: #f0f0f0;
  749.             }
  750.             /* 下部バーの高さ分ページ下部にpaddingを追加 */
  751.             body {
  752.                 padding-bottom: 64px;
  753.             }
  754.         }
  756.         /* ============================================
  757.            カート追加モーダル: 縦並び中央配置
  758.         ============================================ */
  759.         .add-cart-modal__wrap {
  760.             text-align: center;
  761.         }
  762.         .add-cart-modal__header {
  763.             font-size: 16px;
  764.             margin: 20px 0 24px;
  765.             text-align: center;
  766.         }
  767.         .add-cart-modal__actions {
  768.             display: flex;
  769.             flex-direction: column;
  770.             align-items: center;
  771.             gap: 16px;
  772.             padding: 0 20px 20px;
  773.         }
  774.         .add-cart-modal__primary {
  775.             display: inline-block;
  776.             width: 80%;
  777.             max-width: 320px;
  778.             padding: 14px 20px;
  779.             font-size: 15px;
  780.             font-weight: bold;
  781.             text-align: center;
  782.             background: #d9534f;
  783.             color: #fff !important;
  784.             border-radius: 6px;
  785.             text-decoration: none;
  786.             cursor: pointer;
  787.         }
  788.         .add-cart-modal__primary:hover {
  789.             background: #c9302c;
  790.             color: #fff !important;
  791.             text-decoration: none;
  792.         }
  793.         .add-cart-modal__secondary {
  794.             display: inline-block;
  795.             padding: 6px 14px;
  796.             font-size: 12px;
  797.             color: #666;
  798.             border: 1px solid #ccc;
  799.             border-radius: 4px;
  800.             background: #fff;
  801.             cursor: pointer;
  802.         }
  803.         .add-cart-modal__secondary:hover {
  804.             background: #f0f0f0;
  805.             color: #333;
  806.         }
  807.         @media (max-width: 767px) {
  808.             .add-cart-modal__actions {
  809.                 gap: 20px;
  810.             }
  811.         }
  812.     </style>
  813. ";
  814.         
  815.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  817.         
  818.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  820.     }
  822.     // line 758
  823.     public function block_javascript($context, array $blocks = [])
  824.     {
  825.         $macros = $this->macros;
  826.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  827.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  829.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  830.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  832.         // line 759
  833.         echo "
  834.     <script>
  835.         eccube.classCategories = ";
  836.         // line 761
  837.         echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 761, $this->source); })()));
  838.         echo ";
  840.         // 規格2に選択肢を割り当てる。
  841.         function fnSetClassCategories(form, classcat_id2_selected) {
  842.             var \$form = \$(form);
  843.             var product_id = \$form.find('input[name=product_id]').val();
  844.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  845.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  846.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  847.         }
  849.         ";
  850.         // line 772
  851.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 772)) {
  852.             // line 773
  853.             echo "        fnSetClassCategories(
  854.             \$('#form1'), ";
  855.             // line 774
  856.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 774, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 774), "vars", [], "any", false, false, false, 774), "value", [], "any", false, false, false, 774));
  857.             echo "
  858.         );
  859.         ";
  860.         } elseif (twig_get_attribute($this->env, $this->source,         // line 776
  861. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 776)) {
  862.             // line 777
  863.             echo "        eccube.checkStock(\$('#form1'), ";
  864.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 777, $this->source); })()), "id", [], "any", false, false, false, 777), "html", null, true);
  865.             echo ", ";
  866.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 777, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 777), "vars", [], "any", false, false, false, 777), "value", [], "any", false, false, false, 777));
  867.             echo ", null);
  868.         ";
  869.         }
  870.         // line 779
  871.         echo "    </script>
  872.     <script>
  873.         \$(function() {
  874.             // bfcache無効化
  875.             \$(window).bind('pageshow', function(event) {
  876.                 if (event.originalEvent.persisted) {
  877.                     location.reload(true);
  878.                 }
  879.             });
  881.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  882.             // img タグに width, height が付与されている.
  883.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  884.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  885.             \$('.ec-grid2__cell').hide();
  886.             var removeSize = function () {
  887.                 \$('.slide-item').height('');
  888.                 \$('.slide-item img')
  889.                     .removeAttr('width')
  890.                     .removeAttr('height')
  891.                     .removeAttr('style');
  893.             };
  894.             var slickInitial = function(slick) {
  895.                 \$('.ec-grid2__cell').fadeIn(1500);
  896.                 var baseHeight = \$(slick.target).height();
  897.                 var baseWidth = \$(slick.target).width();
  898.                 var rate = baseWidth / baseHeight;
  899. \t\t\t\tif(baseHeight * rate < 400){
  900. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  901. \t\t\t\t}else{
  902. \t                \$('.slide-item').height(400); // 余白を削除する
  903. \t\t\t\t}
  904.                 // transform を使用することでCLSの影響を受けないようにする
  905.                 \$('.slide-item img')
  906.                     .css(
  907.                         {
  908.                             'transform-origin': 'top left',
  909.                             'transform': 'scaleY(' + rate + ')',
  910.                             'transition': 'transform .1s'
  911.                         }
  912.                     );
  913.                 // 正しいサイズに近くなったら属性を解除する
  914.                 setTimeout(removeSize, 500);
  915.             };
  916.             \$('.item_visual').on('init', slickInitial);
  917.             // リサイズ時は CLS の影響を受けないため属性を解除する
  918.             \$(window).resize(removeSize);
  919.             \$('.item_visual').slick({
  920.                 dots: false,
  921.                 arrows: true,
  922.                 responsive: [{
  923.                     breakpoint: 768,
  924.                     settings: {
  925.                         dots: true,
  926.                 \t\tarrows: false
  927.                     }
  928.                 }]
  929.             });
  931.             \$('.slideThumb').on('click', function() {
  932.                 var index = \$(this).attr('data-index');
  933.                 \$('.item_visual').slick('slickGoTo', index, false);
  934.             })
  935.         });
  937.     </script>
  938.     <script>
  939.         \$(function() {
  940.             \$('.add-cart').on('click', function(event) {
  941.                 ";
  942.         // line 849
  943.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 849)) {
  944.             // line 850
  945.             echo "                // 規格1フォームの必須チェック
  946.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  947.                     \$('#classcategory_id1')[0].setCustomValidity('";
  948.             // line 852
  949.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  950.             echo "');
  951.                     return true;
  952.                 } else {
  953.                     \$('#classcategory_id1')[0].setCustomValidity('');
  954.                 }
  955.                 ";
  956.         }
  957.         // line 858
  958.         echo "
  959.                 ";
  960.         // line 859
  961.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 859)) {
  962.             // line 860
  963.             echo "                // 規格2フォームの必須チェック
  964.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  965.                     \$('#classcategory_id2')[0].setCustomValidity('";
  966.             // line 862
  967.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  968.             echo "');
  969.                     return true;
  970.                 } else {
  971.                     \$('#classcategory_id2')[0].setCustomValidity('');
  972.                 }
  973.                 ";
  974.         }
  975.         // line 868
  976.         echo "
  977.                 // タイプ2: カート送信直前に set_count を quantity に同期
  978.                 if(\$('#set_count').length){
  979.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  980.                     \$('#quantity').val(_sc);
  981.                     \$('input[name=\"quantity\"]').val(_sc);
  982.                 }
  984.                 // 個数フォームのチェック
  985.                 if (\$('#quantity').val() < 1) {
  986.                     \$('#quantity')[0].setCustomValidity('";
  987.         // line 878
  988.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  989.         echo "');
  990.                     return true;
  991.                 } else {
  992.                     \$('#quantity')[0].setCustomValidity('');
  993.                 }
  995.                 event.preventDefault();
  996.                 \$form = \$('#form1');
  997.                 \$.ajax({
  998.                     url: \$form.attr('action'),
  999.                     type: \$form.attr('method'),
  1000.                     data: \$form.serialize(),
  1001.                     dataType: 'json',
  1002.                     beforeSend: function(xhr, settings) {
  1003.                         // Buttonを無効にする
  1004.                         \$('.add-cart').prop('disabled', true);
  1005.                     }
  1006.                 }).done(function(data) {
  1007.                     // レスポンス内のメッセージをalertで表示
  1008.                     \$.each(data.messages, function() {
  1009.                         \$('#ec-modal-header').text(this);
  1010.                     });
  1012.                     \$('.ec-modal').show()
  1014.                     // カートブロックを更新する
  1015.                     \$.ajax({
  1016.                         url: \"";
  1017.         // line 905
  1018.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  1019.         echo "\",
  1020.                         type: 'GET',
  1021.                         dataType: 'html'
  1022.                     }).done(function(html) {
  1023.                         \$('.ec-headerRole__cart').html(html);
  1024.                     });
  1025.                 }).fail(function(data) {
  1026.                     alert('";
  1027.         // line 912
  1028.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  1029.         echo "');
  1030.                 }).always(function(data) {
  1031.                     // Buttonを有効にする
  1032.                     \$('.add-cart').prop('disabled', false);
  1033.                 });
  1034.             });
  1035.         });
  1037.         \$('.ec-modal-wrap').on('click', function(e) {
  1038.             // モーダル内の処理は外側にバブリングさせない
  1039.             e.stopPropagation();
  1040.         });
  1041.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1042.             \$('.ec-modal').hide()
  1043.         });
  1046. \t\tvar pw = \"";
  1047.         // line 929
  1048.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 929, $this->source); })())) {
  1049.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 929, $this->source); })()), "pw", [], "any", false, false, false, 929), "html", null, true);
  1050.         }
  1051.         echo "\";
  1052. \t\tvar pd = \"";
  1053.         // line 930
  1054.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 930, $this->source); })())) {
  1055.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 930, $this->source); })()), "pd", [], "any", false, false, false, 930), "html", null, true);
  1056.         }
  1057.         echo "\";
  1058. \t\tvar ph = \"";
  1059.         // line 931
  1060.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 931, $this->source); })())) {
  1061.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 931, $this->source); })()), "ph", [], "any", false, false, false, 931), "html", null, true);
  1062.         }
  1063.         echo "\";
  1064. \t\tvar pm = \"";
  1065.         // line 932
  1066.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 932, $this->source); })())) {
  1067.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 932, $this->source); })()), "pm", [], "any", false, false, false, 932), "html", null, true);
  1068.         }
  1069.         echo "\";
  1070. \t\tvar pc = \"";
  1071.         // line 933
  1072.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 933, $this->source); })())) {
  1073.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 933, $this->source); })()), "pc", [], "any", false, false, false, 933), "html", null, true);
  1074.         }
  1075.         echo "\";
  1076. \t\tvar op0 = \"";
  1077.         // line 934
  1078.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 934, $this->source); })())) {
  1079.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 934, $this->source); })()), "op", [], "any", false, false, false, 934), 0, [], "array", false, false, false, 934), "html", null, true);
  1080.         }
  1081.         echo "\";
  1082. \t\tvar op1 = \"";
  1083.         // line 935
  1084.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 935, $this->source); })())) {
  1085.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 935, $this->source); })()), "op", [], "any", false, false, false, 935), 1, [], "array", false, false, false, 935), "html", null, true);
  1086.         }
  1087.         echo "\";
  1088. \t\tvar op2 = \"";
  1089.         // line 936
  1090.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 936, $this->source); })())) {
  1091.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 936, $this->source); })()), "op", [], "any", false, false, false, 936), 2, [], "array", false, false, false, 936), "html", null, true);
  1092.         }
  1093.         echo "\";
  1094. \t\tvar op3 = \"";
  1095.         // line 937
  1096.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 937, $this->source); })())) {
  1097.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 937, $this->source); })()), "op", [], "any", false, false, false, 937), 3, [], "array", false, false, false, 937), "html", null, true);
  1098.         }
  1099.         echo "\";
  1100. \t\tvar op4 = \"";
  1101.         // line 938
  1102.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 938, $this->source); })())) {
  1103.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 938, $this->source); })()), "op", [], "any", false, false, false, 938), 4, [], "array", false, false, false, 938), "html", null, true);
  1104.         }
  1105.         echo "\";
  1106. \t\tvar op5 = \"";
  1107.         // line 939
  1108.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 939, $this->source); })())) {
  1109.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 939, $this->source); })()), "op", [], "any", false, false, false, 939), 5, [], "array", false, false, false, 939), "html", null, true);
  1110.         }
  1111.         echo "\";
  1112. \t\tvar op6 = \"";
  1113.         // line 940
  1114.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 940, $this->source); })())) {
  1115.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 940, $this->source); })()), "op", [], "any", false, false, false, 940), 6, [], "array", false, false, false, 940), "html", null, true);
  1116.         }
  1117.         echo "\";
  1118. \t\tvar op7 = \"";
  1119.         // line 941
  1120.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 941, $this->source); })())) {
  1121.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 941, $this->source); })()), "op", [], "any", false, false, false, 941), 7, [], "array", false, false, false, 941), "html", null, true);
  1122.         }
  1123.         echo "\";
  1124. \t\tvar op8 = \"";
  1125.         // line 942
  1126.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 942, $this->source); })())) {
  1127.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 942, $this->source); })()), "op", [], "any", false, false, false, 942), 8, [], "array", false, false, false, 942), "html", null, true);
  1128.         }
  1129.         echo "\";
  1130. \t\tvar op9 = \"";
  1131.         // line 943
  1132.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 943, $this->source); })())) {
  1133.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 943, $this->source); })()), "op", [], "any", false, false, false, 943), 9, [], "array", false, false, false, 943), "html", null, true);
  1134.         }
  1135.         echo "\";
  1136. \t\tvar op10 = \"";
  1137.         // line 944
  1138.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 944, $this->source); })())) {
  1139.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 944, $this->source); })()), "op", [], "any", false, false, false, 944), 10, [], "array", false, false, false, 944), "html", null, true);
  1140.         }
  1141.         echo "\";
  1143. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  1145. \t\tfunction mitsumori_simulation(type , value_id){
  1146. \t\t\tvar pp = ";
  1147.         // line 949
  1148.         echo (isset($context["pp"]) || array_key_exists("pp", $context) ? $context["pp"] : (function () { throw new RuntimeError('Variable "pp" does not exist.', 949, $this->source); })());
  1149.         echo ";
  1150. \t\t\tif(type == \"pw\"){
  1151. \t\t\t\tpw = \$('#'+value_id).val();
  1152. \t\t\t}
  1153. \t\t\tif(type == \"pd\"){
  1154. \t\t\t\tpd = \$('#'+value_id).val();
  1155. \t\t\t}
  1156. \t\t\tif(type == \"ph\"){
  1157. \t\t\t\tph = \$('#'+value_id).val();
  1158. \t\t\t}
  1159. \t\t\tif(type == \"pm\"){
  1160. \t\t\t\tpm = \$('#'+value_id).val();
  1161. \t\t\t}
  1162. \t\t\tif(type == \"pc\"){
  1163. \t\t\t\tpc = \$('#'+value_id).val();
  1164. \t\t\t}
  1165. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  1166. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  1167. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  1168. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  1169. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  1170. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  1171. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  1172. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  1173. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  1174. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  1175. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  1177. \t\t\t// op系: ボタンの is-selected を選択中のものに付け替え + radio チェック
  1178. \t\t\tif(/^op\\d+\$/.test(type)) {
  1179. \t\t\t\tvar \$clicked = \$('#' + value_id);
  1180. \t\t\t\t\$clicked.prop('checked', true);
  1181. \t\t\t\tvar groupName = \$clicked.attr('name');
  1182. \t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  1183. \t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  1184. \t\t\t\t// ラベルの選択値テキスト更新
  1185. \t\t\t\tvar \$group = \$clicked.closest('.form-group');
  1186. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  1187. \t\t\t\tif (\$label.length) {
  1188. \t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  1189. \t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  1190. \t\t\t\t}
  1191. \t\t\t}
  1193. \t\t\tif(pm == \"\"){
  1194. \t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  1195. \t\t\t}
  1196. \t\t\tif(ph == \"\"){
  1197. \t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  1198. \t\t\t}
  1199. \t\t\tif(pd == \"\"){
  1200. \t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  1201. \t\t\t}
  1202. \t\t\tif(pw == \"\"){
  1203. \t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  1204. \t\t\t}
  1205. \t\t\tif(pc == \"\"){
  1206. \t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  1207. \t\t\t\t\$('#mitsumori_btn').hide();
  1208. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  1209. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  1210. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  1211. \t\t\t\t\$('#maker_price').text(\"---円\");
  1212. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  1213. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  1214. \t\t\t}
  1215. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && pm != \"\" && pc != \"\"){
  1216. \t\t\t\t\$('#mitsumori_btn').show();
  1218. \t\t\t\tvar pp_matched = false;
  1219. \t\t\t\tpp.forEach((el) => {
  1220. \t\t\t\t  if((pw == el.w || pw == \"指定なし\") && (pd == el.d || pd == \"指定なし\") && (ph == el.h || ph == \"指定なし\") && (pm == el.m || pm == \"指定なし\") && (pc == el.c || pc == \"指定なし\")){
  1221. \t\t\t\t\tpp_matched = true;
  1223. \t\t\t\t\tif(op0 == \"商品購入のみ\" || op1 == \"商品購入のみ\" || op2 == \"商品購入のみ\" || op3 == \"商品購入のみ\" || op4 == \"商品購入のみ\"
  1224. \t\t\t\t\t\t|| op5 == \"商品購入のみ\" || op6 == \"商品購入のみ\" || op7 == \"商品購入のみ\" || op8 == \"商品購入のみ\" || op9 == \"商品購入のみ\"){
  1225. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price)) + \"円\");
  1226. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price)) + \"円\");
  1227. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  1228. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  1229. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  1230. \t\t\t\t\t  \t\$('#mitsumori_ct').text(\"0円\");
  1231. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  1233. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price)) + \"円\");
  1234. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  1235. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1236. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(\"0円\");
  1237. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(\"0円\");
  1238. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1240. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price));
  1241. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  1242. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  1243. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  1244. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  1245. \t\t\t\t\t}else{
  1246. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1247. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1248. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  1249. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  1250. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  1251. \t\t\t\t\t  \t\$('#mitsumori_ct').text(formatter.format(parseInt(el.ct)) + \"円\");
  1252. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  1254. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1257. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  1258. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1259. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(formatter.format(parseInt(el.ct)) + \"円\");
  1260. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(formatter.format(parseInt(el.ct)) + \"円\");
  1261. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1263. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price) + parseInt(el.ct));
  1264. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  1265. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  1267. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  1268. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  1270. \t\t\t\t\t}
  1271. \t\t\t\t  }
  1272. \t\t\t\t});
  1274. \t\t\t\tif (!pp_matched) {
  1275. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  1276. \t\t\t\t\t\$('#mitsumori_btn').hide();
  1277. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  1278. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  1279. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  1280. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  1281. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  1282. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  1283. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  1284. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  1285. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  1286. \t\t\t\t}\t
  1289. \t\t\t\t// タイプ5: ステップ・フェンス・面積の現在値を取得
  1290. \t\t\t\tif(\$('input[name=deck_step]:checked').length){ deck_step = \$('input[name=deck_step]:checked').val(); }
  1291. \t\t\t\tif(\$('input[name=deck_fence]:checked').length){ deck_fence = \$('input[name=deck_fence]:checked').val(); }
  1293. \t\t\t\t// タイプ2: 窓サイズ・窓タイプ・ガラスタイプ・セット数
  1294. \t\t\t\tvar mado_w_val     = \$('#mado_w').val()     || '';
  1295. \t\t\t\tvar mado_h_val     = \$('#mado_h').val()     || '';
  1296. \t\t\t\tvar mado_type_val  = \$('input[name=mado_type]:checked').val()  || '';
  1297. \t\t\t\tvar glass_type_val = \$('input[name=glass_type]:checked').val() || '';
  1298. \t\t\t\tvar set_count_val  = parseInt(\$('#set_count').val()) || 1;
  1300. \t\t\t\t// タイプ3: 台数
  1301. \t\t\t\tvar daisu_val = parseInt(\$('#daisu').val()) || 1;
  1303. \t\t\t\t// タイプ4・6: 枚数
  1304. \t\t\t\tvar maisu_val = parseInt(\$('#maisu').val()) || 1;
  1306. \t\t\t\t// タイプ5: 面積
  1307. \t\t\t\tvar area_val = \$('#area').val() || '';
  1309. \t\t\t\t// sale_type
  1310. \t\t\t\tvar sale_type_id = ";
  1311.         // line 1110
  1312.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1110, $this->source); })()), "SaleType", [], "any", false, false, false, 1110), "id", [], "any", false, false, false, 1110), "html", null, true);
  1313.         echo ";
  1315. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  1316. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  1317. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  1318. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  1319. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  1320. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  1321. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  1322. \t\t\t\t\t\t\t\t\t\t\"product_id\": ";
  1323.         // line 1119
  1324.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1119, $this->source); })()), "id", [], "any", false, false, false, 1119), "html", null, true);
  1325.         echo ",
  1326. \t\t\t\t\t\t\t\t\t\t\"sale_type\": sale_type_id,
  1327. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  1328. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  1329. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  1330. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  1331. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  1332. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  1333. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     mado_w_val,
  1334. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     mado_h_val,
  1335. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  mado_type_val,
  1336. \t\t\t\t\t\t\t\t\t\t\"glass_type\": glass_type_val,
  1337. \t\t\t\t\t\t\t\t\t\t\"set_count\":  set_count_val,
  1338. \t\t\t\t\t\t\t\t\t\t\"daisu\":      daisu_val,
  1339. \t\t\t\t\t\t\t\t\t\t\"maisu\":      maisu_val,
  1340. \t\t\t\t\t\t\t\t\t\t\"area\":       area_val,
  1341. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  deck_step,
  1342. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": deck_fence };
  1344. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  1345. \t\t\t\t
  1346. \t\t\t}
  1347. \t\t\t
  1349. \t\t}
  1351.         ";
  1352.         // line 1145
  1353.         if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1145, $this->source); })()) && (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1145, $this->source); })())) == 1))) {
  1354.             // line 1146
  1355.             echo "            pc = \"指定なし\";
  1356. \t\t\t";
  1357.             // line 1147
  1358.             $context['_parent'] = $context;
  1359.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1147, $this->source); })()));
  1360.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  1361.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1147))) {
  1362.                     echo " pc = \"";
  1363.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1147), "html", null, true);
  1364.                     echo "\"; ";
  1365.                 }
  1366.             }
  1367.             $_parent = $context['_parent'];
  1368.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  1369.             $context = array_intersect_key($context, $_parent) + $_parent;
  1370.             // line 1148
  1371.             echo "\t\t";
  1372.         }
  1373.         // line 1149
  1374.         echo "
  1375.         ";
  1376.         // line 1150
  1377.         if (((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1150, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1150, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1150, $this->source); })())) == "")))) {
  1378.             // line 1151
  1379.             echo "            pw = \"指定なし\";
  1380. \t\t\t";
  1381.             // line 1152
  1382.             $context['_parent'] = $context;
  1383.             $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1152, $this->source); })()));
  1384.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  1385.                 if ($context["pw"]) {
  1386.                     echo " pw = \"";
  1387.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  1388.                     echo "\"; ";
  1389.                 }
  1390.             }
  1391.             $_parent = $context['_parent'];
  1392.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  1393.             $context = array_intersect_key($context, $_parent) + $_parent;
  1394.             // line 1153
  1395.             echo "\t\t";
  1396.         }
  1397.         // line 1154
  1398.         echo "
  1399.         ";
  1400.         // line 1155
  1401.         if (((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1155, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1155, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1155, $this->source); })())) == "")))) {
  1402.             // line 1156
  1403.             echo "            pd = \"指定なし\";
  1404. \t\t\t";
  1405.             // line 1157
  1406.             $context['_parent'] = $context;
  1407.             $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1157, $this->source); })()));
  1408.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  1409.                 if ($context["pd"]) {
  1410.                     echo " pd = \"";
  1411.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  1412.                     echo "\"; ";
  1413.                 }
  1414.             }
  1415.             $_parent = $context['_parent'];
  1416.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  1417.             $context = array_intersect_key($context, $_parent) + $_parent;
  1418.             // line 1158
  1419.             echo "\t\t";
  1420.         }
  1421.         // line 1159
  1422.         echo "
  1423.         ";
  1424.         // line 1160
  1425.         if (((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1160, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1160, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1160, $this->source); })())) == "")))) {
  1426.             // line 1161
  1427.             echo "            ph = \"指定なし\";
  1428. \t\t\t";
  1429.             // line 1162
  1430.             $context['_parent'] = $context;
  1431.             $context['_seq'] = twig_ensure_traversable((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1162, $this->source); })()));
  1432.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  1433.                 if ($context["ph"]) {
  1434.                     echo " ph = \"";
  1435.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  1436.                     echo "\"; ";
  1437.                 }
  1438.             }
  1439.             $_parent = $context['_parent'];
  1440.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  1441.             $context = array_intersect_key($context, $_parent) + $_parent;
  1442.             // line 1163
  1443.             echo "\t\t";
  1444.         }
  1445.         // line 1164
  1446.         echo "
  1447.         ";
  1448.         // line 1165
  1449.         if (((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1165, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1165, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1165, $this->source); })())) == "")))) {
  1450.             // line 1166
  1451.             echo "            pm = \"指定なし\";
  1452. \t\t\t";
  1453.             // line 1167
  1454.             $context['_parent'] = $context;
  1455.             $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1167, $this->source); })()));
  1456.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  1457.                 if ($context["pm"]) {
  1458.                     echo " pm = \"";
  1459.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  1460.                     echo "\"; ";
  1461.                 }
  1462.             }
  1463.             $_parent = $context['_parent'];
  1464.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  1465.             $context = array_intersect_key($context, $_parent) + $_parent;
  1466.             // line 1168
  1467.             echo "\t\t";
  1468.         }
  1469.         // line 1169
  1470.         echo "
  1471. \t\t// ページ読み込み時: タイプ別に quantity の初期値をセット
  1472. \t\t(function initQuantityByType(){
  1473. \t\t\tvar saleType = ";
  1474.         // line 1172
  1475.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1172, $this->source); })()), "SaleType", [], "any", false, false, false, 1172), "id", [], "any", false, false, false, 1172), "html", null, true);
  1476.         echo ";
  1477. \t\t\tif(saleType == 2 && \$('#set_count').length){
  1478. \t\t\t\tvar _v = parseInt(\$('#set_count').val()) || 1;
  1479. \t\t\t\t\$('#quantity').val(_v);
  1480. \t\t\t\t\$('input[name=\"quantity\"]').val(_v);
  1481. \t\t\t} else if(saleType == 3 && \$('#daisu').length){
  1482. \t\t\t\t\$('#quantity').val(parseInt(\$('#daisu').val()) || 1);
  1483. \t\t\t} else if((saleType == 4 || saleType == 6) && \$('#maisu').length){
  1484. \t\t\t\t\$('#quantity').val(parseInt(\$('#maisu').val()) || 1);
  1485. \t\t\t} else if(saleType == 9 && \$('#quantity_only').length){
  1486. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  1487. \t\t\t}
  1488. \t\t})();
  1490. \t\t// type → ラベルのプレフィックス文字列
  1491. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材'};
  1492. \t\t// type → input[name]
  1493. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm'};
  1495. \t\t// opt-btn用: 値を直接受け取るラッパー
  1496. \t\tfunction mitsumori_simulation_val(type, value) {
  1497. \t\t\tif (type === 'pc') pc = value;
  1498. \t\t\tif (type === 'pw') pw = value;
  1499. \t\t\tif (type === 'pd') pd = value;
  1500. \t\t\tif (type === 'ph') ph = value;
  1501. \t\t\tif (type === 'pm') pm = value;
  1503. \t\t\t// is-selected クラスを同グループ内で付け替え
  1504. \t\t\tvar inputName = optNameMap[type];
  1505. \t\t\tif (inputName) {
  1506. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  1507. \t\t\t\t\$btns.removeClass('is-selected');
  1508. \t\t\t\t\$btns.filter(function(){
  1509. \t\t\t\t\treturn \$(this).find('input').val() === value;
  1510. \t\t\t\t}).addClass('is-selected');
  1511. \t\t\t}
  1513. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  1514. \t\t\tvar labelPrefix = optLabelMap[type];
  1515. \t\t\tif (labelPrefix) {
  1516. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  1517. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  1518. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  1519. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  1520. \t\t\t}
  1522. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  1523. \t\t\tmitsumori_simulation('', '');
  1524. \t\t}
  1526. \t\tmitsumori_simulation(\"\",\"\");
  1528. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll で1行横スクロール化
  1529. \t\tfunction applyBtnGroupScroll() {
  1530. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  1531. \t\t\t\tvar \$group = \$(this);
  1532. \t\t\t\t\$group.removeClass('is-scroll');
  1533. \t\t\t\tvar \$items = \$group.children();
  1534. \t\t\t\tif (\$items.length === 0) return;
  1536. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  1537. \t\t\t\tvar totalWidth = 0;
  1538. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  1539. \t\t\t\t\$items.each(function() {
  1540. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  1541. \t\t\t\t});
  1543. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  1544. \t\t\t\tvar anyTooWide = false;
  1545. \t\t\t\t\$items.each(function() {
  1546. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  1547. \t\t\t\t});
  1549. \t\t\t\t// 折り返し時の行数も計測
  1550. \t\t\t\tvar tops = {};
  1551. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  1552. \t\t\t\tvar rowCount = Object.keys(tops).length;
  1554. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  1555. \t\t\t\t\t\$group.addClass('is-scroll');
  1556. \t\t\t\t}
  1557. \t\t\t});
  1558. \t\t}
  1559. \t\tapplyBtnGroupScroll();
  1560. \t\t\$(window).on('resize', function() {
  1561. \t\t\tclearTimeout(window._btnScrollTimer);
  1562. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  1563. \t\t});
  1565. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  1566. \t\t(function syncPrice02Display() {
  1567. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  1568. \t\t\tvar displayEl = document.getElementById('price02-display');
  1569. \t\t\tif (!goukeiEl || !displayEl) return;
  1570. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  1571. \t\t\t// ---円（未確定）の場合は書き換えない
  1572. \t\t\tif (goukeiText && goukeiText !== '---円') {
  1573. \t\t\t\tdisplayEl.textContent = goukeiText;
  1574. \t\t\t}
  1575. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  1576. \t\t\tnew MutationObserver(function() {
  1577. \t\t\t\tvar text = goukeiEl.textContent.trim();
  1578. \t\t\t\tif (text && text !== '---円') {
  1579. \t\t\t\t\tdisplayEl.textContent = text;
  1580. \t\t\t\t}
  1581. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  1582. \t\t})();
  1583. \t\tfunction contact_form(product_id){
  1584. \t\t\t\$('#form1').attr('action', '";
  1585.         // line 1280
  1586.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact", ["product" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1280, $this->source); })()), "id", [], "any", false, false, false, 1280)]), "html", null, true);
  1587.         echo "');
  1588. \t\t\t\$('#form1').submit();
  1589. \t\t}
  1591. \t\t// maisu / madoset は下部の新しい関数定義を使用
  1594. \t\tfunction heibei(bei){
  1595. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  1596. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  1597. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  1598. \t\t\t\$('#quantity').val(\$('#heibei').val());
  1599. \t\t\tmitsumori_simulation('heibei','heibei');
  1600. \t\t}
  1601. \t\tfunction daisu(dai){
  1602. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  1603. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  1604. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  1605. \t\t\t\$('#quantity').val(\$('#daisu').val());
  1606. \t\t\tmitsumori_simulation('daisu','daisu');
  1607. \t\t}
  1608. \t\tfunction maisu(mai){
  1609. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  1610. \t\t\tif(parseInt(\$('#maisu').val()) < 1){ \$('#maisu').val(1); }
  1611. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  1612. \t\t\t\$('#quantity').val(\$('#maisu').val());
  1613. \t\t\tmitsumori_simulation('maisu','maisu');
  1614. \t\t}
  1616. \t\t// タイプ2: セット数プルダウン連動
  1617. \t\tfunction madosetSelect(val){
  1618. \t\t\tvar v = parseInt(val);
  1619. \t\t\tif(v < 1) v = 1;
  1620. \t\t\tif(v > 20) v = 20;
  1621. \t\t\t// id=\"quantity\" と name=\"quantity\" 両方を確実に書き換え
  1622. \t\t\t\$('#quantity').val(v);
  1623. \t\t\t\$('input[name=\"quantity\"]').val(v);
  1624. \t\t\tmitsumori_simulation('set','set_count');
  1625. \t\t}
  1626. \t\t// タイプ2: ±ボタン版（後方互換）
  1627. \t\tfunction madoset(mai){
  1628. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  1629. \t\t\tvar next = current + mai;
  1630. \t\t\tif(next < 1) next = 1;
  1631. \t\t\tif(next > 20) next = 20;
  1632. \t\t\t\$('#set_count').val(next);
  1633. \t\t\tmadosetSelect(next);
  1634. \t\t}
  1636. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  1637. \t\tvar deck_step = \"";
  1638.         // line 1330
  1639.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1330, $this->source); })())) {
  1640.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 1330)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", false, false, false, 1330), "不要")) : ("不要")), "html", null, true);
  1641.         } else {
  1642.             echo "不要";
  1643.         }
  1644.         echo "\";
  1645. \t\tvar deck_fence = \"";
  1646.         // line 1331
  1647.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1331, $this->source); })())) {
  1648.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 1331)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", false, false, false, 1331), "不要")) : ("不要")), "html", null, true);
  1649.         } else {
  1650.             echo "不要";
  1651.         }
  1652.         echo "\";
  1654. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  1655. \t\tfunction syncPdfJson(){
  1656. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  1657. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  1658. \t\t}
  1660. \t\t// タイプ9: 商品のみ購入
  1661. \t\tfunction quantityOnly(val){
  1662. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  1663. \t\t\tvar next = current + val;
  1664. \t\t\tif(next < 1) next = 1;
  1665. \t\t\t\$('#quantity_only').val(next);
  1666. \t\t\t\$('#quantity').val(next);
  1667. \t\t}
  1669.         // ===== スマホ用下部固定バーへの金額同期 =====
  1670.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  1671.         (function() {
  1672.             var msgTarget   = document.getElementById('mitsumori_message');
  1673.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  1674.             var spPrice     = document.getElementById('sp-mitsumori-price');
  1675.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  1676.             if (!spPrice || !spBtn) return;
  1678.             function syncBar() {
  1679.                 var msg    = msgTarget ? msgTarget.textContent : '';
  1680.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  1682.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  1683.                 if (msg.indexOf('選択してください') !== -1) {
  1684.                     spPrice.textContent = msg;
  1685.                     spPrice.style.fontSize = '13px';
  1686.                     spPrice.style.color    = '#888';
  1687.                     spBtn.style.display    = 'none';
  1688.                 } else {
  1689.                     // 価格確定時はボタンを表示
  1690.                     spPrice.textContent = goukei;
  1691.                     spPrice.style.fontSize = '18px';
  1692.                     spPrice.style.color    = '#c00';
  1693.                     spBtn.style.display    = 'block';
  1694.                 }
  1695.             }
  1697.             // 初期値を同期
  1698.             syncBar();
  1700.             // mitsumori_message の変化を監視
  1701.             if (msgTarget) {
  1702.                 new MutationObserver(syncBar).observe(
  1703.                     msgTarget, { childList: true, subtree: true, characterData: true }
  1704.                 );
  1705.             }
  1706.             // mitsumori_goukei の変化も監視
  1707.             if (goukeiTarget) {
  1708.                 new MutationObserver(syncBar).observe(
  1709.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  1710.                 );
  1711.             }
  1712.         })();
  1714.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  1715.         (function() {
  1716.             var card = document.querySelector('.mitsumori-card-pc');
  1717.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  1718.             if (!card || !btn) return;
  1719.             // MutationObserverでcollapsed-cardクラスの変化を監視
  1720.             new MutationObserver(function() {
  1721.                 if (card.classList.contains('collapsed-card')) {
  1722.                     btn.textContent = '▼ 詳細';
  1723.                 } else {
  1724.                     btn.textContent = '▲ 閉じる';
  1725.                 }
  1726.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  1727.         })();
  1729.         // ===== エリア案内: スマホのみタップで展開 =====
  1730.         (function() {
  1731.             var notice = document.querySelector('.ec-areaNotice');
  1732.             if (!notice) return;
  1733.             notice.addEventListener('click', function(e) {
  1734.                 if (window.innerWidth > 767) return;
  1735.                 // リンククリック時は展開/折りたたみせずリンク遷移
  1736.                 if (e.target.tagName === 'A') return;
  1737.                 notice.classList.toggle('is-open');
  1738.             });
  1739.         })();
  1741.     </script>
  1742.     <script type=\"application/ld+json\">
  1743.     {
  1744.         \"@context\": \"https://schema.org/\",
  1745.         \"@type\": \"Product\",
  1746.         \"name\": \"";
  1747.         // line 1425
  1748.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1425, $this->source); })()), "name", [], "any", false, false, false, 1425), "html", null, true);
  1749.         echo "\",
  1750.         \"image\": [
  1751.             ";
  1752.         // line 1427
  1753.         $context['_parent'] = $context;
  1754.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1427, $this->source); })()), "ProductImage", [], "any", false, false, false, 1427));
  1755.         $context['_iterated'] = false;
  1756.         $context['loop'] = [
  1757.           'parent' => $context['_parent'],
  1758.           'index0' => 0,
  1759.           'index'  => 1,
  1760.           'first'  => true,
  1761.         ];
  1762.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1763.             $length = count($context['_seq']);
  1764.             $context['loop']['revindex0'] = $length - 1;
  1765.             $context['loop']['revindex'] = $length;
  1766.             $context['loop']['length'] = $length;
  1767.             $context['loop']['last'] = 1 === $length;
  1768.         }
  1769.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  1770.             // line 1428
  1771.             echo "                \"";
  1772.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1428, $this->source); })()), "request", [], "any", false, false, false, 1428), "schemeAndHttpHost", [], "any", false, false, false, 1428), "html", null, true);
  1773.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  1774.             echo "\"";
  1775.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 1428)) {
  1776.                 echo ",";
  1777.             }
  1778.             // line 1429
  1779.             echo "
  1780.             ";
  1781.             $context['_iterated'] = true;
  1782.             ++$context['loop']['index0'];
  1783.             ++$context['loop']['index'];
  1784.             $context['loop']['first'] = false;
  1785.             if (isset($context['loop']['length'])) {
  1786.                 --$context['loop']['revindex0'];
  1787.                 --$context['loop']['revindex'];
  1788.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1789.             }
  1790.         }
  1791.         if (!$context['_iterated']) {
  1792.             // line 1431
  1793.             echo "                \"";
  1794.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1431, $this->source); })()), "request", [], "any", false, false, false, 1431), "schemeAndHttpHost", [], "any", false, false, false, 1431), "html", null, true);
  1795.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  1796.             echo "\"
  1797.             ";
  1798.         }
  1799.         $_parent = $context['_parent'];
  1800.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  1801.         $context = array_intersect_key($context, $_parent) + $_parent;
  1802.         // line 1433
  1803.         echo "        ],
  1804.         \"description\": \"";
  1805.         // line 1434
  1806.         echo twig_escape_filter($this->env, twig_slice($this->env, twig_replace_filter(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", true, true, false, 1434)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 1434), twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1434, $this->source); })()), "description_detail", [], "any", false, false, false, 1434))) : (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1434, $this->source); })()), "description_detail", [], "any", false, false, false, 1434))), ["
  1807. " => "", " " => ""]), 0, 300), "html", null, true);
  1808.         echo "\",
  1809.         ";
  1810.         // line 1435
  1811.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1435, $this->source); })()), "code_min", [], "any", false, false, false, 1435)) {
  1812.             // line 1436
  1813.             echo "        \"sku\": \"";
  1814.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1436, $this->source); })()), "code_min", [], "any", false, false, false, 1436), "html", null, true);
  1815.             echo "\",
  1816.         ";
  1817.         }
  1818.         // line 1438
  1819.         echo "        \"offers\": {
  1820.             \"@type\": \"Offer\",
  1821.             \"url\": \"";
  1822.         // line 1440
  1823.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1440, $this->source); })()), "id", [], "any", false, false, false, 1440)]), "html", null, true);
  1824.         echo "\",
  1825.             \"priceCurrency\": \"";
  1826.         // line 1441
  1827.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["eccube_config"]) || array_key_exists("eccube_config", $context) ? $context["eccube_config"] : (function () { throw new RuntimeError('Variable "eccube_config" does not exist.', 1441, $this->source); })()), "currency", [], "any", false, false, false, 1441), "html", null, true);
  1828.         echo "\",
  1829.             \"price\": ";
  1830.         // line 1442
  1831.         ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1442, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1442)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1442, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1442), "html", null, true))) : (print (0)));
  1832.         echo ",
  1833.             \"availability\": \"";
  1834.         // line 1443
  1835.         echo ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1443, $this->source); })()), "stock_find", [], "any", false, false, false, 1443)) ? ("InStock") : ("OutOfStock"));
  1836.         echo "\"
  1837.         }
  1838.     }
  1839.     </script>
  1841. ";
  1842.         
  1843.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1845.         
  1846.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1848.     }
  1850.     // line 1450
  1851.     public function block_main($context, array $blocks = [])
  1852.     {
  1853.         $macros = $this->macros;
  1854.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1855.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1857.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1858.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1860.         // line 1451
  1861.         echo "    <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  1862.         <div class=\"ec-grid2\">
  1863.             <div class=\"ec-grid2__cell\">
  1864.                 <div class=\"ec-sliderItemRole\">
  1865. \t                ";
  1866.         // line 1456
  1867.         echo "\t                <div class=\"ec-productRole__title\">
  1868. \t                    <div class=\"ec-productRole__titleRow\">
  1869. \t                        <h2 class=\"ec-headingTitle\">";
  1870.         // line 1458
  1871.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1458, $this->source); })()), "name", [], "any", false, false, false, 1458), "html", null, true);
  1872.         echo "</h2>
  1873. \t                        <div class=\"ec-share-inline\">
  1874. \t                            <a href=\"https://twitter.com/share?url=";
  1875.         // line 1460
  1876.         echo twig_escape_filter($this->env, twig_urlencode_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1460, $this->source); })()), "request", [], "any", false, false, false, 1460), "uri", [], "any", false, false, false, 1460)), "html", null, true);
  1877.         echo "&text=";
  1878.         echo twig_escape_filter($this->env, twig_urlencode_filter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1460, $this->source); })()), "name", [], "any", false, false, false, 1460)), "html", null, true);
  1879.         echo "\"
  1880. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  1881. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.254 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117z\"/></svg>
  1882. \t                            </a>
  1883. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  1884. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"/></svg>
  1885. \t                            </a>
  1886. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url=";
  1887.         // line 1467
  1888.         echo twig_escape_filter($this->env, twig_urlencode_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 1467, $this->source); })()), "request", [], "any", false, false, false, 1467), "uri", [], "any", false, false, false, 1467)), "html", null, true);
  1889.         echo "\"
  1890. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  1891. \t                                <i class=\"fab fa-line\"></i>
  1892. \t                            </a>
  1893. \t                        </div>
  1894. \t                    </div>
  1895. \t                </div>
  1896.                     ";
  1897.         // line 1474
  1898.         if (twig_get_attribute($this->env, $this->source, (isset($context["BaseInfo"]) || array_key_exists("BaseInfo", $context) ? $context["BaseInfo"] : (function () { throw new RuntimeError('Variable "BaseInfo" does not exist.', 1474, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 1474)) {
  1899.             // line 1475
  1900.             echo "                     <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  1901. \t\t\t\t\t\t";
  1902.             // line 1476
  1903.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 1476, $this->source); })()) == false)) {
  1904.                 // line 1477
  1905.                 echo "                        <form action=\"";
  1906.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1477, $this->source); })()), "id", [], "any", false, false, false, 1477)]), "html", null, true);
  1907.                 echo "\" method=\"post\">
  1908.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  1909.                         </form>
  1910.                         ";
  1911.             } else {
  1912.                 // line 1481
  1913.                 echo "                        <form action=\"";
  1914.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1481, $this->source); })()), "id", [], "any", false, false, false, 1481)]), "html", null, true);
  1915.                 echo "\" method=\"post\">
  1916.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  1917.                         </form>
  1918.                         ";
  1919.             }
  1920.             // line 1485
  1921.             echo "                     </div>
  1922.                     ";
  1923.         }
  1924.         // line 1487
  1925.         echo "                    <div class=\"item_visual\">
  1926.                         ";
  1927.         // line 1488
  1928.         $context['_parent'] = $context;
  1929.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1488, $this->source); })()), "ProductImage", [], "any", false, false, false, 1488));
  1930.         $context['_iterated'] = false;
  1931.         $context['loop'] = [
  1932.           'parent' => $context['_parent'],
  1933.           'index0' => 0,
  1934.           'index'  => 1,
  1935.           'first'  => true,
  1936.         ];
  1937.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1938.             $length = count($context['_seq']);
  1939.             $context['loop']['revindex0'] = $length - 1;
  1940.             $context['loop']['revindex'] = $length;
  1941.             $context['loop']['length'] = $length;
  1942.             $context['loop']['last'] = 1 === $length;
  1943.         }
  1944.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1945.             // line 1489
  1946.             echo "                            <div class=\"slide-item\"><img src=\"";
  1947.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  1948.             echo "\" alt=\"";
  1949.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1489)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1489, $this->source); })()), "name", [], "any", false, false, false, 1489), "html", null, true))) : (print ("")));
  1950.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"";
  1951.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1489) > 1)) {
  1952.                 echo " loading=\"lazy\"";
  1953.             }
  1954.             echo "></div>
  1955.                         ";
  1956.             $context['_iterated'] = true;
  1957.             ++$context['loop']['index0'];
  1958.             ++$context['loop']['index'];
  1959.             $context['loop']['first'] = false;
  1960.             if (isset($context['loop']['length'])) {
  1961.                 --$context['loop']['revindex0'];
  1962.                 --$context['loop']['revindex'];
  1963.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1964.             }
  1965.         }
  1966.         if (!$context['_iterated']) {
  1967.             // line 1491
  1968.             echo "                            <div class=\"slide-item\"><img src=\"";
  1969.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  1970.             echo "\" alt=\"";
  1971.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1491)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1491, $this->source); })()), "name", [], "any", false, false, false, 1491), "html", null, true))) : (print ("")));
  1972.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  1973.                         ";
  1974.         }
  1975.         $_parent = $context['_parent'];
  1976.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1977.         $context = array_intersect_key($context, $_parent) + $_parent;
  1978.         // line 1493
  1979.         echo "                    </div>
  1980.                     <div class=\"item_nav\">
  1981.                         ";
  1982.         // line 1495
  1983.         $context['_parent'] = $context;
  1984.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1495, $this->source); })()), "ProductImage", [], "any", false, false, false, 1495));
  1985.         $context['loop'] = [
  1986.           'parent' => $context['_parent'],
  1987.           'index0' => 0,
  1988.           'index'  => 1,
  1989.           'first'  => true,
  1990.         ];
  1991.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1992.             $length = count($context['_seq']);
  1993.             $context['loop']['revindex0'] = $length - 1;
  1994.             $context['loop']['revindex'] = $length;
  1995.             $context['loop']['length'] = $length;
  1996.             $context['loop']['last'] = 1 === $length;
  1997.         }
  1998.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1999.             // line 1496
  2000.             echo "                            <div class=\"slideThumb\" data-index=\"";
  2001.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 1496), "html", null, true);
  2002.             echo "\"><img src=\"";
  2003.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  2004.             echo "\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  2005.                         ";
  2006.             ++$context['loop']['index0'];
  2007.             ++$context['loop']['index'];
  2008.             $context['loop']['first'] = false;
  2009.             if (isset($context['loop']['length'])) {
  2010.                 --$context['loop']['revindex0'];
  2011.                 --$context['loop']['revindex'];
  2012.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2013.             }
  2014.         }
  2015.         $_parent = $context['_parent'];
  2016.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  2017.         $context = array_intersect_key($context, $_parent) + $_parent;
  2018.         // line 1498
  2019.         echo "                    </div>
  2021.                 </div>
  2023.                     ";
  2024.         // line 1503
  2025.         echo "                    <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  2026.                         <div class=\"ec-areaNotice__inner\">
  2027.                             <div class=\"ec-areaNotice__icon\">📍</div>
  2028.                             <div class=\"ec-areaNotice__body\">
  2029.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  2030.                                 <div class=\"ec-areaNotice__detail\">
  2031.                                     <p class=\"ec-areaNotice__text\">
  2032.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  2033.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  2034.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  2035.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  2036.                                     </p>
  2037.                                     <a class=\"ec-areaNotice__link\" href=\"";
  2038.         // line 1515
  2039.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact");
  2040.         echo "\">エリア外のお客様・ご相談はこちら →</a>
  2041.                                 </div>
  2042.                             </div>
  2043.                         </div>
  2044.                     </div>
  2046.             </div>
  2048.             <div class=\"ec-grid2__cell2\">
  2049.                 <div class=\"ec-productRole__profile\" >
  2050.                     ";
  2051.         // line 1526
  2052.         echo "                    ";
  2053.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1526, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1526))) {
  2054.             // line 1527
  2055.             echo "                        <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  2056.                             ";
  2057.             // line 1528
  2058.             $context['_parent'] = $context;
  2059.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1528, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1528));
  2060.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  2061.                 // line 1529
  2062.                 echo "                                <ul>
  2063.                                     <li>
  2064.                                         ";
  2065.                 // line 1531
  2066.                 $context['_parent'] = $context;
  2067.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 1531), "path", [], "any", false, false, false, 1531));
  2068.                 $context['loop'] = [
  2069.                   'parent' => $context['_parent'],
  2070.                   'index0' => 0,
  2071.                   'index'  => 1,
  2072.                   'first'  => true,
  2073.                 ];
  2074.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  2075.                     $length = count($context['_seq']);
  2076.                     $context['loop']['revindex0'] = $length - 1;
  2077.                     $context['loop']['revindex'] = $length;
  2078.                     $context['loop']['length'] = $length;
  2079.                     $context['loop']['last'] = 1 === $length;
  2080.                 }
  2081.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  2082.                     // line 1532
  2083.                     echo "                                            <a href=\"";
  2084.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  2085.                     echo "?category_id=";
  2086.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 1532), "html", null, true);
  2087.                     echo "\">";
  2088.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 1532), "html", null, true);
  2089.                     echo "</a>";
  2090.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 1532) == false)) {
  2091.                         // line 1533
  2092.                         echo "                                            <span>＞</span>";
  2093.                     }
  2094.                     ++$context['loop']['index0'];
  2095.                     ++$context['loop']['index'];
  2096.                     $context['loop']['first'] = false;
  2097.                     if (isset($context['loop']['length'])) {
  2098.                         --$context['loop']['revindex0'];
  2099.                         --$context['loop']['revindex'];
  2100.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2101.                     }
  2102.                 }
  2103.                 $_parent = $context['_parent'];
  2104.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  2105.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2106.                 // line 1535
  2107.                 echo "                                    </li>
  2108.                                 </ul>
  2109.                             ";
  2110.             }
  2111.             $_parent = $context['_parent'];
  2112.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  2113.             $context = array_intersect_key($context, $_parent) + $_parent;
  2114.             // line 1538
  2115.             echo "                        </div>
  2116.                     ";
  2117.         }
  2118.         // line 1540
  2119.         echo "                    ";
  2120.         // line 1541
  2121.         echo "                    <div class=\"ec-productRole__price\">
  2122. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  2123.                         ";
  2124.         // line 1543
  2125.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1543, $this->source); })()), "hasProductClass", [], "any", false, false, false, 1543)) {
  2126.             // line 1544
  2127.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1544, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1544) == twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1544, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 1544))) {
  2128.                 // line 1545
  2129.                 echo "                                <div class=\"ec-price\">
  2130.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  2131.                 // line 1546
  2132.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1546, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1546)), "html", null, true);
  2133.                 echo "</span>
  2134.                                     <span class=\"ec-price__tax\">(";
  2135.                 // line 1547
  2136.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2137.                 echo ")～</span>
  2138.                                 </div>
  2139.                             ";
  2140.             } else {
  2141.                 // line 1550
  2142.                 echo "                                <div class=\"ec-price\">
  2143.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  2144.                 // line 1551
  2145.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1551, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1551)), "html", null, true);
  2146.                 echo " ～ ";
  2147.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1551, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 1551)), "html", null, true);
  2148.                 echo "</span>
  2149.                                     <span class=\"ec-price__tax\">(";
  2150.                 // line 1552
  2151.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2152.                 echo ")</span>
  2153.                                 </div>
  2154.                             ";
  2155.             }
  2156.             // line 1555
  2157.             echo "                        ";
  2158.         } else {
  2159.             // line 1556
  2160.             echo "                            <div class=\"ec-price\">
  2161.                                 <span id=\"price02-display\" class=\"ec-price__price\">";
  2162.             // line 1557
  2163.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1557, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1557)), "html", null, true);
  2164.             echo "</span>
  2165.                                     <span class=\"ec-price__tax\">(";
  2166.             // line 1558
  2167.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2168.             echo ")～</span>
  2169.                             </div>
  2170.                         ";
  2171.         }
  2172.         // line 1561
  2173.         echo "                    </div>
  2174.                     ";
  2175.         // line 1563
  2176.         echo "                    <ul class=\"ec-productRole__tags\">
  2177.                         ";
  2178.         // line 1564
  2179.         $context['_parent'] = $context;
  2180.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1564, $this->source); })()), "Tags", [], "any", false, false, false, 1564));
  2181.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  2182.             // line 1565
  2183.             echo "                            <li class=\"ec-productRole__tag tag_";
  2184.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 1565), "html", null, true);
  2185.             echo "\">";
  2186.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  2187.             echo "</li>
  2188.                         ";
  2189.         }
  2190.         $_parent = $context['_parent'];
  2191.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  2192.         $context = array_intersect_key($context, $_parent) + $_parent;
  2193.         // line 1567
  2194.         echo "                    </ul>
  2195.                     ";
  2196.         // line 1569
  2197.         echo "                    ";
  2198.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1569, $this->source); })()), "code_min", [], "any", false, false, false, 1569))) {
  2199.             // line 1570
  2200.             echo "                        <div class=\"ec-productRole__code\">
  2201.                             ";
  2202.             // line 1571
  2203.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  2204.             echo "： <span class=\"product-code-default\">";
  2205.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1571, $this->source); })()), "code_min", [], "any", false, false, false, 1571), "html", null, true);
  2206.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1571, $this->source); })()), "code_min", [], "any", false, false, false, 1571) != twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1571, $this->source); })()), "code_max", [], "any", false, false, false, 1571))) {
  2207.                 echo " ～ ";
  2208.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1571, $this->source); })()), "code_max", [], "any", false, false, false, 1571), "html", null, true);
  2209.             }
  2210.             echo "</span>
  2211.                         </div>
  2212.                     ";
  2213.         }
  2214.         // line 1574
  2215.         echo "
  2216.                     <div class=\"ec-productRole__description\">
  2217. \t\t\t\t        <div class=\"ec-rectHeading\">
  2218. \t\t\t\t            <h4>製品情報</h4>
  2219. \t\t\t\t        </div>
  2220. \t\t\t\t\t\t";
  2221.         // line 1579
  2222.         echo twig_nl2br(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1579, $this->source); })()), "sales_infomation", [], "any", false, false, false, 1579));
  2223.         echo "
  2224.                     </div>
  2227. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  2228. \t\t\t\t\t  <div class=\"card-header\">
  2229. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  2230. \t\t\t\t\t  </div>
  2231. \t\t\t\t\t  <div class=\"card-body p-2\">
  2232.                         ";
  2233.         // line 1588
  2234.         $context["related_image"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1588, $this->source); })()), "id", [], "any", false, false, false, 1588), "related_image");
  2235.         // line 1589
  2236.         echo "                        ";
  2237.         // line 1590
  2238.         echo "                        ";
  2239.         $context["img1"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1590, $this->source); })()) && twig_in_filter("1段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1590, $this->source); })())));
  2240.         // line 1591
  2241.         echo "                        ";
  2242.         $context["img2"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1591, $this->source); })()) && twig_in_filter("2段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1591, $this->source); })())));
  2243.         // line 1592
  2244.         echo "                        ";
  2245.         $context["img3"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1592, $this->source); })()) && twig_in_filter("3段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1592, $this->source); })())));
  2246.         // line 1593
  2247.         echo "                        ";
  2248.         $context["img4"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1593, $this->source); })()) && twig_in_filter("4段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 1593, $this->source); })())));
  2249.         // line 1594
  2250.         echo "\t\t\t\t\t    ";
  2251.         $context["type1"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1594, $this->source); })()), "id", [], "any", false, false, false, 1594), "related_name1");
  2252.         // line 1595
  2253.         echo "\t\t\t\t\t\t";
  2254.         $context["type2"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1595, $this->source); })()), "id", [], "any", false, false, false, 1595), "related_name2");
  2255.         // line 1596
  2256.         echo "\t\t\t\t\t\t";
  2257.         $context["type3"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1596, $this->source); })()), "id", [], "any", false, false, false, 1596), "related_name3");
  2258.         // line 1597
  2259.         echo "\t\t\t\t\t\t";
  2260.         $context["type4"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1597, $this->source); })()), "id", [], "any", false, false, false, 1597), "related_name4");
  2261.         // line 1598
  2262.         echo "\t\t\t\t\t\t";
  2263.         $context["hasRelated"] = ((((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1598, $this->source); })()) && (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1598, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1598, $this->source); })()))) || ((        // line 1599
  2264. (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 1599, $this->source); })()) && (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1599, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 1599, $this->source); })())))) || ((        // line 1600
  2265. (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 1600, $this->source); })()) && (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1600, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 1600, $this->source); })())))) || ((        // line 1601
  2266. (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 1601, $this->source); })()) && (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1601, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 1601, $this->source); })()))));
  2267.         // line 1602
  2268.         echo "\t\t\t\t\t\t";
  2269.         if ((isset($context["hasRelated"]) || array_key_exists("hasRelated", $context) ? $context["hasRelated"] : (function () { throw new RuntimeError('Variable "hasRelated" does not exist.', 1602, $this->source); })())) {
  2270.             // line 1603
  2271.             echo "\t\t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のタイプを選択してください。</label></div>
  2272. \t\t\t\t\t\t";
  2273.         }
  2274.         // line 1605
  2275.         echo "
  2276. \t\t\t\t\t\t";
  2277.         // line 1607
  2278.         echo "\t\t\t\t\t\t";
  2279.         if ((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1607, $this->source); })()) && (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1607, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1607, $this->source); })())))) {
  2280.             // line 1608
  2281.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2282. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2283.             // line 1609
  2284.             echo twig_escape_filter($this->env, (isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1609, $this->source); })()), "html", null, true);
  2285.             if (((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 1609, $this->source); })()) && (isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1609, $this->source); })()))) {
  2286.                 echo ": <span>";
  2287.                 echo twig_escape_filter($this->env, (isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1609, $this->source); })()), "html", null, true);
  2288.                 echo "</span>";
  2289.             }
  2290.             echo "</div>
  2291. \t\t\t\t\t\t  ";
  2292.             // line 1610
  2293.             if ((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 1610, $this->source); })())) {
  2294.                 // line 1611
  2295.                 echo "\t\t\t\t\t\t    ";
  2296.                 // line 1612
  2297.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2298. \t\t\t\t\t\t      ";
  2299.                 // line 1613
  2300.                 $context['_parent'] = $context;
  2301.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 1613, $this->source); })()));
  2302.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2303.                     // line 1614
  2304.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2305.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1614, $this->source); })()) == $context["rp_name"])) {
  2306.                         echo " is-selected";
  2307.                     }
  2308.                     echo "\"
  2309. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2310.                     // line 1615
  2311.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2312.                     echo "';\">
  2313. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"";
  2314.                     // line 1616
  2315.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2316.                     echo "\"
  2317. \t\t\t\t\t\t                 ";
  2318.                     // line 1617
  2319.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1617, $this->source); })()) == $context["rp_name"])) {
  2320.                         echo "checked";
  2321.                     }
  2322.                     echo ">
  2323. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2324. \t\t\t\t\t\t               src=\"";
  2325.                     // line 1619
  2326.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2327.                     echo "\"
  2328. \t\t\t\t\t\t               alt=\"";
  2329.                     // line 1620
  2330.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2331.                     echo "\"
  2332. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  2333. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2334. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2335. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2336.                     // line 1624
  2337.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2338.                     echo "</span>
  2339. \t\t\t\t\t\t        </label>
  2340. \t\t\t\t\t\t      ";
  2341.                 }
  2342.                 $_parent = $context['_parent'];
  2343.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2344.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2345.                 // line 1627
  2346.                 echo "\t\t\t\t\t\t    </div>
  2347. \t\t\t\t\t\t  ";
  2348.             } else {
  2349.                 // line 1629
  2350.                 echo "\t\t\t\t\t\t    ";
  2351.                 // line 1630
  2352.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2353. \t\t\t\t\t\t      ";
  2354.                 // line 1631
  2355.                 $context['_parent'] = $context;
  2356.                 $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.', 1631, $this->source); })()));
  2357.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2358.                     // line 1632
  2359.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2360.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1632, $this->source); })()) == $context["rp_name"])) {
  2361.                         echo " is-selected";
  2362.                     }
  2363.                     echo "\"
  2364. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2365.                     // line 1633
  2366.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2367.                     echo "';\">
  2368. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"";
  2369.                     // line 1634
  2370.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2371.                     echo "\"
  2372. \t\t\t\t\t\t                 ";
  2373.                     // line 1635
  2374.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1635, $this->source); })()) == $context["rp_name"])) {
  2375.                         echo "checked";
  2376.                     }
  2377.                     echo ">
  2378. \t\t\t\t\t\t          ";
  2379.                     // line 1636
  2380.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2381.                     echo "
  2382. \t\t\t\t\t\t        </label>
  2383. \t\t\t\t\t\t      ";
  2384.                 }
  2385.                 $_parent = $context['_parent'];
  2386.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2387.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2388.                 // line 1639
  2389.                 echo "\t\t\t\t\t\t    </div>
  2390. \t\t\t\t\t\t  ";
  2391.             }
  2392.             // line 1641
  2393.             echo "\t\t\t\t\t\t</div>
  2394. \t\t\t\t\t\t";
  2395.         }
  2396.         // line 1643
  2397.         echo "
  2398. \t\t\t\t\t\t";
  2399.         // line 1645
  2400.         echo "\t\t\t\t\t\t";
  2401.         if ((((isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 1645, $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.', 1645, $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.', 1645, $this->source); })())))) {
  2402.             // line 1646
  2403.             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)\">
  2404. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2405.             // line 1647
  2406.             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.', 1647, $this->source); })()), "html", null, true);
  2407.             if (((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 1647, $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.', 1647, $this->source); })()))) {
  2408.                 echo ": <span>";
  2409.                 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.', 1647, $this->source); })()), "html", null, true);
  2410.                 echo "</span>";
  2411.             }
  2412.             echo "</div>
  2413. \t\t\t\t\t\t  ";
  2414.             // line 1648
  2415.             if ((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 1648, $this->source); })())) {
  2416.                 // line 1649
  2417.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2418. \t\t\t\t\t\t      ";
  2419.                 // line 1650
  2420.                 $context['_parent'] = $context;
  2421.                 $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.', 1650, $this->source); })()));
  2422.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2423.                     // line 1651
  2424.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2425.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1651, $this->source); })()) == $context["rp_name"])) {
  2426.                         echo " is-selected";
  2427.                     }
  2428.                     echo "\"
  2429. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2430.                     // line 1652
  2431.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2432.                     echo "';\">
  2433. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"";
  2434.                     // line 1653
  2435.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2436.                     echo "\"
  2437. \t\t\t\t\t\t                 ";
  2438.                     // line 1654
  2439.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1654, $this->source); })()) == $context["rp_name"])) {
  2440.                         echo "checked";
  2441.                     }
  2442.                     echo ">
  2443. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2444. \t\t\t\t\t\t               src=\"";
  2445.                     // line 1656
  2446.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2447.                     echo "\"
  2448. \t\t\t\t\t\t               alt=\"";
  2449.                     // line 1657
  2450.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2451.                     echo "\"
  2452. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  2453. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2454. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2455. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2456.                     // line 1661
  2457.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2458.                     echo "</span>
  2459. \t\t\t\t\t\t        </label>
  2460. \t\t\t\t\t\t      ";
  2461.                 }
  2462.                 $_parent = $context['_parent'];
  2463.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2464.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2465.                 // line 1664
  2466.                 echo "\t\t\t\t\t\t    </div>
  2467. \t\t\t\t\t\t  ";
  2468.             } else {
  2469.                 // line 1666
  2470.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2471. \t\t\t\t\t\t      ";
  2472.                 // line 1667
  2473.                 $context['_parent'] = $context;
  2474.                 $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.', 1667, $this->source); })()));
  2475.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2476.                     // line 1668
  2477.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2478.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1668, $this->source); })()) == $context["rp_name"])) {
  2479.                         echo " is-selected";
  2480.                     }
  2481.                     echo "\"
  2482. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2483.                     // line 1669
  2484.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2485.                     echo "';\">
  2486. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"";
  2487.                     // line 1670
  2488.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2489.                     echo "\"
  2490. \t\t\t\t\t\t                 ";
  2491.                     // line 1671
  2492.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1671, $this->source); })()) == $context["rp_name"])) {
  2493.                         echo "checked";
  2494.                     }
  2495.                     echo ">
  2496. \t\t\t\t\t\t          ";
  2497.                     // line 1672
  2498.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2499.                     echo "
  2500. \t\t\t\t\t\t        </label>
  2501. \t\t\t\t\t\t      ";
  2502.                 }
  2503.                 $_parent = $context['_parent'];
  2504.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2505.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2506.                 // line 1675
  2507.                 echo "\t\t\t\t\t\t    </div>
  2508. \t\t\t\t\t\t  ";
  2509.             }
  2510.             // line 1677
  2511.             echo "\t\t\t\t\t\t</div>
  2512. \t\t\t\t\t\t";
  2513.         }
  2514.         // line 1679
  2515.         echo "
  2516. \t\t\t\t\t\t";
  2517.         // line 1681
  2518.         echo "\t\t\t\t\t\t";
  2519.         if ((((isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 1681, $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.', 1681, $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.', 1681, $this->source); })())))) {
  2520.             // line 1682
  2521.             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)\">
  2522. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2523.             // line 1683
  2524.             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.', 1683, $this->source); })()), "html", null, true);
  2525.             if (((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 1683, $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.', 1683, $this->source); })()))) {
  2526.                 echo ": <span>";
  2527.                 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.', 1683, $this->source); })()), "html", null, true);
  2528.                 echo "</span>";
  2529.             }
  2530.             echo "</div>
  2531. \t\t\t\t\t\t  ";
  2532.             // line 1684
  2533.             if ((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 1684, $this->source); })())) {
  2534.                 // line 1685
  2535.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2536. \t\t\t\t\t\t      ";
  2537.                 // line 1686
  2538.                 $context['_parent'] = $context;
  2539.                 $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.', 1686, $this->source); })()));
  2540.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2541.                     // line 1687
  2542.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2543.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1687, $this->source); })()) == $context["rp_name"])) {
  2544.                         echo " is-selected";
  2545.                     }
  2546.                     echo "\"
  2547. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2548.                     // line 1688
  2549.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2550.                     echo "';\">
  2551. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"";
  2552.                     // line 1689
  2553.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2554.                     echo "\"
  2555. \t\t\t\t\t\t                 ";
  2556.                     // line 1690
  2557.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1690, $this->source); })()) == $context["rp_name"])) {
  2558.                         echo "checked";
  2559.                     }
  2560.                     echo ">
  2561. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2562. \t\t\t\t\t\t               src=\"";
  2563.                     // line 1692
  2564.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2565.                     echo "\"
  2566. \t\t\t\t\t\t               alt=\"";
  2567.                     // line 1693
  2568.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2569.                     echo "\"
  2570. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  2571. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2572. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2573. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2574.                     // line 1697
  2575.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2576.                     echo "</span>
  2577. \t\t\t\t\t\t        </label>
  2578. \t\t\t\t\t\t      ";
  2579.                 }
  2580.                 $_parent = $context['_parent'];
  2581.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2582.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2583.                 // line 1700
  2584.                 echo "\t\t\t\t\t\t    </div>
  2585. \t\t\t\t\t\t  ";
  2586.             } else {
  2587.                 // line 1702
  2588.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2589. \t\t\t\t\t\t      ";
  2590.                 // line 1703
  2591.                 $context['_parent'] = $context;
  2592.                 $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.', 1703, $this->source); })()));
  2593.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2594.                     // line 1704
  2595.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2596.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1704, $this->source); })()) == $context["rp_name"])) {
  2597.                         echo " is-selected";
  2598.                     }
  2599.                     echo "\"
  2600. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2601.                     // line 1705
  2602.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2603.                     echo "';\">
  2604. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"";
  2605.                     // line 1706
  2606.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2607.                     echo "\"
  2608. \t\t\t\t\t\t                 ";
  2609.                     // line 1707
  2610.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1707, $this->source); })()) == $context["rp_name"])) {
  2611.                         echo "checked";
  2612.                     }
  2613.                     echo ">
  2614. \t\t\t\t\t\t          ";
  2615.                     // line 1708
  2616.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2617.                     echo "
  2618. \t\t\t\t\t\t        </label>
  2619. \t\t\t\t\t\t      ";
  2620.                 }
  2621.                 $_parent = $context['_parent'];
  2622.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2623.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2624.                 // line 1711
  2625.                 echo "\t\t\t\t\t\t    </div>
  2626. \t\t\t\t\t\t  ";
  2627.             }
  2628.             // line 1713
  2629.             echo "\t\t\t\t\t\t</div>
  2630. \t\t\t\t\t\t";
  2631.         }
  2632.         // line 1715
  2633.         echo "
  2634. \t\t\t\t\t\t";
  2635.         // line 1717
  2636.         echo "\t\t\t\t\t\t";
  2637.         if ((((isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 1717, $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.', 1717, $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.', 1717, $this->source); })())))) {
  2638.             // line 1718
  2639.             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)\">
  2640. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2641.             // line 1719
  2642.             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.', 1719, $this->source); })()), "html", null, true);
  2643.             if (((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 1719, $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.', 1719, $this->source); })()))) {
  2644.                 echo ": <span>";
  2645.                 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.', 1719, $this->source); })()), "html", null, true);
  2646.                 echo "</span>";
  2647.             }
  2648.             echo "</div>
  2649. \t\t\t\t\t\t  ";
  2650.             // line 1720
  2651.             if ((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 1720, $this->source); })())) {
  2652.                 // line 1721
  2653.                 echo "\t\t\t\t\t\t    ";
  2654.                 // line 1722
  2655.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2656. \t\t\t\t\t\t      ";
  2657.                 // line 1723
  2658.                 $context['_parent'] = $context;
  2659.                 $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.', 1723, $this->source); })()));
  2660.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2661.                     // line 1724
  2662.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2663.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1724, $this->source); })()) == $context["rp_name"])) {
  2664.                         echo " is-selected";
  2665.                     }
  2666.                     echo "\"
  2667. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2668.                     // line 1725
  2669.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2670.                     echo "';\">
  2671. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"";
  2672.                     // line 1726
  2673.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2674.                     echo "\"
  2675. \t\t\t\t\t\t                 ";
  2676.                     // line 1727
  2677.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1727, $this->source); })()) == $context["rp_name"])) {
  2678.                         echo "checked";
  2679.                     }
  2680.                     echo ">
  2681. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2682. \t\t\t\t\t\t               src=\"";
  2683.                     // line 1729
  2684.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2685.                     echo "\"
  2686. \t\t\t\t\t\t               alt=\"";
  2687.                     // line 1730
  2688.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2689.                     echo "\" width=\"120\" height=\"120\" loading=\"lazy\">
  2690. \t\t\t\t\t\t          <span class=\"rp-card__label\">";
  2691.                     // line 1731
  2692.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2693.                     echo "</span>
  2694. \t\t\t\t\t\t        </label>
  2695. \t\t\t\t\t\t      ";
  2696.                 }
  2697.                 $_parent = $context['_parent'];
  2698.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2699.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2700.                 // line 1734
  2701.                 echo "\t\t\t\t\t\t    </div>
  2702. \t\t\t\t\t\t  ";
  2703.             } else {
  2704.                 // line 1736
  2705.                 echo "\t\t\t\t\t\t    ";
  2706.                 // line 1737
  2707.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2708. \t\t\t\t\t\t      ";
  2709.                 // line 1738
  2710.                 $context['_parent'] = $context;
  2711.                 $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.', 1738, $this->source); })()));
  2712.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2713.                     // line 1739
  2714.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2715.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1739, $this->source); })()) == $context["rp_name"])) {
  2716.                         echo " is-selected";
  2717.                     }
  2718.                     echo "\"
  2719. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2720.                     // line 1740
  2721.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2722.                     echo "';\">
  2723. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"";
  2724.                     // line 1741
  2725.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2726.                     echo "\"
  2727. \t\t\t\t\t\t                 ";
  2728.                     // line 1742
  2729.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1742, $this->source); })()) == $context["rp_name"])) {
  2730.                         echo "checked";
  2731.                     }
  2732.                     echo ">
  2733. \t\t\t\t\t\t          ";
  2734.                     // line 1743
  2735.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2736.                     echo "
  2737. \t\t\t\t\t\t        </label>
  2738. \t\t\t\t\t\t      ";
  2739.                 }
  2740.                 $_parent = $context['_parent'];
  2741.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2742.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2743.                 // line 1746
  2744.                 echo "\t\t\t\t\t\t    </div>
  2745. \t\t\t\t\t\t  ";
  2746.             }
  2747.             // line 1748
  2748.             echo "\t\t\t\t\t\t</div>
  2749. \t\t\t\t\t\t";
  2750.         }
  2751.         // line 1750
  2752.         echo "
  2754. \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>
  2756.                         ";
  2757.         // line 1754
  2758.         if ((((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1754, $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.', 1754, $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.', 1754, $this->source); })()), "SaleType", [], "any", false, false, false, 1754), "id", [], "any", false, false, false, 1754) != 3))) {
  2759.             // line 1755
  2760.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2761.                           <div class=\"rp-section-label\">カラー";
  2762.             // line 1756
  2763.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1756, $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.', 1756, $this->source); })()), "pc", [], "any", false, false, false, 1756))) {
  2764.                 echo ": <span>";
  2765.                 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.', 1756, $this->source); })()), "pc", [], "any", false, false, false, 1756), "html", null, true);
  2766.                 echo "</span>";
  2767.             }
  2768.             echo "</div>
  2769.                           <div class=\"opt-btn-group\">
  2770.                             ";
  2771.             // line 1758
  2772.             $context["idx"] = 0;
  2773.             // line 1759
  2774.             echo "                            ";
  2775.             $context['_parent'] = $context;
  2776.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1759, $this->source); })()));
  2777.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  2778.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1759))) {
  2779.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1759, $this->source); })()) + 1);
  2780.                     // line 1760
  2781.                     echo "                              <label class=\"opt-btn";
  2782.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1760, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1760, $this->source); })()), "pc", [], "any", false, false, false, 1760) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1760))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1760, $this->source); })())) == 1))) {
  2783.                         echo " is-selected";
  2784.                     }
  2785.                     echo "\"
  2786.                                      onclick=\"mitsumori_simulation_val('pc', '";
  2787.                     // line 1761
  2788.                     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, 1761), "js"), "html", null, true);
  2789.                     echo "');\">
  2790.                                 <input type=\"radio\" name=\"color\" id=\"cc_";
  2791.                     // line 1762
  2792.                     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.', 1762, $this->source); })()), "html", null, true);
  2793.                     echo "\" value=\"";
  2794.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1762), "html", null, true);
  2795.                     echo "\"
  2796.                                        ";
  2797.                     // line 1763
  2798.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1763, $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.', 1763, $this->source); })()), "pc", [], "any", false, false, false, 1763) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1763))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1763, $this->source); })())) == 1))) {
  2799.                         echo "checked";
  2800.                     }
  2801.                     echo ">
  2802.                                 ";
  2803.                     // line 1764
  2804.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1764), "html", null, true);
  2805.                     echo "
  2806.                               </label>
  2807.                             ";
  2808.                 }
  2809.             }
  2810.             $_parent = $context['_parent'];
  2811.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  2812.             $context = array_intersect_key($context, $_parent) + $_parent;
  2813.             // line 1767
  2814.             echo "                          </div>
  2815.                         </div>
  2816.                         ";
  2817.         }
  2818.         // line 1770
  2819.         echo "
  2820.                         ";
  2821.         // line 1771
  2822.         if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1771, $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.', 1771, $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.', 1771, $this->source); })())) != ""))) {
  2823.             // line 1772
  2824.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2825.                           <div class=\"rp-section-label\">幅";
  2826.             // line 1773
  2827.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1773, $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.', 1773, $this->source); })()), "pw", [], "any", false, false, false, 1773))) {
  2828.                 echo ": <span>";
  2829.                 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.', 1773, $this->source); })()), "pw", [], "any", false, false, false, 1773), "html", null, true);
  2830.                 echo "</span>";
  2831.             }
  2832.             echo "</div>
  2833.                           <div class=\"opt-btn-group\">
  2834.                             ";
  2835.             // line 1775
  2836.             $context["idx"] = 0;
  2837.             // line 1776
  2838.             echo "                            ";
  2839.             $context['_parent'] = $context;
  2840.             $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.', 1776, $this->source); })()));
  2841.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  2842.                 if ($context["pw"]) {
  2843.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1776, $this->source); })()) + 1);
  2844.                     // line 1777
  2845.                     echo "                              <label class=\"opt-btn";
  2846.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1777, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1777, $this->source); })()), "pw", [], "any", false, false, false, 1777) == $context["pw"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1777, $this->source); })())) == 1))) {
  2847.                         echo " is-selected";
  2848.                     }
  2849.                     echo "\"
  2850.                                      onclick=\"mitsumori_simulation_val('pw', '";
  2851.                     // line 1778
  2852.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pw"], "js"), "html", null, true);
  2853.                     echo "');\">
  2854.                                 <input type=\"radio\" name=\"pw\" id=\"pw_";
  2855.                     // line 1779
  2856.                     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.', 1779, $this->source); })()), "html", null, true);
  2857.                     echo "\" value=\"";
  2858.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  2859.                     echo "\"
  2860.                                        ";
  2861.                     // line 1780
  2862.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1780, $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.', 1780, $this->source); })()), "pw", [], "any", false, false, false, 1780) == $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.', 1780, $this->source); })())) == 1))) {
  2863.                         echo "checked";
  2864.                     }
  2865.                     echo ">
  2866.                                 ";
  2867.                     // line 1781
  2868.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  2869.                     echo "
  2870.                               </label>
  2871.                             ";
  2872.                 }
  2873.             }
  2874.             $_parent = $context['_parent'];
  2875.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  2876.             $context = array_intersect_key($context, $_parent) + $_parent;
  2877.             // line 1784
  2878.             echo "                          </div>
  2879.                         </div>
  2880.                         ";
  2881.         }
  2882.         // line 1787
  2883.         echo "
  2884.                         ";
  2885.         // line 1788
  2886.         if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1788, $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.', 1788, $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.', 1788, $this->source); })())) != ""))) {
  2887.             // line 1789
  2888.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2889.                           <div class=\"rp-section-label\">奥行き";
  2890.             // line 1790
  2891.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1790, $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.', 1790, $this->source); })()), "pd", [], "any", false, false, false, 1790))) {
  2892.                 echo ": <span>";
  2893.                 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.', 1790, $this->source); })()), "pd", [], "any", false, false, false, 1790), "html", null, true);
  2894.                 echo "</span>";
  2895.             }
  2896.             echo "</div>
  2897.                           <div class=\"opt-btn-group\">
  2898.                             ";
  2899.             // line 1792
  2900.             $context["idx"] = 0;
  2901.             // line 1793
  2902.             echo "                            ";
  2903.             $context['_parent'] = $context;
  2904.             $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.', 1793, $this->source); })()));
  2905.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  2906.                 if ($context["pd"]) {
  2907.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1793, $this->source); })()) + 1);
  2908.                     // line 1794
  2909.                     echo "                              <label class=\"opt-btn";
  2910.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1794, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1794, $this->source); })()), "pd", [], "any", false, false, false, 1794) == $context["pd"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1794, $this->source); })())) == 1))) {
  2911.                         echo " is-selected";
  2912.                     }
  2913.                     echo "\"
  2914.                                      onclick=\"mitsumori_simulation_val('pd', '";
  2915.                     // line 1795
  2916.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pd"], "js"), "html", null, true);
  2917.                     echo "');\">
  2918.                                 <input type=\"radio\" name=\"pd\" id=\"pd_";
  2919.                     // line 1796
  2920.                     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.', 1796, $this->source); })()), "html", null, true);
  2921.                     echo "\" value=\"";
  2922.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  2923.                     echo "\"
  2924.                                        ";
  2925.                     // line 1797
  2926.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1797, $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.', 1797, $this->source); })()), "pd", [], "any", false, false, false, 1797) == $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.', 1797, $this->source); })())) == 1))) {
  2927.                         echo "checked";
  2928.                     }
  2929.                     echo ">
  2930.                                 ";
  2931.                     // line 1798
  2932.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  2933.                     echo "
  2934.                               </label>
  2935.                             ";
  2936.                 }
  2937.             }
  2938.             $_parent = $context['_parent'];
  2939.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  2940.             $context = array_intersect_key($context, $_parent) + $_parent;
  2941.             // line 1801
  2942.             echo "                          </div>
  2943.                         </div>
  2944.                         ";
  2945.         }
  2946.         // line 1804
  2947.         echo "
  2948.                         ";
  2949.         // line 1805
  2950.         if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1805, $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.', 1805, $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.', 1805, $this->source); })())) != ""))) {
  2951.             // line 1806
  2952.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2953.                           <div class=\"rp-section-label\">高さ";
  2954.             // line 1807
  2955.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1807, $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.', 1807, $this->source); })()), "ph", [], "any", false, false, false, 1807))) {
  2956.                 echo ": <span>";
  2957.                 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.', 1807, $this->source); })()), "ph", [], "any", false, false, false, 1807), "html", null, true);
  2958.                 echo "</span>";
  2959.             }
  2960.             echo "</div>
  2961.                           <div class=\"opt-btn-group\">
  2962.                             ";
  2963.             // line 1809
  2964.             $context["idx"] = 0;
  2965.             // line 1810
  2966.             echo "                            ";
  2967.             $context['_parent'] = $context;
  2968.             $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.', 1810, $this->source); })()));
  2969.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  2970.                 if ($context["ph"]) {
  2971.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1810, $this->source); })()) + 1);
  2972.                     // line 1811
  2973.                     echo "                              <label class=\"opt-btn";
  2974.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1811, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1811, $this->source); })()), "ph", [], "any", false, false, false, 1811) == $context["ph"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1811, $this->source); })())) == 1))) {
  2975.                         echo " is-selected";
  2976.                     }
  2977.                     echo "\"
  2978.                                      onclick=\"mitsumori_simulation_val('ph', '";
  2979.                     // line 1812
  2980.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["ph"], "js"), "html", null, true);
  2981.                     echo "');\">
  2982.                                 <input type=\"radio\" name=\"ph\" id=\"ph_";
  2983.                     // line 1813
  2984.                     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.', 1813, $this->source); })()), "html", null, true);
  2985.                     echo "\" value=\"";
  2986.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  2987.                     echo "\"
  2988.                                        ";
  2989.                     // line 1814
  2990.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1814, $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.', 1814, $this->source); })()), "ph", [], "any", false, false, false, 1814) == $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.', 1814, $this->source); })())) == 1))) {
  2991.                         echo "checked";
  2992.                     }
  2993.                     echo ">
  2994.                                 ";
  2995.                     // line 1815
  2996.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  2997.                     echo "
  2998.                               </label>
  2999.                             ";
  3000.                 }
  3001.             }
  3002.             $_parent = $context['_parent'];
  3003.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  3004.             $context = array_intersect_key($context, $_parent) + $_parent;
  3005.             // line 1818
  3006.             echo "                          </div>
  3007.                         </div>
  3008.                         ";
  3009.         }
  3010.         // line 1821
  3011.         echo "
  3012.                         ";
  3013.         // line 1822
  3014.         if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1822, $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.', 1822, $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.', 1822, $this->source); })())) != ""))) {
  3015.             // line 1823
  3016.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3017.                           <div class=\"rp-section-label\">素材";
  3018.             // line 1824
  3019.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1824, $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.', 1824, $this->source); })()), "pm", [], "any", false, false, false, 1824))) {
  3020.                 echo ": <span>";
  3021.                 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.', 1824, $this->source); })()), "pm", [], "any", false, false, false, 1824), "html", null, true);
  3022.                 echo "</span>";
  3023.             }
  3024.             echo "</div>
  3025.                           <div class=\"opt-btn-group\">
  3026.                             ";
  3027.             // line 1826
  3028.             $context["idx"] = 0;
  3029.             // line 1827
  3030.             echo "                            ";
  3031.             $context['_parent'] = $context;
  3032.             $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.', 1827, $this->source); })()));
  3033.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  3034.                 if ($context["pm"]) {
  3035.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1827, $this->source); })()) + 1);
  3036.                     // line 1828
  3037.                     echo "                              <label class=\"opt-btn";
  3038.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1828, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1828, $this->source); })()), "pm", [], "any", false, false, false, 1828) == $context["pm"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1828, $this->source); })())) == 1))) {
  3039.                         echo " is-selected";
  3040.                     }
  3041.                     echo "\"
  3042.                                      onclick=\"mitsumori_simulation_val('pm', '";
  3043.                     // line 1829
  3044.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pm"], "js"), "html", null, true);
  3045.                     echo "');\">
  3046.                                 <input type=\"radio\" name=\"pm\" id=\"pm_";
  3047.                     // line 1830
  3048.                     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.', 1830, $this->source); })()), "html", null, true);
  3049.                     echo "\" value=\"";
  3050.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  3051.                     echo "\"
  3052.                                        ";
  3053.                     // line 1831
  3054.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1831, $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.', 1831, $this->source); })()), "pm", [], "any", false, false, false, 1831) == $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.', 1831, $this->source); })())) == 1))) {
  3055.                         echo "checked";
  3056.                     }
  3057.                     echo ">
  3058.                                 ";
  3059.                     // line 1832
  3060.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  3061.                     echo "
  3062.                               </label>
  3063.                             ";
  3064.                 }
  3065.             }
  3066.             $_parent = $context['_parent'];
  3067.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  3068.             $context = array_intersect_key($context, $_parent) + $_parent;
  3069.             // line 1835
  3070.             echo "                          </div>
  3071.                         </div>
  3072.                         ";
  3073.         }
  3074.         // line 1838
  3075.         echo "
  3076. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  3077. \t\t\t\t\t\t";
  3078.         // line 1840
  3079.         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.', 1840, $this->source); })()), "SaleType", [], "any", false, false, false, 1840), "id", [], "any", false, false, false, 1840) == 1)) {
  3080.             // line 1841
  3081.             echo "\t\t\t\t\t\t";
  3082.         }
  3083.         // line 1842
  3084.         echo "
  3085. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） -->
  3086. \t\t\t\t\t\t";
  3087.         // line 1844
  3088.         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.', 1844, $this->source); })()), "SaleType", [], "any", false, false, false, 1844), "id", [], "any", false, false, false, 1844) == 2)) {
  3089.             // line 1845
  3090.             echo "
  3091. \t\t\t\t\t\t\t";
  3092.             // line 1847
  3093.             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)\">
  3094. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓サイズ</label>
  3095. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3096. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3097. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓幅</span>
  3098. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_w\" id=\"mado_w\" class=\"form-control\" value=\"";
  3099.             // line 1852
  3100.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_w", [], "any", true, true, false, 1852)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_w", [], "any", false, false, false, 1852), "")) : ("")), "html", null, true);
  3101.             echo "\" placeholder=\"例: 90\" min=\"1\" onchange=\"mitsumori_simulation('mado_w','mado_w');\">
  3102. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  3103. \t\t\t\t\t\t\t    </div>
  3104. \t\t\t\t\t\t\t  </div>
  3105. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3106. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3107. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓高さ</span>
  3108. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_h\" id=\"mado_h\" class=\"form-control\" value=\"";
  3109.             // line 1859
  3110.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_h", [], "any", true, true, false, 1859)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_h", [], "any", false, false, false, 1859), "")) : ("")), "html", null, true);
  3111.             echo "\" placeholder=\"例: 110\" min=\"1\" onchange=\"mitsumori_simulation('mado_h','mado_h');\">
  3112. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  3113. \t\t\t\t\t\t\t    </div>
  3114. \t\t\t\t\t\t\t  </div>
  3115. \t\t\t\t\t\t\t</div>
  3117. \t\t\t\t\t\t\t";
  3118.             // line 1866
  3119.             echo "\t\t\t\t\t\t\t";
  3120.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1866, $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.', 1866, $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.', 1866, $this->source); })())) != ""))) {
  3121.                 // line 1867
  3122.                 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)\">
  3123. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓タイプ</label>
  3124. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3125. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3126. \t\t\t\t\t\t\t    ";
  3127.                 // line 1871
  3128.                 $context["idx"] = 0;
  3129.                 // line 1872
  3130.                 echo "\t\t\t\t\t\t\t    ";
  3131.                 $context['_parent'] = $context;
  3132.                 $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.', 1872, $this->source); })()));
  3133.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  3134.                     // line 1873
  3135.                     echo "\t\t\t\t\t\t\t      ";
  3136.                     if ($context["pd_val"]) {
  3137.                         // line 1874
  3138.                         echo "\t\t\t\t\t\t\t      ";
  3139.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1874, $this->source); })()) + 1);
  3140.                         // line 1875
  3141.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3142. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"mado_type\" id=\"mado_type_";
  3143.                         // line 1876
  3144.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1876, $this->source); })()), "html", null, true);
  3145.                         echo "\" value=\"";
  3146.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3147.                         echo "\"
  3148. \t\t\t\t\t\t\t          ";
  3149.                         // line 1877
  3150.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1877, $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.', 1877, $this->source); })()), "pd", [], "any", false, false, false, 1877) == $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.', 1877, $this->source); })())) == 1))) {
  3151.                             echo "checked";
  3152.                         }
  3153.                         // line 1878
  3154.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','mado_type_";
  3155.                         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.', 1878, $this->source); })()), "html", null, true);
  3156.                         echo "');\">
  3157. \t\t\t\t\t\t\t        <label for=\"mado_type_";
  3158.                         // line 1879
  3159.                         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.', 1879, $this->source); })()), "html", null, true);
  3160.                         echo "\">";
  3161.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3162.                         echo "</label>
  3163. \t\t\t\t\t\t\t      </div>
  3164. \t\t\t\t\t\t\t      ";
  3165.                     }
  3166.                     // line 1882
  3167.                     echo "\t\t\t\t\t\t\t    ";
  3168.                 }
  3169.                 $_parent = $context['_parent'];
  3170.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  3171.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3172.                 // line 1883
  3173.                 echo "\t\t\t\t\t\t\t    </div>
  3174. \t\t\t\t\t\t\t  </div>
  3175. \t\t\t\t\t\t\t</div>
  3176. \t\t\t\t\t\t\t";
  3177.             }
  3178.             // line 1887
  3179.             echo "
  3180. \t\t\t\t\t\t\t";
  3181.             // line 1889
  3182.             echo "\t\t\t\t\t\t\t";
  3183.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1889, $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.', 1889, $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.', 1889, $this->source); })())) != ""))) {
  3184.                 // line 1890
  3185.                 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)\">
  3186. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ガラスタイプ</label>
  3187. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3188. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3189. \t\t\t\t\t\t\t    ";
  3190.                 // line 1894
  3191.                 $context["idx"] = 0;
  3192.                 // line 1895
  3193.                 echo "\t\t\t\t\t\t\t    ";
  3194.                 $context['_parent'] = $context;
  3195.                 $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.', 1895, $this->source); })()));
  3196.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3197.                     // line 1896
  3198.                     echo "\t\t\t\t\t\t\t      ";
  3199.                     if ($context["pm_val"]) {
  3200.                         // line 1897
  3201.                         echo "\t\t\t\t\t\t\t      ";
  3202.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1897, $this->source); })()) + 1);
  3203.                         // line 1898
  3204.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3205. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"glass_type\" id=\"glass_type_";
  3206.                         // line 1899
  3207.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1899, $this->source); })()), "html", null, true);
  3208.                         echo "\" value=\"";
  3209.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3210.                         echo "\"
  3211. \t\t\t\t\t\t\t          ";
  3212.                         // line 1900
  3213.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1900, $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.', 1900, $this->source); })()), "pm", [], "any", false, false, false, 1900) == $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.', 1900, $this->source); })())) == 1))) {
  3214.                             echo "checked";
  3215.                         }
  3216.                         // line 1901
  3217.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','glass_type_";
  3218.                         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.', 1901, $this->source); })()), "html", null, true);
  3219.                         echo "');\">
  3220. \t\t\t\t\t\t\t        <label for=\"glass_type_";
  3221.                         // line 1902
  3222.                         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.', 1902, $this->source); })()), "html", null, true);
  3223.                         echo "\">";
  3224.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3225.                         echo "</label>
  3226. \t\t\t\t\t\t\t      </div>
  3227. \t\t\t\t\t\t\t      ";
  3228.                     }
  3229.                     // line 1905
  3230.                     echo "\t\t\t\t\t\t\t    ";
  3231.                 }
  3232.                 $_parent = $context['_parent'];
  3233.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3234.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3235.                 // line 1906
  3236.                 echo "\t\t\t\t\t\t\t    </div>
  3237. \t\t\t\t\t\t\t  </div>
  3238. \t\t\t\t\t\t\t</div>
  3239. \t\t\t\t\t\t\t";
  3240.             }
  3241.             // line 1910
  3242.             echo "
  3243. \t\t\t\t\t\t\t";
  3244.             // line 1912
  3245.             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)\">
  3246. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">セット数</label>
  3247. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3248. \t\t\t\t\t\t\t    <select name=\"set_count\" id=\"set_count\" class=\"form-control\" onchange=\"madosetSelect(this.value);\">
  3249. \t\t\t\t\t\t\t      ";
  3250.             // line 1916
  3251.             $context['_parent'] = $context;
  3252.             $context['_seq'] = twig_ensure_traversable(range(1, 20));
  3253.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  3254.                 // line 1917
  3255.                 echo "\t\t\t\t\t\t\t        <option value=\"";
  3256.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3257.                 echo "\" ";
  3258.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1917, $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.', 1917, $this->source); })()), "set_count", [], "any", false, false, false, 1917) == $context["i"]))) {
  3259.                     echo "selected";
  3260.                 }
  3261.                 echo ">";
  3262.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3263.                 echo " セット</option>
  3264. \t\t\t\t\t\t\t      ";
  3265.             }
  3266.             $_parent = $context['_parent'];
  3267.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  3268.             $context = array_intersect_key($context, $_parent) + $_parent;
  3269.             // line 1919
  3270.             echo "\t\t\t\t\t\t\t    </select>
  3271. \t\t\t\t\t\t\t  </div>
  3272. \t\t\t\t\t\t\t</div>
  3274. \t\t\t\t\t\t";
  3275.         }
  3276.         // line 1924
  3277.         echo "
  3278. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  3279. \t\t\t\t\t\t";
  3280.         // line 1926
  3281.         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.', 1926, $this->source); })()), "SaleType", [], "any", false, false, false, 1926), "id", [], "any", false, false, false, 1926) == 3)) {
  3282.             // line 1927
  3283.             echo "
  3284. \t\t\t\t\t\t\t";
  3285.             // line 1929
  3286.             echo "\t\t\t\t\t\t\t";
  3287.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1929, $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.', 1929, $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.', 1929, $this->source); })())) != ""))) {
  3288.                 // line 1930
  3289.                 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)\">
  3290. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">幅</label>
  3291. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3292. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3293. \t\t\t\t\t\t\t    ";
  3294.                 // line 1934
  3295.                 $context["idx"] = 0;
  3296.                 // line 1935
  3297.                 echo "\t\t\t\t\t\t\t    ";
  3298.                 $context['_parent'] = $context;
  3299.                 $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.', 1935, $this->source); })()));
  3300.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  3301.                     if ($context["pw_val"]) {
  3302.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1935, $this->source); })()) + 1);
  3303.                         // line 1936
  3304.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3305. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_";
  3306.                         // line 1937
  3307.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1937, $this->source); })()), "html", null, true);
  3308.                         echo "\" value=\"";
  3309.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3310.                         echo "\"
  3311. \t\t\t\t\t\t\t          ";
  3312.                         // line 1938
  3313.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1938, $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.', 1938, $this->source); })()), "pw", [], "any", false, false, false, 1938) == $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.', 1938, $this->source); })())) == 1))) {
  3314.                             echo "checked";
  3315.                         }
  3316.                         // line 1939
  3317.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw3_";
  3318.                         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.', 1939, $this->source); })()), "html", null, true);
  3319.                         echo "');\">
  3320. \t\t\t\t\t\t\t        <label for=\"pw3_";
  3321.                         // line 1940
  3322.                         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.', 1940, $this->source); })()), "html", null, true);
  3323.                         echo "\">";
  3324.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3325.                         echo "</label>
  3326. \t\t\t\t\t\t\t      </div>
  3327. \t\t\t\t\t\t\t    ";
  3328.                     }
  3329.                 }
  3330.                 $_parent = $context['_parent'];
  3331.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  3332.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3333.                 // line 1943
  3334.                 echo "\t\t\t\t\t\t\t    </div>
  3335. \t\t\t\t\t\t\t  </div>
  3336. \t\t\t\t\t\t\t</div>
  3337. \t\t\t\t\t\t\t";
  3338.             }
  3339.             // line 1947
  3340.             echo "
  3341. \t\t\t\t\t\t\t";
  3342.             // line 1948
  3343.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1948, $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.', 1948, $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.', 1948, $this->source); })())) != ""))) {
  3344.                 // line 1949
  3345.                 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)\">
  3346. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">奥行き</label>
  3347. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3348. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3349. \t\t\t\t\t\t\t    ";
  3350.                 // line 1953
  3351.                 $context["idx"] = 0;
  3352.                 // line 1954
  3353.                 echo "\t\t\t\t\t\t\t    ";
  3354.                 $context['_parent'] = $context;
  3355.                 $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.', 1954, $this->source); })()));
  3356.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  3357.                     if ($context["pd_val"]) {
  3358.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1954, $this->source); })()) + 1);
  3359.                         // line 1955
  3360.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3361. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_";
  3362.                         // line 1956
  3363.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1956, $this->source); })()), "html", null, true);
  3364.                         echo "\" value=\"";
  3365.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3366.                         echo "\"
  3367. \t\t\t\t\t\t\t          ";
  3368.                         // line 1957
  3369.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1957, $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.', 1957, $this->source); })()), "pd", [], "any", false, false, false, 1957) == $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.', 1957, $this->source); })())) == 1))) {
  3370.                             echo "checked";
  3371.                         }
  3372.                         // line 1958
  3373.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','pd3_";
  3374.                         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.', 1958, $this->source); })()), "html", null, true);
  3375.                         echo "');\">
  3376. \t\t\t\t\t\t\t        <label for=\"pd3_";
  3377.                         // line 1959
  3378.                         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.', 1959, $this->source); })()), "html", null, true);
  3379.                         echo "\">";
  3380.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3381.                         echo "</label>
  3382. \t\t\t\t\t\t\t      </div>
  3383. \t\t\t\t\t\t\t    ";
  3384.                     }
  3385.                 }
  3386.                 $_parent = $context['_parent'];
  3387.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  3388.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3389.                 // line 1962
  3390.                 echo "\t\t\t\t\t\t\t    </div>
  3391. \t\t\t\t\t\t\t  </div>
  3392. \t\t\t\t\t\t\t</div>
  3393. \t\t\t\t\t\t\t";
  3394.             }
  3395.             // line 1966
  3396.             echo "
  3397. \t\t\t\t\t\t\t";
  3398.             // line 1967
  3399.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1967, $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.', 1967, $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.', 1967, $this->source); })())) != ""))) {
  3400.                 // line 1968
  3401.                 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)\">
  3402. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">高さ</label>
  3403. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3404. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3405. \t\t\t\t\t\t\t    ";
  3406.                 // line 1972
  3407.                 $context["idx"] = 0;
  3408.                 // line 1973
  3409.                 echo "\t\t\t\t\t\t\t    ";
  3410.                 $context['_parent'] = $context;
  3411.                 $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.', 1973, $this->source); })()));
  3412.                 foreach ($context['_seq'] as $context["_key"] => $context["ph_val"]) {
  3413.                     if ($context["ph_val"]) {
  3414.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1973, $this->source); })()) + 1);
  3415.                         // line 1974
  3416.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3417. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_";
  3418.                         // line 1975
  3419.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1975, $this->source); })()), "html", null, true);
  3420.                         echo "\" value=\"";
  3421.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  3422.                         echo "\"
  3423. \t\t\t\t\t\t\t          ";
  3424.                         // line 1976
  3425.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1976, $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.', 1976, $this->source); })()), "ph", [], "any", false, false, false, 1976) == $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.', 1976, $this->source); })())) == 1))) {
  3426.                             echo "checked";
  3427.                         }
  3428.                         // line 1977
  3429.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('ph','ph3_";
  3430.                         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.', 1977, $this->source); })()), "html", null, true);
  3431.                         echo "');\">
  3432. \t\t\t\t\t\t\t        <label for=\"ph3_";
  3433.                         // line 1978
  3434.                         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.', 1978, $this->source); })()), "html", null, true);
  3435.                         echo "\">";
  3436.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  3437.                         echo "</label>
  3438. \t\t\t\t\t\t\t      </div>
  3439. \t\t\t\t\t\t\t    ";
  3440.                     }
  3441.                 }
  3442.                 $_parent = $context['_parent'];
  3443.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph_val'], $context['_parent'], $context['loop']);
  3444.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3445.                 // line 1981
  3446.                 echo "\t\t\t\t\t\t\t    </div>
  3447. \t\t\t\t\t\t\t  </div>
  3448. \t\t\t\t\t\t\t</div>
  3449. \t\t\t\t\t\t\t";
  3450.             }
  3451.             // line 1985
  3452.             echo "
  3453. \t\t\t\t\t\t\t";
  3454.             // line 1987
  3455.             echo "\t\t\t\t\t\t\t";
  3456.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1987, $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.', 1987, $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.', 1987, $this->source); })())) != ""))) {
  3457.                 // line 1988
  3458.                 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)\">
  3459. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">棚タイプ<br><small class=\"text-muted\">（間仕切り仕様）</small></label>
  3460. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3461. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3462. \t\t\t\t\t\t\t    ";
  3463.                 // line 1992
  3464.                 $context["idx"] = 0;
  3465.                 // line 1993
  3466.                 echo "\t\t\t\t\t\t\t    ";
  3467.                 $context['_parent'] = $context;
  3468.                 $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.', 1993, $this->source); })()));
  3469.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3470.                     if ($context["pm_val"]) {
  3471.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1993, $this->source); })()) + 1);
  3472.                         // line 1994
  3473.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3474. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_";
  3475.                         // line 1995
  3476.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1995, $this->source); })()), "html", null, true);
  3477.                         echo "\" value=\"";
  3478.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3479.                         echo "\"
  3480. \t\t\t\t\t\t\t          ";
  3481.                         // line 1996
  3482.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1996, $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.', 1996, $this->source); })()), "pm", [], "any", false, false, false, 1996) == $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.', 1996, $this->source); })())) == 1))) {
  3483.                             echo "checked";
  3484.                         }
  3485.                         // line 1997
  3486.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm3_";
  3487.                         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.', 1997, $this->source); })()), "html", null, true);
  3488.                         echo "');\">
  3489. \t\t\t\t\t\t\t        <label for=\"pm3_";
  3490.                         // line 1998
  3491.                         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.', 1998, $this->source); })()), "html", null, true);
  3492.                         echo "\">";
  3493.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3494.                         echo "</label>
  3495. \t\t\t\t\t\t\t      </div>
  3496. \t\t\t\t\t\t\t    ";
  3497.                     }
  3498.                 }
  3499.                 $_parent = $context['_parent'];
  3500.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3501.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3502.                 // line 2001
  3503.                 echo "\t\t\t\t\t\t\t    </div>
  3504. \t\t\t\t\t\t\t  </div>
  3505. \t\t\t\t\t\t\t</div>
  3506. \t\t\t\t\t\t\t";
  3507.             }
  3508.             // line 2005
  3509.             echo "
  3510. \t\t\t\t\t\t\t";
  3511.             // line 2007
  3512.             echo "\t\t\t\t\t\t\t";
  3513.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2007, $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.', 2007, $this->source); })())))) {
  3514.                 // line 2008
  3515.                 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)\">
  3516. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">カラー</label>
  3517. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3518. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3519. \t\t\t\t\t\t\t    ";
  3520.                 // line 2012
  3521.                 $context["idx"] = 0;
  3522.                 // line 2013
  3523.                 echo "\t\t\t\t\t\t\t    ";
  3524.                 $context['_parent'] = $context;
  3525.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2013, $this->source); })()));
  3526.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  3527.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2013))) {
  3528.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2013, $this->source); })()) + 1);
  3529.                         // line 2014
  3530.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3531. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_";
  3532.                         // line 2015
  3533.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2015, $this->source); })()), "html", null, true);
  3534.                         echo "\" value=\"";
  3535.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2015), "html", null, true);
  3536.                         echo "\"
  3537. \t\t\t\t\t\t\t          ";
  3538.                         // line 2016
  3539.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2016, $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.', 2016, $this->source); })()), "pc", [], "any", false, false, false, 2016) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2016))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2016, $this->source); })())) == 1))) {
  3540.                             echo "checked";
  3541.                         }
  3542.                         // line 2017
  3543.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pc','cc3_";
  3544.                         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.', 2017, $this->source); })()), "html", null, true);
  3545.                         echo "');\">
  3546. \t\t\t\t\t\t\t        <label for=\"cc3_";
  3547.                         // line 2018
  3548.                         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.', 2018, $this->source); })()), "html", null, true);
  3549.                         echo "\">";
  3550.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2018), "html", null, true);
  3551.                         echo "</label>
  3552. \t\t\t\t\t\t\t      </div>
  3553. \t\t\t\t\t\t\t    ";
  3554.                     }
  3555.                 }
  3556.                 $_parent = $context['_parent'];
  3557.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  3558.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3559.                 // line 2021
  3560.                 echo "\t\t\t\t\t\t\t    </div>
  3561. \t\t\t\t\t\t\t  </div>
  3562. \t\t\t\t\t\t\t</div>
  3563. \t\t\t\t\t\t\t";
  3564.             }
  3565.             // line 2025
  3566.             echo "
  3567. \t\t\t\t\t\t\t";
  3568.             // line 2027
  3569.             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)\">
  3570. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  3571. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3572. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  3573. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"";
  3574.             // line 2031
  3575.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", true, true, false, 2031)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", false, false, false, 2031), "1")) : ("1")), "html", null, true);
  3576.             echo "\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  3577. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  3578. \t\t\t\t\t\t\t    </div>
  3579. \t\t\t\t\t\t\t  </div>
  3580. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3581. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  3582. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  3583. \t\t\t\t\t\t\t  </div>
  3584. \t\t\t\t\t\t\t</div>
  3586. \t\t\t\t\t\t";
  3587.         }
  3588.         // line 2042
  3589.         echo "
  3590. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  3591. \t\t\t\t\t\t";
  3592.         // line 2044
  3593.         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.', 2044, $this->source); })()), "SaleType", [], "any", false, false, false, 2044), "id", [], "any", false, false, false, 2044) == 4)) {
  3594.             // line 2045
  3595.             echo "
  3596. \t\t\t\t\t\t\t";
  3597.             // line 2047
  3598.             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)\">
  3599. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  3600. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  3601. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3602. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"";
  3603.             // line 2051
  3604.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", true, true, false, 2051)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", false, false, false, 2051), "3")) : ("3")), "html", null, true);
  3605.             echo "\" min=\"3\" max=\"20\" onchange=\"mitsumori_simulation('maisu','maisu');\">
  3606. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  3607. \t\t\t\t\t\t\t    </div>
  3608. \t\t\t\t\t\t\t  </div>
  3609. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3610. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  3611. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  3612. \t\t\t\t\t\t\t  </div>
  3613. \t\t\t\t\t\t\t</div>
  3615. \t\t\t\t\t\t";
  3616.         }
  3617.         // line 2062
  3618.         echo "
  3619. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  3620. \t\t\t\t\t\t";
  3621.         // line 2064
  3622.         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.', 2064, $this->source); })()), "SaleType", [], "any", false, false, false, 2064), "id", [], "any", false, false, false, 2064) == 5)) {
  3623.             // line 2065
  3624.             echo "
  3625. \t\t\t\t\t\t\t";
  3626.             // line 2067
  3627.             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)\">
  3628. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  3629. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3630. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3631. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  3632. \t\t\t\t\t\t\t        class=\"form-control\"
  3633. \t\t\t\t\t\t\t        value=\"";
  3634.             // line 2073
  3635.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 2073)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 2073), "")) : ("")), "html", null, true);
  3636.             echo "\"
  3637. \t\t\t\t\t\t\t        placeholder=\"例: 7.5\"
  3638. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  3639. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  3640. \t\t\t\t\t\t\t      <span class=\"input-group-text\">㎡</span>
  3641. \t\t\t\t\t\t\t    </div>
  3642. \t\t\t\t\t\t\t    <small class=\"text-muted\">幅(cm) × 奥行き(cm) ÷ 10000 = ㎡</small>
  3643. \t\t\t\t\t\t\t  </div>
  3644. \t\t\t\t\t\t\t</div>
  3646. \t\t\t\t\t\t\t";
  3647.             // line 2084
  3648.             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)\">
  3649. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ステップ</label>
  3650. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3651. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3652. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3653. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  3654. \t\t\t\t\t\t\t          ";
  3655.             // line 2090
  3656.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2090, $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.', 2090, $this->source); })()), "deck_step", [], "any", false, false, false, 2090) == "必要"))) {
  3657.                 echo "checked";
  3658.             }
  3659.             // line 2091
  3660.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  3661. \t\t\t\t\t\t\t        <label for=\"deck_step_yes\">必要</label>
  3662. \t\t\t\t\t\t\t      </div>
  3663. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3664. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  3665. \t\t\t\t\t\t\t          ";
  3666.             // line 2096
  3667.             if ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2096, $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.', 2096, $this->source); })()), "deck_step", [], "any", false, false, false, 2096) == "不要")) ||  !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.', 2096, $this->source); })()), "deck_step", [], "any", false, false, false, 2096))) {
  3668.                 echo "checked";
  3669.             }
  3670.             // line 2097
  3671.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  3672. \t\t\t\t\t\t\t        <label for=\"deck_step_no\">不要</label>
  3673. \t\t\t\t\t\t\t      </div>
  3674. \t\t\t\t\t\t\t    </div>
  3675. \t\t\t\t\t\t\t  </div>
  3676. \t\t\t\t\t\t\t</div>
  3678. \t\t\t\t\t\t\t";
  3679.             // line 2105
  3680.             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)\">
  3681. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">デッキフェンス</label>
  3682. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3683. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3684. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3685. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  3686. \t\t\t\t\t\t\t          ";
  3687.             // line 2111
  3688.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2111, $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.', 2111, $this->source); })()), "deck_fence", [], "any", false, false, false, 2111) == "必要"))) {
  3689.                 echo "checked";
  3690.             }
  3691.             // line 2112
  3692.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  3693. \t\t\t\t\t\t\t        <label for=\"deck_fence_yes\">必要</label>
  3694. \t\t\t\t\t\t\t      </div>
  3695. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3696. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  3697. \t\t\t\t\t\t\t          ";
  3698.             // line 2117
  3699.             if ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2117, $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.', 2117, $this->source); })()), "deck_fence", [], "any", false, false, false, 2117) == "不要")) ||  !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.', 2117, $this->source); })()), "deck_fence", [], "any", false, false, false, 2117))) {
  3700.                 echo "checked";
  3701.             }
  3702.             // line 2118
  3703.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  3704. \t\t\t\t\t\t\t        <label for=\"deck_fence_no\">不要</label>
  3705. \t\t\t\t\t\t\t      </div>
  3706. \t\t\t\t\t\t\t    </div>
  3707. \t\t\t\t\t\t\t  </div>
  3708. \t\t\t\t\t\t\t</div>
  3710. \t\t\t\t\t\t";
  3711.         }
  3712.         // line 2126
  3713.         echo "
  3714. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  3715. \t\t\t\t\t\t";
  3716.         // line 2128
  3717.         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.', 2128, $this->source); })()), "SaleType", [], "any", false, false, false, 2128), "id", [], "any", false, false, false, 2128) == 6)) {
  3718.             // line 2129
  3719.             echo "
  3720. \t\t\t\t\t\t\t";
  3721.             // line 2131
  3722.             echo "\t\t\t\t\t\t\t";
  3723.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2131, $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.', 2131, $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.', 2131, $this->source); })())) != ""))) {
  3724.                 // line 2132
  3725.                 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)\">
  3726. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">規格</label>
  3727. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3728. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3729. \t\t\t\t\t\t\t    ";
  3730.                 // line 2136
  3731.                 $context["idx"] = 0;
  3732.                 // line 2137
  3733.                 echo "\t\t\t\t\t\t\t    ";
  3734.                 $context['_parent'] = $context;
  3735.                 $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.', 2137, $this->source); })()));
  3736.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3737.                     if ($context["pm_val"]) {
  3738.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2137, $this->source); })()) + 1);
  3739.                         // line 2138
  3740.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3741. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_";
  3742.                         // line 2139
  3743.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2139, $this->source); })()), "html", null, true);
  3744.                         echo "\" value=\"";
  3745.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3746.                         echo "\"
  3747. \t\t\t\t\t\t\t          ";
  3748.                         // line 2140
  3749.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2140, $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.', 2140, $this->source); })()), "pm", [], "any", false, false, false, 2140) == $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.', 2140, $this->source); })())) == 1))) {
  3750.                             echo "checked";
  3751.                         }
  3752.                         // line 2141
  3753.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm6_";
  3754.                         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.', 2141, $this->source); })()), "html", null, true);
  3755.                         echo "');\">
  3756. \t\t\t\t\t\t\t        <label for=\"pm6_";
  3757.                         // line 2142
  3758.                         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.', 2142, $this->source); })()), "html", null, true);
  3759.                         echo "\">";
  3760.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3761.                         echo "</label>
  3762. \t\t\t\t\t\t\t      </div>
  3763. \t\t\t\t\t\t\t    ";
  3764.                     }
  3765.                 }
  3766.                 $_parent = $context['_parent'];
  3767.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3768.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3769.                 // line 2145
  3770.                 echo "\t\t\t\t\t\t\t    </div>
  3771. \t\t\t\t\t\t\t  </div>
  3772. \t\t\t\t\t\t\t</div>
  3773. \t\t\t\t\t\t\t";
  3774.             }
  3775.             // line 2149
  3776.             echo "
  3777. \t\t\t\t\t\t\t";
  3778.             // line 2151
  3779.             echo "\t\t\t\t\t\t\t";
  3780.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2151, $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.', 2151, $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.', 2151, $this->source); })())) != ""))) {
  3781.                 // line 2152
  3782.                 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)\">
  3783. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">芝の長さ</label>
  3784. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3785. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3786. \t\t\t\t\t\t\t    ";
  3787.                 // line 2156
  3788.                 $context["idx"] = 0;
  3789.                 // line 2157
  3790.                 echo "\t\t\t\t\t\t\t    ";
  3791.                 $context['_parent'] = $context;
  3792.                 $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.', 2157, $this->source); })()));
  3793.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  3794.                     if ($context["pw_val"]) {
  3795.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2157, $this->source); })()) + 1);
  3796.                         // line 2158
  3797.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3798. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_";
  3799.                         // line 2159
  3800.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2159, $this->source); })()), "html", null, true);
  3801.                         echo "\" value=\"";
  3802.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3803.                         echo "\"
  3804. \t\t\t\t\t\t\t          ";
  3805.                         // line 2160
  3806.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2160, $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.', 2160, $this->source); })()), "pw", [], "any", false, false, false, 2160) == $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.', 2160, $this->source); })())) == 1))) {
  3807.                             echo "checked";
  3808.                         }
  3809.                         // line 2161
  3810.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw6_";
  3811.                         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.', 2161, $this->source); })()), "html", null, true);
  3812.                         echo "');\">
  3813. \t\t\t\t\t\t\t        <label for=\"pw6_";
  3814.                         // line 2162
  3815.                         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.', 2162, $this->source); })()), "html", null, true);
  3816.                         echo "\">";
  3817.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3818.                         echo "</label>
  3819. \t\t\t\t\t\t\t      </div>
  3820. \t\t\t\t\t\t\t    ";
  3821.                     }
  3822.                 }
  3823.                 $_parent = $context['_parent'];
  3824.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  3825.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3826.                 // line 2165
  3827.                 echo "\t\t\t\t\t\t\t    </div>
  3828. \t\t\t\t\t\t\t  </div>
  3829. \t\t\t\t\t\t\t</div>
  3830. \t\t\t\t\t\t\t";
  3831.             }
  3832.             // line 2169
  3833.             echo "
  3834. \t\t\t\t\t\t\t";
  3835.             // line 2171
  3836.             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)\">
  3837. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  3838. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3839. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3840. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  3841. \t\t\t\t\t\t\t        class=\"form-control\"
  3842. \t\t\t\t\t\t\t        value=\"";
  3843.             // line 2177
  3844.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 2177)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 2177), "")) : ("")), "html", null, true);
  3845.             echo "\"
  3846. \t\t\t\t\t\t\t        placeholder=\"例: 10.5\"
  3847. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  3848. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  3849. \t\t\t\t\t\t\t      <span class=\"input-group-text\">平米</span>
  3850. \t\t\t\t\t\t\t    </div>
  3851. \t\t\t\t\t\t\t  </div>
  3852. \t\t\t\t\t\t\t</div>
  3854. \t\t\t\t\t\t";
  3855.         }
  3856.         // line 2187
  3857.         echo "
  3858. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  3859. \t\t\t\t\t\t";
  3860.         // line 2189
  3861.         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.', 2189, $this->source); })()), "SaleType", [], "any", false, false, false, 2189), "id", [], "any", false, false, false, 2189) == 9)) {
  3862.             // line 2190
  3863.             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)\">
  3864. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  3865. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3866. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  3867. \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);\">
  3868. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  3869. \t\t\t\t\t\t\t    </div>
  3870. \t\t\t\t\t\t\t  </div>
  3871. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3872. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  3873. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  3874. \t\t\t\t\t\t\t  </div>
  3875. \t\t\t\t\t\t\t</div>
  3876. \t\t\t\t\t\t";
  3877.         }
  3878.         // line 2204
  3879.         echo "
  3883. \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>
  3884. \t\t\t\t\t\t";
  3885.         // line 2209
  3886.         $context['_parent'] = $context;
  3887.         $context['_seq'] = twig_ensure_traversable(range(0, 10));
  3888.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  3889.             // line 2210
  3890.             echo "\t\t\t\t\t\t\t";
  3891.             if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2210, $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.', 2210, $this->source); })())) >= ($context["i"] + 1)))) {
  3892.                 // line 2211
  3893.                 echo "\t\t\t\t\t\t\t";
  3894.                 if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2211, $this->source); })()), $context["i"], [], "array", false, false, false, 2211), "name", [], "array", false, false, false, 2211)) {
  3895.                     // line 2212
  3896.                     echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3897. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  3898.                     // line 2213
  3899.                     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.', 2213, $this->source); })()), $context["i"], [], "array", false, false, false, 2213), "name", [], "array", false, false, false, 2213), "html", null, true);
  3900.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2213, $this->source); })()) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2213, $this->source); })()), "op", [], "any", false, false, false, 2213), $context["i"], [], "array", false, false, false, 2213))) {
  3901.                         echo ": <span>";
  3902.                         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.', 2213, $this->source); })()), "op", [], "any", false, false, false, 2213), $context["i"], [], "array", false, false, false, 2213), "html", null, true);
  3903.                         echo "</span>";
  3904.                     }
  3905.                     echo "</div>
  3906. \t\t\t\t\t\t\t  ";
  3907.                     // line 2214
  3908.                     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.', 2214, $this->source); })()), $context["i"], [], "array", false, false, false, 2214), "comment", [], "array", false, false, false, 2214)) {
  3909.                         echo "<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">";
  3910.                         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.', 2214, $this->source); })()), $context["i"], [], "array", false, false, false, 2214), "comment", [], "array", false, false, false, 2214), "html", null, true);
  3911.                         echo "</div>";
  3912.                     }
  3913.                     // line 2215
  3914.                     echo "\t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  3915. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  3916.                     // line 2216
  3917.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2216, $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.', 2216, $this->source); })()), "op", [], "any", false, false, false, 2216), $context["i"], [], "array", false, false, false, 2216) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2216, $this->source); })()), $context["i"], [], "array", false, false, false, 2216), "on", [], "array", false, false, false, 2216)))) {
  3918.                         echo " is-selected";
  3919.                     }
  3920.                     echo "\"
  3921. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  3922.                     // line 2217
  3923.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3924.                     echo "','op";
  3925.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3926.                     echo "_1');\">
  3927. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  3928.                     // line 2218
  3929.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3930.                     echo "\" id=\"op";
  3931.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3932.                     echo "_1\" value=\"";
  3933.                     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.', 2218, $this->source); })()), $context["i"], [], "array", false, false, false, 2218), "on", [], "array", false, false, false, 2218), "html", null, true);
  3934.                     echo "\" ";
  3935.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2218, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2218, $this->source); })()), "op", [], "any", false, false, false, 2218), $context["i"], [], "array", false, false, false, 2218) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2218, $this->source); })()), $context["i"], [], "array", false, false, false, 2218), "on", [], "array", false, false, false, 2218)))) {
  3936.                         echo "checked";
  3937.                     }
  3938.                     echo ">
  3939. \t\t\t\t\t\t\t      ";
  3940.                     // line 2219
  3941.                     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.', 2219, $this->source); })()), $context["i"], [], "array", false, false, false, 2219), "on", [], "array", false, false, false, 2219), "html", null, true);
  3942.                     echo "
  3943. \t\t\t\t\t\t\t    </label>
  3944. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  3945.                     // line 2221
  3946.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2221, $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.', 2221, $this->source); })()), "op", [], "any", false, false, false, 2221), $context["i"], [], "array", false, false, false, 2221) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2221, $this->source); })()), $context["i"], [], "array", false, false, false, 2221), "off", [], "array", false, false, false, 2221)))) {
  3947.                         echo " is-selected";
  3948.                     }
  3949.                     echo "\"
  3950. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  3951.                     // line 2222
  3952.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3953.                     echo "','op";
  3954.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3955.                     echo "_2');\">
  3956. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  3957.                     // line 2223
  3958.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3959.                     echo "\" id=\"op";
  3960.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3961.                     echo "_2\" value=\"";
  3962.                     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.', 2223, $this->source); })()), $context["i"], [], "array", false, false, false, 2223), "off", [], "array", false, false, false, 2223), "html", null, true);
  3963.                     echo "\" ";
  3964.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2223, $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.', 2223, $this->source); })()), "op", [], "any", false, false, false, 2223), $context["i"], [], "array", false, false, false, 2223) == 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.', 2223, $this->source); })()), $context["i"], [], "array", false, false, false, 2223), "off", [], "array", false, false, false, 2223)))) {
  3965.                         echo "checked";
  3966.                     }
  3967.                     echo ">
  3968. \t\t\t\t\t\t\t      ";
  3969.                     // line 2224
  3970.                     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.', 2224, $this->source); })()), $context["i"], [], "array", false, false, false, 2224), "off", [], "array", false, false, false, 2224), "html", null, true);
  3971.                     echo "
  3972. \t\t\t\t\t\t\t    </label>
  3973. \t\t\t\t\t\t\t  </div>
  3974. \t\t\t\t\t\t\t</div>
  3975. \t\t\t\t\t\t\t";
  3976.                 }
  3977.                 // line 2229
  3978.                 echo "\t\t\t\t\t\t\t";
  3979.             }
  3980.             // line 2230
  3981.             echo "\t\t\t\t\t\t";
  3982.         }
  3983.         $_parent = $context['_parent'];
  3984.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  3985.         $context = array_intersect_key($context, $_parent) + $_parent;
  3986.         // line 2231
  3987.         echo "
  3988. \t\t\t\t\t  </div>
  3989. \t\t\t\t\t  <!-- /.card-body -->
  3990. \t\t\t\t\t</div>
  3993.                     <form action=\"";
  3994.         // line 2237
  3995.         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.', 2237, $this->source); })()), "id", [], "any", false, false, false, 2237)]), "html", null, true);
  3996.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  3997.                         ";
  3998.         // line 2238
  3999.         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.', 2238, $this->source); })()), "stock_find", [], "any", false, false, false, 2238)) {
  4000.             // line 2239
  4001.             echo "                            <div class=\"ec-productRole__actions\">
  4002.                                 ";
  4003.             // line 2240
  4004.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 2240)) {
  4005.                 // line 2241
  4006.                 echo "                                    <div class=\"ec-select\">
  4007.                                         ";
  4008.                 // line 2242
  4009.                 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.', 2242, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 2242), 'row');
  4010.                 echo "
  4011.                                         ";
  4012.                 // line 2243
  4013.                 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.', 2243, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 2243), 'errors');
  4014.                 echo "
  4015.                                     </div>
  4016.                                     ";
  4017.                 // line 2245
  4018.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 2245)) {
  4019.                     // line 2246
  4020.                     echo "                                        <div class=\"ec-select\">
  4021.                                             ";
  4022.                     // line 2247
  4023.                     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.', 2247, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 2247), 'row');
  4024.                     echo "
  4025.                                             ";
  4026.                     // line 2248
  4027.                     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.', 2248, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 2248), 'errors');
  4028.                     echo "
  4029.                                         </div>
  4030.                                     ";
  4031.                 }
  4032.                 // line 2251
  4033.                 echo "                                ";
  4034.             }
  4035.             // line 2252
  4036.             echo "                                <div class=\"ec-numberInput\">
  4037.                                     ";
  4038.             // line 2253
  4039.             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.', 2253, $this->source); })()), "quantity", [], "any", false, false, false, 2253), 'widget', ["type" => "hidden"]);
  4040.             echo "
  4041.                                     ";
  4042.             // line 2254
  4043.             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.', 2254, $this->source); })()), "quantity", [], "any", false, false, false, 2254), 'errors');
  4044.             echo "
  4045.                                 </div>
  4046.                             </div>
  4048.                         ";
  4049.         } else {
  4050.             // line 2259
  4051.             echo "                            <div class=\"ec-productRole__btn\">
  4052.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  4053.                                     ";
  4054.             // line 2261
  4055.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  4056.             echo "
  4057.                                 </button>
  4058.                             </div>
  4059.                         ";
  4060.         }
  4061.         // line 2265
  4062.         echo "                        <div class=\"ec-productRole__btn mt-3\">
  4063.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  4064.                         </div>
  4065.                         ";
  4066.         // line 2268
  4067.         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.', 2268, $this->source); })()), 'rest');
  4068.         echo "
  4069.                     </form>
  4070.                     <div class=\"ec-modal add-cart-modal\">
  4071.                         <div class=\"ec-modal-overlay\">
  4072.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  4073.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  4074.         // line 2273
  4075.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  4076.         echo "\" alt=\"\"/></span></span>
  4077.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">";
  4078.         // line 2274
  4079.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  4080.         echo "</div>
  4081.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  4082.                                     <div class=\"ec-role add-cart-modal__actions\">
  4083.                                         <a href=\"";
  4084.         // line 2277
  4085.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  4086.         echo "\" class=\"ec-inlineBtn--action add-cart-modal__primary\">";
  4087.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに進む"), "html", null, true);
  4088.         echo "</a>
  4089.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">";
  4090.         // line 2278
  4091.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品検索を続ける"), "html", null, true);
  4092.         echo "</span>
  4093.                                     </div>
  4094.                                 </div>
  4095.                             </div>
  4096.                         </div>
  4097.                     </div>
  4098.                     <div class=\"ec-productRole__description\">";
  4099.         // line 2284
  4100.         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.', 2284, $this->source); })()), "description_detail", [], "any", false, false, false, 2284));
  4101.         echo "
  4102.                     </div>
  4104.                     ";
  4105.         // line 2288
  4106.         echo "                    <div class=\"ec-productRole__share\">
  4107.                         <ul class=\"ec-share\">
  4108.                             <li class=\"ec-share__item\">
  4109.                                 <a href=\"https://twitter.com/share?url=";
  4110.         // line 2291
  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.', 2291, $this->source); })()), "request", [], "any", false, false, false, 2291), "uri", [], "any", false, false, false, 2291)), "html", null, true);
  4112.         echo "&text=";
  4113.         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.', 2291, $this->source); })()), "name", [], "any", false, false, false, 2291)), "html", null, true);
  4114.         echo "\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  4115.                                     <i class=\"fab fa-twitter\"></i>
  4116.                                 </a>
  4117.                             </li>
  4118.                             <li class=\"ec-share__item\">
  4119.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u=";
  4120.         // line 2296
  4121.         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.', 2296, $this->source); })()), "request", [], "any", false, false, false, 2296), "uri", [], "any", false, false, false, 2296)), "html", null, true);
  4122.         echo "\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  4123.                                     <i class=\"fab fa-facebook-f\"></i>
  4124.                                 </a>
  4125.                             </li>
  4126.                             <li class=\"ec-share__item\">
  4127.                                 <a href=\"https://social-plugins.line.me/lineit/share?url=";
  4128.         // line 2301
  4129.         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.', 2301, $this->source); })()), "request", [], "any", false, false, false, 2301), "uri", [], "any", false, false, false, 2301)), "html", null, true);
  4130.         echo "\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  4131.                                     <i class=\"fab fa-line\"></i>
  4132.                                 </a>
  4133.                             </li>
  4134.                         </ul>
  4135.                     </div>
  4136.                 </div>
  4137. \t\t\t\t";
  4138.         // line 2309
  4139.         echo "\t\t\t\t<div id=\"sp-mitsumori-bar\">
  4140. \t\t\t\t    <div>
  4141. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  4142. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  4143. \t\t\t\t    </div>
  4144. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  4145. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  4146. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  4147. \t\t\t\t        <span class=\"sp-bar__btn-label\">検討リストへ</span>
  4148. \t\t\t\t        ";
  4149.         // line 2318
  4150.         $context["spTotalQty"] = $this->extensions['Eccube\Twig\Extension\CartServiceExtension']->get_carts_total_quantity();
  4151.         // line 2319
  4152.         echo "\t\t\t\t        ";
  4153.         if (((isset($context["spTotalQty"]) || array_key_exists("spTotalQty", $context) ? $context["spTotalQty"] : (function () { throw new RuntimeError('Variable "spTotalQty" does not exist.', 2319, $this->source); })()) > 0)) {
  4154.             // line 2320
  4155.             echo "\t\t\t\t            <span class=\"sp-bar__cart-badge\">";
  4156.             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.', 2320, $this->source); })())), "html", null, true);
  4157.             echo "</span>
  4158. \t\t\t\t        ";
  4159.         }
  4160.         // line 2322
  4161.         echo "\t\t\t\t    </button>
  4162. \t\t\t\t    <a href=\"";
  4163.         // line 2323
  4164.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  4165.         echo "\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  4166. \t\t\t\t        <i class=\"fas fa-home\"></i>
  4167. \t\t\t\t    </a>
  4168. \t\t\t\t</div>
  4170. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  4171. \t\t\t\t\t<div class=\"card-header\">
  4172. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  4173. \t\t\t\t\t  <div class=\"card-tools\">
  4174. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  4175. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  4176. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  4177. \t\t\t\t\t    </button>
  4178. \t\t\t\t\t  </div>
  4179. \t\t\t\t\t</div>
  4180. \t\t\t\t\t<div class=\"card-body p-0\">
  4181. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  4182. \t\t\t\t\t    <li class=\"nav-item active\">
  4183. \t\t\t\t\t      <a class=\"nav-link\">
  4184. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  4185. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  4186. \t\t\t\t\t      </a>
  4187. \t\t\t\t\t    </li>
  4188. \t\t\t\t\t    <li class=\"nav-item active\">
  4189. \t\t\t\t\t      <a class=\"nav-link\">
  4190. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  4191. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  4192. \t\t\t\t\t      </a>
  4193. \t\t\t\t\t    </li>
  4194. \t\t\t\t\t    <li class=\"nav-item\">
  4195. \t\t\t\t\t      <a class=\"nav-link\">
  4196. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  4197. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  4198. \t\t\t\t\t      </a>
  4199. \t\t\t\t\t    </li>
  4200. \t\t\t\t\t    <li class=\"nav-item\">
  4201. \t\t\t\t\t      <a class=\"nav-link\">
  4202. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> お値引き
  4203. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  4204. \t\t\t\t\t      </a>
  4205. \t\t\t\t\t    </li>
  4206. \t\t\t\t\t    <li class=\"nav-item\">
  4207. \t\t\t\t\t      <a class=\"nav-link\">
  4208. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  4209. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  4210. \t\t\t\t\t      </a>
  4211. \t\t\t\t\t    </li>
  4212. \t\t\t\t\t    <li class=\"nav-item\">
  4213. \t\t\t\t\t      <a class=\"nav-link\">
  4214. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  4215. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  4216. \t\t\t\t\t      </a>
  4217. \t\t\t\t\t    </li>
  4218. \t\t\t\t\t  </ul>
  4219. \t\t\t\t\t</div>
  4220. \t\t\t\t\t<div class=\"card-footer\">
  4221. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  4222. \t\t                  見積書表示
  4223. \t\t                </button>
  4224.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  4226. \t\t\t\t\t</div>
  4227. \t\t\t\t</div>
  4228.             </div>
  4230.         </div>
  4232.     </div>
  4234.   <div class=\"modal\" id=\"modal-mitsumori\">
  4235.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  4236.       <div class=\"modal-content\">
  4237.         <div class=\"modal-header\">
  4238.           <h4 class=\"modal-title\">お見積書</h4>
  4239.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  4240.             <span aria-hidden=\"true\">&times;</span>
  4241.           </button>
  4242.         </div>
  4243.         <div class=\"modal-body\">
  4244. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  4245. \t\t\t  <!-- title row -->
  4246. \t\t\t  <div class=\"row\">
  4247. \t\t\t    <div class=\"col-12\">
  4248. \t\t\t      <h2>概算お見積書 
  4249. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  4250. \t\t\t      </h2>
  4251. \t\t\t    </div>
  4252. \t\t\t    <!-- /.col -->
  4253. \t\t\t  </div>
  4254. \t\t\t  <!-- info row -->
  4255. \t\t\t  <div class=\"row invoice-info\">
  4256. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  4257. \t\t\t      <h3>お客様</h3>
  4258. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  4259. \t\t\t      <br />
  4260. \t\t\t      <br / >
  4261. \t\t\t      <br />
  4262. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  4263. \t\t\t      <span>
  4264. \t\t\t        <br/>
  4265. \t\t\t        <br/>
  4266. \t\t\t        <br/>
  4267. \t\t\t        <br/>
  4268. \t\t\t      </span>
  4269. \t\t\t    </div>
  4270. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  4271. \t\t\t      <p>
  4272. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  4273. \t\t\t      </p>
  4274. \t\t\t      <p>有限会社プラス</p>
  4275. \t\t\t      <p>〒400-0334</p>
  4276. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  4277. \t\t\t      <p>TEL: 055-284-6480</p>
  4278. \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;\">
  4279. \t\t\t    </div>
  4280. \t\t\t    <!-- /.col -->
  4281. \t\t\t    <!-- /.col -->
  4282. \t\t\t  </div>
  4283. \t\t\t  <!-- /.row -->
  4284. \t\t\t  <!-- Table row -->
  4285. \t\t\t  <div class=\"row\">
  4286. \t\t\t    <div class=\"col-12 table-responsive\">
  4287. \t\t\t      <table class=\"table table-striped\">
  4288. \t\t\t        <thead>
  4289. \t\t\t          <tr>
  4290. \t\t\t            <th>項目</th>
  4291. \t\t\t            <th>数量</th>
  4292. \t\t\t            <th>単位</th>
  4293. \t\t\t            <th>単価</th>
  4294. \t\t\t            <th>小計</th>
  4295. \t\t\t          </tr>
  4296. \t\t\t        </thead>
  4297. \t\t\t        <tbody>
  4298. \t\t\t          <tr>
  4299. \t\t\t            <td>プレーンルーフ 600タイプ 1台用 単体セット</td>
  4300. \t\t\t            <td>1</td>
  4301. \t\t\t            <td>式</td>
  4302. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  4303. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  4304. \t\t\t          </tr>
  4305. \t\t\t          <tr>
  4306. \t\t\t            <td>基本工事費</td>
  4307. \t\t\t            <td>1</td>
  4308. \t\t\t            <td>式</td>
  4309. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  4310. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  4311. \t\t\t          </tr>
  4312. \t\t\t          <tr>
  4313. \t\t\t            <td>残土・ガラ処理</td>
  4314. \t\t\t            <td>1</td>
  4315. \t\t\t            <td>式</td>
  4316. \t\t\t            <td>0円</td>
  4317. \t\t\t            <td></td>
  4318. \t\t\t          </tr>
  4319. \t\t\t          <tr>
  4320. \t\t\t            <td>　</td>
  4321. \t\t\t            <td></td>
  4322. \t\t\t            <td></td>
  4323. \t\t\t            <td></td>
  4324. \t\t\t            <td></td>
  4325. \t\t\t          </tr>
  4326. \t\t\t        </tbody>
  4327. \t\t\t      </table>
  4328. \t\t\t    </div>
  4329. \t\t\t    <!-- /.col -->
  4330. \t\t\t  </div>
  4331. \t\t\t  <!-- /.row -->
  4332. \t\t\t  <div class=\"row\">
  4333. \t\t\t    <!-- accepted payments column -->
  4334. \t\t\t    <div class=\"col-6\">
  4335. \t\t\t      <p class=\"lead\">お支払い方法</p>
  4336. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  4337. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  4338. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  4339. \t\t\t      </p>
  4340. \t\t\t    </div>
  4341. \t\t\t    <!-- /.col -->
  4342. \t\t\t    <div class=\"col-6\">
  4343. \t\t\t      <div class=\"table-responsive\">
  4344. \t\t\t        <table class=\"table\">
  4345. \t\t\t          <tbody>
  4346. \t\t\t            <tr>
  4347. \t\t\t              <th style=\"width:50%\">小計:</th>
  4348. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  4349. \t\t\t            </tr>
  4350. \t\t\t            <tr>
  4351. \t\t\t              <th>消費税 (10%)</th>
  4352. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  4353. \t\t\t            </tr>
  4354. \t\t\t            <tr>
  4355. \t\t\t              <th>合計:</th>
  4356. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  4357. \t\t\t            </tr>
  4358. \t\t\t          </tbody>
  4359. \t\t\t        </table>
  4360. \t\t\t      </div>
  4361. \t\t\t    </div>
  4362. \t\t\t    <!-- /.col -->
  4363. \t\t\t  </div>
  4364. \t\t\t  <!-- /.row -->
  4365. \t\t\t</div>
  4366.         </div>
  4367.         <div class=\"modal-footer justify-content-between\">
  4368. \t\t\t      ";
  4369.         // line 2527
  4370.         echo "\t\t\t      <form method=\"post\" action=\"";
  4371.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mitsumori_pdf");
  4372.         echo "\" target=\"_blank\" id=\"pdf_download_form\">
  4373. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"";
  4374.         // line 2528
  4375.         echo twig_escape_filter($this->env, $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderCsrfToken("mitsumori_pdf"), "html", null, true);
  4376.         echo "\">
  4377. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  4378. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  4379. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  4380. \t\t\t        </button>
  4381. \t\t\t      </form>
  4382.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  4383.         </div>
  4384.       </div>
  4385.       <!-- /.modal-content -->
  4386.     </div>
  4387.     <!-- /.modal-dialog -->
  4388.   </div>
  4389.   <!-- /.modal -->
  4393. ";
  4394.         
  4395.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  4397.         
  4398.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  4400.     }
  4402.     public function getTemplateName()
  4403.     {
  4404.         return "Product/detail.twig";
  4405.     }
  4407.     public function isTraitable()
  4408.     {
  4409.         return false;
  4410.     }
  4412.     public function getDebugInfo()
  4413.     {
  4414.         return array (  4375 => 2528,  4370 => 2527,  4164 => 2323,  4161 => 2322,  4155 => 2320,  4152 => 2319,  4150 => 2318,  4139 => 2309,  4129 => 2301,  4121 => 2296,  4111 => 2291,  4106 => 2288,  4100 => 2284,  4091 => 2278,  4085 => 2277,  4079 => 2274,  4075 => 2273,  4067 => 2268,  4062 => 2265,  4055 => 2261,  4051 => 2259,  4043 => 2254,  4039 => 2253,  4036 => 2252,  4033 => 2251,  4027 => 2248,  4023 => 2247,  4020 => 2246,  4018 => 2245,  4013 => 2243,  4009 => 2242,  4006 => 2241,  4004 => 2240,  4001 => 2239,  3999 => 2238,  3995 => 2237,  3987 => 2231,  3981 => 2230,  3978 => 2229,  3970 => 2224,  3958 => 2223,  3952 => 2222,  3946 => 2221,  3941 => 2219,  3929 => 2218,  3923 => 2217,  3917 => 2216,  3914 => 2215,  3908 => 2214,  3899 => 2213,  3896 => 2212,  3893 => 2211,  3890 => 2210,  3886 => 2209,  3879 => 2204,  3863 => 2190,  3861 => 2189,  3857 => 2187,  3844 => 2177,  3836 => 2171,  3833 => 2169,  3827 => 2165,  3815 => 2162,  3810 => 2161,  3806 => 2160,  3800 => 2159,  3797 => 2158,  3790 => 2157,  3788 => 2156,  3782 => 2152,  3779 => 2151,  3776 => 2149,  3770 => 2145,  3758 => 2142,  3753 => 2141,  3749 => 2140,  3743 => 2139,  3740 => 2138,  3733 => 2137,  3731 => 2136,  3725 => 2132,  3722 => 2131,  3719 => 2129,  3717 => 2128,  3713 => 2126,  3703 => 2118,  3699 => 2117,  3692 => 2112,  3688 => 2111,  3680 => 2105,  3671 => 2097,  3667 => 2096,  3660 => 2091,  3656 => 2090,  3648 => 2084,  3635 => 2073,  3627 => 2067,  3624 => 2065,  3622 => 2064,  3618 => 2062,  3604 => 2051,  3598 => 2047,  3595 => 2045,  3593 => 2044,  3589 => 2042,  3575 => 2031,  3569 => 2027,  3566 => 2025,  3560 => 2021,  3548 => 2018,  3543 => 2017,  3539 => 2016,  3533 => 2015,  3530 => 2014,  3523 => 2013,  3521 => 2012,  3515 => 2008,  3512 => 2007,  3509 => 2005,  3503 => 2001,  3491 => 1998,  3486 => 1997,  3482 => 1996,  3476 => 1995,  3473 => 1994,  3466 => 1993,  3464 => 1992,  3458 => 1988,  3455 => 1987,  3452 => 1985,  3446 => 1981,  3434 => 1978,  3429 => 1977,  3425 => 1976,  3419 => 1975,  3416 => 1974,  3409 => 1973,  3407 => 1972,  3401 => 1968,  3399 => 1967,  3396 => 1966,  3390 => 1962,  3378 => 1959,  3373 => 1958,  3369 => 1957,  3363 => 1956,  3360 => 1955,  3353 => 1954,  3351 => 1953,  3345 => 1949,  3343 => 1948,  3340 => 1947,  3334 => 1943,  3322 => 1940,  3317 => 1939,  3313 => 1938,  3307 => 1937,  3304 => 1936,  3297 => 1935,  3295 => 1934,  3289 => 1930,  3286 => 1929,  3283 => 1927,  3281 => 1926,  3277 => 1924,  3270 => 1919,  3255 => 1917,  3251 => 1916,  3245 => 1912,  3242 => 1910,  3236 => 1906,  3230 => 1905,  3222 => 1902,  3217 => 1901,  3213 => 1900,  3207 => 1899,  3204 => 1898,  3201 => 1897,  3198 => 1896,  3193 => 1895,  3191 => 1894,  3185 => 1890,  3182 => 1889,  3179 => 1887,  3173 => 1883,  3167 => 1882,  3159 => 1879,  3154 => 1878,  3150 => 1877,  3144 => 1876,  3141 => 1875,  3138 => 1874,  3135 => 1873,  3130 => 1872,  3128 => 1871,  3122 => 1867,  3119 => 1866,  3110 => 1859,  3100 => 1852,  3093 => 1847,  3090 => 1845,  3088 => 1844,  3084 => 1842,  3081 => 1841,  3079 => 1840,  3075 => 1838,  3070 => 1835,  3060 => 1832,  3054 => 1831,  3048 => 1830,  3044 => 1829,  3037 => 1828,  3030 => 1827,  3028 => 1826,  3019 => 1824,  3016 => 1823,  3014 => 1822,  3011 => 1821,  3006 => 1818,  2996 => 1815,  2990 => 1814,  2984 => 1813,  2980 => 1812,  2973 => 1811,  2966 => 1810,  2964 => 1809,  2955 => 1807,  2952 => 1806,  2950 => 1805,  2947 => 1804,  2942 => 1801,  2932 => 1798,  2926 => 1797,  2920 => 1796,  2916 => 1795,  2909 => 1794,  2902 => 1793,  2900 => 1792,  2891 => 1790,  2888 => 1789,  2886 => 1788,  2883 => 1787,  2878 => 1784,  2868 => 1781,  2862 => 1780,  2856 => 1779,  2852 => 1778,  2845 => 1777,  2838 => 1776,  2836 => 1775,  2827 => 1773,  2824 => 1772,  2822 => 1771,  2819 => 1770,  2814 => 1767,  2804 => 1764,  2798 => 1763,  2792 => 1762,  2788 => 1761,  2781 => 1760,  2774 => 1759,  2772 => 1758,  2763 => 1756,  2760 => 1755,  2758 => 1754,  2752 => 1750,  2748 => 1748,  2744 => 1746,  2735 => 1743,  2729 => 1742,  2725 => 1741,  2721 => 1740,  2714 => 1739,  2710 => 1738,  2707 => 1737,  2705 => 1736,  2701 => 1734,  2692 => 1731,  2688 => 1730,  2684 => 1729,  2677 => 1727,  2673 => 1726,  2669 => 1725,  2662 => 1724,  2658 => 1723,  2655 => 1722,  2653 => 1721,  2651 => 1720,  2642 => 1719,  2639 => 1718,  2636 => 1717,  2633 => 1715,  2629 => 1713,  2625 => 1711,  2616 => 1708,  2610 => 1707,  2606 => 1706,  2602 => 1705,  2595 => 1704,  2591 => 1703,  2588 => 1702,  2584 => 1700,  2575 => 1697,  2568 => 1693,  2564 => 1692,  2557 => 1690,  2553 => 1689,  2549 => 1688,  2542 => 1687,  2538 => 1686,  2535 => 1685,  2533 => 1684,  2524 => 1683,  2521 => 1682,  2518 => 1681,  2515 => 1679,  2511 => 1677,  2507 => 1675,  2498 => 1672,  2492 => 1671,  2488 => 1670,  2484 => 1669,  2477 => 1668,  2473 => 1667,  2470 => 1666,  2466 => 1664,  2457 => 1661,  2450 => 1657,  2446 => 1656,  2439 => 1654,  2435 => 1653,  2431 => 1652,  2424 => 1651,  2420 => 1650,  2417 => 1649,  2415 => 1648,  2406 => 1647,  2403 => 1646,  2400 => 1645,  2397 => 1643,  2393 => 1641,  2389 => 1639,  2380 => 1636,  2374 => 1635,  2370 => 1634,  2366 => 1633,  2359 => 1632,  2355 => 1631,  2352 => 1630,  2350 => 1629,  2346 => 1627,  2337 => 1624,  2330 => 1620,  2326 => 1619,  2319 => 1617,  2315 => 1616,  2311 => 1615,  2304 => 1614,  2300 => 1613,  2297 => 1612,  2295 => 1611,  2293 => 1610,  2284 => 1609,  2281 => 1608,  2278 => 1607,  2275 => 1605,  2271 => 1603,  2268 => 1602,  2266 => 1601,  2265 => 1600,  2264 => 1599,  2262 => 1598,  2259 => 1597,  2256 => 1596,  2253 => 1595,  2250 => 1594,  2247 => 1593,  2244 => 1592,  2241 => 1591,  2238 => 1590,  2236 => 1589,  2234 => 1588,  2222 => 1579,  2215 => 1574,  2203 => 1571,  2200 => 1570,  2197 => 1569,  2194 => 1567,  2183 => 1565,  2179 => 1564,  2176 => 1563,  2173 => 1561,  2167 => 1558,  2163 => 1557,  2160 => 1556,  2157 => 1555,  2151 => 1552,  2145 => 1551,  2142 => 1550,  2136 => 1547,  2132 => 1546,  2129 => 1545,  2127 => 1544,  2125 => 1543,  2121 => 1541,  2119 => 1540,  2115 => 1538,  2107 => 1535,  2092 => 1533,  2083 => 1532,  2066 => 1531,  2062 => 1529,  2058 => 1528,  2055 => 1527,  2052 => 1526,  2039 => 1515,  2025 => 1503,  2019 => 1498,  2000 => 1496,  1983 => 1495,  1979 => 1493,  1968 => 1491,  1946 => 1489,  1928 => 1488,  1925 => 1487,  1921 => 1485,  1913 => 1481,  1905 => 1477,  1903 => 1476,  1900 => 1475,  1898 => 1474,  1888 => 1467,  1876 => 1460,  1871 => 1458,  1867 => 1456,  1861 => 1451,  1851 => 1450,  1835 => 1443,  1831 => 1442,  1827 => 1441,  1823 => 1440,  1819 => 1438,  1813 => 1436,  1811 => 1435,  1806 => 1434,  1803 => 1433,  1793 => 1431,  1779 => 1429,  1771 => 1428,  1753 => 1427,  1748 => 1425,  1647 => 1331,  1639 => 1330,  1586 => 1280,  1475 => 1172,  1470 => 1169,  1467 => 1168,  1454 => 1167,  1451 => 1166,  1449 => 1165,  1446 => 1164,  1443 => 1163,  1430 => 1162,  1427 => 1161,  1425 => 1160,  1422 => 1159,  1419 => 1158,  1406 => 1157,  1403 => 1156,  1401 => 1155,  1398 => 1154,  1395 => 1153,  1382 => 1152,  1379 => 1151,  1377 => 1150,  1374 => 1149,  1371 => 1148,  1358 => 1147,  1355 => 1146,  1353 => 1145,  1324 => 1119,  1312 => 1110,  1148 => 949,  1138 => 944,  1132 => 943,  1126 => 942,  1120 => 941,  1114 => 940,  1108 => 939,  1102 => 938,  1096 => 937,  1090 => 936,  1084 => 935,  1078 => 934,  1072 => 933,  1066 => 932,  1060 => 931,  1054 => 930,  1048 => 929,  1028 => 912,  1018 => 905,  988 => 878,  976 => 868,  967 => 862,  963 => 860,  961 => 859,  958 => 858,  949 => 852,  945 => 850,  943 => 849,  871 => 779,  863 => 777,  861 => 776,  856 => 774,  853 => 773,  851 => 772,  837 => 761,  833 => 759,  823 => 758,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  4415.     }
  4417.     public function getSourceContext()
  4418.     {
  4419.         return new Source("{#
  4420. This file is part of EC-CUBE
  4422. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4424. http://www.ec-cube.co.jp/
  4426. For the full copyright and license information, please view the LICENSE
  4427. file that was distributed with this source code.
  4428. #}
  4429. {% extends 'default_frame.twig' %}
  4431. {% set body_class = 'product_page' %}
  4433. {% block stylesheet %}
  4434.     <style>
  4436.         .slick-slider {
  4437.             margin-bottom: 10px;
  4438. \t\t\tmargin-top: -20px;
  4439.         }
  4441.         .slick-dots {
  4442.             position: absolute;
  4443.             bottom: -45px;
  4444.             display: block;
  4445.             width: 100%;
  4446.             padding: 0;
  4447.             list-style: none;
  4448.             text-align: center;
  4449.         }
  4451.         .slick-dots li {
  4452.             position: relative;
  4453.             display: inline-block;
  4454.             width: 20px;
  4455.             height: 20px;
  4456.             margin: 0 5px;
  4457.             padding: 0;
  4459.             cursor: pointer;
  4460.         }
  4462.         .slick-dots li button {
  4463.             font-size: 0;
  4464.             line-height: 0;
  4465.             display: block;
  4466.             width: 20px;
  4467.             height: 20px;
  4468.             padding: 5px;
  4469.             cursor: pointer;
  4470.             color: transparent;
  4471.             border: 0;
  4472.             outline: none;
  4473.             background: transparent;
  4474.         }
  4476.         .slick-dots li button:hover,
  4477.         .slick-dots li button:focus {
  4478.             outline: none;
  4479.         }
  4481.         .slick-dots li button:hover:before,
  4482.         .slick-dots li button:focus:before {
  4483.             opacity: 1;
  4484.         }
  4486.         .slick-dots li button:before {
  4487.             content: \" \";
  4488.             line-height: 20px;
  4489.             position: absolute;
  4490.             top: 0;
  4491.             left: 0;
  4492.             width: 12px;
  4493.             height: 12px;
  4494.             text-align: center;
  4495.             opacity: .25;
  4496.             background-color: black;
  4497.             border-radius: 50%;
  4499.         }
  4501.         .slick-dots li.slick-active button:before {
  4502.             opacity: .75;
  4503.             background-color: black;
  4504.         }
  4506.         .slick-dots li button.thumbnail img {
  4507.             width: 0;
  4508.             height: 0;
  4509.         }
  4511.     </style>
  4512.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  4513.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  4514.     <style>
  4515.         /* ============================================
  4516.            商品詳細グリッド: 画像50% / 内容50%（均等）
  4517.         ============================================ */
  4518.         @media (min-width: 768px) {
  4519.             body.product_page .ec-grid2 {
  4520.                 display: flex;
  4521.                 align-items: flex-start;
  4522.             }
  4523.             body.product_page .ec-grid2 .ec-grid2__cell {
  4524.                 width: 50%;
  4525.                 flex: 0 0 50%;
  4526.                 min-width: 0;
  4527.             }
  4528.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  4529.                 width: 50%;
  4530.                 flex: 0 0 50%;
  4531.                 min-width: 0;
  4532.             }
  4533.         }
  4535.         /* ============================================
  4536.            商品説明欄内のHTMLが画面幅を突き抜けないように
  4537.         ============================================ */
  4538.         body.product_page .ec-productRole__description {
  4539.             min-width: 0;
  4540.             overflow-wrap: break-word;
  4541.             word-break: break-word;
  4542.         }
  4543.         body.product_page .ec-productRole__description img,
  4544.         body.product_page .ec-productRole__description table,
  4545.         body.product_page .ec-productRole__description iframe,
  4546.         body.product_page .ec-productRole__description video {
  4547.             max-width: 100% !important;
  4548.             height: auto;
  4549.         }
  4550.         body.product_page .ec-productRole__description table {
  4551.             display: block;
  4552.             overflow-x: auto;
  4553.             -webkit-overflow-scrolling: touch;
  4554.         }
  4556.         /* ============================================
  4557.            スマホ用 見積金額 下部固定バー
  4558.         ============================================ */
  4559.         #sp-mitsumori-bar {
  4560.             display: none;
  4561.         }
  4562.         
  4563.         /* ============================================
  4564.            商品タイプ選択 共通スタイル
  4565.         ============================================ */
  4567.         /* セクションラベル */
  4568.         .rp-section-label {
  4569.             font-size: 14px;
  4570.             font-weight: bold;
  4571.             color: #333;
  4572.             margin-bottom: 10px;
  4573.         }
  4574.         .rp-section-label span {
  4575.             font-weight: normal;
  4576.             color: #c00;
  4577.         }
  4579.         /* ---- 1. 画像付きカード ---- */
  4580.         .rp-card-group {
  4581.             display: flex;
  4582.             flex-wrap: wrap;
  4583.             gap: 8px;
  4584.             margin-bottom: 4px;
  4585.         }
  4586.         .rp-card {
  4587.             position: relative;
  4588.             cursor: pointer;
  4589.             width: 110px;
  4590.             border: 2px solid #ddd;
  4591.             border-radius: 10px;
  4592.             overflow: hidden;
  4593.             transition: border-color 0.2s, box-shadow 0.2s;
  4594.             background: #fff;
  4595.         }
  4596.         .rp-card:hover {
  4597.             border-color: #999;
  4598.             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  4599.         }
  4600.         .rp-card.is-selected {
  4601.             border-color: #1a6fcf;
  4602.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  4603.         }
  4604.         .rp-card input[type=\"radio\"] { display: none; }
  4605.         .rp-card__image {
  4606.             width: 100%;
  4607.             aspect-ratio: 1 / 1;
  4608.             object-fit: cover;
  4609.             display: block;
  4610.             background: #f5f5f5;
  4611.         }
  4612.         .rp-card__placeholder {
  4613.             width: 100%;
  4614.             aspect-ratio: 1 / 1;
  4615.             background: #f0f0f0;
  4616.             display: flex;
  4617.             align-items: center;
  4618.             justify-content: center;
  4619.             color: #bbb;
  4620.             font-size: 24px;
  4621.         }
  4622.         .rp-card__name {
  4623.             display: block;
  4624.             padding: 5px 5px;
  4625.             font-size: 11px;
  4626.             color: #333;
  4627.             text-align: center;
  4628.             line-height: 1.4;
  4629.             word-break: break-all;
  4630.         }
  4631.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  4632.         .rp-card.is-selected::after {
  4633.             content: \"✓\";
  4634.             position: absolute;
  4635.             top: 3px; right: 6px;
  4636.             color: #1a6fcf;
  4637.             font-size: 13px;
  4638.             font-weight: bold;
  4639.         }
  4641.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  4642.         .rp-btn-group {
  4643.             display: flex;
  4644.             flex-wrap: wrap;
  4645.             gap: 8px;
  4646.             margin-bottom: 4px;
  4647.             max-width: 100%;
  4648.             min-width: 0;
  4649.         }
  4650.         .rp-btn {
  4651.             cursor: pointer;
  4652.             padding: 8px 14px;
  4653.             border: 2px solid #ddd;
  4654.             border-radius: 10px;
  4655.             font-size: 13px;
  4656.             color: #333;
  4657.             background: #fff;
  4658.             transition: border-color 0.2s, background 0.2s;
  4659.             white-space: nowrap;
  4660.             max-width: 100%;
  4661.             overflow: hidden;
  4662.             text-overflow: ellipsis;
  4663.         }
  4664.         .rp-btn:hover { border-color: #999; }
  4665.         .rp-btn.is-selected {
  4666.             border-color: #1a6fcf;
  4667.             color: #1a6fcf;
  4668.             font-weight: bold;
  4669.             background: #f0f6ff;
  4670.         }
  4671.         .rp-btn input[type=\"radio\"] { display: none; }
  4673.         /* ---- ボタン群が3行以上になる場合は1行横スクロール ---- */
  4674.         .rp-btn-group.is-scroll,
  4675.         .opt-btn-group.is-scroll {
  4676.             flex-wrap: nowrap;
  4677.             overflow-x: auto;
  4678.             overflow-y: hidden;
  4679.             -webkit-overflow-scrolling: touch;
  4680.             scrollbar-width: thin;
  4681.             padding-bottom: 6px;
  4682.         }
  4683.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  4684.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  4685.             height: 6px;
  4686.         }
  4687.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  4688.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  4689.             background: #c0c0c0;
  4690.             border-radius: 3px;
  4691.         }
  4692.         .rp-btn-group.is-scroll > .rp-btn,
  4693.         .opt-btn-group.is-scroll > .opt-btn {
  4694.             flex: 0 0 auto;
  4695.         }
  4697.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  4698.         .rp-select-wrap {
  4699.             margin-bottom: 4px;
  4700.         }
  4701.         .rp-select {
  4702.             width: 100%;
  4703.             max-width: 420px;
  4704.             padding: 8px 12px;
  4705.             border: 2px solid #ddd;
  4706.             border-radius: 10px;
  4707.             font-size: 13px;
  4708.             color: #333;
  4709.             background: #fff;
  4710.             appearance: none;
  4711.             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\");
  4712.             background-repeat: no-repeat;
  4713.             background-position: right 12px center;
  4714.             cursor: pointer;
  4715.         }
  4716.         .rp-select:focus {
  4717.             outline: none;
  4718.             border-color: #1a6fcf;
  4719.         }
  4721.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  4722.         .opt-btn-group {
  4723.             display: flex;
  4724.             flex-wrap: wrap;
  4725.             gap: 8px;
  4726.             padding: 6px 0;
  4727.             max-width: 100%;
  4728.             min-width: 0;
  4729.         }
  4730.         .opt-btn {
  4731.             cursor: pointer;
  4732.             padding: 7px 14px;
  4733.             border: 2px solid #ddd;
  4734.             border-radius: 10px;
  4735.             font-size: 13px;
  4736.             color: #333;
  4737.             background: #fff;
  4738.             transition: border-color 0.2s, background 0.2s;
  4739.             white-space: nowrap;
  4740.             max-width: 100%;
  4741.             overflow: hidden;
  4742.             text-overflow: ellipsis;
  4743.         }
  4744.         .opt-btn:hover { border-color: #999; }
  4745.         .opt-btn.is-selected {
  4746.             border-color: #1a6fcf;
  4747.             color: #1a6fcf;
  4748.             font-weight: bold;
  4749.             background: #f0f6ff;
  4750.         }
  4751.         .opt-btn input[type=\"radio\"] { display: none; }
  4753.         /* ============================================
  4754.            施工エリア案内
  4755.         ============================================ */
  4756.         .ec-areaNotice {
  4757.             margin: 16px 0;
  4758.             padding: 16px 20px;
  4759.             background: #f8f9fa;
  4760.             border-left: 4px solid #1a6fcf;
  4761.             border-radius: 0 8px 8px 0;
  4762.         }
  4763.         .ec-areaNotice__inner {
  4764.             display: flex;
  4765.             align-items: flex-start;
  4766.             gap: 12px;
  4767.         }
  4768.         .ec-areaNotice__icon {
  4769.             font-size: 22px;
  4770.             line-height: 1;
  4771.             flex-shrink: 0;
  4772.             margin-top: 2px;
  4773.         }
  4774.         .ec-areaNotice__body {
  4775.             flex: 1;
  4776.         }
  4777.         .ec-areaNotice__title {
  4778.             font-size: 13px;
  4779.             font-weight: bold;
  4780.             color: #1a6fcf;
  4781.             margin: 0 0 6px;
  4782.         }
  4783.         .ec-areaNotice__text {
  4784.             font-size: 13px;
  4785.             color: #444;
  4786.             line-height: 1.7;
  4787.             margin: 0;
  4788.         }
  4789.         .ec-areaNotice__text strong {
  4790.             color: #222;
  4791.         }
  4792.         .ec-areaNotice__link {
  4793.             display: inline-block;
  4794.             margin-top: 8px;
  4795.             font-size: 12px;
  4796.             color: #1a6fcf;
  4797.             text-decoration: underline;
  4798.         }
  4799.         .ec-areaNotice__link:hover {
  4800.             color: #0d4fa0;
  4801.         }
  4803.         /* ============================================
  4804.            SNSシェア + ブランド名 タイトル行
  4805.         ============================================ */
  4806.         .ec-productRole__titleRow {
  4807.             display: flex;
  4808.             align-items: center;
  4809.             justify-content: space-between;
  4810.             gap: 8px;
  4811.             margin-bottom: 4px;
  4812.         }
  4813.         .ec-productRole__titleRow .ec-headingTitle {
  4814.             margin: 0;
  4815.             flex: 1;
  4816.             font-size: 18px;
  4817.         }
  4818.         .ec-share-inline {
  4819.             display: flex;
  4820.             align-items: center;
  4821.             gap: 8px;
  4822.             flex-shrink: 0;
  4823.         }
  4824.         @media (max-width: 767px) {
  4825.             /* maker_area の float を解除して独立表示 */
  4826.             #maker_area {
  4827.                 float: none !important;
  4828.                 width: auto !important;
  4829.                 height: auto !important;
  4830.                 display: block;
  4831.                 margin-bottom: 4px;
  4832.             }
  4833.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  4834.             .ec-productRole__titleRow {
  4835.                 flex-wrap: wrap;
  4836.                 clear: both;
  4837.             }
  4838.             .ec-productRole__titleRow .ec-headingTitle {
  4839.                 flex: 1 1 100%;
  4840.                 font-size: 16px;
  4841.             }
  4842.             .ec-share-inline {
  4843.                 flex: 0 0 auto;
  4844.                 margin-left: auto;
  4845.             }
  4846.         }
  4847.         .ec-share-inline a {
  4848.             display: flex;
  4849.             align-items: center;
  4850.             justify-content: center;
  4851.             width: 32px;
  4852.             height: 32px;
  4853.             border-radius: 50%;
  4854.             font-size: 15px;
  4855.             color: #fff;
  4856.             text-decoration: none;
  4857.             transition: opacity 0.2s;
  4858.         }
  4859.         .ec-share-inline a:hover { opacity: 0.8; }
  4860.         .ec-share-inline .share-twitter  { background: #000; }
  4861.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  4862.         .ec-share-inline .share-line     { background: #06c755; }
  4864.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  4865.         .ec-productRole__share { display: none; }
  4867.         /* ============================================
  4868.            PC用: 現在のお見積り額カード強調
  4869.         ============================================ */
  4870.         @media (min-width: 768px) {
  4871.             .mitsumori-card-pc {
  4872.                 border: 2px solid #1a6fcf !important;
  4873.                 border-radius: 10px !important;
  4874.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  4875.                 margin-top: 20px;
  4876.                 overflow: hidden;
  4877.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  4878.             }
  4879.             .mitsumori-card-pc .card-header {
  4880.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  4881.                 color: #fff !important;
  4882.                 padding: 14px 16px !important;
  4883.                 border-bottom: none !important;
  4884.             }
  4885.             .mitsumori-card-pc .card-title {
  4886.                 color: #fff !important;
  4887.                 font-size: 15px !important;
  4888.                 font-weight: bold !important;
  4889.                 margin: 0 !important;
  4890.             }
  4891.             .mitsumori-card-pc #mitsumori_message {
  4892.                 font-size: 22px !important;
  4893.                 font-weight: bold !important;
  4894.                 color: #fff !important;
  4895.             }
  4896.             .mitsumori-card-pc .btn-tool {
  4897.                 color: #fff !important;
  4898.             }
  4899.             /* 合計行を大きく強調 */
  4900.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  4901.                 font-size: 16px !important;
  4902.                 font-weight: bold !important;
  4903.                 color: #c00 !important;
  4904.                 background: #fff8f8 !important;
  4905.                 padding: 12px 16px !important;
  4906.             }
  4907.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  4908.                 font-size: 20px !important;
  4909.                 font-weight: bold !important;
  4910.                 color: #c00 !important;
  4911.             }
  4912.             /* card-body（明細リスト）を白背景に */
  4913.             .mitsumori-card-pc .card-body {
  4914.                 background: #fff !important;
  4915.             }
  4916.             .mitsumori-card-pc .card-footer {
  4917.                 background: #f8faff !important;
  4918.                 border-top: 1px solid #dce8fb !important;
  4919.                 padding: 12px 16px !important;
  4920.             }
  4921.         }
  4923.         @media (max-width: 767px) {
  4924.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  4925.             .mitsumori-card-pc {
  4926.                 border: none !important;
  4927.                 border-radius: 0 !important;
  4928.                 box-shadow: none !important;
  4929.                 margin-top: 0 !important;
  4930.                 overflow: visible !important;
  4931.                 background: none !important;
  4932.             }
  4933.             .mitsumori-card-pc .card-header {
  4934.                 background: none !important;
  4935.                 color: inherit !important;
  4936.                 padding: inherit !important;
  4937.                 border-bottom: inherit !important;
  4938.             }
  4939.             .mitsumori-card-pc .card-title { color: inherit !important; }
  4940.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  4941.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  4942.             /* 折りたたみトグルボタン */
  4943.             .btn-mitsumori-toggle {
  4944.                 background: none !important;
  4945.                 border: 1px solid #aaa !important;
  4946.                 border-radius: 4px !important;
  4947.                 padding: 2px 8px !important;
  4948.                 font-size: 12px !important;
  4949.                 color: #333 !important;
  4950.                 line-height: 1.4 !important;
  4951.             }
  4952.             .btn-mitsumori-toggle .toggle-icon {
  4953.                 display: inline-block;
  4954.                 transition: transform 0.2s;
  4955.             }
  4956.             /* 展開状態: ▼→▲ */
  4957.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  4958.                 content: \"▲ 閉じる\";
  4959.             }
  4960.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  4961.                 display: none;
  4962.             }
  4963.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  4964.                 content: \"▲ 閉じる\";
  4965.                 font-size: 12px;
  4966.             }
  4967.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  4968.                 font-size: inherit !important;
  4969.                 color: inherit !important;
  4970.                 background: none !important;
  4971.                 padding: inherit !important;
  4972.             }
  4973.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  4974.                 font-size: inherit !important;
  4975.                 color: inherit !important;
  4976.             }
  4977.             .mitsumori-card-pc .card-footer {
  4978.                 background: none !important;
  4979.                 border-top: inherit !important;
  4980.                 padding: inherit !important;
  4981.             }
  4982.             /* 横スクロール禁止 */
  4983.             body, html {
  4984.                 overflow-x: hidden;
  4985.                 max-width: 100vw;
  4986.             }
  4987.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  4988.             .opt-btn,
  4989.             .rp-btn {
  4990.                 white-space: normal;
  4991.                 word-break: break-all;
  4992.             }
  4993.             /* エリア案内: スマホでコンパクト */
  4994.             .ec-areaNotice {
  4995.                 margin: 8px 0;
  4996.                 padding: 8px 10px;
  4997.                 border-left-width: 3px;
  4998.                 cursor: pointer;
  4999.             }
  5000.             .ec-areaNotice__inner {
  5001.                 flex-direction: row;
  5002.                 gap: 8px;
  5003.                 align-items: flex-start;
  5004.             }
  5005.             .ec-areaNotice__icon { font-size: 15px; }
  5006.             /* タイトル行: 展開トグル */
  5007.             .ec-areaNotice__title {
  5008.                 font-size: 11px;
  5009.                 margin-bottom: 3px;
  5010.                 display: flex;
  5011.                 justify-content: space-between;
  5012.                 align-items: center;
  5013.             }
  5014.             .ec-areaNotice__title::after {
  5015.                 content: \"▼\";
  5016.                 font-size: 9px;
  5017.                 color: #888;
  5018.                 margin-left: 6px;
  5019.                 transition: transform 0.2s;
  5020.             }
  5021.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  5022.                 transform: rotate(180deg);
  5023.             }
  5024.             /* 折りたたみ対象: 閉じた状態では非表示 */
  5025.             .ec-areaNotice__detail {
  5026.                 display: none;
  5027.             }
  5028.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  5029.                 display: block;
  5030.             }
  5031.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  5032.             .ec-areaNotice__text br { display: none; }
  5033.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  5034.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  5035.             
  5036.             #sp-mitsumori-bar {
  5037.                 display: flex;
  5038.                 position: fixed;
  5039.                 bottom: 0;
  5040.                 left: 0;
  5041.                 right: 0;
  5042.                 z-index: 1000;
  5043.                 background: #fff;
  5044.                 border-top: 2px solid #e0e0e0;
  5045.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  5046.                 align-items: center;
  5047.                 padding: 8px 12px;
  5048.                 gap: 10px;
  5049.             }
  5050.             #sp-mitsumori-bar .sp-bar__label {
  5051.                 font-size: 11px;
  5052.                 color: #666;
  5053.                 white-space: nowrap;
  5054.             }
  5055.             #sp-mitsumori-bar .sp-bar__price {
  5056.                 font-size: 18px;
  5057.                 font-weight: bold;
  5058.                 color: #c00;
  5059.                 flex: 1;
  5060.             }
  5061.             #sp-mitsumori-bar .sp-bar__btn {
  5062.                 font-size: 12px;
  5063.                 padding: 8px 12px;
  5064.                 background: #333;
  5065.                 color: #fff;
  5066.                 border: none;
  5067.                 border-radius: 6px;
  5068.                 white-space: nowrap;
  5069.                 cursor: pointer;
  5070.                 position: relative;
  5071.                 display: inline-flex;
  5072.                 align-items: center;
  5073.                 gap: 6px;
  5074.             }
  5075.             #sp-mitsumori-bar .sp-bar__btn i {
  5076.                 font-size: 14px;
  5077.             }
  5078.             #sp-mitsumori-bar .sp-bar__cart-badge {
  5079.                 position: absolute;
  5080.                 top: -6px;
  5081.                 right: -6px;
  5082.                 background: #c00;
  5083.                 color: #fff;
  5084.                 border-radius: 50%;
  5085.                 min-width: 16px;
  5086.                 height: 16px;
  5087.                 font-size: 10px;
  5088.                 line-height: 16px;
  5089.                 padding: 0 4px;
  5090.                 font-weight: bold;
  5091.             }
  5092.             #sp-mitsumori-bar .sp-bar__home-btn {
  5093.                 display: inline-flex;
  5094.                 align-items: center;
  5095.                 justify-content: center;
  5096.                 width: 36px;
  5097.                 height: 36px;
  5098.                 border: 1px solid #ccc;
  5099.                 border-radius: 6px;
  5100.                 background: #fff;
  5101.                 color: #333;
  5102.                 text-decoration: none;
  5103.                 cursor: pointer;
  5104.             }
  5105.             #sp-mitsumori-bar .sp-bar__home-btn i {
  5106.                 font-size: 16px;
  5107.             }
  5108.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  5109.                 background: #f0f0f0;
  5110.             }
  5111.             /* 下部バーの高さ分ページ下部にpaddingを追加 */
  5112.             body {
  5113.                 padding-bottom: 64px;
  5114.             }
  5115.         }
  5117.         /* ============================================
  5118.            カート追加モーダル: 縦並び中央配置
  5119.         ============================================ */
  5120.         .add-cart-modal__wrap {
  5121.             text-align: center;
  5122.         }
  5123.         .add-cart-modal__header {
  5124.             font-size: 16px;
  5125.             margin: 20px 0 24px;
  5126.             text-align: center;
  5127.         }
  5128.         .add-cart-modal__actions {
  5129.             display: flex;
  5130.             flex-direction: column;
  5131.             align-items: center;
  5132.             gap: 16px;
  5133.             padding: 0 20px 20px;
  5134.         }
  5135.         .add-cart-modal__primary {
  5136.             display: inline-block;
  5137.             width: 80%;
  5138.             max-width: 320px;
  5139.             padding: 14px 20px;
  5140.             font-size: 15px;
  5141.             font-weight: bold;
  5142.             text-align: center;
  5143.             background: #d9534f;
  5144.             color: #fff !important;
  5145.             border-radius: 6px;
  5146.             text-decoration: none;
  5147.             cursor: pointer;
  5148.         }
  5149.         .add-cart-modal__primary:hover {
  5150.             background: #c9302c;
  5151.             color: #fff !important;
  5152.             text-decoration: none;
  5153.         }
  5154.         .add-cart-modal__secondary {
  5155.             display: inline-block;
  5156.             padding: 6px 14px;
  5157.             font-size: 12px;
  5158.             color: #666;
  5159.             border: 1px solid #ccc;
  5160.             border-radius: 4px;
  5161.             background: #fff;
  5162.             cursor: pointer;
  5163.         }
  5164.         .add-cart-modal__secondary:hover {
  5165.             background: #f0f0f0;
  5166.             color: #333;
  5167.         }
  5168.         @media (max-width: 767px) {
  5169.             .add-cart-modal__actions {
  5170.                 gap: 20px;
  5171.             }
  5172.         }
  5173.     </style>
  5174. {% endblock %}
  5176. {% block javascript %}
  5178.     <script>
  5179.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  5181.         // 規格2に選択肢を割り当てる。
  5182.         function fnSetClassCategories(form, classcat_id2_selected) {
  5183.             var \$form = \$(form);
  5184.             var product_id = \$form.find('input[name=product_id]').val();
  5185.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  5186.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  5187.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  5188.         }
  5190.         {% if form.classcategory_id2 is defined %}
  5191.         fnSetClassCategories(
  5192.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  5193.         );
  5194.         {% elseif form.classcategory_id1 is defined %}
  5195.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  5196.         {% endif %}
  5197.     </script>
  5198.     <script>
  5199.         \$(function() {
  5200.             // bfcache無効化
  5201.             \$(window).bind('pageshow', function(event) {
  5202.                 if (event.originalEvent.persisted) {
  5203.                     location.reload(true);
  5204.                 }
  5205.             });
  5207.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  5208.             // img タグに width, height が付与されている.
  5209.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  5210.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  5211.             \$('.ec-grid2__cell').hide();
  5212.             var removeSize = function () {
  5213.                 \$('.slide-item').height('');
  5214.                 \$('.slide-item img')
  5215.                     .removeAttr('width')
  5216.                     .removeAttr('height')
  5217.                     .removeAttr('style');
  5219.             };
  5220.             var slickInitial = function(slick) {
  5221.                 \$('.ec-grid2__cell').fadeIn(1500);
  5222.                 var baseHeight = \$(slick.target).height();
  5223.                 var baseWidth = \$(slick.target).width();
  5224.                 var rate = baseWidth / baseHeight;
  5225. \t\t\t\tif(baseHeight * rate < 400){
  5226. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  5227. \t\t\t\t}else{
  5228. \t                \$('.slide-item').height(400); // 余白を削除する
  5229. \t\t\t\t}
  5230.                 // transform を使用することでCLSの影響を受けないようにする
  5231.                 \$('.slide-item img')
  5232.                     .css(
  5233.                         {
  5234.                             'transform-origin': 'top left',
  5235.                             'transform': 'scaleY(' + rate + ')',
  5236.                             'transition': 'transform .1s'
  5237.                         }
  5238.                     );
  5239.                 // 正しいサイズに近くなったら属性を解除する
  5240.                 setTimeout(removeSize, 500);
  5241.             };
  5242.             \$('.item_visual').on('init', slickInitial);
  5243.             // リサイズ時は CLS の影響を受けないため属性を解除する
  5244.             \$(window).resize(removeSize);
  5245.             \$('.item_visual').slick({
  5246.                 dots: false,
  5247.                 arrows: true,
  5248.                 responsive: [{
  5249.                     breakpoint: 768,
  5250.                     settings: {
  5251.                         dots: true,
  5252.                 \t\tarrows: false
  5253.                     }
  5254.                 }]
  5255.             });
  5257.             \$('.slideThumb').on('click', function() {
  5258.                 var index = \$(this).attr('data-index');
  5259.                 \$('.item_visual').slick('slickGoTo', index, false);
  5260.             })
  5261.         });
  5263.     </script>
  5264.     <script>
  5265.         \$(function() {
  5266.             \$('.add-cart').on('click', function(event) {
  5267.                 {% if form.classcategory_id1 is defined %}
  5268.                 // 規格1フォームの必須チェック
  5269.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  5270.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  5271.                     return true;
  5272.                 } else {
  5273.                     \$('#classcategory_id1')[0].setCustomValidity('');
  5274.                 }
  5275.                 {% endif %}
  5277.                 {% if form.classcategory_id2 is defined %}
  5278.                 // 規格2フォームの必須チェック
  5279.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  5280.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  5281.                     return true;
  5282.                 } else {
  5283.                     \$('#classcategory_id2')[0].setCustomValidity('');
  5284.                 }
  5285.                 {% endif %}
  5287.                 // タイプ2: カート送信直前に set_count を quantity に同期
  5288.                 if(\$('#set_count').length){
  5289.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  5290.                     \$('#quantity').val(_sc);
  5291.                     \$('input[name=\"quantity\"]').val(_sc);
  5292.                 }
  5294.                 // 個数フォームのチェック
  5295.                 if (\$('#quantity').val() < 1) {
  5296.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  5297.                     return true;
  5298.                 } else {
  5299.                     \$('#quantity')[0].setCustomValidity('');
  5300.                 }
  5302.                 event.preventDefault();
  5303.                 \$form = \$('#form1');
  5304.                 \$.ajax({
  5305.                     url: \$form.attr('action'),
  5306.                     type: \$form.attr('method'),
  5307.                     data: \$form.serialize(),
  5308.                     dataType: 'json',
  5309.                     beforeSend: function(xhr, settings) {
  5310.                         // Buttonを無効にする
  5311.                         \$('.add-cart').prop('disabled', true);
  5312.                     }
  5313.                 }).done(function(data) {
  5314.                     // レスポンス内のメッセージをalertで表示
  5315.                     \$.each(data.messages, function() {
  5316.                         \$('#ec-modal-header').text(this);
  5317.                     });
  5319.                     \$('.ec-modal').show()
  5321.                     // カートブロックを更新する
  5322.                     \$.ajax({
  5323.                         url: \"{{ url('block_cart') }}\",
  5324.                         type: 'GET',
  5325.                         dataType: 'html'
  5326.                     }).done(function(html) {
  5327.                         \$('.ec-headerRole__cart').html(html);
  5328.                     });
  5329.                 }).fail(function(data) {
  5330.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  5331.                 }).always(function(data) {
  5332.                     // Buttonを有効にする
  5333.                     \$('.add-cart').prop('disabled', false);
  5334.                 });
  5335.             });
  5336.         });
  5338.         \$('.ec-modal-wrap').on('click', function(e) {
  5339.             // モーダル内の処理は外側にバブリングさせない
  5340.             e.stopPropagation();
  5341.         });
  5342.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  5343.             \$('.ec-modal').hide()
  5344.         });
  5347. \t\tvar pw = \"{% if mitsumori_json %}{{ mitsumori_json.pw }}{% endif %}\";
  5348. \t\tvar pd = \"{% if mitsumori_json %}{{ mitsumori_json.pd }}{% endif %}\";
  5349. \t\tvar ph = \"{% if mitsumori_json %}{{ mitsumori_json.ph }}{% endif %}\";
  5350. \t\tvar pm = \"{% if mitsumori_json %}{{ mitsumori_json.pm }}{% endif %}\";
  5351. \t\tvar pc = \"{% if mitsumori_json %}{{ mitsumori_json.pc }}{% endif %}\";
  5352. \t\tvar op0 = \"{% if mitsumori_json %}{{ mitsumori_json.op[0] }}{% endif %}\";
  5353. \t\tvar op1 = \"{% if mitsumori_json %}{{ mitsumori_json.op[1] }}{% endif %}\";
  5354. \t\tvar op2 = \"{% if mitsumori_json %}{{ mitsumori_json.op[2] }}{% endif %}\";
  5355. \t\tvar op3 = \"{% if mitsumori_json %}{{ mitsumori_json.op[3] }}{% endif %}\";
  5356. \t\tvar op4 = \"{% if mitsumori_json %}{{ mitsumori_json.op[4] }}{% endif %}\";
  5357. \t\tvar op5 = \"{% if mitsumori_json %}{{ mitsumori_json.op[5] }}{% endif %}\";
  5358. \t\tvar op6 = \"{% if mitsumori_json %}{{ mitsumori_json.op[6] }}{% endif %}\";
  5359. \t\tvar op7 = \"{% if mitsumori_json %}{{ mitsumori_json.op[7] }}{% endif %}\";
  5360. \t\tvar op8 = \"{% if mitsumori_json %}{{ mitsumori_json.op[8] }}{% endif %}\";
  5361. \t\tvar op9 = \"{% if mitsumori_json %}{{ mitsumori_json.op[9] }}{% endif %}\";
  5362. \t\tvar op10 = \"{% if mitsumori_json %}{{ mitsumori_json.op[10] }}{% endif %}\";
  5364. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  5366. \t\tfunction mitsumori_simulation(type , value_id){
  5367. \t\t\tvar pp = {{ pp|raw }};
  5368. \t\t\tif(type == \"pw\"){
  5369. \t\t\t\tpw = \$('#'+value_id).val();
  5370. \t\t\t}
  5371. \t\t\tif(type == \"pd\"){
  5372. \t\t\t\tpd = \$('#'+value_id).val();
  5373. \t\t\t}
  5374. \t\t\tif(type == \"ph\"){
  5375. \t\t\t\tph = \$('#'+value_id).val();
  5376. \t\t\t}
  5377. \t\t\tif(type == \"pm\"){
  5378. \t\t\t\tpm = \$('#'+value_id).val();
  5379. \t\t\t}
  5380. \t\t\tif(type == \"pc\"){
  5381. \t\t\t\tpc = \$('#'+value_id).val();
  5382. \t\t\t}
  5383. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  5384. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  5385. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  5386. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  5387. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  5388. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  5389. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  5390. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  5391. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  5392. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  5393. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  5395. \t\t\t// op系: ボタンの is-selected を選択中のものに付け替え + radio チェック
  5396. \t\t\tif(/^op\\d+\$/.test(type)) {
  5397. \t\t\t\tvar \$clicked = \$('#' + value_id);
  5398. \t\t\t\t\$clicked.prop('checked', true);
  5399. \t\t\t\tvar groupName = \$clicked.attr('name');
  5400. \t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  5401. \t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  5402. \t\t\t\t// ラベルの選択値テキスト更新
  5403. \t\t\t\tvar \$group = \$clicked.closest('.form-group');
  5404. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  5405. \t\t\t\tif (\$label.length) {
  5406. \t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  5407. \t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  5408. \t\t\t\t}
  5409. \t\t\t}
  5411. \t\t\tif(pm == \"\"){
  5412. \t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  5413. \t\t\t}
  5414. \t\t\tif(ph == \"\"){
  5415. \t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  5416. \t\t\t}
  5417. \t\t\tif(pd == \"\"){
  5418. \t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  5419. \t\t\t}
  5420. \t\t\tif(pw == \"\"){
  5421. \t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  5422. \t\t\t}
  5423. \t\t\tif(pc == \"\"){
  5424. \t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  5425. \t\t\t\t\$('#mitsumori_btn').hide();
  5426. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  5427. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  5428. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  5429. \t\t\t\t\$('#maker_price').text(\"---円\");
  5430. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  5431. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  5432. \t\t\t}
  5433. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && pm != \"\" && pc != \"\"){
  5434. \t\t\t\t\$('#mitsumori_btn').show();
  5436. \t\t\t\tvar pp_matched = false;
  5437. \t\t\t\tpp.forEach((el) => {
  5438. \t\t\t\t  if((pw == el.w || pw == \"指定なし\") && (pd == el.d || pd == \"指定なし\") && (ph == el.h || ph == \"指定なし\") && (pm == el.m || pm == \"指定なし\") && (pc == el.c || pc == \"指定なし\")){
  5439. \t\t\t\t\tpp_matched = true;
  5441. \t\t\t\t\tif(op0 == \"商品購入のみ\" || op1 == \"商品購入のみ\" || op2 == \"商品購入のみ\" || op3 == \"商品購入のみ\" || op4 == \"商品購入のみ\"
  5442. \t\t\t\t\t\t|| op5 == \"商品購入のみ\" || op6 == \"商品購入のみ\" || op7 == \"商品購入のみ\" || op8 == \"商品購入のみ\" || op9 == \"商品購入のみ\"){
  5443. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price)) + \"円\");
  5444. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price)) + \"円\");
  5445. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  5446. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  5447. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  5448. \t\t\t\t\t  \t\$('#mitsumori_ct').text(\"0円\");
  5449. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  5451. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price)) + \"円\");
  5452. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  5453. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5454. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(\"0円\");
  5455. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(\"0円\");
  5456. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5458. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price));
  5459. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  5460. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  5461. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  5462. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  5463. \t\t\t\t\t}else{
  5464. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5465. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5466. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  5467. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  5468. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  5469. \t\t\t\t\t  \t\$('#mitsumori_ct').text(formatter.format(parseInt(el.ct)) + \"円\");
  5470. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  5472. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5475. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  5476. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5477. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(formatter.format(parseInt(el.ct)) + \"円\");
  5478. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(formatter.format(parseInt(el.ct)) + \"円\");
  5479. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5481. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price) + parseInt(el.ct));
  5482. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  5483. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  5485. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  5486. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  5488. \t\t\t\t\t}
  5489. \t\t\t\t  }
  5490. \t\t\t\t});
  5492. \t\t\t\tif (!pp_matched) {
  5493. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  5494. \t\t\t\t\t\$('#mitsumori_btn').hide();
  5495. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  5496. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  5497. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  5498. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  5499. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  5500. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  5501. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  5502. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  5503. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  5504. \t\t\t\t}\t
  5507. \t\t\t\t// タイプ5: ステップ・フェンス・面積の現在値を取得
  5508. \t\t\t\tif(\$('input[name=deck_step]:checked').length){ deck_step = \$('input[name=deck_step]:checked').val(); }
  5509. \t\t\t\tif(\$('input[name=deck_fence]:checked').length){ deck_fence = \$('input[name=deck_fence]:checked').val(); }
  5511. \t\t\t\t// タイプ2: 窓サイズ・窓タイプ・ガラスタイプ・セット数
  5512. \t\t\t\tvar mado_w_val     = \$('#mado_w').val()     || '';
  5513. \t\t\t\tvar mado_h_val     = \$('#mado_h').val()     || '';
  5514. \t\t\t\tvar mado_type_val  = \$('input[name=mado_type]:checked').val()  || '';
  5515. \t\t\t\tvar glass_type_val = \$('input[name=glass_type]:checked').val() || '';
  5516. \t\t\t\tvar set_count_val  = parseInt(\$('#set_count').val()) || 1;
  5518. \t\t\t\t// タイプ3: 台数
  5519. \t\t\t\tvar daisu_val = parseInt(\$('#daisu').val()) || 1;
  5521. \t\t\t\t// タイプ4・6: 枚数
  5522. \t\t\t\tvar maisu_val = parseInt(\$('#maisu').val()) || 1;
  5524. \t\t\t\t// タイプ5: 面積
  5525. \t\t\t\tvar area_val = \$('#area').val() || '';
  5527. \t\t\t\t// sale_type
  5528. \t\t\t\tvar sale_type_id = {{ ProductClass.SaleType.id }};
  5530. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  5531. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  5532. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  5533. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  5534. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  5535. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  5536. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  5537. \t\t\t\t\t\t\t\t\t\t\"product_id\": {{ Product.id }},
  5538. \t\t\t\t\t\t\t\t\t\t\"sale_type\": sale_type_id,
  5539. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  5540. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  5541. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  5542. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  5543. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  5544. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  5545. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     mado_w_val,
  5546. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     mado_h_val,
  5547. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  mado_type_val,
  5548. \t\t\t\t\t\t\t\t\t\t\"glass_type\": glass_type_val,
  5549. \t\t\t\t\t\t\t\t\t\t\"set_count\":  set_count_val,
  5550. \t\t\t\t\t\t\t\t\t\t\"daisu\":      daisu_val,
  5551. \t\t\t\t\t\t\t\t\t\t\"maisu\":      maisu_val,
  5552. \t\t\t\t\t\t\t\t\t\t\"area\":       area_val,
  5553. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  deck_step,
  5554. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": deck_fence };
  5556. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  5557. \t\t\t\t
  5558. \t\t\t}
  5559. \t\t\t
  5561. \t\t}
  5563.         {% if color and color|length == 1 %}
  5564.             pc = \"指定なし\";
  5565. \t\t\t{% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  5566. \t\t{% endif %}
  5568.         {% if p_w and (p_w|length == 1 or p_w|join == \"\") %}
  5569.             pw = \"指定なし\";
  5570. \t\t\t{% for pw in p_w %}{% if pw %} pw = \"{{ pw }}\"; {% endif %}{% endfor %}
  5571. \t\t{% endif %}
  5573.         {% if p_d and (p_d|length == 1 or p_d|join == \"\") %}
  5574.             pd = \"指定なし\";
  5575. \t\t\t{% for pd in p_d %}{% if pd %} pd = \"{{ pd }}\"; {% endif %}{% endfor %}
  5576. \t\t{% endif %}
  5578.         {% if p_h and (p_h|length == 1 or p_h|join == \"\") %}
  5579.             ph = \"指定なし\";
  5580. \t\t\t{% for ph in p_h %}{% if ph %} ph = \"{{ ph }}\"; {% endif %}{% endfor %}
  5581. \t\t{% endif %}
  5583.         {% if p_m and (p_m|length == 1 or p_m|join == \"\") %}
  5584.             pm = \"指定なし\";
  5585. \t\t\t{% for pm in p_m %}{% if pm %} pm = \"{{ pm }}\"; {% endif %}{% endfor %}
  5586. \t\t{% endif %}
  5588. \t\t// ページ読み込み時: タイプ別に quantity の初期値をセット
  5589. \t\t(function initQuantityByType(){
  5590. \t\t\tvar saleType = {{ ProductClass.SaleType.id }};
  5591. \t\t\tif(saleType == 2 && \$('#set_count').length){
  5592. \t\t\t\tvar _v = parseInt(\$('#set_count').val()) || 1;
  5593. \t\t\t\t\$('#quantity').val(_v);
  5594. \t\t\t\t\$('input[name=\"quantity\"]').val(_v);
  5595. \t\t\t} else if(saleType == 3 && \$('#daisu').length){
  5596. \t\t\t\t\$('#quantity').val(parseInt(\$('#daisu').val()) || 1);
  5597. \t\t\t} else if((saleType == 4 || saleType == 6) && \$('#maisu').length){
  5598. \t\t\t\t\$('#quantity').val(parseInt(\$('#maisu').val()) || 1);
  5599. \t\t\t} else if(saleType == 9 && \$('#quantity_only').length){
  5600. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  5601. \t\t\t}
  5602. \t\t})();
  5604. \t\t// type → ラベルのプレフィックス文字列
  5605. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材'};
  5606. \t\t// type → input[name]
  5607. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm'};
  5609. \t\t// opt-btn用: 値を直接受け取るラッパー
  5610. \t\tfunction mitsumori_simulation_val(type, value) {
  5611. \t\t\tif (type === 'pc') pc = value;
  5612. \t\t\tif (type === 'pw') pw = value;
  5613. \t\t\tif (type === 'pd') pd = value;
  5614. \t\t\tif (type === 'ph') ph = value;
  5615. \t\t\tif (type === 'pm') pm = value;
  5617. \t\t\t// is-selected クラスを同グループ内で付け替え
  5618. \t\t\tvar inputName = optNameMap[type];
  5619. \t\t\tif (inputName) {
  5620. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  5621. \t\t\t\t\$btns.removeClass('is-selected');
  5622. \t\t\t\t\$btns.filter(function(){
  5623. \t\t\t\t\treturn \$(this).find('input').val() === value;
  5624. \t\t\t\t}).addClass('is-selected');
  5625. \t\t\t}
  5627. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  5628. \t\t\tvar labelPrefix = optLabelMap[type];
  5629. \t\t\tif (labelPrefix) {
  5630. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  5631. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  5632. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  5633. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  5634. \t\t\t}
  5636. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  5637. \t\t\tmitsumori_simulation('', '');
  5638. \t\t}
  5640. \t\tmitsumori_simulation(\"\",\"\");
  5642. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll で1行横スクロール化
  5643. \t\tfunction applyBtnGroupScroll() {
  5644. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  5645. \t\t\t\tvar \$group = \$(this);
  5646. \t\t\t\t\$group.removeClass('is-scroll');
  5647. \t\t\t\tvar \$items = \$group.children();
  5648. \t\t\t\tif (\$items.length === 0) return;
  5650. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  5651. \t\t\t\tvar totalWidth = 0;
  5652. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  5653. \t\t\t\t\$items.each(function() {
  5654. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  5655. \t\t\t\t});
  5657. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  5658. \t\t\t\tvar anyTooWide = false;
  5659. \t\t\t\t\$items.each(function() {
  5660. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  5661. \t\t\t\t});
  5663. \t\t\t\t// 折り返し時の行数も計測
  5664. \t\t\t\tvar tops = {};
  5665. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  5666. \t\t\t\tvar rowCount = Object.keys(tops).length;
  5668. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  5669. \t\t\t\t\t\$group.addClass('is-scroll');
  5670. \t\t\t\t}
  5671. \t\t\t});
  5672. \t\t}
  5673. \t\tapplyBtnGroupScroll();
  5674. \t\t\$(window).on('resize', function() {
  5675. \t\t\tclearTimeout(window._btnScrollTimer);
  5676. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  5677. \t\t});
  5679. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  5680. \t\t(function syncPrice02Display() {
  5681. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  5682. \t\t\tvar displayEl = document.getElementById('price02-display');
  5683. \t\t\tif (!goukeiEl || !displayEl) return;
  5684. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  5685. \t\t\t// ---円（未確定）の場合は書き換えない
  5686. \t\t\tif (goukeiText && goukeiText !== '---円') {
  5687. \t\t\t\tdisplayEl.textContent = goukeiText;
  5688. \t\t\t}
  5689. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  5690. \t\t\tnew MutationObserver(function() {
  5691. \t\t\t\tvar text = goukeiEl.textContent.trim();
  5692. \t\t\t\tif (text && text !== '---円') {
  5693. \t\t\t\t\tdisplayEl.textContent = text;
  5694. \t\t\t\t}
  5695. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  5696. \t\t})();
  5697. \t\tfunction contact_form(product_id){
  5698. \t\t\t\$('#form1').attr('action', '{{ url('contact', {product:Product.id}) }}');
  5699. \t\t\t\$('#form1').submit();
  5700. \t\t}
  5702. \t\t// maisu / madoset は下部の新しい関数定義を使用
  5705. \t\tfunction heibei(bei){
  5706. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  5707. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  5708. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  5709. \t\t\t\$('#quantity').val(\$('#heibei').val());
  5710. \t\t\tmitsumori_simulation('heibei','heibei');
  5711. \t\t}
  5712. \t\tfunction daisu(dai){
  5713. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  5714. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  5715. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  5716. \t\t\t\$('#quantity').val(\$('#daisu').val());
  5717. \t\t\tmitsumori_simulation('daisu','daisu');
  5718. \t\t}
  5719. \t\tfunction maisu(mai){
  5720. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  5721. \t\t\tif(parseInt(\$('#maisu').val()) < 1){ \$('#maisu').val(1); }
  5722. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  5723. \t\t\t\$('#quantity').val(\$('#maisu').val());
  5724. \t\t\tmitsumori_simulation('maisu','maisu');
  5725. \t\t}
  5727. \t\t// タイプ2: セット数プルダウン連動
  5728. \t\tfunction madosetSelect(val){
  5729. \t\t\tvar v = parseInt(val);
  5730. \t\t\tif(v < 1) v = 1;
  5731. \t\t\tif(v > 20) v = 20;
  5732. \t\t\t// id=\"quantity\" と name=\"quantity\" 両方を確実に書き換え
  5733. \t\t\t\$('#quantity').val(v);
  5734. \t\t\t\$('input[name=\"quantity\"]').val(v);
  5735. \t\t\tmitsumori_simulation('set','set_count');
  5736. \t\t}
  5737. \t\t// タイプ2: ±ボタン版（後方互換）
  5738. \t\tfunction madoset(mai){
  5739. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  5740. \t\t\tvar next = current + mai;
  5741. \t\t\tif(next < 1) next = 1;
  5742. \t\t\tif(next > 20) next = 20;
  5743. \t\t\t\$('#set_count').val(next);
  5744. \t\t\tmadosetSelect(next);
  5745. \t\t}
  5747. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  5748. \t\tvar deck_step = \"{% if mitsumori_json %}{{ mitsumori_json.deck_step|default('不要') }}{% else %}不要{% endif %}\";
  5749. \t\tvar deck_fence = \"{% if mitsumori_json %}{{ mitsumori_json.deck_fence|default('不要') }}{% else %}不要{% endif %}\";
  5751. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  5752. \t\tfunction syncPdfJson(){
  5753. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  5754. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  5755. \t\t}
  5757. \t\t// タイプ9: 商品のみ購入
  5758. \t\tfunction quantityOnly(val){
  5759. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  5760. \t\t\tvar next = current + val;
  5761. \t\t\tif(next < 1) next = 1;
  5762. \t\t\t\$('#quantity_only').val(next);
  5763. \t\t\t\$('#quantity').val(next);
  5764. \t\t}
  5766.         // ===== スマホ用下部固定バーへの金額同期 =====
  5767.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  5768.         (function() {
  5769.             var msgTarget   = document.getElementById('mitsumori_message');
  5770.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  5771.             var spPrice     = document.getElementById('sp-mitsumori-price');
  5772.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  5773.             if (!spPrice || !spBtn) return;
  5775.             function syncBar() {
  5776.                 var msg    = msgTarget ? msgTarget.textContent : '';
  5777.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  5779.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  5780.                 if (msg.indexOf('選択してください') !== -1) {
  5781.                     spPrice.textContent = msg;
  5782.                     spPrice.style.fontSize = '13px';
  5783.                     spPrice.style.color    = '#888';
  5784.                     spBtn.style.display    = 'none';
  5785.                 } else {
  5786.                     // 価格確定時はボタンを表示
  5787.                     spPrice.textContent = goukei;
  5788.                     spPrice.style.fontSize = '18px';
  5789.                     spPrice.style.color    = '#c00';
  5790.                     spBtn.style.display    = 'block';
  5791.                 }
  5792.             }
  5794.             // 初期値を同期
  5795.             syncBar();
  5797.             // mitsumori_message の変化を監視
  5798.             if (msgTarget) {
  5799.                 new MutationObserver(syncBar).observe(
  5800.                     msgTarget, { childList: true, subtree: true, characterData: true }
  5801.                 );
  5802.             }
  5803.             // mitsumori_goukei の変化も監視
  5804.             if (goukeiTarget) {
  5805.                 new MutationObserver(syncBar).observe(
  5806.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  5807.                 );
  5808.             }
  5809.         })();
  5811.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  5812.         (function() {
  5813.             var card = document.querySelector('.mitsumori-card-pc');
  5814.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  5815.             if (!card || !btn) return;
  5816.             // MutationObserverでcollapsed-cardクラスの変化を監視
  5817.             new MutationObserver(function() {
  5818.                 if (card.classList.contains('collapsed-card')) {
  5819.                     btn.textContent = '▼ 詳細';
  5820.                 } else {
  5821.                     btn.textContent = '▲ 閉じる';
  5822.                 }
  5823.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  5824.         })();
  5826.         // ===== エリア案内: スマホのみタップで展開 =====
  5827.         (function() {
  5828.             var notice = document.querySelector('.ec-areaNotice');
  5829.             if (!notice) return;
  5830.             notice.addEventListener('click', function(e) {
  5831.                 if (window.innerWidth > 767) return;
  5832.                 // リンククリック時は展開/折りたたみせずリンク遷移
  5833.                 if (e.target.tagName === 'A') return;
  5834.                 notice.classList.toggle('is-open');
  5835.             });
  5836.         })();
  5838.     </script>
  5839.     <script type=\"application/ld+json\">
  5840.     {
  5841.         \"@context\": \"https://schema.org/\",
  5842.         \"@type\": \"Product\",
  5843.         \"name\": \"{{ Product.name }}\",
  5844.         \"image\": [
  5845.             {% for img in Product.ProductImage %}
  5846.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  5848.             {% else %}
  5849.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  5850.             {% endfor %}
  5851.         ],
  5852.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  5853.         {% if Product.code_min %}
  5854.         \"sku\": \"{{ Product.code_min }}\",
  5855.         {% endif %}
  5856.         \"offers\": {
  5857.             \"@type\": \"Offer\",
  5858.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  5859.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  5860.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  5861.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  5862.         }
  5863.     }
  5864.     </script>
  5866. {% endblock %}
  5868. {% block main %}
  5869.     <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  5870.         <div class=\"ec-grid2\">
  5871.             <div class=\"ec-grid2__cell\">
  5872.                 <div class=\"ec-sliderItemRole\">
  5873. \t                {# 商品名 + ブランド名 + SNSシェア #}
  5874. \t                <div class=\"ec-productRole__title\">
  5875. \t                    <div class=\"ec-productRole__titleRow\">
  5876. \t                        <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  5877. \t                        <div class=\"ec-share-inline\">
  5878. \t                            <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\"
  5879. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  5880. \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>
  5881. \t                            </a>
  5882. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  5883. \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>
  5884. \t                            </a>
  5885. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\"
  5886. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  5887. \t                                <i class=\"fab fa-line\"></i>
  5888. \t                            </a>
  5889. \t                        </div>
  5890. \t                    </div>
  5891. \t                </div>
  5892.                     {% if BaseInfo.option_favorite_product %}
  5893.                      <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  5894. \t\t\t\t\t\t{% if is_favorite == false %}
  5895.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  5896.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  5897.                         </form>
  5898.                         {% else %}
  5899.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  5900.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  5901.                         </form>
  5902.                         {% endif %}
  5903.                      </div>
  5904.                     {% endif %}
  5905.                     <div class=\"item_visual\">
  5906.                         {% for ProductImage in Product.ProductImage %}
  5907.                             <div class=\"slide-item\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}></div>
  5908.                         {% else %}
  5909.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  5910.                         {% endfor %}
  5911.                     </div>
  5912.                     <div class=\"item_nav\">
  5913.                         {% for ProductImage in Product.ProductImage %}
  5914.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  5915.                         {% endfor %}
  5916.                     </div>
  5918.                 </div>
  5920.                     {# ===== 施工エリア案内（見積シミュレーションの下）===== #}
  5921.                     <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  5922.                         <div class=\"ec-areaNotice__inner\">
  5923.                             <div class=\"ec-areaNotice__icon\">📍</div>
  5924.                             <div class=\"ec-areaNotice__body\">
  5925.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  5926.                                 <div class=\"ec-areaNotice__detail\">
  5927.                                     <p class=\"ec-areaNotice__text\">
  5928.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  5929.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  5930.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  5931.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  5932.                                     </p>
  5933.                                     <a class=\"ec-areaNotice__link\" href=\"{{ url('contact') }}\">エリア外のお客様・ご相談はこちら →</a>
  5934.                                 </div>
  5935.                             </div>
  5936.                         </div>
  5937.                     </div>
  5939.             </div>
  5941.             <div class=\"ec-grid2__cell2\">
  5942.                 <div class=\"ec-productRole__profile\" >
  5943.                     {# 関連カテゴリ #}
  5944.                     {% if Product.ProductCategories is not empty %}
  5945.                         <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  5946.                             {% for ProductCategory in Product.ProductCategories %}
  5947.                                 <ul>
  5948.                                     <li>
  5949.                                         {% for Category in ProductCategory.Category.path %}
  5950.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  5951.                                             <span>＞</span>{% endif -%}
  5952.                                         {% endfor %}
  5953.                                     </li>
  5954.                                 </ul>
  5955.                             {% endfor %}
  5956.                         </div>
  5957.                     {% endif %}
  5958.                     {# 販売価格 #}
  5959.                     <div class=\"ec-productRole__price\">
  5960. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  5961.                         {% if Product.hasProductClass -%}
  5962.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  5963.                                 <div class=\"ec-price\">
  5964.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }}</span>
  5965.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  5966.                                 </div>
  5967.                             {% else %}
  5968.                                 <div class=\"ec-price\">
  5969.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  5970.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})</span>
  5971.                                 </div>
  5972.                             {% endif %}
  5973.                         {% else %}
  5974.                             <div class=\"ec-price\">
  5975.                                 <span id=\"price02-display\" class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  5976.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  5977.                             </div>
  5978.                         {% endif %}
  5979.                     </div>
  5980.                     {# タグ #}
  5981.                     <ul class=\"ec-productRole__tags\">
  5982.                         {% for Tag in Product.Tags %}
  5983.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  5984.                         {% endfor %}
  5985.                     </ul>
  5986.                     {# 商品コード #}
  5987.                     {% if Product.code_min is not empty %}
  5988.                         <div class=\"ec-productRole__code\">
  5989.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  5990.                         </div>
  5991.                     {% endif %}
  5993.                     <div class=\"ec-productRole__description\">
  5994. \t\t\t\t        <div class=\"ec-rectHeading\">
  5995. \t\t\t\t            <h4>製品情報</h4>
  5996. \t\t\t\t        </div>
  5997. \t\t\t\t\t\t{{ Product.sales_infomation|raw|nl2br }}
  5998.                     </div>
  6001. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  6002. \t\t\t\t\t  <div class=\"card-header\">
  6003. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  6004. \t\t\t\t\t  </div>
  6005. \t\t\t\t\t  <div class=\"card-body p-2\">
  6006.                         {% set related_image = getProduct_field(Product.id,\"related_image\") %}
  6007.                         {# related_image は配列: [\"1段目画像あり\",\"2段目画像あり\",\"3段目画像あり\"] のうち該当するものが格納 #}
  6008.                         {% set img1 = related_image and (\"1段目画像あり\" in related_image) %}
  6009.                         {% set img2 = related_image and (\"2段目画像あり\" in related_image) %}
  6010.                         {% set img3 = related_image and (\"3段目画像あり\" in related_image) %}
  6011.                         {% set img4 = related_image and (\"4段目画像あり\" in related_image) %}
  6012. \t\t\t\t\t    {% set type1 = getProduct_field(Product.id,\"related_name1\") %}
  6013. \t\t\t\t\t\t{% set type2 = getProduct_field(Product.id,\"related_name2\") %}
  6014. \t\t\t\t\t\t{% set type3 = getProduct_field(Product.id,\"related_name3\") %}
  6015. \t\t\t\t\t\t{% set type4 = getProduct_field(Product.id,\"related_name4\") %}
  6016. \t\t\t\t\t\t{% set hasRelated = (type1 and related_product1 and related_product1|length)
  6017. \t\t\t\t\t\t                 or (type2 and related_product2 and related_product2|length)
  6018. \t\t\t\t\t\t                 or (type3 and related_product3 and related_product3|length)
  6019. \t\t\t\t\t\t                 or (type4 and related_product4 and related_product4|length) %}
  6020. \t\t\t\t\t\t{% if hasRelated %}
  6021. \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>
  6022. \t\t\t\t\t\t{% endif %}
  6024. \t\t\t\t\t\t{# ===== 1段目 ===== #}
  6025. \t\t\t\t\t\t{% if type1 and related_product1 and related_product1|length %}
  6026. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6027. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type1 }}{% if img1 and base_select1 %}: <span>{{ base_select1 }}</span>{% endif %}</div>
  6028. \t\t\t\t\t\t  {% if img1 %}
  6029. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  6030. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6031. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  6032. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select1 == rp_name %} is-selected{% endif %}\"
  6033. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6034. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"{{ rp_name }}\"
  6035. \t\t\t\t\t\t                 {% if base_select1 == rp_name %}checked{% endif %}>
  6036. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6037. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6038. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  6039. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  6040. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  6041. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  6042. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  6043. \t\t\t\t\t\t        </label>
  6044. \t\t\t\t\t\t      {% endfor %}
  6045. \t\t\t\t\t\t    </div>
  6046. \t\t\t\t\t\t  {% else %}
  6047. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  6048. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6049. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  6050. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select1 == rp_name %} is-selected{% endif %}\"
  6051. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6052. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"{{ rp_name }}\"
  6053. \t\t\t\t\t\t                 {% if base_select1 == rp_name %}checked{% endif %}>
  6054. \t\t\t\t\t\t          {{ rp_name }}
  6055. \t\t\t\t\t\t        </label>
  6056. \t\t\t\t\t\t      {% endfor %}
  6057. \t\t\t\t\t\t    </div>
  6058. \t\t\t\t\t\t  {% endif %}
  6059. \t\t\t\t\t\t</div>
  6060. \t\t\t\t\t\t{% endif %}
  6062. \t\t\t\t\t\t{# ===== 2段目 ===== #}
  6063. \t\t\t\t\t\t{% if type2 and related_product2 and related_product2|length %}
  6064. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6065. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type2 }}{% if img2 and base_select2 %}: <span>{{ base_select2 }}</span>{% endif %}</div>
  6066. \t\t\t\t\t\t  {% if img2 %}
  6067. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6068. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  6069. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select2 == rp_name %} is-selected{% endif %}\"
  6070. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6071. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"{{ rp_name }}\"
  6072. \t\t\t\t\t\t                 {% if base_select2 == rp_name %}checked{% endif %}>
  6073. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6074. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6075. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  6076. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  6077. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  6078. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  6079. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  6080. \t\t\t\t\t\t        </label>
  6081. \t\t\t\t\t\t      {% endfor %}
  6082. \t\t\t\t\t\t    </div>
  6083. \t\t\t\t\t\t  {% else %}
  6084. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6085. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  6086. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select2 == rp_name %} is-selected{% endif %}\"
  6087. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6088. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"{{ rp_name }}\"
  6089. \t\t\t\t\t\t                 {% if base_select2 == rp_name %}checked{% endif %}>
  6090. \t\t\t\t\t\t          {{ rp_name }}
  6091. \t\t\t\t\t\t        </label>
  6092. \t\t\t\t\t\t      {% endfor %}
  6093. \t\t\t\t\t\t    </div>
  6094. \t\t\t\t\t\t  {% endif %}
  6095. \t\t\t\t\t\t</div>
  6096. \t\t\t\t\t\t{% endif %}
  6098. \t\t\t\t\t\t{# ===== 3段目 ===== #}
  6099. \t\t\t\t\t\t{% if type3 and related_product3 and related_product3|length %}
  6100. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6101. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type3 }}{% if img3 and base_select3 %}: <span>{{ base_select3 }}</span>{% endif %}</div>
  6102. \t\t\t\t\t\t  {% if img3 %}
  6103. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6104. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  6105. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select3 == rp_name %} is-selected{% endif %}\"
  6106. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6107. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"{{ rp_name }}\"
  6108. \t\t\t\t\t\t                 {% if base_select3 == rp_name %}checked{% endif %}>
  6109. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6110. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6111. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  6112. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  6113. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  6114. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  6115. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  6116. \t\t\t\t\t\t        </label>
  6117. \t\t\t\t\t\t      {% endfor %}
  6118. \t\t\t\t\t\t    </div>
  6119. \t\t\t\t\t\t  {% else %}
  6120. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6121. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  6122. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select3 == rp_name %} is-selected{% endif %}\"
  6123. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6124. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"{{ rp_name }}\"
  6125. \t\t\t\t\t\t                 {% if base_select3 == rp_name %}checked{% endif %}>
  6126. \t\t\t\t\t\t          {{ rp_name }}
  6127. \t\t\t\t\t\t        </label>
  6128. \t\t\t\t\t\t      {% endfor %}
  6129. \t\t\t\t\t\t    </div>
  6130. \t\t\t\t\t\t  {% endif %}
  6131. \t\t\t\t\t\t</div>
  6132. \t\t\t\t\t\t{% endif %}
  6134. \t\t\t\t\t\t{# ===== 4段目 ===== #}
  6135. \t\t\t\t\t\t{% if type4 and related_product4 and related_product4|length %}
  6136. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6137. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type4 }}{% if img4 and base_select4 %}: <span>{{ base_select4 }}</span>{% endif %}</div>
  6138. \t\t\t\t\t\t  {% if img4 %}
  6139. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  6140. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  6141. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  6142. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select4 == rp_name %} is-selected{% endif %}\"
  6143. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6144. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"{{ rp_name }}\"
  6145. \t\t\t\t\t\t                 {% if base_select4 == rp_name %}checked{% endif %}>
  6146. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  6147. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  6148. \t\t\t\t\t\t               alt=\"{{ rp_name }}\" width=\"120\" height=\"120\" loading=\"lazy\">
  6149. \t\t\t\t\t\t          <span class=\"rp-card__label\">{{ rp_name }}</span>
  6150. \t\t\t\t\t\t        </label>
  6151. \t\t\t\t\t\t      {% endfor %}
  6152. \t\t\t\t\t\t    </div>
  6153. \t\t\t\t\t\t  {% else %}
  6154. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  6155. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  6156. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  6157. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select4 == rp_name %} is-selected{% endif %}\"
  6158. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  6159. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"{{ rp_name }}\"
  6160. \t\t\t\t\t\t                 {% if base_select4 == rp_name %}checked{% endif %}>
  6161. \t\t\t\t\t\t          {{ rp_name }}
  6162. \t\t\t\t\t\t        </label>
  6163. \t\t\t\t\t\t      {% endfor %}
  6164. \t\t\t\t\t\t    </div>
  6165. \t\t\t\t\t\t  {% endif %}
  6166. \t\t\t\t\t\t</div>
  6167. \t\t\t\t\t\t{% endif %}
  6170. \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>
  6172.                         {% if color and color|length and ProductClass.SaleType.id != 3 %}
  6173.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6174.                           <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  6175.                           <div class=\"opt-btn-group\">
  6176.                             {% set idx = 0 %}
  6177.                             {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  6178.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %} is-selected{% endif %}\"
  6179.                                      onclick=\"mitsumori_simulation_val('pc', '{{ cc['name']|e('js') }}');\">
  6180.                                 <input type=\"radio\" name=\"color\" id=\"cc_{{ idx }}\" value=\"{{ cc['name'] }}\"
  6181.                                        {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  6182.                                 {{ cc['name'] }}
  6183.                               </label>
  6184.                             {% endif %}{% endfor %}
  6185.                           </div>
  6186.                         </div>
  6187.                         {% endif %}
  6189.                         {% if p_w and p_w|length and p_w|join != \"\" %}
  6190.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6191.                           <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  6192.                           <div class=\"opt-btn-group\">
  6193.                             {% set idx = 0 %}
  6194.                             {% for pw in p_w %}{% if pw %}{% set idx = idx + 1 %}
  6195.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %} is-selected{% endif %}\"
  6196.                                      onclick=\"mitsumori_simulation_val('pw', '{{ pw|e('js') }}');\">
  6197.                                 <input type=\"radio\" name=\"pw\" id=\"pw_{{ idx }}\" value=\"{{ pw }}\"
  6198.                                        {% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %}checked{% endif %}>
  6199.                                 {{ pw }}
  6200.                               </label>
  6201.                             {% endif %}{% endfor %}
  6202.                           </div>
  6203.                         </div>
  6204.                         {% endif %}
  6206.                         {% if p_d and p_d|length and p_d|join != \"\" %}
  6207.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6208.                           <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  6209.                           <div class=\"opt-btn-group\">
  6210.                             {% set idx = 0 %}
  6211.                             {% for pd in p_d %}{% if pd %}{% set idx = idx + 1 %}
  6212.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %} is-selected{% endif %}\"
  6213.                                      onclick=\"mitsumori_simulation_val('pd', '{{ pd|e('js') }}');\">
  6214.                                 <input type=\"radio\" name=\"pd\" id=\"pd_{{ idx }}\" value=\"{{ pd }}\"
  6215.                                        {% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %}checked{% endif %}>
  6216.                                 {{ pd }}
  6217.                               </label>
  6218.                             {% endif %}{% endfor %}
  6219.                           </div>
  6220.                         </div>
  6221.                         {% endif %}
  6223.                         {% if p_h and p_h|length and p_h|join != \"\" %}
  6224.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6225.                           <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  6226.                           <div class=\"opt-btn-group\">
  6227.                             {% set idx = 0 %}
  6228.                             {% for ph in p_h %}{% if ph %}{% set idx = idx + 1 %}
  6229.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %} is-selected{% endif %}\"
  6230.                                      onclick=\"mitsumori_simulation_val('ph', '{{ ph|e('js') }}');\">
  6231.                                 <input type=\"radio\" name=\"ph\" id=\"ph_{{ idx }}\" value=\"{{ ph }}\"
  6232.                                        {% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %}checked{% endif %}>
  6233.                                 {{ ph }}
  6234.                               </label>
  6235.                             {% endif %}{% endfor %}
  6236.                           </div>
  6237.                         </div>
  6238.                         {% endif %}
  6240.                         {% if p_m and p_m|length and p_m|join != \"\" %}
  6241.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6242.                           <div class=\"rp-section-label\">素材{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  6243.                           <div class=\"opt-btn-group\">
  6244.                             {% set idx = 0 %}
  6245.                             {% for pm in p_m %}{% if pm %}{% set idx = idx + 1 %}
  6246.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %} is-selected{% endif %}\"
  6247.                                      onclick=\"mitsumori_simulation_val('pm', '{{ pm|e('js') }}');\">
  6248.                                 <input type=\"radio\" name=\"pm\" id=\"pm_{{ idx }}\" value=\"{{ pm }}\"
  6249.                                        {% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %}checked{% endif %}>
  6250.                                 {{ pm }}
  6251.                               </label>
  6252.                             {% endif %}{% endfor %}
  6253.                           </div>
  6254.                         </div>
  6255.                         {% endif %}
  6257. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  6258. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 1 %}
  6259. \t\t\t\t\t\t{% endif %}
  6261. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） -->
  6262. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 2 %}
  6264. \t\t\t\t\t\t\t{# 窓サイズ（自由入力） #}
  6265. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6266. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓サイズ</label>
  6267. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6268. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6269. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓幅</span>
  6270. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_w\" id=\"mado_w\" class=\"form-control\" value=\"{{ mitsumori_json.mado_w|default('') }}\" placeholder=\"例: 90\" min=\"1\" onchange=\"mitsumori_simulation('mado_w','mado_w');\">
  6271. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  6272. \t\t\t\t\t\t\t    </div>
  6273. \t\t\t\t\t\t\t  </div>
  6274. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6275. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6276. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓高さ</span>
  6277. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_h\" id=\"mado_h\" class=\"form-control\" value=\"{{ mitsumori_json.mado_h|default('') }}\" placeholder=\"例: 110\" min=\"1\" onchange=\"mitsumori_simulation('mado_h','mado_h');\">
  6278. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  6279. \t\t\t\t\t\t\t    </div>
  6280. \t\t\t\t\t\t\t  </div>
  6281. \t\t\t\t\t\t\t</div>
  6283. \t\t\t\t\t\t\t{# 窓タイプ（p_d データから選択肢を生成） #}
  6284. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  6285. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6286. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓タイプ</label>
  6287. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6288. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6289. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6290. \t\t\t\t\t\t\t    {% for pd_val in p_d %}
  6291. \t\t\t\t\t\t\t      {% if pd_val %}
  6292. \t\t\t\t\t\t\t      {% set idx = idx + 1 %}
  6293. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6294. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"mado_type\" id=\"mado_type_{{ idx }}\" value=\"{{ pd_val }}\"
  6295. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pd == pd_val) or (p_d|length == 1) %}checked{% endif %}
  6296. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','mado_type_{{ idx }}');\">
  6297. \t\t\t\t\t\t\t        <label for=\"mado_type_{{ idx }}\">{{ pd_val }}</label>
  6298. \t\t\t\t\t\t\t      </div>
  6299. \t\t\t\t\t\t\t      {% endif %}
  6300. \t\t\t\t\t\t\t    {% endfor %}
  6301. \t\t\t\t\t\t\t    </div>
  6302. \t\t\t\t\t\t\t  </div>
  6303. \t\t\t\t\t\t\t</div>
  6304. \t\t\t\t\t\t\t{% endif %}
  6306. \t\t\t\t\t\t\t{# ガラスタイプ（p_m データから選択肢を生成） #}
  6307. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6308. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6309. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ガラスタイプ</label>
  6310. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6311. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6312. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6313. \t\t\t\t\t\t\t    {% for pm_val in p_m %}
  6314. \t\t\t\t\t\t\t      {% if pm_val %}
  6315. \t\t\t\t\t\t\t      {% set idx = idx + 1 %}
  6316. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6317. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"glass_type\" id=\"glass_type_{{ idx }}\" value=\"{{ pm_val }}\"
  6318. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or (p_m|length == 1) %}checked{% endif %}
  6319. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','glass_type_{{ idx }}');\">
  6320. \t\t\t\t\t\t\t        <label for=\"glass_type_{{ idx }}\">{{ pm_val }}</label>
  6321. \t\t\t\t\t\t\t      </div>
  6322. \t\t\t\t\t\t\t      {% endif %}
  6323. \t\t\t\t\t\t\t    {% endfor %}
  6324. \t\t\t\t\t\t\t    </div>
  6325. \t\t\t\t\t\t\t  </div>
  6326. \t\t\t\t\t\t\t</div>
  6327. \t\t\t\t\t\t\t{% endif %}
  6329. \t\t\t\t\t\t\t{# セット数（プルダウン） → quantity に連動 #}
  6330. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6331. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">セット数</label>
  6332. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6333. \t\t\t\t\t\t\t    <select name=\"set_count\" id=\"set_count\" class=\"form-control\" onchange=\"madosetSelect(this.value);\">
  6334. \t\t\t\t\t\t\t      {% for i in 1..20 %}
  6335. \t\t\t\t\t\t\t        <option value=\"{{ i }}\" {% if mitsumori_json and mitsumori_json.set_count == i %}selected{% endif %}>{{ i }} セット</option>
  6336. \t\t\t\t\t\t\t      {% endfor %}
  6337. \t\t\t\t\t\t\t    </select>
  6338. \t\t\t\t\t\t\t  </div>
  6339. \t\t\t\t\t\t\t</div>
  6341. \t\t\t\t\t\t{% endif %}
  6343. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  6344. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 3 %}
  6346. \t\t\t\t\t\t\t{# 幅・奥行き・高さ（p_w/p_d/p_h からラジオボタン生成） #}
  6347. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  6348. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6349. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">幅</label>
  6350. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6351. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6352. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6353. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  6354. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6355. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_{{ idx }}\" value=\"{{ pw_val }}\"
  6356. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}
  6357. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw3_{{ idx }}');\">
  6358. \t\t\t\t\t\t\t        <label for=\"pw3_{{ idx }}\">{{ pw_val }}</label>
  6359. \t\t\t\t\t\t\t      </div>
  6360. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6361. \t\t\t\t\t\t\t    </div>
  6362. \t\t\t\t\t\t\t  </div>
  6363. \t\t\t\t\t\t\t</div>
  6364. \t\t\t\t\t\t\t{% endif %}
  6366. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  6367. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6368. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">奥行き</label>
  6369. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6370. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6371. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6372. \t\t\t\t\t\t\t    {% for pd_val in p_d %}{% if pd_val %}{% set idx = idx + 1 %}
  6373. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6374. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_{{ idx }}\" value=\"{{ pd_val }}\"
  6375. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %}checked{% endif %}
  6376. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','pd3_{{ idx }}');\">
  6377. \t\t\t\t\t\t\t        <label for=\"pd3_{{ idx }}\">{{ pd_val }}</label>
  6378. \t\t\t\t\t\t\t      </div>
  6379. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6380. \t\t\t\t\t\t\t    </div>
  6381. \t\t\t\t\t\t\t  </div>
  6382. \t\t\t\t\t\t\t</div>
  6383. \t\t\t\t\t\t\t{% endif %}
  6385. \t\t\t\t\t\t\t{% if p_h and p_h|length and p_h|join != \"\" %}
  6386. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6387. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">高さ</label>
  6388. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6389. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6390. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6391. \t\t\t\t\t\t\t    {% for ph_val in p_h %}{% if ph_val %}{% set idx = idx + 1 %}
  6392. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6393. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_{{ idx }}\" value=\"{{ ph_val }}\"
  6394. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %}checked{% endif %}
  6395. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('ph','ph3_{{ idx }}');\">
  6396. \t\t\t\t\t\t\t        <label for=\"ph3_{{ idx }}\">{{ ph_val }}</label>
  6397. \t\t\t\t\t\t\t      </div>
  6398. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6399. \t\t\t\t\t\t\t    </div>
  6400. \t\t\t\t\t\t\t  </div>
  6401. \t\t\t\t\t\t\t</div>
  6402. \t\t\t\t\t\t\t{% endif %}
  6404. \t\t\t\t\t\t\t{# 棚タイプ（p_m データから選択肢を生成） #}
  6405. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6406. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6407. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">棚タイプ<br><small class=\"text-muted\">（間仕切り仕様）</small></label>
  6408. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6409. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6410. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6411. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  6412. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6413. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_{{ idx }}\" value=\"{{ pm_val }}\"
  6414. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}
  6415. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm3_{{ idx }}');\">
  6416. \t\t\t\t\t\t\t        <label for=\"pm3_{{ idx }}\">{{ pm_val }}</label>
  6417. \t\t\t\t\t\t\t      </div>
  6418. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6419. \t\t\t\t\t\t\t    </div>
  6420. \t\t\t\t\t\t\t  </div>
  6421. \t\t\t\t\t\t\t</div>
  6422. \t\t\t\t\t\t\t{% endif %}
  6424. \t\t\t\t\t\t\t{# カラー（共通の color データ使用） #}
  6425. \t\t\t\t\t\t\t{% if color and color|length %}
  6426. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6427. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">カラー</label>
  6428. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6429. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6430. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6431. \t\t\t\t\t\t\t    {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  6432. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6433. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_{{ idx }}\" value=\"{{ cc['name'] }}\"
  6434. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}
  6435. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pc','cc3_{{ idx }}');\">
  6436. \t\t\t\t\t\t\t        <label for=\"cc3_{{ idx }}\">{{ cc['name'] }}</label>
  6437. \t\t\t\t\t\t\t      </div>
  6438. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6439. \t\t\t\t\t\t\t    </div>
  6440. \t\t\t\t\t\t\t  </div>
  6441. \t\t\t\t\t\t\t</div>
  6442. \t\t\t\t\t\t\t{% endif %}
  6444. \t\t\t\t\t\t\t{# 台数 #}
  6445. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6446. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  6447. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6448. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6449. \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');\">
  6450. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  6451. \t\t\t\t\t\t\t    </div>
  6452. \t\t\t\t\t\t\t  </div>
  6453. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6454. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  6455. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  6456. \t\t\t\t\t\t\t  </div>
  6457. \t\t\t\t\t\t\t</div>
  6459. \t\t\t\t\t\t{% endif %}
  6461. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  6462. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 %}
  6464. \t\t\t\t\t\t\t{# 枚数 #}
  6465. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6466. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  6467. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  6468. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6469. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"{{ mitsumori_json.maisu|default('3') }}\" min=\"3\" max=\"20\" onchange=\"mitsumori_simulation('maisu','maisu');\">
  6470. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  6471. \t\t\t\t\t\t\t    </div>
  6472. \t\t\t\t\t\t\t  </div>
  6473. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6474. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  6475. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  6476. \t\t\t\t\t\t\t  </div>
  6477. \t\t\t\t\t\t\t</div>
  6479. \t\t\t\t\t\t{% endif %}
  6481. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  6482. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 5 %}
  6484. \t\t\t\t\t\t\t{# 施工面積（㎡ 直接入力） #}
  6485. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6486. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  6487. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6488. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6489. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  6490. \t\t\t\t\t\t\t        class=\"form-control\"
  6491. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.area|default('') }}\"
  6492. \t\t\t\t\t\t\t        placeholder=\"例: 7.5\"
  6493. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  6494. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  6495. \t\t\t\t\t\t\t      <span class=\"input-group-text\">㎡</span>
  6496. \t\t\t\t\t\t\t    </div>
  6497. \t\t\t\t\t\t\t    <small class=\"text-muted\">幅(cm) × 奥行き(cm) ÷ 10000 = ㎡</small>
  6498. \t\t\t\t\t\t\t  </div>
  6499. \t\t\t\t\t\t\t</div>
  6501. \t\t\t\t\t\t\t{# ステップの有無 #}
  6502. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6503. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ステップ</label>
  6504. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6505. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6506. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6507. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  6508. \t\t\t\t\t\t\t          {% if mitsumori_json and mitsumori_json.deck_step == '必要' %}checked{% endif %}
  6509. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  6510. \t\t\t\t\t\t\t        <label for=\"deck_step_yes\">必要</label>
  6511. \t\t\t\t\t\t\t      </div>
  6512. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6513. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  6514. \t\t\t\t\t\t\t          {% if not mitsumori_json or mitsumori_json.deck_step == '不要' or not mitsumori_json.deck_step %}checked{% endif %}
  6515. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  6516. \t\t\t\t\t\t\t        <label for=\"deck_step_no\">不要</label>
  6517. \t\t\t\t\t\t\t      </div>
  6518. \t\t\t\t\t\t\t    </div>
  6519. \t\t\t\t\t\t\t  </div>
  6520. \t\t\t\t\t\t\t</div>
  6522. \t\t\t\t\t\t\t{# ウッドデッキフェンスの有無 #}
  6523. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6524. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">デッキフェンス</label>
  6525. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6526. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6527. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6528. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  6529. \t\t\t\t\t\t\t          {% if mitsumori_json and mitsumori_json.deck_fence == '必要' %}checked{% endif %}
  6530. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  6531. \t\t\t\t\t\t\t        <label for=\"deck_fence_yes\">必要</label>
  6532. \t\t\t\t\t\t\t      </div>
  6533. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6534. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  6535. \t\t\t\t\t\t\t          {% if not mitsumori_json or mitsumori_json.deck_fence == '不要' or not mitsumori_json.deck_fence %}checked{% endif %}
  6536. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  6537. \t\t\t\t\t\t\t        <label for=\"deck_fence_no\">不要</label>
  6538. \t\t\t\t\t\t\t      </div>
  6539. \t\t\t\t\t\t\t    </div>
  6540. \t\t\t\t\t\t\t  </div>
  6541. \t\t\t\t\t\t\t</div>
  6543. \t\t\t\t\t\t{% endif %}
  6545. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  6546. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 6 %}
  6548. \t\t\t\t\t\t\t{# 規格（p_m データ → 素材から抽出） #}
  6549. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6550. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6551. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">規格</label>
  6552. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6553. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6554. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6555. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  6556. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6557. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_{{ idx }}\" value=\"{{ pm_val }}\"
  6558. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}
  6559. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm6_{{ idx }}');\">
  6560. \t\t\t\t\t\t\t        <label for=\"pm6_{{ idx }}\">{{ pm_val }}</label>
  6561. \t\t\t\t\t\t\t      </div>
  6562. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6563. \t\t\t\t\t\t\t    </div>
  6564. \t\t\t\t\t\t\t  </div>
  6565. \t\t\t\t\t\t\t</div>
  6566. \t\t\t\t\t\t\t{% endif %}
  6568. \t\t\t\t\t\t\t{# 芝の長さ（p_w データ → 幅から抽出） #}
  6569. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  6570. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6571. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">芝の長さ</label>
  6572. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6573. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6574. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6575. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  6576. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6577. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_{{ idx }}\" value=\"{{ pw_val }}\"
  6578. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}
  6579. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw6_{{ idx }}');\">
  6580. \t\t\t\t\t\t\t        <label for=\"pw6_{{ idx }}\">{{ pw_val }}</label>
  6581. \t\t\t\t\t\t\t      </div>
  6582. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6583. \t\t\t\t\t\t\t    </div>
  6584. \t\t\t\t\t\t\t  </div>
  6585. \t\t\t\t\t\t\t</div>
  6586. \t\t\t\t\t\t\t{% endif %}
  6588. \t\t\t\t\t\t\t{# 施工面積（㎡ 自由入力） #}
  6589. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6590. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  6591. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6592. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6593. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  6594. \t\t\t\t\t\t\t        class=\"form-control\"
  6595. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.area|default('') }}\"
  6596. \t\t\t\t\t\t\t        placeholder=\"例: 10.5\"
  6597. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  6598. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  6599. \t\t\t\t\t\t\t      <span class=\"input-group-text\">平米</span>
  6600. \t\t\t\t\t\t\t    </div>
  6601. \t\t\t\t\t\t\t  </div>
  6602. \t\t\t\t\t\t\t</div>
  6604. \t\t\t\t\t\t{% endif %}
  6606. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  6607. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 9 %}
  6608. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6609. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  6610. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6611. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6612. \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);\">
  6613. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6614. \t\t\t\t\t\t\t    </div>
  6615. \t\t\t\t\t\t\t  </div>
  6616. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6617. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  6618. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  6619. \t\t\t\t\t\t\t  </div>
  6620. \t\t\t\t\t\t\t</div>
  6621. \t\t\t\t\t\t{% endif %}
  6626. \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>
  6627. \t\t\t\t\t\t{% for i in 0..10 %}
  6628. \t\t\t\t\t\t\t{% if op and op|length >= i+1 %}
  6629. \t\t\t\t\t\t\t{% if op[i]['name'] %}
  6630. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6631. \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>
  6632. \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 %}
  6633. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6634. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if mitsumori_json and mitsumori_json.op[i] == op[i]['on'] %} is-selected{% endif %}\"
  6635. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_1');\">
  6636. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op{{ i }}\" id=\"op{{ i }}_1\" value=\"{{ op[i]['on'] }}\" {% if mitsumori_json and mitsumori_json.op[i] == op[i]['on'] %}checked{% endif %}>
  6637. \t\t\t\t\t\t\t      {{ op[i]['on'] }}
  6638. \t\t\t\t\t\t\t    </label>
  6639. \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 %}\"
  6640. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_2');\">
  6641. \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 %}>
  6642. \t\t\t\t\t\t\t      {{ op[i]['off'] }}
  6643. \t\t\t\t\t\t\t    </label>
  6644. \t\t\t\t\t\t\t  </div>
  6645. \t\t\t\t\t\t\t</div>
  6646. \t\t\t\t\t\t\t{% endif %}
  6647. \t\t\t\t\t\t\t{% endif %}
  6648. \t\t\t\t\t\t{% endfor %}
  6650. \t\t\t\t\t  </div>
  6651. \t\t\t\t\t  <!-- /.card-body -->
  6652. \t\t\t\t\t</div>
  6655.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  6656.                         {% if Product.stock_find %}
  6657.                             <div class=\"ec-productRole__actions\">
  6658.                                 {% if form.classcategory_id1 is defined %}
  6659.                                     <div class=\"ec-select\">
  6660.                                         {{ form_row(form.classcategory_id1) }}
  6661.                                         {{ form_errors(form.classcategory_id1) }}
  6662.                                     </div>
  6663.                                     {% if form.classcategory_id2 is defined %}
  6664.                                         <div class=\"ec-select\">
  6665.                                             {{ form_row(form.classcategory_id2) }}
  6666.                                             {{ form_errors(form.classcategory_id2) }}
  6667.                                         </div>
  6668.                                     {% endif %}
  6669.                                 {% endif %}
  6670.                                 <div class=\"ec-numberInput\">
  6671.                                     {{ form_widget(form.quantity, { type: 'hidden' }) }}
  6672.                                     {{ form_errors(form.quantity) }}
  6673.                                 </div>
  6674.                             </div>
  6676.                         {% else %}
  6677.                             <div class=\"ec-productRole__btn\">
  6678.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  6679.                                     {{ 'ただいま品切れ中です。'|trans }}
  6680.                                 </button>
  6681.                             </div>
  6682.                         {% endif %}
  6683.                         <div class=\"ec-productRole__btn mt-3\">
  6684.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  6685.                         </div>
  6686.                         {{ form_rest(form) }}
  6687.                     </form>
  6688.                     <div class=\"ec-modal add-cart-modal\">
  6689.                         <div class=\"ec-modal-overlay\">
  6690.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  6691.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  6692.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">{{ 'カートに追加しました。'|trans }}</div>
  6693.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  6694.                                     <div class=\"ec-role add-cart-modal__actions\">
  6695.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action add-cart-modal__primary\">{{ 'カートに進む'|trans }}</a>
  6696.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">{{ '商品検索を続ける'|trans }}</span>
  6697.                                     </div>
  6698.                                 </div>
  6699.                             </div>
  6700.                         </div>
  6701.                     </div>
  6702.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  6703.                     </div>
  6705.                     {# SNSシェア #}
  6706.                     <div class=\"ec-productRole__share\">
  6707.                         <ul class=\"ec-share\">
  6708.                             <li class=\"ec-share__item\">
  6709.                                 <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\">
  6710.                                     <i class=\"fab fa-twitter\"></i>
  6711.                                 </a>
  6712.                             </li>
  6713.                             <li class=\"ec-share__item\">
  6714.                                 <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\">
  6715.                                     <i class=\"fab fa-facebook-f\"></i>
  6716.                                 </a>
  6717.                             </li>
  6718.                             <li class=\"ec-share__item\">
  6719.                                 <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\">
  6720.                                     <i class=\"fab fa-line\"></i>
  6721.                                 </a>
  6722.                             </li>
  6723.                         </ul>
  6724.                     </div>
  6725.                 </div>
  6726. \t\t\t\t{# ===== スマホ用 見積金額 下部固定バー ===== #}
  6727. \t\t\t\t<div id=\"sp-mitsumori-bar\">
  6728. \t\t\t\t    <div>
  6729. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  6730. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  6731. \t\t\t\t    </div>
  6732. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  6733. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  6734. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  6735. \t\t\t\t        <span class=\"sp-bar__btn-label\">検討リストへ</span>
  6736. \t\t\t\t        {% set spTotalQty = get_carts_total_quantity() %}
  6737. \t\t\t\t        {% if spTotalQty > 0 %}
  6738. \t\t\t\t            <span class=\"sp-bar__cart-badge\">{{ spTotalQty|number_format }}</span>
  6739. \t\t\t\t        {% endif %}
  6740. \t\t\t\t    </button>
  6741. \t\t\t\t    <a href=\"{{ url('homepage') }}\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  6742. \t\t\t\t        <i class=\"fas fa-home\"></i>
  6743. \t\t\t\t    </a>
  6744. \t\t\t\t</div>
  6746. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  6747. \t\t\t\t\t<div class=\"card-header\">
  6748. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  6749. \t\t\t\t\t  <div class=\"card-tools\">
  6750. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  6751. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  6752. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  6753. \t\t\t\t\t    </button>
  6754. \t\t\t\t\t  </div>
  6755. \t\t\t\t\t</div>
  6756. \t\t\t\t\t<div class=\"card-body p-0\">
  6757. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  6758. \t\t\t\t\t    <li class=\"nav-item active\">
  6759. \t\t\t\t\t      <a class=\"nav-link\">
  6760. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  6761. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  6762. \t\t\t\t\t      </a>
  6763. \t\t\t\t\t    </li>
  6764. \t\t\t\t\t    <li class=\"nav-item active\">
  6765. \t\t\t\t\t      <a class=\"nav-link\">
  6766. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  6767. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  6768. \t\t\t\t\t      </a>
  6769. \t\t\t\t\t    </li>
  6770. \t\t\t\t\t    <li class=\"nav-item\">
  6771. \t\t\t\t\t      <a class=\"nav-link\">
  6772. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  6773. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  6774. \t\t\t\t\t      </a>
  6775. \t\t\t\t\t    </li>
  6776. \t\t\t\t\t    <li class=\"nav-item\">
  6777. \t\t\t\t\t      <a class=\"nav-link\">
  6778. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> お値引き
  6779. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  6780. \t\t\t\t\t      </a>
  6781. \t\t\t\t\t    </li>
  6782. \t\t\t\t\t    <li class=\"nav-item\">
  6783. \t\t\t\t\t      <a class=\"nav-link\">
  6784. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  6785. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  6786. \t\t\t\t\t      </a>
  6787. \t\t\t\t\t    </li>
  6788. \t\t\t\t\t    <li class=\"nav-item\">
  6789. \t\t\t\t\t      <a class=\"nav-link\">
  6790. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  6791. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  6792. \t\t\t\t\t      </a>
  6793. \t\t\t\t\t    </li>
  6794. \t\t\t\t\t  </ul>
  6795. \t\t\t\t\t</div>
  6796. \t\t\t\t\t<div class=\"card-footer\">
  6797. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  6798. \t\t                  見積書表示
  6799. \t\t                </button>
  6800.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  6802. \t\t\t\t\t</div>
  6803. \t\t\t\t</div>
  6804.             </div>
  6806.         </div>
  6808.     </div>
  6810.   <div class=\"modal\" id=\"modal-mitsumori\">
  6811.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  6812.       <div class=\"modal-content\">
  6813.         <div class=\"modal-header\">
  6814.           <h4 class=\"modal-title\">お見積書</h4>
  6815.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  6816.             <span aria-hidden=\"true\">&times;</span>
  6817.           </button>
  6818.         </div>
  6819.         <div class=\"modal-body\">
  6820. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  6821. \t\t\t  <!-- title row -->
  6822. \t\t\t  <div class=\"row\">
  6823. \t\t\t    <div class=\"col-12\">
  6824. \t\t\t      <h2>概算お見積書 
  6825. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  6826. \t\t\t      </h2>
  6827. \t\t\t    </div>
  6828. \t\t\t    <!-- /.col -->
  6829. \t\t\t  </div>
  6830. \t\t\t  <!-- info row -->
  6831. \t\t\t  <div class=\"row invoice-info\">
  6832. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  6833. \t\t\t      <h3>お客様</h3>
  6834. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  6835. \t\t\t      <br />
  6836. \t\t\t      <br / >
  6837. \t\t\t      <br />
  6838. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  6839. \t\t\t      <span>
  6840. \t\t\t        <br/>
  6841. \t\t\t        <br/>
  6842. \t\t\t        <br/>
  6843. \t\t\t        <br/>
  6844. \t\t\t      </span>
  6845. \t\t\t    </div>
  6846. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  6847. \t\t\t      <p>
  6848. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  6849. \t\t\t      </p>
  6850. \t\t\t      <p>有限会社プラス</p>
  6851. \t\t\t      <p>〒400-0334</p>
  6852. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  6853. \t\t\t      <p>TEL: 055-284-6480</p>
  6854. \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;\">
  6855. \t\t\t    </div>
  6856. \t\t\t    <!-- /.col -->
  6857. \t\t\t    <!-- /.col -->
  6858. \t\t\t  </div>
  6859. \t\t\t  <!-- /.row -->
  6860. \t\t\t  <!-- Table row -->
  6861. \t\t\t  <div class=\"row\">
  6862. \t\t\t    <div class=\"col-12 table-responsive\">
  6863. \t\t\t      <table class=\"table table-striped\">
  6864. \t\t\t        <thead>
  6865. \t\t\t          <tr>
  6866. \t\t\t            <th>項目</th>
  6867. \t\t\t            <th>数量</th>
  6868. \t\t\t            <th>単位</th>
  6869. \t\t\t            <th>単価</th>
  6870. \t\t\t            <th>小計</th>
  6871. \t\t\t          </tr>
  6872. \t\t\t        </thead>
  6873. \t\t\t        <tbody>
  6874. \t\t\t          <tr>
  6875. \t\t\t            <td>プレーンルーフ 600タイプ 1台用 単体セット</td>
  6876. \t\t\t            <td>1</td>
  6877. \t\t\t            <td>式</td>
  6878. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  6879. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  6880. \t\t\t          </tr>
  6881. \t\t\t          <tr>
  6882. \t\t\t            <td>基本工事費</td>
  6883. \t\t\t            <td>1</td>
  6884. \t\t\t            <td>式</td>
  6885. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  6886. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  6887. \t\t\t          </tr>
  6888. \t\t\t          <tr>
  6889. \t\t\t            <td>残土・ガラ処理</td>
  6890. \t\t\t            <td>1</td>
  6891. \t\t\t            <td>式</td>
  6892. \t\t\t            <td>0円</td>
  6893. \t\t\t            <td></td>
  6894. \t\t\t          </tr>
  6895. \t\t\t          <tr>
  6896. \t\t\t            <td>　</td>
  6897. \t\t\t            <td></td>
  6898. \t\t\t            <td></td>
  6899. \t\t\t            <td></td>
  6900. \t\t\t            <td></td>
  6901. \t\t\t          </tr>
  6902. \t\t\t        </tbody>
  6903. \t\t\t      </table>
  6904. \t\t\t    </div>
  6905. \t\t\t    <!-- /.col -->
  6906. \t\t\t  </div>
  6907. \t\t\t  <!-- /.row -->
  6908. \t\t\t  <div class=\"row\">
  6909. \t\t\t    <!-- accepted payments column -->
  6910. \t\t\t    <div class=\"col-6\">
  6911. \t\t\t      <p class=\"lead\">お支払い方法</p>
  6912. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  6913. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  6914. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  6915. \t\t\t      </p>
  6916. \t\t\t    </div>
  6917. \t\t\t    <!-- /.col -->
  6918. \t\t\t    <div class=\"col-6\">
  6919. \t\t\t      <div class=\"table-responsive\">
  6920. \t\t\t        <table class=\"table\">
  6921. \t\t\t          <tbody>
  6922. \t\t\t            <tr>
  6923. \t\t\t              <th style=\"width:50%\">小計:</th>
  6924. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  6925. \t\t\t            </tr>
  6926. \t\t\t            <tr>
  6927. \t\t\t              <th>消費税 (10%)</th>
  6928. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  6929. \t\t\t            </tr>
  6930. \t\t\t            <tr>
  6931. \t\t\t              <th>合計:</th>
  6932. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  6933. \t\t\t            </tr>
  6934. \t\t\t          </tbody>
  6935. \t\t\t        </table>
  6936. \t\t\t      </div>
  6937. \t\t\t    </div>
  6938. \t\t\t    <!-- /.col -->
  6939. \t\t\t  </div>
  6940. \t\t\t  <!-- /.row -->
  6941. \t\t\t</div>
  6942.         </div>
  6943.         <div class=\"modal-footer justify-content-between\">
  6944. \t\t\t      {# PDF出力: mitsumori_json を POST して PDF ダウンロード #}
  6945. \t\t\t      <form method=\"post\" action=\"{{ url('mitsumori_pdf') }}\" target=\"_blank\" id=\"pdf_download_form\">
  6946. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"{{ csrf_token('mitsumori_pdf') }}\">
  6947. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  6948. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  6949. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  6950. \t\t\t        </button>
  6951. \t\t\t      </form>
  6952.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  6953.         </div>
  6954.       </div>
  6955.       <!-- /.modal-content -->
  6956.     </div>
  6957.     <!-- /.modal-dialog -->
  6958.   </div>
  6959.   <!-- /.modal -->
  6963. {% endblock %}
  6964. ", "Product/detail.twig", "/home/xs538259/exterior-plus.jp/public_html/app/template/default/Product/detail.twig");
  6965.     }
  6966. }