.dara-home {
  --bg: #f7f3ee;
  --paper: #fffdf9;
  --ink: #24211f;
  --muted: #746d66;
  --gold: #b18b59;
  --gold-light: #dbc6aa;
  --plum: #6e4a55;
  --line: rgba(36,33,31,.12);
  --shadow: 0 24px 60px rgba(61,47,38,.10);
  --radius: 28px;
}
.dara-home * { box-sizing: border-box; }

.dara-home {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 8%, rgba(177,139,89,.13), transparent 32%),
    radial-gradient(circle at 92% 18%, rgba(110,74,85,.10), transparent 30%),
    var(--bg);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  line-height: 1.9;
  letter-spacing: .03em;
}
.dara-home a { color: inherit; }
.dara-home img { max-width: 100%; }
.dara-home .wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.dara-home .site-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(16px);
  background: rgba(247,243,238,.88);
  border-bottom: 1px solid var(--line);
}
.dara-home .header-inner {
  height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.dara-home .brand {
  display: flex; align-items: center; gap: 12px; text-decoration: none;
}
.dara-home .brand img { width: 118px; height: 44px; object-fit: contain; object-position: left center; }
.dara-home .brand small { color: var(--muted); font-family: Georgia, serif; font-size: 11px; letter-spacing: .12em; }
.dara-home .nav { display: flex; align-items: center; gap: 26px; font-size: 13px; }
.dara-home .nav a { text-decoration: none; color: #4a4541; }
.dara-home .nav a:hover { color: var(--gold); }
.dara-home .btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 25px; border-radius: 999px;
  text-decoration: none; border: 1px solid transparent; font-weight: 600; font-size: 14px;
  transition: .2s ease;
}
.dara-home .btn-primary { background: var(--ink); color: #fff; }
.dara-home .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(36,33,31,.18); }
.dara-home .btn-line { border-color: var(--gold); color: #6f5739; background: rgba(255,255,255,.55); }
.dara-home .btn-line:hover { background: #fff; }
.dara-home .eyebrow {
  margin: 0 0 18px;
  color: var(--gold); font: 600 12px/1.4 Georgia, serif;
  letter-spacing: .22em; text-transform: uppercase;
}
.dara-home .section-title {
  margin: 0;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-weight: 500; line-height: 1.45; letter-spacing: .06em;
  font-size: clamp(30px, 4vw, 52px);
}
.dara-home .lead { color: var(--muted); font-size: 15px; line-height: 2.05; }

.dara-home .hero {
  min-height: 760px; display: grid; align-items: center;
  position: relative; overflow: hidden;
}
.dara-home .hero::before {
  content:""; position:absolute; width:560px; height:560px; border-radius:50%;
  right:-120px; top:80px; border:1px solid rgba(177,139,89,.25);
}
.dara-home .hero::after {
  content:""; position:absolute; width:430px; height:650px; border-radius:240px 240px 40px 40px;
  right:8%; top:70px;
  background:
    linear-gradient(150deg, rgba(255,255,255,.78), rgba(219,198,170,.28)),
    linear-gradient(20deg, rgba(110,74,85,.09), transparent 50%);
  box-shadow: var(--shadow);
  transform: rotate(4deg);
}
.dara-home .hero-grid {
  display:grid; grid-template-columns: 1.15fr .85fr; align-items:center; gap:70px;
  position:relative; z-index:2;
}
.dara-home .hero-logo {
  width: 260px; height: 86px; object-fit: contain; object-position:left center; margin-bottom: 28px;
}
.dara-home .hero h1 {
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-weight: 500; font-size: clamp(40px, 5.5vw, 74px);
  line-height: 1.38; margin: 0 0 24px; letter-spacing: .06em;
}
.dara-home .hero h1 span { color: var(--plum); }
.dara-home .hero-copy { max-width: 670px; color: #5d5650; font-size: 16px; }
.dara-home .hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
.dara-home .hero-art {
  min-height:500px; position:relative;
}
.dara-home .hero-card {
  position:absolute; right:3%; bottom:10%; width:330px;
  background:rgba(255,253,249,.92); border:1px solid rgba(177,139,89,.28);
  padding:30px; border-radius:24px; box-shadow:var(--shadow);
}
.dara-home .hero-card strong { display:block; font-family:Georgia,serif; letter-spacing:.13em; color:var(--gold); font-size:12px; margin-bottom:10px; }
.dara-home .hero-card p { margin:0; color:#645d57; font-size:13px; }

.dara-home section { padding: 110px 0; }
.dara-home .intro { background: rgba(255,253,249,.66); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.dara-home .two-col { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:start; }
.dara-home .quote {
  margin:28px 0 0; padding:28px 30px;
  border-left:2px solid var(--gold); color:#4f4944; background:rgba(255,255,255,.55);
}
.dara-home .name-story {
  margin-top:52px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}
.dara-home .word-card {
  padding:28px; border-radius:20px; background:var(--paper); border:1px solid var(--line);
}
.dara-home .word-card b { display:block; font-family:Georgia,serif; font-size:21px; color:var(--plum); margin-bottom:8px; }
.dara-home .word-card span { color:var(--muted); font-size:13px; }

.dara-home .problem-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:44px;
}
.dara-home .problem {
  min-height:130px; display:flex; align-items:center; padding:24px;
  border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.55);
  font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:17px;
}
.dara-home .feature-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px;
}
.dara-home .feature {
  padding:38px 32px; border-radius:var(--radius); background:var(--paper);
  border:1px solid var(--line); box-shadow:0 14px 40px rgba(80,60,45,.06);
}
.dara-home .feature .num { font:italic 34px/1 Georgia,serif; color:var(--gold-light); }
.dara-home .feature h3 { font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:22px; font-weight:500; margin:18px 0 12px; }
.dara-home .feature p { margin:0; color:var(--muted); font-size:14px; }

.dara-home .menu-section {
  background: #2f2a27;
  color: #f8f4ef;
}

.dara-home .menu-section .eyebrow {
  color: #d6b78f;
}

.dara-home .menu-section .section-title {
  color: #fffaf5;
}

.dara-home .menu-section .lead {
  color: #d7cec5;
}

.dara-home .menu-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 46px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.12);
}

.dara-home .menu-card {
  background: #3a3430;
  padding: 34px;
  min-height: 220px;
  transition: .25s ease;
}

.dara-home .menu-card:hover {
  background: #453d38;
  transform: translateY(-2px);
}

.dara-home .menu-card small {
  color: #d7b382;
  font: 12px Georgia, serif;
  letter-spacing: .16em;
}

.dara-home .menu-card h3 {
  color: #fffaf6;
  font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
  font-size: 24px;
  margin: 16px 0 10px;
  font-weight: 500;
}

.dara-home .menu-card p {
  color: #ddd4cc;
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
}

.dara-home .style-grid {
  display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:18px; margin-top:45px;
}
.dara-home .style-card {
  min-height:330px; border-radius:26px; overflow:hidden; position:relative;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.55), transparent 35%),
    linear-gradient(140deg, #e6d4c4, #9a7c74);
  border:1px solid rgba(255,255,255,.7);
}
.dara-home .style-card:nth-child(2) { background:linear-gradient(140deg,#dfcdbd,#7c6671); }
.dara-home .style-card:nth-child(3) { background:linear-gradient(140deg,#eee3d8,#a68a6c); }
.dara-home .style-card span {
  position:absolute; left:24px; bottom:22px; color:#fff; font:600 12px Georgia,serif; letter-spacing:.18em;
}
.dara-home .style-note { margin-top:14px; font-size:12px; color:var(--muted); }

.dara-home .first {
  display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;
}
.dara-home .first-panel {
  padding:45px; border-radius:32px; background:var(--paper); border:1px solid var(--line); box-shadow:var(--shadow);
}
.dara-home .review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:40px; }
.dara-home .review {
  background:var(--paper); padding:28px; border-radius:22px; border:1px solid var(--line);
}
.dara-home .stars { color:#bb925e; letter-spacing:.12em; }
.dara-home .review p { color:#5f5851; font-size:14px; margin:15px 0 0; }

.dara-home .guarantee {
  background:linear-gradient(135deg, rgba(110,74,85,.94), rgba(64,48,53,.98));
  color:#fff; border-radius:38px; padding:58px; display:grid; grid-template-columns:1.2fr .8fr; gap:45px; align-items:center;
}
.dara-home .guarantee .lead { color:#e7dde0; }
.dara-home .guarantee .btn-line { color:#fff; border-color:rgba(255,255,255,.5); background:transparent; }

.dara-home .profile {
  display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:center;
}
.dara-home .profile-visual {
  min-height:460px; border-radius:160px 160px 28px 28px;
  background:linear-gradient(160deg,#d9c3b1,#775e68); position:relative; overflow:hidden;
}
.dara-home .profile-visual::after {
  content:"TAKUMI"; position:absolute; left:34px; bottom:28px; color:#fff;
  font:600 17px Georgia,serif; letter-spacing:.22em;
}
.dara-home .profile-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.dara-home .tag { border:1px solid var(--line); border-radius:999px; padding:8px 13px; font-size:12px; color:#5c554f; background:#fffaf4; }

.dara-home .access {
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
}
.dara-home .access-card {
  padding:38px; border-radius:28px; background:var(--paper); border:1px solid var(--line);
}
.dara-home .access-card dl { display:grid; grid-template-columns:110px 1fr; gap:10px 18px; margin:24px 0 0; }
.dara-home .access-card dt { color:var(--muted); font-size:12px; }
.dara-home .access-card dd { margin:0; font-size:14px; }
.dara-home .map-placeholder {
  border-radius:28px; border:1px solid var(--line); min-height:360px;
  display:flex; align-items:center; justify-content:center;
  background:
    linear-gradient(90deg, rgba(177,139,89,.08) 1px, transparent 1px),
    linear-gradient(rgba(177,139,89,.08) 1px, transparent 1px),
    #f5efe8;
  background-size:36px 36px; color:#8d8176; font-size:13px; text-align:center; padding:30px;
}

.dara-home .final-cta { text-align:center; padding:120px 0 145px; }
.dara-home .final-cta .section-title { max-width:780px; margin:0 auto; }
.dara-home .final-cta .lead { max-width:650px; margin:22px auto 0; }
.dara-home .final-cta .hero-actions { justify-content:center; }

.dara-home footer { border-top:1px solid var(--line); padding:36px 0 100px; color:var(--muted); font-size:12px; }
.dara-home .footer-inner { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.dara-home .footer-links { display:flex; gap:18px; flex-wrap:wrap; }
.dara-home .footer-links a { text-decoration:none; }

.dara-home .mobile-cta {
  display:none; position:fixed; left:12px; right:12px; bottom:12px; z-index:80;
  background:rgba(38,35,33,.95); border-radius:18px; padding:8px; box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.dara-home .mobile-cta a {
  width:50%; color:#fff; text-decoration:none; text-align:center; padding:12px 8px; font-size:13px;
}
.dara-home .mobile-cta a + a { border-left:1px solid rgba(255,255,255,.18); }

@media (max-width: 900px) {
.dara-home .nav { display:none; }
.dara-home .header-inner { height:66px; }
.dara-home .brand img { width:105px; }
.dara-home .hero { min-height:auto; padding:86px 0 80px; }
.dara-home .hero-grid, .dara-home .two-col, .dara-home .first, .dara-home .profile, .dara-home .access, .dara-home .guarantee { grid-template-columns:1fr; }
.dara-home .hero-art { display:none; }
.dara-home .hero::before, .dara-home .hero::after { opacity:.45; }
.dara-home .name-story, .dara-home .problem-grid, .dara-home .feature-grid, .dara-home .review-grid { grid-template-columns:1fr; }
.dara-home .menu-grid { grid-template-columns:1fr 1fr; }
.dara-home .style-grid { grid-template-columns:1fr; }
.dara-home .style-card { min-height:240px; }
.dara-home section { padding:78px 0; }
.dara-home .two-col { gap:35px; }
.dara-home .guarantee { padding:36px 28px; border-radius:26px; }
.dara-home .profile-visual { min-height:330px; }
.dara-home .footer-inner { align-items:flex-start; flex-direction:column; }
.dara-home .mobile-cta { display:flex; }
}
@media (max-width: 560px) {
.dara-home .wrap { width:min(100% - 28px,1180px); }
.dara-home .hero h1 { font-size:40px; }
.dara-home .hero-logo { width:210px; }
.dara-home .menu-grid { grid-template-columns:1fr; }
.dara-home .word-card, .dara-home .feature, .dara-home .first-panel, .dara-home .access-card { padding:26px; }
.dara-home .access-card dl { grid-template-columns:1fr; gap:4px; }
.dara-home .access-card dd { margin-bottom:10px; }
}

/* WordPress compatibility */
.dara-home, .dara-home * { box-sizing: border-box; }
.dara-home { width: 100%; overflow-x: clip; }
.dara-home a { text-decoration: none; }
.dara-home .wrap { max-width: 1180px !important; }
.dara-home .btn {
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}
.dara-home .site-header { z-index: 20; }


/* ================================
   DARA / First Visit page
   Add this ONCE below the existing DARA common CSS.
   ================================ */

.dara-home.first-visit-page .fv-sub {
  padding: 118px 0 105px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 10%, rgba(177,139,89,.14), transparent 31%),
    radial-gradient(circle at 92% 15%, rgba(110,74,85,.11), transparent 28%),
    rgba(255,253,249,.48);
  border-bottom: 1px solid var(--line);
}

.dara-home.first-visit-page .fv-sub::after {
  content: "";
  position: absolute;
  width: 430px;
  height: 430px;
  right: -150px;
  top: -90px;
  border: 1px solid rgba(177,139,89,.20);
  border-radius: 50%;
}

.dara-home.first-visit-page .fv-sub-inner {
  position: relative;
  z-index: 2;
  max-width: 980px !important;
}

.dara-home.first-visit-page .fv-sub .section-title {
  font-size: clamp(38px, 5.2vw, 68px);
}

.dara-home.first-visit-page .fv-sub-lead {
  max-width: 760px;
  margin-top: 25px;
}

.dara-home.first-visit-page .first-visit-center {
  margin: 28px auto 0;
  max-width: 760px;
  text-align: center;
}

.dara-home.first-visit-page .first-flow-section {
  background: rgba(255,253,249,.68);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.dara-home.first-visit-page .first-flow-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 46px;
}

.dara-home.first-visit-page .first-flow-card {
  position: relative;
  min-height: 315px;
  padding: 34px 27px 30px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: 0 14px 40px rgba(80,60,45,.05);
}

.dara-home.first-visit-page .first-flow-card .num {
  display: block;
  color: var(--gold-light);
  font: italic 34px/1 Georgia, serif;
}

.dara-home.first-visit-page .first-flow-card h3 {
  margin: 20px 0 13px;
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-weight: 500;
  font-size: 21px;
}

.dara-home.first-visit-page .first-flow-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.9;
}

.dara-home.first-visit-page .first-panel h3 {
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size: 27px;
  font-weight: 500;
  margin: 0 0 16px;
}

.dara-home.first-visit-page .first-space-section {
  background:
    linear-gradient(135deg, rgba(110,74,85,.06), rgba(177,139,89,.07)),
    var(--bg);
}

.dara-home.first-visit-page .first-faq-list {
  max-width: 920px;
  margin: 44px auto 0;
  border-top: 1px solid var(--line);
}

.dara-home.first-visit-page .first-faq-list details {
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.28);
}

.dara-home.first-visit-page .first-faq-list summary {
  position: relative;
  padding: 25px 54px 25px 8px;
  cursor: pointer;
  list-style: none;
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size: 18px;
  font-weight: 500;
}

.dara-home.first-visit-page .first-faq-list summary::-webkit-details-marker {
  display: none;
}

.dara-home.first-visit-page .first-faq-list summary::after {
  content: "+";
  position: absolute;
  right: 12px;
  top: 20px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(177,139,89,.45);
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--gold);
  font-family: Georgia, serif;
  font-size: 22px;
}

.dara-home.first-visit-page .first-faq-list details[open] summary::after {
  content: "−";
}

.dara-home.first-visit-page .first-faq-list details p {
  margin: 0;
  padding: 0 54px 28px 8px;
  color: var(--muted);
  font-size: 14px;
  line-height: 2;
}

.dara-home.first-visit-page .first-guarantee {
  margin-top: 0;
}

@media (max-width: 1100px) {
  .dara-home.first-visit-page .first-flow-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .dara-home.first-visit-page .fv-sub {
    padding: 88px 0 76px;
  }

  .dara-home.first-visit-page .first-flow-grid {
    grid-template-columns: 1fr 1fr;
  }

  .dara-home.first-visit-page .first-flow-card {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .dara-home.first-visit-page .fv-sub .section-title {
    font-size: 38px;
  }

  .dara-home.first-visit-page .first-flow-grid {
    grid-template-columns: 1fr;
  }

  .dara-home.first-visit-page .first-faq-list summary {
    font-size: 16px;
  }
}

.dara-home .guarantee .lead {
  color: #eadfe2 !important;
}

.dara-home .guarantee .eyebrow {
  color: #d9bf9b !important;
}
.dara-home .guarantee .section-title {
  color: #f3eadf !important;
}

/* ================================
   DARA / Menu & Price page
   Existing DARA common CSS + this additional CSS
   ================================ */

.dara-home.menu-page .menu-fv {
  padding: 118px 0 105px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 10%, rgba(177,139,89,.14), transparent 31%),
    radial-gradient(circle at 92% 15%, rgba(110,74,85,.10), transparent 28%),
    rgba(255,253,249,.48);
  border-bottom: 1px solid var(--line);
}

.dara-home.menu-page .menu-fv::after {
  content: "";
  position: absolute;
  width: 430px;
  height: 430px;
  right: -150px;
  top: -90px;
  border: 1px solid rgba(177,139,89,.20);
  border-radius: 50%;
}

.dara-home.menu-page .menu-fv-inner {
  position: relative;
  z-index: 2;
  max-width: 980px !important;
}

.dara-home.menu-page .menu-fv .section-title {
  font-size: clamp(38px, 5.2vw, 68px);
}

.dara-home.menu-page .menu-fv-lead {
  max-width: 780px;
  margin-top: 25px;
}

.dara-home.menu-page .menu-list-section {
  background: rgba(255,253,249,.68);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.dara-home.menu-page .menu-price-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 46px;
}

.dara-home.menu-page .menu-price-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 26px;
  padding: 32px;
  box-shadow: 0 14px 40px rgba(80,60,45,.05);
}

.dara-home.menu-page .menu-price-card-wide {
  grid-column: span 2;
}

.dara-home.menu-page .menu-price-head {
  margin-bottom: 18px;
}

.dara-home.menu-page .menu-price-head small {
  display: block;
  color: var(--gold);
  font: 600 12px/1.4 Georgia, serif;
  letter-spacing: .16em;
  margin-bottom: 8px;
}

.dara-home.menu-page .menu-price-head h3 {
  margin: 0;
  font-family: "Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size: 25px;
  font-weight: 500;
}

.dara-home.menu-page .menu-price-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: baseline;
  padding: 14px 0;
  border-top: 1px solid var(--line);
}

.dara-home.menu-page .menu-price-row:first-of-type {
  border-top: 0;
}

.dara-home.menu-page .menu-price-row span {
  font-size: 14px;
  color: #4f4944;
}

.dara-home.menu-page .menu-price-row strong {
  white-space: nowrap;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--plum);
}

.dara-home.menu-page .menu-price-note {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.9;
}

.dara-home.menu-page .menu-guide-section {
  background:
    linear-gradient(135deg, rgba(110,74,85,.05), rgba(177,139,89,.06)),
    var(--bg);
}

.dara-home.menu-page .menu-note-box {
  max-width: 920px;
  margin: 0 auto;
  padding: 42px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: var(--paper);
  box-shadow: 0 16px 45px rgba(80,60,45,.05);
}

.dara-home.menu-page .menu-note-box .section-title {
  font-size: clamp(28px, 3vw, 42px);
}

.dara-home.menu-page .menu-note-list {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.dara-home.menu-page .menu-note-list p {
  margin: 8px 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.9;
}

.dara-home.menu-page .menu-guarantee .section-title {
  color: #f3eadf !important;
}

@media (max-width: 900px) {
  .dara-home.menu-page .menu-fv {
    padding: 88px 0 76px;
  }

  .dara-home.menu-page .menu-price-grid {
    grid-template-columns: 1fr;
  }

  .dara-home.menu-page .menu-price-card-wide {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .dara-home.menu-page .menu-fv .section-title {
    font-size: 38px;
  }

  .dara-home.menu-page .menu-price-card {
    padding: 26px 22px;
  }

  .dara-home.menu-page .menu-price-row {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .dara-home.menu-page .menu-note-box {
    padding: 28px 22px;
  }
}
/* =========================================================
   DARA / HairXpertise
   一覧は .hx-blog、記事本文は body.hairxpertise-entry のみへ適用
   ========================================================= */

.hx-blog {
  --hx-ink:#292725;
  --hx-muted:#716c66;
  --hx-paper:#fffdf9;
  --hx-warm:#f4efe8;
  --hx-line:#ded7ce;
  --hx-accent:#725566;
  --hx-gold:#a98a61;
  color:var(--hx-ink);
  background:var(--hx-paper);
}

.hx-blog *,
.hairxpertise-entry .entry-content * { box-sizing:border-box; }

.hx-blog .hx-eyebrow {
  margin:0 0 14px;
  color:var(--hx-gold);
  font:600 10px/1.4 Georgia,serif;
  letter-spacing:.2em;
}

.hx-hero {
  padding:118px 0 104px;
  background:
    radial-gradient(circle at 88% 16%,rgba(114,85,102,.09),transparent 28%),
    linear-gradient(135deg,#fbf8f2,#eee6dd);
  border-bottom:1px solid var(--hx-line);
}

.hx-hero__inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:90px;
  align-items:end;
}

.hx-logo {
  margin:0;
  font:400 clamp(54px,8vw,108px)/.95 Georgia,"Times New Roman",serif;
  letter-spacing:-.055em;
}

.hx-logo span { color:var(--hx-accent); font-style:italic; }

.hx-tagline {
  margin:28px 0 18px;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(20px,2.2vw,30px);
  line-height:1.6;
}

.hx-lead {
  margin:0;
  color:var(--hx-muted);
  font-size:14px;
  line-height:2;
}

.hx-hero__note {
  padding:28px 30px;
  border-left:1px solid var(--hx-gold);
}

.hx-hero__note span {
  color:var(--hx-gold);
  font:600 9px Georgia,serif;
  letter-spacing:.2em;
}

.hx-hero__note p {
  margin:16px 0 0;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:16px;
  line-height:1.9;
}

.hx-topics {
  position:sticky;
  z-index:5;
  top:0;
  background:rgba(255,253,249,.94);
  border-bottom:1px solid var(--hx-line);
  backdrop-filter:blur(12px);
}

.hx-topics__inner {
  display:flex;
  gap:28px;
  align-items:center;
  min-height:64px;
  overflow-x:auto;
  scrollbar-width:none;
}

.hx-topics__inner::-webkit-scrollbar { display:none; }
.hx-topics__inner a,
.hx-topics__label { flex:0 0 auto; }

.hx-topics__label {
  margin-right:12px;
  color:var(--hx-gold);
  font:600 9px Georgia,serif;
  letter-spacing:.18em;
}

.hx-topics__inner a {
  color:var(--hx-muted);
  font-size:12px;
  text-decoration:none;
}

.hx-topics__inner a:hover { color:var(--hx-accent); }

.hx-intro,
.hx-latest,
.hx-newsletter { padding:104px 0; }

.hx-intro__grid {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:90px;
}

.hx-intro h2,
.hx-section-head h2,
.hx-newsletter h2 {
  margin:0;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(32px,4vw,52px);
  font-weight:500;
  line-height:1.45;
}

.hx-intro__text p {
  margin:0 0 22px;
  color:var(--hx-muted);
  font-size:15px;
  line-height:2.05;
}

.hx-latest { background:var(--hx-warm); }

.hx-section-head {
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:end;
  margin-bottom:48px;
}

.hx-section-head > p {
  margin:0;
  color:var(--hx-muted);
  font-size:12px;
}

.hx-post-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.hx-card {
  min-width:0;
  overflow:hidden;
  background:var(--hx-paper);
  border:1px solid var(--hx-line);
  border-radius:2px;
  transition:transform .25s ease,box-shadow .25s ease;
}

.hx-card:hover {
  transform:translateY(-4px);
  box-shadow:0 20px 45px rgba(51,43,38,.08);
}

.hx-card__image {
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#dfd8d0;
  text-decoration:none;
}

.hx-card__image img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.hx-card:hover .hx-card__image img { transform:scale(1.025); }

.hx-card__placeholder {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#8b7d72;
  font:italic 22px Georgia,serif;
}

.hx-card__body { padding:26px 26px 28px; }

.hx-card__meta {
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:#998c80;
  font:10px Georgia,serif;
  letter-spacing:.07em;
}

.hx-card h3 {
  margin:18px 0 12px;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:20px;
  font-weight:600;
  line-height:1.65;
}

.hx-card h3 a { color:var(--hx-ink); text-decoration:none; }

.hx-card__body > p {
  margin:0 0 24px;
  color:var(--hx-muted);
  display:-webkit-box;
  overflow:hidden;
  font-size:12px;
  line-height:1.9;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.hx-card__more {
  color:var(--hx-accent);
  font-size:11px;
  letter-spacing:.05em;
  text-decoration:none;
}

.hx-card__more span { margin-left:6px; }

.hx-pagination {
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:56px;
}

.hx-pagination .page-numbers {
  display:grid;
  min-width:42px;
  height:42px;
  padding:0 12px;
  place-items:center;
  color:var(--hx-muted);
  background:var(--hx-paper);
  border:1px solid var(--hx-line);
  text-decoration:none;
}

.hx-pagination .current {
  color:#fff;
  background:var(--hx-accent);
  border-color:var(--hx-accent);
}

.hx-empty {
  padding:70px 24px;
  text-align:center;
  color:var(--hx-muted);
  background:var(--hx-paper);
  border:1px solid var(--hx-line);
}

.hx-newsletter__box {
  display:grid;
  grid-template-columns:1fr auto;
  gap:70px;
  align-items:center;
  padding:52px;
  background:#f8f3ec;
  border:1px solid var(--hx-line);
}

.hx-newsletter__box > div > p:last-child {
  max-width:650px;
  margin:22px 0 0;
  color:var(--hx-muted);
  font-size:13px;
  line-height:1.9;
}

.hx-actions { display:flex; flex-direction:column; gap:10px; min-width:210px; }

/* ---------- HairXpertise 記事本文（該当カテゴリーのみ） ---------- */

body.hairxpertise-entry .site-main,
body.hairxpertise-entry main { background:#fffdf9; }

body.hairxpertise-entry article.type-post {
  --hx-entry-ink:#292725;
  --hx-entry-muted:#716c66;
  --hx-entry-line:#dfd8cf;
  color:var(--hx-entry-ink);
}

body.hairxpertise-entry article.type-post > header,
body.hairxpertise-entry article.type-post .entry-header {
  width:min(820px,calc(100% - 40px));
  margin:0 auto;
  padding:96px 0 46px;
  text-align:left;
}

body.hairxpertise-entry article.type-post .entry-title {
  margin:16px 0 22px;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:clamp(34px,5vw,58px);
  font-weight:500;
  line-height:1.45;
  letter-spacing:.01em;
}

body.hairxpertise-entry article.type-post .entry-meta {
  color:#958a80;
  font-size:11px;
  letter-spacing:.05em;
}

body.hairxpertise-entry article.type-post .post-thumbnail {
  display:block;
  width:min(1080px,calc(100% - 40px));
  margin:0 auto 66px;
}

body.hairxpertise-entry article.type-post .post-thumbnail img {
  width:100%;
  max-height:660px;
  object-fit:cover;
}

body.hairxpertise-entry article.type-post .entry-content {
  width:min(720px,calc(100% - 40px));
  margin:0 auto;
  color:#3c3936;
  font-size:16px;
  line-height:2.05;
}

body.hairxpertise-entry article.type-post .entry-content > * { max-width:100%; }

body.hairxpertise-entry article.type-post .entry-content p { margin:0 0 2em; }

body.hairxpertise-entry article.type-post .entry-content h2 {
  margin:3.2em 0 1.15em;
  padding-bottom:.65em;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  font-size:30px;
  font-weight:600;
  line-height:1.55;
  border-bottom:1px solid var(--hx-entry-line);
}

body.hairxpertise-entry article.type-post .entry-content h3 {
  margin:2.6em 0 1em;
  font-size:21px;
  line-height:1.6;
}

body.hairxpertise-entry article.type-post .entry-content ul,
body.hairxpertise-entry article.type-post .entry-content ol {
  margin:0 0 2em;
  padding:24px 28px 24px 50px;
  background:#f6f1ea;
}

body.hairxpertise-entry article.type-post .entry-content li { margin:.55em 0; }

body.hairxpertise-entry article.type-post .entry-content blockquote {
  margin:2.5em 0;
  padding:26px 30px;
  color:#5b4b54;
  background:#f7f1f4;
  border-left:3px solid #725566;
}

body.hairxpertise-entry article.type-post .entry-content figure { margin:3em 0; }

body.hairxpertise-entry article.type-post .entry-content figcaption {
  color:#8b827a;
  font-size:11px;
  line-height:1.7;
  text-align:center;
}

body.hairxpertise-entry article.type-post .entry-content a { color:#725566; }

@media (max-width:960px) {
  .hx-hero__inner,
  .hx-intro__grid,
  .hx-newsletter__box { grid-template-columns:1fr; }
  .hx-hero__inner,
  .hx-intro__grid { gap:48px; }
  .hx-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hx-hero__note { max-width:520px; }
  .hx-actions { flex-direction:row; min-width:0; }
}

@media (max-width:640px) {
  .hx-hero { padding:82px 0 72px; }
  .hx-logo { font-size:52px; }
  .hx-intro,
  .hx-latest,
  .hx-newsletter { padding:76px 0; }
  .hx-post-grid { grid-template-columns:1fr; }
  .hx-section-head { display:block; }
  .hx-section-head > p { margin-top:12px; }
  .hx-newsletter__box { padding:32px 24px; gap:34px; }
  .hx-actions { flex-direction:column; }
  body.hairxpertise-entry article.type-post > header,
  body.hairxpertise-entry article.type-post .entry-header { padding-top:68px; }
  body.hairxpertise-entry article.type-post .entry-content { font-size:15px; }
  body.hairxpertise-entry article.type-post .entry-content h2 { font-size:25px; }
}
/* DARA / HairXpertise 2026 Editorial Edition */
.hx-blog{--ink:#211e1c;--muted:#756d67;--ivory:#fcfaf6;--paper:#fffefa;--greige:#eee8df;--plum:#5c414e;--deep:#392b32;--gold:#aa8957;--gold2:#d7c29e;--line:rgba(92,65,78,.18);--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;color:var(--ink);background:var(--ivory)}
.hx-blog *,.hairxpertise-entry .entry-content *{box-sizing:border-box}.hx-blog .wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.hx-blog .hx-eyebrow{margin:0 0 18px;color:var(--gold);font:600 10px/1.4 Georgia,serif;letter-spacing:.24em}

/* Hero */
.hx-hero{position:relative;min-height:780px;padding:142px 0 44px;overflow:hidden;color:#f9f4ec;background:radial-gradient(circle at 78% 30%,rgba(170,137,87,.16),transparent 27%),linear-gradient(128deg,#241f21 0%,#392b32 54%,#5c414e 130%)}
.hx-hero:before{content:"";position:absolute;inset:22px;pointer-events:none;border:1px solid rgba(215,194,158,.2)}
.hx-hero__ornament{position:absolute;top:46%;right:-.05em;transform:translateY(-50%);color:rgba(255,255,255,.035);font:400 clamp(240px,36vw,560px)/.75 Georgia,serif;letter-spacing:-.13em;pointer-events:none;user-select:none}
.hx-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:90px;align-items:end}.hx-hero__edition{display:flex;justify-content:space-between;max-width:530px;margin-bottom:76px;padding-bottom:12px;color:rgba(249,244,236,.62);border-bottom:1px solid rgba(215,194,158,.28);font:9px/1.2 Georgia,serif;letter-spacing:.18em}
.hx-logo{margin:0;color:#fffaf2;font:400 clamp(66px,9.2vw,128px)/.82 Georgia,serif;letter-spacing:-.068em}.hx-logo span{color:var(--gold2);font-style:italic}.hx-tagline{margin:42px 0 24px;font:500 clamp(24px,2.55vw,38px)/1.62 var(--serif);letter-spacing:.04em}.hx-lead{max-width:590px;margin:0;color:rgba(249,244,236,.68);font-size:14px;line-height:2.1}
.hx-hero__feature{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:30px 0 30px 28px;border-left:1px solid rgba(215,194,158,.48)}.hx-hero__feature-no{color:var(--gold2);font:italic 12px Georgia,serif}.hx-hero__feature-label{margin:0 0 15px;color:var(--gold2);font:9px Georgia,serif;letter-spacing:.2em}.hx-hero__feature-text{margin:0;color:#f7f0e8;font:500 17px/2 var(--serif)}
.hx-hero__foot{position:absolute;z-index:1;right:0;bottom:44px;left:0;display:flex;align-items:center;gap:18px;color:rgba(249,244,236,.44);font:8px Georgia,serif;letter-spacing:.2em}.hx-hero__line{width:54px;height:1px;background:rgba(215,194,158,.35)}

/* Navigation */
.hx-topics{position:sticky;z-index:20;top:0;background:rgba(252,250,246,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.hx-topics__inner{display:flex;min-height:72px;gap:34px;align-items:center;overflow-x:auto;scrollbar-width:none}.hx-topics__inner::-webkit-scrollbar{display:none}.hx-topics__inner a,.hx-topics__label{flex:0 0 auto}.hx-topics__label{margin-right:12px;color:var(--gold);font:600 9px Georgia,serif;letter-spacing:.22em}.hx-topics__inner a{position:relative;padding:27px 0 25px;color:var(--muted);font-size:12px;text-decoration:none}.hx-topics__inner a:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--plum);transform:scaleX(0);transition:transform .25s}.hx-topics__inner a:hover{color:var(--plum)}.hx-topics__inner a:hover:after{transform:scaleX(1)}

/* Editorial philosophy */
.hx-intro{padding:132px 0 124px;background:var(--ivory)}.hx-intro__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(70px,10vw,150px)}.hx-intro h2,.hx-section-head h2,.hx-consultation h2{margin:0;font:500 clamp(34px,4.3vw,58px)/1.48 var(--serif);letter-spacing:.02em}.hx-intro__number{margin:58px 0 0;color:var(--gold);font:italic 12px Georgia,serif;letter-spacing:.16em}.hx-intro__body{padding-top:42px}.hx-intro__body>p{color:var(--muted);font-size:14px;line-height:2.15}.hx-intro__body .hx-intro__large{margin:0 0 28px;color:#49423e;font:500 clamp(18px,2vw,24px)/1.95 var(--serif)}
.hx-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-block:1px solid var(--line)}.hx-principles>div{padding:24px 16px 24px 0}.hx-principles>div+div{padding-left:22px;border-left:1px solid var(--line)}.hx-principles span{display:block;margin-bottom:18px;color:var(--gold);font:italic 10px Georgia,serif}.hx-principles strong{display:block;color:var(--plum);font:600 10px Georgia,serif;letter-spacing:.15em}.hx-principles small{display:block;margin-top:8px;color:var(--muted);font-size:10px}

/* Shortcode post list */
.hx-latest{padding:126px 0 136px;background:var(--greige)}.hx-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:58px;padding-bottom:26px;border-bottom:1px solid rgba(92,65,78,.24)}.hx-section-head>p{margin:0 0 8px;color:var(--muted);font-size:12px}.hx-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}
.hx-card{position:relative;min-width:0;overflow:hidden;background:var(--paper);border:1px solid rgba(92,65,78,.15);box-shadow:0 16px 46px rgba(54,43,46,.035);transition:transform .35s,box-shadow .35s,border-color .35s}.hx-card:before{content:"";position:absolute;z-index:2;top:0;left:0;width:0;height:2px;background:var(--gold);transition:width .4s}.hx-card:hover{transform:translateY(-7px);border-color:rgba(170,137,87,.5);box-shadow:0 28px 68px rgba(54,43,46,.11)}.hx-card:hover:before{width:100%}
.hx-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#d8d0c7;text-decoration:none}.hx-card__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.98);transition:transform .7s,filter .4s}.hx-card:hover .hx-card__image img{transform:scale(1.045);filter:saturate(1)}.hx-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:#806e73;background:linear-gradient(135deg,#e8e0d7,#d8ccd0);font:italic 24px Georgia,serif}
.hx-card__body{padding:28px 28px 32px}.hx-card__meta{display:flex;justify-content:space-between;gap:14px;color:#998b82;font:9px Georgia,serif;letter-spacing:.11em}.hx-card h3{margin:20px 0 14px;font:600 21px/1.7 var(--serif);letter-spacing:.01em}.hx-card h3 a{color:var(--ink);text-decoration:none}.hx-card__body>p{display:-webkit-box;margin:0 0 28px;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.95;-webkit-box-orient:vertical;-webkit-line-clamp:3}.hx-card__more{display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:var(--plum);border-top:1px solid var(--line);font-size:10px;letter-spacing:.1em;text-decoration:none}.hx-card__more span{font-size:16px;transition:transform .2s}.hx-card:hover .hx-card__more span{transform:translateX(5px)}
.hx-pagination{display:flex;justify-content:center;gap:8px;margin-top:70px}.hx-pagination .page-numbers{display:grid;min-width:44px;height:44px;padding:0 12px;place-items:center;color:var(--muted);background:var(--paper);border:1px solid var(--line);font:11px Georgia,serif;text-decoration:none}.hx-pagination .current{color:#fff;background:var(--plum);border-color:var(--plum)}.hx-empty{padding:78px 24px;text-align:center;color:var(--muted);background:var(--paper);border:1px solid var(--line)}

/* Consultation */
.hx-consultation{padding:126px 0;background:var(--ivory)}.hx-consultation__box{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) 230px;gap:50px;align-items:center;padding:72px 68px;overflow:hidden;color:#f8f1e8;background:linear-gradient(128deg,var(--deep),var(--plum))}.hx-consultation__box:after{content:"";position:absolute;inset:16px;pointer-events:none;border:1px solid rgba(215,194,158,.25)}.hx-consultation__mark{color:rgba(215,194,158,.88);font:italic 104px/.8 Georgia,serif}.hx-consultation__copy{position:relative;z-index:1}.hx-consultation h2{color:#fffaf3;font-size:clamp(30px,3.4vw,46px)}.hx-consultation__copy>p:last-child{max-width:650px;margin:24px 0 0;color:rgba(248,241,232,.68);font-size:13px;line-height:2}.hx-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.hx-button{display:flex;min-height:58px;padding:0 20px;justify-content:space-between;align-items:center;border:1px solid rgba(215,194,158,.62);font-size:11px;text-decoration:none;transition:.25s}.hx-button--primary{color:var(--deep);background:var(--gold2)}.hx-button--line{color:#fffaf3}.hx-button--primary:hover{background:#fff7e8}.hx-button--line:hover{color:var(--deep);background:#f8f1e8}
.hx-signoff{padding:35px 0 38px;color:#cfc2b8;background:#211e1c}.hx-signoff .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.hx-signoff p{margin:0;color:#f5eee6;font:18px Georgia,serif;letter-spacing:.05em}.hx-signoff p span{color:var(--gold2);font-size:9px;letter-spacing:.18em}.hx-signoff small{font:8px Georgia,serif;letter-spacing:.2em}

/* Individual article pages */
body.hairxpertise-entry .site-main,body.hairxpertise-entry main{background:#fcfaf6}body.hairxpertise-entry article.type-post{--e-line:rgba(92,65,78,.18);color:#211e1c}body.hairxpertise-entry article.type-post>header,body.hairxpertise-entry article.type-post .entry-header{width:min(880px,calc(100% - 48px));margin:0 auto;padding:118px 0 54px;text-align:left}body.hairxpertise-entry article.type-post>header:before,body.hairxpertise-entry article.type-post .entry-header:before{content:"HAIRXPERTISE / DARA JOURNAL";display:block;margin-bottom:28px;color:#aa8957;font:9px Georgia,serif;letter-spacing:.22em}body.hairxpertise-entry article.type-post .entry-title{margin:0 0 28px;font:500 clamp(38px,5.4vw,66px)/1.42 var(--serif);letter-spacing:.01em}body.hairxpertise-entry article.type-post .entry-meta{padding-top:18px;color:#958980;border-top:1px solid var(--e-line);font:10px Georgia,serif;letter-spacing:.08em}
body.hairxpertise-entry article.type-post .post-thumbnail{display:block;width:min(1120px,calc(100% - 48px));margin:0 auto 82px}body.hairxpertise-entry article.type-post .post-thumbnail img{width:100%;max-height:680px;object-fit:cover;filter:saturate(.88)}body.hairxpertise-entry article.type-post .entry-content{width:min(740px,calc(100% - 48px));margin:0 auto;padding-bottom:110px;color:#3d3835;font-size:16px;line-height:2.15}body.hairxpertise-entry article.type-post .entry-content>*{max-width:100%}body.hairxpertise-entry article.type-post .entry-content p{margin:0 0 2em}body.hairxpertise-entry article.type-post .entry-content>p:first-child{color:#4d4541;font:500 19px/2 var(--serif)}
body.hairxpertise-entry article.type-post .entry-content h2{margin:3.4em 0 1.25em;padding:0 0 .72em;font:600 31px/1.58 var(--serif);border-bottom:1px solid var(--e-line)}body.hairxpertise-entry article.type-post .entry-content h2:before{content:"";display:block;width:34px;height:2px;margin-bottom:17px;background:#aa8957}body.hairxpertise-entry article.type-post .entry-content h3{margin:2.7em 0 1em;color:#5c414e;font-size:21px;line-height:1.65}body.hairxpertise-entry article.type-post .entry-content ul,body.hairxpertise-entry article.type-post .entry-content ol{margin:0 0 2.2em;padding:28px 32px 28px 54px;background:#f0ebe4;border-block:1px solid var(--e-line)}body.hairxpertise-entry article.type-post .entry-content li{margin:.6em 0}body.hairxpertise-entry article.type-post .entry-content blockquote{margin:3em 0;padding:34px 36px 34px 42px;color:#523f49;background:#f2eaee;border:0;border-left:2px solid #aa8957}body.hairxpertise-entry article.type-post .entry-content figure{margin:3.4em 0}body.hairxpertise-entry article.type-post .entry-content figcaption{margin-top:12px;color:#8b8179;font-size:10px;text-align:center}body.hairxpertise-entry article.type-post .entry-content a{color:#5c414e;text-decoration-color:#aa8957;text-underline-offset:4px}

@media(max-width:960px){.hx-hero{min-height:730px}.hx-hero__inner,.hx-intro__grid{grid-template-columns:1fr;gap:54px}.hx-hero__edition{margin-bottom:54px}.hx-hero__feature{max-width:480px}.hx-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-consultation__box{grid-template-columns:74px 1fr}.hx-actions{grid-column:2;flex-direction:row}.hx-button{min-width:210px}}
@media(max-width:640px){.hx-blog .wrap{width:min(100% - 36px,1180px)}.hx-hero{min-height:680px;padding:104px 0 90px}.hx-hero:before{inset:10px}.hx-hero__ornament{top:38%;right:-.18em;font-size:260px}.hx-hero__edition{margin-bottom:46px}.hx-logo{font-size:clamp(50px,16vw,70px)}.hx-tagline{margin-top:36px;font-size:24px}.hx-lead{font-size:13px}.hx-hero__feature{padding:22px 0 0 20px}.hx-hero__foot{bottom:30px}.hx-topics__inner{min-height:62px;gap:25px}.hx-topics__inner a{padding:22px 0 20px}.hx-intro,.hx-latest,.hx-consultation{padding:86px 0}.hx-intro__body{padding-top:0}.hx-principles{grid-template-columns:1fr}.hx-principles>div{display:grid;grid-template-columns:34px 110px 1fr;align-items:center;padding:18px 0}.hx-principles>div+div{padding-left:0;border-top:1px solid var(--line);border-left:0}.hx-principles span,.hx-principles strong,.hx-principles small{margin:0}.hx-section-head{display:block;margin-bottom:38px}.hx-section-head>p{margin-top:13px}.hx-post-grid{grid-template-columns:1fr;gap:24px}.hx-consultation__box{display:block;padding:58px 34px}.hx-consultation__mark{margin-bottom:36px;font-size:76px}.hx-actions{margin-top:38px;flex-direction:column}.hx-button{min-width:0}.hx-signoff .wrap{display:block}.hx-signoff small{display:block;margin-top:10px}body.hairxpertise-entry article.type-post>header,body.hairxpertise-entry article.type-post .entry-header{padding-top:76px}body.hairxpertise-entry article.type-post .entry-content{font-size:15px}body.hairxpertise-entry article.type-post .entry-content h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hx-card,.hx-card:before,.hx-card__image img,.hx-card__more span,.hx-topics__inner a:after{transition:none!important}}
/* =====================================================
   OnePress スマホヘッダー調整
   長いサイトタイトルと説明文の重なりを解消
===================================================== */
@media screen and (max-width: 768px) {

  /* ロゴと重複するサイトタイトルを非表示 */
  #masthead .site-branding .site-title,
  #masthead .site-title {
    display: none !important;
  }

  /* ロゴと重複するサイト説明文を非表示 */
  #masthead .site-branding .site-description,
  #masthead .site-description {
    display: none !important;
  }

  /* ロゴ部分の横幅を調整 */
  #masthead .site-branding {
    width: auto !important;
    max-width: calc(100% - 90px) !important;
    padding: 14px 0 !important;
  }

  /* ロゴサイズ */
  #masthead .site-logo-div img,
  #masthead .custom-logo {
    width: auto !important;
    max-width: 90px !important;
    max-height: 48px !important;
    object-fit: contain;
  }

  /* ハンバーガーメニューの位置調整 */
  #masthead .header-right-wrapper {
    top: 50% !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
  }
}
/* =========================================================
   DARA SITEMAP — Color Refinement
   既存CSSの一番下へ追加してください。
   サイトマップページ内だけに適用されます。
========================================================= */

.sitemap-page {
  --sitemap-ink: #352b27;
  --sitemap-muted: #786b64;
  --sitemap-accent: #a65f48;
  --sitemap-accent-dark: #824735;
  --sitemap-base: #faf7f2;
  --sitemap-paper: #fffdf9;
  --sitemap-line: #e7d9cf;
  color: var(--sitemap-ink);
  background: var(--sitemap-base);
}

/* HERO：強い単色を、柔らかなアイボリーグラデーションへ */
.sitemap-page .sitemap-hero {
  position: relative;
  overflow: hidden;
  color: var(--sitemap-ink);
  background:
    radial-gradient(circle at 86% 15%, rgba(166, 95, 72, .13), transparent 34%),
    linear-gradient(135deg, #fbf6f0 0%, #f3e7dc 55%, #ead5c7 100%);
  border-bottom: 1px solid rgba(130, 71, 53, .12);
}

.sitemap-page .sitemap-hero::after {
  content: "";
  position: absolute;
  right: -8rem;
  bottom: -12rem;
  width: 28rem;
  height: 28rem;
  border: 1px solid rgba(166, 95, 72, .16);
  border-radius: 50%;
  pointer-events: none;
}

.sitemap-page .sitemap-hero .wrap {
  position: relative;
  z-index: 1;
}

.sitemap-page .sitemap-hero h1,
.sitemap-page .sitemap-hero h1 em {
  color: var(--sitemap-ink);
}

.sitemap-page .sitemap-hero h1 em {
  font-style: normal;
  color: var(--sitemap-accent-dark);
}

.sitemap-page .sitemap-hero > .wrap > p:last-child {
  color: #675a53;
}

.sitemap-page .sitemap-kicker {
  color: var(--sitemap-accent-dark);
  letter-spacing: .18em;
}

/* CONTENT：背景とカードのコントラストを穏やかに */
.sitemap-page .sitemap-content {
  background:
    linear-gradient(rgba(255, 255, 255, .34), rgba(255, 255, 255, .34)),
    var(--sitemap-base);
}

.sitemap-page .sitemap-group {
  background: rgba(255, 253, 249, .92);
  border: 1px solid var(--sitemap-line);
  box-shadow: 0 18px 50px rgba(70, 48, 38, .055);
}

.sitemap-page .sitemap-group header {
  border-bottom-color: var(--sitemap-line);
}

.sitemap-page .sitemap-group header > span {
  color: var(--sitemap-accent);
}

.sitemap-page .sitemap-group header small {
  color: #9a7868;
}

.sitemap-page .sitemap-group header h2 {
  color: var(--sitemap-ink);
}

.sitemap-page .sitemap-links a {
  color: var(--sitemap-ink);
  background: #fffdfa;
  border-color: #eadfd6;
  box-shadow: 0 8px 24px rgba(70, 48, 38, .035);
  transition: transform .25s ease, border-color .25s ease,
              background-color .25s ease, box-shadow .25s ease;
}

.sitemap-page .sitemap-links a strong {
  color: #3c302b;
}

.sitemap-page .sitemap-links a small {
  color: var(--sitemap-muted);
}

.sitemap-page .sitemap-links a:hover {
  color: var(--sitemap-ink);
  background: #f8eee7;
  border-color: #d8b8a6;
  box-shadow: 0 14px 32px rgba(96, 59, 43, .09);
  transform: translateY(-3px);
}

.sitemap-page .sitemap-links a:focus-visible,
.sitemap-page .sitemap-contact a:focus-visible {
  outline: 3px solid rgba(166, 95, 72, .35);
  outline-offset: 4px;
}

/* CONTACT：濃い背景をやめ、明るいトープへ */
.sitemap-page .sitemap-contact {
  position: relative;
  overflow: hidden;
  color: var(--sitemap-ink);
  background:
    radial-gradient(circle at 12% 15%, rgba(255, 255, 255, .55), transparent 30%),
    linear-gradient(135deg, #eee0d5 0%, #e4cec0 100%);
  border-top: 1px solid rgba(130, 71, 53, .12);
}

.sitemap-page .sitemap-contact .wrap {
  position: relative;
  z-index: 1;
}

.sitemap-page .sitemap-contact .sitemap-kicker {
  color: var(--sitemap-accent-dark);
}

.sitemap-page .sitemap-contact h2 {
  color: #352925;
  text-shadow: none;
}

.sitemap-page .sitemap-contact p:not(.sitemap-kicker) {
  color: #66564e;
}

.sitemap-page .sitemap-contact a {
  color: #fffaf6;
  background: var(--sitemap-accent-dark);
  border: 1px solid var(--sitemap-accent-dark);
  box-shadow: 0 12px 28px rgba(88, 48, 35, .16);
  transition: transform .25s ease, background-color .25s ease,
              border-color .25s ease, box-shadow .25s ease;
}

.sitemap-page .sitemap-contact a:hover {
  color: #fff;
  background: #6f3c2e;
  border-color: #6f3c2e;
  box-shadow: 0 16px 34px rgba(88, 48, 35, .22);
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .sitemap-page .sitemap-hero {
    background:
      radial-gradient(circle at 92% 8%, rgba(166, 95, 72, .11), transparent 32%),
      linear-gradient(145deg, #fbf6f0 0%, #f1e2d7 100%);
  }

  .sitemap-page .sitemap-group {
    box-shadow: 0 12px 34px rgba(70, 48, 38, .045);
  }

  .sitemap-page .sitemap-links a:hover {
    transform: none;
  }

  .sitemap-page .sitemap-contact {
    background: linear-gradient(145deg, #f0e3d9 0%, #e5cfc1 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sitemap-page .sitemap-links a,
  .sitemap-page .sitemap-contact a {
    transition: none;
  }
}
/* DARA：固定ページのWordPress自動タイトルだけを非表示 */
/* HOME・投稿記事・404ページには適用されません */

body.page:not(.home) .page-header {
  display: none !important;
}
/* =========================================================
   DARA HOME：Googleマップのスマートフォン表示修正
   既存CSSの一番下へ追加してください。
========================================================= */

/* 固定幅600pxのiframeを、外枠いっぱいの可変幅に変更 */
.home .map-placeholder {
  min-width: 0;
  overflow: hidden;
}

.home .map-placeholder iframe[src*="google.com/maps"] {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto;
  border: 0;
}

@media (max-width: 767px) {
  /* 店舗情報とマップを縦一列にする */
  .home .wrap.access {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100% - 32px, 1120px);
    gap: 24px;
  }

  .home .map-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
  }

  .home .map-placeholder iframe[src*="google.com/maps"] {
    height: 430px !important;
  }
}

@media (max-width: 390px) {
  .home .map-placeholder iframe[src*="google.com/maps"] {
    height: 400px !important;
  }
}