app/template/user_data/hakama_index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% set body_class = 'hakama_page' %}
  3. {% block main %}
  5. <style type="text/css">
  6.     .gap10{
  7.         gap: 10px;
  8.         padding-bottom: 15px;
  9.         margin-bottom: 15px;
  10.         border-bottom: 1px dashed #e1e1e1;
  11.     }
  12.     .dl-horizontal dt img {
  13.         min-width: 170px;
  14.         max-width: 170px;
  15.     }
  16.     .caption-price li{
  17.         margin-bottom:5px;
  18.     }
  19.     .caption-price li:first-child {
  20.         margin-bottom:10px;
  21.         font-weight: 600;
  22.     }
  23.     .caption-price li:last-child{
  24.         margin-bottom:0px;
  25.     }
  26.     @media (min-width: 768px) {
  27.         .dl-horizontal {
  28.             display: flex;
  29.             gap: 20px;
  30.         }
  31.     }
  32. </style>
  33. {% import '@user_data/macro.twig' as macros %}
  34. <div class="seijin_sp_nav d-block d-md-none">
  35.   <div class="aki-row text-center">
  36.       <div class="col-6 mb15">
  37.           <a class="btn-primary-nonbg" href="#seven-point">選ばれる理由</a>
  38.       </div>
  39.       <div class="col-6 mb15">
  40.           <a class="btn-primary-nonbg" href="#hakama_flow">ご利用の流れ</a>
  41.       </div>
  42.       <div class="col-12 mb20">
  43.           <a class="btn-primary-nonbg" href="#btn_area">おすすめの卒業袴</a>
  44.       </div>
  45.   </div>
  46. </div>
  48.         <div class="aki-row">
  49.             <div class="col-12">
  50.                 <div class="main_visual">
  51.                     <img loading="lazy" src="{{ image_address }}/hakama/slide_003_v2.webp" alt="卒業袴レンタル 2020" class="img-responsive d-none d-md-block">
  52.                     <img loading="lazy" src="{{ image_address }}/hakama/hakama_780×640px.webp" alt="卒業袴レンタル 2020" class="img-responsive d-block d-md-none m-auto">
  53.                 </div>
  54.             </div>
  55.         </div>
  56.         <div class="aki-row mt40 mb40">
  57.             <div class="col-12 area01">
  58.                 <span id="seven-point" class="scroll-hide"></span>
  59.                 <h2 class="text-center mb40">卒業式で満足するための<b class="color-primary">8</b>つの嬉しいこと</h2>
  60.                 <div class="aki-row">
  61.                     <div class="col-md-6 col-12 mb30 aki-reason_box">
  62.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_02.webp" alt="サマーキャンペーン 2025"><h3 class="color-primary">サマーキャンペーン 2025</h3></div>
  63.                         <p><b class="color-primary">卒業式の着物レンタルが10％OFFになるお得なキャンペーン！</b><br>
  65.                         <div class="hide-text hide-text-753">
  66.                             <p><br>▼キャンペーン概要<br>
  67.                                 2025年8月31日（日）までにご成約いただいたお客様を対象に、<br>
  68.                                 卒業式当日の着物レンタル料が10％OFFとなります。<br>
  69.                                 ※ネット注文の場合はお申込み時に「サマーキャンペーン利用希望」と備考欄にご記入ください<br>
  70.                                 <br>
  71.                                 ▼実施期間<br>
  72.                                 2025年5月1日（木）～8月31日（日）<br>
  73.                                 <br>
  74.                                 ▼対象条件<br>
  75.                                 以下すべての条件を満たすお客様が対象となります：<br>
  76.                                 ・2026年以降に卒業式へ出席される方<br>
  77.                                 ・ご成約時に「サマーキャンペーン希望」とお申し出いただいた場合<br>
  78.                                 <br>
  79.                                 ▼注意事項<br>
  80.                                 ・前撮り・後撮りプランのご利用は、卒業式当日のレンタル料のみ割引対象<br>
  81.                                 ・割引対象は着物レンタル料のみ（髪飾り・ブーツなどのオプションは対象外）<br>
  82.                                 ・着用者が卒業式に出席される場合、振袖・紋付袴・訪問着など着物の種類を問わず適用されます<br>
  83.                                 ・チェキキャンペーン・撮影早割キャンペーン以外のキャンペーン、割引との併用不可<br>
  84.                             </p>
  85.                         </div>
  86.                         <p class="text-center mt10"><span class="readmore aki-readmore-new button__new-show-more">詳細を見る</span><i class="fas fa-chevron-down button__new-show-more icon-show-more-detail-down"></i><i style="display: none;" class="fas fa-chevron-up button__new-show-more icon-show-more-detail-up"></i></p>
  87.                     </div>
  88.                     <div class="col-md-6 col-12 mb30 aki-reason_box">
  89.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_03.webp" alt="卒業袴レンタル特典 ペア・グループ割"><h3 class="color-primary">ペア・グループ割</h3></div>
  90.                         <p><b class="color-primary">ご友人やパートナーと一緒に申し込むと、お一人あたり着物レンタル料10％OFF！</b>
  91.                         <div class="hide-text hide-text-753">
  92.                             <p><br>▼対象条件<br>
  93.                             ・2名以上での同時契約（ご来店またはネット注文）<br>
  94.                             ・ネット注文の場合は、1回のご注文で2着以上（卒業袴・紋付袴など）をご注文いただくことが条件<br>
  95.                             ・着用者が卒業式に出席される場合、着物の種類は問いません<br>
  96.                             <br>
  97.                             ▼注意事項<br>
  98.                             ・別々での注文やお下見は対象外となります<br>
  99.                             ・来店契約の場合は、必ず同時にご成約ください<br>
  100.                             ・チェキキャンペーン・撮影早割キャンペーン以外のキャンペーン、割引との併用不可<br>
  101.                             </p>
  102.                         </div>
  103.                         <p class="text-center mt10"><span class="readmore aki-readmore-new button__new-show-more">詳細を見る</span><i class="fas fa-chevron-down button__new-show-more icon-show-more-detail-down"></i><i style="display: none;" class="fas fa-chevron-up button__new-show-more icon-show-more-detail-up"></i></p>
  104.                     </div>
  105.                     <div class="col-md-6 col-12 mb30 aki-reason_box">
  106.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_04.webp" alt="成人式＆卒業式 W利用割引"><h3 class="color-primary">成人式＆卒業式 W利用割引</h3></div>
  107.                         <p><b class="color-primary">成人式と卒業式のどちらもレンタルをご成約いただいた方に、卒業式の袴レンタル料が50％OFF！</b><br></p>
  108.                          <div class="hide-text hide-text-753">
  109.                             <p><br>※成人式の成約時に「W割を使いたい」とお申し出いただく必要があります<br>
  110.                                 ※ネット注文の場合はお申込み時に「W割利用希望」と備考欄にご記入ください<br>
  111.                                 ※他のキャンペーンや割引との併用不可（チェキプレゼントキャンペーンのみ併用可）
  112.                             </p>
  113.                         </div>
  114.                         <p class="text-center mt10"><span class="readmore aki-readmore-new button__new-show-more">詳細を見る</span><i class="fas fa-chevron-down button__new-show-more icon-show-more-detail-down"></i><i style="display: none;" class="fas fa-chevron-up button__new-show-more icon-show-more-detail-up"></i></p>
  115.                     </div>
  116.                     <div class="col-md-6 col-12 mb30 aki-reason_box">
  117.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_05.webp" alt="高校生トリプル利用割引"><h3 class="color-primary">高校生トリプル利用割引</h3></div>
  118.                         <p><b class="color-primary">高校の卒業式でレンタルされたお客様が、成人式の振袖・袴を予約すると20％OFF！<br>
  119.                             さらに、専門・大学・大学院の卒業式で袴をご利用いただくと50％OFF！</b><br></p>
  120.                          <div class="hide-text hide-text-753">
  121.                             <p><br>※申告必須（ネット注文の場合はお申込み時に「高校生トリプル割希望」と備考欄にご記入ください）<br>
  122.                                 ※高校卒業式でご利用後、成人式のご予約がある場合に限り、大学・専門の卒業式レンタルも割引対象となります<br>
  123.                                 ※他のキャンペーンや割引との併用不可（チェキプレゼントキャンペーンのみ併用可）<br>
  124.                                 <br>
  125.                                 ▼注意事項（共通）<br>
  126.                                 ・他の割引・キャンペーンとの併用はできません（チェキプレゼントキャンペーンは併用可）<br>
  127.                                 ・申告がない場合は割引対象外となります。必ずご成約時にお申し出ください<br>
  128.                                 <br>
  129.                                 ▼よくあるご質問（FAQ）<br>
  130.                                 Q1. サマーキャンペーンの対象者は？<br>
  131.                                 A. 2026年以降の卒業式に出席される方で、ご成約時に「サマーキャンペーン希望」とお申し出いただいた方が対象です。<br>
  132.                                 ※ネット注文の場合はお申込み時に備考欄に「サマーキャンペーン希望」と記載してください。<br>
  133.                                 Q2. 割引対象となるプランは？<br>
  134.                                 A. 卒業式当日の着物レンタル料が対象です。前撮り・後撮りプランには適用されません。<br>
  135.                                 Q3. オプションも割引されますか？<br>
  136.                                 A. 髪飾りやブーツなどのオプションは対象外です。着物レンタル料のみが割引対象となります。<br>
  137.                                 Q4. 袴以外の着物でも対象になりますか？<br>
  138.                                 A. はい。着用者が卒業式に出席される場合に限り、振袖・訪問着など種類を問わず適用されます。<br>
  139.                                 Q5. ペア・グループ割はどうやって利用できますか？<br>
  140.                                 A. ご来店またはネット注文で2名以上の同時契約が必要です。ネット注文の場合は1回の注文で2着以上ご注文ください。<br>
  141.                                 Q6. サマーキャンペーンとペア・グループ割は併用できますか？<br>
  142.                                 A. 併用はできません。どちらか一方をお選びください。<br>
  143.                                 Q7. ご成約後の申告でも割引は適用されますか？<br>
  144.                                 A. いいえ、ご成約時にお申し出いただいた場合のみ割引が適用されます。<br>
  145.                                 Q8. ペア・グループ割で別々にネット注文したら？<br>
  146.                                 A. 割引対象外となります。ネット注文の場合は1回のご注文で2着以上ご注文ください。<br>
  147.                                 Q9. トリプル利用割引は同時予約が必要ですか？<br>
  148.                                 A. いいえ、高校の卒業式でご利用後、あとから成人式や卒業式をご予約いただいても適用されます。<br>
  149.                                 Q10. W利用割引も成約時の申告が必要ですか？<br>
  150.                                 A. はい、成人式のご成約時に「W割を使いたい」とお申し出いただいた場合のみ適用されます。<br>
  151.                             </p>
  152.                         </div>
  153.                         <p class="text-center mt10"><span class="readmore aki-readmore-new button__new-show-more">詳細を見る</span><i class="fas fa-chevron-down button__new-show-more icon-show-more-detail-down"></i><i style="display: none;" class="fas fa-chevron-up button__new-show-more icon-show-more-detail-up"></i></p>
  154.                     </div>
  155.                     <div class="col-md-6 col-12 mb30">
  156.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_06.webp" alt="卒業袴レンタル特典 着付け無料"><h3 class="color-primary">着付け無料</h3></div>
  157.                         <p>ベテランスタッフによる、苦しくなく着崩れしない着付けを無料にていたします。<br>
  158.                         <br>
  159.                         <br class="d-none d-md-block">
  160.                         </p>
  161.                     </div>
  162.                     <div class="col-md-6 col-12 mb30">
  163.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_07.webp" alt="卒業袴レンタル特典 フルセットレンタル"><h3 class="color-primary">フルセットレンタル</h3></div>
  164.                         <p>草履から巾着まで必要なものは全てご用意しております。<br>手ぶらでご来店ください。ブーツ（1種）のご用意もございます。別途オプション3,300円(税込)。</p>
  165.                     </div>
  166.                     <div class="col-md-6 col-12 mb30">
  167.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_08.webp" alt="卒業袴レンタル特典 お荷物お預かり"><h3 class="color-primary">お荷物お預かり</h3></div>
  168.                         <p>お店で無料着付けをした後、お荷物を預かります。<br>式後、当店でお着替えいただけるので、らくらくです。<br>
  169.                         <br></p>
  170.                     </div>
  171.                     <div class="col-md-6 col-12 mb30">
  172.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_09.webp" alt="卒業袴レンタル特典 東京・横浜付近の式典会場にアクセス便利"><h3 class="color-primary">東京・横浜付近の<br>
  173.                         式典会場にアクセス便利</h3></div>
  174.                         <p>渋谷本店、銀座店、池袋店、横浜店の4店舗がございます。<br>ご都合のよい店舗をお選びください。</p>
  175.                     </div>
  176.                     {# <div class="col-md-6 col-12">
  177.                         <div class="d-flex gap10 align-items-center"><img loading="lazy" src="{{ image_address }}/hakama/h3_title_09.webp" alt="卒業袴レンタル特典 SNSキャンペーン"><h3 class="color-primary">SNSキャンペーン</h3></div>
  178.                         <p>X(旧Twitter) or Instagramで着物レンタル{% if not isSalon %}あき{% endif %}をタグ付け＋着物を着ている写真を投稿で安心パック or 髪飾り1,100円分サービス<br>
  179.                         ※こちらのキャンペーンは来店でご成約していただいた方のみ対象です。ご利用希望の方はご成約時にスタッフまでお申し付けください。</p>
  180.                     </div> #}
  181.                 </div>
  182.             </div>
  183.         </div>
  184.         <span id="btn_area" class="scroll-hide"></span>
  186.         <div class="row btn_area">
  187.             <div class="col-md-6 col-12 mb30">
  188.                 <a href="#l001" class="anchor" style="background-image: url({{ image_address }}/hakama/hakama_btn_001.webp); background-repeat:no-repeat; background-size: contain; padding: 10.2% 0 20% 15px; display: block; width: 100%;">学生<small>（女性）</small>の卒業袴</a>
  189.                 <a class="text-decoration-underline color-primary mt10" href="/products/list?category_id=40" onclick="gtag('event', 'クリック', {'event_category': '着物の種類から選ぶ','event_label': '着物の種類から選ぶ_七五三着物・十三詣り画像pc'});" >卒業袴の一覧を見る</a>
  190.             </div>
  191.             <div class="col-md-6 col-12 mb30">
  192.                 <a href="#l002" class="anchor" style="background-image: url({{ image_address }}/hakama/hakama_btn_003_v1.webp); background-repeat:no-repeat; background-size: contain; padding: 10.2% 0 20% 15px; display: block; width: 100%;">先生の卒業袴</a>
  193.                 <a class="text-decoration-underline color-primary mt10" href="/products/list?category_id=40" onclick="gtag('event', 'クリック', {'event_category': '着物の種類から選ぶ','event_label': '着物の種類から選ぶ_七五三着物・十三詣り画像pc'});" >卒業袴の一覧を見る</a>
  194.             </div>
  195.             <div class="col-md-6 col-12 mb30">
  196.                 <a href="#l003" class="anchor" style="background-image: url({{ image_address }}/hakama/hakama_btn_002.webp); background-repeat:no-repeat; background-size: contain; padding: 10.2% 0 20% 15px; display: block; width: 100%;">学生<small>（男性）</small>の紋付袴</a>
  197.                 <a class="text-decoration-underline color-primary mt10" href="/products/list?category_id=39" >紋付袴の一覧を見る</a>
  198.             </div>
  199.             <div class="col-md-6 col-12 mb-20-md">
  200.                 <a href="#l004" class="anchor" style="background-image: url({{ image_address }}/hakama/hakama_btn_004.webp); background-repeat:no-repeat; background-size: contain; padding: 10.2% 0 20% 10px; display: block; width: 100%;">ジュニア卒業袴</a>
  201.                 <a class="text-decoration-underline color-primary mt10" href="/products/list?category_id=40" onclick="gtag('event', 'クリック', {'event_category': '着物の種類から選ぶ','event_label': '着物の種類から選ぶ_七五三着物・十三詣り画像pc'});" >卒業袴の一覧を見る</a>
  202.             </div>
  203.             <div class="col-md-6 col-12">
  204.                 <a href="#l005" class="anchor" style="background-image: url({{ image_address }}/hakama/hakama_btn_005.webp); background-repeat:no-repeat; background-size: contain; padding: 10.2% 0 20% 10px; display: block; width: 100%;">お母さんの着物</a>
  205.                 <a class="text-decoration-underline color-primary mt10" href="/products/list?category_id=50" >訪問着の一覧を見る</a>
  206.             </div>
  207.         </div>
  209.         <p class="aki-border-primary"></p>
  211.         <div class="aki-row mb30">
  212.             <div class="col-12">
  213.                 <h2 class="seijin_title">思い出を残したい方へ</h2>
  214.                 <p class="mt20 mb20">着物レンタル{% if not isSalon %}あき{% endif %}では、卒業式の思い出を写真に残すプランをご用意しております。</p>
  215.                 <a href="/user_data/photo_plan">
  216.                     <img loading="lazy" src="{{ image_address }}/hakama/slide_016.webp" alt="卒業式の記念撮影思い出フォトプラン" class="img-responsive d-none d-md-block">
  217.                     <img loading="lazy" src="{{ image_address }}/hakama/slide_016_s.webp" alt="卒業式の記念撮影思い出フォトプラン" class="img-responsive d-block d-md-none">
  218.                 </a>
  219.                 <p class="mt20 mb20">ご不明な点がございましたらお気軽に各店へご相談ください。</p>
  220.                 <p>渋谷本店：<a href="tel:0334763341" class="text-decoration-underline color-primary">03-3476-3341</a><br>銀座店：<a href="tel:0355680529" class="text-decoration-underline color-primary">03-5568-0529</a> <br>池袋店：<a href="tel:03-6416-0529" class="text-decoration-underline color-primary">03-6416-0529</a><br>横浜店：<a href="tel:045-441-0529" class="text-decoration-underline color-primary">045-441-0529</a></p>
  221.             </div>
  222.         </div>
  224.         <p class="aki-border-primary"></p>
  226.         <div>
  227.         <span id="l001" class="scroll-hide"></span>
  228.             <div class="aki-row">
  229.                 <div class="col-12 text-center">
  230.                     <p class="mb20">卒業式 袴 レンタル</p>
  231.                     <h2 class="mb20">学生（女性）におすすめの卒業袴</h2>
  232.                     <p class="mb30">学生生活最後の卒業式は上品に華やかに。</p>
  233.                 </div>
  234.             </div>
  235.             <div class="pa20 aki-alert-primary mb30">
  236.                 <div class="aki-row">
  237.                     <div class="col-md-6 col-12 mb-20-md">
  238.                         <p class="mb15">卒業式の袴に合わせる着物は、通常二尺袖を合わせます。</p>
  239.                         <p>
  240.                             二尺袖とは、振袖ではありますが文字通り袖丈が二尺の着物のことです。<br>
  241.                             二尺は76cmで、通常の振袖より短いものになります。2尺袖は、動きやすく、若々しくさわやかな印象を与えてくれます。
  242.                         </p>
  243.                     </div>
  244.                     <div class="col-md-6 col-12">
  245.                         <img loading="lazy" src="{{ image_address }}/hakama/item_sec_01.webp" alt="卒業式　袴　レンタル　学生（女性）におすすめの紋付袴" class="img-responsive">
  246.                     </div>
  247.                 </div>
  248.             </div>
  250.             <!-- ▼item_list▼-->
  251.             <div id="item_list">
  252.                 {% set product_for_studen = getProductsByIds([1548,5525,6894,6856,6232,6860,6888,6852]) %}
  253.                 <ul class="thumbnails list-unstyled aki-row">
  254.                     {% for index,item in product_for_studen %}
  255.                         {% if item is not null %}
  256.                             <li class="col-md-3 col-6">
  257.                                 <div class="thumbnail">
  258.                                     <a href="{{ url('product_detail', {'id': item.id}) }}">
  259.                                         <div>
  260.                                             <img loading="lazy" src="{{asset(item.main_list_image|no_image_product, 'save_image')}}" alt="{{ item.name }}" class="img-responsive">
  261.                                         </div>
  262.                                     </a>
  263.                                 <div class="caption"><p class="font-size-12 mt15 text-center mbm10">卒業式 袴 レンタル</p>
  264.                                         <h3><a href="{{ url('product_detail', {'id': item.id}) }}">
  265.                                             {{ item.name }}</a></h3>
  266.                                         <ul class="caption-price">
  267.                                             <li><span class="gray-sub-text">¥ {{ item.getPrice02IncTaxMin|number_format }}(税込)</span></li>
  268.                                             <li>商品コード : <span id="item_code_default">{{ item.code_max }}</span></li>
  269.                                             <li>取扱店舗 : {{macros.getShopFromMaker(item,index)}}</li>
  270.                                         </ul>
  271.                                     </div>
  272.                                 </div>
  273.                             </li>
  274.                         {% else %}
  275.                         <li class="col-md-3 col-6">
  276.                             <div class="thumbnail">
  277.                                 <div class="caption">
  278.                                     <ul class="caption-price">
  279.                                         <li class="mb15"></li>
  280.                                         <li><span id="item_code_default"></span></li>
  281.                                         <li></li>
  282.                                     </ul>
  283.                                 </div>
  284.                             </div>
  285.                         </li>
  286.                         {% endif %}
  287.                     {% endfor %}
  288.                 </ul>
  289.                 <div class="text-center">
  290.                     <a href="/products/list?category_id=40" onclick="gtag('event', 'クリック', {'event_category': '着物の種類から選ぶ','event_label': '着物の種類から選ぶ_七五三着物・十三詣り画像pc'});" class="aki-btn aki-btn-primary d-block d-md-inline-block">卒業袴の一覧を見る</a>
  291.                 </div>
  292.             </div>
  293.         </div>
  294.         <!--ここまで学生エリア-->
  295.         <p class="aki-border-primary"></p>
  297.         <!--先生の着物エリア-->
  298.         <div>
  299.             <span id="l002" class="scroll-hide"></span>
  300.             <div class="aki-row mb30">
  301.                 <div class="col-12 text-center">
  302.                     <p class="mb20">卒業式 袴 レンタル</p>
  303.                     <h2 class="mb20">先生におすすめの卒業袴</h2>
  304.                     <p>教え子を送る日は、凛として先生らしい袴姿で！</p>
  305.                 </div>
  306.             </div>
  307.             <div class="pa20 aki-alert-primary mb30">
  308.                 <div class="aki-row ">
  309.                     <div class="col-md-6 col-12 mb-20-md">
  310.                         <p class="mb15">派手になりすぎないようにしましょう</p>
  311.                         <p>大切な生徒の旅立ちを、改まった袴姿で見届けてあげたいですよね！しかし、主役は卒業する生徒ですので、あまり派手な袴姿は避けて上品で凛とした雰囲気を意識して着物と袴を選びましょう。先輩の先生方や過去の写真を見るなどして決めると安心です。</p>
  312.                     </div>
  313.                     <div class="col-md-6 col-12">
  314.                         <img loading="lazy" src="{{ image_address }}/hakama/item_sec_02.webp" alt="卒業式 袴 レンタル 先生" class="img-responsive">
  315.                     </div>
  316.                 </div>
  317.             </div>
  318.             <!-- ▼item_list▼-->
  319.             <div id="item_list">
  320.                 <ul class="thumbnails list-unstyled aki-row">
  321.                     {% set product_for_teachers = getProductsByIds([4489,4296,5447,2346,1549,192,5497,2335]) %}
  322.                     {% for index,item in product_for_teachers %}
  323.                         {% if item is not null %}
  324.                             <li class="col-md-3 col-6">
  325.                                 <div class="thumbnail">
  326.                                     <a href="{{ url('product_detail', {'id': item.id}) }}">
  327.                                         <div>
  328.                                             <img loading="lazy" src="{{asset(item.main_list_image|no_image_product, 'save_image')}}" alt="{{ item.name }}" class="img-responsive">
  329.                                         </div>
  330.                                     </a>
  331.                                     <div class="caption"><p class="font-size-12 mt15 text-center mbm10">卒業式 袴 レンタル</p>
  332.                                         <h3><a href="{{ url('product_detail', {'id': item.id}) }}">
  333.                                             {{ item.name }}</a></h3>
  334.                                         <ul class="caption-price">
  335.                                             <li><span class="gray-sub-text">¥ {{ item.getPrice02IncTaxMin|number_format }}(税込)</span></li>
  336.                                             <li>商品コード : <span id="item_code_default">{{ item.code_max }}</span></li>
  337.                                             <li>取扱店舗 : {{macros.getShopFromMaker(item,index)}}</li>
  338.                                         </ul>
  339.                                     </div>
  340.                                 </div>
  341.                             </li>
  342.                         {% else %}
  343.                         <li class="col-md-3 col-6">
  344.                             <div class="thumbnail">
  345.                                 <div class="caption">
  346.                                     <ul class="caption-price">
  347.                                         <li class="mb15"></li>
  348.                                         <li><span id="item_code_default"></span></li>
  349.                                         <li></li>
  350.                                     </ul>
  351.                                 </div>
  352.                             </div>
  353.                         </li>
  354.                         {% endif %}
  355.                     {% endfor %}
  356.                 </ul>
  357.                 <div class="text-center">
  358.                     <a href="/products/list?category_id=40" onclick="gtag('event', 'クリック', {'event_category': '着物の種類から選ぶ','event_label': '着物の種類から選ぶ_七五三着物・十三詣り画像pc'});" class="aki-btn aki-btn-primary d-block d-md-inline-block">卒業袴の一覧を見る</a>
  359.                 </div>
  360.             </div>
  361.         </div>
  362.     <!--ここまで先生の着物エリア-->
  363.     <p class="aki-border-primary"></p>
  364.     <!--男性の紋付袴エリア-->
  365.         <div>
  366.             <span id="l003" class="scroll-hide"></span>
  367.             <div class="aki-row">
  368.                 <div class="col-12 text-center mb30">
  369.                     <p class="mb20">卒業式 袴 レンタル</p>
  370.                     <h2 class="mb20">学生（男性）におすすめの紋付袴</h2>
  371.                     <p>社会人になる心構えも大切です。成人式よりは落ち着いた袴をおすすめします。</p>
  372.                 </div>
  373.             </div>
  374.             <div class="pa20 aki-alert-primary mb30">
  375.             <div class="aki-row">
  376.                 <div class="col-md-6 col-12 mb-20-md">
  377.                     <p class="mb15 mt00">卒業式には落ち着いた袴を</p>
  378.                     <p>卒業式に卒業袴を着る男性は少ないですが、友達と一緒に袴をレンタルしてみてはいかがでしょうか？友達との思い出を作るには最適な機会だと思います。卒業式というフォーマルな服装がもとめられる場ですので、できるだけ落ち着いた着物を選ぶことをお勧めします。</p>
  379.                 </div>
  380.                 <div class="col-md-6 col-12">
  381.                     <img loading="lazy" src="{{ image_address }}/hakama/item_sec_03.webp" alt="大学 卒業式 袴 レンタル" class="img-responsive">
  382.                 </div>
  383.             </div>
  384.             </div>
  385.             <!-- ▼item_list▼-->
  386.             <div id="item_list">
  387.                 {% set product_for_male_students = getProductsByIds([1774,382,6404,2552,1773,7739,6429,6704]) %}
  388.                 <ul class="thumbnails list-unstyled aki-row">
  389.                     {% for index,item in product_for_male_students %}
  390.                         {% if item is not null %}
  391.                             <li class="col-md-3 col-6">
  392.                                 <div class="thumbnail">
  393.                                     <a href="{{ url('product_detail', {'id': item.id}) }}">
  394.                                         <div>
  395.                                             <img loading="lazy" src="{{asset(item.main_list_image|no_image_product, 'save_image')}}" alt="{{ item.name }}" class="img-responsive">
  396.                                         </div>
  397.                                     </a>
  398.                                     <div class="caption"><p class="font-size-12 mt15 text-center mbm10">卒業式 袴 レンタル</p>
  399.                                         <h3><a href="{{ url('product_detail', {'id': item.id}) }}">{{ item.name }}</a></h3>
  400.                                         <ul class="caption-price">
  401.                                             <li><span class="gray-sub-text">¥ {{ item.getPrice02IncTaxMin|number_format }}(税込)</span></li>
  402.                                             <li>商品コード : <span id="item_code_default">{{ item.code_max }}</span></li>
  403.                                             <li>取扱店舗 : {{macros.getShopFromMaker(item,index)}}</li>
  404.                                         </ul>
  405.                                     </div>
  406.                                 </div>
  407.                             </li>
  408.                         {% else %}
  409.                         <li class="col-md-3 col-6">
  410.                             <div class="thumbnail">
  411.                                 <div class="caption">
  412.                                     <ul class="caption-price">
  413.                                         <li class="mb15"></li>
  414.                                         <li><span id="item_code_default"></span></li>
  415.                                         <li></li>
  416.                                     </ul>
  417.                                 </div>
  418.                             </div>
  419.                         </li>
  420.                         {% endif %}
  421.                     {% endfor %}
  422.                 </ul>
  423.             </div>
  424.             <div class="text-center">
  425.                 <a href="/products/list?category_id=39" class="aki-btn aki-btn-primary d-block d-md-inline-block">紋付袴の一覧を見る</a>
  426.             </div>
  427.         </div>
  428. <!--ここまで男性の紋付袴エリア-->
  429. <p class="aki-border-primary"></p>
  430.         <!--ジュニア卒業式エリア-->
  431.         <div>
  432.             <span id="l004" class="scroll-hide"></span>
  433.             <div class="aki-row">
  434.                 <div class="col-12 text-center mb30">
  435.                     <p class="mb20">卒業式 袴 レンタル</p>
  436.                     <h2 class="mb20">ジュニアにおすすめの卒業袴</h2>
  437.                     <p>小学生最後を華やかに飾る！大人として第一歩を</p>
  438.                 </div>
  439.             </div>
  440.             <div class="pa20 aki-alert-primary mb30">
  441.             <div class="aki-row">
  442.                 <div class="col-md-6 col-12 mb-20-md">
  443.                     <p class="mb15">小学生の卒業式には卒業袴が人気です</p>
  444.                     <p class="mb20">最近、小学校の卒業式に卒業袴を着ることが多くなってきました！しかし、学校で禁止している場合もありますので、小学校の卒業式に着る場合はしっかりと学校側に確認しておきましょう。ブーツを履くのか草履を履くのかで丈の長さが変わってきますので、事前に決めてからレンタルしましょう。</p>
  445.                     <p>小学生の方は<a href="/products/list?category_id=40&category_id_1%5B%5D=187&disp_number=20&orderby=2" class="text-decoration-underline color-primary">「大人のSサイズ」</a>からもお選びいただけます。</p>
  446.                 </div>
  447.                 <div class="col-md-6 col-12">
  448.                     <img loading="lazy" src="{{ image_address }}/hakama/item_sec_04.webp" alt="小学生の卒業式には卒業袴が人気" class="img-responsive">
  449.                 </div>
  450.             </div>
  451.             </div>
  452.             <!-- ▼item_list▼-->
  453.             <div id="item_list">
  454.                 {% set product_for_juniors = getProductsByIds([6224,3019,7019,3969,1574,3022,5968,3967,4545,4540,6322,4539,4546,4542,4532,4543]) %}
  455.                 <ul class="thumbnails list-unstyled aki-row">
  456.                     {% for index,item in product_for_juniors %}
  457.                         {% if item is not null %}
  458.                             <li class="col-md-3 col-6">
  459.                                 <div class="thumbnail">
  460.                                     <a href="{{ url('product_detail', {'id': item.id}) }}">
  461.                                         <div>
  462.                                             <img loading="lazy" src="{{asset(item.main_list_image|no_image_product, 'save_image')}}" alt="{{ item.name }}" class="img-responsive">
  463.                                         </div>
  464.                                     </a>
  465.                                     <div class="caption"><p class="font-size-12 mt15 text-center mbm10">卒業式 袴 レンタル</p>
  466.                                         <h3><a href="{{ url('product_detail', {'id': item.id}) }}">{{ item.name }}</a></h3>
  467.                                         <ul class="caption-price">
  468.                                             <li><span class="gray-sub-text">¥ {{ item.getPrice02IncTaxMin|number_format }}(税込)</span></li>
  469.                                             <li>商品コード : <span id="item_code_default">{{ item.code_max }}</span></li>
  470.                                             <li>取扱店舗 : {{macros.getShopFromMaker(item,index)}}</li>
  471.                                         </ul>
  472.                                     </div>
  473.                                 </div>
  474.                             </li>
  475.                         {% else %}
  476.                         <li class="col-md-3 col-6">
  477.                             <div class="thumbnail">
  478.                                 <div class="caption">
  479.                                     <ul class="caption-price">
  480.                                         <li class="mb15"></li>
  481.                                         <li><span id="item_code_default"></span></li>
  482.                                         <li></li>
  483.                                     </ul>
  484.                                 </div>
  485.                             </div>
  486.                         </li>
  487.                         {% endif %}
  488.                     {% endfor %}
  489.                 </ul>
  490.                 <div class="text-center">
  491.                     <a href="/products/list?category_id=40" onclick="gtag('event', 'クリック', {'event_category': '着物の種類から選ぶ','event_label': '着物の種類から選ぶ_七五三着物・十三詣り画像pc'});" class="aki-btn aki-btn-primary d-block d-md-inline-block">卒業袴の一覧を見る</a>
  492.                 </div>
  493.             </div>
  494.         </div>
  495.         <!--ここまでジュニア卒業式エリア-->
  496.         <p class="aki-border-primary"></p>
  497.         <!--お母さんの着物エリア-->
  498.         <div>
  499.             <span id="l005" class="scroll-hide"></span>
  500.             <div class="aki-row">
  501.                 <div class="col-12 text-center mb30">
  502.                     <p class="mb20">卒業式 着物 レンタル</p>
  503.                     <h2 class="mb20">お母さんにおすすめの着物</h2>
  504.                     <p>お子様の成長を着物で見届けよう！</p>
  505.                 </div>
  506.             </div>
  507.             <div class="pa20 aki-alert-primary mb30">
  508.             <div class="aki-row">
  509.                 <div class="col-md-6 col-12 mb-20-md text-center">
  510.                     <p class="mb15">上品な着物でお祝いしてあげましょう</p>
  511.                     <p class="mb20">お子様の袴姿に合わせてお母さんも一緒に着物姿だととても素敵ですよね。お子様の入学式や卒業式にはあまり主張しすぎない色・柄を選ぶことが大切です。素敵な着物を着て、大切なお子様の成長を祝ってみてはいかがでしょうか？</p>
  512.                     <a href="/user_data/sotsunyugaku" class="aki-btn aki-btn-primary text-center mb20 d-block d-md-inline-block">お母さんにおすすめの着物プランはこちら</a>
  513.                 </div>
  514.                 <div class="col-md-6 col-12">
  515.                     <img loading="lazy" src="{{ image_address }}/hakama/mother.webp?v=1.0" alt="卒業式 着物 レンタル 母" class="img-responsive">
  516.                 </div>
  517.             </div>
  518.             </div>
  519.             <!-- ▼item_list▼-->
  520.             <div id="item_list">
  521.             {% set product_for_mothers = getProductsByIds([6499,3118,3511,4141,4206,257,6895,3032]) %}
  522.                 <ul class="thumbnails list-unstyled aki-row">
  523.                     {% for index,item in product_for_mothers %}
  524.                         {% if item is not null %}
  525.                             <li class="col-md-3 col-6">
  526.                                 <div class="thumbnail">
  527.                                     <a href="{{ url('product_detail', {'id': item.id}) }}">
  528.                                         <div>
  529.                                             <img loading="lazy" src="{{asset(item.main_list_image|no_image_product, 'save_image')}}" alt="{{ item.name }}" class="img-responsive">
  530.                                         </div>
  531.                                     </a>
  532.                                     <div class="caption"><p class="font-size-12 mt15 text-center mbm10">卒業式 袴 レンタル</p>
  533.                                         <h3><a href="{{ url('product_detail', {'id': item.id}) }}">{{ item.name }}</a></h3>
  534.                                         <ul class="caption-price">
  535.                                             <li><span class="gray-sub-text">¥ {{ item.getPrice02IncTaxMin|number_format }}(税込)</span></li>
  536.                                             <li>商品コード : <span id="item_code_default">{{ item.code_max }}</span></li>
  537.                                             <li>取扱店舗 : {{macros.getShopFromMaker(item,index)}}</li>
  538.                                         </ul>
  539.                                     </div>
  540.                                 </div>
  541.                             </li>
  542.                         {% else %}
  543.                         <li class="col-md-3 col-6">
  544.                             <div class="thumbnail">
  545.                                 <div class="caption">
  546.                                     <ul class="caption-price">
  547.                                         <li class="mb15"></li>
  548.                                         <li><span id="item_code_default"></span></li>
  549.                                         <li></li>
  550.                                     </ul>
  551.                                 </div>
  552.                             </div>
  553.                         </li>
  554.                         {% endif %}
  555.                     {% endfor %}
  556.                 </ul>
  557.             </div>
  558.                 <div class="text-center">
  559.                     <a href="/products/list?category_id=50" class="aki-btn aki-btn-primary d-block d-md-inline-block">訪問着の一覧を見る</a>
  560.                 </div>
  561.         </div>
  562.         <!--ここまでお母さんエリア-->
  563.         <p class="aki-border-primary"></p>
  564.         <div class="aki-row mb30">
  565.             <div class="col-12">
  566.                 <h2 class="text-center">その他にも卒業袴を多数ご用意してお待ちしております。</h4>
  567.             </div>
  568.         </div>
  569.         <div class="aki-usage aki-row choose tab-pane active" id="all-adalut">
  570.             <div class="col-12 aki-tabs-block">
  571.                 <div class="aki-row">
  572.                     <div class="col-md-6 col-12 mb-20-md">
  573.                     <a href="/products/list?category_id=40">
  574.                         <div class="top_recommend_title aki-border mb00" style="background-image: url(/html/template/default/assets/img/aki/choose/category_40.webp)">
  575.                                 <div class="top_recommend_title_inner"><h3 class="aki-title-zen">卒業袴</h3></div>
  576.                             </a>
  577.                         </div>
  578.                     </div>
  579.                     <div class="col-md-6 col-12">
  580.                     <a href="/products/list?category_id=39">
  581.                         <div class="top_recommend_title aki-border mb00" style="background-image: url(/html/template/default/assets/img/aki/choose/category_39.webp)">
  582.                                 <div class="top_recommend_title_inner"><h3 class="aki-title-zen">紋付袴（男性用）</h3>
  583.                                 </div>
  584.                             </a>
  585.                         </div>
  586.                     </div>
  587.                 </div>
  588.             </div>
  589.         </div>
  590.         <p class="aki-border-primary"></p>
  591.         <div class="aki-row">
  592.             <div class="col-12 text-center">
  593.                 <span id="hakama_flow" class="scroll-hide"></span>
  594.                 <h2 class="mb20">ご利用の流れ</h2>
  595.             </div>
  596.         </div>
  597.         <div class="aki-usage-tabs aki-tabs-block mb30">
  598.             <ul class="nav aki-navs justify-content-center">
  599.                 <li><a class="aki-btn active" href="#hakama_flow01" data-bs-toggle="tab">ご来店レンタル</a></li>
  600.                 <li><a class="aki-btn" href="#hakama_flow02" data-bs-toggle="tab">宅配レンタル</a></li>
  601.             </ul>
  602.             <div class="tab-content">
  603.                 <div class="aki-row choose tab-pane active" id="hakama_flow01">
  604.                     <div class="col-md-12">
  605.                         <div class="mt30 text-center">
  606.                             <h3 class="mb15">ご来店レンタルの流れ</h3>
  607.                             <h5 class="black-text mb15">来店での「下見・試着」をご希望のお客様へ</h5>
  608.                             <p class="mb15">まずは、お気軽にお電話やメールでご連絡下さい。<br>下見は商品の所属店舗のみでの対応となります。</p>
  609.                             <div class="aki-row align-items-center justify-content-center mb15">
  610.                                 <div class="col-md-6 text-md-end">
  611.                                     渋谷本店：<a class="text-decoration-underline color-primary" href="tel:0334763341">03-3476-3341</a><br>池袋店: <a class="text-decoration-underline color-primary" href="tel:0364160529">03-6416-0529</a>
  612.                                 </div>
  613.                                 <div class="col-md-6 text-md-start">
  614.                                     銀座店：<a class="text-decoration-underline color-primary" href="tel:0355680529">03-5568-0529</a><br>横浜店：<a class="text-decoration-underline color-primary" href="tel:0454410529">045-441-0529</a>
  615.                                 </div>
  616.                             </div>
  617.                         </div>
  618.                         <div class="mt30">
  619.                             <dl class="dl-horizontal">
  620.                                 <dt>
  621.                                     <img loading="lazy"
  622.                                         src="{{ asset('assets/img/aki/flow/flow_step01.webp') }}"
  623.                                         alt="着物レンタル、ステップ1"
  624.                                         class="img-responsive"
  625.                                     />
  626.                                 </dt>
  627.                                 <dd>
  628.                                     <p class="black-text">袴・着物選び</p>
  629.                                     <br />
  630.                                     <p>
  631.                                         ウェブサイトからお好みの袴をお選びください。<br /><br />
  632.                                         ※ご来店での着付けの場合は、1泊2日となります。<br>
  633.                                         ※お持ちだしも承っております。ご利用日の前日に持ち出し、ご利用日翌日にご返却下さい。 （2泊3日）
  634.                                     </p>
  635.                                 </dd>
  636.                             </dl>
  637.                             <dl class="dl-horizontal mt40">
  638.                                 <dt>
  639.                                     <img loading="lazy"
  640.                                         src="{{ asset('assets/img/aki/flow/flow_step02.webp') }}"
  641.                                         alt="着物レンタル、ステップ2"
  642.                                         class="img-responsive"
  643.                                     />
  644.                                 </dt>
  645.                                 <dd>
  646.                                     <p class="black-text">お申し込み・お支払い</p>
  647.                                     <br />
  648.                                     <p>
  649.                                         商品ページからご希望の商品を選択し、ご来店店舗、日時などをご指定のうえ、お申し込み・お支払いをお願いします。<br /><br />
  650.                                         ※お好きな袴を全店舗どこでもお召し頂けます。　<br>※時間を入力の際は、ご来店ではなくご希望の出発時間を記入して下さい。
  651.                                     </p>
  652.                                 </dd>
  653.                             </dl>
  654.                             <dl class="dl-horizontal mt40">
  655.                                 <dt>
  656.                                     <img loading="lazy"
  657.                                         src="{{ asset('assets/img/aki/flow/flow_step03.webp') }}"
  658.                                         alt="着物レンタル、ステップ3"
  659.                                         class="img-responsive"
  660.                                     />
  661.                                 </dt>
  662.                                 <dd>
  663.                                     <p class="black-text">来店着付け申し込み受付メール</p>
  664.                                     <br />
  665.                                     <p>
  666.                                         お申し込み後、自動返信にて「来店着付け申し込み受付メール」をお送りしております。<br />
  667.                                         このメールの後、担当者より「来店受付確定メール」をお送りいたしますので、ご確認ください。
  668.                                         <br />
  669.                                         <br />
  670.                                         ※携帯メールアドレスの場合、迷惑メールに区分されてしまう可能性があります。<br />あらかじめ @kr-aki.jp からのメールを受け取れるよう設定をお願いいたします。
  671.                                     </p>
  672.                                 </dd>
  673.                             </dl>
  674.                             <dl class="dl-horizontal mt40">
  675.                                 <dt>
  676.                                     <img loading="lazy"
  677.                                         src="{{ asset('assets/img/aki/flow/flow_step04.webp') }}"
  678.                                         alt="着物レンタル、ステップ4"
  679.                                         class="img-responsive"
  680.                                     />
  681.                                 </dt>
  682.                                 <dd>
  683.                                     <p class="black-text">来店受付確定メール</p>
  684.                                     <br />
  685.                                     <p>
  686.                                         お振込（一週間以内）での対応も可能です。振込先は「来店受付確定メール」に記載されておりますので、ご確認ください。<br />
  687.                                         ※振り込み手数料はお客様のご負担とさせていただきますのでご了承ください。
  688.                                     </p>
  689.                                 </dd>
  690.                             </dl>
  691.                             <dl class="dl-horizontal mt40">
  692.                                 <dt>
  693.                                     <img loading="lazy"
  694.                                         src="{{ asset('assets/img/aki/flow/flow_step0502.webp') }}"
  695.                                         alt="着物レンタル、ステップ5"
  696.                                         class="img-responsive"
  697.                                     />
  698.                                 </dt>
  699.                                 <dd>
  700.                                     <p class="black-text">ご来店</p>
  701.                                     <br />
  702.                                     <div>
  703.                                         <p>
  704.                                             お申し込み時にご選択いただいた店舗に予約時間の10分前を目安にお越しください。<br>
  705.                                             オプションなどの追加料金が発生した場合は、残金のお支払いをお願いします。お支払いは現金またはクレジットカードがご利用頂けます。
  706.                                         </p>
  707.                                         <div class="note-block mt10">
  708.                                             <p class="color-primary fw-600 mb10">身分証のご掲示もお願い致します。</p>
  709.                                             <p>
  710.                                                 店舗での受付時に現住所の確認できる身分証（免許証や保険証など）をご提示ください。ご提示いただけない場合は保証金１万円を別途お預かりいたします。
  711.                                             </p>
  712.                                         </div>
  713.                                     </div>
  714.                                     <div class="mt15">
  715.                                         <img loading="lazy"
  716.                                             src="{{ asset('assets/img/aki/flow/credit-card.webp') }}"
  717.                                             alt="着物レンタルお支払い方法クレジットカード"
  718.                                             class="img-responsive"
  719.                                         />
  720.                                     </div>
  721.                                 </dd>
  722.                             </dl>
  723.                             <dl class="dl-horizontal mt40">
  724.                                 <dt>
  725.                                     <img loading="lazy"
  726.                                         src="{{ asset('assets/img/aki/flow/flow_step0602.webp') }}"
  727.                                         alt="着物レンタル、ステップ6"
  728.                                         class="img-responsive"
  729.                                     />
  730.                                 </dt>
  731.                                 <dd>
  732.                                     <p class="black-text">袴・着物の着付け</p>
  733.                                     <br />
  734.                                     <p>
  735.                                         ベテランスタッフより袴の着付けを無料でご提供させていただきます。<br /><br />
  736.                                         お荷物をお預かりするサービスもご用意していますので、身軽でご出発して頂くことも可能です。ご希望のお客様はお気軽にスタッフまでお声がけください。
  737.                                     </p>
  738.                                 </dd>
  739.                             </dl>
  740.                             <dl class="dl-horizontal mt40">
  741.                                 <dt>
  742.                                     <img loading="lazy"
  743.                                         src="{{ asset('assets/img/aki/flow/flow_step0702.webp') }}"
  744.                                         alt="着物レンタル、ステップ7"
  745.                                         class="img-responsive"
  746.                                     />
  747.                                 </dt>
  748.                                 <dd>
  749.                                     <p class="black-text">ご返却</p>
  750.                                     <br />
  751.                                     <p>
  752.                                         着物の返却方法は、ご来店いただいた店舗へ持参いただくか、配送（別途）にて承ります。<br />
  753.                                         着用後は万が一汚してしまった場合、スタッフまでお声がけください。
  754.                                     </p>
  755.                                 </dd>
  756.                             </dl>
  757.                         </div>
  758.                     </div>
  759.                 </div>
  760.                 <div class="aki-row choose tab-pane" id="hakama_flow02">
  761.                     <div class="col-md-12">
  762.                         <div class="mt30 text-center">
  763.                             <h3 class="mb15">宅配レンタルの流れ</h3>
  764.                             <p class="mb15">店舗に行く時間がない、着付けができずに困っている…といった方の為に<a class="text-decoration-underline color-primary" href="/user_data/service#s04">出張着付け</a>も行っております。是非併せてご利用ください。</p>
  765.                         </div>
  766.                         <div class="mt30">
  767.                             <dl class="dl-horizontal">
  768.                                 <dt>
  769.                                     <img loading="lazy"
  770.                                         src="{{ asset('assets/img/aki/flow/flow_step01.webp') }}"
  771.                                         alt="宅配着物レンタル、ステップ1"
  772.                                         class="img-responsive"
  773.                                     />
  774.                                 </dt>
  775.                                 <dd>
  776.                                     <p class="black-text">袴・着物選び</p>
  777.                                     <br />
  778.                                     <p>
  779.                                         ウェブサイトからお好みの着物をお選びください。
  780.                                         <br /><br />
  781.                                         ※宅配の場合、レンタル期間は3泊4日となります。
  782.                                     </p>
  783.                                 </dd>
  784.                             </dl>
  785.                             <dl class="dl-horizontal mt40">
  786.                                 <dt>
  787.                                     <img loading="lazy"
  788.                                         src="{{ asset('assets/img/aki/flow/flow_step02.webp') }}"
  789.                                         alt="宅配着物レンタル、ステップ2"
  790.                                         class="img-responsive"
  791.                                     />
  792.                                 </dt>
  793.                                 <dd>
  794.                                     <p class="black-text">お申し込み</p>
  795.                                     <br />
  797.                                     <p>
  798.                                         ご希望の商品ページからご希望のサービスを選択し、お申し込みください。
  799.                                         <br /><br />
  800.                                         ※配送指定日はご利用日2日前をご指定ください。
  801.                                     </p>
  802.                                 </dd>
  803.                             </dl>
  804.                             <dl class="dl-horizontal mt40">
  805.                                 <dt>
  806.                                     <img loading="lazy"
  807.                                         src="{{ asset('assets/img/aki/flow/flow_step03.webp') }}"
  808.                                         alt="宅配着物レンタル、ステップ3"
  809.                                         class="img-responsive"
  810.                                     />
  811.                                 </dt>
  812.                                 <dd>
  813.                                     <p class="black-text">「ご注文受付メール」のご連絡</p>
  814.                                     <br />
  816.                                     <p>
  817.                                         お申し込み後、「ご注文受付メール」をお送りします。<br /><br />
  818.                                         ※携帯メールアドレスをご利用のお客様は迷惑メールになってしまう場合もございますので、@kr-aki.jp
  819.                                         からのメールを受け取れるよう設定をお願いいたします。
  820.                                     </p>
  821.                                 </dd>
  822.                             </dl>
  823.                             <dl class="dl-horizontal mt40">
  824.                                 <dt>
  825.                                     <img loading="lazy"
  826.                                         src="{{ asset('assets/img/aki/flow/flow_step04.webp') }}"
  827.                                         alt="宅配着物レンタル、ステップ4"
  828.                                         class="img-responsive"
  829.                                     />
  830.                                 </dt>
  831.                                 <dd>
  832.                                     <p class="black-text">ご注文確定メール・お支払い</p>
  833.                                     <br />
  835.                                     <p>
  836.                                         ご注文頂いた商品を確認の後、担当者より「ご注文確定メール」をお送りします。 お客
  837.                                         様が選択された方法で１週間以内にお支払いをお願いいたします。<br />
  838.                                         ご利用いただけるお支払方法は以下の通りです。
  839.                                     </p>
  840.                                     <br />
  841.                                     <ul>
  842.                                         <li>銀行振込（前払い）</li>
  843.                                         <li>クレジットカード</li>
  844.                                     </ul>
  845.                                 </dd>
  846.                             </dl>
  847.                             <dl class="dl-horizontal mt40">
  848.                                 <dt>
  849.                                     <img loading="lazy"
  850.                                         src="{{ asset('assets/img/aki/flow/flow_step05.webp') }}"
  851.                                         alt="宅配着物レンタル、ステップ5"
  852.                                         class="img-responsive"
  853.                                     />
  854.                                 </dt>
  855.                                 <dd>
  856.                                     <p class="black-text">商品のお届け</p>
  857.                                     <br />
  859.                                     <p>
  860.                                         着物レンタル{% if not isSalon %}あき{% endif %}より、お客様のご指定先へご利用日2日前にお届けします。<br />
  861.                                         商品が到着しましたら、速やかに商品のご確認をお願いします。<br /><br />
  862.                                         万一、不足など問題がある場合は、直ちに「着物レンタル{% if not isSalon %}あき{% endif %}」までご連絡ください。
  863.                                     </p>
  864.                                 </dd>
  865.                             </dl>
  866.                             <dl class="dl-horizontal mt40">
  867.                                 <dt>
  868.                                     <img loading="lazy"
  869.                                         src="{{ asset('assets/img/aki/flow/flow_step06.webp') }}"
  870.                                         alt="宅配着物レンタル、ステップ6"
  871.                                         class="img-responsive"
  872.                                     />
  873.                                 </dt>
  874.                                 <dd>
  875.                                     <p class="black-text">ご着用</p>
  876.                                     <br />
  878.                                     <p>
  879.                                         着用後はクリーニングは不要ですので、そのままご返却下さい。万が一汚してしまっても、決してご自分で処置をしないでください。
  880.                                     </p><br />
  881.                                     <a
  882.                                         class="color-primary text-decoration-underline"
  883.                                         href="/user_data/cancel#cancel_t004"
  884.                                         >▶詳しくはこちら</a
  885.                                     >
  886.                                 </dd>
  887.                             </dl>
  888.                             <dl class="dl-horizontal mt40">
  889.                                 <dt>
  890.                                     <img loading="lazy"
  891.                                         src="{{ asset('assets/img/aki/flow/flow_step07.webp') }}"
  892.                                         alt="宅配着物レンタル、ステップ7"
  893.                                         class="img-responsive"
  894.                                     />
  895.                                 </dt>
  896.                                 <dd>
  897.                                     <p class="black-text">ご返却</p>
  898.                                     <br />
  900.                                     <p>
  901.                                         ご利用日の翌日に同梱の伝票にて運送会社までお渡しくださるようお願い申し上げます。
  902.                                     </p>
  903.                                 </dd>
  904.                             </dl>
  905.                             <dl class="dl-horizontal mt40">
  906.                                 <dt>
  907.                                     <img loading="lazy"
  908.                                         src="{{ asset('assets/img/aki/flow/flow_step08.webp') }}"
  909.                                         alt="宅配着物レンタル、ステップ8"
  910.                                         class="img-responsive"
  911.                                     />
  912.                                 </dt>
  913.                                 <dd>
  914.                                     <p class="black-text">ご返却完了</p>
  915.                                     <br />
  917.                                     <p>
  918.                                         ご返却いただいた商品を確認の上、「ご返却完了メール」をお送りします。
  919.                                     </p>
  920.                                 </dd>
  921.                             </dl>
  922.                         </div>
  923.                     </div>
  924.                 </div>
  925.             </div>
  926.         </div>
  927.     </div>
  928. </div>
  929. <script src="{{ asset('assets/aki/js/handle-show-button-detail.js') }}"></script>
  930. {% endblock %}