/*
|---------------------------------------------------------------
| layout-main.css
|---------------------------------------------------------------
*/
/* 1 Column */
.wrapper .__inner,
.wrapper.wrapper--column-1 .__inner,
.wrapper.wrapper--column-2 .__inner {
  width: 100%;
  max-width: 100%;
}
.wrapper .__inner .main,
.wrapper.wrapper--column-1 .__inner .main,
.wrapper.wrapper--column-2 .__inner .main {
  width: 100%;
  max-width: calc(var(--oku-container-maxwidth) + var(--oku-container-padding-x) * 2);
  padding: 0 var(--oku-container-padding-x);;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.wrapper--column-2 .__inner .aside {
  display: none;
  float: none;
}
.wrapper.wrapper--column-2 .__inner .main {
  float: none;
}

.wrapper {
  width: 100%;
  padding: var(--oku-wrapper-padding-y, clamp(10px, 4vw, 30px)) 0;
}