@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.user-menu-wrapper{position:fixed;top:0;left:0;z-index:var(--z-over-wrap);width:100vw;height:100dvh;overflow:hidden;visibility:hidden;opacity:0;transition:.2s}.user-menu-wrapper.open{visibility:visible;opacity:1}.user-menu-wrapper .user-menu-overlay{width:100%;height:100%;cursor:default;background:transparent;transition:.2s}@media screen and (max-width: 767px){.user-menu-wrapper .user-menu-overlay{background:#000c;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}}.user-menu-position-wrapper{position:fixed;top:6rem;left:50%;z-index:1;width:100%;margin:0 auto;transform:translate(-50%)}@media screen and (min-width: 1800px){.user-menu-position-wrapper{max-width:100%}}@media screen and (max-width: 767px){.user-menu-position-wrapper{top:0}}.user-menu{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:20%;min-width:20rem;max-height:70dvh;padding:2rem;overflow-y:auto;background:var(--bg-secondary);border-radius:.5rem;box-shadow:0 0 .5rem #ffffff80;transition:.2s}@media screen and (max-width: 767px){.user-menu{top:0;right:0;left:unset;height:100dvh;max-height:100dvh;overflow-y:auto;border:none;border-radius:0}}.user-menu .user-datum{display:none;gap:.5rem;align-items:center;padding:1rem;border-bottom:1px solid var(--txt-color)}@media screen and (max-width: 767px){.user-menu .user-datum{display:flex}}.user-menu .user-datum .icon{width:2.5rem;overflow:hidden;border-radius:50%}.user-menu .user-datum .name{font-size:1rem}.user-menu .list-head{display:flex;gap:.5rem;align-items:center;padding:0}.user-menu .list-head .icon{flex-shrink:0;width:2rem;aspect-ratio:1/1;-webkit-user-select:none;user-select:none}.user-menu .list-head .icon>img{width:100%;height:100%;-webkit-user-select:none;user-select:none;object-fit:contain}.user-menu .list-head .label{font-size:1.2rem;font-weight:700;font-feature-settings:"palt";color:#fff;-webkit-user-select:none;user-select:none}.user-menu .list{display:flex;flex-direction:column;padding:0;margin-top:1rem}.user-menu .list .bar{width:100%;height:.1rem;margin:1rem 0;background:var(--black-line)}.user-menu .list>li{color:var(--txt-color)}.user-menu .list>li>a,.user-menu .list>li>button{display:flex;gap:.5rem;align-items:center;width:100%;padding:.5rem 1rem;font-size:1rem;text-align:left;transition:.2s}.user-menu .list>li>a:hover,.user-menu .list>li>button:hover{background:var(--bage-dark)}.user-menu .list>li>a .count,.user-menu .list>li>button .count{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;aspect-ratio:1/1;font-size:.8rem;font-weight:700;font-feature-settings:"palt";color:var(--bg-primary);text-align:center;letter-spacing:-.01rem;background:var(--yellow-normal);border-radius:50%}.user-menu .list+.list{border-top:.1rem solid var(--txt-color)}