/* ============================================================
   DTx Wellness — WordPress 用の追加
   下層ページ（運営会社・規約）／店舗検索（/stores/）／店舗詳細／お知らせ・404
   色・書体は hp.css の変数（ネイビー基調・差し色の赤）をそのまま使う
   ============================================================ */
:root{--bg:var(--sky);--bg-4:var(--line)}

/* ---- ログイン中の管理バーとヘッダーが重ならないように ---- */
.admin-bar .hd{top:32px}
@media screen and (max-width:782px){.admin-bar .hd{top:46px}}
@media screen and (max-width:600px){.admin-bar .hd{top:0}}

.l-inner{width:min(1180px,100% - var(--pad)*2);margin:0 auto}

/* ---- タイトル帯 ---- */
.title-area{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-d),var(--navy) 58%,#1F4FB8);color:#fff;padding:calc(var(--hdh) + clamp(48px,6vw,84px)) 0 clamp(44px,5vw,72px)}
.title-area::before{content:"";position:absolute;right:-12%;top:-60%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(110,160,240,.3),transparent 62%);pointer-events:none}
.title-area .wrap{position:relative}
.title-area__en{font-family:var(--en);font-weight:600;font-size:13px;letter-spacing:.3em;color:#FF8A90}
.title-area__jp{font-family:var(--jp);font-weight:700;font-size:clamp(26px,3.4vw,40px);line-height:1.4;letter-spacing:.04em;margin-top:8px}

/* ---- 固定ページの本文（運営会社・特定商取引法・プライバシーポリシー） ---- */
.l-under{background:var(--sky)}
.dtx-page{padding:clamp(48px,6vw,88px) 0 clamp(72px,9vw,120px)}
.dtx-page .l-inner{width:auto}
.dtx-page .policy-wrap,.dtx-page>p,.dtx-page>h2,.dtx-page>h3,.dtx-page>ul,.dtx-page>ol,.dtx-page>dl,.dtx-page>table{max-width:880px;margin-left:auto;margin-right:auto}
.dtx-page .policy-wrap{background:#fff;border-radius:18px;padding:clamp(24px,4vw,56px);box-shadow:var(--shadow)}
.dtx-page h2{font-family:var(--jp);font-weight:700;font-size:clamp(22px,2.4vw,28px);color:var(--navy);line-height:1.5;margin-bottom:24px}
.dtx-page h3{font-family:var(--jp);font-weight:700;font-size:17px;color:var(--navy);margin:32px 0 10px;padding-left:14px;border-left:3px solid var(--red);line-height:1.5}
.dtx-page p{font-size:15px;color:var(--ink);margin-bottom:1em}
.dtx-page ol,.dtx-page ul{margin:0 0 1em 1.4em;font-size:15px}
.dtx-page ol{list-style:decimal}.dtx-page ul{list-style:disc}
.dtx-page li{margin-bottom:.5em}
.dtx-page a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.dtx-page dl{border-top:1px solid var(--line);display:grid;grid-template-columns:10em 1fr}
.dtx-page dt,.dtx-page dd{padding:16px 6px;border-bottom:1px solid var(--line);font-size:15px}
.dtx-page dt{font-family:var(--jp);font-weight:700;color:var(--navy)}
.dtx-page table{width:100%;border-collapse:collapse;font-size:15px}
.dtx-page th,.dtx-page td{border-bottom:1px solid var(--line);padding:14px 8px;text-align:left;vertical-align:top}
.dtx-page th{font-family:var(--jp);color:var(--navy);width:11em}
@media(max-width:600px){.dtx-page dl{grid-template-columns:1fr}.dtx-page dt{border-bottom:0;padding-bottom:0}.dtx-page dd{padding-top:4px}}

/* ---- 店舗ページ共通 ---- */
.dtx-stores{text-align:left;background:var(--bg);padding:clamp(48px,6vw,88px) 0 clamp(72px,9vw,120px);color:var(--ink)}
.dtx-stores h3{font-family:var(--jp);font-weight:700;font-size:clamp(20px,2.2vw,26px);color:var(--navy);margin-bottom:18px}
.dtx-stores a,.dtx-stores a:visited{color:var(--navy)}
.dtx-stores a:hover{color:var(--red)}

/* 検索の箱 */
.dtx-search{background:#fff;border-radius:14px;padding:clamp(18px,3vw,32px);display:grid;gap:20px;box-shadow:0 14px 34px -26px rgba(11,31,58,.55)}
.dtx-search-geo{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.dtx-geo{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:0 28px;min-height:52px;font:700 16px/1 inherit;font-family:inherit;cursor:pointer;transition:background .25s}
.dtx-geo svg{width:20px;height:20px;fill:currentColor;flex:none}
.dtx-geo:hover{background:var(--navy-l)}
.dtx-geo.is-on{background:var(--red)}
.dtx-geo.is-loading{opacity:.7;cursor:progress}
.dtx-geo:focus-visible,.dtx-submit:focus-visible,.dtx-btn:focus-visible{outline:3px solid #4C8DFF;outline-offset:2px}
.dtx-stores p.dtx-geo-msg{margin:0;font-size:13px;line-height:1.65;color:#4A5872;flex:1;min-width:min(100%,240px)}
.dtx-search-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:12px;align-items:end;border-top:1px solid var(--bg-4);padding-top:20px}
.dtx-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.dtx-field select,.dtx-field input{-webkit-appearance:none;appearance:none;width:100%;box-sizing:border-box;border:1px solid #C9D1DE;border-radius:8px;background:#fff;padding:0 14px;min-height:50px;font-size:16px;font-family:inherit;color:var(--ink)}
.dtx-field select{padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B1F3A' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}
.dtx-field select:focus,.dtx-field input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,31,58,.15)}
.dtx-submit{border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:700;font-size:16px;font-family:inherit;padding:0 30px;min-height:50px;cursor:pointer;transition:background .25s}
.dtx-submit:hover{background:var(--red-d)}
@media screen and (max-width:768px){
 .dtx-search-fields{grid-template-columns:1fr 1fr}
 .dtx-field-q,.dtx-submit{grid-column:1/-1}
 .dtx-geo{width:100%;justify-content:center}
}

/* 件数 */
.dtx-result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 14px}
.dtx-stores p.dtx-count{margin:0;font-size:15px}
.dtx-count b{font-family:var(--en);font-size:26px;color:var(--navy);margin-right:3px}
.dtx-reset{border:0;background:none;color:var(--red);text-decoration:underline;text-underline-offset:3px;font-size:14px;font-family:inherit;cursor:pointer;padding:8px 0}

/* 店舗カード */
.dtx-store-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dtx-stores .dtx-store-list>li.dtx-store{margin:0;font-size:inherit;background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 30px -26px rgba(11,31,58,.6)}
.dtx-stores .dtx-store-list>li.dtx-store[hidden]{display:none}
.dtx-store-img{display:block;aspect-ratio:3/2;background:var(--navy);overflow:hidden}
.dtx-store-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dtx-store-img.is-empty img,.dtx-detail-img.is-empty img{object-fit:contain;padding:16% 14%;box-sizing:border-box;opacity:.9}
.dtx-store:hover .dtx-store-img img{transform:scale(1.04)}
.dtx-store-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.dtx-stores p.dtx-store-area{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--red)}
.dtx-store-name{margin:0;font-family:var(--jp);font-weight:700;font-size:19px;line-height:1.45}
.dtx-store-name a,.dtx-store-name a:visited{color:var(--ink)}
.dtx-stores p.dtx-store-addr{margin:0;font-size:13.5px;line-height:1.65;color:#4A5872}
.dtx-stores p.dtx-store-dist{margin:2px 0 0;font-size:13px}
.dtx-store-dist b{color:var(--red);font-size:17px;margin-left:2px}
.dtx-store-btns{display:flex;gap:8px;margin-top:auto;padding-top:12px}
.dtx-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:999px;font-weight:700;font-size:14.5px;text-decoration:none;box-sizing:border-box;transition:background .25s,color .25s,border-color .25s}
.dtx-btn:hover{text-decoration:none}
.dtx-stores a.dtx-btn-red,.dtx-stores a.dtx-btn-red:visited,.dtx-plain a.dtx-btn,.dtx-plain a.dtx-btn:visited{background:var(--red);color:#fff;border:1.5px solid var(--red)}
.dtx-stores a.dtx-btn-red:hover,.dtx-plain a.dtx-btn:hover{background:var(--red-d);border-color:var(--red-d);color:#fff}
.dtx-stores a.dtx-btn-line,.dtx-stores a.dtx-btn-line:visited{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.dtx-stores a.dtx-btn-line:hover{background:var(--navy);color:#fff}
.dtx-stores p.dtx-empty{margin:24px 0 0;padding:32px 20px;background:#fff;border-radius:14px;text-align:center;font-size:15px;color:#4A5872}
@media screen and (max-width:1024px){.dtx-store-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:600px){.dtx-store-list{grid-template-columns:1fr;gap:16px}}

/* ---- 店舗詳細 ---- */
.dtx-crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:#4A5872;margin-bottom:26px}
.dtx-crumb span[aria-hidden]{color:#9AA7BD}
.dtx-detail-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:start}
.dtx-detail-img{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--navy)}
.dtx-detail-img img{width:100%;height:100%;object-fit:cover;display:block}
.dtx-detail-head h3{margin-top:0;padding-top:.2em}
.dtx-detail-text{margin:1.4em 0 0}
.dtx-detail-text p:last-child{margin-bottom:0}
.dtx-detail-btns{max-width:480px;flex-wrap:wrap;padding-top:26px}
.dtx-detail-btns .dtx-btn{min-height:54px;font-size:16px;flex:1 1 180px}
.dtx-detail-btns .dtx-btn span{font-weight:500;font-size:13px;opacity:.85}
.dtx-detail-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);margin-top:clamp(30px,5vw,60px);align-items:start}
.dtx-info{margin:0;background:#fff;border-radius:16px;padding:6px 26px}
.dtx-info>div{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:14px;padding:17px 0;border-bottom:1px solid var(--bg-4)}
.dtx-info>div:last-child{border-bottom:0}
.dtx-info dt{font-weight:700;font-size:14px;color:var(--navy)}
.dtx-info dd{margin:0;font-size:15px;line-height:1.75;word-break:break-word}
.dtx-map iframe{display:block;width:100%;aspect-ratio:4/3;border:0;border-radius:16px;background:#DCE3EE}
.dtx-map a{display:inline-block;margin-top:10px;font-size:14px;font-weight:700}
.dtx-stores p.dtx-back{margin:44px 0 0;font-size:15px}
@media screen and (max-width:860px){
 .dtx-detail-top,.dtx-detail-info{grid-template-columns:1fr}
 .dtx-info{padding:4px 18px}
 .dtx-info>div{grid-template-columns:5.5em minmax(0,1fr);gap:10px}
}

/* ---- お知らせ・404 ---- */
.dtx-plain{text-align:left;padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(72px,9vw,120px)}
.dtx-plain article{max-width:820px;margin:0 auto;background:#fff;border-radius:18px;padding:clamp(24px,4vw,56px);box-shadow:var(--shadow)}
.dtx-plain article h3{font-family:var(--jp);font-weight:700;font-size:clamp(20px,2.4vw,28px);color:var(--navy);line-height:1.5;margin:6px 0 22px}
.dtx-plain article p{margin-bottom:1em}
.dtx-plain article img{height:auto;border-radius:10px;margin:1em 0}
.dtx-date{font-family:var(--en);font-weight:600;letter-spacing:.08em;color:var(--mute);font-size:14px}
.dtx-plain a.dtx-btn{flex:none;display:inline-flex;padding:0 28px;background:var(--red);color:#fff;border-radius:999px;min-height:50px;align-items:center;font-weight:700}
.dtx-postlist{list-style:none;margin:0 auto;padding:0;max-width:880px;border-top:1px solid var(--line)}
.dtx-postlist li{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:18px 4px;margin:0}
.dtx-postlist time{font-family:var(--en);font-weight:600;color:var(--mute);flex:none}
.dtx-postlist a:hover{color:var(--red)}
.nav-links{display:flex;gap:8px;justify-content:center;margin-top:28px}
.nav-links .page-numbers{min-width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:#fff;color:var(--navy);font-weight:700}
.nav-links .current{background:var(--navy);color:#fff}

@media (prefers-reduced-motion:reduce){
 .dtx-store-img img,.dtx-geo,.dtx-btn,.dtx-submit{transition:none}
 .dtx-store:hover .dtx-store-img img{transform:none}
}

/* 本文の最初の見出しはタイトル帯と同じなので出さない */
.dtx-page .policy-wrap>h2:first-child{display:none}