app/template/akracing/Block/Colors_Model_giants.twig line 1

Open in your IDE?
  1. <div id="ak-Colors_Model" class="ak-product_contents">
  2.     <div class="ak-inner">
  3.         <div class="contents_header">
  4.             <h2><img src="{{ asset('assets/img/product/title/Colors_Model.png') }}" alt="Colors & Model"><span>カラーバリエーション＆モデル</span></h2>
  5.         </div><!-- contents_header -->
  6.         <div class="contents_body">
  7.             <div class="ak-list_wrap">
  8.                 <ul>
  9.                     <li>
  10.                         <img src="https://www.akracing.jp/html/upload/save_image/0308175816_65ead3280b10b.png" alt="">
  11.                     </li>
  12.                 </ul>
  13.             </div><!-- ak-list_wrap -->
  14.             <div class="ak-table">
  15.                 <table class="table table_02 pcLayout">
  16.                 <tbody>
  17.                     <tr>
  18.                     <th>モデル</th>
  19.                     <td>Pro-X V2 ジャイアンツ</td>
  20.                     </tr>
  21.                     <tr>
  22.                     <th>型番</th>
  23.                     <td>AKR-PRO-X/ORANGE/GIANTS</td>
  24.                     </tr>
  25.                     <tr>
  26.                     <th>JAN/UPC</th>
  27.                     <td>4549584341162</td>
  28.                     </tr>
  29.                     <!-- <tr>
  30.                     <th>想定売価</th>
  31.                     <td>59,800円(税込)</td>
  32.                     </tr> -->
  33.                 </tbody>
  34.                 </table>
  35.             </div><!-- ak-table -->
  36.         </div><!-- contents_body" -->
  37.     </div><!-- ak-inner -->
  38. </div><!-- ak-Colors_Model -->
  39. <style>
  40.     #ak-Colors_Model .contents_body ul {
  41.         justify-content: center;
  42.     }
  43.     .ak-list_wrap img{
  44.         height:416px;
  45.         width:auto;
  46.     }
  47. @media (max-width: 1023px){
  48.     #ak-Colors_Model .contents_body ul {
  49.         width: 100%;
  50.     }
  51.     #ak-Colors_Model .contents_body ul li img {
  52.         width:auto;
  53.         margin: 0 0 1rem 0;
  54.     }
  55. }
  57. </style>