@font-face{src:url(/fonts/Futura.woff) format("woff");font-family:Futura;font-weight:500;font-style:normal;font-display:swap}@font-face{src:url(/fonts/ZenKakuGothicAntiqueRegular.woff2) format("woff2");font-family:Zen Kaku Gothic Antique;font-weight:400;font-style:normal;font-display:swap}@font-face{src:url(/fonts/ZenKakuGothicAntiqueBold.woff2) format("woff2");font-family:Zen Kaku Gothic Antique;font-weight:700;font-style:normal;font-display:swap}@font-face{src:url(/fonts/NotoSansJP-Light.ttf) format("truetype");font-family:Noto Sans JP;font-weight:300}@font-face{src:url(/fonts/NotoSansJP-Regular.ttf) format("truetype");font-family:Noto Sans JP;font-weight:400}@font-face{src:url(/fonts/NotoSansJP-Medium.ttf) format("truetype");font-family:Noto Sans JP;font-weight:500}:root{--color: #3e3a3980;--bg: #ffffff;--mypage-header: #595757;--mypage-text: #615f5f;--primary: #595757;--warning: #ff3333;--rank-basic: #1f7c8a;--rank-silver: #aaabab;--rank-gold: #d0a13a;--gray-08: rgba(0, 0, 0, .08)}@media screen and (max-width: 768px){:root{--my-page-date: 10px;--my-page-label: 12px;--my-page-number: 12px;--my-page-rank: 16px;--my-page-name: 20px;--text-secondary: 14px;--text-primary: 16px;--text-header: 20px;--text-mypage-header: 20px;--logo-size: 32px;--header-height: 60px;--main-horizontal: 8px;--inner-gap-second: 24px;--inner-gap: 40px;--main-vertical: 40px}}@media screen and (min-width: 769px){:root{--my-page-date: 12px;--my-page-label: 16px;--my-page-number: 16px;--my-page-rank: 20px;--my-page-name: 24px;--text-secondary: 16px;--text-primary: 20px;--text-header: 24px;--text-mypage-header: 40px;--logo-size: 32px;--header-height: 60px;--inner-gap-second: 32px;--main-horizontal: 40px;--inner-gap: 80px;--main-vertical: 80px}}:root{--min-width: 288px}