/* deepkiss.jp メニュー・トップの入口カード（2026-11-02）
   style.css / qa.css は変えず、あとから重ねる。 */

/* ---------- 全面のメニュー ---------- */
.site-header .header-inner{position:relative}
.site-header .global-nav{flex-wrap:wrap;align-items:center;gap:6px;overflow:visible;white-space:normal;margin-left:auto}
.global-nav a.gn-cta,.global-nav a.gn-cta:hover{background:var(--accent);color:#fff;font-weight:700}
.global-nav a.gn-cta:hover{background:var(--accent-deep)}
.gn-menu,.global-nav details.gn-menu{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.gn-menu>summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid var(--accent);border-radius:6px;background:#fff;color:var(--accent-dark);font-size:.9rem;font-weight:700;cursor:pointer;list-style:none}
.gn-menu>summary::-webkit-details-marker{display:none}
.gn-menu>summary::after{content:"";width:7px;height:7px;margin:-3px 0 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.gn-menu[open]>summary{background:var(--soft)}
.gn-menu[open]>summary::after{margin-top:3px;transform:rotate(-135deg)}
.gn-menu[open]{flex:1 1 100%;order:5}
.gn-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto}
.gn-group:last-child{grid-column:1/-1}
.gn-title{margin:0 0 5px;color:var(--accent-deep);font-size:.8rem;font-weight:700;letter-spacing:.04em}
.gn-group ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.global-nav .gn-panel a{display:block;min-height:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fffdfd;color:var(--ink);font-size:.9rem;line-height:1.5;text-decoration:none;white-space:normal}
.global-nav .gn-panel a:hover,.global-nav .gn-panel a[aria-current="page"]{border-color:var(--accent);background:var(--soft);color:var(--accent-dark)}
.global-nav .gn-panel a.gn-primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700;text-align:center}
@media (min-width:901px){
  .gn-menu[open]{flex:none;order:0}
  .gn-group:last-child{grid-column:auto}
  .gn-panel{position:absolute;top:calc(100% + 6px);left:18px;right:18px;margin-top:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;box-shadow:0 10px 28px rgba(111,35,64,.14);max-height:none;overflow:visible}
}

/* ---------- フッターのページ一覧 ---------- */
.footer-pages{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.fp-title{margin:0 0 8px!important;color:var(--accent-dark)!important;font-weight:700;font-size:.92rem!important}
.fp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.fp-grid p{margin:0 0 4px!important;color:var(--accent-deep)!important;font-size:.8rem!important;font-weight:700}
.fp-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:3px}
.fp-grid a{display:block;padding:4px 0;font-size:.9rem;line-height:1.5}

/* ---------- トップ ---------- */
.home [id]{scroll-margin-top:110px}
.home .article{max-width:820px;margin:0 auto}
.home-answer{margin:14px 0 4px;padding:14px 16px;border:2px solid var(--accent);border-radius:12px;background:#fff6f8}
.home-label{display:inline-block;margin:0 0 6px;padding:2px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.08em}
.home-answer p{margin:0;color:var(--ink)}
.home-a1{font-size:1.12rem;font-weight:700;line-height:1.75}
.home-a2{margin-top:4px!important;line-height:1.8}
.home-sub{margin:0 0 14px;color:var(--muted)}
.home-grid{display:grid;gap:12px}
.home-grp{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.home-grp h3{margin:0 0 2px!important;color:var(--accent-dark)}
.home-grp-d{margin:0 0 10px!important;color:var(--muted);font-size:.86rem}
.home-links{display:grid;gap:8px;margin:0!important;padding:0!important;list-style:none}
.home-link{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fffdfd;color:var(--ink);text-decoration:none}
.home-link:hover{border-color:var(--accent);background:var(--soft)}
.home-link strong{display:block;color:var(--accent-dark);font-size:.98rem;line-height:1.55}
.home-link small{display:block;margin-top:2px;color:var(--muted);font-size:.84rem;line-height:1.6}
.home-link.is-primary{border-color:var(--accent);background:var(--accent)}
.home-link.is-primary strong,.home-link.is-primary small{color:#fff}
.home-grp-cta{border-color:var(--accent);background:linear-gradient(180deg,#fff6f8 0%,#fff 70%)}
.home .step-grid{grid-template-columns:1fr}
.home .step strong{display:inline}
.home-more{margin:10px 0 0!important}
@media (min-width:781px){
  .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-grp-cta{grid-column:1/-1}
  .home .step-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}

/* ---------- 予約ページの「読んでから」 ---------- */
.rs-links{display:grid;gap:8px;margin:0;padding:0;list-style:none}

/* ---------- トップ: まず読む3つ・サービスの1行・写真を低く ---------- */
.home-quick{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}
@media (min-width:781px){.home-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
.home-service{margin:12px 0 0;color:var(--ink);font-size:.95rem;line-height:1.8}
.home .hero-visual{margin:14px 0 0}
.home .hero-visual img{display:block;width:100%;height:110px;object-fit:cover;object-position:center 45%}
@media (min-width:781px){.home .hero-visual img{height:250px}}