@charset "UTF-8";.carousel-body{overflow:hidden}.carousel-body .carousel-inner{display:flex;white-space:nowrap;will-change:transform}.carousel-body .carousel-inner .carousel-content{flex:0 0 auto;flex-shrink:0}.drop-rate-modal .drop-cards{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;width:100%;padding:2rem 2rem 6rem;overflow-x:hidden;overflow-y:auto}@media screen and (max-width: 767px){.drop-rate-modal .drop-cards{padding:0 2rem 6rem}}.drop-rate-modal .drop-cards .drop-card{display:flex;align-items:center}.drop-rate-modal .drop-cards .drop-card .image{flex-shrink:0;width:10%}.drop-rate-modal .drop-cards .drop-card .datum{width:70%;flex-shrink:0;padding-left:1rem}.drop-rate-modal .drop-cards .drop-card .datum .name{width:100%;font-size:1rem;font-feature-settings:"palt";font-weight:700}@media screen and (max-width: 767px){.drop-rate-modal .drop-cards .drop-card .datum .name{font-size:.8rem}}.drop-rate-modal .drop-cards .drop-card .datum .rarity{height:2rem;aspect-ratio:47/14}.drop-rate-modal .drop-cards .drop-card .datum .rarity>img{height:100%;width:auto}@media screen and (max-width: 767px){.drop-rate-modal .drop-cards .drop-card .datum .rarity{height:1.5rem}}.drop-rate-modal .drop-cards .drop-card .rate{width:100%;padding-left:1rem;margin-left:auto;font-size:1rem;font-weight:700;font-feature-settings:"palt";text-align:right;word-break:break-all}@media screen and (max-width: 767px){.drop-rate-modal .drop-cards .drop-card .rate{font-size:.8rem}}: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)}.baloon{position:relative;display:inline-block;width:50%;min-width:120px;max-width:100%;padding:.5rem;background:#fff;filter:drop-shadow(0 .2rem .25rem rgba(158,150,0,.7));border-radius:.5rem}@media screen and (max-width: 767px){.baloon{width:100%}}.baloon .inner{display:block;width:100%;overflow:hidden;border-radius:.6rem;box-shadow:inset 0 .5 .3rem #000}.baloon .inner .carousel-body .carousel-inner .carousel-content{display:block;width:20%;aspect-ratio:113/157;background:transparent no-repeat center/contain;transition:.2s}.baloon .inner .carousel-body .carousel-inner .carousel-content:hover{opacity:.6}.baloon:before{position:absolute;top:100%;left:50%;margin-left:-15px;content:"";border:15px solid transparent;border-top:15px solid #fff}.baloon .drop-rate-button{position:absolute;right:0;bottom:-1.5rem;font-size:.8rem;font-feature-settings:"palt";text-align:right}@media screen and (max-width: 767px){.baloon .drop-rate-button{bottom:-2rem}}