/*タブレットなどで左右の余白変える場合 */
@media (max-width: 960px) {
  body {
    --wp--style--root--padding-left: 3vw;
    --wp--style--root--padding-right: 3vw;
  }
}

.nav {
  display: none;

  z-index: calc(infinity);
  background-color: red;
  width: 100%;
  margin: 0;
}

.nav.open {
  display: block;
}

.content-container {
  padding-inline: 0;
}

.top-img {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

footer {
  margin-block-start: 0;
}

body {
  --side-l: max(
    var(--wp--style--root--padding-left),
    calc((100vw - var(--wp--style--global--wide-size)) / 2)
  );
  --side-m: max(
    var(--wp--style--root--padding-left),
    calc((100vw - var(--wp--style--global--content-size)) / 2)
  );
}

/*カラム横寄せ*/

.column-img img {
  width: 100%;
}

.wp-block-image.column-img {
  margin-right: calc(var(--side-m) * -1);
}

/*画像の横寄せ*/
.wp-block-image.side-img {
  margin-left: calc(var(--side-m) * -1);
}