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

Open in your IDE?
  1. {% block stylesheet %}
  2.     <style>
  3.         .ec-drawerRole {
  4.             background: #1A7EE7 !important;
  5.         }
  6.         .ec-headerLinkArea {
  7.             background: #1A7EE7 !important;
  8.         }
  9.         .ec-headerLink__list {
  10.             margin: 100px auto;
  11.             width: 90%;
  12.         }
  13.         .ec-headerLink__footer {
  14.             position: absolute;
  15.             bottom: 0;
  16.         }
  17.         .denwa-sp {
  18.             position: absolute;
  19.             left: 50%;
  20.             margin-right: -50%;
  21.             transform: translate(-50%, -50%);
  22.             bottom: 10px;
  23.             width: 84% !important;
  24.         }
  25.         .link-zelda {
  26.             font-family: "Roboto", "ヒラギノ角ゴ ProN", "メイリオ", "sans-serif";
  27.             font-style: normal;
  28.             font-weight: 300;
  29.             font-size: 15px;
  30.             line-height: 24px;
  31.             color: #FFFFFF;
  32.         }
  33.     </style>
  34. {% endblock %}
  35. <div class="ec-headerLinkArea">
  36.     <div class="ec-headerLink__list">
  37.         <a class="ec-headerLink__item" href="{{ path('guide') }}">
  38.             <span class="link-zelda">初めての方へ</span>
  39.         </a>
  40.         <a class="ec-headerLink__item" href="{{ path('faq') }}">
  41.             <span class="link-zelda">FAQ</span>
  42.         </a>
  43.         <a class="ec-headerLink__item" href="{{ path('contact_emergency') }}">
  44.             <span class="link-zelda">お急ぎの方へ</span>
  45.         </a>
  46.     </div>
  47.     <div class="ec-headerLink__footer">
  48.         <img class="w-100" src="{{ asset('assets/img/common/contact_footer_sp.svg') }}">
  49.         <a href="tel:08021491503">
  50.             <img class="w-75 denwa-sp" src="{{ asset('assets/img/common/denwa.svg') }}">
  51.         </a>
  52.     </div>
  53. </div>