*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}img,video{-webkit-user-select:none;-moz-user-select:none;user-select:none}body{width:100%;height:100vh;font-family:"Meiryo",sans-serif;font-size:1rem;line-height:1.65;background-color:#0d0d0d;color:#fff}#container{position:relative;width:100%;height:100%;min-width:1600px;min-height:800px}body:has(#pbar_box) #container{height:calc(100% - 28px)}body:has(#gcnb) #container{height:calc(100% - 40px)}header{position:relative;width:100%;height:auto;z-index:50;transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out;opacity:0}header.show{opacity:1}header h1{position:absolute;top:40px;left:50%;width:163px;height:69px;margin-left:637px;background:url("https://static.gamecom.jp/soulworker/event/53_update/logo_soulworker.png") no-repeat}header h1 a{display:block;width:100%;height:100%}header h1 a span{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}footer{position:absolute;bottom:0;left:0;width:100%;height:auto;padding:1rem 0;letter-spacing:-1rem;font-size:12px;text-align:center;background-color:#000;color:#686868;z-index:50;transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out;opacity:0}footer.show{opacity:1}footer p{display:inline-block;margin:0 1rem;letter-spacing:0}main{overflow:hidden;position:relative;width:100%;height:100%}main .content{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out}main .inner-content{position:relative;width:1600px;height:100%;margin:0 auto;z-index:3}.character-illust{position:absolute;top:0;left:0;width:100%;height:100%}.character-illust div{position:absolute;top:0;height:100%;transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out;background-repeat:no-repeat;opacity:0}.character-illust div span{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.character-illust .oblique{overflow:hidden;left:160px;width:100%;height:0}.character-illust .oblique::after{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-position:50%;background-repeat:no-repeat;background-size:auto 100%}.character-illust .oblique.show{left:0;height:100%;opacity:1}.character-illust .light{left:0;width:100%;background-position:50% 0;z-index:2}.character-illust .light.show{opacity:1}.character-illust .illust{top:80px;left:-160px;width:100%;background-position:50% 0;z-index:3}.character-illust .illust.show{top:-80px;left:0;opacity:1}.character-illust .comment{left:50%;width:600px;margin-left:-300px;background-position:100% 40%;z-index:4}.character-illust .comment.show{opacity:1}.character-info{position:absolute;top:40px;left:-160px;width:502px;height:auto;text-align:center;z-index:10;transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out;opacity:0}.character-info.show{left:0;opacity:1}.character-info .emblem{position:relative;width:502px;height:201px;background:url("https://static.gamecom.jp/soulworker/event/53_update/common/img_emblem.png") no-repeat 50%}.character-info .name{position:relative;display:inline-block;margin-top:-30px;padding:10px 15px;line-height:1}.character-info .desc{margin-top:30px}.character-movie{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out;position:absolute;top:255px;right:-160px;width:415px;height:auto;z-index:10;opacity:0}.character-movie.show{right:0;opacity:1}.character-movie .title{width:100%;margin-bottom:-4px;line-height:1;text-align:right}.character-movie .title span{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.character-movie .title img{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5)}.character-movie .thumb{overflow:hidden;position:relative;width:415px;height:233px;border:2px solid #fff;box-shadow:0 5px 5px rgba(0,0,0,.5),0 15px 15px rgba(0,0,0,.5),0 30px 30px rgba(0,0,0,.5);background-color:#000}.character-movie .thumb .btn-play{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out;display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:none;background-repeat:no-repeat;background-color:rgba(0,0,0,0);background-image:url("https://static.gamecom.jp/soulworker/event/53_update/common/btn_play.png");background-position:50%;cursor:pointer;z-index:2}.character-movie .thumb .btn-play span{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.character-movie .thumb iframe{display:block;width:100%;height:100%}.character-movie .thumb:hover .btn-play{transform:scale(1.25)}nav{position:absolute;bottom:40px;left:50%;width:100%;height:240px;padding-top:68px;transform:translate(-50%, 0);z-index:51;text-align:center;background:url("https://static.gamecom.jp/soulworker/event/53_update/common/bg_nav.png") repeat-x 50% 0;transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out;opacity:0}nav.show{opacity:1}nav ul{position:relative;width:1406px;margin:0 auto;letter-spacing:-1rem}nav ul li{display:inline-block;width:270px;height:72px;margin-right:14px;margin-bottom:14px;background-position:50% 0;background-repeat:no-repeat;letter-spacing:0}nav ul li:nth-child(5n){margin-right:0}nav ul li a{display:block;width:100%;height:100%}nav ul li span{opacity:0}nav ul li.comingsoon{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/common/btn_comingsoon.png");pointer-events:none}.background{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.background .gradient-l,.background .gradient-r,.background .pattern{position:absolute}.background .gradient-l,.background .gradient-r{transition-property:all;transition-duration:.4s;transition-timing-function:ease-in-out;top:50%;left:50%;width:40%;height:90%;border-radius:50%;box-shadow:inset 0 0 64px 32px #0d0d0d;background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:0}.background .gradient-l{transform:translate(-150%, -100%)}.background .gradient-r{transform:translate(50%, -50%)}.background .pattern{top:0;left:0;width:100%;height:100%;background:url("https://static.gamecom.jp/soulworker/event/53_update/common/bg_pattern.png") repeat;z-index:1}#layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000}#layer .layer-content{position:absolute;top:50%;left:50%;width:1024px;height:576px;background-color:#000;transform:translate(-50%, -50%) scale(0.5);opacity:0;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in-out}#layer .layer-content.show{transform:translate(-50%, -50%) scale(1);opacity:1}#layer .layer-content iframe{display:block;width:100%;height:100%}#layer .btn-close{position:absolute;top:-80px;right:0;width:65px;height:65px;border:none;background:url("https://static.gamecom.jp/soulworker/event/53_update/common/btn_close.png") no-repeat 50% rgba(0,0,0,0);cursor:pointer;z-index:1}#layer .btn-close span{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}#haru .background .gradient-l,#haru .background .gradient-r{background-image:radial-gradient(circle, rgb(255, 150, 0) 0%, rgb(255, 150, 0) 15%, rgba(131, 0, 0, 0.7) 40%, rgba(255, 131, 21, 0.5) 60%, rgba(166, 5, 5, 0) 100%)}#haru .character-info .name{background-image:linear-gradient(90deg, rgb(255, 132, 0) 0%, rgb(255, 28, 28) 100%)}#haru .character-movie .thumb{border-color:#d00000}#chii .background .gradient-l,#chii .background .gradient-r{background-image:radial-gradient(circle, rgb(255, 150, 194) 0%, rgb(255, 150, 194) 15%, rgba(255, 43, 93, 0.71) 40%, rgba(255, 113, 187, 0.43) 60%, rgba(255, 55, 225, 0) 100%)}#chii .character-info .name{background-image:linear-gradient(90deg, rgb(255, 81, 123) 0%, rgb(255, 92, 202) 100%)}#chii .character-movie .thumb{border-color:#ff71bb}nav ul li.haru{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/common/btn_haru.png")}#haru .character-illust .oblique::after{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/haru/bg_character.png")}#haru .character-illust .light{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/haru/bg_light.png")}#haru .character-illust .illust{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/haru/img_character.png")}#haru .character-illust .comment{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/haru/txt_comment.png")}#container.haru nav ul li.haru{background-position:50% 100%}#container.haru #haru{opacity:1}#container.haru #haru .background .gradient-l,#container.haru #haru .background .gradient-r{opacity:.8}nav ul li.chii{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/common/btn_chii.png")}#chii .character-illust .oblique::after{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/chii/bg_character.png")}#chii .character-illust .light{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/chii/bg_light.png")}#chii .character-illust .illust{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/chii/img_character.png")}#chii .character-illust .comment{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/chii/txt_comment.png")}#container.chii nav ul li.chii{background-position:50% 100%}#container.chii #chii{opacity:1}#container.chii #chii .background .gradient-l,#container.chii #chii .background .gradient-r{opacity:.8}#loading{position:relative;position:fixed;top:50%;left:50%;width:200px;height:200px;background:url("https://static.gamecom.jp/soulworker/event/53_update/common/txt_loading.png") no-repeat 50%;background-size:cover;transform:translate(-50%, -50%);z-index:2}#loading::before,#loading::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.5}#loading::before{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/common/img_loading1.png");animation:loading-rotate 1.4s linear infinite}#loading::after{background-image:url("https://static.gamecom.jp/soulworker/event/53_update/common/img_loading2.png");animation:loading-rotate-reverse 1s linear infinite}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-rotate-reverse{100%{transform:rotate(-360deg)}}