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

Open in your IDE?
  1. {% block stylesheet %}
  2.     <style>
  3.         .footerRoleNew {
  4.             background: #2479E8;
  5.             margin: unset;
  6.         }
  7.         .ec-footerRole .ec-footerRole__inner {
  8.             width: 100%;
  9.             margin: 0 auto;
  10.             padding: 0 180px;
  11.         }
  12.         .ec-topicpath {
  13.             font-size: unset;
  14.             padding: 20px;
  15.         }
  16.         .logo-img-footer {
  17.             width: auto !important;
  18.             margin: 10px 0;
  19.             height: 72px;
  20.         }
  21.         @media screen and (min-width: 768px) {
  22.             .ec-footerNaviNew {
  23.                 float: right;
  24.                 margin: 0 10px;
  25.                 padding: 18px 0 18px 0;
  26.                 width: 65%;
  27.                 text-align: right;
  28.             }
  29.             .ec-footerNavi__link_New a {
  30.                 text-decoration: none !important;
  31.             }
  32.             .ec-footerTitleNew {
  33.                 padding: 20px 0;
  34.                 width: 100%;
  35.             }
  36.             .topicRole__listItem-footer {
  37.                 width: auto;
  38.                 display: inline-block;
  39.                 padding: 18px 0 18px 0;
  40.             }
  41.             .top-img-footer-new {
  42.                 width: 40%;
  43.             }
  44.             .ec-footerRole {
  45.                 padding: 18px 0;
  46.             }
  47.         }
  48.         @media screen and (max-width: 768px) {
  49.             .ec-footerNaviNew {
  50.                 margin: unset;
  51.             }
  52.             .ec-footerNavi .ec-footerNavi__link a {
  53.                 border-bottom: none;
  54.                 padding: 14px 0;
  55.                 text-align: left;
  56.             }
  57.             .ec-footerRole__inner {
  58.                 position: relative;
  59.             }
  60.             .topicRole__listItem-footer {
  61.                 position: absolute;
  62.                 bottom: 50px;
  63.                 text-align: center;
  64.                 width: calc(100% - 40px);
  65.             }
  66.             .ec-footerTitleNew {
  67.                 padding: 90px 0 25px;
  68.             }
  69.             .top-img-footer-new {
  70.                 width: 30%;
  71.             }
  72.             .logo-img-footer {
  73.                 width: auto !important;
  74.                 margin: 10px 0;
  75.                 height: 62px;
  76.                 vertical-align: middle;
  77.             }
  78.             .p-t-18 {
  79.                 padding-top: 18px;
  80.             }
  81.             .ec-footerRole .ec-footerRole__inner {
  82.                 width: 100%;
  83.                 margin: 0 auto;
  84.                 padding: 0 20px;
  85.             }
  86.         }
  87.     </style>
  88. {% endblock %}
  89. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
  90.       integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  91. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/v4-shims.css"
  92.       integrity="sha384-lmquXrF9qn7mMo6iRQ662vN44vTTVUBpcdtDFWPxD9uFPqC/aMn6pcQrTTupiv1A" crossorigin="anonymous">
  93. <div class="ec-footerRole footerRoleNew">
  94.     <div class="ec-footerRole__inner">
  95.         <div class="ec-topicRole__listItem topicRole__listItem-footer">
  96.             <a href="{{ url('homepage') }}">
  97.                 <img class="logo-img-footer top-img-footer-new"
  98.                      src="{{ asset('assets/img/common/footer_left.svg') }}"
  99.                      alt="Ocomari">
  100.             </a>
  101.         </div>
  102.         <ul class="ec-footerNavi ec-footerNaviNew p-t-18">
  103.             <li class="ec-footerNavi__link ec-footerNavi__link_New">
  104.                 <a href="{{ path('blog') }}" target="_blank">記事 <i
  105.                             class="fa fa-external-link"
  106.                             aria-hidden="true"></i></a>
  107.             </li>
  108.             <li class="ec-footerNavi__link ec-footerNavi__link_New">
  109.                 <a href="{{ path('homepage') }}">トップページ</a>
  110.             </li>
  111.             <li class="ec-footerNavi__link ec-footerNavi__link_New">
  112.                 <a href="{{ path('terms_of_use') }}">ご利用規約</a>
  113.             </li>
  114.             <li class="ec-footerNavi__link ec-footerNavi__link_New">
  115.                 <a href="{{ path('review_guideline') }}">口コミガイドライン</a>
  116.             </li>
  117.             <li class="ec-footerNavi__link ec-footerNavi__link_New">
  118.                 <a href="{{ path('privacy_policy') }}">プライバシーポリシー</a>
  119.             </li>
  120.             <li class="ec-footerNavi__link ec-footerNavi__link_New">
  121.                 <a href="{{ path('company_profile') }}">会社概要</a>
  122.             </li>
  123.             <div class="ec-footerTitle ec-footerTitleNew">
  124.                 <div class="ec-footerTitle__copyright ec-footerNaviNew">(c) Ocomari.Inc. All rights reserved.</div>
  125.             </div>
  126.         </ul>
  127.     </div>
  128. </div>