app/template/default/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  5.     <div
  6.         class="top">
  7.         <!-- KV -->
  8.         <div class="top-kv">
  9.             <div class="top-kvInner">
  10.                 <a href="{{ url('product_list') }}?category_id=14" class="top-kv-slide">
  11.                     <span class="top-kv-slideInner">
  12.                         <img src="{{ asset('assets/img/campaign/kv.jpg') }}" alt="キャンペーンセール実施中！" class="imgObjectFitCover">
  13.                     </span>
  14.                 </a>
  15.                 <a href="{{ url('homepage') }}user_data/nagaehanko_index" class="top-kv-slide">
  16.                     <span class="top-kv-slideInner">
  17.                         <img src="{{ asset('assets/img/top/kv_slide_01.jpg') }}" alt="あなただけの「唯一無二」　永江印祥堂の印鑑" class="imgObjectFitCover">
  18.                     </span>
  19.                 </a>
  20.                 <a href="{{ url('homepage') }}products/detail/125" class="top-kv-slide">
  21.                     <span class="top-kv-slideInner">
  22.                         <img src="{{ asset('assets/img/top/kv_slide_02.jpg') }}" alt="テレビでも紹介されました！寿限無の印鑑" class="imgObjectFitCover">
  23.                     </span>
  24.                 </a>
  25.                 <a href="{{ url('homepage') }}user_data/yakusugi_index" class="top-kv-slide">
  26.                     <span class="top-kv-slideInner">
  27.                         <img src="{{ asset('assets/img/top/kv_slide_03.jpg') }}" alt="千年の歴史の重さに触れる　屋久杉" class="imgObjectFitCover">
  28.                     </span>
  29.                 </a>
  30.                 <a href="{{ url('homepage') }}user_data/zirmina_index" class="top-kv-slide">
  31.                     <span class="top-kv-slideInner">
  32.                         <img src="{{ asset('assets/img/top/kv_slide_04.jpg') }}" alt="ダイヤモンドに次ぐ硬さ　永久不変の印鑑ジルミナ" class="imgObjectFitCover">
  33.                     </span>
  34.                 </a>
  35.                 <a href="{{ url('homepage') }}user_data/green_index" class="top-kv-slide">
  36.                     <span class="top-kv-slideInner">
  37.                         <img src="{{ asset('assets/img/top/kv_slide_05.jpg') }}" alt="未来のためにはじめようSDGs　グリーン印鑑シリーズ" class="imgObjectFitCover">
  38.                     </span>
  39.                 </a>
  40.             </div>
  41.         </div>
  42.         <!-- /KV -->
  45.         <div class="l-container">
  46.             <div
  47.                 class="l-2ColumnContainer">
  48.                 <!-- メインコンテンツ -->
  49.                 <div
  50.                     class="l-main">
  52.                     <!-- キャンペーンバナーなど -->
  53.                     {# <div class="top-campaign">
  54.                         <ul class="top-campaign-list">
  55.                             <li class="listItem">
  56.                                 <a href="#" class="listItem-img">
  57.                                     <img src="{{ asset('assets/img/common/bnr_campaign_01.jpg') }}" alt="キャンペーンバナーなど" class="imgFit">
  58.                                 </a>
  59.                             </li>
  60.                             <li class="listItem">
  61.                                 <a href="#" class="listItem-img">
  62.                                     <img src="{{ asset('assets/img/common/bnr_campaign_02.jpg') }}" alt="キャンペーンバナーなど" class="imgFit">
  63.                                 </a>
  64.                             </li>
  65.                         </ul>
  66.                     </div> #}
  67.                     <!-- /キャンペーンバナーなど -->
  70.                     <!-- お知らせ -->
  71.                     <section class="top-news">
  72.                         <h2 class="top-hl-01">
  73.                             <span class="isJp">お知らせ</span>
  74.                             <small class="isEn">News</small>
  75.                         </h2>
  76.                         {{ include('Block/news.twig', ignore_missing = true) }}                    
  77.                     </section>
  78.                     <!-- /お知らせ -->
  81.                     <!-- 商品カテゴリ一覧 -->
  82.                     <div
  83.                         class="top-products">
  84.                         <!-- <h2 class="hdnTxt">商品の種類一覧</h2> -->
  85.                         <div
  86.                             class="mod-products-list">
  87.                             <!-- 個人印鑑 -->
  88.                             <article class="productsBox">
  89.                                 <a href="{{ url('product_list') }}?category_id=8" class="productsBoxInner">
  90.                                     <span class="productsBox-img">
  91.                                         <span class="imgInner">
  92.                                             <img src="{{ asset('assets/img/top/products_img_kojin.jpg') }}" alt="" class="imgObjectFitCover">
  93.                                         </span>
  94.                                     </span>
  95.                                     <h3 class="productsBox-hl">個人印鑑</h3>
  96.                                     <p class="productsBox-text">個人様向けの実印・銀行印・認印</p>
  97.                                 </a>
  98.                             </article>
  99.                             <!-- /個人印鑑 -->
  101.                             <!-- 法人印鑑 -->
  102.                             <article class="productsBox">
  103.                                 <a href="{{ url('product_list') }}?category_id=20" class="productsBoxInner">
  104.                                     <span class="productsBox-img">
  105.                                         <span class="imgInner">
  106.                                             <img src="{{ asset('assets/img/top/products_img_hojin.jpg') }}" alt="" class="imgObjectFitCover">
  107.                                         </span>
  108.                                     </span>
  109.                                     <h3 class="productsBox-hl">法人印鑑</h3>
  110.                                     <p class="productsBox-text">法人様向けの役職印・銀行印・認印（角印）</p>
  111.                                 </a>
  112.                             </article>
  113.                             <!-- /法人印鑑 -->
  115.                             <!-- 智頭杉 -->
  116.                             <article class="productsBox">
  117.                                 <a href="{{ url('product_list') }}?category_id=64" class="productsBoxInner">
  118.                                     <span class="productsBox-img">
  119.                                         <span class="imgInner">
  120.                                             <img src="{{ asset('assets/img/top/products_img_tizusugi.jpg') }}" alt="" class="imgObjectFitCover">
  121.                                         </span>
  122.                                     </span>
  123.                                     <h3 class="productsBox-hl">智頭杉</h3>
  124.                                     <p class="productsBox-text">鳥取県智頭町の間伐材を使用し、環境にも優しい心温まる印材</p>
  125.                                 </a>
  126.                             </article>
  127.                             <!-- /智頭杉 -->
  129.                             <!-- 神楽ひのき -->
  130.                             <article class="productsBox">
  131.                                 <a href="{{ url('product_list') }}?category_id=54" class="productsBoxInner">
  132.                                     <span class="productsBox-img">
  133.                                         <span class="imgInner">
  134.                                             <img src="{{ asset('assets/img/top/products_img_kagurahinoki.jpg') }}" alt="" class="imgObjectFitCover">
  135.                                         </span>
  136.                                     </span>
  137.                                     <h3 class="productsBox-hl">神楽ひのき</h3>
  138.                                     <p class="productsBox-text">日本人になじみ深いひのきを使用した印材、清涼感のある香りが特徴</p>
  139.                                 </a>
  140.                             </article>
  141.                             <!-- /神楽ひのき -->
  143.                             <!-- 屋久杉 -->
  144.                             <article class="productsBox">
  145.                                 <a href="{{ url('product_list') }}?category_id=56" class="productsBoxInner">
  146.                                     <span class="productsBox-img">
  147.                                         <span class="imgInner">
  148.                                             <img src="{{ asset('assets/img/top/products_img_yakusugi.jpg') }}" alt="" class="imgObjectFitCover">
  149.                                         </span>
  150.                                     </span>
  151.                                     <h3 class="productsBox-hl">屋久杉</h3>
  152.                                     <p class="productsBox-text">高級感ある光沢、上品で美しい色調、歴史ある重厚感のある木目</p>
  153.                                 </a>
  154.                             </article>
  155.                             <!-- /屋久杉 -->
  157.                             <!-- チタン -->
  158.                             <article class="productsBox">
  159.                                 <a href="{{ url('product_list') }}?category_id=65" class="productsBoxInner">
  160.                                     <span class="productsBox-img">
  161.                                         <span class="imgInner">
  162.                                             <img src="{{ asset('assets/img/top/products_img_titanium.jpg') }}" alt="" class="imgObjectFitCover">
  163.                                         </span>
  164.                                     </span>
  165.                                     <h3 class="productsBox-hl">チタン</h3>
  166.                                     <p class="productsBox-text">耐久性に優れ、捺印性は印鑑の王様と呼ばれる象牙と同等</p>
  167.                                 </a>
  168.                             </article>
  169.                             <!-- /チタン -->
  171.                             <!-- ジルミナ -->
  172.                             <article class="productsBox">
  173.                                 <a href="{{ url('product_list') }}?category_id=66" class="productsBoxInner">
  174.                                     <span class="productsBox-img">
  175.                                         <span class="imgInner">
  176.                                             <img src="{{ asset('assets/img/top/products_img_jirumina.jpg') }}" alt="" class="imgObjectFitCover">
  177.                                         </span>
  178.                                     </span>
  179.                                     <h3 class="productsBox-hl">ジルミナ</h3>
  180.                                     <p class="productsBox-text">ダイヤモンドに次ぐ硬さ 欠けにくい！割れにくい！夢の印鑑！！</p>
  181.                                 </a>
  182.                             </article>
  183.                             <!-- /ジルミナ -->
  185.                             <!-- スタンプ（ゴム印） -->
  186.                             <article class="productsBox">
  187.                                 <a href="{{ url('product_list') }}?category_id=42" class="productsBoxInner">
  188.                                     <span class="productsBox-img">
  189.                                         <span class="imgInner">
  190.                                             <img src="{{ asset('assets/img/top/products_img_stamp_rubber.jpg') }}" alt="" class="imgObjectFitCover">
  191.                                         </span>
  192.                                     </span>
  193.                                     <h3 class="productsBox-hl">スタンプ（ゴム印）</h3>
  194.                                     <p class="productsBox-text">幅広い用途で使用出来る印面がゴム製のスタンプ</p>
  195.                                 </a>
  196.                             </article>
  197.                             <!-- /スタンプ（ゴム印） -->
  198.                         </div>
  200.                         <a href="{{ url('product_list') }}" class="mod-btn-01 top-products-more">
  201.                             <span class="btnInnere">全ての商品を見る</span>
  202.                         </a>
  203.                     </div>
  204.                     <!-- /商品カテゴリ一覧 -->
  207.                     <!-- 選び方ガイド -->
  208.                     <section class="top-guide dn-mobile">
  209.                         <div class="top-guideInner">
  210.                             <div class="top-guide-textBlock">
  211.                                 <h2 class="top-guide-hl">
  212.                                     <small class="isEn">Choosing Guide</small>
  213.                                     <span class="isJp">印鑑の<span class="d-inlineBlock">選び方ガイド</span>
  214.                                     </span>
  215.                                 </h2>
  216.                                 <p class="top-guide-text">
  217.                                     どの印鑑を選べばいいか分からない・・・<br>
  218.                                     そんなアナタもこれだけおさえておけば<span class="d-inlineBlock">大丈夫！</span>
  219.                                 </p>
  220.                                 <a href="{{ url('homepage') }}user_data/howto_index" class="mod-btn-01 top-guide-more">
  221.                                     <span class="btnInner">印鑑の選び方ガイドを見る</span>
  222.                                 </a>
  223.                             </div>
  224.                         </div>
  225.                     </section>
  227.                     <a href="{{ url('homepage') }}user_data/howto_index" class="top-guide dn-pc">
  228.                         <img src="{{ asset('assets/img/top/guide_bnr.jpg') }}" width="343" height="115" alt="印鑑の選び方ガイド" class="imgFit" loading="lazy">
  229.                     </a>
  230.                     <!-- /選び方ガイド -->
  233.                     <!-- 商品ランキング -->
  234.                     <section class="top-ranking" id="top-ranking">
  235.                         <h2 class="mod-hl-01 top-ranking-hl">
  236.                             <span class="isJp">商品ランキング</span>
  237.                             <small class="isEn">Ranking</small>
  238.                         </h2>
  239.                         <ol class="mod-products-ranking-list">
  240.                             <li class="listItem">
  241.                                 <article class="products-rankingBox">
  242.                                     <a href="{{ url('product_list') }}?category_id=64" class="products-rankingBoxInner">
  243.                                         <div class="products-rankingBox-number">
  244.                                             <em class="numberInner">1</em>
  245.                                         </div>
  246.                                         <span class="products-rankingBox-img">
  247.                                             <span class="imgInner">
  248.                                                 <img src="{{ asset('assets/img/top/products_img_tizusugi.jpg') }}" alt="" class="imgObjectFitCover">
  249.                                             </span>
  250.                                         </span>
  251.                                         <h3 class="products-rankingBox-hl">智頭杉</h3>
  252.                                         <p class="products-rankingBox-text">鳥取県智頭町の銘木</p>
  253.                                     </a>
  254.                                 </article>
  255.                             </li>
  257.                             <li class="listItem">
  258.                                 <article class="products-rankingBox">
  259.                                     <a href="{{ url('product_list') }}?category_id=65" class="products-rankingBoxInner">
  260.                                         <div class="products-rankingBox-number">
  261.                                             <em class="numberInner">2</em>
  262.                                         </div>
  263.                                         <span class="products-rankingBox-img">
  264.                                             <span class="imgInner">
  265.                                                 <img src="{{ asset('assets/img/top/products_img_titanium.jpg') }}" alt="" class="imgObjectFitCover">
  266.                                             </span>
  267.                                         </span>
  268.                                         <h3 class="products-rankingBox-hl">ブラストチタン</h3>
  269.                                         <p class="products-rankingBox-text">耐久性・捺印性に優れた印材</p>
  270.                                     </a>
  271.                                 </article>
  272.                             </li>
  274.                             <li class="listItem">
  275.                                 <article class="products-rankingBox">
  276.                                     <a href="{{ url('product_list') }}?category_id=67" class="products-rankingBoxInner">
  277.                                         <div class="products-rankingBox-number">
  278.                                             <em class="numberInner">3</em>
  279.                                         </div>
  280.                                         <span class="products-rankingBox-img">
  281.                                             <span class="imgInner">
  282.                                                 <img src="{{ asset('assets/img/top/products_img_kurosuigyu.jpg') }}" alt="" class="imgObjectFitCover">
  283.                                             </span>
  284.                                         </span>
  285.                                         <h3 class="products-rankingBox-hl">黒水牛</h3>
  286.                                         <p class="products-rankingBox-text">漆黒が美しい印鑑の定番素材</p>
  287.                                     </a>
  288.                                 </article>
  289.                             </li>
  291.                             <li class="listItem">
  292.                                 <article class="products-rankingBox">
  293.                                     <a href="{{ url('product_list') }}?category_id=54" class="products-rankingBoxInner">
  294.                                         <div class="products-rankingBox-number">
  295.                                             <em class="numberInner">4</em>
  296.                                         </div>
  297.                                         <span class="products-rankingBox-img">
  298.                                             <span class="imgInner">
  299.                                                 <img src="{{ asset('assets/img/top/products_img_kagurahinoki.jpg') }}" alt="" class="imgObjectFitCover">
  300.                                             </span>
  301.                                         </span>
  302.                                         <h3 class="products-rankingBox-hl">神楽ひのき</h3>
  303.                                         <p class="products-rankingBox-text">島根県産ヒノキ材を使用</p>
  304.                                     </a>    
  305.                                 </article>
  306.                             </li>
  308.                             <li class="listItem">
  309.                                 <article class="products-rankingBox">
  310.                                     <a href="{{ url('homepage') }}products/detail/125" class="products-rankingBoxInner">
  311.                                         <div class="products-rankingBox-number">
  312.                                             <em class="numberInner">5</em>
  313.                                         </div>
  314.                                         <span class="products-rankingBox-img">
  315.                                             <span class="imgInner">
  316.                                                 <img src="{{ asset('assets/img/top/products_img_jugemu.jpg') }}" alt="" class="imgObjectFitCover">
  317.                                             </span>
  318.                                         </span>
  319.                                         <h3 class="products-rankingBox-hl">寿限無さん専用印鑑</h3>
  320.                                         <p class="products-rankingBox-text">108字ぎっしり、熟練職人の技</p>
  321.                                     </a>
  322.                                 </article>
  323.                             </li>
  324.                         </ol>
  325.                     </section>
  326.                     <!-- /商品ランキング -->
  329.                     <!-- タブ -->
  330.                     <div
  331.                         class="top-tab">
  332.                         <!-- 個人・法人 -->
  333.                         <div class="mod-tab-01">
  334.                             <p class="hdnTxt">項目をお選びください</p>
  335.                             <ul class="tab-menu">
  336.                                 <li class="listItem">
  337.                                     <span class="listItemInner">個人印鑑</span>
  338.                                 </li>
  339.                                 <li class="listItem">
  340.                                     <span class="listItemInner">法人印鑑</span>
  341.                                 </li>
  342.                             </ul>
  343.                             <div
  344.                                 class="tab-contentsWrap">
  345.                                 <!-- 個人印鑑 -->
  346.                                 <div class="tab-contents">
  347.                                     <ul class="top-tab-products-list">
  348.                                         <li class="listItem">
  349.                                             <a href="{{ url('product_list') }}?category_id=12" class="listItemInner">
  350.                                                 <span class="listItem-img">
  351.                                                     <span class="imgInner">
  352.                                                         <img src="{{ asset('assets/img/top/tab_products_kojin_01.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  353.                                                     </span>
  354.                                                 </span>
  355.                                                 <em class="listItem-hl">実印</em>
  356.                                             </a>
  357.                                         </li>
  359.                                         <li class="listItem">
  360.                                             <a href="{{ url('product_list') }}?category_id=15" class="listItemInner">
  361.                                                 <span class="listItem-img">
  362.                                                     <span class="imgInner">
  363.                                                         <img src="{{ asset('assets/img/top/tab_products_kojin_02.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  364.                                                     </span>
  365.                                                 </span>
  366.                                                 <em class="listItem-hl">銀行印・認印</em>
  367.                                             </a>
  368.                                         </li>
  370.                                         <li class="listItem">
  371.                                             <a href="{{ url('product_list') }}?category_id=16" class="listItemInner">
  372.                                                 <span class="listItem-img">
  373.                                                     <span class="imgInner">
  374.                                                         <img src="{{ asset('assets/img/top/tab_products_kojin_03.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  375.                                                     </span>
  376.                                                 </span>
  377.                                                 <em class="listItem-hl">小判印・訂正印</em>
  378.                                             </a>
  379.                                         </li>
  381.                                         <li class="listItem">
  382.                                             <a href="{{ url('product_list') }}?category_id=17" class="listItemInner">
  383.                                                 <span class="listItem-img">
  384.                                                     <span class="imgInner">
  385.                                                         <img src="{{ asset('assets/img/top/tab_products_kojin_04.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  386.                                                     </span>
  387.                                                 </span>
  388.                                                 <em class="listItem-hl">おしゃれハンコ・寿限無・その他</em>
  389.                                             </a>
  390.                                         </li>
  392.                                         <li class="listItem">
  393.                                             <a href="{{ url('product_list') }}?category_id=18" class="listItemInner">
  394.                                                 <span class="listItem-img">
  395.                                                     <span class="imgInner">
  396.                                                         <img src="{{ asset('assets/img/top/tab_products_kojin_05.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  397.                                                     </span>
  398.                                                 </span>
  399.                                                 <em class="listItem-hl">実印・銀行印セット</em>
  400.                                             </a>
  401.                                         </li>
  403.                                         <li class="listItem">
  404.                                             <a href="{{ url('product_list') }}?category_id=19" class="listItemInner">
  405.                                                 <span class="listItem-img">
  406.                                                     <span class="imgInner">
  407.                                                         <img src="{{ asset('assets/img/top/tab_products_kojin_06.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  408.                                                     </span>
  409.                                                 </span>
  410.                                                 <em class="listItem-hl">実印・銀行印・認印セット</em>
  411.                                             </a>
  412.                                         </li>
  413.                                     </ul>
  414.                                 </div>
  415.                                 <!-- /個人印鑑 -->
  417.                                 <!-- 法人印鑑 -->
  418.                                 <div class="tab-contents">
  419.                                     <ul class="top-tab-products-list">
  420.                                         <li class="listItem">
  421.                                             <a href="{{ url('product_list') }}?category_id=21" class="listItemInner">
  422.                                                 <span class="listItem-img">
  423.                                                     <span class="imgInner">
  424.                                                         <img src="{{ asset('assets/img/top/tab_products_hojin_01.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  425.                                                     </span>
  426.                                                 </span>
  427.                                                 <em class="listItem-hl">役職印・銀行印</em>
  428.                                             </a>
  429.                                         </li>
  431.                                         <li class="listItem">
  432.                                             <a href="{{ url('product_list') }}?category_id=22" class="listItemInner">
  433.                                                 <span class="listItem-img">
  434.                                                     <span class="imgInner">
  435.                                                         <img src="{{ asset('assets/img/top/tab_products_hojin_02.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  436.                                                     </span>
  437.                                                 </span>
  438.                                                 <em class="listItem-hl">認印（角印）</em>
  439.                                             </a>
  440.                                         </li>
  442.                                         <li class="listItem">
  443.                                             <a href="{{ url('product_list') }}?category_id=25" class="listItemInner">
  444.                                                 <span class="listItem-img">
  445.                                                     <span class="imgInner">
  446.                                                         <img src="{{ asset('assets/img/top/tab_products_hojin_03.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  447.                                                     </span>
  448.                                                 </span>
  449.                                                 <em class="listItem-hl">法人印セット</em>
  450.                                             </a>
  451.                                         </li>
  453.                                         <li class="listItem">
  454.                                             <a href="{{ url('product_list') }}?category_id=26" class="listItemInner">
  455.                                                 <span class="listItem-img">
  456.                                                     <span class="imgInner">
  457.                                                         <img src="{{ asset('assets/img/top/tab_products_hojin_04.jpg') }}" width="150" height="90" alt="" class="imgObjectFitCover" loading="lazy">
  458.                                                     </span>
  459.                                                 </span>
  460.                                                 <em class="listItem-hl">割印</em>
  461.                                             </a>
  462.                                         </li>
  463.                                     </ul>
  464.                                 </div>
  465.                                 <!-- /法人印鑑 -->
  466.                             </div>
  467.                         </div>
  468.                         <!-- /個人・法人 -->
  470.                         <!-- 用途・印材 -->
  471.                         <div class="mod-tab-01">
  472.                             <p class="hdnTxt">項目をお選びください</p>
  473.                             <ul class="tab-menu">
  474.                                 <li class="listItem">
  475.                                     <span class="listItemInner">用途で選ぶ</span>
  476.                                 </li>
  477.                                 <li class="listItem">
  478.                                     <span class="listItemInner">印材で選ぶ</span>
  479.                                 </li>
  480.                             </ul>
  481.                             <div
  482.                                 class="tab-contentsWrap">
  483.                                 <!-- 用途で選ぶ -->
  484.                                 <div class="tab-contents">
  485.                                     <ul
  486.                                         class="top-tab-use-list">
  487.                                         <!-- 実印 -->
  488.                                         <li class="listItem">
  489.                                             <div class="listItem-header">
  490.                                                 <div class="listItem-header-img">
  491.                                                     <div class="imgInner">
  492.                                                         <img src="{{ asset('assets/img/top/tab_use_header_01.jpg') }}" width="420" height="233" alt="" class="imgObjectFitCover" loading="lazy">
  493.                                                     </div>
  494.                                                 </div>
  495.                                                 <em class="listItem-header-hl">実印</em>
  496.                                             </div>
  497.                                             <p class="listItem-detail">
  498.                                                 自動車や住宅の購入、ローン設定、保険金の受領など主に大きなお金が動く契約の際に、<em>本人であることの証明に使う</em>。
  499.                                             </p>
  500.                                             <div class="listItem-body">
  501.                                                 <div class="listItem-imageBlock">
  502.                                                     <div class="listItem-img">
  503.                                                         <img src="{{ asset('assets/img/top/tab_use_image_01.jpg') }}" width="150" height="150" alt="" class="imgFit" loading="lazy">
  504.                                                     </div>
  505.                                                     <p class="listItem-imageBlock-text">読みにくい書体が<br class="dn-mobile">オススメ</p>
  506.                                                 </div>
  507.                                                 <a href="{{ url('homepage') }}user_data/howto_private#howtoPrivate-jituin" class="mod-btn-01 listItem-more">
  508.                                                     <span class="btnInner">実印を詳しく見る</span>
  509.                                                 </a>
  510.                                             </div>
  511.                                         </li>
  512.                                         <!-- /実印 -->
  514.                                         <!-- 銀行印 -->
  515.                                         <li class="listItem">
  516.                                             <div class="listItem-header">
  517.                                                 <div class="listItem-header-img">
  518.                                                     <div class="imgInner">
  519.                                                         <img src="{{ asset('assets/img/top/tab_use_header_02.jpg') }}" width="420" height="233" alt="" class="imgObjectFitCover" loading="lazy">
  520.                                                     </div>
  521.                                                 </div>
  522.                                                 <em class="listItem-header-hl">銀行印</em>
  523.                                             </div>
  524.                                             <p class="listItem-detail">
  525.                                                 信用金庫や銀行等の金融機関に口座を作成する際に登録する印鑑。<em>偽造されない工夫が必要</em>。
  526.                                             </p>
  527.                                             <div class="listItem-body">
  528.                                                 <div class="listItem-imageBlock">
  529.                                                     <div class="listItem-img">
  530.                                                         <img src="{{ asset('assets/img/top/tab_use_image_02.jpg') }}" width="150" height="150" alt="" class="imgFit" loading="lazy">
  531.                                                     </div>
  532.                                                     <p class="listItem-imageBlock-text">読みにくい書体が<br class="dn-mobile">オススメ</p>
  533.                                                 </div>
  534.                                                 <a href="{{ url('homepage') }}user_data/howto_private#howtoPrivate-ginkouin" class="mod-btn-01 listItem-more">
  535.                                                     <span class="btnInner">銀行印を<span class="d-inlineBlock">詳しく見る</span>
  536.                                                     </span>
  537.                                                 </a>
  538.                                             </div>
  539.                                         </li>
  540.                                         <!-- /銀行印 -->
  542.                                         <!-- 認印 -->
  543.                                         <li class="listItem">
  544.                                             <div class="listItem-header">
  545.                                                 <div class="listItem-header-img">
  546.                                                     <div class="imgInner">
  547.                                                         <img src="{{ asset('assets/img/top/tab_use_header_03.jpg') }}" width="420" height="233" alt="" class="imgObjectFitCover" loading="lazy">
  548.                                                     </div>
  549.                                                 </div>
  550.                                                 <em class="listItem-header-hl">認印</em>
  551.                                             </div>
  552.                                             <p class="listItem-detail">
  553.                                                 押印する書類や伝票への内容を確認したことを示すために押すなど、日常的に使用される印鑑。
  554.                                             </p>
  555.                                             <div class="listItem-body">
  556.                                                 <div class="listItem-imageBlock">
  557.                                                     <div class="listItem-img">
  558.                                                         <img src="{{ asset('assets/img/top/tab_use_image_03.jpg') }}" width="150" height="150" alt="" class="imgFit" loading="lazy">
  559.                                                     </div>
  560.                                                     <p class="listItem-imageBlock-text">読みやすい書体が<br class="dn-mobile">オススメ</p>
  561.                                                 </div>
  562.                                                 <a href="{{ url('homepage') }}user_data/howto_private#howtoPrivate-ninnin" class="mod-btn-01 listItem-more">
  563.                                                     <span class="btnInner">認印を詳しく見る</span>
  564.                                                 </a>
  565.                                             </div>
  566.                                         </li>
  567.                                         <!-- /認印 -->
  568.                                     </ul>
  569.                                 </div>
  570.                                 <!-- /用途で選ぶ -->
  572.                                 <!-- 印材で選ぶ -->
  573.                                 <div class="tab-contents">
  574.                                     <ul class="top-tab-material-list">
  575.                                         <li class="listItem">
  576.                                             <a href="{{ url('product_list') }}?category_id=56" class="listItemInner">
  577.                                                 <span class="listItem-img">
  578.                                                     <img src="{{ asset('assets/img/top/tab_material_01.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  579.                                                 </span>
  580.                                                 <em class="listItem-hl">屋久杉</em>
  581.                                                 <span class="listItem-text">高級感ある光沢、上品で美しい色調。歴史ある重厚感のある木目</span>
  582.                                             </a>
  583.                                         </li>
  585.                                         <li class="listItem">
  586.                                             <a href="{{ url('product_list') }}?category_id=54" class="listItemInner">
  587.                                                 <span class="listItem-img">
  588.                                                     <img src="{{ asset('assets/img/top/tab_material_02.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  589.                                                 </span>
  590.                                                 <em class="listItem-hl">神楽ひのき<small class="isSmall">（かぐら）</small>
  591.                                                 </em>
  592.                                                 <span class="listItem-text">日本人になじみ深いひのきを使用した印材。清涼感のある香りが特徴</span>
  593.                                             </a>
  594.                                         </li>
  596.                                         <li class="listItem">
  597.                                             <a href="{{ url('product_list') }}?category_id=64" class="listItemInner">
  598.                                                 <span class="listItem-img">
  599.                                                     <img src="{{ asset('assets/img/top/tab_material_03.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  600.                                                 </span>
  601.                                                 <em class="listItem-hl">智頭杉<small class="isSmall">（ちづすぎ）</small>
  602.                                                 </em>
  603.                                                 <span class="listItem-text">鳥取県智頭町の間伐材を使用し環境にも優しい心温まる印材</span>
  604.                                             </a>
  605.                                         </li>
  607.                                         <li class="listItem">
  608.                                             <a href="{{ url('product_list') }}?category_id=68" class="listItemInner">
  609.                                                 <span class="listItem-img">
  610.                                                     <img src="{{ asset('assets/img/top/tab_material_04.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  611.                                                 </span>
  612.                                                 <em class="listItem-hl">明日桧<small class="isSmall">（あすなろ）</small>
  613.                                                 </em>
  614.                                                 <span class="listItem-text">建築材に使用されるほど優れた耐久性。特長的な香りがリラックス効果が望めます</span>
  615.                                             </a>
  616.                                         </li>
  618.                                         <li class="listItem">
  619.                                             <a href="{{ url('product_list') }}?category_id=69" class="listItemInner">
  620.                                                 <span class="listItem-img">
  621.                                                     <img src="{{ asset('assets/img/top/tab_material_05.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  622.                                                 </span>
  623.                                                 <em class="listItem-hl">さつま本柘<small class="isSmall">（つげ）</small>
  624.                                                 </em>
  625.                                                 <span class="listItem-text">古くから工芸品などに使用されている。鹿児島県産の最高級本柘</span>
  626.                                             </a>
  627.                                         </li>
  629.                                         <li class="listItem">
  630.                                             <a href="{{ url('product_list') }}?category_id=66" class="listItemInner">
  631.                                                 <span class="listItem-img">
  632.                                                     <img src="{{ asset('assets/img/top/tab_material_06.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  633.                                                 </span>
  634.                                                 <em class="listItem-hl">ジルミナ</em>
  635.                                                 <span class="listItem-text">ダイヤモンドに次ぐ硬さ<br>欠けにくい！割れにくい！夢の印鑑</span>
  636.                                             </a>
  637.                                         </li>
  639.                                         <li class="listItem">
  640.                                             <a href="{{ url('product_list') }}?category_id=65" class="listItemInner">
  641.                                                 <span class="listItem-img">
  642.                                                     <img src="{{ asset('assets/img/top/tab_material_07.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  643.                                                 </span>
  644.                                                 <em class="listItem-hl">チタン</em>
  645.                                                 <span class="listItem-text">半永久的に摩耗しないほど耐久性に優れ、捺印性は印鑑の王様と呼ばれる象牙と同等</span>
  646.                                             </a>
  647.                                         </li>
  649.                                         <li class="listItem">
  650.                                             <a href="{{ url('product_list') }}?category_id=67" class="listItemInner">
  651.                                                 <span class="listItem-img">
  652.                                                     <img src="{{ asset('assets/img/top/tab_material_08.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  653.                                                 </span>
  654.                                                 <em class="listItem-hl">黒水牛<small class="isSmall">（くろすいぎゅう）</small>
  655.                                                 </em>
  656.                                                 <span class="listItem-text">ツノの先端部分の中心から取った<br>芯持ち材を使用</span>
  657.                                             </a>
  658.                                         </li>
  660.                                         <li class="listItem">
  661.                                             <a href="{{ url('product_list') }}?category_id=70" class="listItemInner">
  662.                                                 <span class="listItem-img">
  663.                                                     <img src="{{ asset('assets/img/top/tab_material_09.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  664.                                                 </span>
  665.                                                 <em class="listItem-hl">牛角・上<small class="isSmall">（うしのつの）</small>
  666.                                                 </em>
  667.                                                 <span class="listItem-text">牛角・並に比べ模様が比較的少なめ。水牛の中でも耐久性や捺印性に特に優れている</span>
  668.                                             </a>
  669.                                         </li>
  671.                                         <li class="listItem">
  672.                                             <a href="{{ url('product_list') }}?category_id=71" class="listItemInner">
  673.                                                 <span class="listItem-img">
  674.                                                     <img src="{{ asset('assets/img/top/tab_material_10.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  675.                                                 </span>
  676.                                                 <em class="listItem-hl">牛角・並<small class="isSmall">（うしのつの）</small>
  677.                                                 </em>
  678.                                                 <span class="listItem-text">天然素材のため1本1本模様の異なる印材。水牛の中でも耐久性や捺印性に優れている</span>
  679.                                             </a>
  680.                                         </li>
  682.                                         <li class="listItem">
  683.                                             <a href="{{ url('product_list') }}?category_id=72" class="listItemInner">
  684.                                                 <span class="listItem-img">
  685.                                                     <img src="{{ asset('assets/img/top/tab_material_11.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  686.                                                 </span>
  687.                                                 <em class="listItem-hl">黒檀<small class="isSmall">（こくたん）</small>
  688.                                                 </em>
  689.                                                 <span class="listItem-text">代表的な銘木で、材質は緻密で重く堅く耐久性に優れた印材</span>
  690.                                             </a>
  691.                                         </li>
  693.                                         <li class="listItem">
  694.                                             <a href="{{ url('product_list') }}?category_id=73" class="listItemInner">
  695.                                                 <span class="listItem-img">
  696.                                                     <img src="{{ asset('assets/img/top/tab_material_12.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  697.                                                 </span>
  698.                                                 <em class="listItem-hl">水晶<small class="isSmall">（すいしょう）</small>
  699.                                                 </em>
  700.                                                 <span class="listItem-text">浄化作用があり、邪気を払い災難を防いでくれる効果があるとされている</span>
  701.                                             </a>
  702.                                         </li>
  704.                                         <li class="listItem">
  705.                                             <a href="{{ url('product_list') }}?category_id=53" class="listItemInner">
  706.                                                 <span class="listItem-img">
  707.                                                     <img src="{{ asset('assets/img/top/tab_material_13.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  708.                                                 </span>
  709.                                                 <em class="listItem-hl">白瑪瑙<small class="isSmall">（しろめのう）</small>
  710.                                                 </em>
  711.                                                 <span class="listItem-text">家族の絆を深める石、自己肯定感を高めたい時にも役立つ</span>
  712.                                             </a>
  713.                                         </li>
  715.                                         <li class="listItem">
  716.                                             <a href="{{ url('product_list') }}?category_id=74" class="listItemInner">
  717.                                                 <span class="listItem-img">
  718.                                                     <img src="{{ asset('assets/img/top/tab_material_14.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  719.                                                 </span>
  720.                                                 <em class="listItem-hl">赤瑪瑙<small class="isSmall">（あかめのう）</small>
  721.                                                 </em>
  722.                                                 <span class="listItem-text">開運・縁起・財運を呼び込み、愛情と安らぎをもたらすと言われている</span>
  723.                                             </a>
  724.                                         </li>
  726.                                         <li class="listItem">
  727.                                             <a href="{{ url('product_list') }}?category_id=75" class="listItemInner">
  728.                                                 <span class="listItem-img">
  729.                                                     <img src="{{ asset('assets/img/top/tab_material_15.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  730.                                                 </span>
  731.                                                 <em class="listItem-hl">緑瑪瑙<small class="isSmall">（みどりめのう）</small>
  732.                                                 </em>
  733.                                                 <span class="listItem-text">疲れた心身の癒しと平和を与え、対人関係に調和と安定を保つとされている</span>
  734.                                             </a>
  735.                                         </li>
  737.                                         <li class="listItem">
  738.                                             <a href="{{ url('product_list') }}?category_id=76" class="listItemInner">
  739.                                                 <span class="listItem-img">
  740.                                                     <img src="{{ asset('assets/img/top/tab_material_16.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  741.                                                 </span>
  742.                                                 <em class="listItem-hl">虎目石<small class="isSmall">（タイガーアイ）</small>
  743.                                                 </em>
  744.                                                 <span class="listItem-text">金運の力が強く、持ち主に強い金運を招いてくれると言われている石</span>
  745.                                             </a>
  746.                                         </li>
  748.                                         <li class="listItem">
  749.                                             <a href="{{ url('product_list') }}?category_id=77" class="listItemInner">
  750.                                                 <span class="listItem-img">
  751.                                                     <img src="{{ asset('assets/img/top/tab_material_17.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  752.                                                 </span>
  753.                                                 <em class="listItem-hl">ローズクォーツ</em>
  754.                                                 <span class="listItem-text">別名「ラブストーン」と呼ばれる石。内面の美を輝かせ恋愛成就に絶大なパワーを発揮する</span>
  755.                                             </a>
  756.                                         </li>
  758.                                         <li class="listItem">
  759.                                             <a href="{{ url('product_list') }}?category_id=13" class="listItemInner">
  760.                                                 <span class="listItem-img">
  761.                                                     <img src="{{ asset('assets/img/top/tab_material_18.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  762.                                                 </span>
  763.                                                 <em class="listItem-hl">ブルーレース</em>
  764.                                                 <span class="listItem-text">高いヒーリングパワーと鎮静力を持ち、心を綺麗にしてくれる作用があると伝えられている</span>
  765.                                             </a>
  766.                                         </li>
  768.                                         <li class="listItem">
  769.                                             <a href="{{ url('product_list') }}?category_id=65" class="listItemInner">
  770.                                                 <span class="listItem-img">
  771.                                                     <img src="{{ asset('assets/img/top/tab_material_19.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  772.                                                 </span>
  773.                                                 <em class="listItem-hl">象牙</em>
  774.                                                 <span class="listItem-text">「印鑑の王様」と呼ばれる印材。<br>当店では未販売のため、代わりに「チタン」がオススメ</span>
  775.                                             </a>
  776.                                         </li>
  778.                                         <li class="listItem">
  779.                                             <a href="{{ url('product_list') }}?category_id=65" class="listItemInner">
  780.                                                 <span class="listItem-img">
  781.                                                     <img src="{{ asset('assets/img/top/tab_material_20.jpg') }}" width="90" height="90" alt="" class="imgFit" loading="lazy">
  782.                                                 </span>
  783.                                                 <em class="listItem-hl">マンモス</em>
  784.                                                 <span class="listItem-text">大変希少価値の高い人気の印材。<br>当店では未販売のため、代わりに「チタン」がオススメ</span>
  785.                                             </a>
  786.                                         </li>
  787.                                     </ul>
  788.                                     <div class="mod-btn-01 isOpen dn-pc top-tab-material-open" id="top-tab-material-open">
  789.                                         <span class="btnInenr">もっと見る</span>
  790.                                     </div>
  791.                                     <div class="mod-btn-01 isClose dn top-tab-material-close">
  792.                                         <span class="btnInenr">閉じる</span>
  793.                                     </div>
  794.                                 </div>
  795.                                 <!-- /印材で選ぶ -->
  796.                             </div>
  797.                         </div>
  798.                         <!-- /用途・印材 -->
  799.                     </div>
  800.                     <!-- /タブ -->
  803.                     <!-- その他のカテゴリ -->
  804.                     <section class="top-otherCategory">
  805.                         <h2 class="mod-hl-01">
  806.                             <span class="isJp">その他のカテゴリ</span>
  807.                             <small class="isEn">Other Category</small>
  808.                         </h2>
  809.                         <!-- スタンプ（ゴム印） -->
  810.                         <section class="top-otherCategory-subSection">
  811.                             <h3 class="mod-hl-03 subSection-hl">スタンプ（ゴム印）</h3>
  812.                             <ul class="subSection-menu">
  813.                                 <li class="listItem">
  814.                                     <a href="{{ url('product_list') }}?category_id=39" class="listItemInner">
  815.                                         <span class="listItem-img">
  816.                                             <img src="{{ asset('assets/img/top/otherCategory_stamp_01.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  817.                                         </span>
  818.                                         <em class="listItem-hl">ネーム印</em>
  819.                                     </a>
  820.                                 </li>
  821.                                 <li class="listItem">
  822.                                     <a href="{{ url('product_list') }}?category_id=40" class="listItemInner">
  823.                                         <span class="listItem-img">
  824.                                             <img src="{{ asset('assets/img/top/otherCategory_stamp_02.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  825.                                         </span>
  826.                                         <em class="listItem-hl">おなまえ<br class="dn-mobile">スタンプセット</em>
  827.                                     </a>
  828.                                 </li>
  829.                                 <li class="listItem">
  830.                                     <a href="{{ url('product_list') }}?category_id=41" class="listItemInner">
  831.                                         <span class="listItem-img">
  832.                                             <img src="{{ asset('assets/img/top/otherCategory_stamp_03.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  833.                                         </span>
  834.                                         <em class="listItem-hl">金封用セット</em>
  835.                                     </a>
  836.                                 </li>
  837.                                 <li class="listItem">
  838.                                     <a href="{{ url('product_list') }}?category_id=42" class="listItemInner">
  839.                                         <span class="listItem-img">
  840.                                             <img src="{{ asset('assets/img/top/otherCategory_stamp_04.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  841.                                         </span>
  842.                                         <em class="listItem-hl">各種ゴム印</em>
  843.                                     </a>
  844.                                 </li>
  845.                             </ul>
  846.                         </section>
  847.                         <!-- /スタンプ（ゴム印） -->
  849.                         <!-- しまねっこ印鑑・スタンプ -->
  850.                         <section class="top-otherCategory-subSection">
  851.                             <h3 class="mod-hl-03 subSection-hl">しまねっこ印鑑・スタンプ</h3>
  852.                             <ul class="subSection-menu">
  853.                                 <li class="listItem">
  854.                                     <a href="{{ url('product_list') }}?category_id=36" class="listItemInner">
  855.                                         <span class="listItem-img">
  856.                                             <img src="{{ asset('assets/img/top/otherCategory_shimanekko_01.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  857.                                         </span>
  858.                                         <em class="listItem-hl">しまねっこ<br>銀行印・認印</em>
  859.                                     </a>
  860.                                 </li>
  861.                                 <li class="listItem">
  862.                                     <a href="{{ url('product_list') }}?category_id=37" class="listItemInner">
  863.                                         <span class="listItem-img">
  864.                                             <img src="{{ asset('assets/img/top/otherCategory_shimanekko_02.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  865.                                         </span>
  866.                                         <em class="listItem-hl">しまねっこ<br>スタンプ</em>
  867.                                     </a>
  868.                                 </li>
  869.                             </ul>
  870.                         </section>
  871.                         <!-- /しまねっこ印鑑・スタンプ -->
  873.                         <!-- 趣味の印 -->
  874.                         <section class="top-otherCategory-subSection">
  875.                             <h3 class="mod-hl-03 subSection-hl">趣味の印</h3>
  876.                             <ul class="subSection-menu">
  877.                                 <li class="listItem">
  878.                                     <a href="{{ url('product_list') }}?category_id=79" class="listItemInner">
  879.                                         <span class="listItem-img">
  880.                                             <img src="{{ asset('assets/img/top/otherCategory_hobby_01.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  881.                                         </span>
  882.                                         <em class="listItem-hl">落款印・蔵書印</em>
  883.                                     </a>
  884.                                 </li>
  885.                             </ul>
  886.                         </section>
  887.                         <!-- /趣味の印 -->
  889.                         <!-- 印鑑関連商品 -->
  890.                         <section class="top-otherCategory-subSection">
  891.                             <h3 class="mod-hl-03 subSection-hl">印鑑関連商品</h3>
  892.                             <ul class="subSection-menu">
  893.                                 <li class="listItem">
  894.                                     <a href="{{ url('product_list') }}?category_id=44" class="listItemInner">
  895.                                         <span class="listItem-img">
  896.                                             <img src="{{ asset('assets/img/top/otherCategory_related_01.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  897.                                         </span>
  898.                                         <em class="listItem-hl">印鑑ケース</em>
  899.                                     </a>
  900.                                 </li>
  901.                                 <li class="listItem">
  902.                                     <a href="{{ url('product_list') }}?category_id=45" class="listItemInner">
  903.                                         <span class="listItem-img">
  904.                                             <img src="{{ asset('assets/img/top/otherCategory_related_02.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  905.                                         </span>
  906.                                         <em class="listItem-hl">捺印マット</em>
  907.                                     </a>
  908.                                 </li>
  909.                                 <li class="listItem">
  910.                                     <a href="{{ url('product_list') }}?category_id=46" class="listItemInner">
  911.                                         <span class="listItem-img">
  912.                                             <img src="{{ asset('assets/img/top/otherCategory_related_03.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  913.                                         </span>
  914.                                         <em class="listItem-hl">朱肉・<br>補充インク</em>
  915.                                     </a>
  916.                                 </li>
  917.                                 <li class="listItem">
  918.                                     <a href="{{ url('product_list') }}?category_id=47" class="listItemInner">
  919.                                         <span class="listItem-img">
  920.                                             <img src="{{ asset('assets/img/top/otherCategory_related_04.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  921.                                         </span>
  922.                                         <em class="listItem-hl">スタンプ台</em>
  923.                                     </a>
  924.                                 </li>
  925.                             </ul>
  926.                         </section>
  927.                         <!-- /印鑑関連商品 -->
  929.                         <!-- ネーム印・ペン -->
  930.                         <section class="top-otherCategory-subSection">
  931.                             <h3 class="mod-hl-03 subSection-hl">ネーム印・ペン</h3>
  932.                             <ul class="subSection-menu">
  933.                                 <li class="listItem">
  934.                                     <a href="{{ url('product_list') }}?category_id=49" class="listItemInner">
  935.                                         <span class="listItem-img">
  936.                                             <img src="{{ asset('assets/img/top/otherCategory_pen_01.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  937.                                         </span>
  938.                                         <em class="listItem-hl">ネーム印・<br>補充インク</em>
  939.                                     </a>
  940.                                 </li>
  941.                                 <li class="listItem">
  942.                                     <a href="{{ url('product_list') }}?category_id=51" class="listItemInner">
  943.                                         <span class="listItem-img">
  944.                                             <img src="{{ asset('assets/img/top/otherCategory_pen_03.jpg') }}" width="110" height="110" alt="" class="imgFit" loading="lazy">
  945.                                         </span>
  946.                                         <em class="listItem-hl">ネームペン</em>
  947.                                     </a>
  948.                                 </li>
  949.                             </ul>
  950.                         </section>
  951.                         <!-- /ネーム印・ペン -->
  952.                     </section>
  953.                     <!-- /その他のカテゴリ -->
  956.                     <!-- お客様の声
  957.                     <section class="top-voice">
  958.                         <h2 class="mod-hl-01">
  959.                             <span class="isJp">お客様の声</span>
  960.                             <small class="isEn">Voice</small>
  961.                         </h2>
  963.                         <div class="top-voiceContainer">
  964.                             <div class="mod-voiceInner">
  965.                                 <div class="voiceBox">
  966.                                     <div class="voiceBoxInner">
  967.                                         <div class="voiceBox-textBlock">
  968.                                             <h3 class="voiceBox-productsName">商品名が入ります<br>レビュータイトルが入ります</h3>
  969.                                             <div class="voiceBox-nameBlock">
  970.                                                 <p class="voiceBox-name">お名前が入ります</p>
  971.                                                 <p class="voiceBox-evaluation isNumber5">
  972.                                                     <span class="evaluationInner hdnTxt">評価：星5</span>
  973.                                                 </p>
  974.                                             </div>
  975.                                             <p class="voiceBox-text">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト…</p>
  976.                                         </div>
  977.                                     </div>
  978.                                 </div>
  979.                             </div>
  980.                         </div>
  981.                     </section>
  982.                      -->
  983.                     <!-- /お客様の声 -->
  986.                     <!-- よくある質問 -->
  987.                     <section class="top-faq">
  988.                         <h2 class="mod-hl-01">
  989.                             <span class="isJp">よくある質問</span>
  990.                             <small class="isEn">FAQ</small>
  991.                         </h2>
  993.                         <div class="mod-faqBlock">
  994.                             <dl class="faqBlock-row">
  995.                                 <dt>印鑑のデザイン確認（校正）は可能ですか？</dt>
  996.                                 <dd>
  997.                                     可能でございます。<br>
  998.                                     ただし、ご希望の商品のご注文を頂きましてからの校正となります。<br>
  999.                                     （銀行振込の場合はご入金の確認後となります。）<br>
  1000.                                     これは印影の作成作業に時間と技術を要するためですのでご了承ください。<br>
  1001.                                     流れとしましては、ご注文後、印影校正を作成し、メールにて校正データの画像をお送りいたします。<br>
  1002.                                     ※必ずご注文の際に備考欄へ【校正確認希望】とご記入ください。
  1003.                                 </dd>
  1004.                             </dl>
  1005.         
  1006.                             <dl class="faqBlock-row">
  1007.                                 <dt>注文してから何日ぐらいで届きますか？</dt>
  1008.                                 <dd>
  1009.                                     印鑑は通常ご注文より1～2週間程度でお届けとなります。<br>
  1010.                                     お急ぎの場合はご注文の際に備考欄へ「即納希望」とご入力ください。早ければ3.4日程度でお届けいたします。<br>
  1011.                                     定形外郵便にてお届けの商品は即納のご指定が出来ませんのでご了承ください。<br>
  1012.                                     ※あくまでも目安です。商品やご注文内容・ご注文時期によって更に日数がかかる場合があります。<br>
  1013.                                     また、運送会社の配送状況により延着の場合がございます。ご了承ください。
  1014.                                 </dd>
  1015.                             </dl>
  1016.                             
  1017.                             <dl class="faqBlock-row">
  1018.                                 <dt>オリジナルスタンプはつくれますか？</dt>
  1019.                                 <dd>
  1020.                                     現在オンラインショップ上にお取り扱いのない商品については受注体制が整っておらずお受けすることが出来ません。申し訳ございません。
  1021.                                 </dd>
  1022.                             </dl>
  1023.                             
  1024.                             <dl class="faqBlock-row">
  1025.                                 <dt>領収書の発行について教えてください。</dt>
  1026.                                 <dd>
  1027.                                     商品と一緒に納品書兼領収書が同梱されています。なお、領収書の再発行は承っておりませんので、あらかじめご了承ください。
  1028.                                 </dd>
  1029.                             </dl>
  1031.                             <dl class="faqBlock-row">
  1032.                                 <dt>インボイス制度について</dt>
  1033.                                 <dd>
  1034.                                     当店の適格請求書発行事業者登録番号は下記の通りです。
  1035.                                     <br>
  1036.                                     Ｔ９ー２８００－０１００－０５１７
  1037.                                     <br>
  1038.                                     納品書兼領収書にも記載しております。
  1039.                                 </dd>
  1040.                             </dl>
  1041.                         </div>
  1043.                         <a href="{{ url('homepage') }}user_data/faq_index" class="mod-btn-01 top-faq-more">
  1044.                             <span class="btnInner">よくある質問を見る</span>
  1045.                         </a>
  1046.                     </section>
  1047.                     <!-- /よくある質問 -->
  1048.                 </div>
  1049.                 <!-- /メインコンテンツ -->
  1052.                 <!-- サイドメニュー -->
  1053.                 {{ include('Block/l_sub.twig', ignore_missing = true) }}
  1054.                 <!-- /サイドメニュー -->
  1055.             </div>
  1056.         </div>
  1057.     </div>
  1059. {% endblock %}