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

Open in your IDE?
  1. <style>
  2. /*全てに適用*/    
  3. /*ウィンドウ幅が767px以上の場合に適用*/
  4. @media screen and (min-width: 767px) { 
  5.     
  6.     .img_right{
  7.         float: right; 
  8.         margin-left: 30px;
  9.         
  10.     }
  11.     
  12.     }
  13. /*ウィンドウ幅が最大767pxまでの場合に適用*/
  14. @media screen and (max-width: 767px) { 
  15.     .img_right{
  16.         width: 100%;
  17.         float: none; 
  18.         margin-right: 0px;
  19.         padding: 0 10px;
  20.     }
  21.     .img_width{
  22.         width: 100%
  23.     }
  24.     
  25.     
  26.     
  27.     
  28.     }
  29.     
  31. </style>
  34. <div class="l_items_default">
  35.         <div class="img_right">
  36.           <img src="/html/user_data/img/img2.jpg" alt="" class="img_width">
  37.           <!--<p class="remove">除去物質<br><span>102</span>項目</p>-->
  38.         </div>
  39.         <h2 class="d_item_name2">Aquamini 250CT</h2>
  40.         <div class="txt t_flexBox">
  41.           <div class="img_width">
  42.             <p class="content-text">お二人のご家庭やシングルライフの方に最適。<br />コンパクトでも高性能な浄水器です。</p>
  43.             
  44.             <div style="margin: 30px 0;">
  45.                 <p class="btn_txt" style="padding: 20px 20px;">1人～2人様</p>
  46.                 <p class="btn_txt">1日の使用目安<br />12ℓ</p>
  47.                 <br style="clear: both;">
  48.             </div>  
  49.               
  50.             <a href="/products/detail/296" class="l_item_btn">この商品について詳しく</a>
  51.             <a href="/products/list?category_id=40" class="l_item_btn">このほかのカウンタートップ浄水器はこちら</a>
  52.           </div>
  53.         </div>
  54.           <br style="clear: both;">
  55.       </div>