@import url('detail.css');
:root{color-scheme:dark}body.area-page{margin:0;background:#1b0b1a;color:#fff4f5;font-family:'Noto Sans JP',sans-serif;font-size:15px;line-height:1.8}
.area-page .header-inner{max-width:1280px;padding:0 24px;gap:20px}.area-page .header-tagline{border-left:1px solid #a3788f;padding-left:20px;white-space:nowrap;font-size:13px}.area-page .header-nav{display:flex;align-items:center;gap:22px;margin-left:auto;white-space:nowrap;font-size:13px}.area-page .header-nav a:hover{color:#f4c785}
.area-wrap{width:min(1280px,calc(100% - 48px));margin:auto}.area-breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:20px 0;color:#d7b9c8;font-size:13px}.area-breadcrumbs a{color:inherit;text-decoration:none}.area-breadcrumbs a:hover{text-decoration:underline}
.area-hero{position:relative;overflow:hidden;border:1px solid #9c617b;border-radius:14px;padding:34px 38px;background:linear-gradient(90deg,#351328 0%,#301025ed 55%,#1e0d20a3),url('assets/about-bar-interior.webp') center 48%/cover}
.area-hero:after{content:'';position:absolute;right:18%;top:20px;width:1px;height:90px;background:linear-gradient(transparent,#e2b979,transparent);transform:rotate(35deg);opacity:.65}.area-hero .eyebrow,.area-section-label{margin:0;color:#e8b7ca;letter-spacing:.16em;font-size:11px;font-weight:700}.area-hero h1{font:500 clamp(27px,3vw,42px)/1.4 'Yu Mincho',serif;letter-spacing:.05em;margin:8px 0}.area-hero p:not(.eyebrow){margin:0;color:#f1dce7}.area-count{display:inline-flex;gap:8px;align-items:baseline;margin-top:16px;color:#f6d09a}.area-count strong{font-size:25px}.area-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding:32px 0 55px;align-items:start}
.area-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #7d4c64;padding-bottom:15px;margin-bottom:18px}.area-toolbar h2,.area-sidebar h2,.area-hub h2{font:500 23px/1.4 'Yu Mincho',serif;margin:5px 0}.area-filter{min-width:240px}.area-filter label{display:block;color:#e5c6d5;font-size:12px}.area-filter input{box-sizing:border-box;width:100%;padding:10px 13px;background:#fff8fb;color:#21101e;border:1px solid #d29ab5;border-radius:6px;font-size:15px}
.area-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.area-shop{border:1px solid #795165;border-radius:10px;background:linear-gradient(130deg,#3b2033,#2a1526);min-width:0}.area-shop a{box-sizing:border-box;display:flex;flex-direction:column;min-height:190px;height:100%;padding:20px;color:inherit;text-decoration:none}.area-shop a:hover,.area-shop a:focus-visible{outline:2px solid #e9bc74;outline-offset:2px}.area-shop-top{color:#dfb49a;font-size:12px}.area-shop h3{font:500 20px/1.4 'Yu Mincho',serif;margin:8px 0;color:#fff}.area-shop-address{color:#e9d4df;font-size:13px;margin:0 0 12px;overflow-wrap:anywhere}.area-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.area-facts span{border:1px solid #916078;border-radius:4px;padding:3px 8px;color:#f2d8e4;font-size:12px}.area-facts .area-price{border-color:#bd925c;color:#ffe0a7}.area-detail-link{margin-top:12px;align-self:flex-end;color:#f0c389;font-size:13px}.area-empty{color:#dcc6d2}
.area-sidebar{display:grid;gap:16px;position:sticky;top:18px}.area-side-card{border:1px solid #765064;border-radius:10px;padding:20px;background:#321b2e}.area-side-card p{color:#e4ced9;font-size:13px}.area-side-card a{color:#f3cb91;text-decoration:none}.area-side-links{display:flex;flex-direction:column;gap:12px}.area-side-links a{border-top:1px solid #684557;padding-top:10px}.area-side-banner{width:100%;display:block;border-radius:8px}.area-back{color:#f3cb91;display:inline-block;margin-top:24px}.area-hub{padding:32px 0 60px}.area-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.area-hub-grid a{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #795165;border-radius:8px;padding:18px;color:#fff3f6;text-decoration:none;background:#32182d}.area-hub-grid a:hover{border-color:#e3bd7b}.area-hub-grid small{color:#e0bbca;white-space:nowrap}.area-page footer{display:flex;gap:20px;padding:30px 24px;border-top:1px solid #624052;color:#d9b7c9}.area-page footer a{color:inherit}
@media(max-width:1100px){.area-page .header-tagline{display:none}.area-page .header-nav{gap:14px}}
@media(max-width:850px){.area-wrap{width:min(100% - 32px,650px)}.area-hero{padding:25px 20px}.area-layout{grid-template-columns:1fr;gap:24px;padding-top:24px}.area-sidebar{position:static;grid-template-columns:1fr 1fr}.area-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-page footer{padding-bottom:160px}}
@media(max-width:740px){.area-page .header-inner{height:58px;padding:0 16px}.area-page .header-nav a{display:none}.area-page .header-nav a:first-child{display:block;border:1px solid #b98b60;border-radius:30px;padding:5px 12px;font-size:12px}}
@media(max-width:550px){.area-breadcrumbs{gap:8px;font-size:12px;padding:14px 0}.area-hero h1{font-size:27px}.area-hero p:not(.eyebrow){font-size:14px}.area-toolbar{display:block}.area-filter{margin-top:15px;min-width:0}.area-results{grid-template-columns:1fr;gap:11px}.area-shop a{min-height:0;padding:17px}.area-shop h3{font-size:19px}.area-sidebar{grid-template-columns:1fr}.area-hub-grid a{padding:14px 12px}.area-hub-grid{gap:8px}.area-hub-grid small{font-size:11px}.area-page footer{display:block}}