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

Open in your IDE?
  1. {% block stylesheet %}
  2.     <style>
  3.         .ec-topicRole_new {
  4.             padding: unset;
  5.             background: unset;
  6.             border-bottom: 1px solid #DDDDDD;
  7.         }
  9.         .ec-role {
  10.             width: 94%;
  11.         }
  13.         .logo-img {
  14.             height: auto;
  15.             margin: 16.5px 0;
  16.         }
  18.         .float-right {
  19.             float: right;
  20.         }
  22.         @media screen and (min-width: 768px) {
  23.             .ec-headerNaviRole {
  24.                 display: none;
  25.                 padding: 0;
  26.             }
  28.             .top-img {
  29.                 width: 60% !important;
  30.             }
  32.             .ec-topicRole__listItem {
  33.                 margin-bottom: unset !important;
  34.             }
  36.             .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
  37.                 margin-right: unset;
  38.             }
  40.             .mix-img-right {
  41.                 position: relative;
  42.             }
  44.             .img-right {
  45.                 position: absolute;
  46.                 margin: auto;
  47.                 top: 0;
  48.                 bottom: 0;
  49.                 right: 5%;
  50.             }
  52.             .top-pc {
  53.                 height: 49px
  54.             }
  56.             .right-pc {
  57.                 height: 60px
  58.             }
  59.         }
  61.         @media screen and (max-width: 768px) {
  62.             .ec-headerNaviRole {
  63.                 padding: 0;
  64.             }
  66.             .ec-role {
  67.                 padding: unset;
  68.             }
  70.             .top-img {
  71.                 width: 70% !important;
  72.             }
  74.             .logo-img {
  75.                 height: 30px;
  76.                 width: auto !important;
  77.                 margin: 7px;
  78.             }
  80.             .ec-topicRole__listItem {
  81.                 margin-bottom: unset !important;
  82.             }
  84.             .ec-topicRole__listItem:last-child {
  85.                 display: none;
  86.             }
  87.         }
  88.     </style>
  89. {% endblock %}
  91. <div class="ec-headerNaviRole">
  92.     <div class="ec-headerNaviRole__left">
  93.         <div class="ec-headerRole__navSP">
  94.             {{ include('Block/nav_sp_new.twig') }}
  95.         </div>
  96.     </div>
  97. </div>
  98. <div class="ec-topicRole ec-topicRole_new">
  99.     <div class="ec-role">
  100.         <div class="ec-topicRole__list">
  101.             <div class="ec-topicRole__listItem">
  102.                 <a href="{{ url('homepage') }}">
  103.                     <img class="logo-img top-img top-pc"
  104.                          src="{{ asset('assets/img/common/logo_top.svg') }}"
  105.                          alt="Ocomari">
  106.                 </a>
  107.             </div>
  108.             <div class="ec-topicRole__listItem mix-img-right">
  109.                 <img class="logo-img top-img img-right float-right right-pc"
  110.                      src="{{ asset('assets/img/common/contact_top.svg') }}"
  111.                      alt="Ocomari">
  112.             </div>
  113.         </div>
  114.     </div>
  115. </div>