@charset "UTF-8";
/* ========================================
 Breakpoint定義
======================================== */
/* ========================================
 breakpoint取得関数
----------------------------------------
 bp(pc) → 1025px
 bp(900px) → 900px
======================================== */
/* ========================================
 media query mixin
----------------------------------------
 @include media(tab) → min-width:768px
 @include media(tab,max) → max-width:767px
======================================== */
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
  min-height: calc(100lvh - var(--fixed-header-height) * 1px);
}

/* ---------------------------------------------
*   l-container
--------------------------------------------- */
.l-container {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-container {
    padding-left: calc(var(--contents-side-padding) * 1px);
    padding-right: calc(var(--contents-side-padding) * 1px);
    max-width: calc(var(--design-width) * 1px);
  }
}
.l-container--index {
  z-index: 1;
}
@media (min-width: 768px) {
  .l-container--index {
    z-index: auto;
  }
}

/* ---------------------------------------------
*   l-container-small
--------------------------------------------- */
.l-container-small {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-container-small {
    padding-left: calc(var(--contents-side-padding) * 1px);
    padding-right: calc(var(--contents-side-padding) * 1px);
    max-width: 1280px;
  }
}

/* ---------------------------------------------
*   l-container-narrow
--------------------------------------------- */
.l-container-narrow {
  padding-left: calc(var(--contents-side-padding) * 1px);
  padding-right: calc(var(--contents-side-padding) * 1px);
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-container-narrow {
    max-width: calc(var(--narrow-contents-width) * 1px);
  }
}

/* ---------------------------------------------
*   l-container-detail
--------------------------------------------- */
.l-container-detail {
  padding-left: calc(var(--contents-side-padding) * 1px);
  padding-right: calc(var(--contents-side-padding) * 1px);
  max-width: none;
  width: 100%;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-container-detail {
    padding-left: 0;
    padding-right: 0;
    max-width: 714px;
  }
}

/*# sourceMappingURL=contents.css.map */