/* ==========================================================================
   layout.css - サイト構造・レイアウト制御 (新設)
   ========================================================================== */

:root {
  --gc-content-width: 800px;
  --gc-wide-width: 1200px;
  /* セクション間の共通余白を管理 */
  --gc-section-space: clamp(4rem, 8vw, 6rem);
}

:root :where(.wp-site-blocks) > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

section.wp-block-group {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* -----------------------------------------------------
   1. WordPress ブロックコンテナ制御
   ----------------------------------------------------- */

/* -----------------------------------------------------
   2. セクション・区切り制御
   ----------------------------------------------------- */

/* セクション自動区切り */
main > div, 
main > section, 
main > article {
  padding-top: var(--gc-section-space);
  padding-right: 1rem;
  padding-bottom: var(--gc-section-space);
  padding-left: 1rem;
  /*border-bottom: 1px var(--gc-12-gin-nezu, #AFAFB0) solid;*/
}

/* -----------------------------------------------------
   3. 特殊配置 (Floating / Fixed)
   ----------------------------------------------------- */

/* ページトップ等の固定位置 */
.page-top-nav {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 1030;
}

/* ヘッダーの固定や境界線 */
header {
  width: 100%;
  /*border-bottom: 1px var(--gc-12-gin-nezu, #AFAFB0) solid;*/
}

footer {
  width: 100%;
  margin-block-start: 0;
}