/* ------------------------------ */
/* 1280px 設計を、1280px 超でビューポートに合わせて比例拡大 */
/* 高さ方向のスクロールは scripts/site-canvas.js で .siteCanvasWrap に補正 */
/* ------------------------------ */

/* body {
  overflow-x: clip;
}

.siteCanvasWrap {
  width: 100%;
}

.siteCanvas {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  box-sizing: border-box;
}

@media (min-width: 1280px) {
  .siteCanvasWrap {
    display: flex;
    justify-content: center;
  }

  .siteCanvas {
    width: 1280px;
    max-width: none;
    margin-inline: 0; */
    /* 論理キャンバス幅（100vw 参照の breakout と一致させる） */
    /* --site-layout-width: 1280px;
    --site-scale: calc(100vw / 1280);
    transform: scale(var(--site-scale));
    transform-origin: top center;
  }
}

@media (prefers-reduced-motion: reduce) {
  @media (min-width: 1280px) {
    .siteCanvas {
      transform: none;
    }

    .siteCanvasWrap {
      min-height: 0 !important;
    }
  }
} */