app/template/default/Block/content_right_img_autoshipment.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" style="background-color: #439acf;padding:2% 2%;">
  35.     {#    <div class="img_right">#}
  36.           {#<img src="/html/user_data/img/img1.jpg" alt="" class="img_width">#}
  37.     {#      <!--<p class="remove">除去物質<br><span>102</span>項目</p>-->#}
  38.     {#    </div>#}
  39.         <h2 class="d_item_name2" style="color:#fff;">オートシップメント</h2>
  40.         <hr>
  41.         <div class="txt t_flexBox">
  42.           <div class="img_width" style="color:#fff;">
  43.               <p style="font-size: 18px;color:#fff;">
  44. マルチピュアジャパンオンラインショップオートシップメントサービスへご契約いただくと、<span style="font-size: 20px;font-weight:bold;font-family: Roboto, '游ゴシック', YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Arial, 'メイリオ', Meiryo, sans-serif;">浄水器本体と</span>、毎年の<span style="font-size: 20px;font-weight:bold;font-family: Roboto, '游ゴシック', YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Arial, 'メイリオ', Meiryo, sans-serif;">交換カートリッジが10％OFF</span>でご購入いただけます。<br class="sp" />
  45. ご契約中は付属部品・本体を含め保証期間は10年から<span style="font-size: 20px;font-weight:bold;font-family: Roboto, '游ゴシック', YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Arial, 'メイリオ', Meiryo, sans-serif;">永久保証</span>へ。年に一度、本体購入月に交換カートリッジを自動的にお届けいたします。</p>
  47.               {#    マルチピュアジャパンオンラインショップオートシップメントサービスへご契約いただくと、本体・交換ご契約中は付属部品・本体を含め保証期間は10年から#}
  48.               {#<span style="font-size: 20px;font-weight:bold;font-family: Roboto, '游ゴシック', YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Arial, 'メイリオ', Meiryo, sans-serif;">永久保証</span>#}
  49.               {#へ。<br class="sp" />さらに年に一度、本体購入月に交換カートリッジを自動的にお届けいたします。</p>#}
  50.             ※クレジット決済のみ対応
  51.             {#※分割払いの場合はご利用いただけません。#}
  52.             <a href="/user_data/auto_shipment" class="l_item_btn" style="color: #fff;border: 1px solid #FFF;">詳しくはこちら</a>
  53.             
  54.             {#<p class="content-text">お二人のご家庭やシングルライフの方に最適。<br />コンパクトでも高性能な浄水器です。</p>#}
  55.             
  56.             {#<div style="margin: 30px 0;">#}
  57.             {#    <p class="btn_txt" style="padding: 20px 20px;">1人～2人様</p>#}
  58.             {#    <p class="btn_txt">1日の使用目安<br />12ℓ</p>#}
  59.             {#    <br style="clear: both;">#}
  60.             {#</div>  #}
  61.               
  62.             {#<a href="/products/detail/107" class="l_item_btn">この商品について詳しく</a>#}
  63.             {#<a href="/products/list?category_id=40" class="l_item_btn">このほかのカウンタートップ浄水器はこちら</a>#}
  64.           </div>
  65.         </div>
  66.           <br style="clear: both;">
  67.       </div>