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

Open in your IDE?
  1. <style>
  2. /* ボタン幅短いver */
  3. /* .top_work_contents_info_btn {
  4.   display: block;
  5.   text-align: center;
  6.   margin: 10px auto 0;
  7.   padding: 5px 5px;
  8.   -webkit-border-radius: 20px;
  9.   -moz-border-radius: 20px;
  10.   border-radius: 20px;
  11.   border: 1px solid #000;
  12.   position: relative;
  13.   top: 36px;
  15.   width: 30%;
  16.   margin: 0 auto;
  17. } */
  19. /*ウィンドウ幅が767px以上の場合に適用*/
  20. @media screen and (min-width: 767px) {
  21.   .d_contents2 {
  22.     padding: 0;
  23.     }
  24. }
  25. /*ウィンドウ幅が最大767pxまでの場合に適用*/
  26. @media screen and (max-width: 767px) { 
  27. }
  28. </style>
  30. <div class="d_main2 clearfix">
  31. <section class="d_contents2">
  32.     <h2 class="d_item_title">取付工事について</h2>
  33.     <div class="t_flexBox" style="float: left;width:100%;">
  34.       <div class="l_items_default" style="width: 100%;">
  35.         <div class="txt t_flexBox" style="padding-top: 10px;">
  36.           <div class="img_width">
  37.             <p class="content-text">
  38. 取付工事内容や費用は環境によって異なります。<br>
  39. 詳細確認・工事依頼はこちらからお気軽にお問い合わせください。<br>
  40. 写真を添付していただけます。<br>
  41.             </p>
  42.           </div>
  43.         </div>
  44.         {# /* ボタン幅短いver */ #}
  45.         {# <a href="/contact_works" class="top_work_contents_info_btn" style="border:">取付工事のご相談・受付</a> #}
  46.         <a href="{{ eccube_config.multipure_contact_works }}" class="l_item_btn" style="border:">取付工事のご相談・受付</a>
  47.       <br style="clear: both;">
  48.       </div>
  49.   </div>
  50. </section>
  51. </div>