body {
  background: black;
}

.header {
  /*   &:has(.search-area.show),
    &:has(.have-child:hover),
    &:has(.sp-menu.show),
    &:has(.sp-search-area.show)
    {
      .header__nav__list__link,
      .popover--show,
      .search-area--show,
      .header__nav__right a,
      .header__sp-nav .header__sp-nav__list a
      {
        color: black;
      }
      .logo
      {
        a
        {
          background: none;
          img
          {
            opacity: 1;
          }
        }
      }
    }
    &:has(.sp-search-area.show) .header__sp-nav .header__sp-nav__list .sp-menu--show:not(.on)
    {
      background: url(/assets/front/img/icon/ico-menu.svg) no-repeat;
    } */
}
.header:has(.search-area.show), .header:has(.sp-search-area.show), .header:has(.have-child:hover) {
  background: black;
}
.header.header--sp-menu-show {
  background: black;
  color: white;
}
.header.header--sp-menu-show .header__content {
  background: black;
  color: white;
}
.header.header--sp-menu-show .sp-menu--show.on,
.header.header--sp-menu-show .sp-menu__sub-menu--show:before {
  filter: brightness(0) invert(1);
}
.header.header--sp-menu-show a {
  color: white;
}
.header .header__nav__menu,
.header .search-area,
.header .sp-search-area {
  background: black;
  color: white;
}
.header .search-area .freeword,
.header .sp-search-area .freeword {
  background: black;
}
.header .header__nav__list__link,
.header .popover--show,
.header .search-area--show,
.header .header__nav__right a,
.header .header__sp-nav .header__sp-nav__list a {
  color: white;
}
.header .header__sp-nav .header__sp-nav__list .sp-menu--show:not(.on) {
  background: url(/assets/front/img/icon/ico-menu-white.svg) no-repeat;
}
.header .logo a {
  background: url(/assets/front/img/logo_white.svg) no-repeat;
  background-size: contain;
}
.header .logo a img {
  opacity: 0;
}
.header .sp-menu__panel {
  background: black;
}

.siteFooter {
  color: white;
}
.siteFooter a {
  color: unset;
}
.siteFooter .footerNewsletter input {
  background: none;
  border: solid 1px white;
}
@media (max-width: 63.94em) {
  .siteFooter .footerNewsletter__ttl {
    background: black;
  }
  .siteFooter .footerNewsletter__ttl::before {
    background: black;
  }
}

.crumbsList {
  display: none !important;
}

.siteContent {
  padding-top: 30px;
  color: white;
}

.section {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  gap: var(--spacing15) 0;
}
@media (min-width: 64em) {
  .section {
    grid-template-columns: repeat(4, 25%);
  }
}
.section .universe-article img {
  width: 100%;
}
.section .universe-article .editorialMedia-link {
  display: block;
}
.section .universe-article__pic {
  margin-bottom: var(--spacing15);
}
.section .universe-article__ttl {
  font-size: unset;
  padding: 0 var(--padding15);
}