*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#160000;font-family:Microsoft Yahei,Arial,sans-serif;overflow-x:hidden}a{cursor:pointer;text-decoration:none}button,input,select,textarea{font:inherit;border:0;border-radius:0;outline:none}textarea,select{appearance:none;background:0 0}select::-ms-expand{display:none}.option-hide{display:none}button{cursor:pointer;background:0 0}.lozad:not(.loaded),.lozad:not(.loaded):before,.lozad:not(.loaded):after,.lozad:not(.loaded) .swiper-pagination-bullet,.lozad:not(.loaded) .swiper-pagination-bullet:before{background-image:none!important}.lozad:not(.loaded) span{-webkit-mask-image:none!important;mask-image:none!important}.move{visibility:hidden}.t1{animation-delay:.1s}.t2{animation-delay:.3s}.t3{animation-delay:.5s}.animate-up{will-change:transform, opacity}.moveanime{animation-name:moveanime;animation-duration:1s;animation-fill-mode:both;visibility:visible!important}.reward-move-group{position:absolute;inset:0}.page{width:100%;position:relative}.section{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;position:relative}.section>*{z-index:2}.nav-box,.navimg1,.qrcode,.btn-close,.reservation-box,.phone-input,.store,.page-tit1,.page-tit2,.page-tit3,.page-tit4,.page-tit5,.prize-50w,.prize-btn,.prize-detail,.prize-80w,.prize-100w,.prize-120w,.prize-150w,.prize-50w-bg-cn,.prize-50w-bg-en,.prize-50w-bg-th,.prize-detail-bg,.prize-detail-cn,.prize-detail-en,.prize-detail-th,.prize-80w-bg-cn,.prize-80w-bg-en,.prize-80w-bg-th,.prize-100w-bg-cn,.prize-100w-bg-en,.prize-100w-bg-th,.prize-120w-bg-cn,.prize-120w-bg-en,.prize-120w-bg-th,.prize-150w-bg-cn,.prize-150w-bg-en,.prize-150w-bg-th,.cleared,.progress-bar,.section-03-bg,.btn-cbt,.btn-guild-decent,.btn-guild-villain,.legion-tabs,.btn-create,.btn-in,.btn-invite,.guild-panel,.guild-search,.guild-search-input-bg,.guild-row,.guild-row-bg,.guild-row-text,.btn-info,.btn-add,.page-line,.role-swiper,.role-slide,.role-layer,.role-side-motion,.role-thumb,.role-thumb-active,.role-main,.role-info,.role-01-thumb-f,.role-01-thumb-f-active,.role-01-thumb-m,.role-01-thumb-m-active,.role-01-main-m,.role-01-main-f,.role-01-info,.role-02-thumb-f,.role-02-thumb-f-active,.role-02-thumb-m,.role-02-thumb-m-active,.role-02-main-m,.role-02-main-f,.role-02-info,.role-03-thumb-m,.role-03-thumb-m-active,.role-03-thumb-f,.role-03-thumb-f-active,.role-03-main-f,.role-03-main-m,.role-03-info,.role-04-thumb-f,.role-04-thumb-f-active,.role-04-thumb-m,.role-04-thumb-m-active,.role-04-main-m,.role-04-main-f,.role-04-info,.role-05-thumb-f,.role-05-thumb-f-active,.role-05-thumb-m,.role-05-thumb-m-active,.role-05-main-m,.role-05-main-f,.role-05-info,.role-pagination,.role-pagination-line,.role-avatar,.role-avatar-active,.btn-role-next,.role-page,.intro-swiper,.store-pic1,.intro-pic,.intro-prev,.intro-next,.section-06-deco{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute}.section-01{background-image: ;height:53.125vw}body.no-webp .section-01,body.no-js .section-01{background-image:url(bg1.1dc57c58.jpg)}body.webp .section-01{background-image:url(bg1.e742f30a.webp)}.section-02{background-image: ;height:46.9792vw;margin-top:-.104167vw}body.no-webp .section-02,body.no-js .section-02{background-image:url(bg2.fa04faca.jpg)}body.webp .section-02{background-image:url(bg2.80712cfd.webp)}.section-03{background:50%/cover no-repeat;height:50vw;margin-top:-.104167vw}body.no-webp .section-03,body.no-js .section-03{background-image:url(bg3.8522faf1.jpg)}body.webp .section-03{background-image:url(bg3.ed7e0298.webp)}.section-03 .role-left,.section-03 .role-right{pointer-events:none;will-change:transform, opacity;background:50%/cover no-repeat;position:absolute}.section-03 .role-left.moveanime{animation-name:roleLeftIn;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.section-03 .role-right.moveanime{animation-name:roleRightIn;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.section-03 .role-left{background-image: ;width:27.3438vw;height:78.0208vw;top:-7.8125vw;left:0}body.no-webp .section-03 .role-left,body.no-js .section-03 .role-left{background-image:url(role_left.59ad7e30.png)}body.webp .section-03 .role-left{background-image:url(role_left.8dd8ee74.webp)}.section-03 .role-right{background-image: ;width:27.1354vw;height:68.8542vw;top:4.42708vw;right:0}body.no-webp .section-03 .role-right,body.no-js .section-03 .role-right{background-image:url(role_right.fe45d27b.png)}body.webp .section-03 .role-right{background-image:url(role_right.afaa6e14.webp)}.section-04{background-image: ;height:54.8958vw;margin-top:-.104167vw}body.no-webp .section-04,body.no-js .section-04{background-image:url(bg4.caf430a6.jpg)}body.webp .section-04{background-image:url(bg4.265b10bb.webp)}.section-05{background-image: ;height:51.5625vw}body.no-webp .section-05,body.no-js .section-05{background-image:url(bg5.9a870c74.jpg)}body.webp .section-05{background-image:url(bg5.531ecc2a.webp)}.section-06{background-image: ;height:29.6354vw;margin-top:-.104167vw}body.no-webp .section-06,body.no-js .section-06{background-image:url(bg6.f9a28981.jpg)}body.webp .section-06{background-image:url(bg6.05fb0594.webp)}.copyright-box{z-index:2;text-align:center;background:#000;width:100%;height:5.20833vw;position:relative;overflow:hidden}.footer-txt{margin-top:1.04167vw;font-size:.833333vw}.footer-txt a{color:#fff;margin-left:1.04167vw;margin-right:1.04167vw}.footer-txt p{line-height:1.5625vw}.footer-txt a:hover{color:#d2b583}.efun-logo{vertical-align:middle;background:50%/cover no-repeat;width:3.125vw;height:1.5625vw;margin-top:-.520833vw;margin-right:.520833vw;display:inline-block}body.no-webp .efun-logo,body.no-js .efun-logo{background-image:url(efun_logo.653e166f.png)}body.webp .efun-logo{background-image:url(efun_logo.a52b812d.webp)}#particles-js{z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.top-nav{z-index:100;width:80.625vw;height:10vw;position:fixed;top:0;right:.3125vw}.top-nav:before{content:"";background:50%/cover no-repeat;width:61.0938vw;height:2.13542vw;position:absolute;top:0;left:0}body.no-webp .top-nav:before,body.no-js .top-nav:before{background-image:url(top_nav_bg.0eb2dc51.png)}body.webp .top-nav:before{background-image:url(top_nav_bg.e43f6ab8.webp)}.nav-link,.language-switcher,.language-menu,.float-hit,.reservation-box a,.section-02 a,.section-02 button,.section-03 a,.section-03 button,.section-04 button,.section-05 button,.section-06 a{display:block;position:absolute}.reservation-box a,.section-02 a,.section-02 button,.section-03 a,.section-03 button,.section-04 button,.section-05 button,.section-06 a{background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.nav-link{background-position:50%;background-repeat:no-repeat;background-size:contain;height:1.19792vw;top:.364583vw}.nav-link-01{width:3.38542vw;left:6.30208vw}.nav-link-02{width:6.19792vw;left:14.9479vw}.nav-link-03{width:6.14583vw;left:26.4583vw}.nav-link-04{width:6.19792vw;left:37.8646vw}.nav-link-05{width:6.19792vw;left:49.375vw}.language-switcher{z-index:2;color:#f9eee2;text-align:center;background:50%/cover no-repeat;width:8.64583vw;height:2.03125vw;padding-left:0;font-size:.885417vw;line-height:2.03125vw;top:.104167vw;left:71.9792vw}body.no-webp .language-switcher,body.no-js .language-switcher{background-image:url(language_switcher_bg.a17489ad.png)}body.webp .language-switcher{background-image:url(language_switcher_bg.e401b693.webp)}.language-menu{z-index:3;text-align:center;background:50%/cover no-repeat;width:7.1875vw;height:7.44792vw;padding:0;display:none;top:2.55208vw;left:72.6563vw}body.no-webp .language-menu,body.no-js .language-menu{background-image:url(language_menu_bg.b0758b65.png)}body.webp .language-menu{background-image:url(language_menu_bg.74959d74.webp)}.language-menu:before,.language-menu:after{content:"";background-position:50%;background-repeat:no-repeat;background-size:cover;width:6.82292vw;height:.104167vw;position:absolute;left:.416667vw}.language-menu:before{background-image: ;top:2.44792vw}body.no-webp .language-menu:before,body.no-js .language-menu:before{background-image:url(language_menu_line_01.5945368e.png)}body.webp .language-menu:before{background-image:url(language_menu_line_01.1bef7684.webp)}.language-menu:after{background-image: ;top:4.89583vw}body.no-webp .language-menu:after,body.no-js .language-menu:after{background-image:url(language_menu_line_01.5945368e.png)}body.webp .language-menu:after{background-image:url(language_menu_line_01.1bef7684.webp)}.language-menu.is-open{display:block}.language-menu a{color:#f6e9d4;height:2.44792vw;font-size:.9375vw;line-height:2.44792vw;display:block}.language-menu a:hover,.language-menu .is-current{color:#f6e9d4}.floatnav{z-index:90;width:12.5vw;height:39.6354vw;transition:transform .35s;position:fixed;top:50vh;right:0;transform:translate(11.1979vw,-50%)}.floatnav .nav-box{opacity:0;transition:opacity .35s}.floatnav.is-open{transform:translateY(-50%)}.floatnav.is-open .nav-box{opacity:1}.nav-box{background-image: ;width:12.5vw;height:37.5521vw;top:2.08333vw;left:0}body.no-webp .nav-box,body.no-js .nav-box{background-image:url(nav_box.a88e105c.png)}body.webp .nav-box{background-image:url(nav_box.367e26b3.webp)}.navimg1{top:-2.08333vw;left:.677083vw;overflow:hidden}.navimg1 .swiper-wrapper,.navimg1 .swiper-slide{width:100%;height:100%}.navimg1 .swiper-slide{justify-content:center;align-items:center;display:flex}.navimg-pic{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;animation:.5s forwards navimgFadeOut;display:block}.navimg1 .swiper-slide-active .navimg-pic{animation:2s forwards navimgFadeIn}.qrcode{background-image: ;width:7.39583vw;height:7.39583vw;top:11.4583vw;left:3.17708vw}body.no-webp .qrcode,body.no-js .qrcode{background-image:url(qrcode.04efa277.png)}body.webp .qrcode{background-image:url(qrcode.9a5bd443.webp)}.btn-close{background-image: ;cursor:pointer;width:1.09375vw;height:2.08333vw;transition:transform .35s;top:16.875vw;left:.208333vw;transform:rotateY(180deg)}body.no-webp .btn-close,body.no-js .btn-close{background-image:url(btn_close.0be0719b.png)}body.webp .btn-close{background-image:url(btn_close.f82dd87c.webp)}.floatnav.is-open .btn-close{transform:rotateY(0)}.float-hit{background-position:50%;background-repeat:no-repeat;background-size:contain;width:10.7292vw;height:3.90625vw;left:1.61458vw}.float-ios{top:19.1667vw}.float-gp{top:23.0208vw}.float-fb{top:26.8229vw}.float-pre{top:30.6771vw}.float-top{background-image: ;width:6.04167vw;height:2.08333vw;top:34.7917vw;left:6.25vw}body.no-webp .float-top,body.no-js .float-top{background-image:url(btn_top.702da22b.png)}body.webp .float-top{background-image:url(btn_top.832f9cf5.webp)}.reservation-box{width:33.75vw;height:29.5833vw;top:16.9271vw;left:33.3854vw}.store-reservation-box{width:41.5104vw;height:6.92708vw;display:none;position:absolute;top:36.8229vw;left:29.4271vw}.store-reservation-box a,.store-reservation-box a span,.store-reservation-box a i{display:block;position:absolute}.store-reservation-box a{background-repeat:no-repeat;background-size:100% 100%;width:19.3229vw;height:6.92708vw;top:0}.store-reservation-box a span{inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.store-reservation-box .btn-store-ios{left:0}.store-reservation-box .btn-store-gp{left:22.1875vw}#app.abt-store .phone-reservation-box{display:none}#app.abt-store .store-reservation-box{display:block}.phone-input{background-image: ;width:28.2813vw;height:3.64583vw;top:5.10417vw;left:2.44792vw}body.no-webp .phone-input,body.no-js .phone-input{background-image:url(phone_input_bg.f91319d6.png)}body.webp .phone-input{background-image:url(phone_input_bg.8daaee79.webp)}.store{width:11.6146vw;height:8.54167vw;top:18.8542vw;left:18.3333vw}.area,.input-in{appearance:none;color:#000;background:0 0;height:3.64583vw;font-size:1.35417vw;line-height:3.64583vw;position:absolute;top:0}.area{text-align:center;text-align-last:center;box-sizing:content-box;width:8.02083vw;padding-left:0;padding-right:2.08333vw;left:.3125vw}.input-in{text-align:center;width:16.7708vw;left:11.1458vw}.input-in::placeholder{color:#c1c1c1;opacity:1}.btn-pre{width:30.625vw;height:6.875vw;top:8.75vw;left:1.25vw}.btn-reservation{animation:.6s linear infinite alternate magnify}.btn-reservation span,.btn-ios span,.btn-gp span,.btn-fb span,.btn-facebook span,.btn-discord span,.btn-nav-ios span,.btn-nav-gp span,.btn-nav-fb span,.btn-nav-reservation span{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn-reservation span .effect,.btn-ios span .effect,.btn-gp span .effect,.btn-fb span .effect,.btn-facebook span .effect,.btn-discord span .effect,.btn-nav-ios span .effect,.btn-nav-gp span .effect,.btn-nav-fb span .effect,.btn-nav-reservation 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-ios,.btn-gp{width:11.6146vw;height:4.0625vw;left:0}.btn-ios{top:0}.btn-gp{top:4.47917vw}.btn-fb{z-index:1;width:27.8125vw;height:6.92708vw;top:35.2083vw;left:21.3021vw}.btn-create,.btn-in,.btn-invite{width:13.4375vw;height:3.48958vw;top:0}.btn-create{left:0}.btn-in{left:13.75vw}.btn-invite{left:27.2917vw}.guild-search-input{color:#000;text-align:center;background:0 0;width:32.0313vw;height:2.86458vw;font-size:.9375vw;position:absolute;top:0;left:0}.guild-search-input::placeholder{color:#c1c1c1;opacity:1}.btn-search{background-image: ;width:7.8125vw;height:2.29167vw;top:.3125vw;left:32.0313vw}body.no-webp .btn-search,body.no-js .btn-search{background-image:url(btn_search.c4909999.png)}body.webp .btn-search{background-image:url(btn_search.f57b4352.webp)}.btn-cbt{z-index:80;visibility:hidden;opacity:0;pointer-events:none;width:17.6042vw;height:15.1563vw;transition:opacity .2s,transform .35s;position:fixed;top:31.1458vw;left:1.25vw;transform:translate(-100%)}.btn-cbt.is-visible{visibility:visible;opacity:1;pointer-events:auto}.btn-cbt.is-visible.is-open{transform:translate(0)}.btn-cbt-arrow{z-index:81;visibility:hidden;opacity:0;pointer-events:none;cursor:pointer;background:50%/cover no-repeat;width:1.09375vw;height:2.08333vw;transition:opacity .2s,transform .35s;position:fixed;top:41.6667vw;left:0}body.no-webp .btn-cbt-arrow,body.no-js .btn-cbt-arrow{background-image:url(btn_cbt_arrow.04d245f5.png)}body.webp .btn-cbt-arrow{background-image:url(btn_cbt_arrow.ee02e3f3.webp)}.btn-cbt-arrow.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:rotateY(180deg)}.btn-cbt-arrow.is-open{transform:rotateY(0)}.role-page{z-index:4;width:7.8125vw;height:3.33333vw;left:14.6875vw}.role-page-01{top:13.0208vw}.role-page-02{top:18.9063vw}.role-page-03{top:24.8438vw}.role-page-04{top:30.3125vw}.role-page-05{top:36.0938vw}.intro-prev,.intro-next{width:2.29167vw;height:3.64583vw;top:44.0104vw}.intro-prev{left:31.0417vw}.intro-next{left:66.7188vw}.btn-facebook,.btn-discord{z-index:5;width:19.6354vw;height:5.20833vw;top:21.7188vw}.btn-facebook{left:29.8438vw}.btn-discord{left:50.625vw}.page-tit1,.page-tit2,.page-tit3,.page-tit4,.page-tit5{width:51.4063vw;height:6.09375vw;left:24.3229vw}.page-tit1{top:2.70833vw}.page-tit2{pointer-events:none;height:6.04167vw;top:3.48958vw}.page-tit3{z-index:5;top:4.53125vw}.page-tit4{top:2.65625vw}.page-tit5{top:2.13542vw}.btn-rule{z-index:6;background-image: ;width:1.61458vw;height:1.61458vw;top:2.96875vw;left:66.7188vw}body.no-webp .btn-rule,body.no-js .btn-rule{background-image:url(btn_rule.4817b4a4.png)}body.webp .btn-rule{background-image:url(btn_rule.9490681c.webp)}.prize{pointer-events:none;overflow:visible}.prize-btn{clip-path:polygon(38% 0,100% 0,82% 100%,0 100%,12% 80%,24% 45%);pointer-events:auto;z-index:5;width:100%;height:100%;top:0;left:0;overflow:hidden}.prize-btn:hover+.prize-detail{visibility:visible;opacity:1;transition-delay:0s;transform:translateY(0)}.prize-50w{width:19.8958vw;height:17.7083vw;top:13.5938vw;left:15.2604vw}.prize-50w-bg-cn,.prize-50w-bg-en,.prize-50w-bg-th{width:19.8958vw;height:17.7083vw;top:0;left:0}.prize-50w-bg-cn,.prize-50w-bg-en,.prize-50w-bg-th,.prize-80w-bg-cn,.prize-80w-bg-en,.prize-80w-bg-th,.prize-100w-bg-cn,.prize-100w-bg-en,.prize-100w-bg-th,.prize-120w-bg-cn,.prize-120w-bg-en,.prize-120w-bg-th,.prize-150w-bg-cn,.prize-150w-bg-en,.prize-150w-bg-th{pointer-events:none}.prize-detail{z-index:5;visibility:hidden;opacity:0;pointer-events:none;background-image: ;box-sizing:content-box;background-size:100% 100%;width:9.21875vw;height:7.5vw;padding:0 .520833vw;transition:opacity .2s,transform .2s,visibility 0s linear .2s;top:27.65%;left:11%;transform:translateY(.416667vw)}body.no-webp .prize-detail,body.no-js .prize-detail{background-image:url(prize_detail_bg.0e65a0e8.png)}body.webp .prize-detail{background-image:url(prize_detail_bg.e026aa3a.webp)}.prize-detail-text{color:#6e250e;text-align:center;width:100%;font-size:.625vw;font-weight:700;line-height:1.25;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prize-detail-line{display:block}.prize-detail-line.is-highlighted{color:#e94200}.prize-detail-bg{width:100%;height:100%;top:0;left:0}.prize-detail-cn,.prize-detail-en,.prize-detail-th{width:8.22917vw;top:50%;left:50%;transform:translate(-50%,-50%)}.prize-detail-cn{height:3.85417vw}.prize-detail-en{height:4.47917vw}.prize-detail-th{height:4.375vw}.prize-80w{width:19.9479vw;height:19.0104vw;top:9.47917vw;left:27.0833vw}.prize-80w-bg-cn,.prize-80w-bg-en,.prize-80w-bg-th{width:19.9479vw;height:19.0104vw;top:0;left:0}.prize-100w{width:19.8438vw;height:17.7083vw;top:13.5938vw;left:36.4063vw}.prize-100w-bg-cn,.prize-100w-bg-en,.prize-100w-bg-th{width:19.8438vw;height:17.7083vw;top:0;left:0}.prize-120w{width:19.8958vw;height:19.0104vw;top:9.47917vw;left:48.1771vw}.prize-120w-bg-cn,.prize-120w-bg-en,.prize-120w-bg-th{width:19.8958vw;height:19.0104vw;top:0;left:0}.prize-150w{width:42.0833vw;height:44.0625vw;top:0;left:53.5938vw}.prize-150w .prize-btn{clip-path:polygon(35% 17%,83% 9%,96% 16%,72% 67%,74% 88%,62% 100%,0 100%,0 91%,23% 33%)}.prize-150w .cleared{bottom:.729167vw;left:16.25vw}.prize-150w-bg-cn,.prize-150w-bg-en,.prize-150w-bg-th{width:42.0833vw;height:44.0625vw;top:0;left:0}.progress-bar{z-index:2;background-image: ;width:76.9792vw;height:.9375vw;top:32.2917vw;left:11.5104vw}body.no-webp .progress-bar,body.no-js .progress-bar{background-image:url(progress_bar.6d3391b2.png)}body.webp .progress-bar{background-image:url(progress_bar.e5c297a6.webp)}.progress-bar-fill{width:10%;height:100%;position:absolute;top:0;left:-.104167vw;overflow:hidden}.progress-bar-finish{background:0/contain no-repeat;width:76.9792vw;height:.9375vw;position:absolute;top:50%;left:0;transform:translateY(-50%)}body.no-webp .progress-bar-finish,body.no-js .progress-bar-finish{background-image:url(finish_progress.b5b0cd5f.png)}body.webp .progress-bar-finish{background-image:url(finish_progress.724fdc98.webp)}.progress-bar-fill .node{background:50%/contain no-repeat;width:2.39583vw;height:2.44792vw;position:absolute;top:50%;transform:translateY(-50%)}body.no-webp .progress-bar-fill .node,body.no-js .progress-bar-fill .node{background-image:url(achieve_node.494e6d39.png)}body.webp .progress-bar-fill .node{background-image:url(achieve_node.9a4ee1a3.webp)}.progress-bar-fill .node1{left:9.32292vw}.progress-bar-fill .node2{left:20.1563vw}.progress-bar-fill .node3{left:30.9896vw}.progress-bar-fill .node4{left:41.875vw}.cleared{z-index:5;background-image: ;pointer-events:none;width:5.67708vw;height:1.77083vw;display:none;bottom:0;left:6.04167vw}body.no-webp .cleared,body.no-js .cleared{background-image:url(cleared_50w.255f1b3f.png)}body.webp .cleared{background-image:url(cleared_50w.40682ca5.webp)}.section-03-bg{background-image: ;background-position:17.5vw -.677083vw;background-size:70.3125vw 49.5833vw;width:100%;height:100%;top:0;left:0}body.no-webp .section-03-bg,body.no-js .section-03-bg{background-image:url(section_03_bg.79e59228.png)}body.webp .section-03-bg{background-image:url(section_03_bg.33e850f7.webp)}.btn-rule-club{background-image: ;width:1.61458vw;height:1.61458vw;top:3.59375vw;left:69.6875vw}body.no-webp .btn-rule-club,body.no-js .btn-rule-club{background-image:url(btn_rule.4817b4a4.png)}body.webp .btn-rule-club{background-image:url(btn_rule.9490681c.webp)}.btn-guild-decent{width:20.8333vw;height:8.38542vw;top:8.17708vw;left:28.6979vw}.btn-guild-villain{width:20.8333vw;height:8.17708vw;top:8.38542vw;left:50.625vw}.legion-tabs{width:40.7292vw;height:3.48958vw;top:19.6354vw;left:29.7396vw}.guild-panel{width:40.6771vw;height:18.6979vw;top:23.5938vw;left:29.375vw}.guild-list{z-index:1;pointer-events:none;flex-direction:column;width:100%;height:12.5vw;list-style:none;display:flex;position:absolute;top:3.28125vw;left:0}.guild-empty{display:none}.guild-search{z-index:2;width:40.0521vw;height:2.86458vw;top:0;left:.625vw}.guild-search-input-bg{background-image: ;width:40.0521vw;height:2.86458vw;top:0;left:0}body.no-webp .guild-search-input-bg,body.no-js .guild-search-input-bg{background-image:url(guild_search_input_bg.c20c657d.png)}body.webp .guild-search-input-bg{background-image:url(guild_search_input_bg.e7dabc46.webp)}.guild-row{pointer-events:auto;flex:0 0 3.125vw;width:40.5208vw;height:3.125vw;position:relative}.guild-row.is-normal{width:39.7396vw;margin-left:.78125vw}.guild-row-bg{width:100%;height:100%;top:0;left:0}.guild-panel #prePage,.guild-panel #nextPage{font-size:1.04167vw}.guild-row.is-top-three.guild-row-01 .guild-row-bg{background-image: }body.no-webp .guild-row.is-top-three.guild-row-01 .guild-row-bg,body.no-js .guild-row.is-top-three.guild-row-01 .guild-row-bg{background-image:url(guild_row_01_bg.dcfd24f6.png)}body.webp .guild-row.is-top-three.guild-row-01 .guild-row-bg{background-image:url(guild_row_01_bg.47764516.webp)}.guild-row.is-top-three.guild-row-02 .guild-row-bg{background-image: }body.no-webp .guild-row.is-top-three.guild-row-02 .guild-row-bg,body.no-js .guild-row.is-top-three.guild-row-02 .guild-row-bg{background-image:url(guild_row_02_bg.39aee2ef.png)}body.webp .guild-row.is-top-three.guild-row-02 .guild-row-bg{background-image:url(guild_row_02_bg.ef5addeb.webp)}.guild-row.is-top-three.guild-row-03 .guild-row-bg{background-image: }body.no-webp .guild-row.is-top-three.guild-row-03 .guild-row-bg,body.no-js .guild-row.is-top-three.guild-row-03 .guild-row-bg{background-image:url(guild_row_03_bg.035cb5f7.png)}body.webp .guild-row.is-top-three.guild-row-03 .guild-row-bg{background-image:url(guild_row_03_bg.76996896.webp)}.guild-row.is-normal .guild-row-bg{background-image: ;height:2.55208vw;top:auto;bottom:0}body.no-webp .guild-row.is-normal .guild-row-bg,body.no-js .guild-row.is-normal .guild-row-bg{background-image:url(guild_row_04_bg.dd2626e8.png)}body.webp .guild-row.is-normal .guild-row-bg{background-image:url(guild_row_04_bg.7fc51275.webp)}.guild-row-text{z-index:2;white-space:nowrap;color:#000;align-items:center;width:17.1875vw;height:2.60417vw;font-family:Microsoft YaHei;font-size:1.14583vw;line-height:1;display:flex;bottom:0;left:4.79167vw}.guild-row.is-normal .guild-row-text{color:#000;width:20.3646vw;font-size:1.14583vw;top:auto;left:.416667vw}.guild-row.is-normal .guild-name{flex:1;margin-left:1.19792vw}.guild-num{flex:unset}.guild-rank{color:#000;text-align:center;flex:0 0 2.39583vw}.guild-row.is-top-three .guild-rank{display:none}.guild-name{text-overflow:ellipsis;flex:0 10.9375vw;overflow:hidden}.guild-num{text-align:left;flex:0 0 5.20833vw;margin-left:.625vw}.guild-row-01 .btn-info,.guild-row-02 .btn-info,.guild-row-03 .btn-info{width:7.55208vw;height:2.29167vw;top:.729167vw;left:22.9167vw}.guild-row-01 .btn-add,.guild-row-02 .btn-add,.guild-row-03 .btn-add{width:7.55208vw;height:2.29167vw;top:.729167vw;left:32.6563vw}.is-normal .btn-info{width:7.55208vw;height:2.29167vw;top:auto;bottom:.104167vw;left:22.1354vw}.is-normal .btn-add{width:7.55208vw;height:2.29167vw;top:auto;bottom:.104167vw;left:31.875vw}.guild-row .btn-add[data-disabled=true]{filter:grayscale()}.guild-row .btn-add[data-disabled=true].is-my-team{filter:none}.page-line{z-index:2;background-image: ;width:40.0521vw;height:.520833vw;top:15.9896vw;left:.625vw}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)}.guild-panel .page{z-index:2;color:#001235;text-align:center;width:40.0521vw;font-family:Microsoft YaHei,Arial,sans-serif;font-size:.78125vw;line-height:1.875vw;position:absolute;top:16.7708vw;left:.625vw}.guild-panel .page button{color:#001235;cursor:pointer;text-align:center;vertical-align:middle;background:0 0;border:0;min-width:2.08333vw;height:1.875vw;margin:0 .520833vw;font-family:Microsoft YaHei,Arial,sans-serif;font-size:1.04167vw;line-height:1.875vw;display:inline-block;position:static}#nextPage,#prePage{color:#0036a5}.guild-panel .page .current{color:#004ab0}.guild-panel .page button:disabled{cursor:no-drop;opacity:.5}.role-swiper{width:100%;height:100%;top:0;left:0}.role-swiper .swiper-wrapper,.role-swiper .swiper-slide{width:100%;height:100%}.role-swiper .swiper-slide{z-index:1;position:relative;overflow:visible}.role-swiper .swiper-slide-active{z-index:2}.role-swiper .role-slide{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s,visibility 0s linear .45s}.role-swiper .swiper-slide-active .role-slide{visibility:visible;opacity:1;pointer-events:none;transition:opacity .45s,visibility linear}.role-layer{width:100%;height:100%;top:0;left:0}.role-side-layer{z-index:2;pointer-events:none;height:54.8438vw}.role-side-motion{width:100%;height:var(--role-side-motion-height);top:0;left:0}.role-slide.is-swapped .role-side-motion{height:var(--role-side-motion-alt-height)}.role-main-layer{z-index:3;pointer-events:none}.role-thumb,.role-main,.role-info{transform-origin:50%;will-change:opacity, filter, transform}.role-thumb{z-index:2;cursor:pointer}.role-main{z-index:3;pointer-events:none}.role-thumb-active{z-index:3;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}.role-thumb:hover+.role-thumb-active{visibility:visible;opacity:1;transition-delay:0s}.role-slide.is-swapped .role-thumb-active-default,.role-slide:not(.is-swapped) .role-thumb-active-alt{visibility:hidden;opacity:0;transition:none}.role-thumb-default,.role-slide.is-swapped .role-thumb-alt{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .18s,filter .52s,transform .58s,visibility linear;transform:none}.role-thumb-alt,.role-slide.is-swapped .role-thumb-default{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s,filter .12s,transform 0s linear .12s,visibility 0s linear .12s}.role-thumb-alt{transform:translate(var(--role-thumb-alt-front-x), var(--role-thumb-alt-front-y)) scale(var(--role-thumb-alt-front-scale))}.role-slide.is-swapped .role-thumb-default{transform:translate(var(--role-thumb-default-front-x), var(--role-thumb-default-front-y)) scale(var(--role-thumb-default-front-scale))}.role-slide.is-switching .role-thumb{pointer-events:none}.role-slide.is-switching .role-thumb-active,.role-slide.is-switching .role-thumb:hover+.role-thumb-active{visibility:hidden;opacity:0;transition:none}.role-main-default{visibility:visible;z-index:4;opacity:1;filter:brightness()saturate();transition:opacity .52s,filter .52s,transform .58s,visibility linear;transform:none}.role-main-alt{visibility:visible;z-index:3;opacity:0;filter:brightness(.55)saturate(.65);transform:translate(var(--role-main-alt-back-x), var(--role-main-alt-back-y)) scale(var(--role-main-alt-back-scale));transition:opacity .12s,filter .12s,transform 0s linear .12s,visibility 0s linear .12s}.role-slide.is-swapped .role-main-default{visibility:visible;z-index:3;opacity:0;filter:brightness(.55)saturate(.65);transform:translate(var(--role-main-default-back-x), var(--role-main-default-back-y)) scale(var(--role-main-default-back-scale));transition:opacity .12s,filter .12s,transform 0s linear .12s,visibility 0s linear .12s}.role-slide.is-swapped .role-main-alt{visibility:visible;z-index:4;opacity:1;filter:brightness()saturate();transition:opacity .52s,filter .52s,transform .58s,visibility linear;transform:none}.role-slide-01{--role-main-default-back-x:calc(292.5 / 1920 * 100vw);--role-main-default-back-y:calc(-46.5 / 1920 * 100vw);--role-main-default-back-scale:.8422;--role-main-alt-back-x:calc(302.5 / 1920 * 100vw);--role-main-alt-back-y:calc(-36.5 / 1920 * 100vw);--role-main-alt-back-scale:.7965;--role-thumb-alt-front-x:calc(-292.5 / 1920 * 100vw);--role-thumb-alt-front-y:calc(46.5 / 1920 * 100vw);--role-thumb-alt-front-scale:1.1874;--role-thumb-default-front-x:calc(-302.5 / 1920 * 100vw);--role-thumb-default-front-y:calc(36.5 / 1920 * 100vw);--role-thumb-default-front-scale:1.2555;--role-side-motion-height:calc(544 / 1920 * 100vw);--role-side-motion-alt-height:calc(646 / 1920 * 100vw);width:68.8542vw;height:39.9479vw;top:8.69792vw;left:25.3646vw}.role-01-thumb-f{background-image: ;width:22.4479vw;height:28.3333vw;top:5.83333vw;left:46.4063vw}body.no-webp .role-01-thumb-f,body.no-js .role-01-thumb-f{background-image:url(role_01_thumb_f.a064f529.png)}body.webp .role-01-thumb-f{background-image:url(role_01_thumb_f.77c9d750.webp)}.role-01-thumb-f-active{background-image: ;width:19.375vw;height:28.3333vw;top:5.83333vw;left:46.4063vw}body.no-webp .role-01-thumb-f-active,body.no-js .role-01-thumb-f-active{background-image:url(role_01_thumb_f_active.fc3fdaad.png)}body.webp .role-01-thumb-f-active{background-image:url(role_01_thumb_f_active.bff0f8f1.webp)}.role-01-thumb-m{background-image: ;width:27.2917vw;height:33.6458vw;top:.729167vw;left:39.2188vw}body.no-webp .role-01-thumb-m,body.no-js .role-01-thumb-m{background-image:url(role_01_thumb_m.69617cf7.png)}body.webp .role-01-thumb-m{background-image:url(role_01_thumb_m.b0deb0b2.webp)}.role-01-thumb-m-active{background-image: ;width:27.2917vw;height:33.6458vw;top:.729167vw;left:39.2188vw}body.no-webp .role-01-thumb-m-active,body.no-js .role-01-thumb-m-active{background-image:url(role_01_thumb_m_active.17517cbc.png)}body.webp .role-01-thumb-m-active{background-image:url(role_01_thumb_m_active.0cbbe7a4.webp)}.role-01-main-m{background-image: ;width:46.1979vw;height:39.9479vw;top:0;left:14.5313vw}body.no-webp .role-01-main-m,body.no-js .role-01-main-m{background-image:url(role_01_main_m.952075ce.png)}body.webp .role-01-main-m{background-image:url(role_01_main_m.de21674b.webp)}.role-01-main-f{background-image: ;width:41.25vw;height:35.5729vw;top:4.11458vw;left:21.25vw}body.no-webp .role-01-main-f,body.no-js .role-01-main-f{background-image:url(role_01_main_f.af04a9bf.png)}body.webp .role-01-main-f{background-image:url(role_01_main_f.22851c1c.webp)}.role-01-info{width:20.625vw;height:26.3021vw;top:6.71875vw;left:2.08333vw}.role-slide-02{--role-main-default-back-x:calc(313.5 / 1920 * 100vw);--role-main-default-back-y:calc(-35.5 / 1920 * 100vw);--role-main-default-back-scale:.7243;--role-main-alt-back-x:calc(366.5 / 1920 * 100vw);--role-main-alt-back-y:calc(-33 / 1920 * 100vw);--role-main-alt-back-scale:.7291;--role-thumb-alt-front-x:calc(-313.5 / 1920 * 100vw);--role-thumb-alt-front-y:calc(35.5 / 1920 * 100vw);--role-thumb-alt-front-scale:1.3806;--role-thumb-default-front-x:calc(-366.5 / 1920 * 100vw);--role-thumb-default-front-y:calc(33 / 1920 * 100vw);--role-thumb-default-front-scale:1.3716;--role-side-motion-height:calc(549 / 1920 * 100vw);--role-side-motion-alt-height:calc(549 / 1920 * 100vw);width:65.625vw;height:39.9479vw;top:9.0625vw;left:25.5208vw}.role-02-thumb-f{background-image: ;width:24.6354vw;height:28.5938vw;top:3.59375vw;left:40.9896vw}body.no-webp .role-02-thumb-f,body.no-js .role-02-thumb-f{background-image:url(role_02_thumb_f.9e7f1036.png)}body.webp .role-02-thumb-f{background-image:url(role_02_thumb_f.6ae84d96.webp)}.role-02-thumb-f-active{background-image: ;width:24.6354vw;height:28.5938vw;top:3.59375vw;left:40.9896vw}body.no-webp .role-02-thumb-f-active,body.no-js .role-02-thumb-f-active{background-image:url(role_02_thumb_f_active.d76c8b2a.png)}body.webp .role-02-thumb-f-active{background-image:url(role_02_thumb_f_active.43e1507a.webp)}.role-02-thumb-m{background-image: ;width:20.9896vw;height:28.5938vw;top:4.32292vw;left:42.7083vw}body.no-webp .role-02-thumb-m,body.no-js .role-02-thumb-m{background-image:url(role_02_thumb_m.29351541.png)}body.webp .role-02-thumb-m{background-image:url(role_02_thumb_m.21084d67.webp)}.role-02-thumb-m-active{background-image: ;width:20.9896vw;height:28.5938vw;top:4.32292vw;left:42.7083vw}body.no-webp .role-02-thumb-m-active,body.no-js .role-02-thumb-m-active{background-image:url(role_02_thumb_m_active.4667c352.png)}body.webp .role-02-thumb-m-active{background-image:url(role_02_thumb_m_active.9d732d76.webp)}.role-02-main-m{background-image: ;width:40.1042vw;height:39.2188vw;top:.729167vw;left:14.0625vw}body.no-webp .role-02-main-m,body.no-js .role-02-main-m{background-image:url(role_02_main_m.99f7cf5f.png)}body.webp .role-02-main-m{background-image:url(role_02_main_m.822dff3a.webp)}.role-02-main-f{background-image: ;width:37.8125vw;height:39.4792vw;top:0;left:18.0729vw}body.no-webp .role-02-main-f,body.no-js .role-02-main-f{background-image:url(role_02_main_f.ea6b2c91.png)}body.webp .role-02-main-f{background-image:url(role_02_main_f.c5203bfd.webp)}.role-02-info{width:19.0104vw;height:27.5521vw;top:5.10417vw;left:1.82292vw}.role-slide-03{--role-main-default-back-x:calc(307.5 / 1920 * 100vw);--role-main-default-back-y:calc(-43.5 / 1920 * 100vw);--role-main-default-back-scale:.7301;--role-main-alt-back-x:calc(325.5 / 1920 * 100vw);--role-main-alt-back-y:calc(.5 / 1920 * 100vw);--role-main-alt-back-scale:.8061;--role-thumb-alt-front-x:calc(-307.5 / 1920 * 100vw);--role-thumb-alt-front-y:calc(43.5 / 1920 * 100vw);--role-thumb-alt-front-scale:1.3697;--role-thumb-default-front-x:calc(-325.5 / 1920 * 100vw);--role-thumb-default-front-y:calc(-.5 / 1920 * 100vw);--role-thumb-default-front-scale:1.2405;--role-side-motion-height:calc(611 / 1920 * 100vw);--role-side-motion-alt-height:calc(522 / 1920 * 100vw);width:62.7083vw;height:40vw;top:8.54167vw;left:28.4375vw}.role-03-thumb-m{background-image: ;width:21.8229vw;height:31.8229vw;top:3.85417vw;left:35.8854vw}body.no-webp .role-03-thumb-m,body.no-js .role-03-thumb-m{background-image:url(role_03_thumb_m.84bff4a4.png)}body.webp .role-03-thumb-m{background-image:url(role_03_thumb_m.7521272b.webp)}.role-03-thumb-m-active{background-image: ;width:21.8229vw;height:31.8229vw;top:3.85417vw;left:35.8854vw}body.no-webp .role-03-thumb-m-active,body.no-js .role-03-thumb-m-active{background-image:url(role_03_thumb_m_active.17589f99.png)}body.webp .role-03-thumb-m-active{background-image:url(role_03_thumb_m_active.aa2563c4.webp)}.role-03-thumb-f{background-image: ;width:28.3854vw;height:27.1875vw;top:5.52083vw;left:34.3229vw}body.no-webp .role-03-thumb-f,body.no-js .role-03-thumb-f{background-image:url(role_03_thumb_f.572886c5.png)}body.webp .role-03-thumb-f{background-image:url(role_03_thumb_f.d2eb5da4.webp)}.role-03-thumb-f-active{background-image: ;width:28.3854vw;height:27.1875vw;top:5.52083vw;left:34.3229vw}body.no-webp .role-03-thumb-f-active,body.no-js .role-03-thumb-f-active{background-image:url(role_03_thumb_f_active.6d3ed618.png)}body.webp .role-03-thumb-f-active{background-image:url(role_03_thumb_f_active.a2172b72.webp)}.role-03-main-f{background-image: ;width:40.9375vw;height:37.2396vw;top:2.76042vw;left:12.0313vw}body.no-webp .role-03-main-f,body.no-js .role-03-main-f{background-image:url(role_03_main_f.3197ea1d.png)}body.webp .role-03-main-f{background-image:url(role_03_main_f.65e5e684.webp)}.role-03-main-m{background-image: ;width:40.1042vw;height:39.4792vw;top:0;left:9.79167vw}body.no-webp .role-03-main-m,body.no-js .role-03-main-m{background-image:url(role_03_main_m.6fec3616.png)}body.webp .role-03-main-m{background-image:url(role_03_main_m.a1c67ae3.webp)}.role-03-info{width:17.1354vw;height:27.7604vw;top:5.41667vw;left:.78125vw}.role-slide-04{--role-main-default-back-x:calc(338.5 / 1920 * 100vw);--role-main-default-back-y:calc(-2 / 1920 * 100vw);--role-main-default-back-scale:.6936;--role-main-alt-back-x:calc(334.5 / 1920 * 100vw);--role-main-alt-back-y:calc(-56 / 1920 * 100vw);--role-main-alt-back-scale:.7359;--role-thumb-alt-front-x:calc(-338.5 / 1920 * 100vw);--role-thumb-alt-front-y:calc(2 / 1920 * 100vw);--role-thumb-alt-front-scale:1.4418;--role-thumb-default-front-x:calc(-334.5 / 1920 * 100vw);--role-thumb-default-front-y:calc(56 / 1920 * 100vw);--role-thumb-default-front-scale:1.3589;--role-side-motion-height:calc(513 / 1920 * 100vw);--role-side-motion-alt-height:calc(593 / 1920 * 100vw);width:61.9271vw;height:44.5313vw;top:4.375vw;left:27.6563vw}.role-04-thumb-f{background-image: ;width:19.5833vw;height:26.7188vw;top:9.73958vw;left:41.5104vw}body.no-webp .role-04-thumb-f,body.no-js .role-04-thumb-f{background-image:url(role_04_thumb_f.8dc8badc.png)}body.webp .role-04-thumb-f{background-image:url(role_04_thumb_f.2bace2ed.webp)}.role-04-thumb-f-active{background-image: ;width:19.5833vw;height:26.7188vw;top:9.73958vw;left:41.5104vw}body.no-webp .role-04-thumb-f-active,body.no-js .role-04-thumb-f-active{background-image:url(role_04_thumb_f_active.fbf336be.png)}body.webp .role-04-thumb-f-active{background-image:url(role_04_thumb_f_active.bb17be5a.webp)}.role-04-thumb-m{background-image: ;width:22.9167vw;height:30.8854vw;top:6.71875vw;left:39.0104vw}body.no-webp .role-04-thumb-m,body.no-js .role-04-thumb-m{background-image:url(role_04_thumb_m.9bb5381c.png)}body.webp .role-04-thumb-m{background-image:url(role_04_thumb_m.1e23cd48.webp)}.role-04-thumb-m-active{background-image: ;width:22.9167vw;height:30.8854vw;top:6.71875vw;left:39.0104vw}body.no-webp .role-04-thumb-m-active,body.no-js .role-04-thumb-m-active{background-image:url(role_04_thumb_m_active.37b57c70.png)}body.webp .role-04-thumb-m-active{background-image:url(role_04_thumb_m_active.c6c95db9.webp)}.role-04-main-m{background-image: ;width:48.5938vw;height:44.5313vw;top:0;left:8.54167vw}body.no-webp .role-04-main-m,body.no-js .role-04-main-m{background-image:url(role_04_main_m.12ff7b97.png)}body.webp .role-04-main-m{background-image:url(role_04_main_m.cf78406b.webp)}.role-04-main-f{background-image: ;width:32.9688vw;height:36.3021vw;top:7.86458vw;left:17.3958vw}body.no-webp .role-04-main-f,body.no-js .role-04-main-f{background-image:url(role_04_main_f.b646a2c5.png)}body.webp .role-04-main-f{background-image:url(role_04_main_f.36237d16.webp)}.role-04-info{width:16.875vw;height:27.5521vw;top:9.79167vw;left:1.82292vw}.role-slide-05{--role-main-default-back-x:calc(299.5 / 1920 * 100vw);--role-main-default-back-y:calc(-49 / 1920 * 100vw);--role-main-default-back-scale:.7238;--role-main-alt-back-x:calc(312 / 1920 * 100vw);--role-main-alt-back-y:calc(-43 / 1920 * 100vw);--role-main-alt-back-scale:.7535;--role-thumb-alt-front-x:calc(-299.5 / 1920 * 100vw);--role-thumb-alt-front-y:calc(49 / 1920 * 100vw);--role-thumb-alt-front-scale:1.3816;--role-thumb-default-front-x:calc(-312 / 1920 * 100vw);--role-thumb-default-front-y:calc(43 / 1920 * 100vw);--role-thumb-default-front-scale:1.3271;--role-side-motion-height:calc(532 / 1920 * 100vw);--role-side-motion-alt-height:calc(519 / 1920 * 100vw);width:60vw;height:37.3438vw;top:10.6771vw;left:26.6146vw}.role-05-thumb-f{background-image: ;width:14.4271vw;height:27.7083vw;top:2.86458vw;left:45.5729vw}body.no-webp .role-05-thumb-f,body.no-js .role-05-thumb-f{background-image:url(role_05_thumb_f.1592dec2.png)}body.webp .role-05-thumb-f{background-image:url(role_05_thumb_f.06231cfa.webp)}.role-05-thumb-f-active{background-image: ;width:14.4271vw;height:27.7083vw;top:2.86458vw;left:45.5729vw}body.no-webp .role-05-thumb-f-active,body.no-js .role-05-thumb-f-active{background-image:url(role_05_thumb_f_active.12ebb40f.png)}body.webp .role-05-thumb-f-active{background-image:url(role_05_thumb_f_active.75817ceb.webp)}.role-05-thumb-m{background-image: ;width:17.3438vw;height:27.0313vw;top:2.60417vw;left:40.7292vw}body.no-webp .role-05-thumb-m,body.no-js .role-05-thumb-m{background-image:url(role_05_thumb_m.b9151c4d.png)}body.webp .role-05-thumb-m{background-image:url(role_05_thumb_m.370be46d.webp)}.role-05-thumb-m-active{background-image: ;width:17.3438vw;height:27.0313vw;top:2.60417vw;left:40.7292vw}body.no-webp .role-05-thumb-m-active,body.no-js .role-05-thumb-m-active{background-image:url(role_05_thumb_m_active.ba208fec.png)}body.webp .role-05-thumb-m-active{background-image:url(role_05_thumb_m_active.d1fc83a5.webp)}.role-05-main-m{background-image: ;width:33.2292vw;height:37.3438vw;top:0;left:17.1875vw}body.no-webp .role-05-main-m,body.no-js .role-05-main-m{background-image:url(role_05_main_m.80b1d7c4.png)}body.webp .role-05-main-m{background-image:url(role_05_main_m.dace94d6.webp)}.role-05-main-f{background-image: ;width:24.9479vw;height:36.7708vw;top:.572917vw;left:24.0625vw}body.no-webp .role-05-main-f,body.no-js .role-05-main-f{background-image:url(role_05_main_f.72dde435.png)}body.webp .role-05-main-f{background-image:url(role_05_main_f.023bd716.webp)}.role-05-info{width:17.9167vw;height:27.5521vw;top:3.48958vw;left:1.82292vw}.role-pagination{z-index:3;width:6.71875vw;height:35.4167vw;top:9.11458vw;left:14.6875vw}.role-pagination-line{width:.78125vw;height:35.4167vw;top:0;left:.3125vw}.role-avatar-01{z-index:1;width:4.375vw;height:2.08333vw;top:4.94792vw;left:2.29167vw}.role-avatar-02{z-index:1;width:4.53125vw;height:1.92708vw;top:10.8333vw;left:2.1875vw}.role-avatar-03{z-index:1;width:4.47917vw;height:1.51042vw;top:16.7708vw;left:2.1875vw}.role-avatar-04{z-index:1;width:4.53125vw;height:1.875vw;top:22.2396vw;left:2.03125vw}.role-avatar-05{z-index:1;width:4.375vw;height:1.97917vw;top:28.0208vw;left:2.34375vw}.role-avatar-active{visibility:hidden;z-index:2;pointer-events:none;left:0}.role-avatar-active.is-active{visibility:visible}.role-avatar-01-active{width:6.66667vw;height:2.08333vw;top:4.94792vw}.role-avatar-02-active{width:6.71875vw;height:1.92708vw;top:10.8333vw}.role-avatar-03-active{width:6.66667vw;height:1.51042vw;top:16.7708vw}.role-avatar-04-active{width:6.5625vw;height:1.875vw;top:22.2396vw}.role-avatar-05-active{width:6.71875vw;height:1.97917vw;top:28.0208vw}.btn-role-next{z-index:3;background-image: ;width:3.95833vw;height:2.91667vw;top:36.9271vw;left:71.8229vw}body.no-webp .btn-role-next,body.no-js .btn-role-next{background-image:url(btn_role_next.269f2097.png)}body.webp .btn-role-next{background-image:url(btn_role_next.3406ed01.webp)}.store-pic1{z-index:0;pointer-events:none;width:81.1458vw;height:70.0521vw;top:9.01042vw;left:0}.intro-swiper-group{position:absolute;inset:0}.intro-swiper{z-index:3;pointer-events:none;width:81.1458vw;height:70.0521vw;top:9.01042vw;left:0;overflow:hidden}.section-05.loaded .intro-swiper{-webkit-mask:url(store_pic1_mask.4314f060.png) 50%/100% 100% no-repeat;mask:url(store_pic1_mask.4314f060.png) 50%/100% 100% no-repeat}body.no-webp .section-05.loaded .intro-swiper,body.no-js .section-05.loaded .intro-swiper{background-image:url(store_pic1_mask.4314f060.png)}body.webp .section-05.loaded .intro-swiper{background-image:url(store_pic1_mask.df89026a.webp)}.intro-swiper .swiper-wrapper,.intro-swiper .swiper-slide{width:100%;height:100%}.intro-swiper .swiper-slide{position:relative}.intro-pic{pointer-events:none;background-size:cover;width:56.6146vw;height:31.7188vw;top:2.03125vw;left:21.7708vw}.section-05 .swiper-pagination{z-index:4;text-align:left;width:26.8229vw;height:2.44792vw;position:absolute;top:44.1146vw;left:36.5625vw}.section-05 .swiper-pagination-bullet{opacity:1;cursor:pointer;background:50%/contain no-repeat;border-radius:0;width:1.40625vw;height:1.40625vw;margin:0;position:absolute;top:1.04167vw}body.no-webp .section-05 .swiper-pagination-bullet,body.no-js .section-05 .swiper-pagination-bullet{background-image:url(intro_pagination_bullet_01.c175933c.png)}body.webp .section-05 .swiper-pagination-bullet{background-image:url(intro_pagination_bullet_01.9e5f3e78.webp)}.section-05 .swiper-pagination-bullet:first-child{left:.0520833vw}.section-05 .swiper-pagination-bullet:nth-child(2){left:5.10417vw}.section-05 .swiper-pagination-bullet:nth-child(3){left:10.2083vw}.section-05 .swiper-pagination-bullet:nth-child(4){left:15.2604vw}.section-05 .swiper-pagination-bullet:nth-child(5){left:20.3646vw}.section-05 .swiper-pagination-bullet:nth-child(6){left:25.4167vw}.section-05 .swiper-pagination-bullet-active:before{content:"";pointer-events:none;background:50%/contain no-repeat;width:1.51042vw;height:2.44792vw;position:absolute;top:-1.04167vw;left:-.0520833vw}body.no-webp .section-05 .swiper-pagination-bullet-active:before,body.no-js .section-05 .swiper-pagination-bullet-active:before{background-image:url(intro_pagination_dot_on.9adfcb96.png)}body.webp .section-05 .swiper-pagination-bullet-active:before{background-image:url(intro_pagination_dot_on.fbd30eab.webp)}.intro-prev{z-index:4;background-image: }body.no-webp .intro-prev,body.no-js .intro-prev{background-image:url(intro_prev.5d1c4176.png)}body.webp .intro-prev{background-image:url(intro_prev.11071b40.webp)}.intro-next{z-index:4;background-image: }body.no-webp .intro-next,body.no-js .intro-next{background-image:url(intro_next.08b0a770.png)}body.webp .intro-next{background-image:url(intro_next.7feb692f.webp)}.section-06-deco{background-image: ;width:29.1146vw;height:13.8542vw;top:6.14583vw;left:35.5729vw}body.no-webp .section-06-deco,body.no-js .section-06-deco{background-image:url(section_06_deco.b4ac32ff.png)}body.webp .section-06-deco{background-image:url(section_06_deco.643243f9.webp)}.popup{color:#7a3618;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;margin-top:2.91667vw;font-size:.9375vw;display:none;position:relative}.popup button,.popup a,.popup .family-info,.popup .decent-villain-box,.popup .pop-phone-row,.popup .pop-scroll{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:block;position:absolute}.popup input,.popup select{color:#000;background:0 0;font-size:.9375vw;position:absolute}.pop-create-type:disabled,.pop-intro-type:disabled{opacity:1;-webkit-text-fill-color:currentColor}.pop-close{z-index:20;background-image: ;width:2.23958vw;height:2.1875vw;top:-2.91667vw;left:26.1458vw}body.no-webp .pop-close,body.no-js .pop-close{background-image:url(pop_close_btn.7571bc68.png)}body.webp .pop-close{background-image:url(pop_close_btn.8fa78e8d.webp)}.pop-pre .pop-close{top:1.45833vw;left:26.3021vw}.pop-pre-reward .pop-close,.pop-second .pop-close{top:1.35417vw;left:28.75vw}.pop-pre-success .pop-close{top:-3.125vw;left:26.7708vw}.pop-pre-success.is-close-gated:not(.is-store-clicked) .pop-close{display:none}.pop-pre-success.is-close-gated.is-store-clicked .pop-close{display:block}.pop-cbt .pop-close{top:-2.76042vw;left:26.6667vw}.pop-phone-row{background-image: ;width:25.9375vw;height:3.38542vw;top:27.6042vw;left:2.1875vw}body.no-webp .pop-phone-row,body.no-js .pop-phone-row{background-image:url(pop_phone_row.07fb6409.png)}body.webp .pop-phone-row{background-image:url(pop_phone_row.5285eb35.webp)}.pop-phone-row .pop-area{text-align:center;text-align-last:center;width:7.5vw;height:3.38542vw;padding-left:0;line-height:3.38542vw;top:0;left:.3125vw}.pop-phone-row .pop-input-in{width:15.4167vw;height:3.38542vw;line-height:3.38542vw;top:0;left:10.1563vw}.pop-phone-row .pop-input-in::placeholder{color:#c1c1c1;opacity:1}.pop-pre .pop-btn-reservation{top:31.0938vw;left:.9375vw}.pop-pre-reward .pop-btn-reservation,.pop-second .pop-btn-reservation{top:33.9583vw;left:3.07292vw}.pop-btn-reservation{width:28.0729vw;height:6.30208vw}.pop-btn-ios,.pop-btn-gp{width:13.0729vw;height:4.53125vw;top:30.4167vw}.pop-btn-ios{left:2.34375vw}.pop-btn-gp{left:15.9896vw}.pop-btn-cbt{width:16.9792vw;height:13.5938vw;top:20.9896vw;left:.9375vw}.pop-btn-facebook,.pop-btn-discord{width:13.3333vw;height:4.375vw;left:15.4688vw}.pop-btn-facebook{top:25.8854vw}.pop-btn-discord{top:30.3125vw}.pop-family-form{width:100%;height:100%;position:absolute;top:0;left:0}.family-info{width:27.5521vw;height:3.28125vw;left:1.25vw}.family-info-name{background-image: ;top:7.34375vw}body.no-webp .family-info-name,body.no-js .family-info-name{background-image:url(family_info_name_bg.750c651f.png)}body.webp .family-info-name{background-image:url(family_info_name_bg.65f8d19f.webp)}.family-info-family-name{background-image: ;top:11.1458vw}body.no-webp .family-info-family-name,body.no-js .family-info-family-name{background-image:url(family_info_family_name_bg.7826ac66.png)}body.webp .family-info-family-name{background-image:url(family_info_family_name_bg.79c1d64b.webp)}.family-info-type{background-image: ;top:24.9479vw}body.no-webp .family-info-type,body.no-js .family-info-type{background-image:url(family_info_type_bg.6dd66e33.png)}body.webp .family-info-type{background-image:url(family_info_type_bg.64a393e3.webp)}.family-info-link{background-image: ;top:28.8021vw}body.no-webp .family-info-link,body.no-js .family-info-link{background-image:url(family_info_link_bg.27e0ce51.png)}body.webp .family-info-link{background-image:url(family_info_link_bg.134b5353.webp)}.family-info-message{background-image: ;height:3.33333vw;top:32.6042vw}body.no-webp .family-info-message,body.no-js .family-info-message{background-image:url(family_info_message_bg.c5fcb557.png)}body.webp .family-info-message{background-image:url(family_info_message_bg.9d8217d0.webp)}.pop-family-label{color:#8a300d;white-space:nowrap;width:7.55208vw;height:100%;line-height:3.28125vw;position:absolute;top:0;left:.520833vw}.pop-create-input,.pop-intro-input,.family-area{width:17.7083vw;height:3.28125vw;line-height:3.28125vw;top:0;left:8.33333vw}.family-info-link .pop-create-input,.family-info-link .pop-intro-input{width:13.4375vw}.btn-copy{width:5.41667vw;height:2.5vw;top:.46875vw;left:21.875vw}.decent-villain-box{pointer-events:none;width:100%;height:100%;top:0;left:0}.pop-faction-tip{z-index:1;pointer-events:none;white-space:nowrap;line-height:1.14583vw;position:absolute;top:15.4167vw;left:50%;transform:translate(-50%)}.pop-create-decent,.pop-intro-decent{pointer-events:auto;z-index:1;width:14.375vw;transition:top .3s;left:.729167vw}.pop-create-villain,.pop-intro-villain{pointer-events:auto;z-index:1;width:14.4792vw;height:6.71875vw;transition:top .3s;top:17.0313vw;left:14.8438vw}.pop-create-decent.is-active,.pop-intro-decent.is-active,.pop-create-villain.is-active,.pop-intro-villain.is-active{top:15.9896vw}.pop-create-decent.is-active+.decent-active-icon,.pop-intro-decent.is-active+.decent-active-icon,.pop-create-villain.is-active+.villain-active-icon,.pop-intro-villain.is-active+.villain-active-icon{display:block}.pop-create-decent,.pop-intro-decent{height:6.77083vw;top:17.0313vw}.decent-active-icon,.villain-active-icon{z-index:0;background:50%/cover no-repeat;width:10.1042vw;display:none;position:absolute;top:22.3438vw}.decent-active-icon{background-image: ;height:1.66667vw;left:3.59375vw}body.no-webp .decent-active-icon,body.no-js .decent-active-icon{background-image:url(decent_h.3c58d2c7.png)}body.webp .decent-active-icon{background-image:url(decent_h.ce0f8e96.webp)}.villain-active-icon{background-image: ;height:1.61458vw;right:3.48958vw}body.no-webp .villain-active-icon,body.no-js .villain-active-icon{background-image:url(villain_h.10eec844.png)}body.webp .villain-active-icon{background-image:url(villain_h.d52b311d.webp)}.btn-release,.btn-join{width:14.5833vw;top:36.8229vw;left:7.55208vw}.btn-release{height:4.375vw}.btn-join{height:4.42708vw}.pop-btn-copy{width:20.2083vw;height:3.95833vw;top:18.4375vw;left:5vw}.pop-scroll{color:#7a3618;width:26.3021vw;height:34.2188vw;padding-right:1.14583vw;font-size:.9375vw;line-height:1.5625vw;top:6.09375vw;left:2.03125vw;overflow:hidden auto}.pop-scroll p+p{margin-top:.416667vw}.pop-scroll::-webkit-scrollbar{width:.520833vw}.pop-scroll::-webkit-scrollbar-track{background:#e4b195;border-radius:.260417vw}.pop-scroll::-webkit-scrollbar-thumb{background:#a50400;border-radius:.260417vw}.pop-error{background:#fff4d6;border:.208333vw solid #b60000;width:29.9479vw;height:13.5417vw}.pop-error .pop-close{top:-2.91667vw;left:26.1458vw}.pop-txt{color:#7a1b0e;text-align:center;width:24.7396vw;font-size:1.25vw;line-height:1.875vw;position:absolute;top:4.47917vw;left:2.60417vw}.pop-invite-txt{color:#7a1b0e;text-align:center;width:24.7396vw;font-size:1.25vw;line-height:1.875vw;position:absolute;top:3.95833vw;left:2.60417vw}.pop-invite-txt p{margin:0}.invite-input{opacity:0;width:1px;height:1px;top:0;left:0}.pop-message-invite .btn-invite-copy{top:8.85417vw;left:12.2917vw}#pop-family-create-link,#pop-family-join-link{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.btn-effect{overflow:hidden}.btn-effect span{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.btn-effect span .effect{z-index:2;background:linear-gradient(120deg,#0000,#0000,#fff6,#0000,#0000);width:100%;height:100%;animation:2s linear infinite sg;position:absolute;top:0;left:-100%}@keyframes moveanime{0%{opacity:0;transform:translateY(2.5vw)}to{opacity:1;transform:translateY(0)}}@keyframes roleLeftIn{0%{opacity:0;transform:translate(-9.375vw)}to{opacity:1;transform:translate(0)}}@keyframes roleRightIn{0%{opacity:0;transform:translate(9.375vw)}to{opacity:1;transform:translate(0)}}@keyframes navimgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes navimgFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sg{0%{left:-100%}to{left:100%}}@keyframes magnify{0%{transform:scale(1)}to{transform:scale(.96)}}.animate-headShake{animation:1s head-shake}.input-error{color:red!important}@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)}}
/*# sourceMappingURL=cn.0622fc25.css.map */