/* ================================
   /salonwork/ 用のレイアウト調整
   ================================ */

/* ① このページ一面をピンクにする */
.page-id-1240 {
  background-color: #FFF1F3 !important;
}

/* ② このページの外側コンテナは透明＆左右の余白をなくす */
.page-id-1240 #content,
.page-id-1240 #main,
.page-id-1240 #contents,
.page-id-1240 .l-content,
.page-id-1240 .wrap,
.page-id-1240 .container,
.page-id-1240 .content {
  background: transparent !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* ③ ヘッダー直下の無駄な余白を詰める */
.page-id-1240 #header,
.page-id-1240 .header-container,
.page-id-1240 .l-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ④ 本文の中は余白ゼロ基準にする */
.page-id-1240 .entry-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-id-1240 .entry-content,
.page-id-1240 .entry-content .is-layout-flow,
.page-id-1240 .entry-content .wp-block-group.is-layout-flow {
  --wp--style--block-gap: 0 !important;
  gap: 0 !important;
}

.page-id-1240 .entry-content .wp-block-group,
.page-id-1240 .entry-content .wp-block-columns,
.page-id-1240 .entry-content .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
}

/* ⑤ でも本文エリア自体は白で貫通させない（ここが一番大事） */
.page-id-1240 .article,
.page-id-1240 .entry,
.page-id-1240 .entry-content {
  background: #ffffff !important;   /* ←ここで白に戻す */
  max-width: 400px !important;     /* 中央寄せの幅 */
  margin: 0 auto !important;
  padding: 0 !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.03); /* 好みで消してOK */
  border: none !important;
}

/* ⑥ 必要なら下部の余白もゼロに（好きなら残してOK） */
.page-id-1240 .entry-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}