@import url("mypage.css");
@import url("portal-mypage-overrides.css");
:root{--ink:#1a1a1a;--muted:#666;--paper:#fff;--pink:#ff6a86;--blue:#6fc8d5;--yellow:#f4d85d;--green:#8fc970;--line:#1a1a1a;--shadow:8px 8px 0 rgba(26,26,26,.10)}
*{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#fffdfa,#f7fbff);color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:1.5rem;line-height:1.8}.portal-shell{min-height:100vh;padding-bottom:8rem}.portal-header{position:sticky;top:0;z-index:30;background:rgba(255,253,250,.92);border-bottom:1px solid rgba(36,48,64,.08);backdrop-filter:blur(16px)}.portal-header__top{max-width:112rem;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2rem}.portal-logo img{width:12rem;display:block}.portal-member{display:flex;gap:1.8rem;font-size:1.2rem;color:var(--muted)}.portal-member strong{color:var(--ink)}.portal-nav{max-width:112rem;margin:auto;display:flex;overflow:auto;padding:0 2rem}.portal-nav a{flex:0 0 auto;padding:1rem 1.3rem;color:var(--ink);text-decoration:none;font-size:1.25rem;font-weight:800;border-bottom:3px solid transparent}.portal-nav a:hover,.portal-nav a[aria-current=page]{color:#e75c7a;border-color:var(--pink)}.portal-main{max-width:104rem;margin:auto;padding:5rem 2rem}.portal-hero{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.portal-kicker{margin:0;color:#e75c7a;font-weight:900;letter-spacing:.14em}.portal-title{margin:.4rem 0 0;font-size:clamp(3rem,5vw,5.8rem);line-height:1.15}.portal-lead{max-width:52rem;margin:0;color:var(--muted)}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}.portal-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-card{background:#fff;border:1px solid var(--line);border-radius:2.4rem;padding:2.4rem;box-shadow:var(--shadow)}.portal-card h2,.portal-card h3{margin-top:0}.portal-badge{display:inline-flex;padding:.35rem 1rem;border-radius:99px;background:#fff1f4;color:#db5573;font-size:1.2rem;font-weight:900}.portal-price{font-size:3rem;font-weight:900;line-height:1.2}.portal-price small{font-size:1.3rem;color:var(--muted)}.portal-button{display:inline-flex;align-items:center;justify-content:center;min-height:5rem;padding:0 2.2rem;border:0;border-radius:99px;background:var(--ink);color:#fff;text-decoration:none;font:inherit;font-weight:900;cursor:pointer}.portal-button--pink{background:linear-gradient(135deg,#ff6f8e,#ff9c74)}.portal-button--ghost{background:#f2f4f7;color:var(--ink)}.portal-tabs{display:flex;gap:.8rem;margin:0 0 2rem;flex-wrap:wrap}.portal-tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:.8rem 1.5rem;font:inherit;font-weight:800;cursor:pointer}.portal-tabs button.is-active{background:var(--ink);color:#fff}.portal-table{width:100%;border-collapse:collapse}.portal-table th,.portal-table td{padding:1.4rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.portal-table th{width:28%;color:var(--muted)}.portal-form{display:grid;gap:1.5rem}.portal-form label{font-weight:800}.portal-form input,.portal-form textarea,.portal-form select{width:100%;margin-top:.6rem;padding:1.3rem 1.5rem;border:1px solid #d8dce2;border-radius:1.2rem;background:#fff;font:inherit}.portal-form textarea{min-height:13rem;resize:vertical}.portal-note{padding:1.8rem;border-radius:1.6rem;background:#fff7d7}.voice-card__meta{display:flex;justify-content:space-between;color:var(--muted);font-size:1.25rem}.race-row{display:grid;grid-template-columns:8rem 1fr auto;gap:1.5rem;align-items:center}.race-no{display:grid;place-items:center;aspect-ratio:1;border-radius:2rem;background:var(--ink);color:#fff;font-size:2.5rem;font-weight:900}.rank{font-size:2rem;font-weight:900;color:#e75c7a}.portal-footer{max-width:104rem;margin:4rem auto 0;padding:3rem 2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:2rem;color:var(--muted);font-size:1.2rem}.portal-footer nav{display:flex;gap:1.4rem;flex-wrap:wrap}.portal-footer a{color:inherit}.portal-toast{position:fixed;right:2rem;bottom:2rem;z-index:60;padding:1.4rem 2rem;border-radius:1.2rem;background:var(--ink);color:#fff;box-shadow:var(--shadow)}details{background:#fff;border:1px solid var(--line);border-radius:1.6rem;padding:1.5rem 1.8rem}details+details{margin-top:1rem}summary{font-weight:900;cursor:pointer}.legal-copy h2{margin-top:3rem}.legal-copy p{color:#505a69}
.component-stack{display:grid;gap:1.6rem}.component-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.component-head h2{margin:0}.status-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-radius:99px;background:#edf8ea;color:#477c34;font-weight:800;font-size:1.2rem}.status-pill:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:#67ad4e}.payment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.payment-option{display:flex;gap:.8rem;align-items:center;padding:1.2rem;border:1px solid var(--line);border-radius:1.2rem;background:#fff}.reply-box{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--line)}.reply-box textarea{width:100%;min-height:8rem;padding:1rem;border:1px solid #d8dce2;border-radius:1rem;font:inherit}.index-legend{display:flex;gap:1.4rem;flex-wrap:wrap;color:var(--muted);font-size:1.2rem}.index-dot{display:inline-block;width:.9rem;height:.9rem;margin-right:.4rem;border-radius:50%}.index-dot--high{background:#e75c7a}.index-dot--mid{background:#e6b22d}.index-dot--base{background:#74bdd0}.search-box{margin-bottom:2rem}.search-box input{width:100%;padding:1.4rem 1.6rem;border:1px solid #d8dce2;border-radius:99px;font:inherit}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.account-summary div{padding:1.4rem;border-radius:1.4rem;background:#f7f8fa}.account-summary span{display:block;color:var(--muted);font-size:1.1rem}.account-summary strong{display:block;margin-top:.3rem}.schedule{display:grid;gap:.8rem}.schedule div{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line)}.check-list{padding:0;list-style:none}.check-list li{position:relative;padding:.6rem 0 .6rem 2.5rem}.check-list li:before{content:"✓";position:absolute;left:0;color:#4d9e71;font-weight:900}.risk-box{border-left:4px solid var(--yellow);padding:1.2rem 1.6rem;background:#fff9e4}.portal-pagination{display:flex;justify-content:center;gap:.6rem;margin-top:2rem}.portal-pagination button{width:4rem;height:4rem;border:1px solid var(--line);border-radius:50%;background:#fff;font:inherit;font-weight:800}.portal-pagination button[aria-current=page]{background:var(--ink);color:#fff}.is-search-hidden{display:none!important}
@media(max-width:760px){.portal-member{display:none}.portal-nav{padding:0 .8rem}.portal-main{padding:3.2rem 1.5rem}.portal-hero{display:block}.portal-lead{margin-top:1.5rem}.portal-grid,.portal-grid--2{grid-template-columns:1fr}.payment-list,.account-summary{grid-template-columns:1fr}.race-row{grid-template-columns:6rem 1fr}.rank{grid-column:2}.portal-footer{display:block}.portal-footer nav{margin-top:1.5rem}.portal-table th,.portal-table td{display:block;width:100%}.portal-table th{padding-bottom:0;border:0}}