// コンテナ
.container {
  background: var(--container-bg);
  display: grid;
  grid-template-rows: auto 1fr auto;
  display: -ms-grid;
  -ms-grid-rows: auto 1fr auto;
  margin: auto;

  .container_header {
    grid-row: 1 / 2;
    -ms-grid-row: 1;
  }

  .container_main {
    grid-row: 2 / 3;
    -ms-grid-row: 2;
  }

  .container_menu {
    grid-row: 2 / 3;
    -ms-grid-row: 2;
  }

  .container_footer {
    grid-row: 3 / 4;
    -ms-grid-row: 3;
  }

  @include media-desktop {
    box-shadow: var(--container-shadow);
    grid-template-columns: var(--container-columns);
    -ms-grid-columns: var(--container-columns);
    max-width: var(--container-max-width);

    margin: 0 auto;
    min-height: 100vh;

    .container_header {
      grid-column: 1 / 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }

    .container_menu {
      grid-column: 1 / 2;
      -ms-grid-column: 2;
    }

    .container_main {
      grid-column: 2 / 3;
      -ms-grid-column: 1;
    }

    .container_footer {
      grid-column: 1 / 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
  }

  @include media-mobile {
    margin: 0;
    width: 100vw;

    .container_header {
      border-bottom: var(--border-common);
    }

    .container_menu {
      display: none;
    }
  }
}