@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/* ===== 投稿ページ：中央寄せを強制 ===== */

/* 1) 親テーマで #inner-content が flex になっているので、
      横並びを維持しつつ中央寄せ or flex を解除して中央に揃える（両方の保険） */
.single #inner-content {
  /* まずは flex のまま中央寄せする指定（子テーマでの上書き） */
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* 2) ただし flex が邪魔する場合の保険として、flex を解除してブロック化して中央寄せするルールも用意 */
.single.force-block #inner-content,
.single .force-block #inner-content {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* 3) main（本文）領域を固定幅の中央寄せにする（サイドバー消したときに左に偏る原因対策） */
.single #main,
.single .insidesp,
.single .content-area,
.single .post,
.single #content,
.single #entry {
  max-width: var(--wp--custom--wrap--content-width, 1000px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: var(--wp--custom--wrap--mobile--padding, 16px) !important;
  padding-right: var(--wp--custom--wrap--mobile--padding, 16px) !important;
}

/* 4) サイドバーエリアは確実に非表示 */
.single #sidebar1,
.single .sidebar,
.single #secondary,
.single .fixed-sidebar,
.single .normal-sidebar {
  display: none !important;
}

/* 5) アイキャッチ／ヘッダーもコンテンツ幅に合わせて中央寄せ */
.single .entry-header,
.single .post-thumbnail,
.single .p-entry__thumbnail,
.single .single-title,
.single .page-title {
  max-width: var(--wp--custom--wrap--content-width, 1000px) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  padding-left: var(--wp--custom--wrap--mobile--padding, 16px) !important;
  padding-right: var(--wp--custom--wrap--mobile--padding, 16px) !important;
}

/* 6) 親テーマの .wrap 等で左寄せされる場合の追加保険 */
.single .wrap,
.single .maximg,
.single .inner-footer {
  margin-left: auto !important;
  margin-right: auto !important;
  width: var(--wp--custom--wrap--content-width, 100%) !important;
  box-sizing: border-box !important;
}

/* 7) 画像やテーブルのはみ出し防止（保険）*/
.single .entry-content img,
.single .entry-content iframe,
.single .entry-content table {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 8) 大きな画面（親テーマが 1240px 以降で幅を変えるルールの上書き） */
@media only screen and (min-width: 1240px) {
  .single #inner-content {
    /* flex のまま中央寄せを優先 */
    display: flex !important;
    justify-content: center !important;
  }
  .single #main,
  .single .post,
  .single .insidesp {
    max-width: var(--wp--custom--wrap--content-width, 1100px) !important;
  }
}