{% extends 'default_frame.twig' %}{% form_theme form 'Form/form_div_layout.twig' %}{% block stylesheet %} <style> .ec-required { display: inline-block; color: #fff; background-color: #DB2356; font-size: 13px; border-radius: 2px; padding: 5px 10px; margin-left: 10px; } .error input, .error textarea { background: #FDF1F0 } .ec-errorMessage { color: red; margin-bottom: 25px; } @media (min-width: 600px) { .ec-errorMessage { margin-left: 35px; } } </style>{% endblock stylesheet %}{% block javascript %} <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script> <script src="{{ asset('assets/js/lib/ajaxzip3.js') }}"></script>{% endblock javascript %}{% block main %} <div class="sub-container"> <!-- SUB H1 --> <div class="sub-h1Wrap"> {# 必要に応じて増やしてください #} <h1 class="sub-h1">お問い合わせ</h1> </div> <!-- /SUB H1 --> <div class="l-container"> <!-- パンくずリスト --> <ol class="sub-breadcrumbs"> <li> <a href="{{ url('homepage') }}">HOME</a> </li> {# 必要に応じて増やしてください #} <li>お問い合わせ</li> </ol> <!-- /パンくずリスト --> <div class="l-2ColumnContainer"> <!-- メインコンテンツ --> <div class="l-main"> <!-- PAGE CONTENTS --> <div class="contact contactIndex"> <!-- 各営業所・店舗へのお問い合わせはこちら --> <section class="contactIndex-tel"> <h2 class="mod-hl-01"> <span class="isJp">各営業所・店舗へのお問い合わせはこちら</span> </h2> <p class="contactIndex-tel-text"> {{ '内容によっては回答をさしあげるのにお時間をいただくこともございます。 また、休業日は翌営業日以降の対応となりますのでご了承ください。'|trans|nl2br }} </p> <div class="contactIndex-tel-tableContainer"> <table class="mod-table-01"> <tbody> <tr> <th>広域営業部</th> <td> TEL:0852-21-9950<br class="dn-pc"> FAX:0852-26-4804<br> <script type="text/javascript"> function converter(M) { var str = "", str_as = ""; for (var i = 0; i < M.length; i++) { str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } var ad = converter(String.fromCharCode(106, 110, 116, 104, 106, 104, 63, 109, 96, 102) + String.fromCharCode(96, 100, 45, 108, 111, 116, 109, 104, 45, 98, 110, 45, 105, 111)); document.write(ad); </script> </td> </tr> <tr> <th>松江営業所(出雲地区営業)</th> <td> TEL:0852-21-9940<br class="dn-pc"> FAX:0852-60-2218<br> <script type="text/javascript"> function converter(M) { var str = "", str_as = ""; for (var i = 0; i < M.length; i++) { str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 108, 115, 100, 63, 115) + String.fromCharCode(116, 97, 96, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111)); document.write(ad); </script> </td> </tr> <tr> <th>イオン松江店</th> <td> TEL/FAX:0852-28-2130 </td> </tr> <tr> <th>イオンモール出雲店</th> <td> TEL/FAX:0853-25-7980 </td> </tr> <tr> <th>米子営業所・米子店</th> <td> TEL:0859-32-2217<br class="dn-pc"> FAX:0859-32-2254<br> <script type="text/javascript"> function converter(M) { var str = "", str_as = ""; for (var i = 0; i < M.length; i++) { str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 120, 109, 102, 63, 108) + String.fromCharCode(104, 113, 113, 110, 113, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111)); document.write(ad); </script> </td> </tr> <tr> <th>大阪営業所(近畿地区営業)</th> <td> TEL:06-6361-8385<br class="dn-pc"> FAX:06-6361-8381<br> <script type="text/javascript"> function converter(M) { var str = "", str_as = ""; for (var i = 0; i < M.length; i++) { str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 110, 114, 106, 63, 98) + String.fromCharCode(110, 99, 96, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111)); document.write(ad); </script> </td> </tr> <tr> <th>岡山営業所</th> <td> TEL:086-224-6511<br class="dn-pc"> FAX:086-224-6533<br> <script type="text/javascript"> function converter(M) { var str = "", str_as = ""; for (var i = 0; i < M.length; i++) { str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } var ad = converter(String.fromCharCode(109, 96, 102, 96, 100, 110, 106, 120, 63, 115) + String.fromCharCode(113, 96, 99, 45, 110, 98, 109, 45, 109, 100, 45, 105, 111)); document.write(ad); </script> </td> </tr> </tbody> </table> </div> </section> <!-- /各営業所・店舗へのお問い合わせはこちら --> <!-- オンラインショップへのお問い合わせはこちら --> <section class="contactIndex-mail"> <h2 class="mod-hl-01"> <span class="isJp">オンラインショップへのお問い合わせはこちら</span> </h2> <p class="contactIndex-mail-text"> オンラインショップに関するお問合せのみ、下記お問合せフォームよりお願い致します。<br> ※広告・宣伝・勧誘等を目的としたお問合わせはご遠慮ください。 </p> <div class="contactIndex-mail-formContainer"> <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate> <span class="p-country-name" style="display:none;">Japan</span> {{ form_widget(form._token) }} <!-- お問い合わせフォーム --> <table class="mod-table-form"> <tbody> <tr> <th>{{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}</th> <td> <div class="{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}"> 姓{{ form_widget(form.name.name01, {'attr': { 'class': 'mod-form-input-text--02', 'placeholder': '例)永江' }}) }} {{ form_errors(form.name.name01) }} 名{{ form_widget(form.name.name02, {'attr': { 'class': 'mod-form-input-text--02-last', 'placeholder': '例)太郎' }}) }} {{ form_errors(form.name.name02) }} </div> </td> </tr> <tr> <th>{{ form_label(form.kana, 'ふりがな', {'label_attr': {'class': 'ec-label'}}) }}</th> <td> <div class="{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}"> 姓{{ form_widget(form.kana.kana01, {'attr': { 'class': 'mod-form-input-text--02', 'placeholder': '例)ながえ' }}) }} {{ form_errors(form.kana.kana01) }} 名{{ form_widget(form.kana.kana02, {'attr': { 'class': 'mod-form-input-text--02-last', 'placeholder': '例)たろう' }}) }} {{ form_errors(form.kana.kana02) }} </div> </td> </tr> <tr> <th>郵便番号</th> <td> <div class="{{ has_errors(form.postal_code) ? ' error' }}"> {{ form_widget(form.postal_code, {'attr': { 'class': 'mod-form-input-text--short', 'placeholder': '例)0001234' }}) }} {{ form_errors(form.postal_code) }} <button type="button" class="autofill" onclick="AjaxZip3.zip2addr('contact[postal_code]', 'contact[address][pref]', 'contact[address][addr01]');">住所自動入力</button> </div> </td> </tr> <tr> <th>住所</th> <td> <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}"> {{ form_widget(form.address.pref, {'attr': { 'class': 'mod-form-select' }}) }} {{ form_errors(form.address.pref) }} </div> <div class="{{ has_errors(form.address.addr01) ? ' error' }}"> {{ form_widget(form.address.addr01, { 'attr': { 'class': 'mod-form-input-text', 'placeholder': '市区町村名(例:千代田区神田神保町)' }}) }} {{ form_errors(form.address.addr01) }} </div> <div class="{{ has_errors(form.address.addr02) ? ' error' }}"> {{ form_widget(form.address.addr02, { 'attr': { 'class': 'mod-form-input-text', 'placeholder': '番地・ビル名(例1-3-5)'}}) }} {{ form_errors(form.address.addr02) }} </div> <small> ※ 住所は2に分けてご記入ください。<br> ※マンション名は必ず記入してください。 </small> </td> </tr> <tr> <th>{{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}</th> <td> <div class="{{ has_errors(form.phone_number) ? ' error' }}"> {{ form_widget(form.phone_number, {'attr': { 'class': 'mod-form-input-text--short', 'placeholder': '例)0000110000' }}) }} {{ form_errors(form.phone_number) }} </div> </td> </tr> <tr> <th>{{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}</th> <td> <div class="{{ has_errors(form.email) ? ' error' }}"> {{ form_widget(form.email, {'attr': { 'class': 'mod-form-input-text', 'placeholder': '例)nagae.xxxx.xxx@xx.jp' }}) }} {{ form_errors(form.email) }} </div> </td> </tr> <tr> <th>{{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}</th> <td> <div class="{{ has_errors(form.contents) ? ' error' }}"> {{ form_widget(form.contents, {'attr': { 'class': 'mod-form-input-textArea', 'placeholder': 'お問い合わせ内容をご記入ください' }}) }} {{ form_errors(form.contents) }} </div> <small>{{ 'ご注文に関するお問い合わせには、必ず「ご注文番号」をご記入くださいますようお願いいたします。'|trans }}</small> </td> </tr> </tbody> </table> <!-- /お問い合わせフォーム --> <!-- 情報保護方針に同意 --> <div class="contact-form-privacy"> <p> <a href="{{ url('help_privacy') }}" class="d-inlineBlock">プライバシーポリシー</a>に同意の上、<br class="dn-pc">「入力内容を確認する」へお進みください。 </p> </div> <!-- /情報保護方針に同意 --> <!-- ボタン --> <div class="mod-btnContainer contact-form-submitContainer"> <button type="submit" class="mod-btn-default contact-form-submit isConfirm" name="mode" value="confirm"> <span class="btnInner">{{ '入力内容を確認する'|trans }}</span> </button> </div> <!-- /ボタン --> </form> </div> </section> <!-- /オンラインショップへのお問い合わせはこちら --> </div> <!-- /PAGE CONTENTS --> </div> <!-- /メインコンテンツ --> <!-- サイドメニュー --> {{ include('Block/l_sub.twig', ignore_missing = true) }} <!-- /サイドメニュー --> </div> </div> </div>{% endblock %}