@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap";
:root{--color-primary:#1878b4;--color-primary-dark:#0f5a85;--color-primary-light:#e4f1f8;--color-secondary:#4fb2e0;--color-accent:#b8841f;--color-accent-dark:#8c631a;--color-accent-light:#fbf1da;--color-brand-gold:#f0c048;--color-bg:#f6f9fa;--color-surface:#fff;--color-fg:#33325a;--color-muted:#6e6d95;--color-muted-bg:#eef2f5;--color-border:#dde6ec;--color-success:#2f9a6e;--color-success-bg:#e9f7f1;--color-danger:#d14f4f;--color-danger-bg:#fbebeb;--color-warning:#c9862a;--color-warning-bg:#fbf1e1;--color-header-tint:#dcebf1;--color-pop-coral:#ff7a59;--color-pop-coral-dark:#c6522e;--color-pop-coral-light:#ffe4da;--font-body:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;--font-accent:"M PLUS Rounded 1c", var(--font-body);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--radius-full:999px;--shadow-sm:2px 2px 0 #0f3d5c1a;--shadow-md:4px 4px 0 #0f3d5c1f;--shadow-lg:7px 7px 0 #0f3d5c24;--container-width:1200px;--header-height:68px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.l-container{width:100%;max-width:var(--container-width);padding:0 var(--space-5);margin:0 auto}.l-main{min-height:60vh;padding-bottom:var(--space-8)}.l-section{padding:var(--space-7) 0}.l-section--tight{padding:var(--space-6) 0}.c-header{z-index:40;height:var(--header-height);background:var(--color-surface);border-bottom:3px solid var(--color-primary-light);position:sticky;top:0}.c-header__inner{max-width:var(--container-width);height:100%;padding:0 var(--space-5);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.c-logo{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex}.c-logo__img{flex-shrink:0;width:auto;height:26px;display:block}.c-logo__word{font-family:var(--font-accent);color:var(--color-accent-dark);letter-spacing:.02em;font-size:16px;font-weight:600}.c-nav{flex-shrink:0;display:none}.c-nav__list{align-items:center;gap:var(--space-1);display:flex}.c-nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);color:var(--color-muted);white-space:nowrap;align-items:center;font-size:14px;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.c-nav__link:hover{color:var(--color-primary);background:var(--color-primary-light)}.c-nav__link.is-active{color:var(--color-pop-coral-dark);background:var(--color-pop-coral-light);font-weight:700}.c-header__search{align-items:center;gap:var(--space-2);background:var(--color-muted-bg);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);min-width:140px;color:var(--color-muted);flex:0 240px;display:none}.c-header__search input{width:100%;color:var(--color-fg);background:0 0;border:none;outline:none;font-size:14px}.c-header__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.c-icon-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-muted);justify-content:center;align-items:center;transition:background-color .15s,color .15s,border-color .15s;display:flex;position:relative}.c-icon-btn:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light)}.c-icon-btn svg{width:20px;height:20px}.c-badge-dot{border-radius:var(--radius-full);background:var(--color-danger);color:#fff;border:2px solid var(--color-surface);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.c-avatar{border-radius:var(--radius-full);background:linear-gradient(145deg, var(--color-primary), var(--color-secondary));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border:2px solid #fff;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.c-avatar--sm{width:32px;height:32px;font-size:12px}.c-avatar--lg{width:64px;height:64px;font-size:20px}.c-menu-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:40px;height:40px;color:var(--color-fg);justify-content:center;align-items:center;display:flex}.c-menu-toggle svg{width:22px;height:22px}@media (min-width:1000px){.c-nav{display:block}.c-menu-toggle{display:none}}@media (min-width:1180px){.c-header__search{display:flex}}.c-drawer{z-index:50;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.c-drawer.is-open{visibility:visible;opacity:1}.c-drawer__backdrop{background:#0f172a80;position:absolute;inset:0}.c-drawer__panel{background:var(--color-surface);width:min(84vw,320px);box-shadow:var(--shadow-lg);padding:var(--space-5);transition:transform .2s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(24px)}.c-drawer.is-open .c-drawer__panel{transform:translate(0)}.c-drawer__head{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.c-drawer__link{padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);color:var(--color-fg);font-size:15px;font-weight:600;display:block}.c-drawer__link.is-active{color:var(--color-primary)}.c-drawer__link:hover{background:var(--color-muted-bg)}.c-bottom-nav{z-index:40;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-1) var(--space-2);padding-bottom:max(var(--space-1), env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.c-bottom-nav__item{padding:var(--space-2) 0;border-radius:var(--radius-sm);color:var(--color-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:44px;font-size:11px;font-weight:600;display:flex}.c-bottom-nav__item svg{width:22px;height:22px}.c-bottom-nav__item.is-active{color:var(--color-primary)}@media (min-width:1000px){.c-bottom-nav{display:none}}@media (max-width:999px){.l-main{padding-bottom:calc(64px + var(--space-6))}}.c-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:15px;font-weight:700;font-family:var(--font-accent);white-space:nowrap;border:1px solid #0000;min-height:44px;padding:11px 22px;transition:background-color .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.c-btn:active{transform:translateY(1px)}.c-btn svg{flex-shrink:0;width:18px;height:18px}.c-btn--primary{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary-dark);box-shadow:var(--shadow-md)}.c-btn--primary:hover{background:var(--color-primary);transform:translate(-2px,-2px);box-shadow:6px 6px #0f3d5c29}.c-btn--primary:active{transform:translate(1px,1px);box-shadow:1px 1px #0f3d5c29}.c-btn--accent{background:var(--color-pop-coral);color:#fff;border:2px solid var(--color-pop-coral-dark);box-shadow:4px 4px #c6522e38}.c-btn--accent:hover{background:#ff6640;transform:translate(-2px,-2px);box-shadow:6px 6px #c6522e42}.c-btn--outline{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary);border-width:2px}.c-btn--outline:hover{background:var(--color-primary-light)}.c-btn--ghost{color:var(--color-fg);border-color:var(--color-border);background:0 0}.c-btn--ghost:hover{background:var(--color-muted-bg)}.c-btn--danger{background:var(--color-danger);color:#fff}.c-btn--danger:hover{background:#b91c1c}.c-btn--sm{min-height:40px;padding:9px 16px;font-size:13px}.c-btn--block{width:100%}.c-btn:disabled{opacity:.5;cursor:not-allowed}.c-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.c-card--flush{padding:0;overflow:hidden}.c-card--interactive{transition:box-shadow .2s,border-color .2s,transform .2s}.c-card--interactive:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translate(-2px,-3px)}.c-tag{border-radius:var(--radius-full);background:var(--color-muted-bg);color:var(--color-muted);align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.c-tag--primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.c-tag--accent{background:var(--color-accent-light);color:var(--color-accent-dark)}.c-tag--coral{background:var(--color-pop-coral-light);color:var(--color-pop-coral-dark)}.c-tag--success{background:var(--color-success-bg);color:var(--color-success)}.c-tag--warning{background:var(--color-warning-bg);color:var(--color-warning)}.c-tag--danger{background:var(--color-danger-bg);color:var(--color-danger)}.c-field{margin-bottom:var(--space-4)}.c-field__label{margin-bottom:var(--space-2);font-size:14px;font-weight:700;display:block}.c-field__hint{color:var(--color-muted);margin-top:var(--space-1);font-size:13px;display:block}.c-field__error{color:var(--color-danger);margin-top:var(--space-1);font-size:13px;font-weight:600;display:none}.c-input,.c-textarea,.c-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-fg);padding:12px 14px;transition:border-color .15s,box-shadow .15s}.c-input:focus,.c-textarea:focus,.c-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.c-textarea{resize:vertical;min-height:120px}.c-field.is-invalid .c-input,.c-field.is-invalid .c-textarea{border-color:var(--color-danger)}.c-field.is-invalid .c-field__error{display:block}.c-checkbox{align-items:flex-start;gap:var(--space-2);font-size:14px;display:flex}.c-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0;margin-top:3px}.c-upload{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-muted);transition:border-color .15s,background-color .15s}.c-upload.is-dragover{border-color:var(--color-primary);background:var(--color-primary-light)}.c-upload svg{width:36px;height:36px;margin:0 auto var(--space-3);color:var(--color-primary)}.c-progress{border-radius:var(--radius-full);background:var(--color-muted-bg);height:8px;overflow:hidden}.c-progress__bar{background:linear-gradient(90deg, var(--color-primary), var(--color-pop-coral));border-radius:var(--radius-full);height:100%;transition:width .4s}.c-progress__bar--accent{background:var(--color-accent)}.c-ring{--pct:0;background:conic-gradient(var(--color-pop-coral) calc(var(--pct) * 1%), var(--color-muted-bg) 0);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.c-ring__inner{background:var(--color-surface);width:92px;height:92px;box-shadow:inset 0 0 0 2px var(--color-border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.c-ring__num{color:var(--color-primary);font-size:22px;font-weight:800;line-height:1}.c-ring__label{color:var(--color-muted);margin-top:2px;font-size:11px}.c-tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}@media (max-width:767px){.c-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}}.c-tabs__btn{padding:var(--space-3) var(--space-4);color:var(--color-muted);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;border-radius:0;font-size:14px;font-weight:700}.c-tabs__btn.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.c-tabpanel{padding-top:var(--space-5)}.c-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.c-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.c-table th,.c-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.c-table th{background:var(--color-bg);color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.c-table tr:last-child td{border-bottom:none}.c-toast{bottom:var(--space-6);background:var(--color-fg);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:70;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;transition:transform .25s;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(120%)}.c-toast.is-visible{transform:translate(-50%)translateY(0)}@media (max-width:999px){.c-toast{bottom:calc(64px + var(--space-4))}}.u-grid{gap:var(--space-5);display:grid}.u-grid>*{min-width:0}.u-grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.u-grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.u-grid--4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.u-flex{display:flex}.u-flex--between{justify-content:space-between;align-items:center;display:flex}.u-flex--gap2{align-items:center;gap:var(--space-2);display:flex}.u-flex--gap3{align-items:center;gap:var(--space-3);display:flex}.u-flex--wrap{flex-wrap:wrap}.u-muted{color:var(--color-muted)}.u-center{text-align:center}.u-mt-6{margin-top:var(--space-6)}.u-mb-5{margin-bottom:var(--space-5)}.u-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-skip-link{background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-4);z-index:100;border-radius:var(--radius-sm);position:absolute;top:0;left:-9999px}.u-skip-link:focus{left:var(--space-4);top:var(--space-4)}.c-eyebrow{font-family:var(--font-accent);letter-spacing:.04em;color:var(--color-primary-dark);background:var(--color-brand-gold);border-radius:var(--radius-full);border:2px solid var(--color-primary-dark);box-shadow:var(--shadow-sm);padding:5px 16px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.c-h1{font-family:var(--font-accent);letter-spacing:0;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.3}.c-h2{font-family:var(--font-accent);font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.35}.c-h3{font-size:18px;font-weight:700}.c-lead{color:var(--color-muted);font-size:17px}.c-authshell{grid-template-columns:1fr;min-height:100vh;display:grid}@media (min-width:960px){.c-authshell{grid-template-columns:1.05fr .95fr}}.c-authshell__brand{padding:var(--space-8);color:#fff;background:radial-gradient(circle at 12% 18%, #ff7a5952 0%, transparent 42%), radial-gradient(circle at 88% 82%, #f0c04847 0%, transparent 46%), linear-gradient(160deg, var(--color-primary) 0%, var(--color-primary-dark) 70%, #0a3552 100%);display:none;position:relative;overflow:visible}@media (min-width:960px){.c-authshell__brand{flex-direction:column;justify-content:space-between;display:flex}}.c-authshell__form{padding:var(--space-6);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.c-page-hero{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex;position:relative}.c-page-hero__body{flex:420px;min-width:0}.c-page-hero__illust{border-radius:var(--radius-full);background:radial-gradient(circle at 28% 24%, var(--color-brand-gold) 0%, transparent 42%), radial-gradient(circle at 74% 76%, var(--color-pop-coral-light) 0%, transparent 48%), radial-gradient(circle at 50% 50%, var(--color-primary-light) 0%, transparent 62%);width:220px;height:220px;box-shadow:0 0 0 4px #fff, var(--shadow-lg);flex:none;justify-content:center;align-items:center;display:none}.c-page-hero__illust img{object-fit:contain;width:auto;max-width:88%;max-height:88%}@media (min-width:720px){.c-page-hero__illust{display:flex}}@media (min-width:1100px){.c-page-hero__illust{width:260px;height:260px}}.c-hero-illust-frame{border-radius:var(--radius-lg);border:3px solid var(--color-brand-gold);box-shadow:var(--shadow-lg);padding:var(--space-5);background:#ffffffeb;justify-content:center;align-items:center;max-width:260px;display:flex;transform:rotate(-2deg)}.c-hero-illust-frame img{width:100%;height:auto;display:block}.c-sticker{pointer-events:none;z-index:2;filter:drop-shadow(3px 3px #0f3d5c24);width:64px;height:64px;transform:rotate(var(--rot,0deg));position:absolute}.c-sticker img{object-fit:contain;width:100%;height:100%;display:block}.c-sticker--sm{width:44px;height:44px}.c-sticker--lg{width:84px;height:84px}.c-sticker--rotate-left{--rot:-12deg}.c-sticker--rotate-right{--rot:10deg}@media (prefers-reduced-motion:no-preference){.c-sticker{animation:4.5s ease-in-out infinite pop-sticker-float}.c-sticker--delay{animation-delay:1.4s}}@keyframes pop-sticker-float{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-8px) rotate(var(--rot,0deg))}}@media (max-width:719px){.c-sticker{display:none}}.c-empty-illust__icon{width:68px;height:auto;margin:0 auto var(--space-2);display:block}.c-card-icon{width:52px;height:52px;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-light);box-shadow:var(--shadow-sm);border:2px solid #0f3d5c1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.c-card-icon img{object-fit:contain;width:68%;height:68%;display:block}.c-card-icon--coral{background:var(--color-pop-coral-light)}.c-card-icon--gold{background:#fff3d6}.c-list-illust-icon{object-fit:contain;width:68%;height:68%}.c-footer{background:var(--color-header-tint);color:var(--color-fg);padding:var(--space-7) 0 var(--space-5)}.c-footer__grid{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.c-footer__heading{color:var(--color-fg);margin-bottom:var(--space-3);font-size:14px;font-weight:700}.c-footer__link{color:var(--color-muted);padding:4px 0;font-size:14px;display:block}.c-footer__link:hover{color:var(--color-primary)}.c-footer__bottom{padding-top:var(--space-5);color:var(--color-muted);justify-content:space-between;gap:var(--space-3);border-top:1px solid #33325a24;flex-wrap:wrap;font-size:13px;display:flex}@media (max-width:767px){.u-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.l-container{padding:0 var(--space-4)}}