@charset "UTF-8";.account-setting .modal-body{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;width:90%;max-width:767px;max-height:90dvh;padding:4rem 2rem;overflow:hidden;background:var(--bg-primary);background:var(--bg-secondary);border-radius:.5rem;box-shadow:0 0 .5rem #ffffff80;transform:translate(-50%,-50%)}@media screen and (min-width: 1800px){.account-setting .modal-body{max-width:50%}}@media screen and (max-width: 767px){.account-setting .modal-body{padding:2rem}}.account-setting .modal-body .inner{width:100%;height:100%;padding:0 2rem;overflow-y:auto}@media screen and (max-width: 767px){.account-setting .modal-body .inner{padding:0}}.account-setting .step{position:relative;display:flex;flex-direction:column;gap:1rem;align-items:center}.account-setting .step .logo{width:30%}.account-setting .step .logo>img{width:100%}.account-setting .step .back{position:absolute;top:.5rem;left:1rem;width:1.3rem;aspect-ratio:1/1;cursor:pointer;background:transparent url(/images/shared/icon/arrowLeftWhite.svg) no-repeat center/contain}@media screen and (max-width: 767px){.account-setting .step .back{left:0;width:1rem}}.account-setting .step .lead-ttl{font-size:1.4rem;font-weight:700;font-feature-settings:"palt";color:#fff}@media screen and (max-width: 767px){.account-setting .step .lead-ttl{font-size:1.6rem}}.account-setting .step .lead-txt{font-size:1rem;font-feature-settings:"palt";color:#fff}.account-setting .step1 .selector{display:flex;flex-direction:column;gap:1rem}.account-setting .step1 .selector .select{width:100%;padding:.8rem 1rem;border:.1rem solid var(--black-line);border-radius:.3rem;transition:.2s}.account-setting .step1 .selector .select:hover{border-color:var(--yellow-normal)}.account-setting .step1 .selector .select.selected{background:var(--yellow-weak);border-color:var(--yellow-normal)}.account-setting .step1 .selector .select.selected .select-flex .check-box{background:var(--yellow-normal) url(/images/shared/icon/checkBlack.svg) no-repeat center/60%;border-color:var(--yellow-normal)}.account-setting .step1 .selector .select .image{width:15%;max-width:8rem;aspect-ratio:1/1;margin:0 auto}@media screen and (max-width: 767px){.account-setting .step1 .selector .select .image{width:20%}}.account-setting .step1 .selector .select .image>img{width:100%;height:100%;object-fit:contain}.account-setting .step1 .selector .select .select-flex{display:flex;gap:1rem;margin-top:1rem}.account-setting .step1 .selector .select .select-flex .check-box{flex-shrink:0;align-self:flex-start;width:2rem;aspect-ratio:1/1;background-color:var(--bg-primary);border:.2rem solid var(--black-line);border-radius:50%}@media screen and (max-width: 767px){.account-setting .step1 .selector .select .select-flex .check-box{width:1.7rem}}.account-setting .step1 .selector .select .select-flex .box{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.account-setting .step1 .selector .select .select-flex .box .check-txt{font-size:1.5rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:left}@media screen and (max-width: 767px){.account-setting .step1 .selector .select .select-flex .box .check-txt{font-size:1.2rem}}.account-setting .step1 .selector .select .select-flex .box .desc{font-size:.8rem;font-feature-settings:"palt";line-height:1.7;color:var(--text-secondary);text-align:left}.account-setting .step3 .logo{width:30%;margin-bottom:2rem}.account-setting .step3 .logo>img{width:100%}.account-setting .step3 .lead-ttl{margin-bottom:1rem;font-size:2rem;font-weight:700;color:var(--yellow-normal);text-align:center}.account-setting .step3 .sub-ttl{margin-bottom:2rem;font-size:1.2rem;color:#fff;text-align:center}.account-setting .step3 .badge-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:3rem 0}.account-setting .step3 .badge-preview .user-icon{position:relative;z-index:2;width:80px;height:80px;overflow:hidden;border-radius:50%}.account-setting .step3 .badge-preview .user-icon img{width:100%;height:100%;object-fit:cover}.account-setting .step3 .badge-preview .badge-image{position:absolute;top:50%;left:50%;z-index:1;width:200px;height:200px;transform:translate(-50%,-50%)}.account-setting .step3 .badge-preview .badge-image img{width:100%;height:100%;object-fit:contain}.account-setting .step3 .feature-ttl{margin:2rem 0;font-size:1.4rem;font-weight:700;color:#fff;text-align:center}.account-setting .step3 .buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto}.account-setting .step3 .buttons .primary-button{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;color:#000;text-align:center;background:var(--yellow-normal);border-radius:.5rem;transition:.2s}.account-setting .step3 .buttons .primary-button:hover{background:var(--yellow-dark)}.account-setting .step3 .buttons .secondary-button{width:100%;padding:1rem;font-size:1.2rem;font-weight:700;color:#fff;text-align:center;background:transparent;border:2px solid #fff;border-radius:.5rem;transition:.2s}.account-setting .step3 .buttons .secondary-button:hover{background:#ffffff1a}.account-setting .step3 .highlight-badge{padding:1rem;margin:2rem 0;font-size:1.25rem;color:#fff;text-align:center;background:#ffffff4d;border-radius:8px;box-shadow:0 2px 10px #0000001a}.account-setting .step3 .badge-sparkle{display:inline-block;margin:0 .5rem}.account-setting .step3 .lead-txt{font-size:1rem;line-height:1.6;color:#fff;text-align:center}.account-setting .step3 .lead-txt.txt-center{text-align:center}.account-setting .step3 .product-preview{width:100%;margin:2rem 0}.account-setting .step3 .product-preview .product-row{display:flex;flex-direction:row;gap:2rem;justify-content:center;width:100%}.account-setting .step3 .product-preview .product-item{width:45%}.account-setting .step3 .product-preview .product-item .product-title{margin-bottom:1rem;font-size:1.2rem;font-weight:700;color:#fff;text-align:center}.account-setting .step3 .product-preview .product-item .product-title .note{font-size:.8rem;color:var(--yellow-normal)}.account-setting .step3 .product-preview .product-item .product-flow{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;width:100%}.account-setting .step3 .product-preview .product-item .product-flow .original-img{width:70px;height:70px;object-fit:cover;border-radius:50%}.account-setting .step3 .product-preview .product-item .product-flow .arrow-img{width:30px;height:30px;color:var(--yellow-normal)}.account-setting .step3 .product-preview .product-item .product-flow .product-preview-box{display:flex;flex-direction:column;gap:.5rem;align-items:center}.account-setting .step3 .product-preview .product-item .product-flow .product-preview-box .product-img{object-fit:contain}.account-setting .step3 .product-preview .product-item .product-flow .product-preview-box .product-label{font-size:.9rem;color:#fff}.account-setting .step3 .upload-area{width:80%;max-width:400px;margin:2rem auto 0}.account-setting .step3 .upload-area .upload-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2rem 1rem;cursor:pointer;background-color:#ffffff0d;border:2px dashed var(--gray-light);border-radius:.5rem;transition:all .3s ease}.account-setting .step3 .upload-area .upload-box:hover{background-color:#ffffff1a;border-color:var(--yellow-normal)}.account-setting .step3 .upload-area .upload-box .upload-icon{width:40px;height:40px;margin-bottom:1rem;color:var(--gray-light)}.account-setting .step3 .upload-area .upload-box .upload-icon img{width:100%;height:100%;object-fit:contain}.account-setting .step3 .upload-area .upload-box .upload-text{margin-bottom:1rem;font-size:.9rem;color:var(--gray-light);text-align:center}.account-setting .step3 .upload-area .upload-box .file-input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.account-setting .step3 .upload-area .upload-box .upload-button{padding:.5rem 1.5rem;font-size:.9rem;color:#fff;cursor:pointer;background-color:var(--bg-secondary);border:none;border-radius:.3rem;transition:all .3s ease}.account-setting .step3 .upload-area .upload-box .upload-button:hover{background-color:var(--yellow-normal)}.gnav{position:sticky;top:0;z-index:var(--z-over-wrap);display:flex;align-items:center;justify-content:space-between;height:5rem;background-color:var(--bg-secondary);transition:.2s}.gnav .left,.gnav .right{display:flex;align-items:center}.gnav .left{gap:1rem}.gnav .left .logo{width:auto;height:4rem;padding:.5rem 1rem}.gnav .right .box{display:flex;gap:1rem;margin-right:1rem}.gnav .right .box.un-loggedin>button{font-size:1rem;font-feature-settings:"palt"}.gnav .right .box.un-loggedin>button:hover{text-decoration:underline}.gnav .right .box.loggedin{position:relative;display:flex;gap:2.5rem;align-items:center}.gnav .right .box.loggedin .user{display:flex;flex-shrink:0;gap:.5rem;align-items:center;-webkit-user-select:none;user-select:none;transition:.2s}.gnav .right .box.loggedin .user:hover{opacity:.8}@media screen and (max-width: 767px){.gnav .right .box.loggedin .user{display:none}}.gnav .right .box.loggedin .user .icon{width:2.5rem;aspect-ratio:1/1;overflow:hidden;border-radius:50%}.gnav .right .box.loggedin .user .icon>img{width:100%;height:100%;object-fit:cover}.gnav .right .box.loggedin .user .name{font-size:1rem;font-feature-settings:"palt"}.gnav .right .box.loggedin .user .toggle-icon{width:.8rem;aspect-ratio:1/1;background:no-repeat center/contain;background-image:url(/images/shared/icon/arrowDownWhite.svg);transition:.5s}.gnav .right .box.loggedin .user .toggle-icon.open{transform:rotate(540deg)}.gnav .right .box.loggedin .navigation-icons{display:flex;gap:3.5rem;align-items:center}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons{gap:2.5rem}}.gnav .right .box.loggedin .navigation-icons>a,.gnav .right .box.loggedin .navigation-icons>button{display:flex;flex-direction:column;gap:.3rem;align-items:center;justify-content:center;width:1.5rem;aspect-ratio:1/1;-webkit-user-select:none;user-select:none;transition:.2s}.gnav .right .box.loggedin .navigation-icons>a .icon,.gnav .right .box.loggedin .navigation-icons>button .icon{position:relative;flex-shrink:0;width:100%}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons>a .icon,.gnav .right .box.loggedin .navigation-icons>button .icon{width:80%}}.gnav .right .box.loggedin .navigation-icons>a .icon>img,.gnav .right .box.loggedin .navigation-icons>button .icon>img{width:100%}.gnav .right .box.loggedin .navigation-icons>a .icon .number-tip,.gnav .right .box.loggedin .navigation-icons>button .icon .number-tip{position:absolute;right:-1rem;bottom:-.5rem;display:flex;align-items:center;justify-content:center;width:2rem;padding:.1rem .3rem;overflow:hidden;font-size:.8rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;background-color:var(--red-dark);border-radius:var(--radius-full);transform:scale(.6);text-box:trim-both cap alphabetic}.gnav .right .box.loggedin .navigation-icons>a .label,.gnav .right .box.loggedin .navigation-icons>button .label{font-size:.7rem;font-weight:700;font-feature-settings:"palt";color:#fff;text-align:center;letter-spacing:-.0001rem;white-space:nowrap}.gnav .right .box.loggedin .navigation-icons>a:hover,.gnav .right .box.loggedin .navigation-icons>button:hover{opacity:.8}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons>a,.gnav .right .box.loggedin .navigation-icons>button{width:2rem}}.gnav .right .box.loggedin .navigation-icons .user-icon{-webkit-user-select:none;user-select:none}@media screen and (max-width: 767px){.gnav .right .box.loggedin .navigation-icons .user-icon{width:3rem}}.gnav .bottom-pop{position:fixed;right:2rem;bottom:2rem;display:flex;align-items:center;justify-content:flex-end;max-width:20rem;transition:.2s}@media screen and (max-width: 767px){.gnav .bottom-pop{right:1rem;bottom:1rem}}.gnav .bottom-pop .daily-gacha{width:10rem;aspect-ratio:1/1;filter:drop-shadow(0 0 .3rem rgba(0,0,0,.8));transition:.2s}.gnav .bottom-pop .daily-gacha>img{width:100%;height:100%;object-fit:contain}.gnav .bottom-pop .daily-gacha:hover{transform:scale(1.05)}@media screen and (max-width: 767px){.gnav .bottom-pop .daily-gacha:hover{transform:scale(1)}}.gnav .bottom-pop .daily-gacha.not-yet{animation:awake 5s infinite}.gnav .create-item-button{position:fixed;top:6rem;right:0;display:flex;gap:.5rem;align-items:center;padding:.5rem 2rem .5rem 1rem;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-right:none;border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full);box-shadow:0 0 .3rem #96690000;transition:.2s}.gnav .create-item-button.bottom{top:unset;bottom:1rem}.gnav .create-item-button.dsp-none{display:none}@media screen and (max-width: 767px){.gnav .create-item-button{padding:1rem 2rem 1rem 1rem}}.gnav .create-item-button:hover{padding-right:2.5rem;background-color:var(--bg-primary);box-shadow:0 0 .5rem #966900}@media screen and (max-width: 767px){.gnav .create-item-button:hover{padding:1rem 2rem 1rem 1rem;background-color:var(--bg-secondary);box-shadow:0 0 .3rem #96690000}}.gnav .create-item-button .icon{width:1.5rem;aspect-ratio:1/1}.gnav .create-item-button .icon>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 .5rem rgb(150,105,0))}.gnav .create-item-button .txt{font-size:1rem;font-weight:700;font-feature-settings:"palt";text-shadow:0 0 .3rem rgba(150,105,0,.8)}.gnav:has(+.gnav-none-flag){position:fixed;top:-6rem;width:100%}.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)}.gnav .search-box{display:flex;flex-shrink:0;align-items:center;width:30vw;max-width:30rem;height:2.5rem;overflow:hidden;border:1px solid var(--black-line);border-radius:.5rem;transition:.2s}@media screen and (max-width: 767px){.gnav .search-box{position:fixed;top:0;left:0;z-index:var(--z-over-wrap);flex-direction:column;align-items:flex-start;width:100%;max-width:100%;height:100%;padding:1rem;visibility:hidden;background:#00000080;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:0;opacity:0}}.gnav .search-box.open{visibility:visible;opacity:1}.gnav .search-box .search-label{display:flex;align-items:center;width:90%;height:100%;padding-left:.5rem;background:var(--bg-primary)}.gnav .search-box .search-label:before{width:1rem;aspect-ratio:1/1;content:"";background:url(/images/shared/icon/searchBage.svg) no-repeat center/contain}@media screen and (max-width: 767px){.gnav .search-box .search-label{width:100%;height:auto;border-bottom:1px solid var(--bage-normal)}}.gnav .search-box .search-label .search-input{width:100%;height:100%;padding:.5rem;font-size:.8rem;color:var(--bage-normal);background:var(--bg-primary)}.gnav .search-box .search-label .search-input::placeholder{color:var(--bage-normal)}@media screen and (max-width: 767px){.gnav .search-box .search-label .search-input{width:100%;height:auto;font-size:1rem}}.gnav .search-box .filter-button{display:flex;align-items:center;align-self:center;justify-content:center;width:10%;padding:.8rem .5rem;transition:.2s}@media screen and (max-width: 767px){.gnav .search-box .filter-button{gap:.3rem;align-self:flex-start;width:auto;padding:.5rem;margin-top:2rem;background:var(--black-line);border:1px solid var(--bage-normal);border-radius:.3rem}}.gnav .search-box .filter-button .label{font-size:1rem;color:var(--bage-normal)}.gnav .search-box .filter-button>img{width:80%}@media screen and (max-width: 767px){.gnav .search-box .filter-button>img{width:auto;height:1.5rem}}.gnav .search-box .filter-button:hover{opacity:.8}.gnav .search-box .close{margin-left:auto}.email-verified{position:fixed;right:2rem;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;max-width:40%;padding:1rem;background:var(--bg-secondary);border-radius:.3rem;box-shadow:0 0 1rem #ffffff80;transition:.2s}@media screen and (max-width: 767px){.email-verified{right:0;bottom:0;width:100%;max-width:100%}}.email-verified.close{visibility:hidden;opacity:0}.email-verified .close-button{position:absolute;top:.5rem;right:.5rem;width:1rem;aspect-ratio:1/1;cursor:pointer;transition:.2s}@media screen and (max-width: 767px){.email-verified .close-button{width:1.5rem}}.email-verified .close-button:hover{opacity:.6}.email-verified .close-button>img{width:100%;height:100%;object-fit:contain}.email-verified .lead,.email-verified .txt,.email-verified .txt-button{font-feature-settings:"palt";text-align:center;word-break:auto-phrase}.email-verified .lead{font-size:1rem;font-weight:700;color:var(--yellow-normal)}.email-verified .txt{font-size:.8rem;color:#fff}.email-verified .txt-button{display:inline-block;flex-shrink:0;align-self:center;width:auto;font-size:.8rem;text-decoration:underline;transition:.2s}.email-verified .txt-button:hover{opacity:.6}: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)}.footer{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;padding:2rem 3rem;background:var(--bg-secondary)}@media screen and (max-width: 767px){.footer{flex-direction:column;align-items:flex-start;padding:1.5rem 1.5rem 3rem}}.footer>h2{margin-block:calc((1em - 1lh)/2);font-family:var(--font-logo);font-size:1rem;font-weight:700;font-feature-settings:"palt"}@media screen and (max-width: 767px){.footer>h2{font-size:2rem}}.footer>a{margin-block:calc((1em - 1lh)/2);font-size:1rem;font-feature-settings:"palt"}.footer>a:hover{text-decoration:underline}
