body { margin: 0; background: #f7f8fb; color: #30334d; font-family: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif; }
.nickname-page { width: min(1000px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 72px; }
.back-link { color: #5264c7; text-decoration: none; }
h1 { margin: 28px 0 6px; text-align: center; font-size: 30px; }
.page-lead { margin: 0 0 28px; text-align: center; color: #697086; }
.nickname-table-wrap { overflow-x: auto; border: 1px solid #e0e4ee; border-radius: 14px; background: #fff; box-shadow: 0 4px 18px rgba(42,52,90,.06); }
.nickname-table { width: 100%; border-collapse: collapse; }
.nickname-table th, .nickname-table td { padding: 15px 18px; border-bottom: 1px solid #e8ebf2; text-align: left; vertical-align: top; line-height: 1.65; }
.nickname-table thead th { background: #eef1ff; color: #3e4b95; white-space: nowrap; }
.nickname-table tbody th { width: 22%; color: #343b68; }
.nickname-table tbody td:nth-child(2) { width: 25%; font-weight: 700; color: #5967c8; }
.nickname-table tr:last-child > * { border-bottom: 0; }
@media (max-width: 640px) { .nickname-page { width: min(100% - 20px, 1000px); padding-top: 20px; } .nickname-table th, .nickname-table td { padding: 12px 10px; min-width: 110px; } h1 { font-size: 25px; } }