html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{scrollbar-gutter:stable}.bg-wrap{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;transform:scale(1.4);animation:bg-breathing 20s ease forwards}.animation-end .bg-wrap{animation:bg-zoom-in .5s ease forwards}@media screen and (max-width: 750px){.animation-end .bg-wrap{animation:none;display:none}}.bg-wrap::after{background-color:rgba(44,0,3,0.4);position:fixed;top:0;left:0;display:none;width:100%;height:100vh;content:''}@media screen and (max-width: 1200px){.bg-wrap::after{display:block}}@media screen and (max-width: 750px){.bg-wrap::after{display:none}}.bg-wrap::before{position:fixed;top:0;left:0;width:100%;height:100vh;content:'';background-position:top center;background-image:url('../images/2604-onepunchman-collabo/bg-pc.jpg');background-size:cover}@media screen and (max-width: 1080px){.bg-wrap::before{background-position:top center;background-image:url('../images/2604-onepunchman-collabo/firstview-bg.jpg');background-size:cover}}.pc-switcher{display:none}.loading{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%}.loading .loading-logo{background-image:url('../images/2604-onepunchman-collabo/logo.png');background-repeat:no-repeat;background-position:left top;width:597.6px;height:329.6px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%)}@media screen and (max-width: 1080px){.loading .loading-logo{background-image:url('../images/2604-onepunchman-collabo/logo.png');padding-bottom:44.12316%;width:80%;height:0;background-size:cover;background-position:0 0}}.load .loading .loading-logo{animation:fadeIn .7s ease .3s forwards}.container{position:fixed;font-family:'Noto Sans CJK JP', 'Hiragino Kaku Gothic Pro', 'メイリオ', Mayryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;opacity:0;transition-duration:.5s}.animation-end .container{opacity:1;transition-duration:0s}.container *{box-sizing:border-box}.container .pc-wrap{position:fixed;width:100%;height:100vh}@media screen and (max-width: 1200px){.container .pc-wrap{display:none}}.container .pc-wrap .home{background-image:url('../images/2604-onepunchman-collabo/link-official.png');background-repeat:no-repeat;background-position:left top;width:214px;height:68px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;top:10px;left:0;z-index:20;opacity:0}@media screen and (max-width: 1200px){.container .pc-wrap .home{display:none}}.animation-end .container .pc-wrap .home{animation:fadeIn 1s ease 2s forwards}.container .pc-wrap .pc-elem{width:910px;height:100%}@media screen and (max-height: 870px){.container .pc-wrap .pc-elem .character-box{position:absolute;z-index:2;width:100%;height:100%;transform:scale(0.95) translateY(13%)}}@media screen and (max-height: 770px){.container .pc-wrap .pc-elem .character-box{transform:scale(0.8) translateY(13%)}}@media screen and (max-height: 700px){.container .pc-wrap .pc-elem .character-box{transform:scale(0.7) translateY(34%)}}.container .pc-wrap .pc-elem .pc-elem-inner{position:absolute;top:0;right:0;left:-580px;margin:auto;width:950px;height:100%}.container .pc-wrap .pc-elem .pc-elem-inner::after{background-image:linear-gradient(to top, rgba(43,37,38,0.7) 0%,rgba(43,37,38,0) 100%);position:fixed;bottom:0;left:50%;width:200vw;height:220px;content:'';transform:translateX(-50%);z-index:2;opacity:0}.animation-end .container .pc-wrap .pc-elem .pc-elem-inner::after{animation:fadeIn 1s ease 1.8s forwards}.container .pc-wrap .logo-pc{background-image:url('../images/2604-onepunchman-collabo/logo-pc.png');background-repeat:no-repeat;background-position:left top;width:533px;height:206px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;bottom:39px;left:214px;z-index:3;opacity:0}.animation-end .container .pc-wrap .logo-pc{animation:fadeIn 1s ease 1.8s forwards}@media screen and (max-height: 870px){.container .pc-wrap .logo-pc{transform:scale(0.95) translateY(13%)}}@media screen and (max-height: 770px){.container .pc-wrap .logo-pc{transform:scale(0.8) translateY(13%)}}@media screen and (max-height: 700px){.container .pc-wrap .logo-pc{transform:scale(0.7) translateY(34%)}}.container .pc-wrap .period{background-image:url('../images/2604-onepunchman-collabo/period-pc.png');background-repeat:no-repeat;background-position:left top;width:510px;height:24px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;bottom:10px;left:210px;z-index:3;opacity:0}.animation-end .container .pc-wrap .period{animation:fadeIn 1s ease 2s forwards}@media screen and (max-height: 870px){.container .pc-wrap .period{transform:scale(0.95) translateY(13%)}}@media screen and (max-height: 770px){.container .pc-wrap .period{transform:scale(0.8) translateY(13%)}}@media screen and (max-height: 700px){.container .pc-wrap .period{transform:scale(0.7) translateY(34%)}}.container .pc-wrap .chara1{background-image:url('../images/2604-onepunchman-collabo/firstview-chara-pc.png');background-repeat:no-repeat;background-position:left top;width:600px;height:711.11111px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;right:0;bottom:-40px;left:50px;margin:auto;opacity:0;transition-delay:.5s;transition-duration:.1s}.animation-end .container .pc-wrap .chara1{animation:fadeIn 1s ease 1.3s forwards}.container .pc-wrap .chara2{background-image:url('../images/2604-onepunchman-collabo/firstview-chara2-pc.png');background-repeat:no-repeat;background-position:left top;width:649.23077px;height:744.61538px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;bottom:37px;left:311px;opacity:0;transform:translateX(50px)}.animation-end .container .pc-wrap .chara2{animation:fadeInLeft 1s ease 1.5s forwards}.container .pc-wrap .chara3{background-image:url('../images/2604-onepunchman-collabo/firstview-chara3-pc.png');background-repeat:no-repeat;background-position:left top;width:545.38462px;height:776.15385px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;bottom:-100px;left:104px;opacity:0;transform:translateX(-50px)}.animation-end .container .pc-wrap .chara3{animation:fadeInRight 1s ease 1.7s forwards}.container .pc-wrap .chara4{background-image:url('../images/2604-onepunchman-collabo/firstview-chara4-pc.png');background-repeat:no-repeat;background-position:left top;width:168px;height:469.6px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;bottom:420px;left:520px;opacity:0;transition-delay:.4s;transition-duration:1s}.animation-end .container .pc-wrap .chara4{animation:fadeIn 1s ease .5s forwards}.container .pc-wrap .chara5{background-image:url('../images/2604-onepunchman-collabo/firstview-chara5-pc.png');background-repeat:no-repeat;background-position:left top;width:193.07692px;height:585.38462px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;bottom:153px;left:160px;opacity:0;transition-delay:.4s;transition-duration:1s}.animation-end .container .pc-wrap .chara5{animation:fadeIn 1s ease 1.1s forwards}.container .pc-wrap .chara6{background-image:url('../images/2604-onepunchman-collabo/firstview-chara6-pc.png');background-repeat:no-repeat;background-position:left top;width:216.8px;height:464px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;bottom:366px;left:162px;opacity:0;transition-delay:.4s;transition-duration:1s}.animation-end .container .pc-wrap .chara6{animation:fadeIn 1s ease .9s forwards}.container .pc-wrap .chara7{background-image:url('../images/2604-onepunchman-collabo/firstview-chara7-pc.png');background-repeat:no-repeat;background-position:left top;width:303.2px;height:516px;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:absolute;bottom:385px;left:256px;opacity:0;transition-delay:.4s;transition-duration:1s}.animation-end .container .pc-wrap .chara7{animation:fadeIn 1s ease .7s forwards}.container .pc-wrap .scroll-down{position:absolute;right:0;left:1165px;margin:auto;bottom:0;z-index:3;width:1em;padding-bottom:75px;color:#a0a0a0;transition:.2s;font-size:12px;font-weight:bold;opacity:0;overflow:hidden;text-transform:uppercase;transition-delay:2s;transition-duration:1s;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}@media screen and (max-width: 1080px){.container .pc-wrap .scroll-down{display:none}}.animation-end .container .pc-wrap .scroll-down{opacity:1}.container .pc-wrap .scroll-down::after{position:absolute;bottom:0;left:50%;width:1px;height:70px;background:#9f9f9f;animation:scrollDown 1.5s cubic-bezier(1, 0, 0, 1) infinite;content:''}.container .sp-wrap{background-color:#fff;position:absolute;top:0;right:0;left:637px;margin:auto;z-index:10;width:500px;box-shadow:-10px 0 10px rgba(0,0,0,0.4),10px 0 10px rgba(0,0,0,0.4);opacity:0;overflow:hidden}@media screen and (max-width: 750px){.container .sp-wrap{max-width:none;width:100%;box-shadow:none;transition-delay:.5s;opacity:1}}@media screen and (max-width: 1200px){.container .sp-wrap{right:0;left:0;margin:0 auto}}@media screen and (max-width: 1080px){.container .sp-wrap{background-image:none}}.animation-end .container .sp-wrap{animation:fadeIn 1s ease 1.5s forwards}@media screen and (max-width: 1200px){.animation-end .container .sp-wrap{animation:fadeIn 1s ease .5s forwards}}@media screen and (max-width: 750px){.animation-end .container .sp-wrap{animation:none}}.container .sp-inner{position:relative}.container .sp-inner section{position:relative;z-index:1}.container .firstview{position:relative;padding-bottom:167.3%}@media screen and (min-width: 1201px){.container .firstview{display:none}}.container .firstview::before{background-image:url('../images/2604-onepunchman-collabo/firstview-bg.jpg');background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;min-height:100%;height:100vh;margin:auto;content:'';z-index:-2}@media screen and (max-width: 750px){.container .firstview::before{transform:scale(1.4)}}.animation-end .container .firstview::before{animation:bg-zoom-in-sp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards}.container .firstview:after{background:linear-gradient(to bottom, #170002 0%,rgba(95,0,7,0.6) 55%,rgba(185,0,14,0.3) 80%,rgba(185,0,14,0) 100%);width:100%;height:38vw;position:absolute;top:0;left:0;content:'';z-index:-1;opacity:0}.animation-end .container .firstview:after{animation:fadeIn 1s ease 1.9s forwards}.container .firstview .period{background-color:#251803;position:absolute;top:0;left:0;z-index:1;width:100%;padding:1% 0;opacity:0}.animation-end .container .firstview .period{animation:fadeIn 1s ease 1.5s forwards}.container .firstview .period span{background-image:url('../images/2604-onepunchman-collabo/period.png');padding-bottom:3.72066%;width:88.1%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;display:block;margin:0 auto}.container .firstview .chara1{background-image:url('../images/2604-onepunchman-collabo/firstview-chara-pc.png');padding-bottom:118.51852%;width:100%;height:0;background-size:cover;background-position:0 0;position:absolute;bottom:-13%;left:0;-webkit-mask-image:linear-gradient(to bottom, #000000 95%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom, #000000 95%,rgba(0,0,0,0) 100%);opacity:0}.animation-end .container .firstview .chara1{animation:fadeIn 1s ease 1.3s forwards}.container .firstview .chara2{background-image:url('../images/2604-onepunchman-collabo/firstview-chara2.png');padding-bottom:125.28657%;width:89.3%;height:0;background-size:cover;background-position:0 0;position:absolute;right:0;bottom:0;opacity:0}.animation-end .container .firstview .chara2{animation:fadeInLeft 1s ease 1.5s forwards}.container .firstview .chara3{background-image:url('../images/2604-onepunchman-collabo/firstview-chara3.png');padding-bottom:97.37258%;width:82.7%;height:0;background-size:cover;background-position:0 0;position:absolute;bottom:-.5%;left:0;opacity:0}.animation-end .container .firstview .chara3{animation:fadeInRight 1s ease 1.7s forwards}.container .firstview .chara4{background-image:url('../images/2604-onepunchman-collabo/firstview-chara4.png');padding-bottom:78.26667%;width:28%;height:0;background-size:cover;background-position:0 0;position:absolute;bottom:39%;left:1%;opacity:0}.animation-end .container .firstview .chara4{animation:fadeIn 1s ease .5s forwards}.container .firstview .chara5{background-image:url('../images/2604-onepunchman-collabo/firstview-chara5.png');padding-bottom:101.56773%;width:33.5%;height:0;background-size:cover;background-position:0 0;position:absolute;bottom:1.5%;left:1%;opacity:0}.animation-end .container .firstview .chara5{animation:fadeIn 1s ease 1.1s forwards}.container .firstview .chara6{background-image:url('../images/2604-onepunchman-collabo/firstview-chara6.png');padding-bottom:77.26199%;width:36.1%;height:0;background-size:cover;background-position:0 0;position:absolute;bottom:27%;left:2%;opacity:0}.animation-end .container .firstview .chara6{animation:fadeIn 1s ease .9s forwards}.container .firstview .chara7{background-image:url('../images/2604-onepunchman-collabo/firstview-chara7.png');padding-bottom:85.94327%;width:50.5%;height:0;background-size:cover;background-position:0 0;position:absolute;bottom:30%;left:16%;opacity:0}.animation-end .container .firstview .chara7{animation:fadeIn 1s ease .7s forwards}.container .firstview .logo{background-image:url('../images/2604-onepunchman-collabo/firstview-logo.png');padding-bottom:40.27577%;width:98%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;top:4%;right:0;left:0;z-index:1;margin:0 auto;opacity:0}.animation-end .container .firstview .logo{animation:fadeIn 1s ease 1.9s forwards}.container .nav{background-position:top center;background-image:url('../images/2604-onepunchman-collabo/bg-nav.jpg');background-size:cover;position:relative;z-index:1;opacity:0;transition-delay:.1s;transition-duration:1s}@media screen and (max-width: 1200px){.container .nav{transition-delay:1.5s;transition-duration:1s}}.animation-end .container .nav{opacity:1}.container .nav::before{background-image:linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);position:absolute;top:0;left:0;display:none;width:100%;height:14%;content:''}@media screen and (max-width: 1200px){.container .nav::before{display:block}}.container .nav::after{background-color:#d4c200;position:absolute;bottom:-10px;left:0;width:100%;height:10px;content:'';pointer-events:none}.container .nav ul{display:-ms-flexbox;display:flex}.container .nav ul li{padding-top:1%}.container .nav ul .nav1{position:relative;left:3%;width:33.33%}.container .nav ul .nav1 a{background-image:url('../images/2604-onepunchman-collabo/nav1.png');padding-bottom:60%;width:100%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;display:block}.container .nav ul .nav2{position:relative;left:-2%;width:33.33%}.container .nav ul .nav2 a{background-image:url('../images/2604-onepunchman-collabo/nav2.png');padding-bottom:60%;width:100%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;display:block}.container .nav ul .nav3{position:relative;left:-4%;width:33.33%}.container .nav ul .nav3 a{background-image:url('../images/2604-onepunchman-collabo/nav3.png');padding-bottom:60%;width:100%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;display:block}.container .quest{position:relative;margin-bottom:10%;padding:16% 0 5%}.container .quest .headline{background-image:url('../images/2604-onepunchman-collabo/quest-headline.png');padding-bottom:16.53333%;width:100%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;margin:0 auto 1.5%;opacity:0;transition-duration:1s}.container .quest.fade-up .headline{animation:fade-in-headline .6s ease forwards}.container .quest.fade-up .quest1 .quest1-subheadline{opacity:1;transform:translateY(0)}.container .quest.fade-up .quest1 .do-box{animation:fadeIn .5s ease 2s forwards}@media screen and (max-width: 1200px){.container .quest.fade-up .quest1 .do-box{animation:fadeIn .5s ease 1s forwards}}.container .quest.fade-up .quest1 .do-wrap{opacity:1}.container .quest.fade-up .quest1 .character .bg-chara{animation:fadeLeft 1.5s cubic-bezier(0, 0.46, 0, 1) 0.5s forwards;opacity:1}.container .quest.fade-up .quest1 .character .item{opacity:1}.container .quest .quest1{position:relative;margin:7% 3% 3%;padding-bottom:130%;background-position:top center;background-image:url('../images/2604-onepunchman-collabo/bg-quest.jpg');background-size:cover;background-position:0 -1px;border:8px solid #222}@media screen and (max-width: 750px){.container .quest .quest1{padding-bottom:129%;border:2vw solid #222}}.container .quest .quest1 .quest1-subheadline{background-image:url('../images/2604-onepunchman-collabo/quest-subheadline.png');padding-bottom:14.12494%;width:56.1%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;position:absolute;top:4%;right:4%;margin:0 auto 1.5%;opacity:0;transform:translateY(50px);transition-delay:.2s;transition-duration:1s}.container .quest .quest1 .do-box{opacity:0}.container .quest .quest1 .do-wrap{position:absolute;top:0;left:0;width:100%;height:100%;animation-duration:.5s;opacity:0;pointer-events:none;transition-delay:.6s}.container .quest .quest1 .do-wrap .do span{background-image:url('../images/2604-onepunchman-collabo/do1.png');padding-bottom:34.61798%;width:23.7%;height:0;background-size:cover;background-position:0 0;position:absolute;animation:king-engine 2s steps(1) infinite;opacity:0}.container .quest .quest1 .do-wrap .do1 span{top:18%;left:23%;animation-delay:1.7s}.container .quest .quest1 .do-wrap .do2 span{top:20%;left:4%;animation-delay:.4s}.container .quest .quest1 .do-wrap .do3 span{top:12%;left:19%;animation-delay:.8s}.container .quest .quest1 .do-wrap .do4 span{top:13%;left:10%;animation-delay:1.2s}.container .quest .quest1 .do-wrap2{top:19%;left:-21%;transform:scale(0.8) rotate(-13deg)}.container .quest .quest1 .do-wrap2 .do1 span{animation-delay:1.6s}.container .quest .quest1 .do-wrap2 .do2 span{animation-delay:.3s}.container .quest .quest1 .do-wrap2 .do3 span{animation-delay:.9s}.container .quest .quest1 .do-wrap2 .do4 span{animation-delay:0}.container .quest .quest1 .do-wrap3{top:44%;left:-19%;transform:scale(0.6) rotate(0deg)}.container .quest .quest1 .do-wrap3 .do1 span{animation-delay:.2s}.container .quest .quest1 .do-wrap3 .do2 span{animation-delay:1.3s}.container .quest .quest1 .do-wrap3 .do3 span{animation-delay:.5s}.container .quest .quest1 .do-wrap3 .do4 span{animation-delay:1.7s}.container .quest .quest1 .do-wrap4{top:2%;left:24%;transform:scale(0.6) rotate(14deg)}.container .quest .quest1 .do-wrap4 .do1 span{animation-delay:1.8s}.container .quest .quest1 .do-wrap4 .do2 span{animation-delay:1.3s}.container .quest .quest1 .do-wrap4 .do3 span{animation-delay:.2s}.container .quest .quest1 .do-wrap4 .do4 span{animation-delay:.9}.container .quest .quest1 .do-wrap5{top:7%;left:47%;transform:scale(0.9) rotate(31deg)}.container .quest .quest1 .do-wrap5 .do1 span{animation-delay:.2s}.container .quest .quest1 .do-wrap5 .do2 span{animation-delay:.6s}.container .quest .quest1 .do-wrap5 .do3 span{animation-delay:.9s}.container .quest .quest1 .do-wrap5 .do4 span{animation-delay:1.6}.container .quest .quest1 .do-wrap6{top:39%;left:40%;transform:scale(0.8) rotate(17deg)}.container .quest .quest1 .do-wrap6 .do1 span{animation-delay:.6s}.container .quest .quest1 .do-wrap6 .do2 span{animation-delay:1.3s}.container .quest .quest1 .do-wrap6 .do3 span{animation-delay:1s}.container .quest .quest1 .do-wrap6 .do4 span{animation-delay:.4s}.container .quest .quest1 .character{position:absolute;margin:auto;width:100%;height:100%}.container .quest .quest1 .character .bg-chara{background-image:url('../images/2604-onepunchman-collabo/quest1-bg-chara.png');padding-bottom:129.32096%;width:116.67%;height:0;background-size:cover;background-position:0 0;position:absolute;margin-top:0;margin-left:-7%;bottom:0;opacity:0;transform:translateX(50px);transition-delay:.4s;transition-duration:1s}.container .quest .quest1 .character .item{opacity:0;transition-delay:1s;transition-duration:1s}.container .quest .quest1 .character .avatar{background-image:url('../images/2604-onepunchman-collabo/quest1-avatar.png');padding-bottom:60.16773%;width:58.3%;height:0;background-size:cover;background-position:0 0;position:absolute;left:46%;margin-top:88%}.container .quest .quest2{position:relative;margin:5% auto 28%}.container .quest .quest2.fade-up .quest2-subheadline,.container .quest .quest2.fade-up .character{opacity:1;transform:translateY(0)}.container .quest .quest2.fade-up .slider{opacity:1}.container .quest .quest2 .quest2-subheadline{background-image:url('../images/2604-onepunchman-collabo/quest-subheadline2.png');padding-bottom:68.44171%;width:24.9%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;right:0;left:0;z-index:2;margin:2% auto 0;opacity:0;transform:translateY(50px);transition-duration:1s}.container .quest .quest2 .character{background-image:url('../images/2604-onepunchman-collabo/quest2-character.png');padding-bottom:134.28571%;width:94%;height:0;background-size:cover;background-position:0 0;margin:auto;opacity:0;transform:translateY(50px);transition-delay:.2s;transition-duration:1s}.container .quest .quest2 .slider{opacity:0;transition-delay:.6s;transition-duration:1s}.container .quest .quest2 .slick-slider{position:absolute;top:56%;right:0;left:0;width:50.6%;margin:0 auto}.container .quest .quest2 .slick-slider img{max-width:100%}.container .quest .slick-prev,.container .quest .slick-next{text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-color:transparent;position:absolute;bottom:-14.5%;z-index:2;padding:0;border:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.container .quest .slick-prev{background-image:url('../images/2604-onepunchman-collabo/prev.png');padding-bottom:8.51163%;width:6%;height:0;background-size:cover;background-position:0 0;background-position:center;background-size:contain;background-repeat:no-repeat;left:23%}.container .quest .slick-prev::before{display:none}.container .quest .slick-next{background-image:url('../images/2604-onepunchman-collabo/next.png');padding-bottom:8.51163%;width:6%;height:0;background-size:cover;background-position:0 0;background-position:center;background-size:contain;background-repeat:no-repeat;right:23%}.container .quest .slick-next::before{display:none}.container .quest .sec-avatar{opacity:0}.container .quest .sec-avatar.fade-up{opacity:1;transform:translateY(0)}.container .quest .sec-avatar.fade-up .avatar-inner .avatar1,.container .quest .sec-avatar.fade-up .avatar-inner .avatar2,.container .quest .sec-avatar.fade-up .avatar-inner .avatar3,.container .quest .sec-avatar.fade-up .avatar-inner .avatar4,.container .quest .sec-avatar.fade-up .avatar-inner .bottom-text{opacity:1}.container .quest .sec-avatar.fade-up .avatar-inner .star{opacity:1;transform:scale(1)}.container .quest .sec-avatar.fade-up .avatar-inner::before{animation:bg-expand .5s ease-out forwards}.container .quest .sec-avatar .avatar-headline{background-image:url('../images/2604-onepunchman-collabo/sec-avatar-headline.png');padding-bottom:12.13333%;width:76.4%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;position:relative;top:-1vw;left:6%;z-index:10;margin:0}.container .quest .sec-avatar .avatar-inner{position:relative;margin-top:-6%;padding-bottom:54.4%}.container .quest .sec-avatar .avatar-inner::before{background-image:url('../images/2604-onepunchman-collabo/bg-avatar.png');padding-bottom:60%;width:100%;height:0;background-size:cover;background-position:0 0;background-size:contain;background-repeat:no-repeat;position:absolute;top:-19%;left:0;content:'';transform-origin:left center;transform:scaleX(0)}.container .quest .sec-avatar .avatar-inner .avatar1{background-image:url('../images/2604-onepunchman-collabo/avatar1.png');padding-bottom:41.11694%;width:16.5%;height:0;background-size:cover;background-position:0 0;position:absolute;top:8%;left:16%;opacity:0;transition-delay:.7s;transition-duration:.5s}.container .quest .sec-avatar .avatar-inner .avatar2{background-image:url('../images/2604-onepunchman-collabo/avatar2.png');padding-bottom:39.52205%;width:16.9%;height:0;background-size:cover;background-position:0 0;position:absolute;top:8%;left:41%;opacity:0;transition-delay:.8s;transition-duration:.5s}.container .quest .sec-avatar .avatar-inner .avatar3{background-image:url('../images/2604-onepunchman-collabo/avatar3.png');padding-bottom:42.8%;width:20%;height:0;background-size:cover;background-position:0 0;position:absolute;top:3%;left:66.6%;opacity:0;transition-delay:.9s;transition-duration:.5s}.container .quest .sec-avatar .avatar-inner .bottom-text{background-image:url('../images/2604-onepunchman-collabo/avatar-bottom-text.png');padding-bottom:3.2%;width:83.2%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;position:absolute;right:0;bottom:9%;left:0;margin:0 auto;opacity:0;transition-delay:1s;transition-duration:1s}.container .gacha{position:relative;margin-bottom:10%;padding:8% 0 5%}.container .gacha.fade-up .headline{animation:fade-in-headline .6s ease forwards}.container .gacha.fade-up .gacha1 .subheadline{animation:privilegeTextIn 1s cubic-bezier(0.06, 0.75, 0.03, 0.96) 0.9s forwards}.container .gacha.fade-up .gacha1 .illust,.container .gacha.fade-up .gacha1 .effect-back,.container .gacha.fade-up .gacha1 .effect-front,.container .gacha.fade-up .gacha1 .catch,.container .gacha.fade-up .gacha1 .movie-wrap{opacity:1;transform:translateX(0)}.container .gacha.fade-up .gacha1 .bg{animation:slash-in-from-top-right 0.5s cubic-bezier(0.22, 1, 0.36, 1) both}.container .gacha.fade-up .gacha1 .bg::before{animation:skew-slide 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards}.container .gacha .headline{background-image:url('../images/2604-onepunchman-collabo/gacha-headline.png');padding-bottom:16.53333%;width:100%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;margin:0 auto 1.5%;opacity:0}.container .gacha .gacha1{position:relative;margin-bottom:15%}.container .gacha .gacha1 .bg{background-image:url('../images/2604-onepunchman-collabo/gacha1-bg.png');padding-bottom:124.04366%;width:94.7%;height:0;background-size:cover;background-position:0 0;background-image:none;position:absolute;top:4%;left:1%;margin:0 auto;transform:translate(-100%, -100%)}.container .gacha .gacha1 .bg::after{background-image:url('../images/2604-onepunchman-collabo/gacha1-bg.png');padding-bottom:130.98592%;width:100%;height:0;background-size:cover;background-position:0 0;position:absolute;top:0;left:0;margin:0 auto;content:''}.container .gacha .gacha1 .bg::before{background-color:#cfcfcf;position:absolute;top:0%;left:0%;width:100%;height:100%;content:'';-webkit-mask-image:url("../images/2604-onepunchman-collabo/gacha1-bg.png");mask-image:url("../images/2604-onepunchman-collabo/gacha1-bg.png");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}.container .gacha .gacha1 .subheadline{background-image:url('../images/2604-onepunchman-collabo/gacha1-subheadline.png');padding-bottom:54.61801%;width:21.5%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;top:5%;right:12%;z-index:10;margin:0 auto -2%;opacity:0}.container .gacha .gacha1 .detail{position:relative;padding-bottom:127.2%}.container .gacha .gacha1 .illust{background-image:url('../images/2604-onepunchman-collabo/gacha1-illust.png');padding-bottom:130.66667%;width:54%;height:0;background-size:cover;background-position:0 0;position:absolute;top:6%;left:5%;opacity:0;transform:translateX(-30px);transition-delay:.7s;transition-duration:1s}.container .gacha .gacha1 .movie-wrap{position:absolute;top:50%;left:41%;width:52%;padding-bottom:61.3%;opacity:0;transform:translateX(-30px);transition-delay:1.1s;transition-duration:1s;border:7px solid #222;pointer-events:none}@media screen and (max-width: 750px){.container .gacha .gacha1 .movie-wrap{border:2vw solid #222}}.container .gacha .gacha1 .movie-wrap .movie-inner{position:absolute;top:-.5%;left:-.5%;width:101%;height:101%;overflow:hidden}.container .gacha .gacha1 .movie-wrap iframe{position:absolute;top:50%;width:100%;height:200%;transform:translateY(-50%)}.container .gacha .gacha2{position:relative;margin-bottom:30%}.container .gacha .gacha2.fade-up .subheadline{animation:privilegeTextIn 1s cubic-bezier(0.06, 0.75, 0.03, 0.96) 0.9s forwards}.container .gacha .gacha2.fade-up .illust,.container .gacha .gacha2.fade-up .effect-back,.container .gacha .gacha2.fade-up .effect-front,.container .gacha .gacha2.fade-up .movie-wrap{opacity:1;transform:translateX(0)}.container .gacha .gacha2.fade-up .effect-front2{animation:zoom-in 1s ease-out 1s forwards}.container .gacha .gacha2.fade-up .bg{animation:slash-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both}.container .gacha .gacha2.fade-up .bg::before{animation:skew-slide 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards}.container .gacha .gacha2 .bg{background-image:url('../images/2604-onepunchman-collabo/gacha2-bg.png');padding-bottom:127.95429%;width:93.3%;height:0;background-size:cover;background-position:0 0;background-image:none;position:absolute;top:4%;left:3%;margin:0 auto;transform:translate(-100%, -100%)}.container .gacha .gacha2 .bg::after{background-image:url('../images/2604-onepunchman-collabo/gacha2-bg.png');padding-bottom:137.14286%;width:100%;height:0;background-size:cover;background-position:0 0;position:absolute;top:0;left:0;margin:0 auto;content:''}.container .gacha .gacha2 .bg::before{background-color:#cfcfcf;position:absolute;top:0%;left:0%;width:100%;height:100%;content:'';-webkit-mask-image:url("../images/2604-onepunchman-collabo/gacha2-bg.png");mask-image:url("../images/2604-onepunchman-collabo/gacha2-bg.png");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}.container .gacha .gacha2 .subheadline{background-image:url('../images/2604-onepunchman-collabo/gacha2-subheadline.png');padding-bottom:56.4986%;width:19.1%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;right:4%;bottom:-2%;z-index:10;margin:0 auto;opacity:0}.container .gacha .gacha2 .detail{position:relative;padding-bottom:125.8%}.container .gacha .gacha2 .illust{background-image:url('../images/2604-onepunchman-collabo/gacha2-illust.png');padding-bottom:130.44141%;width:47.3%;height:0;background-size:cover;background-position:0 0;position:absolute;top:9%;left:39%;opacity:0;transform:translateX(30px);transition-delay:.7s;transition-duration:1s}.container .gacha .gacha2 .effect-back{background-image:url('../images/2604-onepunchman-collabo/gacha2-effect-back.png');padding-bottom:129.55543%;width:96.9%;height:0;background-size:cover;background-position:0 0;position:absolute;top:13%;right:0;opacity:0;transform:translateX(30px);transition-delay:.8s;transition-duration:1s}.container .gacha .gacha2 .effect-front{background-image:url('../images/2604-onepunchman-collabo/gacha2-effect-front.png');padding-bottom:91.6%;width:90.4%;height:0;background-size:cover;background-position:0 0;position:absolute;top:4%;right:0;opacity:0;transform:translateX(30px);transition-delay:.9s;transition-duration:1s}.container .gacha .gacha2 .effect-front2{background-image:url('../images/2604-onepunchman-collabo/gacha2-effect-front2.png');padding-bottom:37.6%;width:25.6%;height:0;background-size:cover;background-position:0 0;position:absolute;top:12%;right:9%;opacity:0;transition-delay:1.1s;transition-duration:1s}.container .gacha .gacha2 .movie-wrap{position:absolute;top:54%;left:5%;width:52%;padding-bottom:61.3%;opacity:0;transform:translateX(30px);transition-delay:1s;transition-duration:1s;border:7px solid #222;pointer-events:none}@media screen and (max-width: 750px){.container .gacha .gacha2 .movie-wrap{border:2vw solid #222}}.container .gacha .gacha2 .movie-wrap .movie-inner{position:absolute;top:-.5%;left:-.5%;width:101%;height:101%;overflow:hidden}.container .gacha .gacha2 .movie-wrap iframe{position:absolute;top:50%;width:100%;height:200%;transform:translateY(-50%)}.container .gacha .gacha3{position:relative;margin-bottom:10%}.container .gacha .gacha3.fade-up .subheadline{animation:privilegeTextIn 1s cubic-bezier(0.06, 0.75, 0.03, 0.96) 0.9s forwards}.container .gacha .gacha3.fade-up .illust,.container .gacha .gacha3.fade-up .movie-wrap{opacity:1;transform:translateX(0)}.container .gacha .gacha3.fade-up .effect-front2{animation:clip-left-to-right .6s ease-out 1s forwards}.container .gacha .gacha3.fade-up .effect-front{animation:clip-right-to-left .6s ease-out .5s forwards}.container .gacha .gacha3.fade-up .effect-back{animation:stone-float 4s ease-out .8s forwards}.container .gacha .gacha3.fade-up .effect-back2{animation:stone-float 4s ease-out 1.2s forwards}.container .gacha .gacha3.fade-up .bg{animation:slash-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both}.container .gacha .gacha3.fade-up .bg::before{animation:skew-slide3 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.7s forwards}.container .gacha .gacha3 .subheadline{background-image:url('../images/2604-onepunchman-collabo/gacha3-subheadline.png');padding-bottom:64.08%;width:26.7%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;top:5%;right:7%;z-index:10;margin:0 auto;opacity:0}.container .gacha .gacha3 .detail{position:relative;padding-bottom:127.2%}.container .gacha .gacha3 .bg{background-image:url('../images/2604-onepunchman-collabo/gacha3-bg.png');padding-bottom:133.28571%;width:93.3%;height:0;background-size:cover;background-position:0 0;background-image:none;position:absolute;top:4%;left:3%;margin:0 auto;transform:translate(-100%, -100%)}.container .gacha .gacha3 .bg::after{background-image:url('../images/2604-onepunchman-collabo/gacha3-bg.png');padding-bottom:142.85714%;width:100%;height:0;background-size:cover;background-position:0 0;position:absolute;top:0;left:0;margin:0 auto;content:''}.container .gacha .gacha3 .bg::before{background-color:#cfcfcf;position:absolute;top:0%;left:0%;width:100%;height:100%;content:'';-webkit-mask-image:url("../images/2604-onepunchman-collabo/gacha3-bg.png");mask-image:url("../images/2604-onepunchman-collabo/gacha3-bg.png");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}.container .gacha .gacha3 .illust{background-image:url('../images/2604-onepunchman-collabo/gacha3-illust.png');padding-bottom:120%;width:79.6%;height:0;background-size:cover;background-position:0 0;position:absolute;top:7%;left:0;opacity:0;transform:translateX(-30px);transition-delay:.7s;transition-duration:1s}.container .gacha .gacha3 .effect-back{background-image:url('../images/2604-onepunchman-collabo/gacha3-effect-back.png');padding-bottom:72.05943%;width:32.5%;height:0;background-size:cover;background-position:0 0;position:absolute;top:19%;left:54%;opacity:0}.container .gacha .gacha3 .effect-back2{background-image:url('../images/2604-onepunchman-collabo/gacha3-effect-back2.png');padding-bottom:51.39063%;width:29.9%;height:0;background-size:cover;background-position:0 0;position:absolute;top:24%;left:-1%;opacity:0}.container .gacha .gacha3 .effect-front{background-image:url('../images/2604-onepunchman-collabo/gacha3-effect-front.png');padding-bottom:77.46667%;width:72.8%;height:0;background-size:cover;background-position:0 0;position:absolute;top:22%;left:0;clip-path:inset(0 100% 0 0)}.container .gacha .gacha3 .effect-front2{background-image:url('../images/2604-onepunchman-collabo/gacha3-effect-front2.png');padding-bottom:29.17944%;width:47.3%;height:0;background-size:cover;background-position:0 0;position:absolute;top:67%;left:21.5%;clip-path:inset(0 0 0 100%)}.container .gacha .gacha3 .movie-wrap{position:absolute;top:56%;left:42%;width:52%;padding-bottom:61.3%;opacity:0;transform:translateX(-30px);transition-delay:1s;transition-duration:1s;border:7px solid #222;pointer-events:none}@media screen and (max-width: 750px){.container .gacha .gacha3 .movie-wrap{border:2vw solid #222}}.container .gacha .gacha3 .movie-wrap .movie-inner{position:absolute;top:-.5%;left:-.5%;width:101%;height:101%;overflow:hidden}.container .gacha .gacha3 .movie-wrap iframe{position:absolute;top:50%;width:100%;height:200%;transform:translateY(-50%)}.container .gacha .purchase{position:relative;padding-bottom:79.33%;opacity:0;transform:translateY(30px);transition-duration:1s}.container .gacha .purchase.fade-up{opacity:1;transform:translateY(0)}.container .gacha .purchase.fade-up .bg,.container .gacha .purchase.fade-up .text-right,.container .gacha .purchase.fade-up .chara,.container .gacha .purchase.fade-up .light{opacity:1;transform:translate(0);transition-duration:.5s}.container .gacha .purchase .bg{background-image:url('../images/2604-onepunchman-collabo/purchase-headline-bg.png');padding-bottom:47.86667%;width:56.8%;height:0;background-size:cover;background-position:0 0;position:absolute;top:43%;right:0;left:-2%;margin:0 auto;opacity:0;transition-delay:.1s}.container .gacha .purchase .text-right{background-image:url('../images/2604-onepunchman-collabo/purchase-headline-right.png');padding-bottom:58.66667%;width:20.4%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;top:15%;left:73%;opacity:0;transform:translateX(20px);transition-delay:.2s}.container .gacha .purchase .chara{background-image:url('../images/2604-onepunchman-collabo/purchase-headline-avatar.png');padding-bottom:78.49643%;width:70.9%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;top:9%;left:1.7%;opacity:0;transform:translateY(20px);transition-delay:.3s}.container .gacha .purchase .light{background-image:url('../images/2604-onepunchman-collabo/purchase-headline-light.png');padding-bottom:33.73333%;width:66.8%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:absolute;top:10%;left:7%;opacity:0;transition-delay:.4s}.container .special{position:relative;margin:0 3%;padding:8% 0 5%;opacity:0;transform:translateY(30px)}.container .special .inner-special{background-position:top center;background-image:url('../images/2604-onepunchman-collabo/bg-special.png');background-size:cover;position:relative;padding:3% 0 7%;border:8px solid #222;opacity:0;overflow:hidden;transition-delay:.1s}@media screen and (max-width: 750px){.container .special .inner-special{border:2vw solid #222}}.container .special.fade-up{opacity:1;transform:translateY(0);transition-duration:.5s}.container .special.fade-up .headline{animation:fade-in-headline .6s ease forwards}.container .special.fade-up .inner-special,.container .special.fade-up .subheadline,.container .special.fade-up .stone,.container .special.fade-up .character,.container .special.fade-up .text,.container .special.fade-up .btn-detail,.container .special.fade-up .star-box{opacity:1;transform:translateY(0);transition-duration:.5s}.container .special .headline{background-image:url('../images/2604-onepunchman-collabo/special-headline.png');padding-bottom:17.52533%;width:106%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;left:-3%;z-index:1;margin:0 auto 5%;opacity:0}.container .special .subheadline{background-image:url('../images/2604-onepunchman-collabo/special-subheadline.png');padding-bottom:36.78883%;width:85%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;z-index:1;margin:0 auto 48%;opacity:0;transform:translateY(20px);transition-delay:.2s}.container .special .stone{background-image:url('../images/2604-onepunchman-collabo/special-stone.png');padding-bottom:129.6%;width:108%;height:0;background-size:cover;background-position:0 0;position:absolute;top:0;right:0;left:-4%;margin:auto;opacity:0;transition-delay:.3s}.container .special .character{background-image:url('../images/2604-onepunchman-collabo/special-character.png');padding-bottom:87.945%;width:53.3%;height:0;background-size:cover;background-position:0 0;position:absolute;bottom:-1%;left:0;opacity:0;transition-delay:.4s}.container .special .text{background-image:url('../images/2604-onepunchman-collabo/special-catch.png');padding-bottom:17.12413%;width:82.9%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;z-index:1;margin:0 auto;opacity:0;transform:translateY(20px);transition-delay:.5s}.container .special .btn-detail{background-image:url('../images/2604-onepunchman-collabo/btn-special.png');padding-bottom:9.42857%;width:69%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;background-size:contain;background-repeat:no-repeat;z-index:1;display:block;margin:0 auto;opacity:0;transform:translateY(20px);transition-delay:.6s}.container .special .btn-detail:hover{filter:brightness(1.2)}.container .special .star-box{position:absolute;top:0;width:100%;height:100%;opacity:0;pointer-events:none;transition-delay:.7s}.container .special .star-box .star{position:absolute;z-index:1;width:18%}.container .special .star-box .star div{background-image:url('../images/2604-onepunchman-collabo/star.png');padding-bottom:118.33333%;width:100%;height:0;background-size:cover;background-position:0 0;background-size:contain}.container .special .star-box .star1{top:46%;left:55.5%;transform:scale(0.4)}.container .special .star-box .star1 div{animation:kira 1s infinite -0.2s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star2{top:-4%;left:67%;transform:scale(0.5)}.container .special .star-box .star2 div{animation:kira 1s infinite -0.3s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star3{top:-2%;left:78%;transform:scale(0.3)}.container .special .star-box .star3 div{animation:kira 1s infinite -0.4s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star4{top:1%;left:76%;transform:scale(0.3)}.container .special .star-box .star4 div{animation:kira 1s infinite 0.2s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star5{top:3%;left:89%;transform:scale(0.2)}.container .special .star-box .star5 div{animation:kira 1s infinite 4s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star6{top:10%;left:86%;transform:scale(0.4)}.container .special .star-box .star6 div{animation:kira 1s infinite -0.5s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star7{top:27%;left:48%;transform:scale(0.2)}.container .special .star-box .star7 div{animation:kira 1s infinite 0.2s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star8{top:28%;left:67%;transform:scale(0.25)}.container .special .star-box .star8 div{animation:kira 1s infinite 0.3s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star8{top:31%;left:76%;transform:scale(0.4)}.container .special .star-box .star8 div{animation:kira 1s infinite 0.5s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star9{top:39%;left:73%;transform:scale(0.4)}.container .special .star-box .star9 div{animation:kira 1s infinite 0.7s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star10{top:34%;left:34%;transform:scale(0.3)}.container .special .star-box .star10 div{animation:kira 1s infinite 0.8s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star11{top:60%;left:31%}.container .special .star-box .star11 div{animation:kira 1s infinite -0.8s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star12{top:56%;left:27%;transform:scale(0.6)}.container .special .star-box .star12 div{animation:kira 1s infinite -1s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star13{top:62.5%;left:78%;transform:scale(0.2)}.container .special .star-box .star13 div{animation:kira 1s infinite -0.2s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star14{top:43%;left:47%;transform:scale(0.4)}.container .special .star-box .star14 div{animation:kira 1s infinite -0.3s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star15{top:62%;left:45%;transform:scale(0.5)}.container .special .star-box .star15 div{animation:kira 1s infinite -0.4s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star15{top:60%;left:54%;transform:scale(0.6)}.container .special .star-box .star15 div{animation:kira 1s infinite -0.5s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .special .star-box .star16{top:51%;left:78%;transform:scale(0.4)}.container .special .star-box .star16 div{animation:kira 1s infinite -0.6s alternate cubic-bezier(0.645, 0.045, 0.355, 1)}.container .scroll-anime{opacity:0}.container .scroll-anime.fade-up{animation:fade-up .7s ease forwards}.container .headline-about{background-image:url('../images/2604-onepunchman-collabo/headline-about.png');padding-bottom:4.37247%;width:18%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;background-size:contain;background-repeat:no-repeat;margin:12% auto 7%}.container .collabo{position:relative;margin:0 3% 5%;padding:3% 3% 5%;border:8px solid #222;opacity:0;transform:translateY(30px)}@media screen and (max-width: 750px){.container .collabo{border:2vw solid #222}}.container .collabo.fade-up{animation:fade-up .7s ease forwards}.container .collabo .headline{background-image:url('../images/2604-onepunchman-collabo/logo-mushokutensei.png');padding-bottom:13.28%;width:72%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;margin:3% auto 7%;background-size:contain;background-repeat:no-repeat}.container .collabo .image{background-image:url('../images/2604-onepunchman-collabo/about-collabo-image.jpg');padding-bottom:70.2454%;width:100%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;position:relative;margin:0 auto 5%}.container .collabo .text{margin:0 5% 5%;color:#444;line-height:1.8;font-size:15px}@media screen and (max-width: 750px){.container .collabo .text{font-size:2.8vw}}.container .collabo .text p:not(:last-child){margin-bottom:1em}.container .collabo .btn-official{background-image:url('../images/2604-onepunchman-collabo/btn-collabo-official.png');padding-bottom:9.41935%;width:58.4%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;position:relative;top:0;display:block;margin:0 auto 5%;transition-duration:.7s}@media screen and (max-width: 750px){.container .collabo .btn-official{background-image:url('../images/2604-onepunchman-collabo/btn-collabo-official.png');padding-bottom:11.93548%;width:74%;height:0;background-size:cover;background-position:0 0;background-size:contain;background-repeat:no-repeat}}.container .collabo .btn-official:hover{filter:brightness(1.2)}.container .collabo::before{background-color:#222;position:absolute;top:-1px;left:-1px;width:101%;height:17%;clip-path:polygon(0 0, 100% 0, 100% 60%, 0 100%);content:''}.container .logres{position:relative;margin:0 3%;padding:3% 3% 5%;border:8px solid #222;opacity:0;transform:translateY(30px)}@media screen and (max-width: 750px){.container .logres{border:2vw solid #222}}.container .logres.fade-up{animation:fade-up .7s ease forwards}.container .logres .headline{background-image:url('../images/2604-onepunchman-collabo/about-logres-headline.png');padding-bottom:19.2185%;width:57.8%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;margin:0 auto 5%}.container .logres .image{background-image:url('../images/2604-onepunchman-collabo/about-logres-image.png');padding-bottom:40%;width:100%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;margin:0 auto 5%}.container .logres .text{margin:0 5% 5%;color:#444;line-height:1.8;font-size:15px}@media screen and (max-width: 750px){.container .logres .text{font-size:2.8vw}}.container .logres .text p:not(:last-child){margin-bottom:1em}.container .logres::before{background-color:#222;position:absolute;top:-1px;left:-1px;width:101%;height:24%;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 60%);content:''}.container .logres .btn-official{background-image:url('../images/2604-onepunchman-collabo/btn-official.png');padding-bottom:9.41935%;width:58.4%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;position:relative;top:0;display:block;margin:0 auto 5%;transition-duration:.7s}@media screen and (max-width: 750px){.container .logres .btn-official{background-image:url('../images/2604-onepunchman-collabo/btn-official.png');padding-bottom:11.93548%;width:74%;height:0;background-size:cover;background-position:0 0;background-size:contain;background-repeat:no-repeat}}.container .logres .btn-official:hover{filter:brightness(1.2)}.container .logres .store-button{display:-ms-flexbox;display:flex;padding:0 2%;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1%;-ms-flex-pack:center;justify-content:center}.container .logres .store-button li a{text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;display:block}.container .logres .store-button li a.icon-appstore{background-image:url('../images/2604-onepunchman-collabo/btn-appstore.png');padding-bottom:36.56388%;width:100%;height:0;background-size:cover;background-position:0 0;background-size:contain;background-repeat:no-repeat;margin-bottom:10%}.container .logres .store-button li a.icon-googleplay{background-image:url('../images/2604-onepunchman-collabo/btn-googleplay.png');padding-bottom:29.53737%;width:100%;height:0;background-size:cover;background-position:0 0;background-size:contain;background-repeat:no-repeat;margin-bottom:10%}.container .logres .store-button li a.icon-andapp{background-image:url('../images/2604-onepunchman-collabo/btn-andapp.png');padding-bottom:29.43262%;width:100%;height:0;background-size:cover;background-position:0 0;background-size:contain;background-repeat:no-repeat;margin-bottom:10%}.container .logres .store-button li.hidden{display:none}.container .logres .store-button li.ios{width:35%}@media screen and (min-width: 1081px){.container .logres .store-button li.ios{width:28%}}.container .logres .store-button li.android{width:44%}@media screen and (min-width: 1081px){.container .logres .store-button li.android{width:34%}}.container .logres .store-button li.andapp{width:43%}@media screen and (min-width: 1081px){.container .logres .store-button li.andapp{width:34%}}.container .logres.fade-up .headline,.container .logres.fade-up .inner{opacity:1;transform:translateY(0)}.container .pagetop{background-image:url('../images/2604-onepunchman-collabo/pagetop-mark.png');padding-bottom:24%;width:24%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;display:block;margin:10% auto}.container .pagetop-text{background-image:url('../images/2604-onepunchman-collabo/pagetop-text.png');padding-bottom:100%;width:100%;height:0;background-size:cover;background-position:0 0;background-size:contain;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.container .pagetop.is-punching{animation:pagetop-punch .4s ease-out forwards;pointer-events:none}.container .pagetop.is-punching .pagetop-text{transition:.1s;opacity:0}.container .footer{background-position:top center;background-image:url('../images/2604-onepunchman-collabo/bg-footer.png');background-size:cover;position:relative;z-index:1}@media screen and (max-width: 1080px){.container .footer{border-width:5px}}.container .footer::before{background-color:#a50a16;display:block;width:100%;height:10px;content:''}@media screen and (max-width: 750px){.container .footer::before{height:3vw}}.container .footer .headline{background-image:url('../images/2604-onepunchman-collabo/share.png');padding-bottom:4.97059%;width:16.9%;height:0;background-size:cover;background-position:0 0;text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;background-size:contain;background-repeat:no-repeat;margin:0 auto 3%}.container .footer .inner{position:relative;margin:0 auto;padding:35px 0 15px}@media screen and (max-width: 1080px){.container .footer .inner{width:100%;padding:5% 0 8%}}.container .footer .social-button{display:-ms-flexbox;display:flex;margin:0 0 75px -20px;-ms-flex-align:center;align-items:center;gap:30px;-ms-flex-pack:center;justify-content:center}@media screen and (max-width: 1080px){.container .footer .social-button{margin:0 0 10%;gap:8%}}@media screen and (max-width: 1080px){.container .footer .social-button li{width:12%}}.container .footer .social-button li a{text-indent:-119988px;overflow:hidden;text-align:left;text-transform:capitalize;display:block}.container .footer .social-button li a.x{background-image:url('../images/2604-onepunchman-collabo/btn-share-x.png');background-repeat:no-repeat;background-position:left top;width:63.33333px;height:59.33333px;background-size:contain}@media screen and (max-width: 1080px){.container .footer .social-button li a.x{background-image:url('../images/2604-onepunchman-collabo/btn-share-x.png');padding-bottom:93.68421%;width:100%;height:0;background-size:cover;background-position:0 0}}.container .footer .social-button li a.facebook{background-image:url('../images/2604-onepunchman-collabo/btn-share-facebook.png');background-repeat:no-repeat;background-position:left top;width:63.33333px;height:59.33333px;background-size:contain}@media screen and (max-width: 1080px){.container .footer .social-button li a.facebook{background-image:url('../images/2604-onepunchman-collabo/btn-share-facebook.png');padding-bottom:93.68421%;width:100%;height:0;background-size:cover;background-position:0 0}}.container .footer .social-button li a.line{background-image:url('../images/2604-onepunchman-collabo/btn-share-line.png');background-repeat:no-repeat;background-position:left top;width:63.33333px;height:59.33333px;background-size:contain}@media screen and (max-width: 1080px){.container .footer .social-button li a.line{background-image:url('../images/2604-onepunchman-collabo/btn-share-line.png');padding-bottom:93.68421%;width:100%;height:0;background-size:cover;background-position:0 0}}.container .footer .copyright{display:block;margin-bottom:15px;padding:0 30px;color:#fff;line-height:1.4;text-align:center;font-size:16px}@media screen and (max-width: 1080px){.container .footer .copyright{margin-bottom:5%;font-size:12px}}.container .footer .footer-text{display:block;color:#4f0006;text-align:center;font-size:12px}@media screen and (max-width: 1080px){.container .footer .footer-text{font-size:10px}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slick-list{position:relative;display:block;margin:0;padding:0}.slick-list.weapon-slider{overflow:visible}.slick-list.weapon-slider .slick-list{overflow:visible}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track::before,.slick-track::after{display:table;content:''}.slick-track::after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;min-height:1px;height:100%;float:left}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots{position:absolute;right:0;bottom:-16%;left:0;width:64%;height:32px;margin:auto;padding:5px 0 6px;text-align:center;border:3px solid #999;border-radius:20px}@media screen and (max-width: 750px){.slick-dots{right:0;bottom:-17%;left:0;width:64%;height:12%;padding:0;border:.7vw solid #999;border-radius:4vw}}.slick-dots li{background-color:#999;display:inline-block;width:10px;height:10px;margin:0 2px;cursor:pointer;opacity:.5}@media screen and (max-width: 750px){.slick-dots li{width:7%;height:35%;margin-top:2vw}}.slick-dots li.slick-active{opacity:1}.slick-dots button{display:none}@keyframes kira{from{transform:scale(1)}to{transform:scale(0)}}@keyframes scrollDown{0%{transform:scale(1, 0);transform-origin:0 0}50%{transform:scale(1, 1);transform-origin:0 0}50.1%{transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);transform-origin:0 100%}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{transform:translateX(50px)}100%{transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeLeftLong{0%{transform:translateX(100px)}100%{transform:translateX(0)}}@keyframes fadeRight{0%{transform:translateX(-50px)}100%{transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes textIn{0%{clip-path:inset(0 100%)}100%{clip-path:inset(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pagetop-punch{0%{opacity:1;transform:scale(1) rotate(0deg)}20%{opacity:1;transform:scale(0.8) rotate(-15deg)}50%{opacity:1;transform:scale(2.2) rotate(10deg)}70%{opacity:1;transform:scale(1.8) rotate(5deg)}85%{opacity:.5;transform:scale(2.4)}100%{opacity:0;transform:scale(2.6)}}@keyframes fade-in-headline{0%{opacity:0;transform:scale(1.3) rotate(-2deg)}60%{opacity:1;transform:scale(1.05) rotate(1deg)}80%{opacity:1;transform:scale(1.08) rotate(0deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes king-engine{0%{filter:blur(0);opacity:0;transform:scale(1)}10%{filter:blur(0);opacity:0;transform:scale(1)}11%{filter:blur(0);opacity:1;transform:scale(1.3)}17%{filter:blur(0);opacity:1;transform:scale(0.95)}23%{filter:blur(0);opacity:1;transform:scale(1.25)}29%{filter:blur(2px);opacity:.8;transform:scale(1.1)}32%{filter:blur(5px);opacity:.3;transform:scale(1.05)}35%{filter:blur(8px);opacity:0;transform:scale(1)}100%{filter:blur(0);opacity:0;transform:scale(1)}}@keyframes bg-expand{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes skew-slide{0%{opacity:0;transform:skewX(0deg) translate(0, 0)}1%{opacity:1}100%{transform:skewX(-2deg) translate(2.7%, 2%)}}@keyframes skew-slide3{0%{opacity:0;transform:skewX(0deg) translate(0, 0)}1%{opacity:1}100%{transform:skew(-2deg, 2deg) translate(3.7%, 0%)}}@keyframes zoom-in{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes clip-left-to-right{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0% 0 0)}}@keyframes clip-right-to-left{0%{clip-path:inset(0 0 0 100%)}100%{clip-path:inset(0 0 0 0%)}}@keyframes stone-float{0%{opacity:0;transform:translateY(50px)}50%{opacity:1;transform:translateY(-2px)}75%{opacity:1;transform:translateY(2px)}100%{opacity:1;transform:translateY(0)}}@keyframes slash-in-from-top-right{0%{transform:translate(100%, -100%)}65%{transform:translate(-6%, 6%)}78%{transform:translate(3%, -3%)}88%{transform:translate(-3%, 3%)}95%{transform:translate(1%, -1%)}100%{transform:translate(0, 0)}}@keyframes slash-in{0%{transform:translate(-100%, -100%)}65%{transform:translate(6%, 6%)}78%{transform:translate(-3%, -3%)}88%{transform:translate(3%, 3%)}95%{transform:translate(-1%, -1%)}100%{transform:translate(0, 0)}}@keyframes privilegeTextIn{0%{opacity:0;transform:translate(-35%, 50%) scale(0.7)}1%{opacity:1}100%{opacity:1;transform:translate(0, 0) scale(1)}}@keyframes bg-zoom-in{0%{transform:scale(1.4)}60%{transform:scale(1.04)}72%{transform:scale(1.1)}84%{transform:scale(1.04)}92%{transform:scale(1.08)}100%{transform:scale(1.05)}}@keyframes bg-zoom-in-sp{0%{height:100vh;transform:scale(1.4)}60%{transform:scale(1.04)}72%{transform:scale(1.1)}84%{transform:scale(1.04)}92%{transform:scale(1.08)}100%{height:100%;transform:scale(1.05)}}@keyframes bg-breathing{0%{transform:scale(1.2)}100%{transform:scale(1.8)}}