app/template/default/Product/detail.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'product_page' %}
  15. {% set mainWidth = 465 %}
  16. {% set haichiWidth = 465 %}
  17. {% set madoriWidth = 465 %}
  18. {% set detailWidth = 465 %}
  20. {% set ImageList = [] %}
  21. {% if Product.sub5Image !="" %}
  22. {% set keyValue = { (Product.sub5Title): Product.sub5Image} %}
  23. {% set ImageList = ImageList|merge([keyValue]) %}
  24. {% endif %}
  25. {% if Product.sub6Image !="" %}
  26. {% set keyValue = { (Product.sub6Title): Product.sub6Image} %}
  27. {% set ImageList = ImageList|merge([keyValue]) %}
  28. {% endif %}
  29. {% if Product.sub7Image !="" %}
  30. {% set keyValue = { (Product.sub7Title): Product.sub7Image} %}
  31. {% set ImageList = ImageList|merge([keyValue]) %}
  32. {% endif %}
  33. {% if Product.sub8Image !="" %}
  34. {% set keyValue = { (Product.sub8Title): Product.sub8Image} %}
  35. {% set ImageList = ImageList|merge([keyValue]) %}
  36. {% endif %}
  37. {% if Product.sub9Image !="" %}
  38. {% set keyValue = { (Product.sub9Title): Product.sub9Image} %}
  39. {% set ImageList = ImageList|merge([keyValue]) %}
  40. {% endif %}
  41. {% if Product.sub10Image !="" %}
  42. {% set keyValue = { (Product.sub10Title): Product.sub10Image} %}
  43. {% set ImageList = ImageList|merge([keyValue]) %}
  44. {% endif %}
  45. {% if Product.sub11Image !="" %}
  46. {% set keyValue = { (Product.sub11Title): Product.sub11Image} %}
  47. {% set ImageList = ImageList|merge([keyValue]) %}
  48. {% endif %}
  49. {% if Product.sub12Image !="" %}
  50. {% set keyValue = { (Product.sub12Title): Product.sub12Image} %}
  51. {% set ImageList = ImageList|merge([keyValue]) %}
  52. {% endif %}
  53. {% if Product.sub13Image !="" %}
  54. {% set keyValue = { (Product.sub13Title): Product.sub13Image} %}
  55. {% set ImageList = ImageList|merge([keyValue]) %}
  56. {% endif %}
  57. {% if Product.sub14Image !="" %}
  58. {% set keyValue = { (Product.sub14Title): Product.sub14Image} %}
  59. {% set ImageList = ImageList|merge([keyValue]) %}
  60. {% endif %}
  61. {% if Product.sub15Image !="" %}
  62. {% set keyValue = { (Product.sub15Title): Product.sub15Image} %}
  63. {% set ImageList = ImageList|merge([keyValue]) %}
  64. {% endif %}
  65. {% if Product.sub16Image !="" %}
  66. {% set keyValue = { (Product.sub16Title): Product.sub16Image} %}
  67. {% set ImageList = ImageList|merge([keyValue]) %}
  68. {% endif %}
  69. {% if Product.sub17Image !="" %}
  70. {% set keyValue = { (Product.sub17Title): Product.sub17Image} %}
  71. {% set ImageList = ImageList|merge([keyValue]) %}
  72. {% endif %}
  73. {% if Product.sub18Image !="" %}
  74. {% set keyValue = { (Product.sub18Title): Product.sub18Image} %}
  75. {% set ImageList = ImageList|merge([keyValue]) %}
  76. {% endif %}
  77. {% if Product.sub19Image !="" %}
  78. {% set keyValue = { (Product.sub19Title): Product.sub19Image} %}
  79. {% set ImageList = ImageList|merge([keyValue]) %}
  80. {% endif %}
  81. {% if Product.sub20Image !="" %}
  82. {% set keyValue = { (Product.sub20Title): Product.sub20Image} %}
  83. {% set ImageList = ImageList|merge([keyValue]) %}
  84. {% endif %}
  85. {% if Product.sub21Image !="" %}
  86. {% set keyValue = { (Product.sub21Title): Product.sub21Image} %}
  87. {% set ImageList = ImageList|merge([keyValue]) %}
  88. {% endif %}
  89. {% if Product.sub22Image !="" %}
  90. {% set keyValue = { (Product.sub22Title): Product.sub22Image} %}
  91. {% set ImageList = ImageList|merge([keyValue]) %}
  92. {% endif %}
  93. {% if Product.sub23Image !="" %}
  94. {% set keyValue = { (Product.sub23Title): Product.sub23Image} %}
  95. {% set ImageList = ImageList|merge([keyValue]) %}
  96. {% endif %}
  97. {% if Product.sub24Image !="" %}
  98. {% set keyValue = { (Product.sub24Title): Product.sub24Image} %}
  99. {% set ImageList = ImageList|merge([keyValue]) %}
  100. {% endif %}
  101. {% if Product.sub25Image !="" %}
  102. {% set keyValue = { (Product.sub25Title): Product.sub25Image} %}
  103. {% set ImageList = ImageList|merge([keyValue]) %}
  104. {% endif %}
  105. {% if Product.sub26Image !="" %}
  106. {% set keyValue = { (Product.sub26Title): Product.sub26Image} %}
  107. {% set ImageList = ImageList|merge([keyValue]) %}
  108. {% endif %}
  109. {% if Product.sub27Image !="" %}
  110. {% set keyValue = { (Product.sub27Title): Product.sub27Image} %}
  111. {% set ImageList = ImageList|merge([keyValue]) %}
  112. {% endif %}
  113. {% if Product.sub28Image !="" %}
  114. {% set keyValue = { (Product.sub28Title): Product.sub28Image} %}
  115. {% set ImageList = ImageList|merge([keyValue]) %}
  116. {% endif %}
  117. {% if Product.sub29Image !="" %}
  118. {% set keyValue = { (Product.sub29Title): Product.sub29Image} %}
  119. {% set ImageList = ImageList|merge([keyValue]) %}
  120. {% endif %}
  121. {% if Product.sub30Image !="" %}
  122. {% set keyValue = { (Product.sub30Title): Product.sub30Image} %}
  123. {% set ImageList = ImageList|merge([keyValue]) %}
  124. {% endif %}
  125. {% if Product.sub31Image !="" %}
  126. {% set keyValue = { (Product.sub31Title): Product.sub31Image} %}
  127. {% set ImageList = ImageList|merge([keyValue]) %}
  128. {% endif %}
  129. {% if Product.sub32Image !="" %}
  130. {% set keyValue = { (Product.sub32Title): Product.sub32Image} %}
  131. {% set ImageList = ImageList|merge([keyValue]) %}
  132. {% endif %}
  133. {% if Product.sub33Image !="" %}
  134. {% set keyValue = { (Product.sub33Title): Product.sub33Image} %}
  135. {% set ImageList = ImageList|merge([keyValue]) %}
  136. {% endif %}
  137. {% if Product.sub34Image !="" %}
  138. {% set keyValue = { (Product.sub34Title): Product.sub34Image} %}
  139. {% set ImageList = ImageList|merge([keyValue]) %}
  140. {% endif %}
  141. {% if Product.sub35Image !="" %}
  142. {% set keyValue = { (Product.sub35Title): Product.sub35Image} %}
  143. {% set ImageList = ImageList|merge([keyValue]) %}
  144. {% endif %}
  145. {% if Product.sub36Image !="" %}
  146. {% set keyValue = { (Product.sub36Title): Product.sub36Image} %}
  147. {% set ImageList = ImageList|merge([keyValue]) %}
  148. {% endif %}
  149. {% if Product.sub37Image !="" %}
  150. {% set keyValue = { (Product.sub37Title): Product.sub37Image} %}
  151. {% set ImageList = ImageList|merge([keyValue]) %}
  152. {% endif %}
  153. {% if Product.sub38Image !="" %}
  154. {% set keyValue = { (Product.sub38Title): Product.sub38Image} %}
  155. {% set ImageList = ImageList|merge([keyValue]) %}
  156. {% endif %}
  157. {% if Product.sub39Image !="" %}
  158. {% set keyValue = { (Product.sub39Title): Product.sub39Image} %}
  159. {% set ImageList = ImageList|merge([keyValue]) %}
  160. {% endif %}
  161. {% if Product.sub40Image !="" %}
  162. {% set keyValue = { (Product.sub40Title): Product.sub40Image} %}
  163. {% set ImageList = ImageList|merge([keyValue]) %}
  164. {% endif %}
  166. {% set productClass = repository('Eccube\\Entity\\ProductClass').findBy({Product: Product}) %}
  167. {% set cartItem = repository('Eccube\\Entity\\CartItem').findBy({ProductClass: productClass}) %}
  170. {% block stylesheet %}
  171.     <style>
  173.         .slick-slider {
  174.             margin-bottom: 30px;
  175.         }
  177.         .slick-dots {
  178.             position: absolute;
  179.             bottom: -45px;
  180.             display: block;
  181.             width: 100%;
  182.             padding: 0;
  183.             list-style: none;
  184.             text-align: center;
  185.         }
  187.         .slick-dots li {
  188.             position: relative;
  189.             display: inline-block;
  190.             width: 20px;
  191.             height: 20px;
  192.             margin: 0 5px;
  193.             padding: 0;
  195.             cursor: pointer;
  196.         }
  198.         .slick-dots li button {
  199.             font-size: 0;
  200.             line-height: 0;
  201.             display: block;
  202.             width: 20px;
  203.             height: 20px;
  204.             padding: 5px;
  205.             cursor: pointer;
  206.             color: transparent;
  207.             border: 0;
  208.             outline: none;
  209.             background: transparent;
  210.         }
  212.         .slick-dots li button:hover,
  213.         .slick-dots li button:focus {
  214.             outline: none;
  215.         }
  217.         .slick-dots li button:hover:before,
  218.         .slick-dots li button:focus:before {
  219.             opacity: 1;
  220.         }
  222.         .slick-dots li button:before {
  223.             content: " ";
  224.             line-height: 20px;
  225.             position: absolute;
  226.             top: 0;
  227.             left: 0;
  228.             width: 12px;
  229.             height: 12px;
  230.             text-align: center;
  231.             opacity: .25;
  232.             background-color: black;
  233.             border-radius: 50%;
  235.         }
  237.         .slick-dots li.slick-active button:before {
  238.             opacity: .75;
  239.             background-color: black;
  240.         }
  242.         .slick-dots li button.thumbnail img {
  243.             width: 0;
  244.             height: 0;
  245.         }
  246.         
  247.         .center{
  248.             text-align: center;
  249.         }
  250.     </style>
  251. {% endblock %}
  253. {% block javascript %}
  254.     <script>
  255.         $(function() {
  256.             // bfcache無効化
  257.             $(window).bind('pageshow', function(event) {
  258.                 if (event.originalEvent.persisted) {
  259.                     location.reload(true);
  260.                 }
  261.             });
  263.             $('.item_visual').slick({
  264.                 dots: false,
  265.                 arrows: false,
  266.                 responsive: [{
  267.                     breakpoint: 768,
  268.                     settings: {
  269.                         dots: true
  270.                     }
  271.                 }]
  272.             });
  274.             $('.slideThumb').on('click', function() {
  275.                 var index = $(this).attr('data-index');
  276.                 $('.item_visual').slick('slickGoTo', index, false);
  277.             })
  279.             $('.add-cart').on('click', function(e) {
  280.                 var $form = $(this).parents().find('form');
  282.                 // 個数フォームのチェック
  283.                 var $quantity = $form.parent().find('.quantity');
  284.                 if ($quantity.val() < 1) {
  285.                     $quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  286.                     setTimeout(function() {
  287.                         loadingOverlay('hide');
  288.                     }, 100);
  289.                     return true;
  290.                 } else {
  291.                     $quantity[0].setCustomValidity('');
  292.                 }
  293.                 e.preventDefault();
  294.                 $.ajax({
  295.                     url: $form.attr('action'),
  296.                     type: $form.attr('method'),
  297.                     data: $form.serialize(),
  298.                     dataType: 'json',
  299.                     beforeSend: function(xhr, settings) {
  300.                         // Buttonを無効にする
  301.                         $('.add-cart').prop('disabled', true);
  302.                     }
  303.                 }).done(function(data) {
  305.                     // カートブロックを更新する
  306.                     $.ajax({
  307.                         url: '{{ url('block_cart') }}',
  308.                         type: 'GET',
  309.                         dataType: 'html'
  310.                     }).done(function(html) {
  311.                         $('.ec-headerRole__cart').html(html);
  312.                     });
  313.                     window.location.href = "{{ url('cart') }}";
  314.                 }).fail(function(data) {
  315.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  316.                 }).always(function(data) {
  317.                     // Buttonを有効にする
  318.                     $('.add-cart').prop('disabled', false);
  319.                 });
  320.             });
  321.             $('.reload').on('click', function(event) {
  322.                 location.reload();
  323.             });
  324.         });
  325.     </script>
  326. <script>
  327.     // 地図を作成する]
  328.     var mymap = L.map('map');
  329.     // タイルレイヤーを作成し、地図にセットする
  330.     L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', {
  331.     maxZoom: 18,
  332.     attribution: '{{Product.name}}',
  333.     }).addTo(mymap);
  334.     // 地図の中心座標とズームレベルを設定する
  335.     mymap.setView([{{Product.mapX}}, {{Product.mapY}}], 15);
  336.     // マーカーを作成する
  337.     var marker = L.marker([{{Product.mapX}}, {{Product.mapY}}]).addTo(mymap);
  338.     // クリックした際にポップアップメッセージを表示する
  339.     marker.bindPopup("{{Product.name}}");
  340. </script>
  341. {% endblock %}
  342. {% block main %}
  343.     <h3 style="width:940px;color:black;margin:0px 10px 0px">【照会番号　{{Product.getCodeMax}}】</h3>
  344.     <div style="float:left;width:600px;padding-top:5px;margin-left:10px;"><font style="color:red;"><strong>
  345.         {{Product.mainListComment}}
  346. </strong></font><br><font class="text01"><a href="javascript:history.back();">前へ戻る</a></font></div>
  347. <div align="right" style="width:350px;float:left;border:1px solid #000000;background-color:#e2ebff;">
  348. <div valign="middle" style="width:255px;float:left;color:black;"></br>この物件に関するお問い合わせは右の画像をクリックしてください。</div>
  349. <a href="{{ url('contact', {'productCode': Product.getCodeMax}) }}"><img src="../../html/user_data/assets/images_juchi/mailanime.gif" alt="物件のお問い合わせはこちらから" border="0"></a></div>
  350. <div style="clear:left;"></div>
  351.  
  352. <!--product start-->
  353. <div class="box_023" style="width:940px;margin:auto">
  354.  
  355. <table width="940px" border="0" cellspacing="0" cellpadding="0" style="margin:auto;margin-bottom:5px;">
  356.   <tr>
  357. {% if  Product.mainImage !=""%}
  358.     <td valign="top">
  359.         <p style="font-size:120%;margin-left:5px;">{{Product.Comment}}</p>
  360.             <table border="0" cellspacing="0" cellpadding="0" bgcolor="#555555"><tr><td>
  361.                 <table border="0" cellspacing="1" cellpadding="0"><tr><td bgcolor="white">
  362. <!--      <img src="/upload/save_image/06051302_60baf73f7b675.jpg" width="400" alt="閑静分譲地内”中古住宅"/></a>-->
  363.                     <img src='{{ asset(Product.mainImage|no_image_product, 'save_image') }}'  style="height:300px;" width={{mainWidth}} alt="メイン画像"/>
  364.                 </td></tr></table>
  365.             </td></tr></table>
  366.     </td>
  367. {% endif %}
  368.         
  369. <!--拡大写真がある場合ここから-->
  370. {% if  Product.sub5Image !=""%}
  371.           <td valign="top">
  372.     <p style="font-size:120%;margin-left:5px;">{{Product.sub5Title}}</p>
  373.       <table border="0" cellspacing="0" cellpadding="0" bgcolor="#555555" style="margin-left:3px;"><tr><td>
  374.         <table border="0" cellspacing="1" cellpadding="0"><tr><td bgcolor="white">
  375.             <img src='{{ asset(Product.sub5Image|no_image_product, 'save_image') }}'  style="height:300px;" alt='{{Product.sub5Title}}' width={{mainWidth}} />
  376.         </td></tr></table>
  377.         </td></tr></table>
  378.     </td>
  379. {% endif %}
  380.     </tr>
  381. </table>
  382.                         <table width="940" border="0" cellspacing="1" cellpadding="4" bgcolor="#559bfb" style="margin:auto;margin-bottom:10px;">
  383.                             <tr>
  384.                                 <td colspan="5" align="center" valign="middle" bgcolor="#b7dfff" height="30"><b>物　　件　　詳　　細</b></td>
  385.                             </tr>
  386. {%if Product.syubetu == "マンション" %}
  387.                             <tr>
  388.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" width="20%" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">物件種目</font></td>
  389.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;" width="80%" ><font class="text01">{{Product.syumoku}}&nbsp;&nbsp;{{Product.name}}</font></td>
  390.                             </tr>
  391.                             <tr>
  392.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">所在地</font></td>
  393.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.pref}}{{Product.ku}}{{Product.adDetail}}&nbsp;</font></td>
  394.                             </tr>
  395.                             <tr>
  396.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">間取</font></td>
  397.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.rmNum}}{{Product.rmType}}&nbsp;</font></td>
  398.                             </tr>
  399.                             <tr>
  400.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">価格</font></td>
  401.                                 {% if  Product.getPrice02IncTaxMax==0%}
  402.                                      <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>ご成約済</b></font></td>
  403.                                 {% elseif  Product.getPrice02IncTaxMax==1%}
  404.                                     <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>商 談 中</b></font></td>
  405.                                 {% else %}
  406.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>{{Product.getPrice02IncTaxMax}}万円&nbsp;</b></font></td>
  407.                                 {% endif %}
  408.                             </tr>
  409.                             <tr>
  410.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">最寄駅</font></td>
  411.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="30%"><font size="3">{{Product.ensen}}{{Product.station}}&nbsp;</font></td>
  412.                                 <td align="center" valign="middle" width="20%" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">交通</font></td>
  413.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="30%"><font class="text01">{{Product.stOther}}&nbsp;</font></td>
  414.                             </tr>
  415.                             <tr>
  416.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地権利</font></td>
  417.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.tochikenri}}&nbsp;</font></td>
  418.                             </tr>
  419.                             <tr>
  420.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">都市計画</font></td>
  421.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.toshi}}&nbsp;</font></td>
  422.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">用途地域</font></td>
  423.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.youto}}&nbsp;</font></td>
  424.                             </tr>
  425.                             <tr>
  426.                                 <td rowspan="4" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">建物</font></td>
  427.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">構造</font></td>
  428.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.zai}}&nbsp;</font></td>
  429.                             </tr>
  430.                             <tr>
  431.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">専有面積（㎡）</font></td>
  432.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.buildArea}} ㎡&nbsp;</font></td>
  433.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">占有面積（坪）</font></td>
  434.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> 
  435.                                     {% if Product.buildArea != "" %}
  436.                                     {% set btubo = "%.2f"|format(((Product.buildArea * 0.3025)*100)/100) %}
  437.                                     {{btubo}} 坪
  438.                                     {% endif %}</font></td>
  439.                             </tr>
  440.                             <tr style="height:30px;">
  441.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="font-size:14px;text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">バルコニー面積（㎡）</font></td>
  442.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.valArea}} ㎡&nbsp;</font></td>
  443.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">バルコニー面積（坪）</font></td>
  444.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">
  445.                                     {% if Product.valArea != "" %}
  446.                                     {% set vtubo = "%.2f"|format(((Product.valArea * 0.3025)*100)/100) %}
  447.                                     {{vtubo}} 坪
  448.                                     {% endif %}</font></td>
  449.                             </tr>
  450.                             <tr>
  451.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">築年月</font></td>
  452.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.year}}&nbsp;</font></td>
  453.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">駐車場</font></td>
  454.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.parking}}&nbsp;</font></td>
  455.                             </tr>
  456.                             <tr>
  457.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">現況</font></td>
  458.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.gen}}&nbsp;</font></td>
  459.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">引渡日</font></td>
  460.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.hikiwatashi}}&nbsp;</font></td>
  461.                                                         </tr>
  462.                             <tr>
  463.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">設備</font></td>
  464.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.setubi}}&nbsp;</font></td>
  465.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">取引態様</font></td>
  466.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.tori}}&nbsp;</font></td>
  467.                             </tr>
  468.                             <tr>
  469.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">備考</font></td>
  470.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.bikou}}&nbsp;</font></td>
  471.                             </tr>
  472. {%elseif Product.syubetu == "戸建" %}
  473.                             <tr>
  474.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" width="20%" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">物件種目</font></td>
  475.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;" width="80%" ><font class="text01">{{Product.syumoku}}&nbsp;&nbsp;{{Product.name}}</font></td>
  476.                             </tr>
  477.                             <tr>
  478.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">所在地</font></td>
  479.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.pref}}{{Product.ku}}{{Product.adDetail}}&nbsp;</font></td>
  480.                             </tr>
  481.                             <tr>
  482.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">間取タイプ</font></td>
  483.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.rmNum}}{{Product.rmType}}&nbsp;</font></td>
  484.                             </tr>
  485.                             <tr>
  486.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">価格</font></td>
  487.                                 {% if Product.getPrice02IncTaxMax==0%}
  488.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>ご成約済</b></font></td>
  489.                                 {% elseif Product.getPrice02IncTaxMax==1%}
  490.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>商 談 中</b></font></td>
  491.                                 {% else %}
  492.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>{{Product.getPrice02IncTaxMax}}万円&nbsp;</b></font></td>
  493.                                 {% endif %}
  494.                             </tr>
  495.                             <tr>
  496.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">最寄駅</font></td>
  497.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="30%"><font size="3">{{Product.ensen}}{{Product.station}}&nbsp;</font></td>
  498.                                 <td align="center" valign="middle" width="20%" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">交通</font></td>
  499.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="30%"><font class="text01">{{Product.stOther}}&nbsp;</font></td>
  500.                             </tr>
  501.                             <tr>
  502.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地面積（㎡）</font></td>
  503.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.landArea}} ㎡
  504.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地面積（坪）</font></td>
  505.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">
  506.                                     {% if Product.landArea != "" %}
  507.                                     {% set ltubo = "%.2f"|format(((Product.landArea * 0.3025)*100)/100) %}
  508.                                     {{ltubo}} 坪
  509.                                     {% endif %}</font></td>
  510.                             </tr>
  511.                             <tr>
  512.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地権利</font></td>
  513.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.tochikenri}}&nbsp;</font></td>
  514.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">地目</font></td>
  515.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.chimoku}}&nbsp;</font></td>
  516.                             </tr>
  517.                             <tr>
  518.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">都市計画</font></td>
  519.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.toshi}}&nbsp;</font></td>
  520.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">用途地域</font></td>
  521.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.youto}}&nbsp;</font></td>
  522.                             </tr>
  523.                             <tr style="height:30px;">
  524.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">建ぺい率</font></td>
  525.                                 <td valign="middle" bgcolor="white"><font class="text01">&nbsp;
  526.                                 {% if Product.coverage == '無指定' or Product.coverage != '' %}
  527.                                 {{Product.coverage}}
  528.                                 {% else %}
  529.                                 &nbsp;&nbsp;
  530.                                 {% endif %}
  531.                                 </font></td>
  532.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">容積率</font></td>
  533.                                 <td valign="middle" bgcolor="white"><font class="text01">&nbsp;
  534.                                 {% if Product.landRatio == '無指定' or Product.coverage != '' %}
  535.                                 {{Product.landRatio}}
  536.                                 {% else %}
  537.                                 &nbsp;&nbsp;
  538.                                 {% endif %}
  539.                                 </font></td>
  540.                             </tr>
  541.                             <tr>
  542.                                 <td rowspan="4" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">建物</font></td>
  543.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">構造</font></td>
  544.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.zai}}&nbsp;</font></td>
  545.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">間取り</font></td>
  546.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.rmNum}}{{Product.rmType}}&nbsp;</font></td>
  547.                             </tr>
  548.                             <tr>
  549.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">延べ面積（㎡）</font></td>
  550.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.buildArea}}㎡&nbsp;</font></td>
  551.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">面　積（坪）</font></td>
  552.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> 
  553.                                     {% if Product.buildArea != "" %}
  554.                                     {% set btubo = "%.2f"|format(((Product.buildArea * 0.3025)*100)/100) %}
  555.                                     {{btubo}} 坪
  556.                                     {% endif %}</font></td>
  557.                             </tr>
  558.                             <tr>
  559.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">築年月日</font></td>
  560.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.year}}&nbsp;</font></td>
  561.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">現況</font></td>
  562.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.gen}}&nbsp;</font></td>
  563.                             </tr>
  564.                             <tr style="height:30px;">
  565.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">引渡日</font></td>
  566.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.hikiwatashi}}&nbsp;</font></td>
  567.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">取引態様</font></td>
  568.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.tori}}&nbsp;</font></td>
  569.                                                         </tr>
  570.                             <tr>
  571.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">設備</font></td>
  572.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.setubi}}&nbsp;</font></td>
  573.                             </tr>
  574.                             <tr>
  575.                                 <td colspan="2" align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">備考</font></td>
  576.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.bikou}}&nbsp;</font></td>
  577.                             </tr>
  578. {%elseif Product.syubetu == "土地" %}
  579.                             <tr>
  580.                                 <td align="center" valign="middle" bgcolor="#e2ebff" width="20%" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">物件種目</font></td>
  581.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;" width="80%" ><font class="text01">{{Product.syumoku}}&nbsp;&nbsp;{{Product.name}}</font></td>
  582.                             </tr>
  583.                             <tr>
  584.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">所在地</font></td>
  585.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.pref}}{{Product.ku}}{{Product.adDetail}}&nbsp;</font></td>
  586.                             </tr>
  587.                             <tr>
  588.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">最適用途</font></td>
  589.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.bestyouto}}&nbsp;</font></td>
  590.                             </tr>
  591.                             <tr>
  592.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">価格</font></td>
  593.                                 {% if Product.getPrice02IncTaxMax==0%}
  594.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>ご成約済</b></font></td>
  595.                                 {% elseif Product.getPrice02IncTaxMax==1%}
  596.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>商 談 中</b></font></td>
  597.                                {% else %}
  598.                                 <td align="center" colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>{{Product.getPrice02IncTaxMax}}万円&nbsp;</b></font></td>
  599.                                {% endif %}
  600.                             </tr>
  601.                             <tr>
  602.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">最寄駅</font></td>
  603.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="30%"><font size="3">{{Product.ensen}}{{Product.station}}&nbsp;</font></td>
  604.                                 <td align="center" valign="middle" width="20%" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">交通</font></td>
  605.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="30%"><font class="text01">{{Product.stOther}}&nbsp;</font></td>
  606.                             </tr>
  607.                             <tr>
  608.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地面積（㎡）</font></td>
  609.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.landArea}} ㎡
  610.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地面積（坪）</font></td>
  611.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">
  612.                                     {% if Product.landArea != "" %}
  613.                                     {% set ltubo = "%.2f"|format(((Product.landArea * 0.3025)*100)/100) %}
  614.                                     {{ltubo}} 坪
  615.                                     {% endif %}</font></td>
  616.                             </tr>
  617.                             <tr>
  618.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地権利</font></td>
  619.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.tochikenri}}&nbsp;</font></td>
  620.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">地目</font></td>
  621.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.chimoku}}&nbsp;</font></td>
  622.                             </tr>
  623.                             <tr>
  624.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">都市計画</font></td>
  625.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.toshi}}&nbsp;</font></td>
  626.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">用途地域</font></td>
  627.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.youto}}&nbsp;</font></td>
  628.                             </tr>
  629.                             <tr style="height:30px;">
  630.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">建ぺい率</font></td>
  631.                                 <td valign="middle" bgcolor="white"><font class="text01">&nbsp;
  632.                                 {% if Product.coverage == '無指定' or Product.coverage != '' %}
  633.                                 {{Product.coverage}}
  634.                                 {% else %}
  635.                                 &nbsp;&nbsp;
  636.                                 {% endif %}
  637.                                 </font></td>
  638.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">容積率</font></td>
  639.                                 <td valign="middle" bgcolor="white"><font class="text01">&nbsp;
  640.                                 {% if Product.landRatio == '無指定' or Product.coverage != '' %}
  641.                                 {{Product.landRatio}}
  642.                                 {% else %}
  643.                                 &nbsp;&nbsp;
  644.                                 {% endif %}
  645.                                 </font></td>
  646.                             </tr>
  647.                             <tr>
  648.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">現況</font></td>
  649.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.gen}}&nbsp;</font></td>
  650.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">地勢</font></td>
  651.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.chisei}}&nbsp;</font></td>
  652.                             </tr>
  653.                             <tr style="height:30px;">
  654.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">引渡日</font></td>
  655.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.hikiwatashi}}&nbsp;</font></td>
  656.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">取引態様</font></td>
  657.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.tori}}&nbsp;</font></td>
  658.                                                         </tr>
  659.                             <tr>
  660.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">設備</font></td>
  661.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.setubi}}&nbsp;</font></td>
  662.                             </tr>
  663.                             <tr>
  664.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">備考</font></td>
  665.                                 <td colspan="3" valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.bikou}}&nbsp;</font></td>
  666.                             </tr>
  667. {% else %}
  668.                             <tr>
  669.                                 <td align="center" valign="middle" bgcolor="#e2ebff" width="150" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">所在地</font></td>
  670.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="310"><font class="text01">{{Product.pref}}{{Product.ku}}{{Product.adDetail}}&nbsp;</font></td>
  671.                                 <td align="center" valign="middle" bgcolor="#e2ebff" width="150" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">物件種別</font></td>
  672.                                 <td valign="middle" bgcolor="white" style="padding:4px;" width="310"><font class="text01">{{Product.syubetu}}&nbsp;</font></td>
  673.                             </tr>
  674.                             <tr>
  675.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">物件種目</font></td>
  676.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.syumoku}}&nbsp;&nbsp;{{Product.name}}</font></td>
  677.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">最寄駅</font></td>
  678.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.ensen}}{{Product.station}}&nbsp;</font></td>
  679.                             </tr>
  680.                             <tr>
  681.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">交通</font></td>
  682.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.stOther}}&nbsp;</font></td>
  683.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">価格</font></td>
  684.                                 {% if Product.getPrice02IncTaxMax==0%}
  685.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>ご成約済</b></font></td>
  686.                                 {% elseif Product.getPrice02IncTaxMax==1%}
  687.                                 <td colspan="3" align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>商 談 中</b></font></td>
  688.                                 {% else %}
  689.                                 <td align="center" valign="middle" bgcolor="white" style="padding:4px;"><font size="3" color="red"><b>{{Product.getPrice02IncTaxMax}}万円&nbsp;</b></font></td>
  690.                                 {% endif %}
  691.                             </tr>
  692.                             <tr>
  693.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">間取り</font></td>
  694.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.rmNUm}}{{Product.rmType}}&nbsp;</font></td>
  695.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">建物(専有)面積</font></td>
  696.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.buildArea}} ㎡&nbsp;</font></td>
  697.                             </tr>
  698.                             <tr>
  699.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">最適用途</font></td>
  700.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.bestyouto}}&nbsp;</font></td>
  701.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地権利</font></td>
  702.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.tochikenri}}&nbsp;</font></td>
  703.                             </tr>
  704.                             <tr>
  705.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">他の法令上の制限</font></td>
  706.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.seigen}}&nbsp;</font></td>
  707.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">地勢</font></td>
  708.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.chisei}}&nbsp;</font></td>
  709.                             </tr>
  710.                             <tr>
  711.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">引渡日</font></td>
  712.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.hikiwatashi}}&nbsp;</font></td>
  713.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">管理形態</font></td>
  714.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.keitai}}&nbsp;</font></td>
  715.                             </tr>
  716.                             <tr>
  717.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">管理方式</font></td>
  718.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.houshiki}}&nbsp;</font></td>
  719.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">管理費</font></td>
  720.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01"> {{Product.kanrihi}}&nbsp;</font></td>
  721.                             </tr>
  722.                             <tr>
  723.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">修繕積立金</font></td>
  724.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.tumitate}}&nbsp;</font></td>
  725.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">施工会社</font></td>
  726.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.sekou}}&nbsp;</font></td>
  727.                             </tr>
  728.                             <tr>
  729.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">土地面積</font></td>
  730.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.landArea}} ㎡&nbsp;</font></td>
  731.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">築年月</font></td>
  732.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.year}}&nbsp;</font></td>
  733.                             </tr>
  734.                             <tr>
  735.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">地目</font></td>
  736.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.chimoku}}&nbsp;</font></td>
  737.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">都市計画</font></td>
  738.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.toshi}}&nbsp;</font></td>
  739.                             </tr>
  740.                             <tr>
  741.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">取引態様</font></td>
  742.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.tori}}&nbsp;</font></td>
  743.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">現況</font></td>
  744.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.gen}}&nbsp;</font></td>
  745.                             </tr>
  746.                             <tr>
  747.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">用途地域</font></td>
  748.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.youto}}&nbsp;</font></td>
  749.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">構造材質</font></td>
  750.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.zai}}&nbsp;</font></td>
  751.                             </tr>
  752.                             <tr>
  753.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">規模</font></td>
  754.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.floorTotal}}&nbsp;</font></td>
  755.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">所在階</font></td>
  756.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.floor}}&nbsp;</font></td>
  757.                             </tr>
  758.                             <tr>
  759.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">総戸数</font></td>
  760.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.allNum}}&nbsp;</font></td>
  761.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">間取り部屋数</font></td>
  762.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.rmNUm}}&nbsp;</font></td>
  763.                             </tr>
  764.                             <tr>
  765.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">設備</font></td>
  766.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.setubi}}&nbsp;</font></td>
  767.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">備考</font></td>
  768.                                 <td valign="middle" bgcolor="white" style="padding:4px;"><font class="text01">{{Product.bikou}}&nbsp;</font></td>
  769.                             </tr>
  770.                             <tr>
  771.                                 <td align="center" valign="middle" bgcolor="#e2ebff" style="text-align:justify;text-justify: distribute-all-lines;padding:0 5px;"><font class="text01">建ぺい率 / 容積率</font></td>
  772.                                 <td valign="middle" bgcolor="white"><font class="text01">&nbsp;
  773.                                 {% if Product.coverage == '無指定' or Product.coverage != '' %}
  774.                                 {{Product.coverage}}%
  775.                                 {% else %}
  776.                                 &nbsp;&nbsp;
  777.                                 {% endif %}
  778.                                 /
  779.                                 {% if Product.landRatio == '無指定' or Product.landRatio != '' %}
  780.                                 {{Product.landRatio}}%
  781.                                 {% else %}
  782.                                 &nbsp;&nbsp;
  783.                                 {% endif %}
  784. {% endif %}
  785. {%if Product.syubetu == "マンション" or Product.syubetu == "戸建" or Product.syubetu == "土地" %}
  786.                             <tr>
  787. {% endif %}
  788.                                 <td colspan="5" align="middle" bgcolor="white" style="padding:4px;">
  789.                         {#コメントアウト解除でリスト登録制御
  790.                         {% if cartItem != null %}
  791.                         <div class="ec-productRole__btn">
  792.                             <button type="button" class="ec-blockBtn--cancel" disabled="disabled">
  793.                                 {{ 'リストへ追加済です'|trans }}
  794.                             </button>
  795.                         </div>
  796.                         {% else %}
  797.                             {% if Product.getPrice02IncTaxMax!=0 and Product.getPrice02IncTaxMax!=1 %}
  798.                         ここまで#}
  799.                             <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="productForm{{ Product.id }}" name="form{{ Product.id }}">
  800.                                 <div class="ec-productRole__actions">
  801.                                     {% if form.classcategory_id1 is defined %}
  802.                                         <div class="ec-select">
  803.                                             {{ form_row(form.classcategory_id1) }}
  804.                                          {{ form_errors(form.classcategory_id1) }}
  805.                                         </div>
  806.                                         {% if form.classcategory_id2 is defined %}
  807.                                             <div class="ec-select">
  808.                                                 {{ form_row(form.classcategory_id2) }}
  809.                                              {{ form_errors(form.classcategory_id2) }}
  810.                                             </div>
  811.                                         {% endif %}
  812.                                     {% endif %}
  813.                                     <!--<div class="ec-numberInput"><span>{{ '数量'|trans }}</span>--->
  814.                                         {{ form_widget(form.quantity, { attr :  { 'class': 'quantity' , style : 'display:none;' }}) }}
  815.                                         {{ form_errors(form.quantity) }}
  816.                                     <!--</div>--->
  817.                                 </div>
  818.                             {{ form_rest(form) }}
  819.                             </form>
  820.                             <div class="ec-productRole__btn">
  821.                                 <a type="button" class="add-cart" data-cartid="{{ Product.id }}" form="productForm{{ Product.id }}">
  822.                                     <img src="../../html/user_data/assets/images/b_box_in.gif" width="108" height="21" alt="カゴに入れる"style="margin:5px 0 0 0;"/>
  823.                                 </a>
  824.                             </div>
  825.                             {#コメントアウト解除でリスト登録制御
  826.                             {% elseif Product.getPrice02IncTaxMax==0 %}
  827.                                 <div class="ec-productRole__btn">
  828.                                     <button type="button" class="ec-blockBtn--cancel" disabled="disabled">
  829.                                         {{ 'ご成約済のためリストに追加できません'|trans }}
  830.                                     </button>
  831.                                 </div>
  832.                             {% elseif Product.getPrice02IncTaxMax==1 %}
  833.                                 <div class="ec-productRole__btn">
  834.                                     <button type="button" class="ec-blockBtn--cancel" disabled="disabled">
  835.                                         {{ '商談中のためリストに追加できません'|trans }}
  836.                                     </button>
  837.                                 </div>
  838.                             {% endif %}
  839.                             ここまで#}
  840.                         {#コメントアウト解除でリスト登録制御
  841.                         {% endif %}
  842.                         ここまで#}
  843.                                 </td>
  844.                             </tr>
  845.                         </table>
  847. <!--サブ画像スペースのテーブル start -->
  848. <table border="0" cellspacing="1" cellpadding="0" bgcolor="#555555" style="margin:auto;margin-bottom:10px;">
  849.   <tr>
  850.     <td bgcolor="white">
  851. <!--サブ画像 start -->
  852. <table vAlign="bottom" style="width:940px;">
  853. <tr><td colspan="2"><h3 style="text-align:center;"><strong>物件詳細</strong></h3></td></tr>
  854. {% for Image in ImageList %}
  855. {% if loop.index0 %2 == 0 %}
  856. <tr><td vAlign="bottom" style="text-align:center;width:200px;height:160px;">
  857. {% else %}
  858. <td vAlign="bottom" style="text-align:center;width:200px;">
  859. {% endif %}
  860. <!--key:Title,value:Image-->
  861. {% for key,value in Image %}
  862.             <!--サブ画像-->
  863.          <img src='{{ asset(value|no_image_product, 'save_image') }}'  width={{detailWidth}} alt='key' />
  864.         <p style="font-size:120%;padding-bottom:10px;">{{key}}</p>
  865. {% endfor %}
  866. {% if loop.index0 %2 == 0 %}
  867. </td>
  868. {% else %}
  869. </td></tr>
  870. {% endif %}
  871. {% endfor %}
  872. </tr>
  873. </table>
  874. </table>
  875. <!--サブ画像スペースのテーブル end -->
  876. <!--サブ画像スペースのテーブル start -->
  877. <table border="0" cellspacing="1" cellpadding="0" bgcolor="#555555" style="width:940px;margin:auto;margin-top:5px;">
  878.   <tr>
  879.     <td bgcolor="white">
  880. <!--サブ画像 start -->
  881. <table vAlign="bottom" style="width:940px;">
  882. <tr><td colspan="2"><h3 style="text-align:center;"><strong>配置図</strong></h3></td></tr>
  883. <tr><td style="margin-left: auto; margin-right: auto;">
  884.  <tr>
  885. {% if  Product.sub1Image !=""%}
  886. <!--拡大写真がある場合ここから-->
  887. <td vAlign="bottom" style="text-align:center;width:200px;">
  888.             <!--サブ画像-->
  889.          <img src='{{ asset(Product.sub1Image|no_image_product, 'save_image') }}'  width={{haichiWidth}} alt='Product.sub1Title' />
  890.         <p style="font-size:120%;padding-bottom:10px;">{{Product.sub1Title}}</p>
  893. <!--                <a href="/products/detail.php" onclick="win01('./detail_image.php?product_id={{Product.id}}&amp;image=sub1Image','detail_image','554','450'); return false;" onmouseover="chgImg('/user_data/packages/juchi/images/b_popup_h.gif','expansion01');" onmouseout="chgImg('/user_data/packages/juchi/images/b_popup.gif','expansion01');" target="_blank">
  895.                 <img src="/user_data/packages/juchi/images/b_popup.gif" width="85" height="21" alt="画像を拡大する" id="expansion01"/>
  897.                 </a><br>
  898. -->
  899. </td>
  900. {% endif %}
  901.         
  902. <!--拡大写真がある場合ここから-->
  903. {% if  Product.sub2Image !=""%}
  904. <!--拡大写真がある場合ここから-->
  905. <td vAlign="bottom" style="text-align:center;width:200px;">
  906.             <!--サブ画像-->
  907.          <img src='{{ asset(Product.sub2Image|no_image_product, 'save_image') }}'  width={{haichiWidth}} alt='Product.sub2Title' />
  908.         <p style="font-size:120%;padding-bottom:10px;">{{Product.sub2Title}}</p>
  911. <!--                <a href="/products/detail.php" onclick="win01('./detail_image.php?product_id={{Product.id}}&amp;image=sub2Image','detail_image','554','450'); return false;" onmouseover="chgImg('/user_data/packages/juchi/images/b_popup_h.gif','expansion02');" onmouseout="chgImg('/user_data/packages/juchi/images/b_popup.gif','expansion02');" target="_blank">
  913.                 <img src="/user_data/packages/juchi/images/b_popup.gif" width="85" height="21" alt="画像を拡大する" id="expansion02"/>
  915.                 </a><br>
  916. -->
  917. </td>
  918. {% endif %}
  919.     </tr>
  920. </td></tr>
  921. <!--サブ画像 end -->
  922. </table>
  923. </td></tr>
  924. </table>
  925. <!--サブ画像スペースのテーブル end -->
  926. <!--サブ画像スペースのテーブル start -->
  927. <table border="0" cellspacing="1" cellpadding="0" bgcolor="#555555" style="width:940px;margin:auto;margin-top:5px;">
  928.   <tr>
  929.     <td bgcolor="white">
  930. <!--サブ画像 start -->
  931. <table vAlign="bottom" style="width:940px;">
  932. <tr><td colspan="2"><h3 style="text-align:center;"><strong>間取り</strong></h3></td></tr>
  933.  <tr>
  934. {% if  Product.sub3Image !=""%}
  935. <!--拡大写真がある場合ここから-->
  936. <td vAlign="bottom" style="text-align:center;width:200px;">
  937.             <!--サブ画像-->
  938.          <img src='{{ asset(Product.sub3Image|no_image_product, 'save_image') }}'  width={{madoriWidth}} alt='Product.sub3Title' />
  939.         <p style="font-size:120%;padding-bottom:10px;">{{Product.sub3Title}}</p>
  942. <!--                <a href="/products/detail.php" onclick="win01('./detail_image.php?product_id={{Product.id}}&amp;image=sub3Image','detail_image','554','450'); return false;" onmouseover="chgImg('/user_data/packages/juchi/images/b_popup_h.gif','expansion03');" onmouseout="chgImg('/user_data/packages/juchi/images/b_popup.gif','expansion03');" target="_blank">
  944.                 <img src="/user_data/packages/juchi/images/b_popup.gif" width="85" height="21" alt="画像を拡大する" id="expansion03"/>
  946.                 </a><br>
  947. -->
  948. </td>
  949. {% endif %}
  950.         
  951. <!--拡大写真がある場合ここから-->
  952. {% if  Product.sub4Image !=""%}
  953. <!--拡大写真がある場合ここから-->
  954. <td vAlign="bottom" style="text-align:center;width:200px;">
  955.             <!--サブ画像-->
  956.          <img src='{{ asset(Product.sub4Image|no_image_product, 'save_image') }}'  width={{madoriWidth}} alt='Product.sub4Title' />
  957.         <p style="font-size:120%;padding-bottom:10px;">{{Product.sub4Title}}</p>
  960. <!--                <a href="/products/detail.php" onclick="win01('./detail_image.php?product_id={{Product.id}}&amp;image=sub4Image','detail_image','554','450'); return false;" onmouseover="chgImg('/user_data/packages/juchi/images/b_popup_h.gif','expansion04');" onmouseout="chgImg('/user_data/packages/juchi/images/b_popup.gif','expansion04');" target="_blank">
  962.                 <img src="/user_data/packages/juchi/images/b_popup.gif" width="85" height="21" alt="画像を拡大する" id="expansion04"/>
  964.                 </a><br>
  965. -->
  966. </td>
  967. {% endif %}
  968.     </tr>
  969. </table>
  970. </td></tr>
  971. </table>
  972. <!--サブ画像スペースのテーブル end -->
  973. <table border="0" cellspacing="1" cellpadding="0" bgcolor="#555555" style="width:940px;margin:auto;margin-top:5px;">
  974.     <tr>
  975.         <td bgcolor="white">
  976.             <table vAlign="bottom" style="width:940px;">
  977.                 <tr><td colspan="2"><h3 style="text-align:center;"><strong>地図</strong></h3></td></tr>
  978.                 <tr>
  979.                     <td vAlign="bottom">
  980.                         <div class="dtlGmap">
  981.                             {% if Product.mapX != '' and Product.mapY != '' %}
  982.                             <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css">
  983.                             <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script>
  984.                             <div id="map" style="width:940px;height:350px;" ></div>
  985.                             {% else %}
  986.                             <div id="dtlNoImage">マップは登録されていません</div>
  987.                             {% endif %}
  988.                         </div>
  989.                     </td>
  990.                 </tr>
  991.             </table>
  992.         </td>
  993.     </tr>
  994. </table>
  995.  
  996. </div>
  997. <!--/ end-->
  998.  
  999. </div>
  1000. <!--/right_column end-->
  1001.         </div>
  1002.     
  1003.             
  1004.   
  1005. </div>
  1006. <!--/wrapper end-->
  1007.         </div>
  1008.     
  1009.             
  1010.   
  1011. </div>
  1012. <!--/wrapper end-->
  1014. {% endblock %}