.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;
}
}