/* Baby's Breath — 産院選びナビ / トップページ試作 (page ID 10) */
/* Only affects the future homepage draft. No other pages are changed. */
body.page-id-10 {
  --bb-forest: #315a49;
  --bb-sage: #477a62;
  --bb-ink: #293f36;
  --bb-mist: #f0f6f1;
  color: var(--bb-ink);
  background: #fbfcf9;
}
/* Remove the redundant Lightning title banner and breadcrumb on this page only. */
body.page-id-10 .page-header,
body.page-id-10 .pageHeader,
body.page-id-10 .breadcrumb,
body.page-id-10 .breadSection {
  display: none !important;
}
/* Hide generic blog widgets on the informational landing page. */
body.page-id-10 .widget_archive,
body.page-id-10 .widget_categories {
  display: none !important;
}
body.page-id-10 .siteContent {
  padding-top: 48px;
  padding-bottom: 88px;
}
body.page-id-10 .mainSection {
  min-width: 0;
}
body.page-id-10 .entry-body {
  position: relative;
  padding: clamp(30px, 6.5vw, 90px) clamp(22px, 6vw, 86px);
  border: 1px solid #e0ece3;
  border-radius: 24px;
  background:
    radial-gradient(circle at 96% 3%, rgba(202,224,209,.8) 0, rgba(202,224,209,.24) 16%, transparent 41%),
    linear-gradient(140deg, #f1f7f1 0%, #fcfdfb 72%);
  box-shadow: 0 18px 55px rgba(52,82,64,.06);
}
body.page-id-10 .entry-body::before {
  content: "Baby’s Breath";
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 0 22px;
  color: #658c76;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .17em;
  text-transform: uppercase;
}
body.page-id-10 .entry-body > h2:first-child,
body.page-id-10 .entry-body > .wp-block-heading:first-child {
  margin: 0 0 24px !important;
  padding: 0 !important;
  max-width: 900px;
  border: 0 !important;
  box-shadow: none !important;
  color: #315a49;
  font-size: clamp(30px, 4.4vw, 52px) !important;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .025em;
}
body.page-id-10 .entry-body > p,
body.page-id-10 .entry-body > .wp-block-paragraph {
  max-width: 750px;
  color: #435a4e;
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.95;
  margin-bottom: 18px;
}
body.page-id-10 .entry-body .vk_button {
  display: inline-flex;
  vertical-align: top;
  margin: 12px 12px 0 0;
  max-width: 100%;
}
body.page-id-10 .entry-body .vk_button_link {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 9px;
  font-weight: 600;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
body.page-id-10 .entry-body .vk_button_link:hover,
body.page-id-10 .entry-body .vk_button_link:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 7px 18px rgba(49,90,73,.14);
}
body.page-id-10 .entry-body .vk_button_link:focus-visible {
  outline: 3px solid #9fbca9;
  outline-offset: 3px;
}
@media (max-width: 767px) {
  body.page-id-10 .siteContent { padding-top: 22px; padding-bottom: 48px; }
  body.page-id-10 .entry-body { border-radius: 16px; }
  body.page-id-10 .entry-body .vk_button {
    display: flex;
    width: 100%;
    margin: 10px 0 0;
  }
  body.page-id-10 .entry-body .vk_button_link {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-10 .entry-body .vk_button_link { transition: none; }
  body.page-id-10 .entry-body .vk_button_link:hover { transform: none; }
}

/* Landing page editorial system */
body.page-id-10 .entry-body { background:transparent;box-shadow:none;border:0;padding:0; }
body.page-id-10 .entry-body::before { display:none; }
body.page-id-10 .entry-body > .wp-block-group { max-width:none; }
body.page-id-10 .bb-hero { overflow:hidden;position:relative;padding:clamp(38px,6vw,85px);border:1px solid #deebe1;border-radius:28px;background:linear-gradient(115deg,#f0f6ef 0%,#f9fcf8 62%,#edf5f1 100%);box-shadow:0 18px 50px rgba(36,67,52,.04);}
body.page-id-10 .bb-hero > .wp-block-group__inner-container {position:relative;z-index:1;}
body.page-id-10 .bb-hero:after { content:"";position:absolute;right:-70px;top:-90px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#d8e9dc 0%,rgba(216,233,220,.15) 63%,transparent 72%);pointer-events:none;}
body.page-id-10 .entry-body .bb-eyebrow {font-size:12px!important;font-weight:700;letter-spacing:.2em;color:#598a71;margin:0 0 18px;}
body.page-id-10 .bb-hero h1 {font-size:clamp(30px,4.2vw,54px);line-height:1.35;letter-spacing:.025em;font-weight:750;color:#315a49;margin:0 0 26px;max-width:850px;}
body.page-id-10 .bb-hero .bb-hero-lead {max-width:800px;font-size:clamp(17px,1.5vw,20px);line-height:1.9;color:#365d48;}
body.page-id-10 .bb-hero p {max-width:850px;font-size:17px;line-height:1.9;color:#456353;}
body.page-id-10 .bb-cta-row {display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0;}
body.page-id-10 .bb-cta .wp-block-button__link {background:#477a62;color:white;border:1px solid #477a62;border-radius:9px;font-size:15px;font-weight:700;min-height:52px;padding:13px 26px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
body.page-id-10 .bb-cta.bb-cta-outline .wp-block-button__link {background:white;color:#356a50;}
body.page-id-10 .bb-cta .wp-block-button__link:hover {filter:brightness(.95);box-shadow:0 5px 18px rgba(42,84,58,.10);}
body.page-id-10 .bb-main-section {margin:90px auto;max-width:1100px;}
body.page-id-10 .bb-main-section h2 {font-size:clamp(26px,3vw,38px);line-height:1.45;color:#315a49;margin-bottom:22px;letter-spacing:.03em;border:0;box-shadow:none;padding:0;}
body.page-id-10 .bb-main-section p {font-size:16px;color:#485e50;line-height:1.9;}
body.page-id-10 .bb-step-columns {gap:18px;margin-top:30px;margin-bottom:27px;}
body.page-id-10 .bb-step-columns .wp-block-column {display:flex;}
body.page-id-10 .bb-step-card {padding:28px 24px;border-radius:16px;border:1px solid #e4eee6;background:#f8faf7;width:100%;box-shadow:0 8px 30px rgba(24,57,39,.025);}
body.page-id-10 .bb-step-card .bb-step-number {color:#5a8e71;letter-spacing:.13em;font-size:12px;font-weight:700;}
body.page-id-10 .bb-step-card h3 {font-size:22px;color:#315a49;margin:15px 0 12px;}
body.page-id-10 .bb-step-card p {font-size:15px;line-height:1.8;}
body.page-id-10 .bb-flower-section {background:#f0f5f0;border-radius:24px;padding:36px;}
body.page-id-10 .bb-flower-section .wp-block-columns {align-items:center;gap:38px;}
body.page-id-10 .bb-flower-photo {margin:0;}
body.page-id-10 .bb-flower-photo img {display:block;width:100%;max-height:415px;object-fit:cover;border-radius:16px;}
body.page-id-10 .bb-support {padding:42px 48px;border-radius:20px;background:#eff5f2;}
body.page-id-10 .bb-about {border-top:1px solid #dce7de;padding-top:55px;}
body.page-id-10 .bb-small-note,body.page-id-10 .bb-disclaimer p {font-size:13px;color:#637669;line-height:1.85;}
body.page-id-10 .bb-disclaimer {margin:45px 0 20px;padding:22px 24px;border-left:3px solid #90b29d;background:#f7f9f6;}
@media(max-width:767px){
body.page-id-10 .bb-hero {border-radius:16px;padding:32px 23px;}
body.page-id-10 .bb-hero h1 {font-size:32px;}
body.page-id-10 .bb-cta-row {flex-direction:column;}
body.page-id-10 .bb-cta-row .wp-block-button,body.page-id-10 .bb-cta-row .wp-block-button__link {width:100%;}
body.page-id-10 .bb-main-section {margin:60px 0;}
body.page-id-10 .bb-step-columns {gap:14px;}
body.page-id-10 .bb-flower-section {padding:23px;}
body.page-id-10 .bb-support {padding:30px 24px;}
}

/* 2026-10: Photo + botanical line illustration, approved hero direction.
   Responsive, draft-theme only until separately published. */
body.page-id-10 .bb-hero {
  isolation: isolate;
  min-height: 645px;
  padding: clamp(42px,5.8vw,83px) clamp(34px,6.4vw,93px);
  border: 2px solid rgba(255,255,255,.95);
  border-radius: 23px;
  background:
    url("../images/babys-breath-line.svg") -104px -135px/285px auto no-repeat,
    radial-gradient(ellipse at 0% 100%,rgba(216,235,217,.65) 0%, transparent 41%),
    linear-gradient(110deg,#f8fbf5 0%,#f7fbf7 58%,#eaf2eb 100%);
  box-shadow: 0 15px 53px rgba(42,77,54,.10);
}
/* Actual gypsophila photograph, cropped into an organic shape. */
body.page-id-10 .bb-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 47%;
  height: 100%;
  pointer-events: none;
  border-radius: 46% 0 0 37% / 46% 0 0 52%;
  background: url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/かすみ草-—-Babys-Breath.jpg") center center / cover no-repeat;
  opacity: .94;
}
/* Botanical line work remains a subtle accent, not body copy. */
body.page-id-10 .bb-hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 30%;
  bottom: -102px;
  left: auto;
  top: auto;
  width: 260px;
  height: 340px;
  opacity: .52;
  transform: rotate(-16deg);
  pointer-events: none;
  background: url("../images/babys-breath-line.svg") center / contain no-repeat;
}
body.page-id-10 .bb-hero > * { position: relative; z-index: 2; }
body.page-id-10 .bb-hero > .bb-eyebrow,
body.page-id-10 .bb-hero > h1,
body.page-id-10 .bb-hero > p,
body.page-id-10 .bb-hero > .bb-cta-row { max-width: 57%; }
body.page-id-10 .bb-hero h1 {
  font-size: clamp(34px,3.75vw,53px);
  font-weight: 700;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "游明朝", serif;
  letter-spacing: .028em;
  line-height: 1.4;
  margin-bottom: 24px;
}
body.page-id-10 .bb-hero .bb-eyebrow {
  margin: 8px 0 25px;
  font-size: 12px !important;
  letter-spacing: .25em;
}
body.page-id-10 .bb-hero .bb-hero-lead { font-size: 17px; line-height: 1.9; }
body.page-id-10 .bb-hero p { font-size: 16px; line-height: 1.9; }
body.page-id-10 .bb-hero .bb-cta-row {
  gap: 12px;
  margin-top: 28px;
}
body.page-id-10 .bb-hero .bb-cta .wp-block-button__link {
  border-radius: 11px;
  padding: 14px 22px;
  min-height: 57px;
  font-size: 14px;
  white-space: normal;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1080px) {
  body.page-id-10 .bb-hero { min-height: 600px; padding: 55px 44px; }
  body.page-id-10 .bb-hero::after { width: 42%; }
  body.page-id-10 .bb-hero > .bb-eyebrow,
  body.page-id-10 .bb-hero > h1,
  body.page-id-10 .bb-hero > p,
  body.page-id-10 .bb-hero > .bb-cta-row { max-width: 60%; }
  body.page-id-10 .bb-hero h1 { font-size: clamp(32px,4.25vw,46px); }
  body.page-id-10 .bb-hero::before { right: 26%; }
}
@media (max-width: 767px) {
  body.page-id-10 .bb-hero {
    min-height: 0;
    padding: 38px 24px 286px;
    border-radius: 19px;
    background:
      url("../images/babys-breath-line.svg") -120px -132px/240px auto no-repeat,
      linear-gradient(160deg,#f7faf5 0%,#fbfcf8 67%,#edf5ef 100%);
  }
  body.page-id-10 .bb-hero > .bb-eyebrow,
  body.page-id-10 .bb-hero > h1,
  body.page-id-10 .bb-hero > p,
  body.page-id-10 .bb-hero > .bb-cta-row { max-width: 100%; }
  body.page-id-10 .bb-hero::after {
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 245px;
    border-radius: 42% 0 17px 17px / 24% 0 17px 17px;
    background-position: center 45%;
    opacity: .9;
  }
  body.page-id-10 .bb-hero::before {
    right: -35px;
    bottom: 192px;
    width: 170px;
    height: 220px;
    opacity: .4;
    transform: rotate(18deg);
  }
  body.page-id-10 .bb-hero h1 { font-size: clamp(29px,7.4vw,38px); line-height: 1.4; }
  body.page-id-10 .bb-hero .bb-eyebrow { margin-top: 0; }
  body.page-id-10 .bb-hero .bb-hero-lead { font-size: 16px; }
  body.page-id-10 .bb-hero p { font-size: 15px; }
  body.page-id-10 .bb-hero .bb-cta-row { gap: 11px; margin-top: 22px; }
  body.page-id-10 .bb-hero .bb-cta .wp-block-button__link { min-height: 54px; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-10 .bb-hero .bb-cta .wp-block-button__link { transition: none; }
}

/* 2026-10-11 final hero refinements: avoid WordPress constrained-layout auto-centering. */
body.page-id-10 .bb-hero {
  min-height: 640px;
  padding: clamp(54px,6vw,84px) clamp(38px,6.3vw,85px);
  background:
    url("../images/babys-breath-line.svg") -125px -155px / 300px auto no-repeat,
    radial-gradient(ellipse at 4% 92%, rgba(218,236,217,.65),transparent 48%),
    linear-gradient(110deg,#fafbf6 0%,#f9fbf7 59%,#eff5ef 100%);
}
/* Place text entirely in the left column and prevent the site theme from centering blocks. */
body.page-id-10 .bb-hero > :is(.bb-eyebrow,h1,p,.bb-cta-row) {
  width: 52% !important;
  max-width: 52% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}
body.page-id-10 .bb-hero > .bb-eyebrow {
  width: fit-content !important;
  max-width: 52% !important;
}
body.page-id-10 .bb-hero h1 {
  font-size: clamp(34px,3.5vw,52px) !important;
  line-height: 1.43;
  color: #2d5142;
  letter-spacing: .01em;
}
body.page-id-10 .bb-hero .bb-hero-lead {
  font-size: clamp(15px,1.35vw,18px);
  line-height: 1.9;
}
body.page-id-10 .bb-hero::after {
  background:
    linear-gradient(90deg,rgba(249,251,247,.20) 0%,transparent 35%),
    url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/かすみ草のガラス瓶-—-ファーストビュー用.jpg") center center / cover no-repeat;
  width: 44%;
  opacity: .96;
  border-radius: 46% 0 0 26% / 50% 0 0 58%;
  filter:brightness(1.08) saturate(.85);
}
body.page-id-10 .bb-hero::before {
  right: 37%;
  bottom: -90px;
  width: 240px;
  height: 280px;
  opacity: .44;
}
body.page-id-10 .bb-hero .bb-cta-row {
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 33px;
}
body.page-id-10 .bb-hero .bb-cta .wp-block-button__link {
  font-size: 14px;
  min-height: 55px;
  border-radius: 12px;
  padding: 12px 19px;
  box-shadow: 0 5px 14px rgba(46,89,64,.05);
}
@media (min-width:768px) and (max-width:1050px){
  body.page-id-10 .bb-hero {padding:48px 36px;min-height:625px;}
  body.page-id-10 .bb-hero > :is(.bb-eyebrow,h1,p,.bb-cta-row){width:56%!important;max-width:56%!important;}
  body.page-id-10 .bb-hero::after {width:41%;}
  body.page-id-10 .bb-hero h1 {font-size:clamp(30px,4vw,42px)!important;}
}
@media (max-width:767px){
  body.page-id-10 .bb-hero {
    padding:34px 24px 285px;
    min-height:0;
    background:
      url("../images/babys-breath-line.svg") -115px -135px / 240px auto no-repeat,
      linear-gradient(160deg,#f8fbf6,#f8faf5 72%,#eef5ee);
  }
  body.page-id-10 .bb-hero > :is(.bb-eyebrow,h1,p,.bb-cta-row) {
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.page-id-10 .bb-hero h1 {font-size:clamp(30px,7.4vw,39px)!important;}
  body.page-id-10 .bb-hero::after {
    width:100%;
    height:252px;
    top:auto;
    bottom:0;
    border-radius:40% 0 18px 18px/21% 0 18px 18px;
    background-position:center 48%;
  }
  body.page-id-10 .bb-hero::before {
    right:-30px;
    bottom:202px;
    width:170px;
    height:200px;
  }
  body.page-id-10 .bb-hero .bb-cta-row {flex-direction:column;margin-top:25px;}
  body.page-id-10 .bb-hero .bb-cta,
  body.page-id-10 .bb-hero .bb-cta .wp-block-button__link {width:100%;}

/* Baby's Breath — approved editorial homepage (2026-10) */
body.page-id-10 .siteContent { padding-top: 32px; }
body.page-id-10 .bb-hero.wp-block-group {
  display:grid !important;
  grid-template-columns: minmax(0,54%) minmax(0,46%);
  grid-auto-flow:row;
  align-content:center;
  justify-items:stretch;
  column-gap:0;
  row-gap:0;
  min-height:615px;
  padding:clamp(44px,5vw,75px) clamp(35px,5vw,72px);
  background:
    url("../images/babys-breath-line.svg") -92px -128px / 264px auto no-repeat,
    radial-gradient(ellipse at 5% 96%,rgba(217,236,217,.50),transparent 45%),
    linear-gradient(120deg,#fbfcf8 0%,#f8faf5 64%,#f0f6f0 100%);
  border-radius:23px;
  box-shadow:0 13px 45px rgba(58,87,65,.07);
  overflow:hidden;
}
body.page-id-10 .bb-hero.wp-block-group > :where(*) {
  grid-column:1 !important;
  box-sizing:border-box;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  position:relative;
  z-index:4;
  text-align:left !important;
}
body.page-id-10 .bb-hero.wp-block-group > .bb-eyebrow {
  width:auto !important;
  color:#547f69;
  letter-spacing:.21em;
  font-size:12px!important;
  margin:0 0 27px !important;
}
body.page-id-10 .bb-hero.wp-block-group > h1 {
  font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  font-size:clamp(30px,3.5vw,48px)!important;
  line-height:1.48;
  font-weight:700;
  letter-spacing:.01em;
  color:#2f5142;
  margin:0 0 24px !important;
  border:0 !important;
  padding:0 !important;
}
body.page-id-10 .bb-hero.wp-block-group > p {
  font-size:clamp(15px,1.25vw,17px)!important;
  line-height:1.9;
  color:#476052;
  margin-top:0!important;
  margin-bottom:17px!important;
}
body.page-id-10 .bb-hero.wp-block-group > .bb-hero-lead {margin-bottom:22px!important;}
body.page-id-10 .bb-hero.wp-block-group > .bb-cta-row {
  display:flex!important;
  align-items:stretch;
  flex-flow:row wrap;
  gap:11px;
  margin-top:16px!important;
}
body.page-id-10 .bb-hero .bb-cta-row .wp-block-button__link {
  font-size:13px;
  font-weight:700;
  min-height:53px;
  padding:11px 17px;
  border-radius:9px;
  box-shadow:none;
}
body.page-id-10 .bb-hero.wp-block-group::after {
  left:auto;
  right:0;
  top:0;
  bottom:0;
  height:100%;
  width:48%;
  z-index:1;
  border-radius:42% 0 0 31% / 40% 0 0 52%;
  background:
    linear-gradient(90deg, rgba(250,251,245,.16),rgba(250,251,245,0) 27%),
    url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/かすみ草のガラス瓶-—-ファーストビュー用.jpg") 56% center/cover no-repeat;
  filter: brightness(1.16) saturate(.78);
  opacity:.98;
}
body.page-id-10 .bb-hero.wp-block-group::before {
  right:39%;
  bottom:-100px;
  width:230px;
  height:315px;
  opacity:.42;
  z-index:3;
}
/* Three white invitation cards, with botanical-icon medallions. */
body.page-id-10 .bb-intro {
  padding-top:2px;
  text-align:center;
  position:relative;
}
body.page-id-10 .bb-intro > .bb-eyebrow {font-size:12px!important;letter-spacing:.17em;}
body.page-id-10 .bb-intro > h2 {
  font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  font-size:clamp(25px,2.6vw,34px);
  font-weight:600;
  margin-bottom:22px;
}
body.page-id-10 .bb-intro > p:not(.bb-eyebrow) {color:#668075;font-size:15px;}
body.page-id-10 .bb-intro .bb-step-columns {margin-top:35px;gap:22px;}
body.page-id-10 .bb-intro .bb-step-card {
  text-align:left;
  min-height:205px;
  background:#fff;
  border:1px solid #e9ede6;
  border-radius:20px;
  box-shadow:0 11px 38px rgba(43,68,52,.06);
  padding:25px 24px;
  transition:transform .2s ease,box-shadow .2s ease;
}
body.page-id-10 .bb-intro .bb-step-card:hover {
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(43,68,52,.10);
}
body.page-id-10 .bb-intro .bb-step-card::before {
  content:"";
  display:block;
  width:66px;
  height:66px;
  border-radius:50%;
  background:#edf3ed url("../images/book.svg") center/36px 36px no-repeat;
  margin:0 0 18px;
}
body.page-id-10 .bb-intro .wp-block-column:nth-child(2) .bb-step-card::before {
  background-image:url("../images/hospital.svg");
}
body.page-id-10 .bb-intro .wp-block-column:nth-child(3) .bb-step-card::before {
  background-image:url("../images/chat.svg");
}
body.page-id-10 .bb-intro .bb-step-card .bb-step-number {
  font-size:11px!important;
  letter-spacing:.12em;
  opacity:.7;
}
body.page-id-10 .bb-intro .bb-step-card h3 {
  font-size:17px;
  line-height:1.65;
  margin:8px 0 8px;
}
body.page-id-10 .bb-intro .bb-step-card h3 a {
  color:#315a49;
  text-decoration:none;
}
body.page-id-10 .bb-intro .bb-step-card h3 a:hover {text-decoration:underline;}
body.page-id-10 .bb-intro .bb-step-card p:last-child {color:#66766b;font-size:14px;line-height:1.8;}
body.page-id-10 .bb-intro > .bb-cta-row {justify-content:center;}
@media (min-width:768px) and (max-width:1150px) {
  body.page-id-10 .bb-hero.wp-block-group {grid-template-columns:minmax(0,54%) minmax(0,46%);padding:48px 40px;min-height:600px;}
  body.page-id-10 .bb-hero.wp-block-group > h1 {font-size:clamp(29px,3.45vw,40px)!important;}
  body.page-id-10 .bb-hero .bb-cta-row .wp-block-button__link {padding:10px 14px;font-size:12px;}
}
@media (max-width:767px) {
  body.page-id-10 .bb-hero.wp-block-group {
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    min-height:0;
    padding:35px 24px 300px;
    border-radius:18px;
  }
  body.page-id-10 .bb-hero.wp-block-group > :where(*) {width:100%!important;max-width:100%!important;}
  body.page-id-10 .bb-hero.wp-block-group > h1 {font-size:clamp(30px,8vw,39px)!important;}
  body.page-id-10 .bb-hero.wp-block-group > p {font-size:15px!important;}
  body.page-id-10 .bb-hero.wp-block-group > .bb-cta-row {display:flex!important;flex-flow:column nowrap;gap:10px;}
  body.page-id-10 .bb-hero .bb-cta-row .wp-block-button,
  body.page-id-10 .bb-hero .bb-cta-row .wp-block-button__link {width:100%;}
  body.page-id-10 .bb-hero.wp-block-group::after {
    width:100%;height:266px;top:auto;bottom:0;
    border-radius:35% 0 17px 17px / 19% 0 17px 17px;
    background-position:50% 48%;
  }
  body.page-id-10 .bb-hero.wp-block-group::before {right:-30px;bottom:204px;width:170px;height:200px;}
  body.page-id-10 .bb-intro .bb-step-card {min-height:0;}
}
@media (prefers-reduced-motion:reduce){
  body.page-id-10 .bb-intro .bb-step-card{transition:none;}
}

/* 2026-10 Baby's Breath signature refinement */
body.page-id-10 { background:#fffefa; }
body.page-id-10 .siteContent {padding-top:24px;}
body.page-id-10 .bb-hero.wp-block-group {
  border-radius:18px;
  border:1px solid #edf0e8;
  padding:clamp(35px,5.8vw,80px) clamp(34px,6vw,88px);
  min-height: min(660px, 66vw);
  background:
    url("../images/babys-breath-line.svg") -102px -136px / 255px auto no-repeat,
    url("../images/babys-breath-line.svg") 39% 110% / 185px auto no-repeat,
    radial-gradient(ellipse at -4% 111%, rgba(217,233,215,.68) 0%, transparent 40%),
    radial-gradient(ellipse at 42% 0%,rgba(218,237,215,.26),transparent 48%),
    #fafbf5;
  box-shadow: 0 14px 42px rgba(44,69,53,.06);
}
body.page-id-10 .bb-hero.wp-block-group > h1 {
  font-family: "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  color:#2e5144;
  letter-spacing:.04em;
  font-size:clamp(33px,3.7vw,51px)!important;
  line-height:1.5;
  max-width:600px!important;
}
body.page-id-10 .bb-hero.wp-block-group > .bb-eyebrow {font-size:12px!important;color:#527d69;letter-spacing:.25em;}
body.page-id-10 .bb-hero.wp-block-group > p {color:#405b4d;line-height:1.95;}
body.page-id-10 .bb-hero.wp-block-group::after {
  width:48%;height:100%;
  right:0;top:0;bottom:0;
  border-radius:44% 0 0 38% / 48% 0 0 55%;
  background:
    linear-gradient(90deg,rgba(252,253,249,.28) 0%,rgba(252,253,249,.02) 30%),
    url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/かすみ草のガラス瓶-—-ファーストビュー用.jpg") 52% 53% / cover no-repeat;
  filter:brightness(1.13) saturate(.83);
  opacity:.94;
}
body.page-id-10 .bb-hero.wp-block-group::before {right:42%;bottom:-78px;width:225px;height:310px;opacity:.48;}
body.page-id-10 .bb-hero .bb-cta .wp-block-button__link {
  border-radius:9px;
  background-color:#39775a;
  border-color:#39775a;
  color:#fff;
  box-shadow: 0 3px 8px rgba(31,74,53,.10);
}
body.page-id-10 .bb-hero .bb-cta.bb-cta-outline .wp-block-button__link {
  background:#fffdfb;
  color:#376a50;
  border:1px solid #6b9c80;
}
body.page-id-10 .bb-intro {padding-top:0;margin-top:72px;}
body.page-id-10 .bb-intro .bb-step-card {background:linear-gradient(#ffffff,#fdfefa);border-color:#e2eae1;}
body.page-id-10 .bb-intro .bb-step-card:focus-within {outline:2px solid #80a78a;outline-offset:2px;}
/* Calm, legible supporting pages */
body.page:not(.page-id-10) .entry-body h2 {color:#335947;border-bottom-color:#bfd2c0;}
body.page:not(.page-id-10) .entry-body a {text-underline-offset:3px;}
body.page:not(.page-id-10) .siteContent {padding-top:42px;}
body.page .bb-contact-guidance {
  background:#f3f8f3;
  border-left:3px solid #8eb29c;
  border-radius:12px;
  padding:25px 30px;
  margin:20px 0 35px;
}
body.page .bb-contact-guidance h2 {border:0;padding:0;margin-bottom:13px;font-size:22px;}
body.page .bb-contact-guidance li {line-height:1.8;margin-bottom:8px;}
body.page .wpcf7 {max-width:760px;padding:30px;border-radius:18px;border:1px solid #e3ebe4;background:#fff;}
body.page .wpcf7 .bb-field {margin-bottom:24px;}
body.page .wpcf7 .bb-field label {display:block;font-weight:600;color:#375947;}
body.page .wpcf7 input:not([type=submit]):not([type=checkbox]),
body.page .wpcf7 textarea,
body.page .wpcf7 select {
 width:100%;max-width:100%;border-radius:8px;padding:12px 14px;border:1px solid #b8cbbd;
 background:#fff;color:#264b38;font-size:16px;line-height:1.5;
}
body.page .wpcf7 .bb-field .wpcf7-form-control-wrap {display:block;margin-top:9px;}
body.page .wpcf7 textarea {min-height:155px;}
body.page .wpcf7 input:focus-visible,
body.page .wpcf7 textarea:focus-visible,
body.page .wpcf7 select:focus-visible {
 outline:3px solid #9abca4;outline-offset:2px;
}
body.page .wpcf7 .bb-consent {margin:23px 0;}
body.page .wpcf7 .bb-consent label {line-height:1.7;cursor:pointer;}
body.page .wpcf7 input[type=submit] {
 display:inline-block;background:#477a62;color:white;border:0;
 border-radius:9px;padding:15px 35px;font-weight:700;cursor:pointer;min-height:52px;
}
body.page .wpcf7 input[type=submit]:hover {background:#345d49;}
body.page .footer-nav-list a {color:#456853;}
@media(max-width:767px){
 body.page-id-10 .bb-hero.wp-block-group {
    min-height:0;
    padding:33px 23px 295px;
    background:
      url("../images/babys-breath-line.svg") -126px -132px/224px auto no-repeat,
      radial-gradient(ellipse at 3% 91%,rgba(211,235,209,.4),transparent 53%),
      #fafbf5;
 }
 body.page-id-10 .bb-hero.wp-block-group > h1 {font-size:clamp(29px,7.8vw,39px)!important;}
 body.page-id-10 .bb-hero.wp-block-group::after {
   width:100%;height:260px;top:auto;bottom:0;
   border-radius:30% 0 17px 17px / 17% 0 17px 17px;
   background-position:center,52% 45%;
 }
 body.page-id-10 .bb-hero.wp-block-group::before {width:155px;height:205px;right:-27px;bottom:202px;}
 body.page-id-10 .bb-intro {margin-top:48px;}
 body.page .wpcf7 {padding:20px 16px;}
 body.page .bb-contact-guidance {padding:20px 16px;}
}


}