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