@charset "UTF-8";
/* CSS Document */
.container {
  width: 100%;
  /*max-width: 1152px;*/
  /*min-height: 100vh;*/
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template:
    ".... ...... ...... ...... ...... ...... ...."
    ".... header header header header header ...."auto ".... ...... ...... ...... ...... ...... ...."1% ".... notice notice notice notice notice ...."auto ".... ...... ...... ...... ...... ...... ...."0.5% ".... main   main   main   main   main   ...."auto ".... ...... ...... ...... ...... ...... ...."2% ".... footer footer footer footer footer ...."auto ".... ...... ...... ...... ...... ...... ...."
    /auto 18% 2% 60% 2% 18% auto;
}
.container header {
  grid-area: header;
}
.container .notice {
  grid-area: notice;
  max-width: 1152px;
  margin: 0 auto;
}
/*.container nav {
  grid-area: nav;
}*/
.container main {
  grid-area: main;
  max-width: 1152px;
  margin: 0 auto;
}
/*.container aside {
  grid-area: aside;
}*/
.container footer {
  grid-area: footer;
  /*max-width: 1152px;
  margin: 0 auto;*/
}
/*::::::::::::::::::::::::::::::::::::::::::::::::*/
/*@media screen and (max-width:1024px) {
  .container {
    width: 100%;
  }
}*/
@media (max-width:480px) {
  .container {
    grid-template:
      "header"auto "....  "0.2% "notice"auto "....  "0.2% "main  "auto "nav   "
      "aside "1% "footer"auto;
  }
}