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

Open in your IDE?
  1. {% block main %}
  3. <style>
  4. .main_box_j {
  5.   background-color: ;
  6.   width: auto;
  7.   height: auto;
  8.   margin-top: 0px;
  9.   margin-right: auto; 
  10.   margin-left: auto;
  11.   border-radius: 6px;
  12.   {#position: relative;#}
  13. }
  14. .box_j1 {
  15.   display: flex;
  16.   flex-wrap: wrap;
  17.   justify-content: space-around;  
  18.   background-color: ;
  19.   width: 100%;
  20.   margin-top: px;
  21.   margin-right: auto; 
  22.   margin-left: auto;
  23.   {#position: relative;#}
  24.   {#z-index: 9999;#}
  25. }
  26. .box_j2 {
  27.   display: flex;
  28.   flex-wrap: wrap;
  29.   justify-content: space-around;    
  30.   background-color: #fff;
  31.   float: left;
  32.   width: 100%;
  33.   height: auto;
  34.   margin-top: 10px;
  35.   margin-bottom: 10px;
  36.   border: solid 1px #dcdcdc;
  37. }
  38. .box_j3 {
  39.   display: flex;
  40.   flex-wrap: wrap;
  41.   justify-content: space-around;        
  42.   width: 150px;    
  43.   height: 150px;    
  44.   margin-top: px;
  45.   margin-bottom: 30px;
  46. }
  47. /*dummy <a href="#" style="pointer-events: none; text-decoration: none;">*/
  48. .box_j4 {
  49.   background-color: #;    
  50.   display: flex;
  51.   flex-wrap: wrap;
  52.   justify-content: space-around;        
  53.   width: 150px;    
  54.   height: 150px;    
  55.   margin-top: -10px;
  56.   margin-bottom: 30px;    
  57. }
  58. .box_j5 {
  59.   width: 100%;
  60.   height: auto;
  61.   text-align: left;
  62. }
  63. .pexample_j1 {
  64.   color: #000;    
  65.   margin-top: 10px;    
  66.   margin: left;    
  67.   margin-left: 10px;
  68.   width: 100%;     
  69.   height: 24px;
  70.   font-weight: 500;
  71. }
  72. .pexample_j2 {
  73.   color: #000;    
  74.   margin-top: 4px;    
  75.   font-size: 11px;
  76.   margin: left;    
  77.   width: 300px;     
  78.   height: 12px;
  79.   font-weight: 400;
  80. }
  81. .pexample_j3 {
  82.   text-align: left;    
  83.   margin: left;    
  84.   margin-left: 10px;
  85.   color: #4682b4;    
  86.   margin-top: -2px;
  87.   margin-bottom: 20px;
  88.   font-size: 12px;
  89.   width: 300px;     
  90.   height: 12px;
  91.   font-weight: 400;
  92. }
  93. </style>
  95. <div class="ec-role">
  96.     <div class="main_box_j">
  97.         <div class="box_j1">
  98.             <div class="box_j2">
  99.                 <p class="pexample_j1">【AIRTEC】エアーコンプレッサー</p>
  100.                 <div class="box_j3">
  101.                     <a href="https://www.nakatomishop.com/products/detail/721">
  102.                     <img src="/NfNudtBdkd/html/user_data/assets/img/AIRTEC/CP-251_300_300.png" alt="CP-251"></a>
  103.                     <p class="pexample_j2"><font color="green">【100V】</font>CP-251</p>
  104.                 </div>
  105.                 <div class="box_j3">    
  106.                     <a href="https://www.nakatomishop.com/products/detail/711"> 
  107.                     <img src="/NfNudtBdkd//html/user_data/assets/img/AIRTEC/BCP-391_300_300.png" alt="BCP-391"></a>
  108.                     <p class="pexample_j2"><font color="green">【100V/ベルト式】</font>BCP-391</p>
  109.                 </div>    
  110.                 <div class="box_j3">    
  111.                     <a href="https://www.nakatomishop.com/products/detail/712">
  112.                     <img src="/NfNudtBdkd//html/user_data/assets/img/AIRTEC/BCP-392_300_300.png" alt="BCP-392"></a>
  113.                     <p class="pexample_j2"><font color="green">【200V/ベルト式】</font>BCP-392</p>
  114.                 </div>    
  115.                 <div class="box_j3">    
  116.                     <a href="https://www.nakatomishop.com/products/detail/713">
  117.                     <img src="/NfNudtBdkd//html/user_data/assets/img/AIRTEC/ECP-39_300_300.png" alt="ECP-39"></a>
  118.                     <p class="pexample_j2"><font color="green">【ｴﾝｼﾞﾝ/ベルト式】</font>ECP-39</p>
  119.                 </div>
  120.                 <div class="box_j3">    
  121.                     <a href="https://www.nakatomishop.com/products/detail/714">
  122.                     <img src="/NfNudtBdkd//html/user_data/assets/img/AIRTEC/DCP-12BC_300_300.png" alt="DC-12BC"></a>
  123.                     <p class="pexample_j2"><font color="green">【DC】</font>DCP-12BC</p>
  124.                 </div>    
  125.                 <div class="box_j3">    
  126.                     <a href="https://www.nakatomishop.com/products/detail/715">
  127.                     <img src="/NfNudtBdkd//html/user_data/assets/img/AIRTEC/DCP-24BC_300_300.png"  alt="DC-24BC"></a>
  128.                     <p class="pexample_j2"><font color="green">【DC】</font>DCP-24BC</p>
  129.                 </div>    
  130.                 <div class="box_j5">  
  131.                     <a href="https://www.nakatomishop.com/user_data/airtec">
  132.                     <p class="pexample_j3">【AIETEC】ページへ移動</p></a>
  133.                 </div>
  134.             </div>    
  135.         </div>    
  136.     </div>
  137. </div>
  139. {% endblock %}