@charset "UTF-8";
/* 2026-09-28 ご指示分
   からだリセットぷらすと同じ考え方で、各ページのCVバンドを
   「薄い背景色・濃い文字色・光の演出あり」に。ページごとの色は保つ。
   からだリセットぷらす(page-blue)は rita-karada-cv-v27.css で対応済み。 */

/* ---- 既定(赤系:トップ・お知らせなど) ---- */
body .cv-band {
  background: linear-gradient(160deg, #fdf3f4 0%, #f8dee2 100%);
  color: #8f2637;
}
body .cv-band h2 { color: #8f2637; }
body .cv-band .lead { color: #8f2637; opacity: .9; }
body .cv-band .note { color: #8f2637; opacity: .85; }
body .cv-band .note a { color: #8f2637; }

body .cv-band .btn-primary {
  background: #fff;
  color: #8f2637;
  box-shadow: 0 6px 18px rgba(143, 38, 55, .14);
}
body .cv-band .btn-primary:hover { background: #fff5f6; }

body .cv-band .btn-line,
body .cv-band .btn-tel {
  background: transparent;
  color: #8f2637;
  border-color: #8f2637;
}
body .cv-band .btn-line:hover,
body .cv-band .btn-tel:hover { background: rgba(143, 38, 55, .08); }

/* 光の演出は淡い地に合わせて白を強めに */
.cv-band::before {
  background: radial-gradient(circle, rgba(255, 255, 255, .75), transparent 65%);
}
.cv-band::after { border-color: rgba(143, 38, 55, .14); }

/* ---- 色のあるページ(私たちについて・防災・事業内容・縄文式健康法) ---- */
body.page-sky .cv-band,
body.page-earth .cv-band,
body.page-stone .cv-band,
body.page-green .cv-band,
body.page-sun .cv-band {
  background: linear-gradient(160deg, var(--thm-ice) 0%, var(--thm-soft) 100%);
  color: var(--thm-deep);
}
body.page-sky .cv-band h2, body.page-earth .cv-band h2,
body.page-stone .cv-band h2, body.page-green .cv-band h2,
body.page-sun .cv-band h2 { color: var(--thm-deep); }

body.page-sky .cv-band .lead, body.page-earth .cv-band .lead,
body.page-stone .cv-band .lead, body.page-green .cv-band .lead,
body.page-sun .cv-band .lead { color: var(--thm-deep); opacity: .9; }

body.page-sky .cv-band .note, body.page-earth .cv-band .note,
body.page-stone .cv-band .note, body.page-green .cv-band .note,
body.page-sun .cv-band .note { color: var(--thm-deep); opacity: .85; }

body.page-sky .cv-band .note a, body.page-earth .cv-band .note a,
body.page-stone .cv-band .note a, body.page-green .cv-band .note a,
body.page-sun .cv-band .note a { color: var(--thm-deep); }

body.page-sky .cv-band .btn-primary, body.page-earth .cv-band .btn-primary,
body.page-stone .cv-band .btn-primary, body.page-green .cv-band .btn-primary,
body.page-sun .cv-band .btn-primary {
  background: #fff;
  color: var(--thm-deep);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

body.page-sky .cv-band .btn-line, body.page-earth .cv-band .btn-line,
body.page-stone .cv-band .btn-line, body.page-green .cv-band .btn-line,
body.page-sun .cv-band .btn-line,
body.page-sky .cv-band .btn-tel, body.page-earth .cv-band .btn-tel,
body.page-stone .cv-band .btn-tel, body.page-green .cv-band .btn-tel,
body.page-sun .cv-band .btn-tel {
  background: transparent;
  color: var(--thm-deep);
  border-color: var(--thm-deep);
}
body.page-sky .cv-band .btn-line:hover, body.page-earth .cv-band .btn-line:hover,
body.page-stone .cv-band .btn-line:hover, body.page-green .cv-band .btn-line:hover,
body.page-sun .cv-band .btn-line:hover { background: rgba(0, 0, 0, .05); }

body.page-sky .cv-band::after, body.page-earth .cv-band::after,
body.page-stone .cv-band::after, body.page-green .cv-band::after,
body.page-sun .cv-band::after { border-color: rgba(0, 0, 0, .1); }

/* 事業内容ページの申し込みボタンだけ別指定があるので上書き */
.rita-services .cv-band a.btn-primary {
  background: #fff;
  color: var(--thm-deep);
}
.rita-services .cv-band a.btn-primary:hover { background: #f6faf7; }

/* ---- メドルームの写真差し替えに伴う切り抜きの調整 ----
   以前の切り抜きは、差し替え前のサロン写真(1477x1108)の座標で
   固定されていたため、新しいビジュアル(1672x941)だと拡大されすぎる。
   枠に合わせて自動で切り抜くようにする。 */
.page-blue .rita-photo.rita-medroom-room img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}