@charset "UTF-8";

/* =========================================================
   背景変更アニメーション専用　CSS
   
   バージョン：v1.02 20250906
   - 背景色アニメは全体に適用
   - 透明化は「コンテンツ内」に限定（#header / #fix_header を対象にしない）
   ========================================================= */

/* ページ全体の背景は CSS 変数で制御 */
html, body, #body_wrap, .l-content, .l-mainContent, .post_content {
  background-color: var(--color_bg, #000000) !important;
  background-image: none !important;
  transition: background-color 0.3s ease;
}

/* ------------------------------------------
   セクションの透明化：コンテンツ内限定
   ※ .section1 / .section2 / .section3 を
      .post_content 配下にスコープして安全化
------------------------------------------- */
.post_content .section1,
.post_content .section2,
.post_content .section3,
.post_content .section1::before,
.post_content .section2::before,
.post_content .section3::before {
  background: transparent !important;
  background-image: none !important;
}

/* .sp_only を使っている場合 */
.post_content .sp_only.section1,
.post_content .sp_only.section2,
.post_content .sp_only.section3,
.post_content .sp_only.section1::before,
.post_content .sp_only.section2::before,
.post_content .sp_only.section3::before,
.post_content .sp_only .section1,
.post_content .sp_only .section2,
.post_content .sp_only .section3,
.post_content .sp_only .section1::before,
.post_content .sp_only .section2::before,
.post_content .sp_only .section3::before {
  background: transparent !important;
  background-image: none !important;
}