body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;-webkit-transition:opacity .25s ease,visibility 0s ease .25s;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;-webkit-transition:opacity .25s ease 0s,visibility 0s ease 0s;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;-webkit-transition:color .2s;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:linear;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:-webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,0,0,.85)),color-stop(50%, rgba(0,0,0,.3)),color-stop(65%, rgba(0,0,0,.15)),color-stop(75.5%, rgba(0,0,0,.075)),color-stop(82.85%, rgba(0,0,0,.037)),color-stop(88%, rgba(0,0,0,.019)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{-webkit-transition-timing-function:cubic-bezier(0,0,.25,1);transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;-webkit-transition:all .2s;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}/* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); 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; float: left; height: 100%; min-height: 1px; } [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; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url(../../_/node_modules/slick-carousel/slick/ajax-loader_c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url(data:application/vnd.ms-fontobject;base64,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); src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format('embedded-opentype'), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff'), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '\2190'; } [dir='rtl'] .slick-prev:before { content: '\2192'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '\2192'; } [dir='rtl'] .slick-next:before { content: '\2190'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } @charset "UTF-8"; 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; } @charset "UTF-8"; .fancybox-bg { opacity: 0; background: #000; -webkit-animation: fancybox-fade-out 0.3s ease-in 0s forwards; animation: fancybox-fade-out 0.3s ease-in 0s forwards; } .fancybox-slide--iframe .fancybox-content { margin-top: 5vw; } .fancybox-iframe { background: #000; } .fancybox-slide--iframe .fancybox-content { background: #000; } .fancybox-is-open .fancybox-bg { opacity: 0; -webkit-animation: fancybox-fade-in 0.3s ease-in 0s forwards; animation: fancybox-fade-in 0.3s ease-in 0s forwards; } .fancybox-slide--video .fancybox-content { width: 800px !important; height: 450px !important; max-width: 100%; } .fancybox-close-small { background: url(../../resources/img/common/close_btn_3fd7ed141cf83c73290e485a98c6049a.png) center no-repeat !important; width: 25px !important; height: 25px !important; top: -40px !important; right: 0; } .fancybox-close-small svg { display: none; } .pv-modal { overflow-y: auto; overflow-x: hidden; background: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); min-width: 921px; } .pv-modal .fancybox-bg { background: transparent; } .pv-modal .fancybox-inner { right: 0 !important; position: relative; height: 650px; margin-bottom: 50px; } .pv-modal .fancybox-slide { overflow: hidden; padding: 0; } .pv-modal .fancybox-content { max-width: 1080px; max-height: 608px; width: 100% !important; height: 100% !important; vertical-align: top; position: relative; top: 45px; } .pv-modal .fancybox-content:before { content: ''; background: url(../../resources/img/common/close_btn_3fd7ed141cf83c73290e485a98c6049a.png) center no-repeat !important; width: 25px !important; height: 25px !important; top: -35px !important; right: 0; position: absolute; pointer-events: none; cursor: pointer; } .pv-modal .fancybox-thumbs { position: relative; margin: auto !important; left: 0; width: 1080px; padding: 0; background: transparent; } .pv-modal .fancybox-thumbs .fancybox-thumbs__list { height: auto; } .pv-modal .fancybox-thumbs a { width: 336px !important; height: 188px !important; max-width: none; max-height: none; margin: 0 10px 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pv-modal .fancybox-thumbs a img { margin: 0 !important; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .pv-modal .fancybox-thumbs a:before { border: none; } .pv-modal .fancybox-thumbs a.fancybox-thumbs-active:before { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 204, 204, 0.7); position: absolute; } .pv-modal .fancybox-thumbs a.fancybox-thumbs-active:after { content: ''; background: url(../../resources/img/top/pv_now_playing_text_733aea36674f7321a1a8d21f6bd500a1.png) center top no-repeat; width: 186px; height: 45px; color: white; font-size: 16px; font-family: Syncopate, sans-serif; position: absolute; z-index: 99999; } .pv-modal .fancybox-thumbs a:hover:before { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 204, 204, 0.7); position: absolute; opacity: 1; } .pv-modal .fancybox-thumbs a:hover:after { content: ''; background: url(../../resources/img/top/pv_hover_text_bb29e7ef40471425cf5eac406702ae73.png) center top no-repeat; width: 109px; height: 19px; display: inline-block; position: absolute; z-index: 99999; } @-webkit-keyframes fancybox-fade-in { 0% { opacity: 0; visibility: hidden; } 1% { visibility: visible; } 100% { opacity: 0.9; visibility: visible; } } @keyframes fancybox-fade-in { 0% { opacity: 0; visibility: hidden; } 1% { visibility: visible; } 100% { opacity: 0.9; visibility: visible; } } @-webkit-keyframes fancybox-fade-out { 0% { opacity: 0.9; visibility: visible; } 99% { opacity: 0; } 100% { opacity: 0; visibility: hidden; } } @keyframes fancybox-fade-out { 0% { opacity: 0.9; visibility: visible; } 99% { opacity: 0; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes fadeOutAnim { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOutAnim { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes fadeInAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate(-30px, 0); transform: translate(-30px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate(-30px, 0); transform: translate(-30px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate(30px, 0); transform: translate(30px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate(30px, 0); transform: translate(30px, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes balloonAnimation { 8.5% { -webkit-transform: translateY(8px); transform: translateY(8px); } 16.5% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 25% { -webkit-transform: translateY(4px); transform: translateY(4px); } 33.2% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 41% { -webkit-transform: translateY(1px); transform: translateY(1px); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100%, to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes balloonAnimation { 8.5% { -webkit-transform: translateY(8px); transform: translateY(8px); } 16.5% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 25% { -webkit-transform: translateY(4px); transform: translateY(4px); } 33.2% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 41% { -webkit-transform: translateY(1px); transform: translateY(1px); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100%, to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes floatAnimation { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes floatAnimation { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes fuwafuwa { 0% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } 100% { -webkit-transform: translateY(25px); transform: translateY(25px); } } @keyframes fuwafuwa { 0% { -webkit-transform: translateY(-25px); transform: translateY(-25px); } 100% { -webkit-transform: translateY(25px); transform: translateY(25px); } } @-webkit-keyframes swingAnimation { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes swingAnimation { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes pageTopSprite { from { background-position: 0 0; } to { background-position: -1605px 0; } } @keyframes pageTopSprite { from { background-position: 0 0; } to { background-position: -1605px 0; } } @-webkit-keyframes galica { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes galica { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } body { font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; -webkit-text-size-adjust: 100%; color: #fff; position: relative; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } .container { position: relative; z-index: 100; overflow: hidden; } section { position: relative; } canvas { pointer-events: none; } .wrapper { width: 100%; position: relative; margin: auto; max-width: 1920px; min-width: 1280px; } .disp-none { display: none; } .clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } main { display: block; } a { cursor: pointer; outline: none; } .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } .fancybox-slide--iframe .fancybox-content { margin-top: 5vw; } img { -o-object-fit: contain; object-fit: contain; } .v-pc { display: block; } .v-sp { display: none; } .to-top-btn { display: block; position: absolute; bottom: 405px; right: 20px; z-index: 100; } .site-top-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 60px; } .fadeIn { -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; opacity: 0; } .fadeIn.run { opacity: 1 !important; } .fadeUp { -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } .fadeUp.run { -webkit-transform: none; transform: none; opacity: 1 !important; } .fadeDown { -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } .fadeDown.run { -webkit-transform: none; transform: none; opacity: 1 !important; } .fadeDownRight { -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; opacity: 0; -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } .fadeDownRight.run { -webkit-transform: none; transform: none; opacity: 1 !important; } .fadeLeft { -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } .fadeLeft.run { -webkit-transform: none; transform: none; opacity: 1 !important; } .fadeRight { -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } .fadeRight.run { -webkit-transform: none; transform: none; opacity: 1 !important; } header { background: #000; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0.4vw 0; top: 0; z-index: 200; } header img { width: 100%; } header .menu-btn { display: none; } header .nav-logo { width: calc((158 / 1920) * 100vw); position: relative; margin: 0 1.5vw; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } header .header-nav .nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } header .header-nav .nav-list li { margin-right: 2.1vw; } header .header-nav .nav-list li a { color: #fff; font-size: 0.94vw; text-decoration: none; font-weight: bold; } header .header-nav .nav-list li a:hover { color: #f6385d; } header .header-nav .nav-list li.nav-pre-order { display: none; } header .header-nav .logo-box-sns { position: absolute; top: 1.3vw; right: 13vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header-nav .logo-box-sns .logo-x, header .header-nav .logo-box-sns .logo-youtube { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } header .header-nav .logo-box-sns .logo-x { width: calc((24 / 1920) * 100vw); } header .header-nav .logo-box-sns .logo-youtube { width: calc((34 / 1920) * 100vw); margin: 0 2.2vw; } header .header-nav .header-pre-order { width: calc((297 / 1920) * 100vw); position: absolute; top: 0.5vw; right: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } .lang-box { width: 5.7vw; 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; font-size: 1.05vw; z-index: 100; position: relative; } .lang-box a { color: #fff; text-decoration: none; } .lang-box .change-lang { width: calc((32 / 1920) * 100vw); display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } .lang-box .lang-list { width: 5.7vw; position: absolute; top: 2.8vw; right: 0; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; height: 0; z-index: -1; background: rgba(0, 0, 0, 0.8); -webkit-box-sizing: border-box; box-sizing: border-box; } .lang-box .lang-list.opened { height: 20.9vw; border-top: 2px solid #c1bfb3; border-bottom: 2px solid #c1bfb3; } .lang-box .lang-list li { padding: 0.1vw 0; } .lang-box .lang-list li a { padding: 0.3vw 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; } .lang-box .lang-list li a:hover { opacity: 0.7; } .lang-box .lang-list li:first-child { padding-top: 0.3vw; } .lang-box .lang-list li:last-child { padding-bottom: 0.3vw; } .lang-box:before { content: ""; height: 2.5vw; width: 1px; background-color: #fff; position: absolute; top: -0.4vw; left: -0.2vw; } .to-page-top { width: calc((327 / 1920) * 100vw); position: relative; display: block; margin: 3vw auto 0; -webkit-transform: translate(2%, 0); transform: translate(2%, 0); -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } .to-page-top img { width: 100%; } .to-page-top .page-top-sprite { width: calc((340 / 1920) * 100vw); position: absolute; top: -1%; left: 0.6%; pointer-events: none; -webkit-animation: galica 3s ease-in-out infinite; animation: galica 3s ease-in-out infinite; } .character-contents .to-page-top, .archetype-contents .to-page-top { display: none; } footer { font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif; padding: 3.2vw 4.7vw; position: relative; background: #000; } footer img { width: 100%; } footer .footer-logo { display: none; } footer .footer-contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } footer .footer-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } footer .footer-left .footer-consumer { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .footer-left .footer-consumer > div { margin-right: 1vw; } footer .footer-left .footer-consumer .logo-xbox { width: calc((201 / 1920) * 100vw); } footer .footer-left .footer-consumer .logo-windows { width: calc((123 / 1920) * 100vw); } footer .footer-left .footer-consumer .logo-ps { width: calc((214 / 1920) * 100vw); } footer .footer-left .footer-consumer .logo-steam { width: calc((104 / 1920) * 100vw); } footer .footer-left .footer-text { font-size: 0.73vw; line-height: 1.5; margin-top: 1vw; } footer .footer-left .footer-text > span { position: relative; display: inline-block; } footer .footer-left .footer-text .playstation-logo { width: calc((19 / 1920) * 100vw); } footer .footer-left .footer-text .ps5-logo { width: calc((43 / 1920) * 100vw); } footer .footer-left .footer-text .ps4-logo { width: calc((42 / 1920) * 100vw); } footer .footer-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer .footer-right .footer-atlus-logo { width: calc((137 / 1920) * 100vw); margin-right: 2.1vw; } footer .footer-right .footer-studio-zero-logo { width: calc((93 / 1920) * 100vw); } footer .footer-copyright { font-size: 0.73vw; text-align: center; margin-top: 3.4vw; } body #bg-front-movie { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; pointer-events: none; mix-blend-mode: screen; -o-object-fit: cover; object-fit: cover; z-index: 10000; } body .bg-container { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; pointer-events: none; z-index: -2; } body .bg-container > div { width: 100%; height: 100%; background-size: cover !important; position: absolute; opacity: 0; } body .bg-container > div.current { position: relative; opacity: 1; } body .bg-container .bg-world01 { background: url(../../resources/img/world/bg_world_01_8bc696bfa0be0536ab36e2f634ae0372.jpg) no-repeat center top; } body .bg-container .bg-world02 { background: url(../../resources/img/world/bg_world_02_ae160bb8e1c731251d7b179327ebd755.jpg) no-repeat center top; } body .bg-container .bg-world03 { background: url(../../resources/img/world/bg_world_03_bc153668a92c7587816f882aec456c6f.jpg) no-repeat center top; } body .bg-container .bg-world04 { background: url(../../resources/img/world/bg_world_04_3c0b23924e60b2b59f66c0981c58734c.jpg) no-repeat center top; } body .bg-container .bg-world05 { background: url(../../resources/img/world/bg_world_05_2519f012c9a7adbc07c4759d07207f91.jpg) no-repeat center top; } body .bg-container .bg-world06 { background: url(../../resources/img/world/bg_world_06_4c3a6b19df40a69f2a376d281217a19b.jpg) no-repeat center top; } body .top-title-contents { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, 1)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 1) 70%, rgba(255, 255, 255, 0) 100%); width: 100%; position: absolute; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 80px; height: calc((320 / 1920) * 100vw); z-index: 100; } body .top-title-contents h1 { width: calc((416 / 1920) * 100vw); padding-top: calc((35 / 1920) * 100vw); margin: auto; } body .top-title-contents h1 img { width: 100%; } body .top-title-contents .nav-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin: 2vw auto 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } body .top-title-contents .nav-btn-box a { width: calc((270 / 1920) * 100vw); position: relative; } body .top-title-contents .nav-btn-box a:hover img.off, body .top-title-contents .nav-btn-box a.current img.off { position: absolute; opacity: 0; } body .top-title-contents .nav-btn-box a:hover img.on, body .top-title-contents .nav-btn-box a.current img.on { position: relative; opacity: 1; } body .top-title-contents .nav-btn-box a.current { pointer-events: none; } body .top-title-contents .nav-btn-box a.current:after { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.2s; transition: 0.2s; } body .top-title-contents .nav-btn-box a img { top: 0; left: 0; width: 100%; } body .top-title-contents .nav-btn-box a img.off { position: relative; opacity: 1; } body .top-title-contents .nav-btn-box a img.on { position: absolute; opacity: 0; } body .world-contents { font-family: "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif; position: relative; padding-bottom: 5vw; } body .world-contents img { width: 100%; } body .world-contents p { font-size: 1.05vw; letter-spacing: 0.1em; line-height: 1.8; -webkit-transform: scaleX(0.9); transform: scaleX(0.9); -webkit-transform-origin: left; transform-origin: left; text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000; } body .world-contents .world01, body .world-contents .world02, body .world-contents .world03, body .world-contents .world04, body .world-contents .world05, body .world-contents .world06 { display: none; } body .world-contents .world01.current, body .world-contents .world02.current, body .world-contents .world03.current, body .world-contents .world04.current, body .world-contents .world05.current, body .world-contents .world06.current { display: block; } body .world-contents .world01 { padding-top: 16.7vw; } body .world-contents .world01 .sec1 h2, body .world-contents .world01 .sec2 h2, body .world-contents .world01 .sec3 h2, body .world-contents .world01 .sec4 h2 { width: 100vw; } body .world-contents .world01 .sec1 .contents, body .world-contents .world01 .sec2 .contents, body .world-contents .world01 .sec3 .contents, body .world-contents .world01 .sec4 .contents { width: calc((1320 / 1920) * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; } body .world-contents .world01 .sec1 .contents .ss-box, body .world-contents .world01 .sec2 .contents .ss-box, body .world-contents .world01 .sec3 .contents .ss-box, body .world-contents .world01 .sec4 .contents .ss-box { width: calc((624 / 1920) * 100vw); } body .world-contents .world01 .sec1 .contents .ss-box > div, body .world-contents .world01 .sec2 .contents .ss-box > div, body .world-contents .world01 .sec3 .contents .ss-box > div, body .world-contents .world01 .sec4 .contents .ss-box > div { width: 100%; } body .world-contents .world01 .sec1 .contents .ss-box > div:first-child, body .world-contents .world01 .sec2 .contents .ss-box > div:first-child, body .world-contents .world01 .sec3 .contents .ss-box > div:first-child, body .world-contents .world01 .sec4 .contents .ss-box > div:first-child { margin-bottom: 1.8vw; } body .world-contents .world01 .sec1 .contents .text-box, body .world-contents .world01 .sec2 .contents .text-box, body .world-contents .world01 .sec3 .contents .text-box, body .world-contents .world01 .sec4 .contents .text-box { width: calc((600 / 1920) * 100vw); } body .world-contents .world01 .sec1 .contents .text-box p, body .world-contents .world01 .sec2 .contents .text-box p, body .world-contents .world01 .sec3 .contents .text-box p, body .world-contents .world01 .sec4 .contents .text-box p { margin-bottom: 1.5vw; } body .world-contents .world01 .sec1 .contents .text-box p:last-child, body .world-contents .world01 .sec2 .contents .text-box p:last-child, body .world-contents .world01 .sec3 .contents .text-box p:last-child, body .world-contents .world01 .sec4 .contents .text-box p:last-child { margin-bottom: 0; } body .world-contents .world01 .sec2 .contents, body .world-contents .world01 .sec4 .contents { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } body .world-contents .world01 .sec2, body .world-contents .world01 .sec3, body .world-contents .world01 .sec4 { margin-top: 5vw; } body .world-contents .world01 .bnr-journal { width: calc((680 / 1920) * 100vw); display: block; margin: 6vw auto 0; } body .world-contents .world01 .bnr-journal img { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } body .world-contents .world02 { padding-top: 16.7vw; } body .world-contents .world02 .sec1 h2, body .world-contents .world02 .sec2 h2 { width: 100vw; } body .world-contents .world02 .sec1 .contents, body .world-contents .world02 .sec2 .contents { width: calc((1650 / 1920) * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; } body .world-contents .world02 .sec1 .contents .ss-box, body .world-contents .world02 .sec2 .contents .ss-box { width: calc((878 / 1920) * 100vw); margin-bottom: 0.7vw; } body .world-contents .world02 .sec1 .contents .ss-box > div, body .world-contents .world02 .sec2 .contents .ss-box > div { width: 100%; } body .world-contents .world02 .sec1 .contents .text-box, body .world-contents .world02 .sec2 .contents .text-box { width: calc((740 / 1920) * 100vw); } body .world-contents .world02 .sec1 .contents .text-box.text1, body .world-contents .world02 .sec2 .contents .text-box.text1 { padding-top: 0.7vw; } body .world-contents .world02 .sec1 .contents .text-box.text2, body .world-contents .world02 .sec2 .contents .text-box.text2 { padding-top: 4vw; } body .world-contents .world02 .sec1 .contents .text-box.text3, body .world-contents .world02 .sec2 .contents .text-box.text3 { padding-top: 4.5vw; } body .world-contents .world02 .sec1 .contents .text-box.text4, body .world-contents .world02 .sec2 .contents .text-box.text4 { padding-top: 0.7vw; } body .world-contents .world02 .sec1 .contents .text-box p, body .world-contents .world02 .sec2 .contents .text-box p { margin-bottom: 1.5vw; } body .world-contents .world02 .sec1 .contents .text-box p:last-child, body .world-contents .world02 .sec2 .contents .text-box p:last-child { margin-bottom: 0; } body .world-contents .world02 .sec2 { margin-top: 3.7vw; } body .world-contents .world02 .sec2 .chara-chart { width: 100vw; position: relative; margin-top: 7.6vw; } body .world-contents .world02 .sec2 .chara-chart a { position: absolute; } body .world-contents .world02 .sec2 .chara-chart a img { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } body .world-contents .world02 .sec2 .chara-chart .bnr-btn1 { width: calc((326 / 1920) * 100vw); top: 46%; left: 28.6%; } body .world-contents .world02 .sec2 .chara-chart .bnr-btn2 { width: calc((326 / 1920) * 100vw); top: 46%; left: 53.2%; } body .world-contents .world02 .sec2 .chara-chart .bnr-btn3 { width: calc((216 / 1920) * 100vw); top: 86%; left: 49.2%; } body .world-contents .world02 .bnr-trailer { width: calc((680 / 1920) * 100vw); display: block; margin: 4.3vw auto 0; } body .world-contents .world03 { padding-top: 16.7vw; } body .world-contents .world03 .sec1 h2 { width: 100vw; } body .world-contents .world03 .sec1 .main-text { text-align: center; margin-top: -0.3vw; } body .world-contents .world03 .sec1 .main-text p { margin-bottom: 1.5vw; -webkit-transform-origin: center; transform-origin: center; } body .world-contents .world03 .sec1 .main-text p:last-child { margin-bottom: 0; } body .world-contents .world03 .sec1 .chara1, body .world-contents .world03 .sec1 .chara2, body .world-contents .world03 .sec1 .chara3 { width: 100vw; position: relative; } body .world-contents .world03 .sec1 .chara1 .chara-text, body .world-contents .world03 .sec1 .chara2 .chara-text, body .world-contents .world03 .sec1 .chara3 .chara-text { position: absolute; } body .world-contents .world03 .sec1 .chara1 .chara-text p, body .world-contents .world03 .sec1 .chara2 .chara-text p, body .world-contents .world03 .sec1 .chara3 .chara-text p { margin-bottom: 1.5vw; text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000; } body .world-contents .world03 .sec1 .chara1 .chara-text p:last-child, body .world-contents .world03 .sec1 .chara2 .chara-text p:last-child, body .world-contents .world03 .sec1 .chara3 .chara-text p:last-child { margin-bottom: 0; } body .world-contents .world03 .sec1 .chara1 { margin-top: 1.2vw; } body .world-contents .world03 .sec1 .chara1 .chara-text { top: 68%; left: 11.4%; } body .world-contents .world03 .sec1 .chara2 { margin-top: -2.2vw; } body .world-contents .world03 .sec1 .chara2 .chara-text { top: 68%; left: 57.4%; } body .world-contents .world03 .sec1 .chara3 { margin-top: -1.1vw; } body .world-contents .world04 { padding-top: 16.7vw; } body .world-contents .world04 .sec1 h2, body .world-contents .world04 .sec2 h2 { width: 100vw; } body .world-contents .world04 .sec1 .main-text { text-align: center; margin-top: -0.3vw; } body .world-contents .world04 .sec1 .main-text p { margin-bottom: 1.5vw; -webkit-transform-origin: center; transform-origin: center; } body .world-contents .world04 .sec1 .main-text p:last-child { margin-bottom: 0; } body .world-contents .world04 .sec1 .select-chara-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin: 3.8vw auto 0; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 5; } body .world-contents .world04 .sec1 .select-chara-btn a { width: calc((150 / 1920) * 100vw); position: relative; margin: 0 0.5vw; } body .world-contents .world04 .sec1 .select-chara-btn a:hover img.off, body .world-contents .world04 .sec1 .select-chara-btn a.current img.off { position: absolute; opacity: 0; } body .world-contents .world04 .sec1 .select-chara-btn a:hover img.on, body .world-contents .world04 .sec1 .select-chara-btn a.current img.on { position: relative; opacity: 1; } body .world-contents .world04 .sec1 .select-chara-btn a.current { pointer-events: none; } body .world-contents .world04 .sec1 .select-chara-btn a.current:after { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: 0.2s; transition: 0.2s; } body .world-contents .world04 .sec1 .select-chara-btn a img { top: 0; left: 0; width: 100%; } body .world-contents .world04 .sec1 .select-chara-btn a img.off { position: relative; opacity: 1; } body .world-contents .world04 .sec1 .select-chara-btn a img.on { position: absolute; opacity: 0; } body .world-contents .world04 .sec1 .chara-slider { width: 100vw; position: relative; margin: -5.3vw 0 0; } body .world-contents .world04 .sec1 .chara-slider .slider-item { width: 100%; height: 100%; position: relative; opacity: 0; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-name, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-img, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-text, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related-list { position: absolute; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-name { width: calc((873 / 1920) * 100vw); top: 21.2%; left: 11.4%; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-img { width: calc((500 / 1920) * 100vw); top: 17.2%; left: 60.9%; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-text { width: calc((873 / 1920) * 100vw); top: 34%; left: 11.5%; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-text p { margin-bottom: 1.3vw; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-text p:last-child { margin-bottom: 0; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related { width: calc((520 / 1920) * 100vw); top: 55.3%; left: 60.4%; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related-list { width: calc((520 / 1920) * 100vw); top: 58.2%; left: 60.4%; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related-list a img { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } body .world-contents .world04 .sec1 .chara-slider .slick-slide.slick-active .slider-item { -webkit-animation: fadeInUp 0.3s ease-in-out both; animation: fadeInUp 0.3s ease-in-out both; } body .world-contents .world04 .sec2 { margin-top: 2.3vw; } body .world-contents .world04 .sec2 .chara-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } body .world-contents .world04 .sec2 .chara-info .chara-img, body .world-contents .world04 .sec2 .chara-info .chara-related, body .world-contents .world04 .sec2 .chara-info .chara-related-list { position: relative; } body .world-contents .world04 .sec2 .chara-info .chara-name, body .world-contents .world04 .sec2 .chara-info .chara-text { position: absolute; } body .world-contents .world04 .sec2 .chara-info .chara-img { width: calc((500 / 1920) * 100vw); margin: -1.5vw 0 0 12vw; } body .world-contents .world04 .sec2 .chara-info .chara-related { width: calc((520 / 1920) * 100vw); margin: 0.9vw 0 0 11.5vw; } body .world-contents .world04 .sec2 .chara-info .chara-related-list { width: calc((520 / 1920) * 100vw); margin: 0 0 0 11.5vw; } body .world-contents .world04 .sec2 .chara-info .chara-related-list a img { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } body .world-contents .world04 .sec2 .chara-info .chara-name { width: calc((873 / 1920) * 100vw); top: 0.2%; left: 42%; } body .world-contents .world04 .sec2 .chara-info .chara-text { width: calc((873 / 1920) * 100vw); top: 27%; left: 42%; } body .world-contents .world04 .sec2 .chara-info .chara-text p { margin-bottom: 1.3vw; } body .world-contents .world04 .sec2 .chara-info .chara-text p:last-child { margin-bottom: 0; } body .world-contents .world05 { padding-top: 16.7vw; } body .world-contents .world05 .sec1 h2, body .world-contents .world05 .sec2 h2 { width: 100vw; } body .world-contents .world05 .sec1 .main-text { text-align: center; margin-top: -0.3vw; } body .world-contents .world05 .sec1 .main-text p { margin-bottom: 1.5vw; -webkit-transform-origin: center; transform-origin: center; } body .world-contents .world05 .sec1 .main-text p:last-child { margin-bottom: 0; } body .world-contents .world05 .sec1 .detail1, body .world-contents .world05 .sec1 .detail2, body .world-contents .world05 .sec1 .detail3, body .world-contents .world05 .sec1 .detail4, body .world-contents .world05 .sec1 .detail5, body .world-contents .world05 .sec1 .detail6 { width: 100vw; position: relative; } body .world-contents .world05 .sec1 .detail1 { margin-top: 1.2vw; } body .world-contents .world05 .sec1 .detail2 { margin-top: 0; } body .world-contents .world05 .sec1 .detail3 { margin-top: -8vw; } body .world-contents .world05 .sec1 .detail4 { margin-top: 0; } body .world-contents .world05 .sec1 .detail5 { margin-top: -7.8vw; } body .world-contents .world05 .sec1 .detail6 { margin-top: 0; } body .world-contents .world05 .sec1 .detail6 #gauntlet { width: calc((400 / 1920) * 100vw); height: calc((214 / 1920) * 100vw); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); position: absolute; top: 6vw; right: 8vw; } body .world-contents .world05 .sec2 { margin-top: -8.6vw; } body .world-contents .world05 .sec2 .sec2-info { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } body .world-contents .world05 .sec2 .sec2-info .sec2-img { width: calc((624 / 1920) * 100vw); margin: 0 0 0 15.3vw; } body .world-contents .world05 .sec2 .sec2-info .sec2-text { width: calc((600 / 1920) * 100vw); margin: 0 0 0 4.2vw; } body .world-contents .world05 .sec2 .sec2-info .sec2-text p { margin-bottom: 1.3vw; } body .world-contents .world05 .sec2 .sec2-info .sec2-text p:last-child { margin-bottom: 0; } body .world-contents .world05 .sec2 .bnr-more { width: calc((371 / 1920) * 100vw); display: block; position: relative; margin: -4.2vw 0 0 58.3vw; z-index: 10; } body .world-contents .world05 .sec2 .bnr-more img { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } body .world-contents .world06 { padding-top: 16.7vw; } body .world-contents .world06 .sec1 h2 { width: 100vw; } body .world-contents .world06 .sec1 .main-text { margin: 3.5vw 0 0 56.3vw; } body .world-contents .world06 .sec1 .main-text p { margin-bottom: 1.5vw; } body .world-contents .world06 .sec1 .main-text p:last-child { margin-bottom: 0; } body .world-contents .world06 .sec1 .sec1-img1 { width: calc((1075 / 1920) * 100vw); position: absolute; top: 28.6vw; left: -1.2vw; } body .world-contents .world06 .sec1 .sec1-img2 { width: calc((934 / 1920) * 100vw); position: absolute; top: 46.6vw; left: 46.8vw; } body .world-contents .world06 .sec1 .sec1-detail1, body .world-contents .world06 .sec1 .sec1-detail2, body .world-contents .world06 .sec1 .sec1-detail3, body .world-contents .world06 .sec1 .sec1-detail4 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-img, body .world-contents .world06 .sec1 .sec1-detail1 .detail-title, body .world-contents .world06 .sec1 .sec1-detail1 .detail-text, body .world-contents .world06 .sec1 .sec1-detail1 .bnr-more, body .world-contents .world06 .sec1 .sec1-detail2 .detail-img, body .world-contents .world06 .sec1 .sec1-detail2 .detail-title, body .world-contents .world06 .sec1 .sec1-detail2 .detail-text, body .world-contents .world06 .sec1 .sec1-detail2 .bnr-more, body .world-contents .world06 .sec1 .sec1-detail3 .detail-img, body .world-contents .world06 .sec1 .sec1-detail3 .detail-title, body .world-contents .world06 .sec1 .sec1-detail3 .detail-text, body .world-contents .world06 .sec1 .sec1-detail3 .bnr-more, body .world-contents .world06 .sec1 .sec1-detail4 .detail-img, body .world-contents .world06 .sec1 .sec1-detail4 .detail-title, body .world-contents .world06 .sec1 .sec1-detail4 .detail-text, body .world-contents .world06 .sec1 .sec1-detail4 .bnr-more { position: relative; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-text, body .world-contents .world06 .sec1 .sec1-detail2 .detail-text, body .world-contents .world06 .sec1 .sec1-detail3 .detail-text, body .world-contents .world06 .sec1 .sec1-detail4 .detail-text { margin-top: -0.3vw; } body .world-contents .world06 .sec1 .sec1-detail1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 11.7vw 0 0 13.3vw; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-img { width: calc((364 / 1920) * 100vw); } body .world-contents .world06 .sec1 .sec1-detail1 .detail-title { width: calc((590 / 1920) * 100vw); margin: -9.5vw 0 0 -9.7vw; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-text { margin: 0.5vw 0 0 -1.5vw; } body .world-contents .world06 .sec1 .sec1-detail1 .bnr-more { width: calc((371 / 1920) * 100vw); display: block; margin: 1.5vw 0 0 -0.2vw; z-index: 10; } body .world-contents .world06 .sec1 .sec1-detail1 .bnr-more img { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } body .world-contents .world06 .sec1 .sec1-detail2 { margin: -28.3vw 0 0 38.1vw; } body .world-contents .world06 .sec1 .sec1-detail2 .detail-img { width: calc((264 / 1920) * 100vw); } body .world-contents .world06 .sec1 .sec1-detail2 .detail-title { width: calc((850 / 1920) * 100vw); margin: 10.7vw 0 0 -2.9vw; } body .world-contents .world06 .sec1 .sec1-detail2 .detail-text { width: calc((650 / 1920) * 100vw); margin: -4.7vw 0 0 7.4vw; } body .world-contents .world06 .sec1 .sec1-archetype { position: relative; } body .world-contents .world06 .sec1 .sec1-archetype .sec1-archetype-bg { width: calc((890 / 1920) * 100vw); position: absolute; top: -11.8vw; left: 0; z-index: -1; } body .world-contents .world06 .sec1 .sec1-archetype .sec1-archetype-bg.fixed { position: fixed; } body .world-contents .world06 .sec1 .sec1-detail3 { margin: 8.4vw 0 0 34.3vw; } body .world-contents .world06 .sec1 .sec1-detail3 .detail-img { width: calc((554 / 1920) * 100vw); } body .world-contents .world06 .sec1 .sec1-detail3 .detail-title { width: calc((574 / 1920) * 100vw); margin: 0; } body .world-contents .world06 .sec1 .sec1-detail3 .detail-text { width: calc((500 / 1920) * 100vw); margin: -8.8vw 0 0 1.4vw; } body .world-contents .world06 .sec1 .sec1-detail4 { margin: 1.8vw 0 0 34.3vw; } body .world-contents .world06 .sec1 .sec1-detail4 .detail-img { width: calc((554 / 1920) * 100vw); } body .world-contents .world06 .sec1 .sec1-detail4 .detail-title { width: calc((574 / 1920) * 100vw); margin: 0; } body .world-contents .world06 .sec1 .sec1-detail4 .detail-text { width: calc((500 / 1920) * 100vw); margin: -8.8vw 0 0 1.4vw; } body .world-contents .world06 .sec1 .sec1-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 4.8vw; } body .world-contents .world06 .sec1 .sec1-btn-box a { width: calc((498 / 1920) * 100vw); margin: 0 2vw; } body .world-contents .world06 .sec1 .sec1-btn-box a img { -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } @media screen and (max-width: 750px) { .fancybox-slide { padding: 0; } .fancybox-slide--video .fancybox-content { width: 750px !important; height: 422px !important; } .fancybox-close-small { background-size: cover !important; width: 75px !important; height: 75px !important; top: -95px !important; right: 20px; } .fancybox-close-small svg { display: none; } .pv-modal { overflow-y: auto; overflow-x: hidden; min-width: 100%; } .pv-modal .fancybox-inner { height: 630px; margin-bottom: 0; } .pv-modal .fancybox-bg { background: transparent; } .pv-modal .fancybox-slide { overflow: visible; -webkit-transition: none !important; transition: none !important; padding: 0; } .pv-modal .fancybox-stage { overflow: visible; } .pv-modal .fancybox-content { max-width: none; max-height: none; vertical-align: top; position: relative; margin-top: 20%; } .pv-modal .fancybox-content:before { content: ''; width: 40px !important; height: 40px !important; top: -55px !important; background-size: contain; right: 15px; position: absolute; pointer-events: none; cursor: pointer; } .pv-modal .fancybox-thumbs { position: relative; margin: 5% auto 0 !important; left: 0; width: 100%; padding: 0; background: transparent; } .pv-modal .fancybox-thumbs .fancybox-thumbs__list { display: grid; grid-template-columns: 1fr 1fr; } .pv-modal .fancybox-thumbs a { width: 332px !important; height: 183px !important; max-width: none; max-height: none; margin: 0 auto 26px; } .pv-modal .fancybox-thumbs a img { margin: 0 !important; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .pv-modal .fancybox-thumbs a:before { border: none; } body { padding-top: 0; } .wrapper { max-width: 750px; min-width: 375px; } .v-pc { display: none; } .v-sp { display: block; } .to-top-btn { bottom: 570px; } header { background: transparent; position: fixed; height: auto; padding: 0; } header:before { content: ""; width: 100%; height: 100px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0; } header .menu-btn { background: url(../../resources/img/sp/common/menu_btn_487a06b623c7cbe48ac3ae187be95df6.png) no-repeat center top; width: 218px; height: 124px; display: block; position: absolute; top: 0; right: 0; z-index: 10; } header .menu-btn.open { background-image: url(../../resources/img/sp/common/menu_close_btn_ca3ad84b99ec5e8555104b7751e86b50.png); } header .nav-logo { width: 179px; margin: 0; position: absolute; } header .header-nav { display: none; width: 100vw; height: 100vh; background: rgba(17, 30, 28, 0.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); overflow: auto; } header .header-nav .nav-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } header .header-nav .nav-list li { margin: 0 0 60px; } header .header-nav .nav-list li a { font-size: 32px; } header .header-nav .nav-list li.nav-pre-order { display: block; } header .header-nav .nav-list li.nav-pre-order img { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); } header .header-nav .logo-box-sns { top: 30px; left: 45px; right: auto; } header .header-nav .logo-box-sns .logo-x { width: 24px; } header .header-nav .logo-box-sns .logo-youtube { width: 34px; margin: 0 50px 0 35px; } header .header-nav .header-pre-order { display: none; } .lang-box { width: 122px; font-size: 23px; left: 0; right: auto; } .lang-box .change-lang { width: 32px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .lang-box .lang-list { width: 110px; top: 43px; right: 8px; } .lang-box .lang-list.opened { height: 570px; } .lang-box .lang-list li { padding: 2px 0; } .lang-box .lang-list li a { padding: 13px 0; } .lang-box .lang-list li:first-child { padding-top: 6px; } .lang-box .lang-list li:last-child { padding-bottom: 6px; } .lang-box:before { height: 48px; top: -8px; left: -4px; } .to-page-top { width: 270px; margin: 100px auto 0; -webkit-transform: translate(3%, 0); transform: translate(3%, 0); } .to-page-top .page-top-sprite { width: 277px; top: 2px; left: 4px; } .character-contents .to-page-top, .archetype-contents .to-page-top { display: block; } footer { padding: 68px 40px; } footer .footer-logo { display: block; text-align: center; border-bottom: 2px solid #fff; padding-bottom: 60px; } footer .footer-logo img { width: 330px !important; } footer .footer-contents { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } footer .footer-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } footer .footer-left .footer-consumer { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .footer-left .footer-consumer div { margin-right: 17px; } footer .footer-left .footer-consumer div:last-child { margin-right: 0; } footer .footer-left .footer-consumer .logo-xbox { width: 185px; } footer .footer-left .footer-consumer .logo-windows { width: 115px; } footer .footer-left .footer-consumer .logo-ps { width: 197px; } footer .footer-left .footer-consumer .logo-steam { width: 99px; } footer .footer-left .footer-text { font-size: 14px; line-height: 1.5; margin-top: 35px; } footer .footer-left .footer-text > span { position: relative; display: inline-block; } footer .footer-left .footer-text .playstation-logo { width: 19px; } footer .footer-left .footer-text .ps5-logo { width: 43px; } footer .footer-left .footer-text .ps4-logo { width: 42px; } footer .footer-right { margin-top: 80px; } footer .footer-right .footer-atlus-logo { width: 137px; margin-right: 40px; } footer .footer-right .footer-studio-zero-logo { width: 93px; } footer .footer-copyright { font-size: 14px; margin-top: 50px; } body .bg-container .bg-world01 { background: url(../../resources/img/sp/world/bg_world_01_1c6452f4bc281331c4f815fbeafbbe80.jpg) no-repeat center top; } body .bg-container .bg-world02 { background: url(../../resources/img/sp/world/bg_world_02_150a457df036732a5569feb5b0be349d.jpg) no-repeat center top; } body .bg-container .bg-world03 { background: url(../../resources/img/sp/world/bg_world_03_533df22aa23de924f3f7267ada4b5697.jpg) no-repeat center top; } body .bg-container .bg-world04 { background: url(../../resources/img/sp/world/bg_world_04_96f850a732a5586a0197600b76c762f1.jpg) no-repeat center top; } body .bg-container .bg-world05 { background: url(../../resources/img/sp/world/bg_world_05_1571dcef941e0a8557690d9ec7b6b9f1.jpg) no-repeat center top; } body .bg-container .bg-world06 { background: url(../../resources/img/sp/world/bg_world_06_953a8d325816012f546ec71d3b91dff7.jpg) no-repeat center top; } body .top-title-contents { padding-top: 120px; height: 460px; } body .top-title-contents h1 { width: 416px; padding-top: 0; } body .top-title-contents .nav-btn-box { margin: 33px auto 0; } body .top-title-contents .nav-btn-box a { width: 270px; margin: 0 15px 5px; } body .world-contents { padding-bottom: 100px; } body .world-contents p { font-size: 25px; letter-spacing: 0; -webkit-transform: scaleX(1); transform: scaleX(1); } body .world-contents:before { content: ""; width: 100%; height: 2200px; background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 80%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: 0; left: 0; } body .world-contents .world01 { padding-top: 440px; } body .world-contents .world01 .sec1 h2, body .world-contents .world01 .sec2 h2, body .world-contents .world01 .sec3 h2, body .world-contents .world01 .sec4 h2 { width: 1728px; margin-left: -490px; } body .world-contents .world01 .sec1 .contents, body .world-contents .world01 .sec2 .contents, body .world-contents .world01 .sec3 .contents, body .world-contents .world01 .sec4 .contents { width: 750px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; } body .world-contents .world01 .sec1 .contents .ss-box, body .world-contents .world01 .sec2 .contents .ss-box, body .world-contents .world01 .sec3 .contents .ss-box, body .world-contents .world01 .sec4 .contents .ss-box { width: 624px; margin-bottom: 42px; } body .world-contents .world01 .sec1 .contents .ss-box > div:first-child, body .world-contents .world01 .sec2 .contents .ss-box > div:first-child, body .world-contents .world01 .sec3 .contents .ss-box > div:first-child, body .world-contents .world01 .sec4 .contents .ss-box > div:first-child { margin-bottom: 35px; } body .world-contents .world01 .sec1 .contents .text-box, body .world-contents .world01 .sec2 .contents .text-box, body .world-contents .world01 .sec3 .contents .text-box, body .world-contents .world01 .sec4 .contents .text-box { width: 640px; } body .world-contents .world01 .sec1 .contents .text-box p, body .world-contents .world01 .sec2 .contents .text-box p, body .world-contents .world01 .sec3 .contents .text-box p, body .world-contents .world01 .sec4 .contents .text-box p { margin-bottom: 25px; } body .world-contents .world01 .sec1 .contents .text-box p:last-child, body .world-contents .world01 .sec2 .contents .text-box p:last-child, body .world-contents .world01 .sec3 .contents .text-box p:last-child, body .world-contents .world01 .sec4 .contents .text-box p:last-child { margin-bottom: 0; } body .world-contents .world01 .sec2, body .world-contents .world01 .sec3, body .world-contents .world01 .sec4 { margin-top: 100px; } body .world-contents .world01 .bnr-journal { width: 680px; margin: 150px auto 0; } body .world-contents .world02 { padding-top: 440px; } body .world-contents .world02 .sec1 h2, body .world-contents .world02 .sec2 h2 { width: 1728px; margin-left: -490px; } body .world-contents .world02 .sec1 .contents, body .world-contents .world02 .sec2 .contents { width: 750px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .world-contents .world02 .sec1 .contents .ss-box, body .world-contents .world02 .sec2 .contents .ss-box { width: 624px; margin-bottom: 42px; } body .world-contents .world02 .sec1 .contents .ss-box.ss1, body .world-contents .world02 .sec2 .contents .ss-box.ss1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body .world-contents .world02 .sec1 .contents .ss-box.ss2, body .world-contents .world02 .sec2 .contents .ss-box.ss2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .world-contents .world02 .sec1 .contents .text-box, body .world-contents .world02 .sec2 .contents .text-box { width: 640px; } body .world-contents .world02 .sec1 .contents .text-box.text1, body .world-contents .world02 .sec1 .contents .text-box.text3, body .world-contents .world02 .sec2 .contents .text-box.text1, body .world-contents .world02 .sec2 .contents .text-box.text3 { padding-top: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body .world-contents .world02 .sec1 .contents .text-box.text2, body .world-contents .world02 .sec1 .contents .text-box.text4, body .world-contents .world02 .sec2 .contents .text-box.text2, body .world-contents .world02 .sec2 .contents .text-box.text4 { padding-top: 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } body .world-contents .world02 .sec1 .contents .text-box p, body .world-contents .world02 .sec2 .contents .text-box p { margin-bottom: 25px !important; } body .world-contents .world02 .sec2 { margin-top: 70px; } body .world-contents .world02 .sec2 .chara-chart { margin-top: 90px; } body .world-contents .world02 .sec2 .chara-chart .bnr-btn1 { width: 326px; top: 375px; left: 338px; } body .world-contents .world02 .sec2 .chara-chart .bnr-btn2 { width: 326px; top: 815px; left: 93px; } body .world-contents .world02 .sec2 .chara-chart .bnr-btn3 { width: 216px; top: 1247px; left: 255px; } body .world-contents .world02 .bnr-trailer { width: 680px; margin: 117px auto 0; } body .world-contents .world03 { padding-top: 440px; } body .world-contents .world03 .sec1 h2 { width: 1728px; margin-left: -490px; } body .world-contents .world03 .sec1 .main-text { width: 650px; font-size: 25px; letter-spacing: 0; text-align: left; margin: -10px auto 0; } body .world-contents .world03 .sec1 .main-text p { margin-bottom: 35px; } body .world-contents .world03 .sec1 .chara1 .chara-text, body .world-contents .world03 .sec1 .chara2 .chara-text, body .world-contents .world03 .sec1 .chara3 .chara-text { width: 650px; } body .world-contents .world03 .sec1 .chara1 .chara-text p, body .world-contents .world03 .sec1 .chara2 .chara-text p, body .world-contents .world03 .sec1 .chara3 .chara-text p { margin-bottom: 35px; } body .world-contents .world03 .sec1 .chara1 { margin-top: 103px; } body .world-contents .world03 .sec1 .chara1 .chara-text { top: 1422px; left: 50px; } body .world-contents .world03 .sec1 .chara2 { margin-top: 285px; } body .world-contents .world03 .sec1 .chara2 .chara-text { top: 1322px; left: 50px; } body .world-contents .world03 .sec1 .chara3 { margin-top: 450px; } body .world-contents .world04 { padding-top: 440px; } body .world-contents .world04 .sec1 h2, body .world-contents .world04 .sec2 h2 { width: 1728px; margin-left: -490px; } body .world-contents .world04 .sec1 .main-text { width: 650px; text-align: left; margin: -10px auto 0; } body .world-contents .world04 .sec1 .main-text p { margin-bottom: 35px; } body .world-contents .world04 .sec1 .select-chara-btn { margin: 80px auto 0; } body .world-contents .world04 .sec1 .select-chara-btn a { width: 150px; margin: 0 5px 22px; } body .world-contents .world04 .sec1 .chara-slider { margin: -8px 0 0; } body .world-contents .world04 .sec1 .chara-slider .slider-item .disappear { display: none; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-name, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-img, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-text, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related, body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related-list { position: relative; top: auto !important; left: auto !important; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-name { width: 750px; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-img { width: 624px; margin: 0 auto; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-text { width: 650px; margin: 48px auto 0; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-text p { margin-bottom: 30px; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related { width: 650px; margin: 83px auto 0; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related-list { width: 650px; margin: 0 auto; } body .world-contents .world04 .sec2 { margin-top: 133px; } body .world-contents .world04 .sec2 .chara-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } body .world-contents .world04 .sec2 .chara-info .chara-name, body .world-contents .world04 .sec2 .chara-info .chara-text { position: relative; } body .world-contents .world04 .sec2 .chara-info .chara-img { width: 624px; margin: 0 auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body .world-contents .world04 .sec2 .chara-info .chara-related { width: 650px; margin: 93px auto 0; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } body .world-contents .world04 .sec2 .chara-info .chara-related-list { width: 650px; margin: 0 auto; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } body .world-contents .world04 .sec2 .chara-info .chara-name { width: 750px; top: auto; left: auto; margin: -38px auto 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body .world-contents .world04 .sec2 .chara-info .chara-text { width: 650px; top: auto; left: auto; margin: 48px auto 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body .world-contents .world04 .sec2 .chara-info .chara-text p { margin-bottom: 30px; } body .world-contents .world05 { padding-top: 440px; } body .world-contents .world05 .sec1 h2, body .world-contents .world05 .sec2 h2 { width: 1728px; margin-left: -490px; } body .world-contents .world05 .sec1 .main-text { width: 650px; font-size: 25px; letter-spacing: 0; line-height: 1.8; text-align: left; margin: -10px auto 0; } body .world-contents .world05 .sec1 .main-text p { margin-bottom: 35px; } body .world-contents .world05 .sec1 .detail1 { margin-top: 50px; } body .world-contents .world05 .sec1 .detail2 { margin-top: -300px; } body .world-contents .world05 .sec1 .detail3 { margin-top: -287px; } body .world-contents .world05 .sec1 .detail4 { margin-top: -300px; } body .world-contents .world05 .sec1 .detail5 { margin-top: -280px; } body .world-contents .world05 .sec1 .detail6 { margin-top: -300px; } body .world-contents .world05 .sec1 .detail6 #gauntlet { width: 400px; height: 214px; top: 410px; right: 10px; } body .world-contents .world05 .sec2 { margin-top: -110px; } body .world-contents .world05 .sec2 .sec2-info { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .world-contents .world05 .sec2 .sec2-info .sec2-img { width: 624px; margin: -3px 0 0; } body .world-contents .world05 .sec2 .sec2-info .sec2-text { width: 650px; font-size: 25px; letter-spacing: 0; line-height: 1.8; margin: 40px auto 0; } body .world-contents .world05 .sec2 .sec2-info .sec2-text p { margin-bottom: 35px; } body .world-contents .world05 .sec2 .bnr-more { width: 371px; margin: 65px auto 0; } body .world-contents .world06 { padding-top: 440px; } body .world-contents .world06 .sec1 h2 { width: 1728px; margin-left: -490px; } body .world-contents .world06 .sec1 .main-text { width: 650px; font-size: 25px; letter-spacing: 0; line-height: 1.8; text-align: left; margin: -10px auto 0; } body .world-contents .world06 .sec1 .main-text p { margin-bottom: 35px; } body .world-contents .world06 .sec1 .sec1-img1 { width: 1075px; top: 980px; left: -190px; } body .world-contents .world06 .sec1 .sec1-img2 { width: 934px; top: 1905px; left: -78px; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-text, body .world-contents .world06 .sec1 .sec1-detail2 .detail-text, body .world-contents .world06 .sec1 .sec1-detail3 .detail-text, body .world-contents .world06 .sec1 .sec1-detail4 .detail-text { font-size: 25px; letter-spacing: 0; line-height: 1.45; margin: -10px auto 0; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-text p, body .world-contents .world06 .sec1 .sec1-detail2 .detail-text p, body .world-contents .world06 .sec1 .sec1-detail3 .detail-text p, body .world-contents .world06 .sec1 .sec1-detail4 .detail-text p { margin-bottom: 35px; } body .world-contents .world06 .sec1 .sec1-detail1 { margin: 430px 0 0; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-img { width: 364px; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-title { width: 590px; margin: -532px 0 0 202px; } body .world-contents .world06 .sec1 .sec1-detail1 .detail-text { width: 320px; margin: 9px 0 0 385px; } body .world-contents .world06 .sec1 .sec1-detail1 .bnr-more { width: 371px; margin: 10px 0 0 370px; } body .world-contents .world06 .sec1 .sec1-detail2 { margin: 527px 0 0; } body .world-contents .world06 .sec1 .sec1-detail2 .detail-img { width: 264px; position: absolute; top: -63px; right: 31px; } body .world-contents .world06 .sec1 .sec1-detail2 .detail-title { width: 650px; margin: 0 0 0 -75px; } body .world-contents .world06 .sec1 .sec1-detail2 .detail-text { width: 390px; margin: -100px 0 0 40px; } body .world-contents .world06 .sec1 .sec1-archetype { margin-top: -60px; padding-top: 1075px; } body .world-contents .world06 .sec1 .sec1-archetype .sec1-archetype-bg { width: 890px; top: 0; } body .world-contents .world06 .sec1 .sec1-detail3 { margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .world-contents .world06 .sec1 .sec1-detail3 .detail-img { width: 554px; } body .world-contents .world06 .sec1 .sec1-detail3 .detail-title { width: 574px; margin: -70px 0 0 20px; } body .world-contents .world06 .sec1 .sec1-detail3 .detail-text { width: 500px; margin: -173px 0 0 47px; } body .world-contents .world06 .sec1 .sec1-detail4 { margin: 55px 0 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .world-contents .world06 .sec1 .sec1-detail4 .detail-img { width: 554px; } body .world-contents .world06 .sec1 .sec1-detail4 .detail-title { width: 574px; margin: -70px 0 0 20px; } body .world-contents .world06 .sec1 .sec1-detail4 .detail-text { width: 500px; margin: -173px 0 0 47px; } body .world-contents .world06 .sec1 .sec1-btn-box { margin-top: 85px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .world-contents .world06 .sec1 .sec1-btn-box a { width: 498px; margin: 0 0 50px; } } @media screen and (min-width: 751px) { header .nav-logo:hover { opacity: 0.7; } header .header-nav .logo-box-sns .logo-x:hover, header .header-nav .logo-box-sns .logo-youtube:hover { opacity: 0.7; } header .header-nav .header-pre-order:hover { opacity: 0.7; } .lang-box .change-lang:hover { opacity: 0.7; } .to-page-top:hover { opacity: 0.7; } body .world-contents .world01 .bnr-journal img:hover { opacity: 0.7; } body .world-contents .world02 .sec2 .chara-chart a img:hover { opacity: 0.7; } body .world-contents .world04 .sec1 .chara-slider .slider-item .chara-related-list a img:hover { opacity: 0.7; } body .world-contents .world04 .sec2 .chara-info .chara-related-list a img:hover { opacity: 0.7; } body .world-contents .world05 .sec2 .bnr-more img:hover { opacity: 0.7; } body .world-contents .world06 .sec1 .sec1-detail1 .bnr-more img:hover { opacity: 0.7; } body .world-contents .world06 .sec1 .sec1-btn-box a img:hover { opacity: 0.7; } }