@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)}.gachas-page{padding:2rem 0}@media screen and (max-width: 767px){.gachas-page{padding-top:0}}.gachas-page .breadcrambs{justify-content:center}.gachas-page .title{margin-bottom:1rem;font-size:2rem;font-feature-settings:"palt";color:var(--yellow-normal);text-align:center}@media screen and (max-width: 767px){.gachas-page .title{margin-top:2rem;font-size:1.5rem}}.gachas-page .sub-ttl{font-size:1rem;font-weight:700;font-feature-settings:"palt";color:var(--yellow-normal)}.gachas-page .tickets{display:flex;flex-direction:column;gap:1rem}.gachas-page .tickets .ticket{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border:.1rem solid var(--black-line);border-radius:.3rem}.gachas-page .tickets .ticket .left{align-self:center}.gachas-page .tickets .ticket .left .name{font-size:1.4rem;font-weight:700}@media screen and (max-width: 767px){.gachas-page .tickets .ticket .left .name{width:100%}}.gachas-page .tickets .ticket .left .datetime{margin-top:.3rem;font-size:.8rem;opacity:.6}.gachas-page .tickets .ticket .right{flex-shrink:0;width:10%}@media screen and (max-width: 767px){.gachas-page .tickets .ticket .right{width:30%}}.gachas-page .tickets .ticket .right .icon{position:relative;width:100%;aspect-ratio:1/1;background:var(--bg-primary);border:.1rem solid var(--black-line);border-radius:.3rem}.gachas-page .tickets .ticket .right .icon .count{position:absolute;right:.2rem;bottom:.2rem;font-size:.9rem;text-align:right;filter:drop-shadow(0 1px 2px var(--bg-primary))}.gachas-page .gacha-body{display:flex;flex-direction:column-reverse;gap:1rem;align-items:center;max-width:767px;margin:4rem auto 0;-webkit-user-select:none;user-select:none}@media screen and (max-width: 767px){.gachas-page .gacha-body{margin-top:2rem}}.gachas-page .gacha-body .gacha-image{flex-shrink:0;width:30%;padding:1rem;animation:awake 5s infinite ease-in-out}@media screen and (max-width: 767px){.gachas-page .gacha-body .gacha-image{width:70%}}.gachas-page .gacha-body .gacha-image>img{width:100%;height:100%;object-fit:contain}.gachas-page .schedule{margin:2rem 0 4rem}.gachas-page .schedule .txt{font-size:.8rem;font-feature-settings:"palt";text-align:center}.gachas-page .schedule .period{font-size:1.2rem;font-weight:700;font-feature-settings:"palt";color:var(--yellow-normal);text-align:center}.gachas-page .gacha-loading{position:fixed;top:0;left:0;z-index:var(--z-over-wrap);display:flex;align-items:center;justify-content:center;width:100%;height:100vh;visibility:hidden;background:#0009;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);opacity:0;transition:.2s}.gachas-page .gacha-loading.show{visibility:visible;opacity:1}.gachas-page .gacha-loading .content{width:30%}@media screen and (max-width: 767px){.gachas-page .gacha-loading .content{width:80%}}.gachas-page .gacha-loading .content .gacha-image{width:100%;aspect-ratio:1/1;animation:awake 1s infinite ease-in-out}.gachas-page .gacha-loading .content .gacha-image>img{width:100%;height:100%;object-fit:contain}.gachas-page .gacha-loading .content .txt{font-size:2rem;font-weight:700;font-feature-settings:"palt";color:var(--yellow-normal);text-align:center}.gachas-page .result-modal{background:var(--bg-primary)}.gachas-page .result-modal .modal-body{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:767px;height:100dvh;max-height:90dvh;transform:translate(-50%,-50%)}.gachas-page .result-modal .modal-body .results,.gachas-page .result-modal .modal-body .animation{max-width:767px;height:100%;aspect-ratio:9/16}.gachas-page .result-modal .modal-body .animation{visibility:hidden;opacity:0}.gachas-page .result-modal .modal-body .animation.show{visibility:visible;opacity:1}.gachas-page .result-modal .modal-body .animation.false{display:none}.gachas-page .result-modal .modal-body .animation .video{position:relative;height:100%}.gachas-page .result-modal .modal-body .animation .video video,.gachas-page .result-modal .modal-body .animation .video source{width:100%;height:100%;object-fit:contain}.gachas-page .result-modal .modal-body .animation .video .audio-palay-button{position:absolute;top:1.5rem;left:1.5rem;z-index:var(--z-over-wrap);width:2rem;aspect-ratio:1/1;background:url(/images/shared/icon/speakerWhite.svg) no-repeat center/contain;filter:drop-shadow(0 0 .2rem rgba(0,0,0,.8));transition:.2s}.gachas-page .result-modal .modal-body .animation .video .audio-palay-button.mute{background-image:url(/images/shared/icon/speakerMutedWhite.svg)}.gachas-page .result-modal .modal-body .animation .video .audio-palay-button:hover{filter:drop-shadow(0 0 .4rem rgb(0,0,0))}.gachas-page .result-modal .modal-body .animation .video .skip-animation{position:absolute;right:1.5rem;bottom:1.5rem;padding:.5rem;overflow:hidden;cursor:pointer;background:#fff;border-radius:50%;box-shadow:0 0 .2rem #0009;transition:.2s}.gachas-page .result-modal .modal-body .animation .video .skip-animation:hover{box-shadow:0 0 .4rem #000c}.gachas-page .result-modal .modal-body .animation .video .skip-animation .icon{width:2rem;aspect-ratio:1/1;overflow:hidden;background:url(/images/shared/icon/skipBlack.svg) no-repeat center/contain}.gachas-page .result-modal .modal-body .results .card .get-message{font-size:3rem;font-weight:700;font-feature-settings:"palt";color:var(--yellow-normal);text-align:center}.gachas-page .result-modal .modal-body .results .card .get-message>img{max-width:40%;margin:0 auto}@media screen and (max-width: 767px){.gachas-page .result-modal .modal-body .results .card .get-message>img{max-width:30%}}.gachas-page .result-modal .modal-body .results .card .get-message:after{display:block;width:100%;height:.3rem;margin-top:1rem;content:"";background:linear-gradient(75deg,var(--green-normal) 10%,var(--yellow-normal) 40%,var(--yellow-dark) 60%,var(--green-dark) 80%,var(--green-normal) 100%);background-size:200% 200%;border-radius:var(--radius-full);animation:Gradation 5s ease infinite}@keyframes Gradation{0%{background-position-x:200%}to{background-position-x:0%}}.gachas-page .result-modal .modal-body .results .card .glb-box{width:100%!important;height:100%!important;aspect-ratio:1/1!important}.gachas-page .result-modal .modal-body .results .card .glb-box>canvas{width:100%!important;height:100%!important;aspect-ratio:1/1!important}.gachas-page .result-modal .modal-body .results .card .card-rarity-star{height:5rem;width:100%;margin:1rem 0;animation:fadeInAnsSlideUp 1s ease-in-out forwards;animation-delay:1s;opacity:0;transform:translateY(1rem)}.gachas-page .result-modal .modal-body .results .card .card-rarity-star.sapphire,.gachas-page .result-modal .modal-body .results .card .card-rarity-star.ruby{animation:fadeInAnsSlideUpAfterScaleUp 1.5s ease-in-out forwards}.gachas-page .result-modal .modal-body .results .card .card-rarity-star>img{width:100%;height:100%;object-fit:contain}.gachas-page .result-modal .modal-body .results .card .card-static{display:flex;gap:1rem;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:.3rem}.gachas-page .result-modal .modal-body .results .card .card-static .card-image{flex-shrink:0;width:25%;min-width:5rem;aspect-ratio:1/1;overflow:hidden}.gachas-page .result-modal .modal-body .results .card .card-static .card-image>img{width:100%;height:100%;object-fit:contain}.gachas-page .result-modal .modal-body .results .card .card-static .property{width:100%;max-height:8rem;overflow-y:auto}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row+.label-row{margin-top:1rem}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .label{margin-bottom:.5rem;font-size:.8rem;font-weight:700;font-feature-settings:"palt"}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .label:before{content:"【"}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .label:after{content:"】"}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .card-name{font-size:1.2rem;font-weight:700;font-feature-settings:"palt";color:var(--yellow-normal);word-break:auto-phrase}@media screen and (max-width: 767px){.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .card-name{font-size:1rem}}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character{width:calc(100% - .5rem);padding:.5rem;border:.1rem solid var(--black-line);border-radius:.3rem}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .row{display:flex;align-items:center;width:100%;transition:.2s}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .row .icon{flex-shrink:0;width:2rem;height:2rem;aspect-ratio:1/1;overflow:hidden;background:var(--bg-primary);border:.1rem solid var(--black-line);border-radius:50%}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .row .icon>img{width:100%;height:100%;object-fit:cover}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .row .name{padding-left:.5rem;font-size:.8rem;font-feature-settings:"palt";text-align:left}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .row .name:hover{text-decoration:underline}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .row .youtube-button{width:100%;padding:.3rem 1rem .4rem;margin-top:1rem;font-size:.8rem;font-weight:700;font-feature-settings:"palt";text-align:center;background:#ff0032;border-radius:var(--radius-full);transition:.2s}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .row .youtube-button:hover{opacity:.8}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .follow-button{padding:.3rem 1rem;margin-top:0!important;margin-top:.5rem;margin-left:auto;font-size:.8rem}.gachas-page .result-modal .modal-body .results .card .card-static .property .label-row .characters .character .follow-button.animation{height:auto;aspect-ratio:unset;visibility:visible;opacity:1}.gachas-page .result-modal .modal-body .results .card .txt{margin-top:.5rem;font-size:.8rem;font-feature-settings:"palt";text-align:center;opacity:.6}.gachas-page .result-modal .modal-body .results .controller{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:1rem}.gachas-page .result-modal .modal-body .results .controller .count{font-size:1.2rem;font-feature-settings:"palt";color:var(--yellow-normal)}.gachas-page .gacha-user-ticket-area .owned,.gachas-page .gacha-user-ticket-area .used{font-size:1rem;font-feature-settings:"palt";text-align:center}.gachas-page .gacha-user-ticket-area .owned .large,.gachas-page .gacha-user-ticket-area .used .large{font-size:2.4rem}.gachas-page .gacha-user-ticket-area .owned{font-weight:700}.gachas-page .gacha-user-ticket-area .used{margin-top:1rem;font-size:.8rem}.gachas-page .gacha-user-ticket-area .buttons{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:2rem}
