/* SWELL互換CSSの後に読み込み、X-T9 側のレイアウト前提を維持するための調整 */
@media (min-width: 600px) {
  /* PC: SP幅センタリング表示の背景色（SWELL main.css の body 背景より優先）
   ※ background のまとめ書きにすると global-styles の背景画像まで打ち消すため、色だけ指定する */
  body { background-color: #eef0f5 !important; }
}
/* タブ: 非選択タブを隠す（保険。blocks.css 側に同等ルールがある場合も無害） */
.swell-block-tab .c-tabBody__item[aria-hidden="true"] { display: none; }

/* SWELL互換: アコーディオンの開閉アイコン（2026/8/31 統合版・本日の継ぎ足し4ルールを置き換え）
   互換環境には SWELL の JS（開くと .c-switchIconBtn へ data-opened="true" を付与）が無いため、
   開いた状態を CSS だけで再現する。扱う問題は3つ。
   1) icomoon に caret-up(U+e943) の字形が無く、開くと三角が消える
      → 下向き(U+e904)を180度回転して代用する
   2) 開状態の opacity/transform が既定値（opacity:0 / scale(.5) rotate(-180deg)）のままで
      三角が出ない・小さい → SWELL の data-opened=true 相当の最終状態を直接当てる
   3) 位置ズレ: 互換CSS側に details[open] ... .__icon--closed{display:none} があり、開くと
      アイコン枠の唯一の通常フロー要素が消えて枠の高さが 21px→0 に潰れる。開アイコンは
      position:absolute のため、その分（枠高の半分＝約10.5px）下へずれていた。
      → SWELL 本来と同じく display は残し、opacity:0 で「場所」を確保する */
.swell-block-accordion__item[open] > summary .c-switchIconBtn > .__icon--closed {
	display: block !important;
	opacity: 0 !important;
	transform: scale(.5) rotate(180deg) !important;
}
.swell-block-accordion__item[open] > summary .c-switchIconBtn > .__icon--opened {
	opacity: 1 !important;
	transform: scale(1) rotate(0deg) !important;
}
.swell-block-accordion__item:not([open]) > summary .c-switchIconBtn > .__icon--closed {
	opacity: 1 !important;
}
.swell-block-accordion__item:not([open]) > summary .c-switchIconBtn > .__icon--opened {
	opacity: 0 !important;
}
.swell-block-accordion__icon .__icon--opened.icon-caret-up::before {
	content: "\e904";
	display: inline-block;
	transform: rotate(180deg);
}