@media (min-width: 961px) {
/* ヘッダーレイアウト1を使っている場合 */
.d--header-layout1 #commonHeaderInner.t--main-width {
max-width: 90% !important;   / 最大幅を画面幅（100%）に /
width: 90% !important;       / 幅を画面幅（100%）に /
padding-left: 20px !important;  / 左右の余白はお好みで /
padding-right: 20px !important;
margin: 0 auto !important;    / flex のセンタリング解除 */
}
}

/* すべてに効かせる */
@media screen and (min-width: 961px) {
  .wp-block-jinr-blocks-fullwidth.b--jinr-fullwidth-container {
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  .wp-block-jinr-blocks-fullwidth.b--jinr-fullwidth-container
    .b--jinr-fullwidth >
    .d--fullwidth-100.d--fullwidth-pad0.d--fullwidth-pad0-sp.t--main-width {
    box-sizing: border-box !important;
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* スマホ版：横幅960px以下 */
@media screen and (max-width: 960px) {
 .wp-block-jinr-blocks-fullwidth.b--jinr-fullwidth-container
    .b--jinr-fullwidth >
    .d--fullwidth-100.d--fullwidth-pad0.d--fullwidth-pad0-sp.t--main-width {
    box-sizing: border-box !important;
    width: 85% !important;
    max-width: 85% !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}



/* ==============
   無効化用クラス
   ============== */
@media screen and (min-width: 961px) {
  .wp-block-jinr-blocks-fullwidth.b--jinr-fullwidth-container.no-fullwidth {
    all: unset !important; /* 一旦リセット */
    display: block;        /* 必要なら再指定 */
  }

  /* 内部の幅指定もリセット */
  .wp-block-jinr-blocks-fullwidth.b--jinr-fullwidth-container.no-fullwidth 
    .b--jinr-fullwidth > 
    .d--fullwidth-100.d--fullwidth-pad0.d--fullwidth-pad0-sp.t--main-width {
    all: unset !important;
  }
}

/* SP用 */
@media screen and (max-width: 960px) {
  .wp-block-jinr-blocks-fullwidth.b--jinr-fullwidth-container.no-fullwidth {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block;
  }
}


  /* 内部の幅指定もリセット */
  .wp-block-jinr-blocks-fullwidth.b--jinr-fullwidth-container.no-fullwidth 
    .b--jinr-fullwidth > 
    .d--fullwidth-100.d--fullwidth-pad0.d--fullwidth-pad0-sp.t--main-width {
    all: unset !important;
  }
}



@media (min-width: 961px) {
  /* ヘッダーレイアウト1を使っている場合 */
  .d--header-layout1 #commonHeaderInner.t--main-width {
    max-width: 95% !important;   /* 最大幅を画面幅（100%）に */
    width: 95% !important;       /* 幅を画面幅（100%）に */
    padding-left: 20px !important;  /* 左右の余白はお好みで */
    padding-right: 20px !important;
    margin: 0 auto !important;    /* flex のセンタリング解除 */
  }
}



/* bodyの上下余白のみリセット（左右は維持） */
body {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}



/* 基本フォント設定 */
body, h1, h2, h3, h4, h5, h6, p, span {
  font-family: "Tsukushi A Round Gothic", "筑紫A丸ゴシック",
               "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif !important;
  font-weight: 400; /* 標準はRegular */
}

/* 太字（Bold） */
strong, b,
h1, h2, h3, h4, h5, h6 {
  font-weight: 700; /* Boldウェイトを使う */
}

/* 見出しキャッチコピー用クラス */
.h2rich-maincopy,
.h2rich-contents {
  font-family: "Tsukushi A Round Gothic", "筑紫A丸ゴシック",
               "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif !important;
}

/* 太字バリエーションが効かないときの保険 */
.h2rich-maincopy.bold,
.h2rich-maincopy strong {
  font-weight: 700 !important;
}