/* =========================
   美容レーザー体験ページ専用
   page-id-2661
========================= */

body.page-id-2661 {
      font-family: 
    "M PLUS Rounded 1c",
    "Hiragino Maru Gothic ProN",
    "ヒラギノ丸ゴ ProN",
    "Noto Sans JP",
    sans-serif;
}

/* ヘッダー被り防止 */
body.page-id-2661 .site-header {
  position: static;
}

/* コンテンツ幅を固定 */
body.page-id-2661 .page-content {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px;
}

/* タイトル */
body.page-id-2661 .page-title {
  font-size: 1.8rem;
  line-height: 1.35;
  margin: 2.5rem 0 0.8rem;
}

/* サブタイトル */
body.page-id-2661 .page-subtitle {
  font-size: 0.9rem;
  color: #777;
  margin: 0 0 2.5rem;
}

body.page-id-2661 h2 {
  all: unset;
  display: block;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #ddd !important;
  margin: 2.5em 0 0.7em !important;
}




/* H3：時系列見出し */
body.page-id-2661 h3.wp-block-heading {
  /* background: #d6bf8a; */
    background: linear-gradient(to right,#f5f0e5, transparent);
  color: #555;
  font-weight: 600;
  padding: 0.4em 0.8em;
  margin-bottom: 1em;
}


/* 日付 */
body.page-id-2661 .date {
  font-size: 0.8rem;
  color: #8a8a8a;
  border-left: 2px solid #e6e0d2;
  padding-left: 0.6em;
  margin: 3.5rem 0 0.6rem;
}

/* 本文 */
body.page-id-2661 .contents p {
  font-size: 0.95rem;
  line-height: 1.9;
  color: #333;
  margin: 0 0 1.2em;
}

/* 医療ブロック */
body.page-id-2661 .medical-block {
  background: #fafafa;
  padding: 1rem 1.2rem;
  margin: 1.8rem 0;
  border-radius: 4px;
}

/* 写真 */
body.page-id-2661 .single-photo img {
  width: 100%;
  max-width: 720px;
  display: block;
  margin: 0 auto;
}

/* 固定ページ（レーザー治療）だけタイトルを上書き */
body.page-id-2661 h1.wp-block-heading {

    background: linear-gradient(to right,#f5f0e5, transparent);
  color: #555;
  font-weight: 600;
  padding: 0.4em 0.8em;
  margin-bottom: 1em;
}

body.page-id-2661 header,
body.page-id-2661 .site-header {
  display: none;
}

/* 美容レーザーページだけフッター非表示 */
/* laser-treatment ページだけ最下部を物理的に消す（最終兵器） */
body.page-id-2661 footer,
body.page-id-2661 .site-footer,
body.page-id-2661 #footer,
body.page-id-2661 .footer,
body.page-id-2661 .global-footer,
body.page-id-2661 .l-footer,
body.page-id-2661 .p-footer,
body.page-id-2661 [class*="footer"] {
  display: none !important;
}




/* モバイル */
@media (max-width: 768px) {
  body.page-id-2661 .page-content {
    padding: 0 16px;
  }

  body.page-id-2661 .page-title {
    font-size: 1.3rem;
  }

  body.page-id-2661 .date {
    margin-top: 2.5rem;
  }

  body.page-id-2661 .page-content {
  padding: 0 0.5em;

}
}