.c-infoBar {
  display: none; }

.l-header {
  top: 0;
  left: 0;
  transition: background-color .25s; }
  @media (min-width: 1000px) {
    .l-header[data-pcfix="1"] {
      position: fixed; }
    .l-header[data-pcfix="0"] {
      position: absolute;
      transition-duration: 0s; } }
  @media (max-width: 999px) {
    .l-header[data-spfix="1"] {
      position: fixed; }
    .l-header[data-spfix="0"] {
      position: absolute;
      transition-duration: 0s; } }
  .l-header .l-header__body {
    color: #fff; }
  .l-header .c-headLogo {
    position: relative; }
  .l-header .c-headLogo__img {
    transition: opacity .25s; }
  .l-header .c-headLogo__img.-common {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0; }

[data-scrolled="false"] .l-header {
  background-color: transparent; }

@media (min-width: 1000px) {
  [data-scrolled="true"] [data-pcfix="1"] .l-header__body {
    color: inherit; }
  [data-scrolled="true"] [data-pcfix="1"] .c-headLogo__img.-top {
    opacity: 0; }
  [data-scrolled="true"] [data-pcfix="1"] .c-headLogo__img.-common {
    opacity: 1; }
  .l-header[data-pcfix="0"] {
    top: 0 !important;
    background-color: transparent; } }

@media (max-width: 999px) {
  [data-scrolled="true"] [data-spfix="1"] .l-header__body {
    color: inherit; }
  [data-scrolled="true"] [data-spfix="1"] .c-headLogo__img.-top {
    opacity: 0; }
  [data-scrolled="true"] [data-spfix="1"] .c-headLogo__img.-common {
    opacity: 1; }
  .l-header[data-spfix="0"] {
    top: 0 !important;
    background-color: transparent; } }

.l-headerUnder {
  transition: background-color .25s; }

.l-headerUnder:not([data-fix]),
[data-scrolled="false"] .l-headerUnder[data-fix] {
  color: #fff;
  background-color: transparent; }

.l-headerUnder:not([data-fix]),
[data-pcfix="0"] + .l-headerUnder[data-fix] {
  position: absolute;
  top: var(--ark-header_height); }

[data-scrolled="true"] [data-pcfix="0"] + .l-headerUnder[data-fix] {
  position: fixed;
  top: 0; }

[data-scrolled="true"] .admin-bar [data-pcfix="0"] + .l-headerUnder[data-fix] {
  top: 32px; }

[data-pcfix="1"] + .l-headerUnder[data-fix] {
  position: fixed;
  top: calc(var(--ark-header_height)); }

.admin-bar [data-pcfix="1"] + .l-headerUnder[data-fix] {
  top: calc(var(--ark-header_height) + 32px); }