/*
** body
*/

.l-body__inner {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
}


/*
** .l-main
*/

.l-main {
  flex: 1; /* コンテンツの高さが100vhに満たない時に余った高さを全部使う */
  padding-bottom: calc(90 * var(--layout-scale));
}

.l-main__inner {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
}


/*
** .l-wrapper
*/

.l-wrap {
  width: calc((var(--main-container-width) / var(--standard-width)) * 100%);
  margin-left: auto;
  margin-right: auto;
}

.l-wrap--s {
  max-width: calc(var(--max-container-width--s) * 1px);
}

.l-wrap--m {
  max-width: calc(var(--max-container-width--m) * 1px);
}