html {
  font-size: calc(100vw / var(--spViewport)) !important;
}
header.header, footer.footer, .sidebar {
  font-family: var(--fontBase);
}
.header__sns__item {
  background: none;
}
.header__menu__item, .header__child-menu__item {
  height: auto;
  background: none;
  line-height: inherit;
}
header.header + #content_header_empty + #container {
  margin-top: var(--headerHeight) !important;
  padding-top: 10rem !important;
}
header.header + #content_header {
  margin-top: var(--headerHeight) !important;
  padding-top: 10rem !important;
}

.header__main a:link,
.header__main a:visited,
.footer__bottom a:link,
.footer__bottom a:visited,
.sidebar a:link,
.sidebar a:visited {
  color: inherit;
}



@media (min-width: 768px) {
  html {
    font-size: 1px !important;
  }
  .header__main .header__action-button--user .header__action-button__link {
      color: #fff;
  }
  header.header .header__search__input {
    padding-left: 60rem;
    padding-right: 25rem;
    border: none;
    box-shadow: none;
  }

  #container.container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* width: calc(100% - var(--sidePaddingPc1) * 2); */
    max-width: var(--widthDefault);
  }
  #container.container #contents.contents {
    /* width: calc(100% - 360rem); */
  }
}

@media (max-width: 767px) {
  .xdebug-error {
    display: none;
  }
}