.part-character[data-type=m-character][data-v-863a4e5e]{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../img/m-bg-character.c5847589.jpg);background-repeat:no-repeat;background-position:50%;background-size:100%}.part-character .character-list-wrapper[data-v-863a4e5e]{position:relative;width:16.3rem;height:6.5rem}.part-character .character-list-wrapper .back[data-v-863a4e5e]{left:-1rem!important}.part-character .character-list-wrapper .camp-list[data-v-863a4e5e]{display:flex;justify-content:space-between;align-items:center;height:100%}.part-character .character-list-wrapper .camp-list.expand .camp-item[data-v-863a4e5e]{width:2rem}.part-character .character-list-wrapper .camp-list.expand .camp-item.active[data-v-863a4e5e]{background-size:10rem 4.8rem;background-position:0}.part-character .character-list-wrapper .camp-list.expand .camp-item.active[data-v-863a4e5e]:before{background:rgba(0,0,0,.8)}.part-character .character-list-wrapper .camp-list.expand .camp-item.active .close[data-v-863a4e5e]{pointer-events:auto;opacity:1}.part-character .character-list-wrapper .camp-list.expand .camp-item.active .camp-meta[data-v-863a4e5e]{margin-left:.5rem}.part-character .character-list-wrapper .camp-list.expand .camp-item.active .camp-logo[data-v-863a4e5e]{width:1.2rem}.part-character .character-list-wrapper .camp-list.expand .camp-item .camp-meta[data-v-863a4e5e]{width:2rem}.part-character .character-list-wrapper .camp-list.expand .camp-item .camp-logo[data-v-863a4e5e]{width:1rem}.part-character .character-list-wrapper .camp-list.expand .camp-item .camp-name[data-v-863a4e5e]{font-size:.18rem;padding:0 .1rem}.part-character .character-list-wrapper .camp-list .camp-item[data-v-863a4e5e]{position:relative;display:flex;justify-content:flex-start;align-items:center;width:4rem;height:4.8rem;margin-right:.1rem;overflow:hidden;background-color:#979797;background-size:10rem 4.8rem;background-position:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:width .3s cubic-bezier(.7,0,.62,1),background-size .2s ease-in-out,background-position .2s ease-in-out}.part-character .character-list-wrapper .camp-list .camp-item.active[data-v-863a4e5e]{flex:none;width:10rem}.part-character .character-list-wrapper .camp-list .camp-item[data-v-863a4e5e]:hover{background-size:10.2rem 4.896rem;background-position-x:-.04rem}.part-character .character-list-wrapper .camp-list .camp-item[data-v-863a4e5e]:last-of-type{margin-right:0}.part-character .character-list-wrapper .camp-list .camp-item[data-v-863a4e5e]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1;transition:all .3s ease-in-out;pointer-events:none}.part-character .character-list-wrapper .camp-list .camp-item .close[data-v-863a4e5e]{pointer-events:none;opacity:0;position:absolute;top:.15rem;right:.15rem;color:#fff;width:.18rem;height:.18rem;font-size:0;z-index:2;transition:opacity .3s ease-in-out,transform .235s ease-in-out}.part-character .character-list-wrapper .camp-list .camp-item .close[data-v-863a4e5e]:hover{transform:rotate(90deg)}.part-character .character-list-wrapper .camp-list .camp-item .close[data-v-863a4e5e]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.3rem;height:.3rem}.part-character .character-list-wrapper .camp-list .camp-item .close svg[data-v-863a4e5e]{width:100%;height:100%}.part-character .character-list-wrapper .camp-list .camp-item .camp-meta[data-v-863a4e5e]{flex:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:4rem;height:100%;pointer-events:none;transition:width .3s ease-in-out,padding .1s ease-in-out,margin .3s ease-in-out}.part-character .character-list-wrapper .camp-list .camp-item .camp-logo[data-v-863a4e5e]{width:1.4rem;height:2.34rem;margin-top:.86rem;z-index:2;transition:width .3s ease-in-out}.part-character .character-list-wrapper .camp-list .camp-item .camp-logo img[data-v-863a4e5e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.part-character .character-list-wrapper .camp-list .camp-item .camp-name[data-v-863a4e5e]{font-size:.24rem;font-weight:600;color:#fff;z-index:2;margin-bottom:.65rem;padding:0 .8rem;text-align:center;line-height:1.4;word-break:break-all;transition:font-size .3s ease-in-out,padding .3s ease-in-out}.part-character .character-list-wrapper .camp-list .camp-item .chara-list[data-v-863a4e5e]{display:flex;flex:none;flex-wrap:wrap;justify-content:space-between;width:7rem;height:100%;padding:.6rem .6rem 0 .6rem;overflow-y:auto;z-index:2;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent);--scroll-size:0.12rem;--scroll-bgcolor:rgba(239,0,0,0.3)}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item[data-v-863a4e5e]{width:.88rem;margin-right:.4rem;margin-bottom:.2rem}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item.active .chara-img .icon-chara-cur[data-v-863a4e5e],.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item:hover .chara-img .icon-chara-cur[data-v-863a4e5e]{opacity:1}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item.active .chara-img .img-wrapper[data-v-863a4e5e],.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item:hover .chara-img .img-wrapper[data-v-863a4e5e]{background:#ef0000}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item.active .chara-img img[data-v-863a4e5e],.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item:hover .chara-img img[data-v-863a4e5e]{filter:none}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item.fake[data-v-863a4e5e]{width:.88rem;height:0}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item .chara-img[data-v-863a4e5e]{position:relative;display:flex;justify-content:center;align-items:center;width:.88rem;height:.88rem}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item .chara-img[data-v-863a4e5e]:before{position:absolute;top:.02rem;left:.02rem;width:.84rem;height:.84rem;background-image:radial-gradient(circle,transparent 0,transparent 50%,rgba(0,0,0,.8) 100%);z-index:5}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item .chara-img .icon-chara-cur[data-v-863a4e5e]{position:absolute;width:1.04rem;height:1.04rem;opacity:0;pointer-events:none;transition:opacity .16s ease-in-out}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item .chara-img .img-wrapper[data-v-863a4e5e]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#737373;transition:background .16s ease-in-out;-webkit-clip-path:polygon(11% 0,100% 0,100% 89%,89% 100%,0 100%,0 11%);clip-path:polygon(11% 0,100% 0,100% 89%,89% 100%,0 100%,0 11%)}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item .chara-img img[data-v-863a4e5e]{width:.84rem;height:.84rem;-o-object-fit:contain;object-fit:contain;-webkit-clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);transition:filter .16s ease-in-out;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.part-character .character-list-wrapper .camp-list .camp-item .chara-list .chara-item .chara-name[data-v-863a4e5e]{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:.1rem;font-size:.14rem;color:#000;line-height:1.1;text-shadow:-.01rem -.01rem 0 #fff,.01rem -.01rem 0 #fff,-.01rem .01rem 0 #fff,.01rem .01rem 0 #fff}.part-character .character-list-wrapper .more-btn[data-v-863a4e5e]{position:relative;top:-.3rem;font-family:Din-Bold}.part-character .character-list-wrapper .more-btn svg[data-v-863a4e5e]{transform:rotate(90deg);margin-right:.05rem}.part-character .character-detail[data-v-863a4e5e]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:20}.m-character-list-wrapper[data-v-863a4e5e]{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:.88rem}.m-character-list-wrapper .camp-list[data-v-863a4e5e]{display:flex;justify-content:center;align-items:center;width:100%;padding:0 .1rem;margin-top:.4rem}.m-character-list-wrapper .camp-list .camp-item[data-v-863a4e5e]{margin:0 .1rem;opacity:.3;transition:opacity .2s ease-in-out}.m-character-list-wrapper .camp-list .camp-item.active[data-v-863a4e5e]{opacity:1}.m-character-list-wrapper .camp-list .camp-item .camp-meta[data-v-863a4e5e]{width:1.4rem;text-align:center}.m-character-list-wrapper .camp-list .camp-item .camp-meta .camp-logo[data-v-863a4e5e]{width:.8rem;height:1.1rem;margin:0 auto;filter:invert(1)}.m-character-list-wrapper .camp-list .camp-item .camp-meta .camp-logo img[data-v-863a4e5e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top}.m-character-list-wrapper .camp-list .camp-item .camp-meta .camp-name[data-v-863a4e5e]{font-size:.18rem;color:#000;margin-top:.16rem}.m-character-list-wrapper .chara-list[data-v-863a4e5e]{display:flex;flex:none;flex-wrap:wrap;justify-content:space-between;max-height:calc(100% - 1.5rem);padding:15% .6rem 3rem .8rem;margin-top:-.3rem;margin-right:.2rem;overflow-y:auto;z-index:2;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 85%,transparent);--scroll-size:0.12rem;--scroll-bgcolor:rgba(239,0,0,0.3)}.m-character-list-wrapper .chara-list .chara-item[data-v-863a4e5e]{width:1.6rem;margin-bottom:.2rem}.m-character-list-wrapper .chara-list .chara-item.active .chara-img .icon-chara-cur[data-v-863a4e5e],.m-character-list-wrapper .chara-list .chara-item:hover .chara-img .icon-chara-cur[data-v-863a4e5e]{opacity:1}.m-character-list-wrapper .chara-list .chara-item.active .chara-img .img-wrapper[data-v-863a4e5e],.m-character-list-wrapper .chara-list .chara-item:hover .chara-img .img-wrapper[data-v-863a4e5e]{background:#ef0000}.m-character-list-wrapper .chara-list .chara-item.active .chara-img img[data-v-863a4e5e],.m-character-list-wrapper .chara-list .chara-item:hover .chara-img img[data-v-863a4e5e]{filter:none}.m-character-list-wrapper .chara-list .chara-item.fake[data-v-863a4e5e]{width:1.6rem;height:0}.m-character-list-wrapper .chara-list .chara-item .chara-img[data-v-863a4e5e]{position:relative;display:flex;justify-content:center;align-items:center;width:1.6rem;height:1.6rem}.m-character-list-wrapper .chara-list .chara-item .chara-img[data-v-863a4e5e]:before{position:absolute;top:.02rem;left:.02rem;width:1.56rem;height:1.56rem;background-image:radial-gradient(circle,transparent 0,transparent 50%,rgba(0,0,0,.8) 100%);z-index:5}.m-character-list-wrapper .chara-list .chara-item .chara-img .icon-chara-cur[data-v-863a4e5e]{position:absolute;width:1.76rem;height:1.76rem;opacity:0;pointer-events:none;transition:opacity .16s ease-in-out}.m-character-list-wrapper .chara-list .chara-item .chara-img .img-wrapper[data-v-863a4e5e]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#737373;transition:background .16s ease-in-out;-webkit-clip-path:polygon(11% 0,100% 0,100% 89%,89% 100%,0 100%,0 11%);clip-path:polygon(11% 0,100% 0,100% 89%,89% 100%,0 100%,0 11%)}.m-character-list-wrapper .chara-list .chara-item .chara-img img[data-v-863a4e5e]{width:1.54rem;height:1.54rem;-o-object-fit:contain;object-fit:contain;-webkit-clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);transition:filter .16s ease-in-out;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.m-character-list-wrapper .chara-list .chara-item .chara-name[data-v-863a4e5e]{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;margin-top:.1rem;font-size:.22rem;color:#000;line-height:1.1;text-shadow:-.01rem -.01rem 0 #fff,.01rem -.01rem 0 #fff,-.01rem .01rem 0 #fff,.01rem .01rem 0 #fff}