*{margin:0;padding:0;list-style:none;border:0;box-sizing:border-box;touch-action:manipulation}html{-webkit-text-size-adjust:none;font-size:10px}html.isMobile{font-size:31.25%}body{background-color:#fcc400;font-size:2.4rem;color:#000;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,sans-serif}body:lang(ja){font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic",Arial,-apple-system,BlinkMacSystemFont,sans-serif}img{width:100%;vertical-align:top}strong{font-weight:700}button{font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic",Arial,-apple-system,BlinkMacSystemFont,sans-serif;font-size:inherit;color:inherit;vertical-align:top;background:none;cursor:pointer}a{text-decoration:none}iframe{display:block;width:100%;height:100%}input,input::placeholder{font-size:1.2rem;border-radius:0;font-weight:400;outline:0;box-sizing:border-box}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input::-webkit-input-placeholder{color:#e3e8f4}input::-moz-placeholder{color:#e3e8f4;opacity:1}input:-moz-placeholder{color:#e3e8f4}input::placeholder{color:#e3e8f4}select{-webkit-appearance:none;-moz-appearance:none;border:0;border-radius:0;cursor:pointer;outline:0}.hide{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%)}.wrap{display:flex;flex-direction:column;min-height:calc(var(--vh, 1vh)*100);min-width:64rem}.inner{position:relative;max-width:64rem;width:100%;height:100%;margin:0 auto;padding:0 4rem}.header{position:relative;height:8rem;background-color:#fff;border-bottom:.4rem solid #d3d3d3}.header .logo{display:block;position:absolute;top:1.4rem;left:50%;width:27.4rem;height:4.8rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/logo.png") no-repeat 0 0;background-size:100% 100%;transform:translateX(-50%)}.header .logo a{display:block;width:100%;height:100%}.header .btn-back{position:absolute;top:0;left:4.7rem;width:4.7rem;height:100%;padding-top:.4rem}.header .btn-back:before{display:inline-block;width:2.1rem;height:3.5rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/btn_arw.png") no-repeat 50% 50%;background-size:100% 100%;content:""}.header .btn-home{position:absolute;top:0;right:3.8rem;width:8.5rem;height:100%;padding-top:.4rem}.header .btn-home:before{display:inline-block;width:4.3rem;height:3.8rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/btn_home.png") no-repeat 50% 50%;background-size:100% 100%;content:""}.main .contents{position:relative;max-width:64rem;margin:0 auto}.main .gauge{display:none;gap:1rem;position:absolute;top:9.3rem;left:50%;height:1.2rem;z-index:10;transform:translateX(-50%)}.main .gauge li{display:list-item;width:1.8rem;height:1.2rem;background:gray;transform:skewX(-52deg)}.main section{display:none;position:relative;max-width:64rem;margin:0 auto}.main[data-step="0"] .sec-main{display:block}.main[data-step="1"] .sec-info{display:block}.main[data-step="2"] .sec-chapter1{display:block}.main[data-step="2"] .gauge{display:inline-flex}.main[data-step="2"] .gauge li:nth-child(n+5){display:none}.main[data-step="2"][data-gauge="1"] .gauge li:nth-child(-n+1){background:#1b86ff}.main[data-step="2"][data-gauge="2"] .gauge li:nth-child(-n+2){background:#1b86ff}.main[data-step="2"][data-gauge="3"] .gauge li:nth-child(-n+3){background:#1b86ff}.main[data-step="2"][data-gauge="4"] .gauge li:nth-child(-n+4){background:#1b86ff}.main[data-step="2"][data-question="0"] .sec-chapter1{display:block}.main[data-step="2"][data-question="0"] .sec-question1{display:none}.main[data-step="2"] .sec-question1{display:block}.main[data-step="2"] .sec-question1 [class^=qa-1]{display:none}.main[data-step="2"][data-question="1"] .sec-chapter1{display:none}.main[data-step="2"][data-question="1"] .qa-1-1{display:block}.main[data-step="2"][data-question="2"] .sec-chapter1{display:none}.main[data-step="2"][data-question="2"] .qa-1-2{display:block}.main[data-step="2"][data-question="3"] .sec-chapter1{display:none}.main[data-step="2"][data-question="3"] .qa-1-3{display:block}.main[data-step="2"][data-question="4"] .sec-chapter1{display:none}.main[data-step="2"][data-question="4"] .qa-1-4{display:block}.main[data-step="3"] .gauge{display:inline-flex}.main[data-step="3"][data-gauge="1"] .gauge li:nth-child(-n+1){background:#00d300}.main[data-step="3"][data-gauge="2"] .gauge li:nth-child(-n+2){background:#00d300}.main[data-step="3"][data-gauge="3"] .gauge li:nth-child(-n+3){background:#00d300}.main[data-step="3"][data-gauge="4"] .gauge li:nth-child(-n+4){background:#00d300}.main[data-step="3"][data-gauge="5"] .gauge li:nth-child(-n+5){background:#00d300}.main[data-step="3"][data-gauge="6"] .gauge li:nth-child(-n+6){background:#00d300}.main[data-step="3"][data-gauge="7"] .gauge li:nth-child(-n+7){background:#00d300}.main[data-step="3"][data-gauge="8"] .gauge li:nth-child(-n+8){background:#00d300}.main[data-step="3"][data-gauge="9"] .gauge li:nth-child(-n+9){background:#00d300}.main[data-step="3"][data-gauge="10"] .gauge li:nth-child(-n+10){background:#00d300}.main[data-step="3"][data-gauge="11"] .gauge li:nth-child(-n+11){background:#00d300}.main[data-step="3"][data-gauge="12"] .gauge li:nth-child(-n+12){background:#00d300}.main[data-step="3"] .sec-chapter2{display:block}.main[data-step="3"][data-question="1"] .sec-chapter2{display:none}.main[data-step="3"][data-question="1"] .sec-question2-1{display:block}.main[data-step="3"][data-question="1"] .sec-question2-2{display:none}.main[data-step="3"][data-question="2"] .sec-chapter2{display:none}.main[data-step="3"][data-question="2"] .sec-question2-1{display:none}.main[data-step="3"][data-question="2"] .sec-question2-2{display:block}.main[data-step="4"] .gauge{display:inline-flex}.main[data-step="4"][data-gauge="1"] .gauge li:nth-child(-n+1){background:#00d300}.main[data-step="4"][data-gauge="2"] .gauge li:nth-child(-n+2){background:#00d300}.main[data-step="4"][data-gauge="3"] .gauge li:nth-child(-n+3){background:#00d300}.main[data-step="4"][data-gauge="4"] .gauge li:nth-child(-n+4){background:#00d300}.main[data-step="4"][data-gauge="5"] .gauge li:nth-child(-n+5){background:#00d300}.main[data-step="4"][data-gauge="6"] .gauge li:nth-child(-n+6){background:#00d300}.main[data-step="4"][data-gauge="7"] .gauge li:nth-child(-n+7){background:#00d300}.main[data-step="4"][data-gauge="8"] .gauge li:nth-child(-n+8){background:#00d300}.main[data-step="4"][data-gauge="9"] .gauge li:nth-child(-n+9){background:#00d300}.main[data-step="4"][data-gauge="10"] .gauge li:nth-child(-n+10){background:#00d300}.main[data-step="4"][data-gauge="11"] .gauge li:nth-child(-n+11){background:#00d300}.main[data-step="4"][data-gauge="12"] .gauge li:nth-child(-n+12){background:#00d300}.main[data-step="4"][data-question="0"] .sec-chapter2{display:none}.main[data-step="4"][data-question="0"] .sec-question2-1{display:none}.main[data-step="4"][data-question="0"] .sec-question2-2{display:none}.main[data-step="4"] .sec-question3{display:block}.main[data-step="4"] .sec-question3 [class^=qa-a]{display:none}.main[data-step="4"] .sec-question3 [class^=qa-b]{display:none}.main[data-step="4"][data-type=a][data-question="1"] .qa-a-1{display:block}.main[data-step="4"][data-type=a][data-question="2"] .qa-a-2{display:block}.main[data-step="4"][data-type=a][data-question="3"] .qa-a-3{display:block}.main[data-step="4"][data-type=a][data-question="4"] .qa-a-4{display:block}.main[data-step="4"][data-type=a][data-question="5"] .qa-a-5{display:block}.main[data-step="4"][data-type=a][data-question="6"] .qa-a-6{display:block}.main[data-step="4"][data-type=a][data-question="7"] .qa-a-7{display:block}.main[data-step="4"][data-type=a][data-question="8"] .qa-a-8{display:block}.main[data-step="4"][data-type=b][data-question="1"] .qa-b-1{display:block}.main[data-step="4"][data-type=b][data-question="2"] .qa-b-2{display:block}.main[data-step="4"][data-type=b][data-question="3"] .qa-b-3{display:block}.main[data-step="4"][data-type=b][data-question="4"] .qa-b-4{display:block}.main[data-step="4"][data-type=b][data-question="5"] .qa-b-5{display:block}.main[data-step="4"][data-type=b][data-question="6"] .qa-b-6{display:block}.main[data-step="4"][data-type=b][data-question="7"] .qa-b-7{display:block}.main[data-step="4"][data-type=b][data-question="8"] .qa-b-8{display:block}.main[data-step="5"] .sec-char{display:block}.main.loading[data-step="0"] .sec-loading{display:block}.main.loading[data-step="0"] .sec-main{display:none}.main[data-step="6"] .footer{padding:0 0 1.6rem}.main[data-step="6"] .sec-result{display:block}.sec-main{height:115.4rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_1.png") no-repeat center 0/64rem auto}.sec-main .btn-start{position:absolute;top:68.8rem;left:50%;width:50.2rem;height:10.2rem;font-size:3.6rem;border-radius:6rem;color:#000;transform:translateX(-50%)}.sec-main .list-share{display:flex;justify-content:space-between;position:absolute;left:20.7rem;top:85.7rem;width:22.6rem;height:6.5rem}.sec-main .list-share li{width:6.5rem;height:6.5rem}.sec-main .list-share li a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}.sec-main .list-share li.btn-x a{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/share_x.png")}.sec-main .list-share li.btn-line a{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/share_line.png")}.sec-main .list-share li.btn-link a{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/share_link.png")}.sec-main .list-result{position:absolute;bottom:0;left:0;width:100%;overflow:hidden}.sec-main .list-result .swiper-wrapper{transition-timing-function:linear !important}.sec-main .list-result .swiper-slide{width:9.1rem;margin:0}.sec-info{height:99.1rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_2.png") no-repeat center 0/64rem auto}.sec-info .user-input{position:absolute;top:57.7rem;left:9.5rem;width:45.2rem;height:9.2rem;background:rgba(0,0,0,0);text-align:center;font-size:3.6rem;color:#000}.sec-info .btn-submit{display:block;position:absolute;top:68.6rem;left:6.9rem;width:50.2rem;height:10.2rem;font-size:3.6rem;color:#000;border-radius:6rem}.sec-chapter1{height:99rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_3.png") no-repeat center 0/64rem auto}.sec-chapter1 .btn-next{display:block;position:absolute;top:68.8rem;left:6.9rem;width:50.2rem;height:10.2rem;font-size:3.6rem;color:#000;border-radius:6rem}.sec-question1{height:99rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_3_1.png") no-repeat center 0/64rem auto}.sec-question1 .quiz{display:flex;align-items:center;justify-content:center;position:absolute;top:14.1rem;left:10.1rem;width:43.8rem;height:21.8rem;font-weight:bold;text-align:center}.sec-question1 .list-quiz{position:absolute;top:40rem;left:6.9rem;width:50.2rem;height:49.2rem;overflow-y:auto}.sec-question1 .list-quiz li{width:100%;height:10.2rem;margin-top:2.8rem}.sec-question1 .list-quiz li button{display:block;width:100%;height:100%;padding:1rem;background-color:#77d4ff;border:.2rem solid #282828;border-radius:6rem;font-size:2.2rem;line-height:1.1;box-sizing:border-box}.sec-question1 .list-quiz li:nth-child(1){margin-top:0}.sec-chapter2{height:99rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_4.png") no-repeat center 0/64rem auto}.sec-chapter2 .btn-next{display:block;position:absolute;top:68.8rem;left:6.9rem;width:50.2rem;height:10.2rem;font-size:3.6rem;color:#000;border-radius:6rem}.sec-question2-1{height:99rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_4_1.png") no-repeat center 0/64rem auto}.sec-question2-1 .quiz{display:flex;align-items:center;justify-content:center;position:absolute;top:14.1rem;left:10.1rem;width:43.8rem;height:21.8rem;font-weight:bold;text-align:center}.sec-question2-1 .list-quiz{position:absolute;top:40rem;left:6.9rem;width:50.2rem;height:49.2rem;overflow-y:auto}.sec-question2-1 .list-quiz li{width:100%;height:10.2rem;margin-top:1.6rem}.sec-question2-1 .list-quiz li button{display:flex;align-items:center;width:100%;height:100%;padding:1rem 4rem 1rem 4.4rem;background-color:#42ff42;border:.2rem solid #282828;border-radius:6rem;font-size:2.2rem;line-height:1.1;box-sizing:border-box;text-align:center}.sec-question2-1 .list-quiz li button:before{flex-shrink:0;display:inline-block;width:5.6rem;height:5.6rem;margin-right:2.2rem;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;content:""}.sec-question2-1 .list-quiz li:nth-child(1){margin-top:0}.sec-question2-1 .list-quiz li:nth-child(1) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_softbank.png")}.sec-question2-1 .list-quiz li:nth-child(2) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_nipponham.png")}.sec-question2-1 .list-quiz li:nth-child(3) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_orix.png")}.sec-question2-1 .list-quiz li:nth-child(4) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_rakuten.png")}.sec-question2-1 .list-quiz li:nth-child(5) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_seibu.png")}.sec-question2-1 .list-quiz li:nth-child(6) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_lotte.png")}.sec-question2-1 .list-quiz li:nth-child(7) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_hanshin.png")}.sec-question2-1 .list-quiz li:nth-child(8) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_dena.png")}.sec-question2-1 .list-quiz li:nth-child(9) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_yomiuri.png")}.sec-question2-1 .list-quiz li:nth-child(10) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_chunichi.png")}.sec-question2-1 .list-quiz li:nth-child(11) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_hiroshima.png")}.sec-question2-1 .list-quiz li:nth-child(12) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_yakult.png")}.sec-question2-1 .list-quiz li:nth-child(13) button:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_rising.png")}.sec-question2-2,.sec-question3{height:99rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_4_1.png") no-repeat center 0/64rem auto}.sec-question2-2 .quiz,.sec-question3 .quiz{display:flex;align-items:center;justify-content:center;position:absolute;top:14.1rem;left:10.1rem;width:43.8rem;height:21.8rem;font-weight:bold;text-align:center}.sec-question2-2 .list-quiz,.sec-question3 .list-quiz{position:absolute;top:40rem;left:6.9rem;width:50.2rem;height:49.2rem;overflow-y:auto}.sec-question2-2 .list-quiz li,.sec-question3 .list-quiz li{width:100%;height:10.2rem;margin-top:2.8rem}.sec-question2-2 .list-quiz li button,.sec-question3 .list-quiz li button{display:block;width:100%;height:100%;padding:1rem;background-color:#42ff42;border:.2rem solid #282828;border-radius:6rem;font-size:2.2rem;line-height:1.1;box-sizing:border-box}.sec-question2-2 .list-quiz li:nth-child(1),.sec-question3 .list-quiz li:nth-child(1){margin-top:0}.sec-char{height:99.1rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_5.png") no-repeat center 0/64rem auto}.sec-char .list-char{display:flex;flex-wrap:wrap;justify-content:center;position:absolute;top:16.2rem;left:6rem;width:52.5rem;height:46rem;overflow-y:auto}.sec-char .list-char li{position:relative;width:11.8rem;height:11.8rem;margin:1rem 0 0 .9rem;background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/spr_chara.png");background-size:50rem 75.7rem;background-repeat:no-repeat;font-size:0;cursor:pointer}.sec-char .list-char li.on:after{position:absolute;top:3.6rem;left:.5rem;width:10.6rem;height:4.6rem;background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/marker.png");background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;content:"";z-index:10}.sec-char .list-char li:nth-child(1){background-position:0 0}.sec-char .list-char li:nth-child(2){background-position:-12.7rem 0}.sec-char .list-char li:nth-child(3){background-position:-25.5rem 0}.sec-char .list-char li:nth-child(4){background-position:-38.2rem 0}.sec-char .list-char li:nth-child(5){background-position:0 -12.8rem}.sec-char .list-char li:nth-child(6){background-position:-12.7rem -12.8rem}.sec-char .list-char li:nth-child(7){background-position:-25.5rem -12.8rem}.sec-char .list-char li:nth-child(8){background-position:-38.2rem -12.8rem}.sec-char .list-char li:nth-child(9){background-position:0 -25.6rem}.sec-char .list-char li:nth-child(10){background-position:-12.7rem -25.6rem}.sec-char .list-char li:nth-child(11){background-position:-25.5rem -25.6rem}.sec-char .list-char li:nth-child(12){background-position:-38.2rem -25.6rem}.sec-char .list-char li:nth-child(13){background-position:0 -38.3rem}.sec-char .list-char li:nth-child(14){background-position:-12.7rem -38.3rem}.sec-char .list-char li:nth-child(15){background-position:-25.5rem -38.3rem}.sec-char .list-char li:nth-child(16){background-position:-38.2rem -38.3rem}.sec-char .list-char li:nth-child(17){background-position:0 -51.1rem}.sec-char .list-char li:nth-child(18){background-position:-12.7rem -51.1rem}.sec-char .list-char li:nth-child(19){background-position:-25.5rem -51.1rem}.sec-char .list-char li:nth-child(20){background-position:-38.2rem -51.1rem}.sec-char .list-char li:nth-child(21){background-position:0 -63.9rem}.sec-char .list-char li:nth-child(22){background-position:-12.7rem -63.9rem}.sec-char .btn_complete{display:block;position:absolute;top:68.8rem;left:6.9rem;width:50.2rem;height:10.2rem;font-size:3.6rem;color:#000;border-radius:6rem}.sec-loading{height:99rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_6.png") no-repeat center 0/64rem auto}.sec-loading:after{position:absolute;top:23.9rem;left:11.3rem;width:41.4rem;height:41.4rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/gif_animation.gif") no-repeat center center/100% auto;content:""}.sec-result[data-rank="1"] .rank-tit{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/rank_n.png")}.sec-result[data-rank="1"] .rank-card{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/card_n.png")}.sec-result[data-rank="2"] .rank-tit{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/rank_r.png")}.sec-result[data-rank="2"] .rank-card{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/card_r.png")}.sec-result[data-rank="3"] .rank-tit{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/rank_sr.png")}.sec-result[data-rank="3"] .rank-card{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/card_sr.png")}.sec-result[data-rank="4"] .rank-tit{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/rank_ssr.png")}.sec-result[data-rank="4"] .rank-card{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/card_ssr.png")}.sec-result[data-char="1"] .rank-card:after{background-position:0 0}.sec-result[data-char="2"] .rank-card:after{background-position:-12.7rem 0}.sec-result[data-char="3"] .rank-card:after{background-position:-25.5rem 0}.sec-result[data-char="4"] .rank-card:after{background-position:-38.2rem 0}.sec-result[data-char="5"] .rank-card:after{background-position:0 -12.8rem}.sec-result[data-char="6"] .rank-card:after{background-position:-12.7rem -12.8rem}.sec-result[data-char="7"] .rank-card:after{background-position:-25.5rem -12.8rem}.sec-result[data-char="8"] .rank-card:after{background-position:-38.2rem -12.8rem}.sec-result[data-char="9"] .rank-card:after{background-position:0 -25.6rem}.sec-result[data-char="10"] .rank-card:after{background-position:-12.7rem -25.6rem}.sec-result[data-char="11"] .rank-card:after{background-position:-25.5rem -25.6rem}.sec-result[data-char="12"] .rank-card:after{background-position:-38.2rem -25.6rem}.sec-result[data-char="13"] .rank-card:after{background-position:0 -38.3rem}.sec-result[data-char="14"] .rank-card:after{background-position:-12.7rem -38.3rem}.sec-result[data-char="15"] .rank-card:after{background-position:-25.5rem -38.3rem}.sec-result[data-char="16"] .rank-card:after{background-position:-38.2rem -38.3rem}.sec-result[data-char="17"] .rank-card:after{background-position:0 -51.1rem}.sec-result[data-char="17"] .rank-card:after{background-position:0 -51.1rem}.sec-result[data-char="18"] .rank-card:after{background-position:-12.7rem -51.1rem}.sec-result[data-char="19"] .rank-card:after{background-position:-25.5rem -51.1rem}.sec-result[data-char="20"] .rank-card:after{background-position:-38.2rem -51.1rem}.sec-result[data-char="21"] .rank-card:after{background-position:0 -63.9rem}.sec-result[data-char="22"] .rank-card:after{background-position:-12.7rem -63.9rem}.sec-result[data-logo="1"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_softbank.png")}.sec-result[data-logo="2"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_nipponham.png")}.sec-result[data-logo="3"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_orix.png")}.sec-result[data-logo="4"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_rakuten.png")}.sec-result[data-logo="5"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_seibu.png")}.sec-result[data-logo="6"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_lotte.png")}.sec-result[data-logo="7"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_hanshin.png")}.sec-result[data-logo="8"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_dena.png")}.sec-result[data-logo="9"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_yomiuri.png")}.sec-result[data-logo="10"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_chunichi.png")}.sec-result[data-logo="11"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_hiroshima.png")}.sec-result[data-logo="12"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_yakult.png")}.sec-result[data-logo="13"] .rank-card:before{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/team_rising.png")}.sec-result .content-1{position:relative;height:147rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_result_1.jpg") no-repeat center 0/64rem auto}.sec-result .content-1:after{position:absolute;top:38.8rem;left:29.1rem;width:25.1rem;height:4.4rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/logo.png") no-repeat center 0/100% auto;content:""}.sec-result .content-1 .user-name{position:absolute;top:44.7rem;left:22.9rem;width:31.1rem;height:5.6rem;padding:0 1rem;background-color:#fff;border:.2rem solid #000;border-radius:1rem;font-size:2.4rem;color:#000;text-align:center}.sec-result .content-1 .list-tag{display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;position:absolute;top:51.7rem;left:9.9rem;width:44.2rem;height:12.4rem}.sec-result .content-1 .list-tag li{display:flex;align-items:center;justify-content:center;width:21.4rem;height:5.6rem}.sec-result .content-1 .list-tag li input{width:100%;height:100%;padding:.4rem;border:.2rem solid #000;border-radius:4rem;text-align:center;font-size:2.2rem;line-height:1.05}.sec-result .content-1 .list-tag li:nth-child(1) input{background-color:#5eff5e}.sec-result .content-1 .list-tag li:nth-child(2) input{background-color:#6bdaff}.sec-result .content-1 .list-tag li:nth-child(3) input{background-color:#f7f}.sec-result .content-1 .list-tag li:nth-child(4) input{background-color:#9072ff}.sec-result .content-1 .wrap-graph{display:flex;align-items:center;position:absolute;top:65.5rem;left:9.9rem;width:44.2rem;height:52rem;padding:1rem;background-color:rgba(255,255,255,.8);border:.2rem solid #000;border-radius:1rem}.sec-result .content-1 .list-share{display:flex;justify-content:space-between;position:absolute;left:20.7rem;top:127.6rem;width:22.6rem;height:6.5rem}.sec-result .content-1 .list-share li{width:6.5rem;height:6.5rem}.sec-result .content-1 .list-share li a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}.sec-result .content-1 .list-share li.btn-x a{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/share_x.png")}.sec-result .content-1 .list-share li.btn-line a{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/share_line.png")}.sec-result .content-1 .list-share li.btn-link a{background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/share_link.png")}.sec-result .rank-tit{position:absolute;top:22.7rem;left:0;width:100%;height:5.6rem;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0}.sec-result .rank-card{position:absolute;top:30.6rem;left:5.8rem;width:52.2rem;height:90.6rem;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0}.sec-result .rank-card:after{position:absolute;top:7.8rem;left:4.2rem;width:12rem;height:12rem;background-image:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/spr_chara.png");background-size:50rem 75.7rem;background-repeat:no-repeat;content:""}.sec-result .rank-card:before{position:absolute;top:7.8rem;left:17.2rem;width:5.6rem;height:5.6rem;background-position:0 0;background-size:100% 100%;background-repeat:no-repeat;content:"";z-index:10}.sec-result .content-2{position:relative;height:188.8rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/bg_result_2.jpg") no-repeat center 0/64rem auto}.sec-result .content-2 .list-result{overflow:hidden;position:absolute;top:25.7rem;left:0;width:100%}.sec-result .content-2 .list-result .swiper-wrapper{transition-timing-function:linear !important}.sec-result .content-2 .list-result .swiper-slide{width:9.1rem;margin:0}.sec-result .content-2 .item{display:flex;justify-content:space-between;position:absolute;top:80.3rem;left:6.2rem;width:51.7rem;height:9.7rem}.sec-result .content-2 .item li{display:flex;align-items:center;justify-content:center;width:24.8rem;font-size:1.6rem;text-align:center;line-height:1.05}.sec-result .content-2 .period{display:flex;align-items:center;position:absolute;top:112.6rem;left:6rem;right:6rem;height:14.9rem}.sec-result .content-2 .list-btn{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:127.5rem;left:6.9rem;width:50.2rem;height:49.4rem}.sec-result .content-2 .list-btn button,.sec-result .content-2 .list-btn a{display:flex;align-items:center;justify-content:center;width:100%;height:10.2rem;text-align:center;font-size:3.6rem;color:#000}.sec-result .content-2 .list-btn button.btn-reset,.sec-result .content-2 .list-btn a.btn-reset{justify-content:flex-start;padding-left:13.3rem;text-align:left}.footer{padding:16rem 0 1.6rem}.footer .copyright{width:38.2rem;height:4.6rem;background:url("https://event-fn.qpyou.cn/event/brand/npb/event/profile_card/img/copy.png") no-repeat 0 0;background-size:100% 100%}.pop_wrap{display:flex;left:0;overflow-y:auto;position:fixed;top:0;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7);height:100%;padding:3.2rem 0;text-align:center;width:100%;z-index:1000}.pop_wrap:before{display:inline-block;width:.1rem;height:100%;vertical-align:middle;content:""}.pop_wrap .pop_layer{display:inline-block;position:relative;width:60.6rem;margin-left:-0.3rem;padding:3.2rem 6rem;background-color:#f1f4fb;color:#1b1b1b;font-size:2.2rem;line-height:1.2;vertical-align:middle;box-sizing:border-box}.pop_wrap .wrap_cont .cont{min-height:14.2rem;display:flex;align-items:center;justify-content:center;text-align:center}.pop_wrap .wrap_cont .cont:only-child{min-height:20.6rem}.pop_wrap .wrap_cont .btns{margin-top:1.7rem}.pop_wrap .wrap_cont .btns>button{min-width:17.2rem;height:4.7rem;margin:0 .5rem;padding:0 1rem;font-size:2rem}.pop_wrap .wrap_cont .btns .btn_confirm{background-color:#41537c;color:#fff}.pop_wrap .wrap_cont .btns .btn_cancel{border:.2rem solid #41537c;color:#41537c}.pop_wrap .btn_close{display:block;position:absolute;right:0;top:0;width:5.1rem;height:5.1rem;background:#b4bbc9 url("https://hive-fn.qpyou.cn/markup/img/2018/00/btn_close.png") 50% 50% no-repeat;background-size:70.59% 70.59%}.pop_wrap .btn_close>span{overflow:hidden;position:absolute;width:.1rem;height:.1rem;padding:0;border:0;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%)}/*# sourceMappingURL=ui_npb.min.css.map */