/* ============================================================
   feminine.css — トップ「案B：やわらかい印象」専用
   style.css の後に読み込みます。
   動き（イントロ・ヒーローの文字・マーキー・スクロール演出）は案Aと同じ。
   写真はすべて全幅（枠で切り抜かない）。色味だけをピンクベージュにしています。
   ============================================================ */
.fem { background: #FBF6F2; color: var(--rose-ink); }
.fem .bg-base { background: #FBF6F2; }
.fem #intro { background: var(--rose-ink); }
.fem #navbar.nav-scrolled { background: rgba(251,246,242,.96); color: var(--rose-ink); box-shadow: 0 1px 24px rgba(94,58,64,.06); }
.fem .nav-cta { border-radius: 999px; }
.fem #navbar.nav-scrolled .nav-cta { border-color: var(--rose); }
.fem #navbar.nav-scrolled .nav-cta:hover { background: var(--rose-deep); border-color: var(--rose-deep); color: #fff; }
.fem #mnav { background: var(--blush); }
.fem #mnav a { color: var(--rose-ink); }
.fem #mnav a:hover { color: var(--rose); }
.fem #pbar { background: var(--rose); }
.fem .preview-flag a { text-decoration: underline; }

/* 文字の色（明るい背景の部分だけ） */
.fem .sec .eyebrow, .fem .fem-about-band .eyebrow, .fem .fem-quote-band .eyebrow { color: var(--rose-deep); }
.fem .sec-title { color: var(--rose-ink); }
.fem .sec-jp { color: #8a6b6f; }
.fem .body-text { color: #735458; }
.fem .lead-title { font-family: 'Shippori Mincho', 'Noto Sans JP', serif; font-weight: 400; letter-spacing: .1em; color: var(--rose-ink); }
.fem .btn-line-link { color: var(--rose-deep); }
.fem .ent .btn-line-link { color: inherit; }
.fem .ent .eyebrow { color: inherit; }

/* ---------- ヒーロー（案Aと同じ構造。写真に、やわらかい色の幕を重ねる） ---------- */
.fem .hero-photo::after { background: linear-gradient(180deg, rgba(94,58,64,.34) 0%, rgba(94,58,64,.5) 100%); }
.fem .hero .hero-jp { font-family: 'Shippori Mincho', 'Noto Sans JP', serif; font-weight: 400; opacity: .92; }
.fem .hero-photo img { object-position: center 55%; }
@media (max-width: 767px) { .fem .hero-photo img { object-position: 94% 55%; } }
.fem .marq { background: var(--rose-ink); border-top-color: rgba(255,255,255,.12); }

/* ---------- About（全幅の写真の上に、やわらかい色の幕と文字） ---------- */
.fem-about-band { position: relative; background: var(--blush); }
.fem-about-band .fb-photo { position: relative; aspect-ratio: 3/2; overflow: hidden; }
.fem-about-band .fb-photo img, .fem-quote-band .fb-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fem-about-band .fb-inner { padding: 4rem 1.5rem 5.5rem; }
@media (min-width: 900px) {
    .fem-about-band { display: flex; align-items: center; min-height: 38rem; }
    .fem-about-band .fb-photo { position: absolute; inset: 0; aspect-ratio: auto; }
    .fem-about-band .fb-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(251,246,242,.94) 0%, rgba(251,246,242,.82) 36%, rgba(251,246,242,.1) 66%, rgba(251,246,242,0) 100%); }
    .fem-about-band .fb-photo img { object-position: 78% center; }
    .fem-about-band .fb-inner { position: relative; z-index: 2; width: 100%; max-width: 76rem; margin: 0 auto; padding: 8rem 3rem; }
    .fem-about-band .fb-text { max-width: 34rem; }
}

/* ---------- 入口（案Aと同じ左右2面。色の幕だけ変更） ---------- */
.fem .ent-dark { background: var(--rose-ink); }
.fem .ent-dark .motif.photo::after { background: linear-gradient(180deg, rgba(94,58,64,.3) 0%, rgba(94,58,64,.72) 100%); }
.fem .ent-light { background: var(--blush); color: var(--rose-ink); }
.fem .ent-light .motif.photo::after { background: linear-gradient(180deg, rgba(248,238,234,.45) 0%, rgba(248,238,234,.9) 72%); }

/* ---------- メッセージ（全幅の写真の上に、やわらかい色の幕） ---------- */
.fem-quote-band { position: relative; isolation: isolate; text-align: center; padding: 8rem 1.5rem; overflow: hidden; background: var(--blush2); }
@media (min-width: 768px) { .fem-quote-band { padding: 11rem 3rem; } }
.fem-quote-band .fb-photo { position: absolute; inset: 0; z-index: -1; }
.fem-quote-band .fb-photo::after { content: ''; position: absolute; inset: 0; background: rgba(248,238,234,.76); }
.fem-quote-band .sign { margin-top: 2rem; }
@media (max-width: 480px) { .fem-quote-band .quote { font-size: 1.4rem; } }

/* ---------- お知らせ ---------- */
.fem-news-sec { background: #FBF6F2; }
.fem-news-list { display: grid; gap: 1.2rem; }
.fem-news { display: flex; align-items: center; gap: 1.4rem; background: #fff; border-radius: 1.4rem; padding: 1.3rem 1.6rem; box-shadow: 0 10px 30px rgba(94,58,64,.05); }
.dbadge { flex: none; width: 4.8rem; height: 4.8rem; border-radius: 50%; background: var(--blush2); color: var(--rose-ink); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; }
.dbadge .m { font-size: 9px; letter-spacing: .3em; text-transform: uppercase; color: var(--rose-deep); padding-left: .3em; }
.dbadge .d { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.7rem; margin-top: .25rem; }
.fem .news-tag { border-color: rgba(185,123,128,.45); color: var(--rose-deep); border-radius: 999px; }
.fem-news .news-title { margin-top: .5rem; }