app/template/user_data/naire.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 = 'front_page' %}
  15. {% block javascript %}
  16.     <script>
  17.         $(document).ready(function () {
  18. $('.tab-content').hide();
  19. $('.tab1').fadeIn();
  20. $('#tab1').prop('checked', true);
  21. });
  22. for (let i = 1; i <= 11; i++) {
  23. $('#tab' + i).on('click', function () {
  24. $('.tab' + i).fadeIn(300);
  25. $('.tab' + i).siblings("div").hide()
  26. });
  27. }
  28.     </script>
  29. {% endblock %}
  30. {% set naire_items = [
  31.     {
  32.         'name':'星牌',
  33.         'id':'tab1',
  34.     },
  35.     {
  36.         'name':'結牌',
  37.         'id':'tab3',
  38.     },
  39.     {
  40.         'name':'虎空檀',
  41.         'id':'tab4',
  42.     },
  43.     {
  44.         'name':'古今牌',
  45.         'id':'tab5',
  46.     },
  47.     {
  48.         'name':'ふわり',
  49.         'id':'tab6',
  50.     },
  51.     {
  52.         'name':'宿牌',
  53.         'id':'tab7',
  54.     },
  55.     {
  56.         'name':'家景牌',
  57.         'id':'tab8',
  58.     },
  59.     {
  60.         'name':'永遠の樹',
  61.         'id':'tab9',
  62.     },
  63.     {
  64.         'name':'集',
  65.         'id':'tab10',
  66.     },
  67.     {
  68.         'name':'然',
  69.         'id':'tab11',
  70.     }
  71. ] %}
  72. {% set naire_categories = [
  73.     {
  74.         'id':'tab1',
  75.         'layout_description':'以下4種よりお選びいただけます。',
  76.         'layout':'◎ 戒名パターン\n◎ 俗名パターン\n◎ 俗名(英字)パターン\n◎ 名入れなし',
  77.        'images':[
  78.             {'src': 'assets/img/naire/seihai_kaimyou.webp'},
  79.             {'src': 'assets/img/naire/seihai_zokumyou.webp'},
  80.             {'src': 'assets/img/naire/seihai_zokumyou_en.webp'},
  81.             {'src': 'assets/img/naire/seihai_noname.webp'},
  82.         ],
  83.         'text_color':'金字',
  84.         'font':'日本語：A－OFT教科書ICA Pro\n英字：Ｍinin Pro（全て大文字となります）',
  85.         'material':'天然石
  86.         ※天然石の特徴として、内包物・艶・色合いが全て異なります。\n　また全て手作業での成形のため、多少のサイズ誤差も生じます。\n　個体のご指定はできませんのでご了承ください。'
  87.     },
  88.     {
  89.         'id':'tab3',
  90.         'layout_description':'以下3種よりお選びいただけます。',
  91.         'layout':'◎ 戒名パターン\n◎ 俗名パターン\n◎ 名入れなし',
  92.         'images':[
  93.             {'src': 'assets/img/naire/yuinou_kaimyou.webp'},
  94.             {'src': 'assets/img/naire/yuinou_zokumyou.webp'},
  95.             {'src': 'assets/img/naire/yuinou_noname.webp'},
  96.         ],
  97.         'text_color':'茶色\n※焼き彫りとなります。',
  98.         'font':'DFG教科書体W4',
  99.         'material':'菩提樹・錫・天然石
  100.         ※天然の素材（木材・石など）を使用し、一つ一つ手作業でお作りしているため、\n色合いや木目が全て異なります。サイトや店頭カタログなどと全く同じお品物は\nご用意できませんのであらかじめご了承ください。\n'
  101.     },
  102.     {
  103.         'id':'tab4',
  104.         'layout_description':'以下3種よりお選びいただけます。',
  105.         'layout':'◎ 戒名パターン\n◎ 俗名パターン\n◎ 名入れなし',
  106.         'images':[
  107.             {'src': 'assets/img/naire/kokudan_kaimyou.webp',},
  108.             {'src': 'assets/img/naire/kokudan_zokumyou.webp',},
  109.             {'src': 'assets/img/naire/kokudan_noname.webp',},
  110.         ],
  111.         'text_color':'金字',
  112.         'font':'小塚明朝Pr6N M4',
  113.         'material':'黒檀
  114.         ※天然の素材（木材・石など）を使用し、一つ一つ手作業でお作りしているため、\n色合いや木目が全て異なります。サイトや店頭カタログなどと全く同じお品物は\nご用意できませんのであらかじめご了承ください。'
  115.     },
  116.     {
  117.         'id':'tab5',
  118.         'layout_description':'以下4種よりお選びいただけます。',
  119.         'layout':'◎ 戒名パターン\n◎ 俗名パターン\n◎ 花紋パターン\n◎ 名入れなし',
  120.         'images':[
  121.             {'src': 'assets/img/naire/kokinhai_kaimyou.webp',},
  122.             {'src': 'assets/img/naire/kokinhai_zokumyou.webp',},
  123.             {'src': 'assets/img/naire/kokinhai_kamon.webp',},
  124.             {'src': 'assets/img/naire/kokinhai_noname.webp',},
  125.         ],
  126.         'text_color':'銀色\n※箔仕上げになります。',
  127.         'font':'日本語：DF教科書体W４\n数字：DF教科書体W４',
  128.         'material':'ヒバ・本漆・真鍮'
  129.     },
  130.     {
  131.         'id':'tab6',
  132.         'layout_description':'以下3種よりお選びいただけます。',
  133.         'layout':'◎ 戒名パターン\n◎ 俗名（縦）パターン\n◎ 俗名（横）パターン\n',
  134.         'images':[
  135.             {'src': 'assets/img/naire/fuwari_kaimyou.webp',},
  136.             {'src': 'assets/img/naire/fuwari_zokumyou.webp',},
  137.             {'src': 'assets/img/naire/fuwari_zokumyou_yoko.webp',},
  138.         ],
  139.         'text_color':'ベージュ：茶色\nブラウン：金色',
  140.         'font':'日本語：クレー DemiBold\n数字：クレー DemiBold',
  141.         'material':'本体：本漆(素地：樹脂)\n台：本漆(素地：栓)'
  142.     },
  143.     {
  144.         'id':'tab7',
  145.         'layout_description':'以下3種よりお選びいただけます。',
  146.         'layout':'◎ 戒名パターン\n◎ 俗名パターン\n◎ 名入れなし',
  147.        'images':[
  148.             {'src': 'assets/img/naire/syukuhai_kaimyou.webp',},
  149.             {'src': 'assets/img/naire/syukuhai_zokumyou.webp',},
  150.             {'src': 'assets/img/naire/syukuhai_noname.webp',},
  151.         ],
  152.         'text_color':'グレー',
  153.         'font':'A-OTF 教科書体ICA Pro M',
  154.         'material':'ガラス'
  155.     },
  156.     {
  157.         'id':'tab8',
  158.         'layout_description':'以下4種よりお選びいただけます。',
  159.         'layout':'◎ 戒名パターン\n◎ 俗名パターン\n◎ 先祖代々パターン\n◎ 名入れなし',
  160.         'images':[
  161.             {'src': 'assets/img/naire/kakeihai_kaimyou.webp',},
  162.               {'src': 'assets/img/naire/kakeihai_zokumyou.webp',},
  163.               {'src': 'assets/img/naire/kakeihai_senzo.webp',},
  164.             {'src': 'assets/img/naire/kakeihai_noname.webp',},
  165.             ],
  166.         'text_color':'金色',
  167.         'font':'FOT クレーPro DB',
  168.         'material':'水晶
  169.         ※天然の素材（木材・石など）を使用し、一つ一つ手作業でお作りしているため、\n色合いや木目が全て異なります。サイトや店頭カタログなどと全く同じお品物は\nご用意できませんのであらかじめご了承ください。'
  170.     },
  171.     {
  172.         'id':'tab9',
  173.         'layout_description':'以下2種よりお選びいただけます。',
  174.         'layout':'◎ 戒名パターン\n俗名パターン',
  175.         'images':[
  176.             { 'src': 'assets/img/naire/towanoki_kaimyou.webp',},
  177.             {'src': 'assets/img/naire/towanoki_zokumyou.webp',},
  178.             ],
  179.         'text_color':'茶色',
  180.         'font':'A-OTF 教科書ICA Pro L',
  181.         'material':'真鍮
  182.         ※天然の素材（木材・石など）を使用し、一つ一つ手作業でお作りしているため、\n色合いや木目が全て異なります。サイトや店頭カタログなどと全く同じお品物は\nご用意できませんのであらかじめご了承ください。'
  183.     },
  184.     {
  185.         'id':'tab10',
  186.         'layout_description':'以下1種よりお選びいただけます。',
  187.         'layout':'◎ 俗名（英字）パターン',
  188.         'images':[
  189.             {'src': 'assets/img/naire/tsudoi_en.webp',},
  190.         ],
  191.         'text_color':'茶色',
  192.         'font':'Times New Roman Regular 英字のみ',
  193.         'material':'真鍮
  194.         ※天然の素材（木材・石など）を使用し、一つ一つ手作業でお作りしているため、\n色合いや木目が全て異なります。サイトや店頭カタログなどと全く同じお品物は\nご用意できませんのであらかじめご了承ください。'
  195.     },
  196.     {
  197.         'id':'tab11',
  198.         'layout_description':'以下2種よりお選びいただけます。',
  199.         'layout':'◎ 戒名パターン\n◎ 俗名パターン',
  200.         'images':[
  201.             {'src': 'assets/img/naire/zen_kaimyo.webp',},
  202.             {'src': 'assets/img/naire/zen_zokumyo.webp',},
  203.         ],
  204.         'text_color':'茶色\n※焼き彫りとなります。',
  205.         'font':'A-OTF 教科書ICA Pro',
  206.         'material':'天然木
  207.         ※天然の素材（木材・石など）を使用し、一つ一つ手作業でお作りしているため、\n色合いや木目が全て異なります。サイトや店頭カタログなどと全く同じお品物は\nご用意できませんのであらかじめご了承ください。'
  208.     },
  209. ] %}
  210. {% block main %}
  211.     <div class="flex w-[720px] justify-between mx-auto lg:mt-6 lg:w-full lg:flex-col lg:items-center lg:px-4">
  212.         <div class="w-full md:px-4 flex gap-x-[70px]  justify-center">
  213.             <div class="max-w-[720px] w-full items-center flex flex-col mt-8 md:mt-6 text-[#666666] font-extralight">
  214.                 <div class="w-full items-start flex flex-col mb-8 gap-7 md:gap-y-5 md:mb-4">
  215.                     <h2 class="text-[26px] md:text-lg font-extralight">お位牌への名入れについて</h2>
  216.                     <span class="md:text-sm font-extralight ">
  217.                         加工可能な内容は製品によって異なります。各仕様をご確認の上、お買い求めください。
  218.                         <br>※いずれの製品も、名入れなしでもご購入頂けます。
  219.                     </span>
  220.                 </div>
  221.                 <div class="flex flex-col items-center gap-y-12 md:text-sm md:gap-y-4 w-full">
  222.                     <div class="flex flex-col gap-y-8 w-full">
  223.                         <div class="flex flex-col gap-y-6">
  224.                             <div class="bg-[#A7A79B] flex gap-x-1 w-full items-center px-5 py-2 font-bold">
  225.                                 <div class="bg-white rounded-full w-[14px] h-[14px] "></div>
  226.                                 <p class="text-white ">納期について</p>
  227.                             </div>
  228.                             <div class="flex flex-col gap-y-4 ">
  229.                                 <p class="text-[#BE5255] md:text-sm">ご注⽂確認後、当店より⼟⽇祝除く3営業⽇に原稿確認のご連絡を差し上げます。その後納期の調整を⾏い、正式な納品⽇程をご案内します。
  230.                                     <br>連絡メールが届かない場合は、お⼿数ですがご連絡ください。</p>
  231.                                     <div class="md:text-sm">
  232.                                         <p>※お急ぎの場合は、有料で約7～10日程度でお届けします。ご要望の場合は、お電話（03-5579-5671）でご連絡ください。</p>
  233.                                         <p>※原稿が確定するまでは商品の作製を進められませんので、ご注意ください。</p>
  234.                                         <p>※お盆・年末年始・ゴールデンウィークなどの長期休業の際は、通常よりもお時間を頂戴する場合がございます。予めご了承ください。</p>
  235.                                     </div>
  236.                                 <div class="bg-[#F7F7F0] w-full py-7 flex flex-col items-center gap-y-5 justify-center border-[#BE5255] border-[2px]">
  237.                                     <p class="text-center text-[#BE5255] font-bold text-lg md:text-sm mb-4">お急ぎの場合も柔軟に対応いたします。
  238.                                         <br>
  239.                                         ご注文前に必ずお電話でご相談ください。</p>
  240.                                     <img src="{{asset('assets/img/naire/tel_naire.webp')}}" alt="" class="w-[290px] bg-contain md:w-2/3">
  241.                                 </div>
  242.                             </div>
  243.                         </div>
  244.                         <div class=" flex flex-col gap-y-6">
  245.                             <div class="bg-[#A7A79B] flex gap-x-1 w-full items-center px-5 py-2 font-bold">
  246.                                 <div class="bg-white rounded-full w-[14px] h-[14px] "></div>
  247.                                 <p class="text-white ">名入れの手順について</p>
  248.                             </div>
  249.                             <div class="flex flex-col gap-y-7 ">
  250.                                 <p class="font-extralight">名入れを行う場合、ご注文の際に商品ページで名入れ「あり」を選択します。<br>
  251.                                     ご注文後に送信される「名入れについて」のメールから、ご希望の内容を入力ください。<br>
  252.                                     ※名入れなしでもご注文頂けます。</p>
  254.                                 <div class="flex flex-col justify-center items-center">
  255.                                     <p class="text-sm mb-3">【名入れ商品 作製開始までの流れ】</p>
  256.                                     <div class="w-full">
  257.                                         <p class="font-bold text-center text-white py-2 bg-[#A7A79B] text-sm">①【お客様】商品ページからご注文</p>
  258.                                         <p class="font-extralight p-4 border border-[#A7A79B] text-sm -mt-px">
  259.                                             名入れを行う場合、名入れ方法にて名入れ「あり」を選択し「アドバイザーに相談する」または「パターンから選ぶ」を選択します。
  260.                                             <br>ご注文内容をご確認いただき、問題がなければ、ご注文を確定ください。
  261.                                             <br>※ご不安な場合や定型パターンにない形式をご希望の方は「アドバイザーに相談する」を選択ください。
  262.                                             <br>※名入れのある商品は、代金引換が利用できませんのでご了承ください。
  263.                                             <br>※名入れ内容に関してご不明な点や、お問い合せ事項などございましたら、「備考欄」にご記入ください。
  264.                                         </p>
  265.                                     </div>
  266.                                     <span class="text-[#A7A79B] my-2">▼</span>
  267.                                     <div class="w-full">
  268.                                         <p class="font-bold text-center text-white py-2 bg-[#A7A79B] text-sm">②【お客様】ご希望文言の決定</p>
  269.                                         <p class="font-extralight p-4 border border-[#A7A79B] text-sm -mt-px">
  270.                                             「アドバイザーに相談する」を選択された場合は、ご注文内容を確認次第、担当者がご連絡をさせて頂き、名入れ内容を決定します。
  271.                                             <br>「パターンから選ぶ」を選択した場合は、ご注文後に「注文確認メール」と「名入れについて」のメールが送信されます。「名入れについて」のメールから、フォームを開き、ご希望の内容を入力ください。
  272.                                             <br>※ご注文後に、メールが届かない場合は、ご連絡ください。
  273.                                             <br>※2日以上「名入れについて」のメールにご返信がない場合は、お電話にてご連絡を差し上げる場合がございます。
  274.                                         </p>
  275.                                     </div>
  276.                                     <span class="text-[#A7A79B] my-2">▼</span>
  277.                                     <div class="w-full">
  278.                                         <p class="font-bold text-center text-white py-2 bg-[#A7A79B] text-sm">③原稿作成</p>
  279.                                         <p class="font-extralight p-4 border border-[#A7A79B] text-sm -mt-px">ご指示いただいた内容を当店で確認の上、不備等がなければ名入れ原稿の作成に進みます。<br>
  280.                                             原稿が完成しましたら、当店より「名入れ原稿のご確認について」のメールを送信いたします。</p>
  281.                                     </div>
  282.                                     <span class="text-[#A7A79B] my-2">▼</span>
  283.                                     <div class="w-full">
  284.                                         <p class="font-bold text-center text-white py-2 bg-[#A7A79B] text-sm">④【お客様】原稿のご確認</p>
  285.                                         <p class="font-extralight p-4 border border-[#A7A79B] text-sm -mt-px">メールに添付された原稿をご確認いただき、問題がなければ「名入れ原稿のご確認について」のメールに返信する形で確認完了の旨を当店までご連絡ください。</p>
  286.                                     </div>
  287.                                     <span class="text-[#A7A79B] my-2">▼</span>
  288.                                     <div class="w-full">
  289.                                         <p class="font-bold text-center text-white py-2 bg-[#A7A79B] text-sm">⑤原稿の確定・商品作製開始</p>
  290.                                         <p class="font-extralight p-4 border border-[#A7A79B] text-sm -mt-px">お客様からのご返信を当店で確認でき次第原稿の確定とし、商品の作製に移ります。
  291.                                             <br>※納期は通常【原稿確定から約3週間程度】となります。
  292.                                             <br>お品物が届き次第、内容にお間違いがないかご確認頂き、不具合などがございましたら、速やかにご連絡ください。
  293.                                         </p>
  294.                                     </div>
  295.                                 </div>
  296.                             </div>
  297.                         </div>
  298.                         <div class="tabs flex flex-col gap-y-6">
  299.                             <div class="bg-[#A7A79B] flex gap-x-1 w-full items-center px-5 py-2 font-bold">
  300.                                 <div class="bg-white rounded-full w-[14px] h-[14px] "></div>
  301.                                 <p class="text-white ">各製品の仕様</p>
  302.                             </div>
  303.                             <p>製品名をお選びください。</p>
  304.                             <div class="tabs w-full flex gap-4 flex-wrap md:gap-1">
  305.                                 {% for item in naire_items %}
  306.                                     <div class="flex gap-4 flex-wrap">
  307.                                         <input id="{{item.id}}" type="radio" name="naire" class="hidden peer">
  308.                                         <label for="{{item.id}}" class="whitespace-nowrap font-bold tab_label w-[105px] md:w-[101px] py-[10px] border-[2px] border-[#C5A688] bg-[#C5A688] text-white text-center peer-checked:bg-white peer-checked:text-[#333] hover">
  309.                                             {{item.name}}
  310.                                         </label>
  311.                                     </div>
  312.                                 {% endfor %}
  313.                             </div>
  314.                             <div>
  315.                                 {% for naire in naire_categories %}
  316.                                     <div class="tab-content hidden {{naire.id}}">
  317.                                         <div class="py-6 px-8 bg-[#F7F7F0] text-sm flex flex-col gap-y-8 md:gap-y-5">
  318.                                             <div class="flex flex-col gap-y-6">
  319.                                                 <div class="flex flex-col gap-y-4 ">
  320.                                                     <div class="flex flex-col gap-y-2">
  321.                                                         <div class="flex gap-x-1 w-full items-center">
  322.                                                             <div class="rounded-full w-[14px] h-[14px] bg-[#666666]"></div>
  323.                                                             <p>レイアウト</p>
  324.                                                         </div>
  325.                                                         <p class="font-extralight">{{naire.layout_description}}</p>
  326.                                                     </div>
  327.                                                     <div class="flex flex-col gap-y-1">
  328.                                                         <p class="leading-loose">{{naire.layout|raw|nl2br}}</p>
  329.                                                     </div>
  330.                                                 </div>
  331.                                                 <div class="flex gap-x-[18px] overflow-auto pb-5">
  332.                                                     {% for img in naire.images %}
  333.                                                         {% if img.src is not empty %}
  334.                                                             <img src="{{asset(img.src)}}" alt="" class="w-[310px] h-auto md:w-[200px] border-[#CCCCCC] border-[2px]">
  335.                                                         {% endif %}
  336.                                                     {% endfor %}
  337.                                                 </div>
  338.                                             </div>
  339.                                             <div class="flex flex-col gap-y-2">
  340.                                                 <div class="flex gap-x-1 w-full items-center ">
  341.                                                     <div class="rounded-full w-[14px] h-[14px] bg-[#666666]"></div>
  342.                                                     <p>文字色</p>
  343.                                                 </div>
  344.                                                 <p class="leading-loose">{{naire.text_color|raw|nl2br}}</p>
  345.                                             </div>
  346.                                             <div class="flex flex-col gap-y-2">
  347.                                                 <div class="flex gap-x-1 w-full items-center">
  348.                                                     <div class="rounded-full w-[14px] h-[14px] bg-[#666666]"></div>
  349.                                                     <p>フォント</p>
  350.                                                 </div>
  351.                                                 <p class="leading-loose">{{naire.font|raw|nl2br}}</p>
  352.                                             </div>
  353.                                             <div class="flex flex-col gap-y-2">
  354.                                                 <div class="flex gap-x-1 w-full items-center">
  355.                                                     <div class="rounded-full w-[14px] h-[14px] bg-[#666666]"></div>
  356.                                                     <p>素材</p>
  357.                                                 </div>
  358.                                                 <p class="leading-loose">{{naire.material|raw|nl2br}}</p>
  359.                                             </div>
  360.                                         </div>
  361.                                     </div>
  362.                                 {% endfor %}
  363.                             </div>
  364.                         </div>
  365.                     </div>
  366.                     <div class="flex flex-col gap-y-6">
  367.                         <div class="bg-[#A7A79B] flex gap-x-1 w-full items-center px-5 py-2 font-bold">
  368.                             <div class="bg-white rounded-full w-[14px] h-[14px] "></div>
  369.                             <p class="text-white ">梵字について</p>
  370.                         </div>
  371.                         <div class="flex flex-col gap-y-4">
  372.                             <div>
  373.                                 <img src="{{asset('assets/img/naire/bonji.webp')}}" alt="" class="bg-contain">
  374.                             </div>
  375.                             <p>梵字とは、宗派のマーク・ロゴのようなもので、戒名の上にお彫りします。宗派によって、梵字を入れるケースと入れないケースがあり、お寺様や地域によっても異なりますので、既に古いお位牌をお持ちの方はそちらを参考にご検討ください。
  376.                                 <br>今回初めて位牌をお作りになられる場合は、お寺様にご相談いただくか、当店までお気軽にご相談ください。</p>
  377.                         </div>
  378.                     </div>
  379.                     <div class="flex flex-col gap-y-[22px]">
  380.                         <div class="bg-[#A7A79B] flex gap-x-1 w-full items-center px-5 py-2 font-bold">
  381.                             <div class="bg-white rounded-full w-[14px] h-[14px] "></div>
  382.                             <p class="text-white ">注意事項</p>
  383.                         </div>
  384.                         <div class="flex flex-col gap-y-2 ">
  385.                             <p>◎ フォントやレイアウト、文字数などの特注対応はできません。</p>
  386.                             <p>◎ 素材により文字色の見え方に多少の濃淡がございます。</p>
  387.                             <p>◎ 天然石の特徴として、内包物・艶・色合いが全て異なります。また全て手作業の為、多少のサイズ誤差も生じます（星牌）。</p>
  388.                             <p>◎ 天然木の特徴として、木目・色合いが全て異なります（結牌・虎空檀・然）。</p>
  389.                             <p>◎ 店舗、カタログ等と全く同じ物はご用意できません。また、個体のご指定もお受けしかねますので、ご了承ください。</p>
  390.                             <p>◎ カスタム商品の特性上、キャンセル・返品はお受けしかねます。</p>
  391.                         </div>
  392.                     </div>
  393.                 </div>
  394.                 <a href="{{url("user_data",{route:"guide_top"})}}" class="underline  hover:no-underline font-extralight text-lg mt-14">ご利用ガイド・サービスTOPへ</a>
  395.             </div>
  396.         </div>
  397.     </div>
  398.     <div class="w-[1000px] lg:w-full mx-auto lg:px-12 mt-10 mb-8 md:mb-0">
  399.         <ul id="breadcrumbs" class="border-t border-[#EFEFEF] py-5 md:py-4 w-full md:text-xs text-sm tracking-widest flex items-center gap-x-1">
  400.             <li>
  401.                 <a href="{{ url('homepage') }}" class="hover">
  402.                     <span>HOME</span>
  403.                 </a>
  404.             </li>
  405.             <span>/</span>
  406.             <li>
  407.                 <a href="{{ url('user_data',{'route': 'guide_top'}) }}" class="hover">
  408.                     <span>ご利用ガイド・サービス</span>
  409.                 </a>
  410.             </li>
  411.             <span>/</span>
  412.             <li>
  413.                 <span>お位牌への名入れについて</span>
  414.             </li>
  415.         </ul>
  416.     </div>
  417. {% endblock %}