@charset "UTF-8";

/*
 * サイト全体は1920pxを完成幅とする。
 * このファイルはreset.cssより後に読み込み、bodyの中央配置を確実に適用する。
 */
:root { --site-stage-width: 1920px; }

html { background: #e9edf2; }

html body {
  width: min(100%, var(--site-stage-width));
  max-width: var(--site-stage-width);
  margin-right: auto;
  margin-left: auto;
  background: var(--color-white, #fff);
  box-shadow: 0 0 44px rgba(17, 29, 55, 0.12);
}

@media (max-width: 1920px) {
  html { background: var(--color-white, #fff); }
  html body { box-shadow: none; }
}

/* ブラウザ縮小時も、全幅パーツを完成幅の外へ広げない。 */
@media (min-width: 1921px) {
  #site-header,
  body > main,
  body > .footer,
  body > footer {
    width: 100%;
    max-width: var(--site-stage-width);
    margin-right: auto;
    margin-left: auto;
  }

  .mega-menu {
    width: var(--site-stage-width);
  }

  .site-footer__legal {
    width: var(--site-stage-width);
    margin-right: calc(50% - 960px);
    margin-left: calc(50% - 960px);
  }
}