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.         }
  8.         .ec-role {
  9.             width: 94%;
  10.         }
  11.         .logo-img {
  12.             height: auto;
  13.             margin: 16.5px 0;
  14.         }
  15.         .float-right {
  16.             float: right;
  17.         }
  18.         @media screen and (min-width: 768px) {
  19.             .ec-headerNaviRole {
  20.                 display: none;
  21.                 padding: 0;
  22.             }
  23.             .top-img {
  24.                 width: 60% !important;
  25.             }
  26.             .ec-topicRole__listItem {
  27.                 margin-bottom: unset !important;
  28.             }
  29.             .ec-topicRole .ec-topicRole__listItem:not(:last-of-type) {
  30.                 margin-right: unset;
  31.             }
  32.             .mix-img-right {
  33.                 position: relative;
  34.             }
  35.             .img-right {
  36.                 position: absolute;
  37.                 margin: auto;
  38.                 top: 0;
  39.                 bottom: 0;
  40.                 right: 5%;
  41.             }
  42.             .top-pc {
  43.                 height: 49px
  44.             }
  45.             .right-pc {
  46.                 height: 60px
  47.             }
  48.         }
  49.         @media screen and (max-width: 768px) {
  50.             .ec-headerNaviRole {
  51.                 padding: 0;
  52.             }
  53.             .ec-role {
  54.                 padding: unset;
  55.             }
  56.             .top-img {
  57.                 width: 70% !important;
  58.             }
  59.             .logo-img {
  60.                 height: 30px;
  61.                 width: auto !important;
  62.                 margin: 7px;
  63.             }
  64.             .ec-topicRole__listItem {
  65.                 margin-bottom: unset !important;
  66.             }
  67.             .ec-topicRole__listItem:last-child {
  68.                 display: none;
  69.             }
  70.         }
  71.     </style>
  72. {% endblock %}
  73. <div class="ec-headerNaviRole">
  74.     <div class="ec-headerNaviRole__left">
  75.         <div class="ec-headerRole__navSP">
  76.             {{ include('Block/nav_sp_new.twig') }}
  77.         </div>
  78.     </div>
  79. </div>
  80. <div class="ec-topicRole ec-topicRole_new">
  81.     <div class="ec-role">
  82.         <div class="ec-topicRole__list">
  83.             <div class="ec-topicRole__listItem">
  84.                 <a href="{{ url('homepage') }}">
  85.                     <img class="logo-img top-img top-pc"
  86.                          src="{{ asset('assets/img/common/logo_top.svg') }}"
  87.                          alt="Ocomari">
  88.                 </a>
  89.             </div>
  90.             <div class="ec-topicRole__listItem mix-img-right">
  91.                 <img class="logo-img top-img img-right float-right right-pc"
  92.                      src="{{ asset('assets/img/common/contact_top.svg') }}"
  93.                      alt="Ocomari">
  94.             </div>
  95.         </div>
  96.     </div>
  97. </div>