/* フリーレイアウト固定ページ(page-free.php)。白カードなしで、ブロック本文に幅広・全幅を使える */

.aplaza-free {
  /* 固定ヘッダーのスペース確保はここで一度だけ行う(二重加算しない) */
  padding: clamp(140px, 16vw, 200px) 0 clamp(90px, 10vw, 140px);
  /* WP のレイアウト出力(.wp-container-* の constrained)が参照する本文幅・幅広幅。theme.json を使わないのでここで与える */
  --wp--style--global--content-size: 880px;
  --wp--style--global--wide-size: 1200px;
  --aplaza-free-gutter: clamp(24px, 6vw, 104px);
}
.aplaza-free__head { padding-inline: var(--aplaza-free-gutter); }
.aplaza-free__inner { max-width: 880px; margin-inline: auto; }
/* ページ名は任意の長さになるため、章扉の1行固定(nowrap)を解いて折り返す */
.aplaza-free .aplaza-line { white-space: normal; }
.aplaza-free__lead {
  margin-top: 1.8em;
  font-size: clamp(0.95rem, 1.25vw, 1.05rem);
  line-height: 2.2;
  text-wrap: pretty;
}

/* 本文: 直下のブロックは本文幅に収め、幅広・全幅だけ広げる(WP の constrained レイアウトと同じ考え方) */
.aplaza-entry-content--free {
  margin-top: clamp(40px, 5vw, 64px);
  padding-inline: var(--aplaza-free-gutter);
}
.aplaza-entry-content--free > * {
  max-width: 880px;
  margin-inline: auto;
}
.aplaza-entry-content--free > .alignwide { max-width: 1200px; }
/* 全幅はガター分だけ外へ張り出す(100vw を使うとスクロールバー幅で横はみ出しするため) */
.aplaza-entry-content--free > .alignfull {
  max-width: none;
  margin-inline: calc(-1 * var(--aplaza-free-gutter));
}
/* 背景付きの全幅グループは帯(セクション)として上下に余白を取る */
.aplaza-entry-content--free > .alignfull.has-background {
  padding: clamp(48px, 7vw, 96px) var(--aplaza-free-gutter);
  border-radius: 0;
}