/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 15 2026 | 08:23:10 */
/* ============================================================
   BABY-J ONEVIEW MASTER CSS — HEADER ALIGNMENT
   OneView専用共通マスター／全文貼り替え
   Section 01・02・03の固有レイアウトは変更しない
   ============================================================ */

.ow-page,
.ow-page * {
  box-sizing: border-box;
}

.ow-page {
  width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.ow-panel {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  min-height: 100dvh;
}

.ow-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.ow-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
}

/* ============================================================
   ONEVIEW — 固定ヘッダーとの共存
   値はJSが実際の固定ヘッダーを検出して上書きする。
   CSSの固定数値だけに依存しない。
   ============================================================ */

.bj-babymassage.ow-page {
  --bj-oneview-header: 0px;
  padding-top: var(--bj-oneview-header);
  scroll-padding-top: var(--bj-oneview-header);
}

.bj-babymassage.ow-page .ow-panel {
  min-height: calc(100svh - var(--bj-oneview-header));
  min-height: calc(100dvh - var(--bj-oneview-header));
  scroll-margin-top: var(--bj-oneview-header);
}

@media (prefers-reduced-motion: reduce) {
  .ow-page * {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}

/* タッチスクロール・標準ピンチズームは制限しない */