@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url(https://fonts.cdnfonts.com/css/avenir);
@font-face{font-family:"Avenir";src:local("Avenir Black"),local("Avenir-Black"),url(../fonts/Avenir-Black.woff2) format("woff2"),url(../fonts/Avenir-Black.woff) format("woff"),url(../fonts/Avenir-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"Avenir Black Oblique";src:local("Avenir Black Oblique"),local("Avenir-Black-Oblique"),url(../fonts/Avenir-BlackOblique.woff2) format("woff2"),url(../fonts/Avenir-BlackOblique.woff) format("woff"),url(../fonts/Avenir-BlackOblique.ttf) format("truetype");font-weight:900;font-style:italic}html{height:100%;font-size:62.5%;font-family:"Apple SD Gothic Neo",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box}body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}body,input,textarea,select,button,table{font-family:"Apple SD Gothic Neo",sans-serif}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-text-size-adjust:none;overflow-wrap:break-word;word-break:keep-all}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects;text-decoration:none}a:hover{text-decoration:none}a:active,a:hover{outline-width:0}img,fieldset{border-style:none;border:0}button,input,optgroup,select,textarea{font:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button{padding:0;border:0;background-color:rgba(0,0,0,0)}button,html [type=button],[type=reset],[type=submit]{cursor:pointer}ul,ol,ul li,ol li,li{list-style:none}.g-invisible{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.dropdown{position:relative;width:25.4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:600;font-size:5.2rem;color:#d0d0d0;text-align:center;cursor:pointer}.dropdown.active .dropdown-menu{display:block;z-index:1}.dropdown.disabled{pointer-events:none;opacity:.45}.dropdown .dropdown-label{padding:2rem 3.4rem 2rem 2rem;border:1px solid rgba(255,255,255,.47);font-weight:900;color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown .dropdown-label::after{position:absolute;top:50%;right:2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2rem;height:1rem;background:url(../img/skp2022/arrowdown@2x.png) 50% 50% no-repeat;background-size:cover;content:"";pointer-events:none}.dropdown .dropdown-label p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.dropdown .dropdown-menu{display:none;position:absolute;left:0;top:100%;width:100%;background-color:rgba(50,50,50,.65);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem)}.dropdown .dropdown-menu ul{overflow-y:auto;max-height:35rem}.dropdown .dropdown-item{padding:1.2rem 2.2rem;border-top:1px solid #fff}.dropdown .dropdown-item:first-of-type{border-top:none}.guide-wrap{padding:0 1.4rem;background-color:#fff;color:#000}.guide-wrap header{padding:4rem 0 1rem;border-bottom:3px solid #222}.guide-wrap h2{padding:2rem 0 1rem;border-bottom:1px solid #222}.list-markup li{border-bottom:1px solid #dfdfdf}.list-markup a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3.4rem;color:#000;font-size:1.3rem}.list-markup a:hover{background-color:#ebf2fc}.list-markup a::after{content:"";margin-left:auto;margin-right:.6rem;width:1.6rem;height:1.6rem;background:url(../img/skp2022/arrowright@2x.png) 50% 50% no-repeat;background-size:cover}.list-markup a span{margin-left:.6rem;color:#909090;font-size:1.2rem}.stage{position:fixed;width:192rem;height:108rem;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.title-main{margin:7.4rem auto 0;width:135.6rem;padding-top:22.2rem;color:#fff;background:url(../img/skp2022/title_main@2x.png) 50% 50% no-repeat;background-size:cover}.btn-start{margin:2.6rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:38rem;height:10rem;background:-webkit-gradient(linear, left top, left bottom, from(#555eae), to(rgba(38, 40, 93, 0.52)));background:linear-gradient(180deg, #555eae 0%, rgba(38, 40, 93, 0.52) 100%);color:#fff;font-weight:700;font-size:5.2rem;font-family:"Spoqa Han Sans Neo",sans-serif}.logo-tah{position:absolute;right:7rem;bottom:6.5rem;width:17.3rem;height:4.3rem;background:url(../img/skp2022/tah@2x.png) 50% 50% no-repeat;background-size:cover}.stage-start{background-image:url(../img/skp2022/start@2x.png)}.stage-start img{position:absolute;bottom:26rem;width:46rem}.stage-start .red-glass{left:14rem}.stage-start .purple-glass{right:14rem}.player-area{display:-webkit-box;display:-ms-flexbox;display:flex}.player-box{position:relative;width:50%;height:64rem}.player-box .dropdown{position:absolute;top:13rem}.player-box.left .dropdown{right:9rem}.player-box.right .dropdown{left:9rem}.stage-play{background-image:url(../img/skp2022/play@2x.png)}.stage-play::before{content:"";position:absolute;top:0;left:0;width:100%;height:40rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(71.35%, #000), to(rgba(0, 0, 0, 0)));background:linear-gradient(180deg, #000 71.35%, rgba(0, 0, 0, 0) 100%);z-index:-1}.stage-play::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/skp2022/scoreboard@2x.png) 50% 50% no-repeat;background-size:cover;z-index:-1}.stage-play .hitting{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:11.6rem;height:11.6rem;background:url(../img/skp2022/hitting@2x.png) 50% 50% no-repeat;background-size:cover}.stage-play .pitching{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);width:7rem;height:7rem;background:url(../img/skp2022/pitching@2x.png) 50% 50% no-repeat;background-size:cover}.title-play{margin-top:6rem;margin-bottom:3rem;color:#fff;text-align:center;font-weight:500;font-size:3rem;font-family:"Avenir",sans-serif}.title-play em{display:block;font-style:normal;font-weight:800;font-size:5.5rem}.board-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.score-board{border-collapse:collapse;text-align:center;border:1px solid #fff}.score-board th{width:10.9rem;height:5.2rem;border-right:1px solid #fff;color:#fff;background-color:rgba(185,185,185,.5);font-weight:900;font-size:2.6rem}.score-board th:first-child{width:16.8rem}.score-board th[scope~=row]{border-top:1px solid #fff;background-color:rgba(0,0,0,0);font-weight:900}.score-board td{height:5.2rem;border-top:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6);color:#fff;background-color:rgba(255,255,255,.16);font-weight:500;font-size:2.6rem}.score-board td:last-child{border-right:none}.ball-count-board{margin-left:4.2rem;border-collapse:collapse;text-align:center}.ball-count-board th{width:10.9rem;height:5.2rem;border:1px solid #fff;color:#fff;background-color:rgba(255,255,255,.2);font-weight:900;font-size:2.6rem}.ball-count-board td{width:16.3rem;border:1px solid #fff;background-color:#000}.ball-count-board td span{margin:0 .4rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:2.2rem;height:2.2rem;border-radius:50%}.ball-count-board td .strike{background-color:#fff909}.ball-count-board td .ball{background-color:#80f14a}.ball-count-board td .out{background-color:red}.record-area{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.record-box{position:relative;width:50%;height:64rem;color:#fff}.record-box.left .player-info{left:30rem}.record-box.left .position-board{left:23rem}.record-box.right .player-info{right:32rem}.record-box.right .position-board{right:23rem}.record-box .player-info{position:absolute;top:7.6rem;font-weight:900;font-size:4.5rem}.record-box .player-info::before{margin-right:1.4rem;width:3rem;height:3.4rem}.position-board{position:absolute;top:19rem;border-collapse:collapse;text-align:center}.position-board tr{border-bottom:5px solid #fff}.position-board tr:first-child td{height:8.1rem}.position-board tr:last-child{border-bottom:none}.position-board tr:last-child td{height:8.1rem}.position-board td{position:relative;width:11.8rem;height:11.8rem;border-left:5px solid #fff}.position-board td:first-child{border-left:none;width:9.2rem}.position-board td:last-child{width:9.2rem}.play-result{position:absolute;top:50%;left:50%;height:46.4rem;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.play-result.ball{width:79.4rem;background-image:url(../img/skp2022/ball@2x.png)}.play-result.out{width:69.9rem;background-image:url(../img/skp2022/out@2x.png)}.play-result.strike{width:80.1rem;height:46.2rem;background-image:url(../img/skp2022/strike@2x.png)}.play-result.homerun{width:69.9rem;background-image:url(../img/skp2022/homerun@2x.png)}.play-result.hit{width:79.4rem;background-image:url(../img/skp2022/hit.png)}.player-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.player-info::before{content:"";margin-right:.8rem;width:2.1rem;height:2.4rem;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.player-info.red::before{background-image:url(../img/skp2022/player1@2x.png)}.player-info.purple::before{background-image:url(../img/skp2022/player2@2x.png)}.stage-result{background-image:url(../img/skp2022/result@2x.png)}.stage-result .score{position:absolute;top:7rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30rem;height:30rem;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0.57)));background:linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.57) 100%);font-style:italic;font-weight:800;font-size:14rem;font-family:"Avenir Black Oblique",sans-serif;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0)}.stage-result .player{position:absolute;top:15.1rem;width:25.4rem;text-align:center;font-weight:900;font-size:5.2rem}.stage-result .text-result{position:absolute}.stage-result .text-result.win{bottom:6rem;width:46.5rem;height:27rem;background:url(../img/skp2022/win@2x.png) 50% 50% no-repeat;background-size:cover}.stage-result .text-result.lose{bottom:8rem;width:43.5rem;height:24rem;background:url(../img/skp2022/lose@2x.png) 50% 50% no-repeat;background-size:cover}.result-area{display:-webkit-box;display:-ms-flexbox;display:flex}.result-box{position:relative;width:50%;height:64rem;color:#fff}.result-box.left .score{left:22rem}.result-box.left .player{right:9.7rem}.result-box.left .win{left:14rem}.result-box.left .lose{left:16rem}.result-box.right .score{right:26rem}.result-box.right .player{left:8.3rem}.result-box.right .win{right:18rem}.result-box.right .lose{right:19rem}