app/template/user_data/payment.twig line 1

Open in your IDE?
  1. {% extends '@user_data/layout/default_frame.twig' %}
  2. {% block title %}
  3.     お支払いについて | こだわり品質【小ロット1個から】ZEAMI Goods
  4. {% endblock %}
  6. {% block content %}
  7.     <!-- // == MAIN ================================================================================ // -->
  8.     <section
  9.         id="Guide" class="section_basic">
  11.         <!-- // ++ ページタイトル ++ /////////////////////////////////////////////////////////////// -->
  12.         <div id="section_titleBloc" class="fades twolayout_body">
  14.             <div id="title_twoLayout">
  15.                 <h3 class="section_title up">お支払いについて</h3>
  16.                 <p class="title_cap up">様々なお支払い方法よりご選択いただけます。</p>
  17.                 <p class="section_note up">「クレジットカード」や「代引き」の他、商品がお手元に届いてから安心してお支払いいただける「後払い決済」、法人様は請求書後払い（1週間以内）など幅広いお支払い方法よりお選びください。</p>
  18.             </div>
  19.             <!-- //// ++++ #title_twoLayout ++++ //// -->
  21.             <figure id="titlePic" class="two_layout"><img src="{{ asset('/html/user_data/assets/image/other/payment_title.png') }}"></figure>
  22.             <!-- ///// #section_titleBloc +++++ ///// -->
  23.         </div>
  26.         <!-- // ++ TAB NAVI ++ //////////////////////////////////////////////////////////// -->
  27.         <aside id="tabnaviBody" class="fades">
  28.             <ul id="tabNavi">
  29.                 <li class="tnavi01 up">
  30.                     <a href="#Period01">クレジットカード</a>
  31.                 </li>
  32.                 <li class="tnavi02 up">
  33.                     <a href="#Period02">銀行振込 (前払い)</a>
  34.                 </li>
  35.                 <li class="tnavi03 up">
  36.                     <a href="#Period03">銀行振込 (後払い)</a>
  37.                 </li>
  38.                 {#<li class="tnavi04 up">#}
  39.                 {#    <a href="#Period04">PayPay</a>#}
  40.                 {#</li>#}
  41.                 {#<li class="tnavi05 up">#}
  42.                 {#    <a href="#Period05">後払い決済</a>#}
  43.                 {#</li>#}
  44.                 <li class="tnavi06 up">
  45.                     <a href="#Period06">代引き</a>
  46.                 </li>
  47.                 <li class="tnavi07 up">
  48.                     <a href="#Period07">ご来店でのお支払い</a>
  49.                 </li>
  50.             </ul>
  51.         </aside>
  52.         <!-- //// #tabnaviBody +++++ ///// -->
  55.         <!-- // ++ TAB CONTAINER ++ //////////////////////////////////////////////////////////// -->
  56.         <div
  57.             id="informationContainer" class="fades">
  59.             <!-- ■■ ++ クレジットカード ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  60.             <article
  61.                 id="Period01" class="panel">
  63.                 <!-- // ** 購入方法 ********************************* // -->
  64.                 <aside class="guide_capBox fades">
  65.                     <p class="type up">個人・法人のお客様</p><br>
  66.                     <p class="style up">ご利用可能な配送方法</p><br>
  67.                     <p class="detail up">ネコポス、佐川急便、ヤマト運輸、海外発送</p>
  68.                     <!-- /// ***.guide_capBox *** /// -->
  69.                 </aside>
  71.                 <!-- // ** 購入までの流れ ********************************* // -->
  72.                 <div class="one_box fades">
  73.                     <figure class="purchase_flow_image fades">
  74.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_pay_make_ship.png') }}" class="for_pc up">
  75.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_pay_make_ship_sp.png') }}" class="for_sp up">
  76.                     </figure>
  77.                     <!-- /// purchase_flow_image *** /// -->
  79.                     <p class="flow_notes indent up">◯ 決済手続きを確認次第ご注文を正式に承ります。</p>
  80.                     <p class="flow_cap up">※お支払い回数は1回のみ対応<br><!--※上限金額30万円--></p>
  81.                     <p class="flow_cap up">※インボイス対応領収書をご希望の場合はマイページよりダウンロードを行ってください。</p>
  82.                     <!-- /// ***.one_box *** /// -->
  83.                 </div>
  85.                 <!-- // ** ご利用可能なクレジットカード ********************************* // -->
  86.                 <div class="one_box fades">
  87.                     <h4 class="guide_headline fades">ご利用可能なクレジットカード</h4>
  88.                     <ul class="credit_card_list fades">
  89.                         <li class="up"><img src="{{ asset('/html/user_data/assets/image/other/payment_creditcard.png') }}"></li>
  90.                         <li class="up"><img src="{{ asset('/html/user_data/assets/image/other/payment_creditcard_blank.png') }}"></li>
  91.                     </ul>
  92.                     <!-- /// .purchase_flow *** /// -->
  93.                     <!-- /// ***.one_box *** /// -->
  94.                 </div>
  96.             </article>
  97.             <!-- //// #Period01 ++++ //// -->
  100.             <!-- ■■ ++ 銀行振込（前払い） ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  101.             <article
  102.                 id="Period02" class="panel">
  104.                 <!-- // ** 購入方法 ********************************* // -->
  105.                 <aside class="guide_capBox fades">
  106.                     <p class="type up">個人・法人のお客様</p><br>
  107.                     <p class="style up">ご利用可能な配送方法</p><br>
  108.                     <p class="detail up">ネコポス、佐川急便、ヤマト運輸</p><br>
  109.                     <p class="style up">非対応</p><br>
  110.                     <p class="detail up">海外発送</p>
  111.                     <!-- /// ***.guide_capBox *** /// -->
  112.                 </aside>
  114.                 <!-- // ** 購入までの流れ ********************************* // -->
  115.                 <div class="one_box fades">
  116.                     <figure class="purchase_flow_image fades">
  117.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_pay_make_ship.png') }}" class="for_pc up">
  118.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_pay_make_ship_sp.png') }}" class="for_sp up">
  119.                     </figure>
  120.                     <!-- /// purchase_flow_image *** /// -->
  122.                     <p class="flow_notes indent up">◯ デザイン及びご注文内容決定後、お支払いご案内メールを送信致しますので銀行振込にて前払いでお支払ください。</p>
  123.                     <p class="flow_notes indent up">◯ 入金確認は当店営業日18時に行います。個人のお客様の場合ご入金を確認次第ご注文を正式に承ります。</p>
  124.                     <p class="flow_notes indent up">◯ 振込手数料はお客様ご負担でお願い申し上げます。</p>
  125.                     <p class="flow_cap up">※インボイス対応領収書をご希望の場合はマイページよりダウンロードを行ってください。</p>
  126.                     <!-- /// ***.one_box *** /// -->
  127.                 </div>
  129.                 <!-- // ** 銀行口座 ********************************* // -->
  130.                 <aside class="one_box bank_accounts">
  131.                     <div class="bank_inner fades">
  132.                         <h4 class="bank_headline up">お振込口座</h4>
  133.                         <p class="up">三菱UFJ銀行　江坂駅前支店<br>普通口座：1142539<br>口座名義人：ゼアミエンターテイメント</p>
  134.                         <!-- /// ***.one_box *** /// -->
  135.                     </div>
  136.                 </aside>
  138.             </article>
  139.             <!-- //// #Period02 ++++ //// -->
  142.             <!-- ■■ ++ 銀行振込（後払い） ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  143.             <article
  144.                 id="Period03" class="panel">
  146.                 <!-- // ** 購入方法 ********************************* // -->
  147.                 <aside class="guide_capBox fades">
  148.                     <p class="type up">法人のお客様</p><br>
  149.                     <p class="style up">ご利用可能な配送方法</p><br>
  150.                     <p class="detail up">ネコポス、佐川急便、ヤマト運輸</p><br>
  151.                     <p class="style up">非対応</p><br>
  152.                     <p class="detail up">海外発送</p>
  153.                     <!-- /// ***.guide_capBox *** /// -->
  154.                 </aside>
  156.                 <!-- // ** 購入までの流れ ********************************* // -->
  157.                 <div class="one_box fades">
  158.                     <figure class="purchase_flow_image fades">
  159.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay.png') }}" class="for_pc up">
  160.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay_sp.png') }}" class="for_sp up">
  161.                     </figure>
  162.                     <!-- /// purchase_flow_image *** /// -->
  164.                     <p class="flow_notes indent up">◯ 商品に請求書を同封いたします。商品到着後1週間以内に銀行振込にてお支払ください。</p>
  165.                     <p class="flow_notes indent up">◯ 振込手数料はお客様ご負担でお願い申し上げます。</p>
  166.                     <p class="flow_cap up">※インボイス対応領収書をご希望の場合はマイページよりダウンロードを行ってください。</p>
  167.                     <!-- /// ***.one_box *** /// -->
  168.                 </div>
  170.                 <!-- // ** 銀行口座 ********************************* // -->
  171.                 <aside class="one_box bank_accounts">
  172.                     <div class="bank_inner fades">
  173.                         <h4 class="bank_headline up">お振込口座</h4>
  174.                         <p class="up">三菱UFJ銀行　江坂駅前支店<br>普通口座：1142539<br>口座名義人：ゼアミエンターテイメント</p>
  175.                         <!-- /// ***.one_box *** /// -->
  176.                     </div>
  177.                 </aside>
  179.             </article>
  180.             <!-- //// #Period03 ++++ //// -->
  183.             <!-- ■■ ++ PayPay ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  184.             <article
  185.                 id="Period04" class="panel">
  187.                 <!-- // ** 購入方法 ********************************* // -->
  188.                 <aside class="guide_capBox fades">
  189.                     <p class="type up">個人・法人のお客様</p><br>
  190.                     <p class="style up">ご利用可能な配送方法</p><br>
  191.                     <p class="detail up">ネコポス、佐川急便、ヤマト運輸、海外発送</p>
  192.                     <!-- /// ***.guide_capBox *** /// -->
  193.                 </aside>
  195.                 <!-- // ** 購入までの流れ ********************************* // -->
  196.                 <div class="one_box fades">
  197.                     <figure class="purchase_flow_image fades">
  198.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_pay_make_ship.png') }}" class="for_pc up">
  199.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_pay_make_ship_sp.png') }}" class="for_sp up">
  200.                     </figure>
  201.                     <!-- /// purchase_flow_image *** /// -->
  203.                     <p class="flow_notes indent up">◯ 決済手続きを確認次第ご注文を正式に承ります。</p>
  204.                     <p class="flow_cap up">※インボイス対応領収書をご希望の場合はマイページよりダウンロードを行ってください。</p>
  205.                     <!-- /// ***.one_box *** /// -->
  206.                 </div>
  207.             </article>
  208.             <!-- //// #Period04 ++++ //// -->
  211.             <!-- ■■ ++ 後払い決済 ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  212.             <article
  213.                 id="Period05" class="panel">
  215.                 <!-- // ** 購入方法 ********************************* // -->
  216.                 <aside class="guide_capBox fades">
  217.                     <p class="type up">個人・法人のお客様</p><br>
  218.                     <p class="style up">ご利用可能な配送方法</p><br>
  219.                     <p class="detail up">ネコポス、佐川急便、ヤマト運輸</p><br>
  220.                     <p class="style up">非対応</p><br>
  221.                     <p class="detail up">海外発送</p>
  222.                     <!-- /// ***.guide_capBox *** /// -->
  223.                 </aside>
  225.                 <!-- // ** 購入までの流れ ********************************* // -->
  226.                 <div class="one_box fades">
  227.                     <figure class="purchase_flow_image fades">
  228.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay.png') }}" class="for_pc up">
  229.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay_sp.png') }}" class="for_sp up">
  230.                     </figure>
  231.                     <!-- /// purchase_flow_image *** /// -->
  233.                     <p class="flow_notes indent up">◯ 商品をお受け取りいただいてからお支払いいただきます。</p>
  234.                     <p class="flow_notes indent up">◯ 商品発送後、別途請求書（払込票）を郵送いたします。</p>
  235.                     <p class="flow_notes indent up">◯ 全国のコンビニ・銀行でお支払いいただけます。<br>後払い手数料　￥250（税込）</p>
  236.                     <p class="flow_cap up indent">※請求書発行後、お支払いは14日以内</p>
  237.                     <p class="flow_cap up indent">※ご利用限度額：￥50,000</p>
  238.                     <p class="flow_cap up indent">※ご注文時にお名前及びご住所による与信審査あり。</p>
  239.                     <p class="flow_cap up indent">※ご注文商品の発送状況によっては、ご注文商品到着前に請求書が届く場合がございます。<br>
  240.                         商品到着後、請求内容をご確認いただき、お支払いくださいますようお願い致します。</p>
  241.                     <!-- /// ***.one_box *** /// -->
  242.                 </div>
  244.                 <!-- // ** 取扱収納方法コンビニ一覧 ********************************* // -->
  245.                 <div class="one_box fades">
  246.                     <h4 class="guide_headline fades">取扱収納方法コンビニ一覧</h4>
  247.                     <ul class="credit_card_list fades">
  248.                         <li class="up"><img src="{{ asset('/html/user_data/assets/image/other/shipping_convini.png') }}"></li>
  249.                         <li class="up"><img src="{{ asset('/html/user_data/assets/image/other/payment_creditcard_blank.png') }}"></li>
  250.                     </ul>
  251.                     <!-- /// .purchase_flow *** /// -->
  252.                     <!-- /// ***.one_box *** /// -->
  253.                 </div>
  255.             </article>
  256.             <!-- //// #Period05 ++++ //// -->
  259.             <!-- ■■ ++ 代引き ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  260.             <article
  261.                 id="Period06" class="panel">
  263.                 <!-- // ** 購入方法 ********************************* // -->
  264.                 <aside class="guide_capBox fades">
  265.                     <p class="type up">個人・法人のお客様</p><br>
  266.                     <p class="style up">ご利用可能な配送方法</p><br>
  267.                     <p class="detail up">佐川急便、ヤマト運輸</p><br>
  268.                     <p class="style up">非対応</p><br>
  269.                     <p class="detail up">ネコポス、海外発送</p>
  270.                     <!-- /// ***.guide_capBox *** /// -->
  271.                 </aside>
  273.                 <!-- // ** 購入までの流れ ********************************* // -->
  274.                 <div class="one_box fades">
  275.                     <figure class="purchase_flow_image fades">
  276.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay.png') }}" class="for_pc up">
  277.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay_sp.png') }}" class="for_sp up">
  278.                     </figure>
  279.                     <!-- /// purchase_flow_image *** /// -->
  281.                     <p class="flow_notes indent up">◯ 商品到着時に運送会社のセールスドライバーへ現金・デビットカード・クレジットカードの3種類の方法で代金をお支払いいただけます。その場でドライバーより領収書が発行されます。</p>
  282.                     <p class="flow_notes indent up">※インボイス対応領収書をご希望の場合はマイページよりダウンロードを行ってください。</p>
  284.                     <p class="flow_cap up indent">※ご利用限度額：￥300,000</p>
  285.                     <p class="flow_cap up indent">※運送会社の都合上、代引商品の配送先転送はできません。</p>
  286.                     <!-- /// ***.one_box *** /// -->
  287.                 </div>
  290.                 <!-- // ** 代引手数料 （現金・デビット・クレジットカード）-税込- ********************************* // -->
  291.                 <aside class="one_box bank_accounts cash_on_delivery">
  292.                     <div class="bank_inner fades">
  293.                         <h4 class="bank_headline up">代引手数料 （現金・デビット・クレジットカード）-税込-</h4>
  294.                         <ul class="pricelist">
  295.                             <li>◯ 1万円未満　…　￥330</li>
  296.                             <li>◯ 1万円以上～3万円未満　…　￥440</li>
  297.                             <li>◯ 3万円以上～10万円未満　…　￥660</li>
  298.                             <li>◯ 10万円以上～30万円未満　…　￥1,100</li>
  299.                             <li>◯ 30万円以上　…　取扱無し</li>
  300.                         </ul>
  301.                         <!-- /// .pricelist *** /// -->
  302.                         <!-- /// ***.one_box *** /// -->
  303.                     </div>
  304.                 </aside>
  307.                 <!-- // ** ご利用可能なクレジットカード ********************************* // -->
  308.                 <div class="one_box fades">
  309.                     <h4 class="guide_headline fades">ご利用可能なクレジットカード</h4>
  310.                     <ul class="credit_card_list fades">
  311.                         <li class="up"><img src="{{ asset('/html/user_data/assets/image/other/payment_creditcard.png') }}"></li>
  312.                         <li class="up"><img src="{{ asset('/html/user_data/assets/image/other/payment_creditcard_blank.png') }}"></li>
  313.                     </ul>
  314.                     <!-- /// .purchase_flow *** /// -->
  315.                     <!-- /// ***.one_box *** /// -->
  316.                 </div>
  318.             </article>
  319.             <!-- //// #Period06 ++++ //// -->
  322.             <!-- ■■ ++ ご来店でのお支払い ++++++++++++++++++++++++++++++++++++++++++++++++++++ ■■ -->
  323.             <article
  324.                 id="Period07" class="panel">
  326.                 <!-- // ** 購入方法  ********************************* // -->
  327.                 <aside class="guide_capBox fades">
  328.                     <p class="type up">個人・法人のお客様</p>
  329.                     <!-- /// ***.guide_capBox *** /// -->
  330.                 </aside>
  332.                 <!-- // ** 購入までの流れ ********************************* // -->
  333.                 <div class="one_box fades">
  334.                     <figure class="purchase_flow_image fades">
  335.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay.png') }}" class="for_pc up">
  336.                         <img src="{{ asset('/html/user_data/assets/image/other/payment_order_make_ship_pay_sp.png') }}" class="for_sp up">
  337.                     </figure>
  338.                     <!-- /// purchase_flow_image *** /// -->
  340.                     <p class="flow_notes indent up">◯ ご来店で商品をお引き取りの際にお支払いいただけます。<br>尚、その場合の配送料金は不要です。</p>
  341.                     <!-- /// ***.one_box *** /// -->
  342.                 </div>
  345.                 <!-- // ** ,アクセスマップ ********************************* // -->
  346.                 <div class="one_box fades access">
  347.                     <h4 class="guide_headline fades">本社/FACTO_OSAKA [大阪・江坂]</h4>
  348.                     <p class="flow_notes indent up">◯ 商品お受取時店頭支払（現金・クレジットカード・PayPay・au PAY）</p>
  349.                     <p class="flow_notes indent up">◯ 店頭引取をご希望の場合は、完成予定日の翌営業日11時からお引取可能。事前のご予約にご協力ください</p>
  352.                     <figure id="payment-accessMap">
  353.                         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3277.868877398006!2d135.4902870757471!3d34.75889572289904!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000e5b6f9ba168b%3A0x3185ef8a686677c2!2sFACTO_OSAKA!5e0!3m2!1sja!2sjp!4v1713609119019!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  354.                     </figure>
  355.                     <!-- /// +++ #payment-accessMap +++ /// -->
  357.                     <p class="flow_notes up">〒564-0051 大阪府吹田市豊津町21-10 クルーズ江坂第二ビル2F<br>
  358.                         <span class="nolink">tel 06-6384-8422</span><br>
  359.                         営業時間：11:00〜19:00<a href="https://zeamigoods.com/delivery_confirmation" target="_blank">（営業日カレンダー）</a>
  360.                     </p>
  361.                     <!-- /// ***.one_box *** /// -->
  362.                 </div>
  363.             </article>
  364.             <!-- //// #Period07 ++++ //// -->
  367.             <!-- //// ++++ #informationContainer ++++ //// -->
  368.         </div>
  371.         <!-- // ++ GUIDE LINK ++ //////////////////////////////////////////////////////////// -->
  372.         {% include '@user_data/layout/guide_link.twig' %}
  375.     </section>
  376.     <!-- ///// +++++ #Guide +++++ ///// -->
  379.     <!-- ///// +++++ #mainContents +++++ ///// -->
  380. </main>{% endblock %}