/**
 * Layout
 */
.l-outer {
  min-block-size: calc(100svh - var(--wp-admin--admin-bar--height, 0px));
}

.l-header {
  position: relative;
  z-index: 100;
}

.l-container {
  position: relative;
  display: grid;
  padding-block: var(--tcd-layout-container-padding-pc, 150px);
}

.l-footer {}

.l-contents {
  display: flex;
  justify-content: center;
  gap: 50px;
  inline-size: min(calc(100% - 40px), var(--tcd-base-container-size));
  margin-inline: auto;
}

.l-inner {
  inline-size: var(--tcd-layout-inner-size, min(calc(100% - 40px), var(--tcd-base-container-size)));
  margin-inline: auto;
}

.l-main {
  container: main / inline-size;
  flex: 1;
  display: grid;
  align-content: start;
  row-gap: 70px;
}

.l-sidebar {
  container: sidebar / inline-size;
  flex: 0 0 250px;
}

@media (max-width: 991px) {

  .l-container {
    padding-block: var(--tcd-layout-container-padding-sp, 40px)
  }

  .l-header {}

  .l-contents {
    flex-direction: column;
  }

  .l-main {
    row-gap: 40px;
  }

  .l-sidebar {
    flex: 1;
    order: 2;
  }
}