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

Open in your IDE?
  1. {% block main %}
  2. <style>
  3. .main_box_25sm {
  4.   width: 100%;
  5.   height: auto;
  6.   font-weight: 500;
  7.   margin-left: auto;
  8.   margin-right: auto;
  9.   margin-top: 2px;
  10.   padding-top: 10px;
  11.   padding-bottom: 10px;
  12.   /*background-image: url("https://nakatomishop.sakura.ne.jp/prod/MailMagazine/img/sm2025_top.png");*/
  13.   /*background: linear-gradient(30deg, #fff 15%, #4169e1 45%);*/
  14.   background: linear-gradient(200deg, #7fbfff 10%, #fff 90%);
  15.   background-size: cover;
  16.   text-align: center;
  17.   font-size: 1.8rem;
  18. }
  19.   .pexample_op{
  20.     width: 320px;
  21.     background-color: #fff;
  22.     border-radius: 25px; 
  23.     border: solid 1px #006666;
  24.     font-size: 14px;
  25.     font-weight: bold;
  26.     color: #006666;
  27.     z-index: 9999;
  28.     text-align: center;
  29.     font-weight: 400;
  30.     margin-top: 10px;
  31.     margin-bottom: 10px;
  32.     margin-left: auto;
  33.     margin-right: auto;
  34.     padding-left: 10px;
  35.     padding-right: 10px;
  36.     padding-top: 2px;
  37.     padding-bottom: 4px;
  38.     }
  40. </style>
  41. <div class="main_box_25sm">
  42.     <p class="pexample_op">
  43.     <a href="https://www.nakatomishop.com/user_data/2025spop" >〓スポットクーラー適合オプション品の確認〓</p>
  44.     </a>
  45.     <p class="pexample_op">
  46.     <a href="https://www.nakatomishop.com/products/list?category_id=15">【スポットクーラー ダクト】一覧へ移動</p>
  47.     </a>
  48.     <p class="pexample_op">
  49.     <a href="https://www.nakatomishop.com/products/list?category_id=16">【スポットクーラー フィルター】一覧へ移動</p>
  50.     </a>
  51. </div>
  52. </div>{#pega_color強制終了用#}
  53. {% endblock %}