app/template/default/Block/top_about_coinpalace.twig line 1

Open in your IDE?
  1. <hr>
  3. <h2 class="toptitleh2_jp">コインパレスについて<br><span>- About COINPALACE -</span></h2>
  4.     
  5. <!--
  6. <ul id="topabout_banars">
  7.     <li><a href="/user_data/about_index"><img src="/common3/img/v2_about1.jpg"><span>特長／アンティークコインとは</span></a></li>
  8.     <li><a href="/user_data/about_reason"><img src="/common3/img/v2_about2.jpg"><span>選ばれる12の理由</span></a></li>
  9.     <li><a href="/user_data/about_book_kiso"><img src="/common3/img/v2_about3.jpg"><span>書籍紹介</span></a></li>
  10.     <li><a href="/user_data/about_profile"><img src="/common3/img/v2_about4.jpg"><span>会社概要</span></a></li>
  11.     <li><a href="https://coin-plaza.jp/" target="_blank"><img src="/common3/img/v2_about5.jpg"><span>コインプラザ</span></a></li>
  12.     <li><a href="https://coinpalace.co.jp/" target="_blank"><img src="/common3/img/v2_about6.jpg"><span>コーポレートサイト</span></a></li>
  13.     <li><a href="https://cpauc.jp/" target="_blank"><img src="/common3/img/v2_about7.jpg"><span>海外オークション専用サイト</span></a></li>
  14. </ul>
  15. -->
  17.     
  18. <ul id="topabout_banars">
  20. <li><a href="/user_data/about_index"><img src="/common4/img/nav_tokucho.webp" alt=""><br><span>特徴/アンティークコインとは</span></a></li>
  21. <li><a href="/user_data/about_reason"><img src="/common4/img/nav_12riyu.webp" alt=""><br><span>選ばれる13の理由</span></a></li>
  22. <li><a href="/user_data/rule_consignment"><img src="/common4/img/nav_about_09.webp" alt=""><br><span>販売代行</span></a></li>
  23. <li><a href="/user_data/ngc"><img src="/common4/img/nav_about_07-1.webp" alt=""><br><span>NGC鑑定/鑑定代行</span></a></li>
  24. <li><a href="/sp/book/"><img src="/common4/img/nav_about_16.webp" alt=""><br><span>書籍紹介</span></a></li>
  25.   
  26. </ul>
  27.     
  28. <ul id="topabout_banars">
  29.     
  30. <li><a href="/user_data/about_message"><img src="/common4/img/nav_about_15.webp" alt=""><br><span>代表メッセージ</span></a></li>
  31. <li><a href="/user_data/about_profile"><img src="/common4/img/nav_about_03.webp" alt=""><br><span>会社概要</span></a></li>
  32. <li><a href="/plaza" target="_blank"><img src="/common4/img/nav_plaza.webp" alt=""><br><span>コインプラザ</span></a></li>
  33. <li><a href="/recruit"><img src="/common4/img/nav_rec.jpg" alt=""><br><span>採用情報</span></a></li>
  34. <li><a href="https://coinpalace.co.jp/" target="_blank"><img src="/common4/img/nav_corp.jpg"><br>コーポレートサイト</a></li>
  35. </ul>
  37. <style>
  39. @media only screen and (min-width:641px) {/*pc*/
  40.     ul#topabout_banars li{
  41.         width: 20% !important;
  42.         padding-bottom:20px !important;
  43.     }
  44.     ul#topabout_banars li a{
  46.     }
  47. }
  49. @media only screen and (max-width:640px) {/*sm*/
  50.     #topabout_banars {
  51.         width: 100%;
  52.         padding: 0 10px;
  53.         display: flex;
  54.         flex-wrap: wrap;
  55.         justify-content: space-around;
  56.     }
  58.     #topabout_banars li {
  59.         text-align: center;
  60.         width: 100%;
  61.         margin: 0 0 15px 0;
  62.     }
  64.     #topabout_banars li em {
  65.         display: block;
  66.         margin: 10px 0 0 0;
  67.     }
  68. }
  69. </style>