*{margin:0;padding:0}li{list-style:none}table{border-collapse:collapse;border-spacing:0}img{border:0}a{cursor:pointer;text-decoration:none}select,input,textarea{-webkit-appearance:none;border-radius:0;font-family:microsoft Yahei}input::placeholder{color:#cacaca}input:-moz-placeholder-shown{color:#cacaca}input:placeholder-shown{color:#cacaca}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}body{-webkit-text-size-adjust:none;color:#fff;font-family:microsoft Yahei;font-size:1.25vw;overflow-x:hidden}body a{transition:all .3s}.lozad:not(.loaded),.lozad:not(.loaded) .swiper-pagination-bullet{background-image:none!important}.lozad:not(.loaded) img{display:none}.lozad.loaded img{display:block}.nav-box{z-index:100;background:50%/cover no-repeat;width:11.25vw;height:34.8438vw;transition:all .3s;position:fixed;top:6.25vw;right:-100%}body.no-webp .nav-box,body.no-js .nav-box{background-image:url(nav_box.0905b457.png)}body.webp .nav-box{background-image:url(nav_box.96321800.webp)}.btn-on{z-index:100;background:50%/cover no-repeat;width:2.55208vw;height:3.125vw;transition:all .5s;position:fixed;top:22.3958vw;right:.520833vw}body.no-webp .btn-on,body.no-js .btn-on{background-image:url(btn_on.bc5a100f.png)}body.webp .btn-on{background-image:url(btn_on.7593317b.webp)}.btn-off{z-index:100;background:50%/cover no-repeat;width:2.55208vw;height:3.125vw;position:absolute;bottom:-3.64583vw;right:3.64583vw}body.no-webp .btn-off,body.no-js .btn-off{background-image:url(btn_off.f85b3a41.png)}body.webp .btn-off{background-image:url(btn_off.206fee2c.webp)}.floatimg{z-index:9;width:11.8229vw;height:12.0833vw;position:absolute;top:-1.71875vw;right:0}.floatimg .swiper-slide{text-align:center;z-index:1;justify-content:center;align-items:center;transition:all .3s;display:flex}.navimg{float:left;width:11.8229vw;height:12.0833vw;animation:.5s forwards maskout}.navimg1{background:50%/cover no-repeat}body.no-webp .navimg1,body.no-js .navimg1{background-image:url(navimg1.ad18032f.png)}body.webp .navimg1{background-image:url(navimg1.df1fcb58.webp)}.navimg2{background:50%/cover no-repeat}body.no-webp .navimg2,body.no-js .navimg2{background-image:url(navimg2.178128ec.png)}body.webp .navimg2{background-image:url(navimg2.b1b83030.webp)}.slow{animation:2s forwards maskmove}.qrcode{float:left;background:50%/cover no-repeat;border:.0520833vw solid #9cdefe;width:6.97917vw;height:6.97917vw;margin-top:11.3542vw;margin-left:2.08333vw;display:inline}body.no-webp .qrcode,body.no-js .qrcode{background-image:url(qrcode.653ffe9b.png)}body.webp .qrcode{background-image:url(qrcode.26bdcc2a.webp)}.btn-nav-ios{float:left;background:50%/cover no-repeat;width:10.2083vw;height:3.28125vw;margin-top:1.04167vw;margin-left:.572917vw;display:inline;position:relative}body.no-webp .btn-nav-ios,body.no-js .btn-nav-ios{background-image:url(btn_nav_ios.2e6e3b9d.png)}body.webp .btn-nav-ios{background-image:url(btn_nav_ios.4cb8a7b2.webp)}.btn-nav-ios:hover{background:50%/cover no-repeat}body.no-webp .btn-nav-ios:hover,body.no-js .btn-nav-ios:hover{background-image:url(btn_nav_ios_h.45addafd.png)}body.webp .btn-nav-ios:hover{background-image:url(btn_nav_ios_h.b96dcd3e.webp)}.btn-nav-gp{float:left;background:50%/cover no-repeat;width:10.2083vw;height:3.28125vw;margin-top:.885417vw;margin-left:.572917vw;display:inline;position:relative}body.no-webp .btn-nav-gp,body.no-js .btn-nav-gp{background-image:url(btn_nav_gp.070b4192.png)}body.webp .btn-nav-gp{background-image:url(btn_nav_gp.a39259a6.webp)}.btn-nav-gp:hover{background:50%/cover no-repeat}body.no-webp .btn-nav-gp:hover,body.no-js .btn-nav-gp:hover{background-image:url(btn_nav_gp_h.6f7b5225.png)}body.webp .btn-nav-gp:hover{background-image:url(btn_nav_gp_h.c04123f9.webp)}.btn-nav-like{float:left;background:50%/cover no-repeat;width:10.2083vw;height:3.28125vw;margin-top:.885417vw;margin-left:.572917vw;display:inline}body.no-webp .btn-nav-like,body.no-js .btn-nav-like{background-image:url(btn_nav_like.5557ca33.png)}body.webp .btn-nav-like{background-image:url(btn_nav_like.ee21e417.webp)}.btn-nav-like:hover{background:50%/cover no-repeat}body.no-webp .btn-nav-like:hover,body.no-js .btn-nav-like:hover{background-image:url(btn_nav_like_h.112c9e57.png)}body.webp .btn-nav-like:hover{background-image:url(btn_nav_like_h.c47f2cb1.webp)}.btn-nav-gp span,.btn-nav-ios span,.btn-nav-like span{float:left;width:10.2083vw;height:3.28125vw;display:inline;position:relative;overflow:hidden}.btn-nav-gp span .effect,.btn-nav-ios span .effect,.btn-nav-like span .effect{content:"";z-index:2;-ms-animation:sg 2s linear infinite;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.btn-top{float:right;background:50%/cover no-repeat;width:10.5208vw;height:2.03125vw;margin-top:.885417vw;margin-right:.104167vw;display:inline}body.no-webp .btn-top,body.no-js .btn-top{background-image:url(btn_top.6deecd6a.png)}body.webp .btn-top{background-image:url(btn_top.54b639bb.webp)}.btn-top:hover{background:50%/cover no-repeat}body.no-webp .btn-top:hover,body.no-js .btn-top:hover{background-image:url(btn_top_h.6f31af55.png)}body.webp .btn-top:hover{background-image:url(btn_top_h.4dff950b.webp)}.menu{z-index:99;background:50%/cover no-repeat;width:100%;height:2.34375vw;position:fixed;inset:0}body.no-webp .menu,body.no-js .menu{background-image:url(menu_bg.031b7a77.png)}body.webp .menu{background-image:url(menu_bg.06414b72.webp)}.menu ul{width:53.125vw;margin:0 auto;position:relative;overflow:hidden}.menu li{float:left;width:7.60417vw;height:2.34375vw;margin-left:1.30208vw;margin-right:1.30208vw;display:inline}.menu li a{float:left;width:7.60417vw;height:2.34375vw;position:relative}.nav1{background:50%/cover no-repeat}body.no-webp .nav1,body.no-js .nav1{background-image:url(nav1.c5ea7f42.png)}body.webp .nav1{background-image:url(nav1.e7b0db31.webp)}.nav2{background:50%/cover no-repeat}body.no-webp .nav2,body.no-js .nav2{background-image:url(nav2.73554362.png)}body.webp .nav2{background-image:url(nav2.30c32172.webp)}.nav3{background:50%/cover no-repeat}body.no-webp .nav3,body.no-js .nav3{background-image:url(nav3.e7095c98.png)}body.webp .nav3{background-image:url(nav3.870662e4.webp)}.nav4{background:50%/cover no-repeat}body.no-webp .nav4,body.no-js .nav4{background-image:url(nav4.638f4010.png)}body.webp .nav4{background-image:url(nav4.9fcf634e.webp)}.nav5{background:50%/cover no-repeat}body.no-webp .nav5,body.no-js .nav5{background-image:url(nav5.cf7524a2.png)}body.webp .nav5{background-image:url(nav5.0a198707.webp)}.active .nav1,.menu li .nav1:hover{background:50%/cover no-repeat}body.no-webp .active .nav1,body.no-js .active .nav1,body.no-webp .menu li .nav1:hover,body.no-js .menu li .nav1:hover{background-image:url(nav1_h.ed8a893f.png)}body.webp .active .nav1,body.webp .menu li .nav1:hover{background-image:url(nav1_h.a99d41a2.webp)}.active .nav2,.menu li .nav2:hover{background:50%/cover no-repeat}body.no-webp .active .nav2,body.no-js .active .nav2,body.no-webp .menu li .nav2:hover,body.no-js .menu li .nav2:hover{background-image:url(nav2_h.7d2bfdd0.png)}body.webp .active .nav2,body.webp .menu li .nav2:hover{background-image:url(nav2_h.3da8d2a5.webp)}.active .nav3,.menu li .nav3:hover{background:50%/cover no-repeat}body.no-webp .active .nav3,body.no-js .active .nav3,body.no-webp .menu li .nav3:hover,body.no-js .menu li .nav3:hover{background-image:url(nav3_h.6da6fd03.png)}body.webp .active .nav3,body.webp .menu li .nav3:hover{background-image:url(nav3_h.0ed8ef03.webp)}.active .nav4,.menu li .nav4:hover{background:50%/cover no-repeat}body.no-webp .active .nav4,body.no-js .active .nav4,body.no-webp .menu li .nav4:hover,body.no-js .menu li .nav4:hover{background-image:url(nav4_h.f87a326c.png)}body.webp .active .nav4,body.webp .menu li .nav4:hover{background-image:url(nav4_h.2f8aaaa1.webp)}.active .nav5,.menu li .nav5:hover{background:50%/cover no-repeat}body.no-webp .active .nav5,body.no-js .active .nav5,body.no-webp .menu li .nav5:hover,body.no-js .menu li .nav5:hover{background-image:url(nav5_h.5b5bc0a0.png)}body.webp .active .nav5,body.webp .menu li .nav5:hover{background-image:url(nav5_h.e1841c84.webp)}.cbt-box{z-index:100;transition:all .3s;position:fixed;top:21.3542vw;left:-100%}.btn-cbt{background:50%/cover no-repeat;width:18.9583vw;height:9.84375vw;transition:all .5s;position:absolute;top:0;left:0}body.no-webp .btn-cbt,body.no-js .btn-cbt{background-image:url(btn_cbt.42fd366b.png)}body.webp .btn-cbt{background-image:url(btn_cbt.efc59d61.webp)}.btn-close{z-index:2;background:50%/cover no-repeat;width:1.875vw;height:2.8125vw;position:absolute;top:.520833vw;left:.520833vw}body.no-webp .btn-close,body.no-js .btn-close{background-image:url(btn_close.eb0036e1.png)}body.webp .btn-close{background-image:url(btn_close.9b87d3cb.webp)}.btn-open{z-index:2;background:50%/cover no-repeat;width:1.875vw;height:2.8125vw;display:none;position:absolute;top:.520833vw;left:.520833vw}body.no-webp .btn-open,body.no-js .btn-open{background-image:url(btn_open.f91bf619.png)}body.webp .btn-open{background-image:url(btn_open.163350fa.webp)}.container1{background:50%/cover no-repeat;height:50vw;position:relative;overflow:hidden}body.no-webp .container1,body.no-js .container1{background-image:url(bg1.e223c3c5.jpg)}body.webp .container1{background-image:url(bg1.b65b5b51.webp)}.container2{background:50%/cover no-repeat;height:50vw;position:relative}body.no-webp .container2,body.no-js .container2{background-image:url(bg2.7e06b10e.jpg)}body.webp .container2{background-image:url(bg2.ec1cf6ad.webp)}.container3{background:50%/cover no-repeat;height:50vw;position:relative}body.no-webp .container3,body.no-js .container3{background-image:url(bg3.dac3423f.jpg)}body.webp .container3{background-image:url(bg3.01f500a1.webp)}.container4{background:50%/cover no-repeat;height:50vw;position:relative;overflow:hidden}body.no-webp .container4,body.no-js .container4{background-image:url(bg4.e5b6f6ce.jpg)}body.webp .container4{background-image:url(bg4.9b19f436.webp)}.container5{background:50%/cover no-repeat;height:50vw;position:relative}body.no-webp .container5,body.no-js .container5{background-image:url(bg5.248f38d1.jpg)}body.webp .container5{background-image:url(bg5.5572ee55.webp)}.container6{background:50%/cover no-repeat;height:22.1875vw;position:relative}body.no-webp .container6,body.no-js .container6{background-image:url(bg6.52fd94a7.jpg)}body.webp .container6{background-image:url(bg6.aed0ea3d.webp)}.moveanime{animation-name:moveanime;animation-duration:1s;animation-fill-mode:both;visibility:visible!important}.move{z-index:98;position:relative}.wrap{z-index:95;width:78.125vw;margin:0 auto;position:relative}.page-tit{z-index:10;width:78.125vw;height:10.4167vw;position:absolute;top:0;left:0}.page-tit1{background:50%/cover no-repeat;top:0}body.no-webp .page-tit1,body.no-js .page-tit1{background-image:url(page_tit1.7f4b90d3.png)}body.webp .page-tit1{background-image:url(page_tit1.c25bb16e.webp)}.page-tit2{background:50%/cover no-repeat}body.no-webp .page-tit2,body.no-js .page-tit2{background-image:url(page_tit2.0ada0d59.png)}body.webp .page-tit2{background-image:url(page_tit2.a7d1410d.webp)}.page-tit3{background:50%/cover no-repeat}body.no-webp .page-tit3,body.no-js .page-tit3{background-image:url(page_tit3.d8750092.png)}body.webp .page-tit3{background-image:url(page_tit3.5009023d.webp)}.page-tit4{background:50%/cover no-repeat}body.no-webp .page-tit4,body.no-js .page-tit4{background-image:url(page_tit4.f264e61f.png)}body.webp .page-tit4{background-image:url(page_tit4.0c3fd96d.webp)}.page-tit5{background:50%/cover no-repeat;top:0}body.no-webp .page-tit5,body.no-js .page-tit5{background-image:url(page_tit5.f456915b.png)}body.webp .page-tit5{background-image:url(page_tit5.3f606688.webp)}.reservation-box{float:left;background:50%/cover no-repeat;width:33.3333vw;height:28.1771vw;margin-top:17.4479vw;margin-left:22.3958vw;display:inline;position:relative}body.no-webp .reservation-box,body.no-js .reservation-box{background-image:url(reservation_box.982e5a9d.png)}body.webp .reservation-box{background-image:url(reservation_box.d2f7ca76.webp)}.info-box{float:left;background:#fff;border:.0520833vw solid #1a1a71;width:28.125vw;height:3.54167vw;margin-top:4.6875vw;margin-left:2.55208vw;display:inline;position:relative}.area{float:left;appearance:none;color:#1a1a71;background:50%/cover no-repeat;border:none;outline:none;width:10.8333vw;height:3.54167vw;padding-left:1.04167vw;font-size:1.25vw}body.no-webp .area,body.no-js .area{background-image:url(area.a3e34cd3.png)}body.webp .area{background-image:url(area.61db9419.webp)}.option-hide{display:none}.input-in{float:right;text-align:center;color:#1a1a71;background:0 0;border:none;outline:none;width:16.25vw;height:3.54167vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.25vw;line-height:3.54167vw;display:inline}.btn-reservation{float:left;background:50%/cover no-repeat;width:28.9583vw;height:6.82292vw;margin-left:2.1875vw;animation:1s linear infinite alternate magnify;display:inline;position:relative}body.no-webp .btn-reservation,body.no-js .btn-reservation{background-image:url(btn_reservation.c6ec04ba.png)}body.webp .btn-reservation{background-image:url(btn_reservation.cde105b0.webp)}.reservation-cat{background:50%/cover no-repeat;width:6.875vw;height:6.82292vw;animation:1s ease-in-out infinite alternate animate-shake;position:absolute;top:0;left:.572917vw}body.no-webp .reservation-cat,body.no-js .reservation-cat{background-image:url(reservation_cat.36e8c905.png)}body.webp .reservation-cat{background-image:url(reservation_cat.360dc2b5.webp)}.store{float:right;width:11.3021vw;margin-top:2.86458vw;margin-right:3.125vw;display:inline}.btn-gp{float:left;background:50%/cover no-repeat;width:11.3021vw;height:3.54167vw;margin-top:.520833vw;position:relative}body.no-webp .btn-gp,body.no-js .btn-gp{background-image:url(btn_gp.0cb97033.png)}body.webp .btn-gp{background-image:url(btn_gp.7c74743b.webp)}.btn-gp:hover{background:50%/cover no-repeat}body.no-webp .btn-gp:hover,body.no-js .btn-gp:hover{background-image:url(btn_gp_h.a83614ec.png)}body.webp .btn-gp:hover{background-image:url(btn_gp_h.baeeeb0b.webp)}.btn-ios{float:left;background:50%/cover no-repeat;width:11.3021vw;height:3.54167vw;position:relative}body.no-webp .btn-ios,body.no-js .btn-ios{background-image:url(btn_ios.35dc9281.png)}body.webp .btn-ios{background-image:url(btn_ios.5c6cecd9.webp)}.btn-ios:hover{background:50%/cover no-repeat}body.no-webp .btn-ios:hover,body.no-js .btn-ios:hover{background-image:url(btn_ios_h.74d132d3.png)}body.webp .btn-ios:hover{background-image:url(btn_ios_h.e25305da.webp)}.btn-gp span,.btn-ios span,.pop-btn-gp span,.pop-btn-ios span{float:left;width:11.3021vw;height:3.54167vw;display:inline;position:relative;overflow:hidden}.btn-gp span .effect,.btn-ios span .effect,.pop-btn-gp span .effect,.pop-btn-ios span .effect{content:"";z-index:2;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.red-dot{z-index:2;background:50%/cover no-repeat;width:.677083vw;height:.625vw;position:absolute;top:-.15625vw;right:-.15625vw}body.no-webp .red-dot,body.no-js .red-dot{background-image:url(red_dot.2b6c1444.png)}body.webp .red-dot{background-image:url(red_dot.ec8704eb.webp)}.btn-rule-guild{z-index:20;background:50%/cover no-repeat;width:1.66667vw;height:1.66667vw;position:absolute;top:4.6875vw;right:20.3125vw}body.no-webp .btn-rule-guild,body.no-js .btn-rule-guild{background-image:url(btn_rule.de949f46.png)}body.webp .btn-rule-guild{background-image:url(btn_rule.d94bdbe8.webp)}.charts1{z-index:20;background:50%/cover no-repeat;width:12.1875vw;height:6.45833vw;position:absolute;top:9.79167vw;left:32.9688vw}body.no-webp .charts1,body.no-js .charts1{background-image:url(charts1.2fe957e3.png)}body.webp .charts1{background-image:url(charts1.de6f1766.webp)}.charts2{z-index:20;background:50%/cover no-repeat;width:12.1875vw;height:6.45833vw;position:absolute;top:9.79167vw;left:18.9583vw}body.no-webp .charts2,body.no-js .charts2{background-image:url(charts2.387b3f7a.png)}body.webp .charts2{background-image:url(charts2.8625e323.webp)}.charts3{z-index:20;background:50%/cover no-repeat;width:12.1875vw;height:6.45833vw;position:absolute;top:9.79167vw;right:18.9583vw}body.no-webp .charts3,body.no-js .charts3{background-image:url(charts3.849d0d01.png)}body.webp .charts3{background-image:url(charts3.715c76f9.webp)}.charts1-tit{float:left;text-align:center;text-shadow:0 0 .260417vw #a10405,0 0 .260417vw #a10405,0 0 .260417vw #a10405,0 0 .260417vw #a10405;color:#fff;text-overflow:ellipsis;white-space:nowrap;width:8.64583vw;height:1.5625vw;margin-top:3.17708vw;margin-left:2.60417vw;font-size:.9375vw;font-weight:700;line-height:1.5625vw;display:inline;overflow:hidden}.charts2-tit{float:left;text-align:center;text-shadow:0 0 .260417vw #1555b6,0 0 .260417vw #1555b6,0 0 .260417vw #1555b6,0 0 .260417vw #1555b6;color:#fff;text-overflow:ellipsis;white-space:nowrap;width:8.64583vw;height:1.5625vw;margin-top:3.17708vw;margin-left:2.60417vw;font-size:.9375vw;font-weight:700;line-height:1.5625vw;display:inline;overflow:hidden}.charts3-tit{float:left;text-align:center;text-shadow:0 0 .260417vw #11728e,0 0 .260417vw #11728e,0 0 .260417vw #11728e,0 0 .260417vw #11728e;color:#fff;text-overflow:ellipsis;white-space:nowrap;width:8.64583vw;height:1.5625vw;margin-top:3.07292vw;margin-left:2.60417vw;font-size:.9375vw;font-weight:700;line-height:1.5625vw;display:inline;overflow:hidden}.charts1-name{float:left;text-align:center;color:#83201f;text-overflow:ellipsis;white-space:nowrap;width:7.60417vw;height:1.35417vw;margin-top:.260417vw;margin-left:2.60417vw;font-size:.833333vw;font-weight:700;line-height:1.35417vw;display:inline;overflow:hidden}.charts2-name{float:left;text-align:center;color:#1f2b83;text-overflow:ellipsis;white-space:nowrap;width:7.60417vw;height:1.35417vw;margin-top:.260417vw;margin-left:2.60417vw;font-size:.833333vw;font-weight:700;line-height:1.35417vw;display:inline;overflow:hidden}.charts3-name{float:left;text-align:center;color:#0b607c;text-overflow:ellipsis;white-space:nowrap;width:7.60417vw;height:1.35417vw;margin-top:.260417vw;margin-left:2.60417vw;font-size:.833333vw;font-weight:700;line-height:1.35417vw;display:inline;overflow:hidden}.decent{z-index:20;background:50%/cover no-repeat;width:23.4375vw;height:7.86458vw;position:absolute;top:15.5208vw;left:17.7083vw}body.no-webp .decent,body.no-js .decent{background-image:url(decent.f37475a1.png)}body.webp .decent{background-image:url(decent.3d1c50d8.webp)}.villain{z-index:20;background:50%/cover no-repeat;width:23.4375vw;height:7.86458vw;position:absolute;top:16.0417vw;right:17.5vw}body.no-webp .villain,body.no-js .villain{background-image:url(villain.ae0c0251.png)}body.webp .villain{background-image:url(villain.e6326fc1.webp)}.legion-btns{float:left;width:40.625vw;margin-top:25.2604vw;margin-left:19.0104vw;display:inline;position:relative}.create-left{float:left;width:13.2292vw;height:3.4375vw;position:relative}.btn-create{background:50%/cover no-repeat;width:13.2292vw;height:3.4375vw;position:absolute;top:0;left:0}body.no-webp .btn-create,body.no-js .btn-create{background-image:url(btn_create.a8789cec.png)}body.webp .btn-create{background-image:url(btn_create.daa585cb.webp)}.btn-create:hover{background:50%/cover no-repeat}body.no-webp .btn-create:hover,body.no-js .btn-create:hover{background-image:url(btn_create_h.c28e7d3a.png)}body.webp .btn-create:hover{background-image:url(btn_create_h.c7664e93.webp)}.btn-sect{background:50%/cover no-repeat;width:13.2292vw;height:3.4375vw;display:none;position:absolute;top:0;left:0}body.no-webp .btn-sect,body.no-js .btn-sect{background-image:url(btn_sect.31268821.png)}body.webp .btn-sect{background-image:url(btn_sect.a0f734f7.webp)}.btn-sect:hover{background:50%/cover no-repeat}body.no-webp .btn-sect:hover,body.no-js .btn-sect:hover{background-image:url(btn_sect_h.e939a94e.png)}body.webp .btn-sect:hover{background-image:url(btn_sect_h.bb0a7478.webp)}.in-right{float:left;width:13.2292vw;height:3.4375vw;margin-left:.520833vw;display:inline;position:relative}.btn-in{background:50%/cover no-repeat;width:13.2292vw;height:3.4375vw;position:absolute;top:0;left:0}body.no-webp .btn-in,body.no-js .btn-in{background-image:url(btn_in.85f0c2b8.png)}body.webp .btn-in{background-image:url(btn_in.135104e5.webp)}.btn-in:hover{background:50%/cover no-repeat}body.no-webp .btn-in:hover,body.no-js .btn-in:hover{background-image:url(btn_in_h.152da095.png)}body.webp .btn-in:hover{background-image:url(btn_in_h.90ef9506.webp)}.list{background:50%/cover no-repeat;width:13.2292vw;height:3.4375vw;display:none;position:absolute;top:0;left:0}body.no-webp .list,body.no-js .list{background-image:url(list.2afc9fe0.png)}body.webp .list{background-image:url(list.6a8d9c73.webp)}.btn-invite{float:right;background:50%/cover no-repeat;width:13.2292vw;height:3.4375vw}body.no-webp .btn-invite,body.no-js .btn-invite{background-image:url(btn_invite.848cd2bd.png)}body.webp .btn-invite{background-image:url(btn_invite.42774984.webp)}.btn-invite:hover{background:50%/cover no-repeat}body.no-webp .btn-invite:hover,body.no-js .btn-invite:hover{background-image:url(btn_invite_h.bcdca91c.png)}body.webp .btn-invite:hover{background-image:url(btn_invite_h.dd757058.webp)}.search-info{float:left;background:50%/40.0521vw 2.86458vw no-repeat;width:40.0521vw;height:2.86458vw;margin-top:.520833vw;margin-left:19.0104vw;display:inline}body.no-webp .search-info,body.no-js .search-info{background-image:url(search_box.e91f7ad5.png)}body.webp .search-info{background-image:url(search_box.25f4e206.webp)}.input-search{float:left;text-align:center;color:#1a1a71;background:0 0;border:none;outline:none;width:31.1458vw;height:2.44792vw;margin-top:.208333vw;margin-left:.208333vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.25vw;line-height:2.44792vw;display:inline}.input-search::placeholder{color:#d3d3d3}.input-search:-moz-placeholder-shown{color:#d3d3d3}.input-search:placeholder-shown{color:#d3d3d3}.btn-search{float:right;background:50%/cover no-repeat;width:7.13542vw;height:1.92708vw;margin-top:.46875vw;margin-right:.520833vw;display:inline}body.no-webp .btn-search,body.no-js .btn-search{background-image:url(search.22c56762.png)}body.webp .btn-search{background-image:url(search.9c5bd3c1.webp)}.btn-search:hover{background:50%/cover no-repeat}body.no-webp .btn-search:hover,body.no-js .btn-search:hover{background-image:url(search_h.d00a15b7.png)}body.webp .btn-search:hover{background-image:url(search_h.2c095e82.webp)}.guild{float:left;width:40.0521vw;margin-top:.78125vw;margin-left:19.0104vw;display:inline}.guild ul{float:left;width:40.0521vw}.guild li{float:left;color:#001235;background:50%/cover;width:40.0521vw;height:2.39583vw;margin-top:.260417vw;margin-bottom:.260417vw;font-size:1.14583vw;line-height:2.39583vw}body.no-webp .guild li,body.no-js .guild li{background-image:url(li_bg.acbddfa9.png)}body.webp .guild li{background-image:url(li_bg.7673e9fa.webp)}.guild-name{float:left;text-overflow:ellipsis;white-space:nowrap;color:#001235;width:12.5vw;height:2.39583vw;margin-left:1.04167vw;line-height:2.39583vw;display:inline;overflow:hidden}.guild-num{float:left;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#001235;width:5.72917vw;height:2.39583vw;margin-left:1.04167vw;line-height:2.39583vw;display:inline;overflow:hidden}.join{float:right;width:16.6667vw;margin-top:.260417vw;margin-right:.520833vw;position:relative}.btn-info{background:50%/cover no-repeat;width:7.13542vw;height:1.92708vw;position:absolute;top:0;left:0}body.no-webp .btn-info,body.no-js .btn-info{background-image:url(btn_info.e933d953.png)}body.webp .btn-info{background-image:url(btn_info.c2bc7307.webp)}.btn-info:hover{background:50%/cover no-repeat}body.no-webp .btn-info:hover,body.no-js .btn-info:hover{background-image:url(btn_info_h.f34beb2e.png)}body.webp .btn-info:hover{background-image:url(btn_info_h.22ba0c76.webp)}.btn-add,.btn-add-o{width:7.13542vw;height:1.92708vw;position:absolute;top:0;right:0}.btn-add{background:50%/cover no-repeat}body.no-webp .btn-add,body.no-js .btn-add{background-image:url(btn_add.f655d4b2.png)}body.webp .btn-add{background-image:url(btn_add.004d13f8.webp)}.btn-add:hover{background:50%/cover no-repeat}body.no-webp .btn-add:hover,body.no-js .btn-add:hover{background-image:url(btn_add_h.e39a3f44.png)}body.webp .btn-add:hover{background-image:url(btn_add_h.b9c07c6b.webp)}.btn-add-o{background:50%/cover no-repeat;display:none}body.no-webp .btn-add-o,body.no-js .btn-add-o{background-image:url(btn_add_o.81078ad0.png)}body.webp .btn-add-o{background-image:url(btn_add_o.85a87d36.webp)}.page-line{float:left;background:50%/cover no-repeat;width:40.0521vw;height:.520833vw;margin-top:.260417vw;margin-bottom:.260417vw}body.no-webp .page-line,body.no-js .page-line{background-image:url(page_line.c9677b90.png)}body.webp .page-line{background-image:url(page_line.11dc9fcc.webp)}.page{float:left;text-align:center;color:#001235;width:40.0521vw;display:inline}.page button{cursor:pointer;color:#001235;text-align:center;appearance:none;vertical-align:middle;background:0 0;border:none;outline:none;min-width:2.08333vw;height:2.08333vw;margin:0 .520833vw;font-size:1.04167vw;line-height:2.08333vw;display:inline-block}#firstPage,#lastPage,#nextPage,#prePage{vertical-align:middle;color:#0036a6;font-size:1.04167vw}.page .current{color:#0036a6}.page button:disabled{opacity:.5;cursor:no-drop}.role-info{width:78.125vw;position:absolute;top:0;right:-10.9375vw}.role-container{float:left;width:100%;height:50vw;position:relative}.role-pic{z-index:2;width:78.125vw;height:50vw;position:absolute;top:0;right:0}.role-pic1{background:50%/cover no-repeat}body.no-webp .role-pic1,body.no-js .role-pic1{background-image:url(role1.041dc6c6.png)}body.webp .role-pic1{background-image:url(role1.b0bee3e4.webp)}.role-pic2{background:50%/cover no-repeat}body.no-webp .role-pic2,body.no-js .role-pic2{background-image:url(role2.b0334af9.png)}body.webp .role-pic2{background-image:url(role2.44e32627.webp)}.role-pic3{background:50%/cover no-repeat}body.no-webp .role-pic3,body.no-js .role-pic3{background-image:url(role3.747ba92e.png)}body.webp .role-pic3{background-image:url(role3.4ec2983c.webp)}.role-pic4{background:50%/cover no-repeat}body.no-webp .role-pic4,body.no-js .role-pic4{background-image:url(role4.96459e81.png)}body.webp .role-pic4{background-image:url(role4.ac5fdaa9.webp)}.role-pic5{background:50%/cover no-repeat}body.no-webp .role-pic5,body.no-js .role-pic5{background-image:url(role5.0f9754ed.png)}body.webp .role-pic5{background-image:url(role5.8a400c44.webp)}.role-name{z-index:2;width:20.3125vw;height:11.9271vw;position:absolute;top:10.6771vw;left:1.45833vw}.role-name1{background:50%/cover no-repeat}body.no-webp .role-name1,body.no-js .role-name1{background-image:url(role_name1.ce1c0052.png)}body.webp .role-name1{background-image:url(role_name1.61778308.webp)}.role-name2{background:50%/cover no-repeat}body.no-webp .role-name2,body.no-js .role-name2{background-image:url(role_name2.bf9eef5a.png)}body.webp .role-name2{background-image:url(role_name2.e9965f58.webp)}.role-name3{background:50%/cover no-repeat}body.no-webp .role-name3,body.no-js .role-name3{background-image:url(role_name3.05d6cb46.png)}body.webp .role-name3{background-image:url(role_name3.96c29d53.webp)}.role-name4{background:50%/cover no-repeat}body.no-webp .role-name4,body.no-js .role-name4{background-image:url(role_name4.e587c0a5.png)}body.webp .role-name4{background-image:url(role_name4.e156fcf6.webp)}.role-name5{background:50%/cover no-repeat}body.no-webp .role-name5,body.no-js .role-name5{background-image:url(role_name5.d07a5692.png)}body.webp .role-name5{background-image:url(role_name5.cbf0dc34.webp)}.role-txt{z-index:3;width:7.23958vw;height:17.9167vw;position:absolute;top:12.5vw;right:10.9375vw}.role-txt1{background:50%/cover no-repeat}body.no-webp .role-txt1,body.no-js .role-txt1{background-image:url(role_txt1.a3f88372.png)}body.webp .role-txt1{background-image:url(role_txt1.0ca75bf0.webp)}.role-txt2{background:50%/cover no-repeat}body.no-webp .role-txt2,body.no-js .role-txt2{background-image:url(role_txt2.3d49f8b4.png)}body.webp .role-txt2{background-image:url(role_txt2.968d9923.webp)}.role-txt3{background:50%/cover no-repeat}body.no-webp .role-txt3,body.no-js .role-txt3{background-image:url(role_txt3.2ea7e332.png)}body.webp .role-txt3{background-image:url(role_txt3.7d830cdc.webp)}.role-txt4{background:50%/cover no-repeat}body.no-webp .role-txt4,body.no-js .role-txt4{background-image:url(role_txt4.632ed58b.png)}body.webp .role-txt4{background-image:url(role_txt4.f2f72a02.webp)}.role-txt5{background:50%/cover no-repeat}body.no-webp .role-txt5,body.no-js .role-txt5{background-image:url(role_txt5.7684f4de.png)}body.webp .role-txt5{background-image:url(role_txt5.6bed94cb.webp)}.avatar-line{background:50%/cover no-repeat;width:6.40625vw;height:38.8542vw;position:absolute;top:6.92708vw;left:-15.1042vw}body.no-webp .avatar-line,body.no-js .avatar-line{background-image:url(avatar_line.e4f8d3e5.png)}body.webp .avatar-line{background-image:url(avatar_line.445e5bba.webp)}.role-pagination{z-index:9;width:6.40625vw;height:5.67708vw;position:absolute;top:10.4167vw;left:0}.role-info .swiper-pagination-bullet{float:left;cursor:pointer;opacity:1;cursor:pointer;background:0 0;border-radius:0;width:6.40625vw;height:5.67708vw;margin-top:1.92708vw;margin-bottom:1.92708vw;display:inline;position:relative}.role-info .swiper-pagination-bullet-active{opacity:1}.role-info .swiper-pagination-bullet:first-of-type{background:50%/cover no-repeat;top:5.88542vw;left:0}body.no-webp .role-info .swiper-pagination-bullet:first-of-type,body.no-js .role-info .swiper-pagination-bullet:first-of-type{background-image:url(btn_avatar1.bf777158.png)}body.webp .role-info .swiper-pagination-bullet:first-of-type{background-image:url(btn_avatar1.19438cf3.webp)}.role-info .swiper-pagination-bullet:nth-of-type(2){background:50%/cover no-repeat;top:1.875vw;left:0}body.no-webp .role-info .swiper-pagination-bullet:nth-of-type(2),body.no-js .role-info .swiper-pagination-bullet:nth-of-type(2){background-image:url(btn_avatar2.55cc1171.png)}body.webp .role-info .swiper-pagination-bullet:nth-of-type(2){background-image:url(btn_avatar2.ea730b02.webp)}.role-info .swiper-pagination-bullet:nth-of-type(3){background:50%/cover no-repeat;top:-1.82292vw;left:0}body.no-webp .role-info .swiper-pagination-bullet:nth-of-type(3),body.no-js .role-info .swiper-pagination-bullet:nth-of-type(3){background-image:url(btn_avatar3.6d8af601.png)}body.webp .role-info .swiper-pagination-bullet:nth-of-type(3){background-image:url(btn_avatar3.8f937010.webp)}.role-info .swiper-pagination-bullet:nth-of-type(4){background:50%/cover no-repeat;top:-34.1146vw;left:0}body.no-webp .role-info .swiper-pagination-bullet:nth-of-type(4),body.no-js .role-info .swiper-pagination-bullet:nth-of-type(4){background-image:url(btn_avatar4.b7d19e9d.png)}body.webp .role-info .swiper-pagination-bullet:nth-of-type(4){background-image:url(btn_avatar4.2a428c6d.webp)}.role-info .swiper-pagination-bullet:nth-of-type(5){background:50%/cover no-repeat;top:-38.0208vw;left:0}body.no-webp .role-info .swiper-pagination-bullet:nth-of-type(5),body.no-js .role-info .swiper-pagination-bullet:nth-of-type(5){background-image:url(btn_avatar5.1eeb3390.png)}body.webp .role-info .swiper-pagination-bullet:nth-of-type(5){background-image:url(btn_avatar5.3437451a.webp)}.role-info .swiper-pagination-bullet-active:first-of-type{background:50%/cover no-repeat}body.no-webp .role-info .swiper-pagination-bullet-active:first-of-type,body.no-js .role-info .swiper-pagination-bullet-active:first-of-type{background-image:url(btn_avatar1_h.34f9ef0d.png)}body.webp .role-info .swiper-pagination-bullet-active:first-of-type{background-image:url(btn_avatar1_h.4679a6d7.webp)}.role-info .swiper-pagination-bullet-active:nth-of-type(2){background:50%/cover no-repeat}body.no-webp .role-info .swiper-pagination-bullet-active:nth-of-type(2),body.no-js .role-info .swiper-pagination-bullet-active:nth-of-type(2){background-image:url(btn_avatar2_h.a3b3a83b.png)}body.webp .role-info .swiper-pagination-bullet-active:nth-of-type(2){background-image:url(btn_avatar2_h.ffa1570c.webp)}.role-info .swiper-pagination-bullet-active:nth-of-type(3){background:50%/cover no-repeat}body.no-webp .role-info .swiper-pagination-bullet-active:nth-of-type(3),body.no-js .role-info .swiper-pagination-bullet-active:nth-of-type(3){background-image:url(btn_avatar3_h.9f3f2cbf.png)}body.webp .role-info .swiper-pagination-bullet-active:nth-of-type(3){background-image:url(btn_avatar3_h.ef1dc362.webp)}.role-info .swiper-pagination-bullet-active:nth-of-type(4){background:50%/cover no-repeat}body.no-webp .role-info .swiper-pagination-bullet-active:nth-of-type(4),body.no-js .role-info .swiper-pagination-bullet-active:nth-of-type(4){background-image:url(btn_avatar4_h.5def373d.png)}body.webp .role-info .swiper-pagination-bullet-active:nth-of-type(4){background-image:url(btn_avatar4_h.6f703cbd.webp)}.role-info .swiper-pagination-bullet-active:nth-of-type(5){background:50%/cover no-repeat}body.no-webp .role-info .swiper-pagination-bullet-active:nth-of-type(5),body.no-js .role-info .swiper-pagination-bullet-active:nth-of-type(5){background-image:url(btn_avatar5_h.efdc19e5.png)}body.webp .role-info .swiper-pagination-bullet-active:nth-of-type(5){background-image:url(btn_avatar5_h.77fcf8c0.webp)}.roleshow{animation:1s both roleshow}.txtshow{animation:1s both txtshow}.nameshow{animation:1s both nameshow}.num-box{z-index:10;background:50%/cover no-repeat;width:52.0833vw;height:14.9479vw;position:absolute;top:7.29167vw;left:13.0208vw}body.no-webp .num-box,body.no-js .num-box{background-image:url(num_box.36943a27.png)}body.webp .num-box{background-image:url(num_box.2c9f5235.webp)}.sub-num{color:#fff;font-size:2.08333vw;font-weight:700;position:absolute;top:9.21875vw;left:32.2917vw}.dialog{z-index:10;background:50%/cover no-repeat;width:14.8958vw;height:4.58333vw;animation:1s ease-in-out infinite alternate animate-shake;position:absolute;top:2.60417vw;left:19.7917vw}body.no-webp .dialog,body.no-js .dialog{background-image:url(dialog.5dd39f6e.png)}body.webp .dialog{background-image:url(dialog.fb2cc615.webp)}.btn-rule-gift{z-index:20;background:50%/cover no-repeat;width:1.66667vw;height:1.66667vw;position:absolute;top:4.6875vw;right:20.3125vw}body.no-webp .btn-rule-gift,body.no-js .btn-rule-gift{background-image:url(btn_rule.de949f46.png)}body.webp .btn-rule-gift{background-image:url(btn_rule.d94bdbe8.webp)}.gift-box1{z-index:2;width:17.7083vw;height:25vw;position:absolute;top:19.2708vw;left:4.16667vw}.gift-box2{z-index:2;width:17.7083vw;height:25vw;position:absolute;top:19.2708vw;left:21.3542vw}.gift-box3{z-index:2;width:17.7083vw;height:25vw;position:absolute;top:19.2708vw;left:38.8021vw}.gift-box4{z-index:2;width:17.7083vw;height:25vw;position:absolute;top:19.2708vw;right:4.16667vw}.gift1,.gift2,.gift3,.gift4{z-index:2;width:17.7083vw;height:25vw;position:absolute;top:0;left:0}.gift1{background:50%/cover no-repeat}body.no-webp .gift1,body.no-js .gift1{background-image:url(gift1.4ed0d0c7.png)}body.webp .gift1{background-image:url(gift1.2119a93e.webp)}.gift1.reach{background:50%/cover no-repeat}body.no-webp .gift1.reach,body.no-js .gift1.reach{background-image:url(gift1_reach.427ca3d0.png)}body.webp .gift1.reach{background-image:url(gift1_reach.2a9e1874.webp)}.gift2{background:50%/cover no-repeat}body.no-webp .gift2,body.no-js .gift2{background-image:url(gift2.694b45c9.png)}body.webp .gift2{background-image:url(gift2.e3ccc9e4.webp)}.gift2.reach{background:50%/cover no-repeat}body.no-webp .gift2.reach,body.no-js .gift2.reach{background-image:url(gift2_reach.9e66ca61.png)}body.webp .gift2.reach{background-image:url(gift2_reach.30f181ac.webp)}.gift3{background:50%/cover no-repeat}body.no-webp .gift3,body.no-js .gift3{background-image:url(gift3.b48036e0.png)}body.webp .gift3{background-image:url(gift3.e8169cd8.webp)}.gift3.reach{background:50%/cover no-repeat}body.no-webp .gift3.reach,body.no-js .gift3.reach{background-image:url(gift3_reach.3d7b6afc.png)}body.webp .gift3.reach{background-image:url(gift3_reach.627498a3.webp)}.gift4{background:50%/cover no-repeat}body.no-webp .gift4,body.no-js .gift4{background-image:url(gift4.ca968221.png)}body.webp .gift4{background-image:url(gift4.1bece8a5.webp)}.gift4.reach{background:50%/cover no-repeat}body.no-webp .gift4.reach,body.no-js .gift4.reach{background-image:url(gift4_reach.1c73f080.png)}body.webp .gift4.reach{background-image:url(gift4_reach.1a92ea65.webp)}.animate-left{will-change:transform,opacity;animation-name:fadeInleft}.animate-in{will-change:transform,opacity;animation-name:fadeIn;animation-delay:.3s}.animated{animation-duration:1.2s;animation-fill-mode:both}.t1{animation-delay:0}.t2{animation-delay:.3s}.t3{animation-delay:.6s}.t4{animation-delay:.9s}.start{position:absolute}.gift1 .star-first{background:50%/cover no-repeat;width:3.125vw;height:3.125vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:0s;top:15.3646vw;left:4.6875vw}body.no-webp .gift1 .star-first,body.no-js .gift1 .star-first{background-image:url(star.40e8fd8e.png)}body.webp .gift1 .star-first{background-image:url(star.1db9cc81.webp)}.gift1 .star-second{background:50%/cover no-repeat;width:2.08333vw;height:2.08333vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.3s;top:8.33333vw;left:8.59375vw}body.no-webp .gift1 .star-second,body.no-js .gift1 .star-second{background-image:url(star.40e8fd8e.png)}body.webp .gift1 .star-second{background-image:url(star.1db9cc81.webp)}.gift1 .star-third{background:50%/cover no-repeat;width:1.5625vw;height:1.5625vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.5s;top:13.5417vw;left:10.1042vw}body.no-webp .gift1 .star-third,body.no-js .gift1 .star-third{background-image:url(star.40e8fd8e.png)}body.webp .gift1 .star-third{background-image:url(star.1db9cc81.webp)}.gift2 .star-first{background:50%/cover no-repeat;width:3.125vw;height:3.125vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:0s;top:7.29167vw;left:8.07292vw}body.no-webp .gift2 .star-first,body.no-js .gift2 .star-first{background-image:url(star.40e8fd8e.png)}body.webp .gift2 .star-first{background-image:url(star.1db9cc81.webp)}.gift2 .star-second{background:50%/cover no-repeat;width:2.08333vw;height:2.08333vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.3s;top:16.1458vw;right:4.6875vw}body.no-webp .gift2 .star-second,body.no-js .gift2 .star-second{background-image:url(star.40e8fd8e.png)}body.webp .gift2 .star-second{background-image:url(star.1db9cc81.webp)}.gift2 .star-third{background:50%/cover no-repeat;width:1.5625vw;height:1.5625vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.5s;top:15.625vw;left:6.25vw}body.no-webp .gift2 .star-third,body.no-js .gift2 .star-third{background-image:url(star.40e8fd8e.png)}body.webp .gift2 .star-third{background-image:url(star.1db9cc81.webp)}.gift3 .star-first{background:50%/cover no-repeat;width:3.125vw;height:3.125vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:0s;top:7.8125vw;left:5.72917vw}body.no-webp .gift3 .star-first,body.no-js .gift3 .star-first{background-image:url(star.40e8fd8e.png)}body.webp .gift3 .star-first{background-image:url(star.1db9cc81.webp)}.gift3 .star-second{background:50%/cover no-repeat;width:2.08333vw;height:2.08333vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.3s;top:16.1458vw;right:4.16667vw}body.no-webp .gift3 .star-second,body.no-js .gift3 .star-second{background-image:url(star.40e8fd8e.png)}body.webp .gift3 .star-second{background-image:url(star.1db9cc81.webp)}.gift3 .star-third{background:50%/cover no-repeat;width:1.5625vw;height:1.5625vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.5s;top:16.1458vw;left:4.16667vw}body.no-webp .gift3 .star-third,body.no-js .gift3 .star-third{background-image:url(star.40e8fd8e.png)}body.webp .gift3 .star-third{background-image:url(star.1db9cc81.webp)}.gift4 .star-first{background:50%/cover no-repeat;width:3.125vw;height:3.125vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:0s;top:9.11458vw;right:5.72917vw}body.no-webp .gift4 .star-first,body.no-js .gift4 .star-first{background-image:url(star.40e8fd8e.png)}body.webp .gift4 .star-first{background-image:url(star.1db9cc81.webp)}.gift4 .star-second{background:50%/cover no-repeat;width:2.08333vw;height:2.08333vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.3s;top:14.0625vw;left:2.08333vw}body.no-webp .gift4 .star-second,body.no-js .gift4 .star-second{background-image:url(star.40e8fd8e.png)}body.webp .gift4 .star-second{background-image:url(star.1db9cc81.webp)}.gift4 .star-third{background:50%/cover no-repeat;width:1.5625vw;height:1.5625vw;animation-name:star-pulse;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:.5s;top:15.1042vw;right:4.16667vw}body.no-webp .gift4 .star-third,body.no-js .gift4 .star-third{background-image:url(star.40e8fd8e.png)}body.webp .gift4 .star-third{background-image:url(star.1db9cc81.webp)}.gift-txt{z-index:6;width:11.4583vw;height:7.23958vw;animation:.5s forwards bounceIn;display:none;position:absolute;top:17.1875vw;left:3.125vw}.txt-10w{background:50%/cover no-repeat}body.no-webp .txt-10w,body.no-js .txt-10w{background-image:url(txt_10w.a1f00277.png)}body.webp .txt-10w{background-image:url(txt_10w.a5a9a4ac.webp)}.txt-50w{background:50%/cover no-repeat}body.no-webp .txt-50w,body.no-js .txt-50w{background-image:url(txt_50w.f96ab507.png)}body.webp .txt-50w{background-image:url(txt_50w.b26b8eca.webp)}.txt-80w{background:50%/cover no-repeat}body.no-webp .txt-80w,body.no-js .txt-80w{background-image:url(txt_80w.65de9088.png)}body.webp .txt-80w{background-image:url(txt_80w.840e667e.webp)}.txt-100w{background:50%/cover no-repeat}body.no-webp .txt-100w,body.no-js .txt-100w{background-image:url(txt_100w.01aee81e.png)}body.webp .txt-100w{background-image:url(txt_100w.b31c3fd6.webp)}.finsh-line{z-index:1;background:50%/cover no-repeat;width:78.125vw;height:2.13542vw;position:absolute;top:42.7083vw;left:0}body.no-webp .finsh-line,body.no-js .finsh-line{background-image:url(finsh_line.b3c184fb.png)}body.webp .finsh-line{background-image:url(finsh_line.7b6493a8.webp)}.finsh-on{z-index:6;background:50%/cover no-repeat;width:78.125vw;height:2.13542vw;display:none;position:absolute;top:0;left:0}body.no-webp .finsh-on,body.no-js .finsh-on{background-image:url(finsh_on.d797f406.png)}body.webp .finsh-on{background-image:url(finsh_on.91eac87b.webp)}.finsh1{background:0/78.125vw 2.13542vw no-repeat;width:20%;display:block}body.no-webp .finsh1,body.no-js .finsh1{background-image:url(finsh_on.d797f406.png)}body.webp .finsh1{background-image:url(finsh_on.91eac87b.webp)}.finsh2{background:0/78.125vw 2.13542vw no-repeat;width:45%;display:block}body.no-webp .finsh2,body.no-js .finsh2{background-image:url(finsh_on.d797f406.png)}body.webp .finsh2{background-image:url(finsh_on.91eac87b.webp)}.finsh3{background:0/78.125vw 2.13542vw no-repeat;width:68%;display:block}body.no-webp .finsh3,body.no-js .finsh3{background-image:url(finsh_on.d797f406.png)}body.webp .finsh3{background-image:url(finsh_on.91eac87b.webp)}.finsh4{background:0/78.125vw 2.13542vw no-repeat;width:100%;display:block}body.no-webp .finsh4,body.no-js .finsh4{background-image:url(finsh_on.d797f406.png)}body.webp .finsh4{background-image:url(finsh_on.91eac87b.webp)}.line-flag{z-index:1;background:50%/cover no-repeat;width:1.19792vw;height:1.97917vw;display:none;position:absolute;top:.104167vw;left:0}body.no-webp .line-flag,body.no-js .line-flag{background-image:url(flag.3cfd06ab.png)}body.webp .line-flag{background-image:url(flag.e9c2ac34.webp)}.flag1{left:11.6667vw}.flag2{left:29.0625vw}.flag3{left:46.5625vw}.flag4{left:64.0625vw}.complete{background:50%/cover no-repeat;width:7.1875vw;height:1.71875vw;display:none;position:absolute;top:7.29167vw;left:1.04167vw}body.no-webp .complete,body.no-js .complete{background-image:url(complete.92af3cdd.png)}body.webp .complete{background-image:url(complete.5f7da40b.webp)}.intro{float:left;background:50%/cover no-repeat;width:64.5833vw;height:37.5vw;margin-top:8.85417vw;margin-left:6.77083vw;display:inline;position:relative}body.no-webp .intro,body.no-js .intro{background-image:url(intro_box.f2c67392.png)}body.webp .intro{background-image:url(intro_box.4ded655b.webp)}.intro-container{width:61.0938vw;position:absolute;top:1.71875vw;left:1.71875vw;overflow:hidden}.store-pic{width:61.0938vw;height:34.2708vw}.intro .swiper-slide{text-align:center;z-index:1;justify-content:center;align-items:center;transition:all .3s;display:flex}.intro-pagination-box{z-index:1;background:50%/cover no-repeat;width:78.125vw;height:1.19792vw;position:absolute;top:37.5vw;left:-8.48958vw}body.no-webp .intro-pagination-box,body.no-js .intro-pagination-box{background-image:url(intro_pagination_box.5f9d476f.png)}body.webp .intro-pagination-box{background-image:url(intro_pagination_box.20636b21.webp)}.intro .intro-pagination{z-index:10;text-align:center;width:78.125vw;height:1.19792vw;position:absolute;top:0;left:0}.intro .intro-pagination .swiper-pagination-bullet{opacity:0;cursor:pointer;border-radius:0;width:7.34375vw;height:1.19792vw;margin-bottom:1.04167vw;display:inline-block}.intro .intro-pagination .swiper-pagination-bullet-active{opacity:1;background:50%/cover no-repeat;width:7.34375vw;height:1.19792vw;margin-left:.520833vw;margin-right:.520833vw}body.no-webp .intro .intro-pagination .swiper-pagination-bullet-active,body.no-js .intro .intro-pagination .swiper-pagination-bullet-active{background-image:url(dot_on.7c89f22e.png)}body.webp .intro .intro-pagination .swiper-pagination-bullet-active{background-image:url(dot_on.c6e84f30.webp)}.intro .intro-next,.intro .intro-prev{z-index:20;background:0 0;outline:none;width:6.25vw;height:6.25vw;margin-top:0;position:absolute;top:17.1875vw}.intro .intro-next{background:50%/cover no-repeat;right:-5.20833vw}body.no-webp .intro .intro-next,body.no-js .intro .intro-next{background-image:url(next.04a437d3.png)}body.webp .intro .intro-next{background-image:url(next.24dd41f5.webp)}.intro .intro-prev{background:50%/cover no-repeat;left:-5.20833vw}body.no-webp .intro .intro-prev,body.no-js .intro .intro-prev{background-image:url(prev.230dd4ce.png)}body.webp .intro .intro-prev{background-image:url(prev.8cd002f0.webp)}.intro-prev:after,.intro-next:after{content:""}.store-pic1{background:50%/cover no-repeat}body.no-webp .store-pic1,body.no-js .store-pic1{background-image:url(pic1.5979c43a.jpg)}body.webp .store-pic1{background-image:url(pic1.e51c84f4.webp)}.store-pic2{background:50%/cover no-repeat}body.no-webp .store-pic2,body.no-js .store-pic2{background-image:url(pic2.15fe1aad.jpg)}body.webp .store-pic2{background-image:url(pic2.3e481dc0.webp)}.store-pic3{background:50%/cover no-repeat}body.no-webp .store-pic3,body.no-js .store-pic3{background-image:url(pic3.d058b4b9.jpg)}body.webp .store-pic3{background-image:url(pic3.3f254cd3.webp)}.store-pic4{background:50%/cover no-repeat}body.no-webp .store-pic4,body.no-js .store-pic4{background-image:url(pic4.1f15837e.jpg)}body.webp .store-pic4{background-image:url(pic4.5f078a66.webp)}.store-pic5{background:50%/cover no-repeat}body.no-webp .store-pic5,body.no-js .store-pic5{background-image:url(pic5.2e669845.jpg)}body.webp .store-pic5{background-image:url(pic5.a7a218a0.webp)}.store-pic6{background:50%/cover no-repeat}body.no-webp .store-pic6,body.no-js .store-pic6{background-image:url(pic6.62dc7961.jpg)}body.webp .store-pic6{background-image:url(pic6.f8613e57.webp)}.fb-box{float:left;width:58.3333vw;margin-top:11.4583vw;margin-left:9.89583vw;display:inline}.fb-box a{width:28.3333vw;height:5.10417vw}.btn-fb{float:left;background:50%/cover no-repeat}body.no-webp .btn-fb,body.no-js .btn-fb{background-image:url(btn_fb.d3d8a406.png)}body.webp .btn-fb{background-image:url(btn_fb.1682d5c7.webp)}.btn-note{float:right;background:50%/cover no-repeat}body.no-webp .btn-note,body.no-js .btn-note{background-image:url(btn_note.ee2c0ec3.png)}body.webp .btn-note{background-image:url(btn_note.56cfb102.webp)}.fb-box a span{float:left;width:28.3333vw;height:5.10417vw;position:relative;overflow:hidden}.fb-box a .effect{content:"";z-index:2;-ms-animation:sg 2s linear infinite;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.pop-pre{background:50%/cover no-repeat;width:29.8438vw;height:34.5833vw;display:none;position:relative}body.no-webp .pop-pre,body.no-js .pop-pre{background-image:url(pop_pre.5787482f.png)}body.webp .pop-pre{background-image:url(pop_pre.17a45a2d.webp)}.pre-close{z-index:2;background:50%/cover no-repeat;width:3.125vw;height:3.125vw;position:absolute;top:.520833vw;right:0}body.no-webp .pre-close,body.no-js .pre-close{background-image:url(close.b87ed9c0.png)}body.webp .pre-close{background-image:url(close.c84deb91.webp)}.pop-info-box{float:left;background:#fff;border:.0520833vw solid #564136;width:26.7708vw;height:3.75vw;margin-top:23.4375vw;margin-left:1.51042vw;display:inline;position:relative}.pop-area{float:left;appearance:none;color:#564136;background:50%/10.2083vw 3.75vw no-repeat;border:none;outline:none;width:10.2083vw;height:3.75vw;padding-left:.78125vw;font-size:1.25vw;display:inline}body.no-webp .pop-area,body.no-js .pop-area{background-image:url(pop_area.8609f96b.png)}body.webp .pop-area{background-image:url(pop_area.fda00021.webp)}.pop-input-in{float:right;text-align:center;color:#564136;background:0 0;border:none;outline:none;width:15.5208vw;height:3.75vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.35417vw;line-height:3.75vw;display:inline}.pop-btn-reservation{float:left;background:50%/cover no-repeat;width:27.6042vw;height:4.84375vw;margin-top:1.14583vw;margin-left:1.09375vw;animation:1s linear infinite alternate magnify;display:inline}body.no-webp .pop-btn-reservation,body.no-js .pop-btn-reservation{background-image:url(btn_pop_reservation.db992f5b.png)}body.webp .pop-btn-reservation{background-image:url(btn_pop_reservation.c2691af7.webp)}.pop-reservation-cat{background:50%/cover no-repeat;width:6.66667vw;height:6.5625vw;animation:1s ease-in-out infinite alternate animate-shake;position:absolute;top:-1.14583vw;left:.46875vw}body.no-webp .pop-reservation-cat,body.no-js .pop-reservation-cat{background-image:url(pop_reservation_cat.ae2d4ef9.png)}body.webp .pop-reservation-cat{background-image:url(pop_reservation_cat.643152d0.webp)}.pop-pre-success{background:50%/cover no-repeat;width:29.8438vw;height:32.8125vw;display:none;position:relative}body.no-webp .pop-pre-success,body.no-js .pop-pre-success{background-image:url(pop_pre_success.0f01f3bd.png)}body.webp .pop-pre-success{background-image:url(pop_pre_success.3562610d.webp)}.pop-pre-had{background:50%/cover no-repeat;width:29.8438vw;height:32.8125vw;display:none;position:relative}body.no-webp .pop-pre-had,body.no-js .pop-pre-had{background-image:url(pop_pre_had.c4fcd4a9.png)}body.webp .pop-pre-had{background-image:url(pop_pre_had.24634b06.webp)}.pop-store{float:left;width:27.6042vw;margin-top:27.5vw;margin-left:1.14583vw;display:inline;position:relative}.pop-btn-ios{float:left;background:50%/cover no-repeat;width:13.3333vw;height:4.0625vw;position:relative}body.no-webp .pop-btn-ios,body.no-js .pop-btn-ios{background-image:url(pop_btn_ios.5bfd22e2.png)}body.webp .pop-btn-ios{background-image:url(pop_btn_ios.cd40a100.webp)}.pop-btn-gp{float:right;background:50%/cover no-repeat;width:13.3333vw;height:4.0625vw;position:relative}body.no-webp .pop-btn-gp,body.no-js .pop-btn-gp{background-image:url(pop_btn_gp.596d701b.png)}body.webp .pop-btn-gp{background-image:url(pop_btn_gp.cedb966c.webp)}.pop-red-dot{background:50%/cover no-repeat;width:.9375vw;height:.9375vw;position:absolute;top:-.260417vw;right:-.260417vw}body.no-webp .pop-red-dot,body.no-js .pop-red-dot{background-image:url(pop_red_dot.6fd0ae89.png)}body.webp .pop-red-dot{background-image:url(pop_red_dot.120412c9.webp)}.pop-btn-gp span,.pop-btn-ios span{float:left;width:100%;height:4.11458vw;position:relative;overflow:hidden}.pop-btn-ios:hover{background:50%/cover no-repeat}body.no-webp .pop-btn-ios:hover,body.no-js .pop-btn-ios:hover{background-image:url(pop_btn_ios_h.9b3990d1.png)}body.webp .pop-btn-ios:hover{background-image:url(pop_btn_ios_h.7486133a.webp)}.pop-btn-gp:hover{background:50%/cover no-repeat}body.no-webp .pop-btn-gp:hover,body.no-js .pop-btn-gp:hover{background-image:url(pop_btn_gp_h.cff3e364.png)}body.webp .pop-btn-gp:hover{background-image:url(pop_btn_gp_h.d180c13f.webp)}.pop-btn-ios span .effect,.pop-btn-gp span .effect{content:"";z-index:2;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;transition:all .65s;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}.pop-family-create,.pop-family-intro,.pop-family-create-success{background:50%/cover no-repeat;width:29.5313vw;height:38.4375vw;margin-top:4.16667vw;display:none;position:relative}body.no-webp .pop-family-create,body.no-js .pop-family-create,body.no-webp .pop-family-intro,body.no-js .pop-family-intro,body.no-webp .pop-family-create-success,body.no-js .pop-family-create-success{background-image:url(pop_family.4c2bbe2c.png)}body.webp .pop-family-create,body.webp .pop-family-intro,body.webp .pop-family-create-success{background-image:url(pop_family.71443af0.webp)}.pop-family-cont{width:100%;margin:.520833vw auto 0;position:relative}.pop-family-title-create,.pop-family-title-intro,.pop-family-title{float:left;width:29.5313vw;height:3.125vw;margin-bottom:.520833vw}.pop-family-title-create{background:50%/cover no-repeat}body.no-webp .pop-family-title-create,body.no-js .pop-family-title-create{background-image:url(pop_family_title_create.74eba487.png)}body.webp .pop-family-title-create{background-image:url(pop_family_title_create.6ae62c80.webp)}.pop-family-title-intro{background:50%/cover no-repeat}body.no-webp .pop-family-title-intro,body.no-js .pop-family-title-intro{background-image:url(pop_family_title_intro.3b4e5e4d.png)}body.webp .pop-family-title-intro{background-image:url(pop_family_title_intro.b1b06ff3.webp)}.pop-family-title{background:50%/cover no-repeat}body.no-webp .pop-family-title,body.no-js .pop-family-title{background-image:url(pop_family_title.2feac37d.png)}body.webp .pop-family-title{background-image:url(pop_family_title.c948430a.webp)}.pop-tips{float:left;text-align:center;color:#bd2b16;width:100%;margin-top:-.520833vw;margin-bottom:.520833vw;font-size:.9375vw;position:relative}.pop-family-tips{color:#001c5a;padding-left:.520833vw;font-size:1.14583vw;line-height:3.33333vw;overflow:hidden}.pop-family-box{width:27.9688vw;margin:0 auto;display:block}.family-info{float:left;background:#fff;border:.0520833vw solid #96addb;align-items:center;width:27.8646vw;height:2.5vw;margin-top:.520833vw;display:flex}.pop-create-input{box-sizing:border-box;vertical-align:middle;color:#001c5a;background:#fff;border:none;outline:none;flex:1;height:2.5vw;padding-left:.520833vw;padding-right:.520833vw;font-size:1.14583vw}.pop-intro-input{box-sizing:border-box;vertical-align:middle;color:#001c5a;background:#fff;border:none;outline:none;flex:1;height:2.5vw;padding-right:.520833vw;font-size:1.14583vw}.pop-create-input::-webkit-input-placeholder{color:#001c5a}.pop-intro-input::-webkit-input-placeholder{color:#001c5a}.pop-create-input::-moz-placeholder{color:#001c5a}.pop-intro-input::-moz-placeholder{color:#001c5a}:is(.pop-create-input:placeholder-shown,.pop-intro-input:placeholder-shown){color:#001c5a}.family-area{box-sizing:border-box;vertical-align:middle;color:#001c5a;background:#fff 50%/cover no-repeat;border:none;outline:none;flex:1;height:2.5vw;padding-left:.520833vw;font-size:1.14583vw}body.no-webp .family-area,body.no-js .family-area{background-image:url(family_area.7e4998ad.png)}body.webp .family-area{background-image:url(family_area.91b609ef.webp)}.pop-chose-tips{float:left;text-align:center;color:red;width:100%;margin-top:.260417vw;font-size:1.04167vw;font-weight:700;position:relative}.decent-villain{float:left;width:29.1667vw;height:9.0625vw;margin-left:.208333vw;display:inline;position:relative}.pop-create-decent,.pop-create-decent-o,.pop-intro-decent,.pop-intro-decent-o{width:16.3542vw;height:8.4375vw;position:absolute;top:0;left:0}.pop-create-decent{background:50%/cover no-repeat}body.no-webp .pop-create-decent,body.no-js .pop-create-decent{background-image:url(pop_create_decent.84b318f5.png)}body.webp .pop-create-decent{background-image:url(pop_create_decent.74452e4b.webp)}.pop-create-decent-o{background:50%/cover no-repeat;display:none}body.no-webp .pop-create-decent-o,body.no-js .pop-create-decent-o{background-image:url(pop_create_decent_o.24acf70e.png)}body.webp .pop-create-decent-o{background-image:url(pop_create_decent_o.59446f8d.webp)}.pop-intro-decent{background:50%/cover no-repeat}body.no-webp .pop-intro-decent,body.no-js .pop-intro-decent{background-image:url(pop_intro_decent.afe7d87b.png)}body.webp .pop-intro-decent{background-image:url(pop_intro_decent.66f2348e.webp)}.pop-intro-decent-o{background:50%/cover no-repeat;display:none}body.no-webp .pop-intro-decent-o,body.no-js .pop-intro-decent-o{background-image:url(pop_intro_decent_o.979c7742.png)}body.webp .pop-intro-decent-o{background-image:url(pop_intro_decent_o.1a9f0ce7.webp)}.pop-create-villain,.pop-create-villain-o,.pop-intro-villain,.pop-intro-villain-o{width:16.3542vw;height:8.80208vw;position:absolute;top:.260417vw;right:0}.pop-create-villain{background:50%/cover no-repeat;display:none}body.no-webp .pop-create-villain,body.no-js .pop-create-villain{background-image:url(pop_create_villain.4c0f2aba.png)}body.webp .pop-create-villain{background-image:url(pop_create_villain.831e04c5.webp)}.pop-create-villain-o{background:50%/cover no-repeat}body.no-webp .pop-create-villain-o,body.no-js .pop-create-villain-o{background-image:url(pop_create_villain_o.b69023b9.png)}body.webp .pop-create-villain-o{background-image:url(pop_create_villain_o.5d8bf85e.webp)}.pop-intro-villain{background:50%/cover no-repeat;display:none}body.no-webp .pop-intro-villain,body.no-js .pop-intro-villain{background-image:url(pop_intro_villain.8eb3a526.png)}body.webp .pop-intro-villain{background-image:url(pop_intro_villain.a7d55ce9.webp)}.pop-intro-villain-o{background:50%/cover no-repeat}body.no-webp .pop-intro-villain-o,body.no-js .pop-intro-villain-o{background-image:url(pop_intro_villain_o.a758fda2.png)}body.webp .pop-intro-villain-o{background-image:url(pop_intro_villain_o.393a4647.webp)}.decent-villain-box{float:left;color:#001c5a;width:22.7604vw;margin-top:.260417vw;margin-left:3.38542vw;display:inline;position:relative}.btn-add-decent{float:left;background:50%/cover no-repeat;width:7.8125vw;height:2.03125vw}body.no-webp .btn-add-decent,body.no-js .btn-add-decent{background-image:url(btn_add_decent.dcc2fb80.png)}body.webp .btn-add-decent{background-image:url(btn_add_decent.afd5fe6f.webp)}.btn-add-decent:hover{background:50%/cover no-repeat}body.no-webp .btn-add-decent:hover,body.no-js .btn-add-decent:hover{background-image:url(btn_add_decent_h.032d3bc0.png)}body.webp .btn-add-decent:hover{background-image:url(btn_add_decent_h.b41106c5.webp)}.btn-add-villain{float:right;background:50%/cover no-repeat;width:7.8125vw;height:2.03125vw}body.no-webp .btn-add-villain,body.no-js .btn-add-villain{background-image:url(btn_add_villain.d5f7e310.png)}body.webp .btn-add-villain{background-image:url(btn_add_villain.eca6c545.webp)}.btn-add-villain:hover{background:50%/cover no-repeat}body.no-webp .btn-add-villain:hover,body.no-js .btn-add-villain:hover{background-image:url(btn_add_villain_h.e472e224.png)}body.webp .btn-add-villain:hover{background-image:url(btn_add_villain_h.10237f01.webp)}.btn-copy{background:50%/cover no-repeat;width:5.72917vw;height:2.1875vw;margin-right:.260417vw}body.no-webp .btn-copy,body.no-js .btn-copy{background-image:url(btn_copy.a17a86f0.png)}body.webp .btn-copy{background-image:url(btn_copy.8fe2e09f.webp)}.btn-copy:hover{background:50%/cover no-repeat}body.no-webp .btn-copy:hover,body.no-js .btn-copy:hover{background-image:url(btn_copy_h.e807b7c6.png)}body.webp .btn-copy:hover{background-image:url(btn_copy_h.0a0b9524.webp)}.btn-release,.btn-join{float:left;width:20.1563vw;height:4.27083vw;margin-top:.78125vw;margin-left:4.6875vw;display:inline}.btn-release{background:50%/cover no-repeat}body.no-webp .btn-release,body.no-js .btn-release{background-image:url(btn_release.8c94426a.png)}body.webp .btn-release{background-image:url(btn_release.9c315934.webp)}.btn-join{background:50%/cover no-repeat}body.no-webp .btn-join,body.no-js .btn-join{background-image:url(btn_join.7f52d80f.png)}body.webp .btn-join{background-image:url(btn_join.09d2d4d1.webp)}.btn-release:hover{background:50%/cover no-repeat}body.no-webp .btn-release:hover,body.no-js .btn-release:hover{background-image:url(btn_release_h.47586ea3.png)}body.webp .btn-release:hover{background-image:url(btn_release_h.3037879f.webp)}.btn-join:hover{background:50%/cover no-repeat}body.no-webp .btn-join:hover,body.no-js .btn-join:hover{background-image:url(btn_join_h.41238ca1.png)}body.webp .btn-join:hover{background-image:url(btn_join_h.94483f83.webp)}.pop-family-success{background:50%/cover no-repeat;width:29.0104vw;height:25.1042vw;margin-top:4.16667vw;display:none;position:relative}body.no-webp .pop-family-success,body.no-js .pop-family-success{background-image:url(pop_family_success.9aa45a82.png)}body.webp .pop-family-success{background-image:url(pop_family_success.f0129614.webp)}.pop-create-success-title,.pop-join-success-title{float:left;width:29.0104vw;height:3.125vw;margin-top:1.04167vw;margin-bottom:.520833vw}.pop-create-success-title{background:50%/cover no-repeat}body.no-webp .pop-create-success-title,body.no-js .pop-create-success-title{background-image:url(pop_create_success_title.d3bbf473.png)}body.webp .pop-create-success-title{background-image:url(pop_create_success_title.271b93dd.webp)}.pop-join-success-title{background:50%/cover no-repeat}body.no-webp .pop-join-success-title,body.no-js .pop-join-success-title{background-image:url(pop_join_success_title.2cca7364.png)}body.webp .pop-join-success-title{background-image:url(pop_join_success_title.d1a6da5e.webp)}.success-tips{float:left;background:50%/cover no-repeat;width:29.0104vw;height:2.08333vw}body.no-webp .success-tips,body.no-js .success-tips{background-image:url(success_tips.7c71bc10.png)}body.webp .success-tips{background-image:url(success_tips.7fda21f1.webp)}.success-create-decent-villain{float:left;background:50%/cover no-repeat;width:29.0104vw;height:9.0625vw;margin-top:.520833vw}body.no-webp .success-create-decent-villain,body.no-js .success-create-decent-villain{background-image:url(success_create_decent_villain.f2da07ed.png)}body.webp .success-create-decent-villain{background-image:url(success_create_decent_villain.0029b517.webp)}.success-join-decent-villain{float:left;background:50%/cover no-repeat;width:29.0104vw;height:9.0625vw;margin-top:.520833vw}body.no-webp .success-join-decent-villain,body.no-js .success-join-decent-villain{background-image:url(success_join_decent_villain.7c843331.png)}body.webp .success-join-decent-villain{background-image:url(success_join_decent_villain.ffc9ad65.webp)}.pop-btn-copy{float:left;background:50%/cover no-repeat;width:24.0625vw;height:4.21875vw;margin-top:2.60417vw;margin-left:2.44792vw;display:inline}body.no-webp .pop-btn-copy,body.no-js .pop-btn-copy{background-image:url(pop_btn_copy.dcebf1b2.png)}body.webp .pop-btn-copy{background-image:url(pop_btn_copy.141e2e4d.webp)}.pop-btn-copy:hover{background:50%/cover no-repeat}body.no-webp .pop-btn-copy:hover,body.no-js .pop-btn-copy:hover{background-image:url(pop_btn_copy_h.b79cac3d.png)}body.webp .pop-btn-copy:hover{background-image:url(pop_btn_copy_h.6b126f95.webp)}.pop-rule,.pop-note{background:50%/cover no-repeat;width:29.0104vw;height:34.2708vw;margin-top:4.16667vw;display:none;position:relative}body.no-webp .pop-rule,body.no-js .pop-rule,body.no-webp .pop-note,body.no-js .pop-note{background-image:url(pop_rule.5ca06a02.png)}body.webp .pop-rule,body.webp .pop-note{background-image:url(pop_rule.e418e0d8.webp)}.close{z-index:2;background:50%/cover no-repeat;width:3.125vw;height:3.125vw;position:absolute;top:-3.64583vw;right:0}body.no-webp .close,body.no-js .close{background-image:url(close.b87ed9c0.png)}body.webp .close{background-image:url(close.c84deb91.webp)}.pop-rule-cont{width:27.0833vw;margin:1.04167vw auto 0;position:relative}.pop-rule-tit{background:50%/cover no-repeat;width:29.0104vw;height:3.125vw;margin:1.04167vw auto 0;position:relative}body.no-webp .pop-rule-tit,body.no-js .pop-rule-tit{background-image:url(pop_rule_tit.d49502d0.png)}body.webp .pop-rule-tit{background-image:url(pop_rule_tit.46575ac9.webp)}.pop-note-tit{background:50%/cover no-repeat;width:29.0104vw;height:3.125vw;margin:1.04167vw auto 0;position:relative}body.no-webp .pop-note-tit,body.no-js .pop-note-tit{background-image:url(pop_note_tit.50781b0f.png)}body.webp .pop-note-tit{background-image:url(pop_note_tit.50291c9b.webp)}.pop-rule-txt{z-index:2;color:#212121;word-wrap:break-word;word-break:normal;width:96%;max-height:28.125vw;margin:0 auto;padding-right:2%;font-size:1.14583vw;position:relative;overflow:hidden auto}.pop-rule-txt p{word-wrap:break-word;word-break:normal;line-height:2.08333vw}.pop-rule-txt::-webkit-scrollbar{background:#d4d4db;border-radius:.416667vw;width:.416667vw;height:.416667vw}.pop-rule-txt::-webkit-scrollbar-track{background:#d4d4db;border-radius:.416667vw;-webkit-box-shadow:inset 0 0 .416667vw #0000001a}.pop-rule-txt::-webkit-scrollbar-thumb{background:#5971d6;border-radius:.416667vw;-webkit-box-shadow:inset 0 0 .416667vw #0000001a}.pop-message-success,.pop-message-error,.pop-message-invite{background:50%/cover no-repeat;width:29.0104vw;height:14.4271vw;margin-top:6.25vw;display:none;position:relative}body.no-webp .pop-message-success,body.no-js .pop-message-success,body.no-webp .pop-message-error,body.no-js .pop-message-error,body.no-webp .pop-message-invite,body.no-js .pop-message-invite{background-image:url(pop_message.786ff6ad.png)}body.webp .pop-message-success,body.webp .pop-message-error,body.webp .pop-message-invite{background-image:url(pop_message.9ede01ed.webp)}.pop-txt{text-align:center;color:#000;width:80%;margin:5.20833vw auto 0;font-size:1.5625vw;position:relative}.pop-txt p{line-height:2.08333vw}.pop-invite-txt{text-align:center;color:#000;width:80%;margin:4.16667vw auto 0;font-size:1.5625vw;position:relative}.pop-invite-txt p{line-height:2.08333vw}.invite-input{opacity:0;position:absolute;top:0;left:0}.btn-invite-copy{background:50%/cover no-repeat;width:7.86458vw;height:2.96875vw;margin:1.04167vw auto 0;display:block}body.no-webp .btn-invite-copy,body.no-js .btn-invite-copy{background-image:url(btn_invite_copy.7d10c785.png)}body.webp .btn-invite-copy{background-image:url(btn_invite_copy.48a61520.webp)}.btn-invite-copy:hover{background:50%/cover no-repeat}body.no-webp .btn-invite-copy:hover,body.no-js .btn-invite-copy:hover{background-image:url(btn_invite_copy_h.ce4c99c7.png)}body.webp .btn-invite-copy:hover{background-image:url(btn_invite_copy_h.d617c27a.webp)}.btn-join[data-disabled=true]{display:none!important}.btn-add[data-disabled=true],.btn-add[data-disabled=true]:hover{filter:grayscale();background:50%/cover no-repeat}body.no-webp .btn-add[data-disabled=true],body.no-js .btn-add[data-disabled=true],body.no-webp .btn-add[data-disabled=true]:hover,body.no-js .btn-add[data-disabled=true]:hover{background-image:url(btn_add.f655d4b2.png)}body.webp .btn-add[data-disabled=true],body.webp .btn-add[data-disabled=true]:hover{background-image:url(btn_add.004d13f8.webp)}.btn-in[data-joined=true]{background:50%/cover no-repeat}body.no-webp .btn-in[data-joined=true],body.no-js .btn-in[data-joined=true]{background-image:url(list.2afc9fe0.png)}body.webp .btn-in[data-joined=true]{background-image:url(list.6a8d9c73.webp)}.btn-in[data-joined=true]:hover,.btn-in[data-joined=true].current{background:50%/cover no-repeat}body.no-webp .btn-in[data-joined=true]:hover,body.no-js .btn-in[data-joined=true]:hover,body.no-webp .btn-in[data-joined=true].current,body.no-js .btn-in[data-joined=true].current{background-image:url(list.2afc9fe0.png)}body.webp .btn-in[data-joined=true]:hover,body.webp .btn-in[data-joined=true].current{background-image:url(list.6a8d9c73.webp)}.btn-create[data-joined=true]{background:50%/cover no-repeat}body.no-webp .btn-create[data-joined=true],body.no-js .btn-create[data-joined=true]{background-image:url(btn_sect.31268821.png)}body.webp .btn-create[data-joined=true]{background-image:url(btn_sect.a0f734f7.webp)}.btn-create[data-joined=true]:hover,.btn-create[data-joined=true].current{background:50%/cover no-repeat}body.no-webp .btn-create[data-joined=true]:hover,body.no-js .btn-create[data-joined=true]:hover,body.no-webp .btn-create[data-joined=true].current,body.no-js .btn-create[data-joined=true].current{background-image:url(btn_sect_h.e939a94e.png)}body.webp .btn-create[data-joined=true]:hover,body.webp .btn-create[data-joined=true].current{background-image:url(btn_sect_h.bb0a7478.webp)}.animate-headShake{animation:1s head-shake}.red{color:red}.input-error{color:red!important}.b-modal{opacity:.9!important}.btn-add[data-disabled=true].is-my-team,.btn-add[data-disabled=true].is-my-team:hover{background:50%/cover no-repeat}body.no-webp .btn-add[data-disabled=true].is-my-team,body.no-js .btn-add[data-disabled=true].is-my-team,body.no-webp .btn-add[data-disabled=true].is-my-team:hover,body.no-js .btn-add[data-disabled=true].is-my-team:hover{background-image:url(btn_add_o.81078ad0.png)}body.webp .btn-add[data-disabled=true].is-my-team,body.webp .btn-add[data-disabled=true].is-my-team:hover{background-image:url(btn_add_o.85a87d36.webp)}@keyframes moveanime{0%{opacity:0;transform:translateY(5.20833vw)}to{opacity:1;transform:translateY(0)}}@keyframes magnify{0%{transform:scale(1)}to{transform:scale(.96)}}@keyframes sg{0%{left:-100%}to{left:100%}}@keyframes roleshow{0%{opacity:0;transform:translate(-2.60417vw)}to{opacity:1;transform:translate(0)}}@keyframes nameshow{0%{opacity:0;transform:translate(-2.60417vw)}to{opacity:1;transform:translate(0)}}@keyframes txtshow{0%{opacity:0;transform:translate(2.60417vw)}to{opacity:1;transform:translate(0)}}@keyframes star-pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.6,1.6,1.6)}to{transform:scaleX(1)}}@keyframes fadeInleft{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:translateY(50%)}to{transform:translateY(0)}}@keyframes head-shake{0%{transform:translate(0)}6.5%{transform:translate(-.3125vw)rotateY(-9deg)}18.5%{transform:translate(.260417vw)rotateY(7deg)}31.5%{transform:translate(-.15625vw)rotateY(-5deg)}43.5%{transform:translate(.104167vw)rotateY(3deg)}50%{transform:translate(0)}}@keyframes animate-shake{0%{transform:none}15%{transform:translate(-2%)rotate(-2deg)}30%{transform:translate(1%)rotate(1deg)}45%{transform:translate(-1%)rotate(-1deg)}60%{transform:translate(1%)rotate(2deg)}75%{transform:translate(-1%)rotate(-1deg)}to{transform:none}}