body.hubp-doc{margin:0;background:#f4f7fb;color:#1f2937;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;line-height:1.75}.hubp-main{max-width:960px;margin:0 auto;padding:8px 16px 56px}.hubp--cc{--hub-ac:#d97757;--hub-ac-soft:rgba(217,119,87,.12)}.hubp--can{--hub-ac:#0891b2;--hub-ac-soft:rgba(8,145,178,.12)}.hubp--world{--hub-ac:#2563eb;--hub-ac-soft:rgba(37,99,235,.12)}.hubp--news{--hub-ac:#dc2626;--hub-ac-soft:rgba(220,38,38,.1)}.hubp--web{--hub-ac:#059669;--hub-ac-soft:rgba(5,150,105,.12)}.hubp--music{--hub-ac:#7c3aed;--hub-ac-soft:rgba(124,58,237,.12)}.hubp--image{--hub-ac:#db2777;--hub-ac-soft:rgba(219,39,119,.1)}.hubp--app{--hub-ac:#ea580c;--hub-ac-soft:rgba(234,88,12,.12)}.hubp-doc{--hub-ac:#0f4c81;--hub-ac-soft:rgba(15,76,129,.1)}.hubp-hero{margin:18px 0 26px;padding:30px 26px 26px;border-radius:18px;background:linear-gradient(135deg,#0b1220,#16294a);color:#eef4fc;position:relative;overflow:hidden}.hubp-hero:after{content:"";position:absolute;inset:0 0 auto auto;width:220px;height:220px;background:radial-gradient(circle at 80% 20%,var(--hub-ac-soft),transparent 65%);pointer-events:none}.hubp-hero__kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;color:#fff;background:var(--hub-ac);border-radius:999px;padding:3px 12px}.hubp-hero__title{margin:12px 0 8px;font-size:30px;font-weight:900;line-height:1.3;text-wrap:balance}.hubp-hero__desc{margin:0 0 10px;font-size:15px;color:#c2cfe2;max-width:640px}.hubp-hero__meta{margin:0;font-size:12.5px;color:#8fa4c4}.hubp-h2{margin:34px 0 14px;font-size:20px;font-weight:900;color:#12233f;border-left:5px solid var(--hub-ac);padding-left:12px;text-wrap:balance}.hubp-start{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hubp-start__card{display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;background:#fff;border:1px solid #dbe4f0;border-top:4px solid var(--hub-ac);border-radius:14px;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(15,34,63,.06);transition:transform .18s ease,box-shadow .18s ease}.hubp-start__card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(15,34,63,.12)}.hubp-start__no{font-size:11px;font-weight:900;color:var(--hub-ac);letter-spacing:.1em}.hubp-start__t{font-size:15px;font-weight:700;color:#12233f}.hubp-start__d{font-size:12.5px;color:#5b6b80}.hubp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.hubp-item{background:#fff;border:1px solid #dbe4f0;border-radius:12px;padding:12px 16px}.hubp-item__main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;text-decoration:none;color:inherit}.hubp-item__t{font-size:15px;font-weight:700;color:#12233f}.hubp-item__main:hover .hubp-item__t{color:var(--hub-ac);text-decoration:underline}.hubp-item__date{font-size:11.5px;color:#8a97a8;margin-left:auto;white-space:nowrap}.hubp-item__d{margin:4px 0 0;font-size:12.5px;color:#5b6b80}.hubp-item__parts{margin:8px 0 0;display:flex;gap:8px;flex-wrap:wrap}.hubp-item__part{font-size:12px;font-weight:700;text-decoration:none;color:var(--hub-ac);background:var(--hub-ac-soft);border-radius:999px;padding:6px 13px}.hubp-item__part:hover{filter:brightness(.9);text-decoration:underline}.hubp-item--series{border-left:4px solid var(--hub-ac)}.hubp-others{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.hubp-others__chip{font-size:13px;font-weight:700;text-decoration:none;color:#33465e;background:#fff;border:1px solid #ccd8e8;border-radius:999px;padding:7px 14px;transition:border-color .15s ease,color .15s ease}.hubp-others__chip:hover{border-color:var(--hub-ac);color:var(--hub-ac)}.mgs-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mgs-book{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 14px 14px;border-radius:12px 16px 16px 12px;text-decoration:none;color:#f8f5ec;background:linear-gradient(160deg,#253a5c,#17263f 90%);border-left:7px solid var(--mgs-spine,#d9a441);box-shadow:0 4px 12px rgba(10,20,40,.25);transition:transform .18s ease,box-shadow .18s ease;min-height:168px}.mgs-book:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 10px 24px rgba(10,20,40,.35)}.mgs-book__vol{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--mgs-spine,#d9a441)}.mgs-book__ic{font-size:30px;line-height:1}.mgs-book__t{font-size:14.5px;font-weight:700;line-height:1.45}.mgs-book__d{font-size:11.5px;color:#b9c6da;margin-top:auto}.mgs-book--1{--mgs-spine:#f59e0b}.mgs-book--2{--mgs-spine:#22d3ee}.mgs-book--3{--mgs-spine:#f472b6}.mgs-book--4{--mgs-spine:#a78bfa}.mgs-book--5{--mgs-spine:#34d399}.mgs-book--6{--mgs-spine:#60a5fa}.mgs-book--7{--mgs-spine:#fbbf24}.mgs-book--8{--mgs-spine:#fb7185}.mgs-note{margin:26px 0 0;padding:14px 18px;background:#fff;border:1px dashed #c7d3e4;border-radius:12px;font-size:13.5px;color:#43566e}.mgs-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.mgs-tools a{font-size:13px;font-weight:700;color:#0f4c81;text-decoration:none;background:#e8f1fa;border:1px solid #bcd4ea;border-radius:999px;padding:7px 14px}.mgs-tools a:hover{background:#d9e9f8}.srch-box{margin:6px 0 18px}.srch-input{width:100%;box-sizing:border-box;font:inherit;font-size:17px;padding:14px 18px;border:2px solid #b9c9dd;border-radius:14px;background:#fff;color:#1f2937;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.srch-input:focus{border-color:#0f4c81;box-shadow:0 0 0 3px rgba(15,76,129,.15)}.srch-hint{margin:8px 2px 0;font-size:12.5px;color:#7a8aa0}.srch-cats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.srch-cat{appearance:none;font:inherit;font-size:12.5px;font-weight:700;color:#33465e;background:#fff;border:1px solid #ccd8e8;border-radius:999px;padding:7px 14px;cursor:pointer}.srch-cat[aria-pressed=true]{color:#fff;background:#0f4c81;border-color:#0f4c81}.srch-count{font-size:13px;color:#5b6b80;margin:14px 2px 6px}.srch-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.srch-item{background:#fff;border:1px solid #dbe4f0;border-radius:12px}.srch-item__link{display:block;padding:13px 16px;text-decoration:none;color:inherit}.srch-item__cat{font-size:11px;font-weight:900;letter-spacing:.06em;color:#0f4c81}.srch-item__t{display:block;font-size:15.5px;font-weight:700;color:#12233f;margin-top:2px}.srch-item__link:hover .srch-item__t{text-decoration:underline;color:#0f4c81}.srch-item__d{display:block;font-size:12.5px;color:#5b6b80;margin-top:3px}.srch-item__d mark,.srch-item__t mark{background:#fde68a;color:inherit;border-radius:3px;padding:0 1px}.srch-empty{padding:26px 18px;text-align:center;color:#5b6b80;background:#fff;border:1px dashed #c7d3e4;border-radius:12px;font-size:14px}@media (max-width:820px){.mgs-shelf{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.hubp-hero{padding:24px 18px 22px}.hubp-hero__title{font-size:24px}.hubp-start{grid-template-columns:1fr}.hubp-item__date{margin-left:0;width:100%}}@media (max-width:480px){.mgs-shelf{grid-template-columns:1fr}}