@charset "UTF-8";html {position:relative;width:100%;height:100%;font-family:MatissePro-DB;background:#fff}body {overflow-y:scroll;background:url(/shironekoproject/lp/new_worlds_ep2/assets/img/bg_pc_mono.jpg) no-repeat;background-position:center top;background-size:cover}.pcOnly {display:block}.spOnly {display:none}.fade {cursor:pointer;opacity:1;transition:all 300ms ease}.fade:hover {cursor:pointer;opacity:0.5}img {max-width:100%;height:auto}.coverArea {position:fixed;z-index:999;display:block;width:100%;height:100%;background:#fff}.coverArea .cover {position:absolute;top:0;right:0;bottom:0;left:0;width:170px;height:170px;margin:auto;font-size:12px;color:#bbb;text-align:center}.coverArea .cover img {width:100%}.coverArea .shiroLogo {width:30%;max-width:160px;margin:3% auto 0}.coverArea .shiroLogo img {width:100%;height:auto}.motion {opacity:0;transition:all 1s;transform:translateY(50px)}.fadeInUp {opacity:1;transform:translateY(0)}.mode01 .bgImg {position:fixed;width:100%;height:100%;background:none}.mode01 .bgImg:before {position:absolute;top:0;left:0;z-index:0;display:block;width:100%;height:100vh;content:"";background:url(/shironekoproject/lp/new_worlds_ep2/assets/img/bg_pc.jpg) no-repeat;background-position:center top;background-size:cover;transform:translate3d(0,0,-1px)}.bgImg {overflow:hidden;filter:brightness(5);transform:scale(1.3)}.bgImg.on {filter:brightness(1);transition:transform 3s cubic-bezier(0,1,0,1) 0s,filter 3s cubic-bezier(0,1,0,1) 0s;transform:scale(1)}.bgImgMono {position:fixed;z-index:12;width:100%;height:100%;background:none;opacity:0}.bgImgMono:before {position:absolute;top:0;left:0;z-index:0;display:block;width:100%;height:100vh;content:"";background:url(/shironekoproject/lp/new_worlds_ep2/assets/img/bg_pc_mono.jpg) no-repeat;background-position:top center;background-size:cover}.wrapper {position:fixed;z-index:998;width:100%;margin:0 auto;overflow:hidden;color:#fff;letter-spacing:1px;background-repeat:no-repeat;background-position:center}.wrapper.on {position:relative}.wrap {margin-right:auto;margin-left:auto}.imgFull {width:100%}.imgFull img {width:100%;height:auto}.on {display:block;opacity:1}.off {display:none;opacity:0}.font-loading {display:none}h2 {display:block;margin-right:auto;margin-left:auto;text-align:center}header {position:relative;width:100%;height:1vh}header .header__logo {position:fixed;bottom:0;left:1%;z-index:999;z-index:99999;width:50%;max-width:644px;height:auto;pointer-events:none;opacity:0}header .header__logo.on {transition:opacity 1000ms}header .header__updateBnr {position:fixed;bottom:35%;left:0.5%;z-index:999;width:35%;max-width:318px;opacity:0}header .header__updateBnr.on {transition:opacity 1000ms}header .header__updateBnr img {width:100%;height:auto}.storyArea {position:relative;z-index:1;margin-top:100vh;margin-bottom:20%}.storyArea .storyArea__inner .section__title {margin-bottom:2%}.storyArea .storyArea__inner p {padding:0 2%;font-size:min(4vw,30px);line-height:1.8;color:#000;color:#000;text-align:center;text-shadow:0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8);letter-spacing:1px}.storyArea .storyArea__inner p .story__line {letter-spacing:0}.charaArea {position:relative;z-index:1;margin-bottom:20%;text-align:center}.charaArea .voiceArea {position:absolute;bottom:5%;left:15%;z-index:999;width:40%;max-width:765px}.charaArea .voiceArea .voice {display:flex;align-items:center;justify-content:space-around}.charaArea .voiceArea .voice li button {width:100%;cursor:pointer}.charaArea .chara {position:relative;margin-bottom:10vh}.charaArea .chara .charaWrap {position:relative;width:100%;max-width:1920px;margin:0 auto}.charaArea .chara .charaWrap .parts__Base {opacity:0}.charaArea .chara01 .voiceArea {bottom:6%}.charaArea .chara01 .parts01,.charaArea .chara01 .parts02,.charaArea .chara01 .parts03,.charaArea .chara01 .parts04,.charaArea .chara01 .parts05 {position:absolute;top:0;pointer-events:none;opacity:0}.charaArea .chara01 .parts01 {right:0;left:0;z-index:1;width:min(80%,1516px);margin:0 auto;filter:brightness(10)}.charaArea .chara01 .parts02 {top:12.5%;right:9%;z-index:2;width:40%}.charaArea .chara01 .parts03 {top:13.5%;right:38%;z-index:3;width:7%;transform:translateY(-50px)}.charaArea .chara01 .parts04 {top:initial;bottom:20%;left:11.6%;z-index:4;width:20%}.charaArea .chara02 .voiceArea {bottom:0%}.charaArea .chara02 .parts01,.charaArea .chara02 .parts02,.charaArea .chara02 .parts03,.charaArea .chara02 .parts04,.charaArea .chara02 .parts05 {position:absolute;top:0;pointer-events:none;opacity:0}.charaArea .chara02 .parts01 {right:0;left:0;z-index:1;width:min(80%,1516px);margin:0 auto;filter:brightness(20);transform:translateY(10%)}.charaArea .chara02 .parts02 {top:-1.9%;right:10.6%;z-index:2;width:38%;filter:brightness(20)}.charaArea .chara02 .parts03 {top:14%;right:37.3%;z-index:3;width:8%;transform:translateY(-100px)}.charaArea .chara02 .parts04 {top:initial;bottom:14.6%;left:11.4%;z-index:4;width:25%}.charaArea .inView .parts01,.charaArea .inView .parts02,.charaArea .inView .parts03,.charaArea .inView .parts04 {filter:brightness(1);opacity:1;transform:translateX(0) translateY(0) scaleX(1)}.charaArea .inView .parts01 {transition:filter 1.5s ease 0s}.charaArea .inView .parts02 {transition:transform 0.5s ease 0.1s}.charaArea .inView .parts03 {transition:opacity 0.5s,transform 1.5s ease 0s}.charaArea .inView .parts04 {transition:opacity 2s;transition:filter 0.7s}.movieArea {margin-bottom:20%}.movieArea .section__title {margin-bottom:2%}.movieArea .movieArea__inner {max-width:1024px;margin:0 auto}.movieArea .movieArea__inner .movie__list {display:flex;flex-wrap:wrap;justify-content:center}.movieArea .movieArea__inner .movie__list .list__item {width:50%}.movieArea .movieArea__inner .movie__list .list__item .list__item-title {margin-top:3%;font-size:min(4vw,30px);color:#000;text-align:center;text-shadow:0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8)}.movieArea .movieArea__inner .movie__list .list__item .list__item-iframe {position:relative;width:92.5%;padding-top:52.25%;margin-right:auto;margin-left:auto}.movieArea .movieArea__inner .movie__list .list__item .list__item-iframe a,.movieArea .movieArea__inner .movie__list .list__item .list__item-iframe iframe {position:absolute;top:0;left:0;width:100%!important;height:100%!important}.updateArea {margin-bottom:20%}.updateArea .updateArea__inner {padding:0 4%}.updateArea .updateArea__inner .section__title {margin-bottom:2%}.updateArea .updateArea__inner .update__content {position:relative;max-width:770px;padding:2%;margin:0 auto;text-align:center;background:linear-gradient(90deg,rgba(30,35,68,0.85) 0%,rgba(38,43,90,0.85) 50%,rgb(30,35,68) 85%);border:3px solid #354b9f}.updateArea .updateArea__inner .update__content:before {position:absolute;top:0.5%;left:0.5%;width:99%;height:99%;pointer-events:none;content:"";border-style:solid;border-width:58px;border-image:url(../img/update_frame.svg) 81 82 82 83 stretch}.updateArea .updateArea__inner .update__content h3 {font-size:min(7.5vw,66px)}.updateArea .updateArea__inner .update__content h3 span {display:block;padding:0 5%}.updateArea .updateArea__inner .update__content h3 img {display:block;margin:0 auto}.updateArea .updateArea__inner .update__content .update__btnlist {display:flex;flex-wrap:wrap;justify-content:center;margin-top:3%}.updateArea .updateArea__inner .update__content .update__btnlist li {width:33%;padding:3% 1% 0}.wpArea {margin-bottom:20%;text-align:center}.wpArea .wpArea__inner {width:100%;max-width:650px;margin:0 auto}.wpArea .wpArea__inner .section__title {margin-bottom:2%}.wpArea .wpArea__inner .wpArea__description {margin:5% 0 2%;color:#000;text-shadow:0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8),0px 0px 5px rgba(255,255,255,0.8)}.wpArea .wpArea__inner .wp__list {display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 0 40px;font-size:0;text-align:center}.wpArea .wpArea__inner .wp__list li {width:33%;padding:3% 1% 0}.wpArea .wpArea__inner .wp__list li p {font-size:12px;text-align:center}.wpArea .wpArea__inner .wp__list li .list__item-thumb img {width:100%;pointer-events:none;border:2px solid #5974d4}.wpArea .wpArea__inner .wp__list li .list__item-downloadBtn {position:relative;margin-top:8px}.wpArea .wpArea__inner .wp__list li .list__item-downloadBtn.shareCover:after {position:absolute;top:-1.5%;left:-1.5%;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;width:103%;height:103%;padding:1%;font-size:min(3vw,20px);color:#fff;text-shadow:0 0 5px #0c194a,0 0 5px #0c194a,0 0 8px #0c194a,0 0 8px #0c194a;content:"シェアで壁紙ゲット";background:rgba(14,20,32,0.7);box-shadow:0 2px 2px rgba(0,0,0,0.5)}.wpArea .wpArea__inner .wp__list li .list__item-downloadBtn a {display:block;width:100%;padding:5%;margin:4px 0;font-size:min(4vw,25px);color:#fff;text-align:center;text-decoration:none;background:#0b1539;border:2px solid #5974d4}.wpArea .wpArea__inner .btnShare {position:relative;display:flex;align-items:center;justify-content:center;width:90%;max-width:500px;padding:3% 5%;margin:0 auto 40px;font-size:34px;font-weight:700;color:#fff;text-align:center;cursor:pointer;background:#00a1ff;border-radius:50rem;box-shadow:0 4px 0 #1680bd;transition:400ms ease}.wpArea .wpArea__inner .btnShare:hover {transition:200ms ease;transform:scale(1.05)}.wpArea .wpArea__inner .btnShare img {width:12%;height:auto;padding-right:4%}footer {background:linear-gradient(0deg,rgba(255,255,255,0.8) 33%,rgba(255,255,255,0) 100%)}footer .footerArea__inner {max-width:640px;padding:10% 0;margin:0 auto}footer .redirectArea {padding-top:1vh;text-align:center}footer .redirectArea .redirectBtn {display:inline-block;width:46%;vertical-align:top}footer .redirectArea .redirectBtn a {display:inline-block;width:100%;padding:5% 0;font-size:3vw;line-height:1.5;color:rgba(255,255,255,0.9);text-align:center;text-decoration:none;letter-spacing:-0.05em;background:#2b0802;border:1px solid #826634;border-radius:100px;box-shadow:0 6px 10px -6px rgba(0,0,0,0.8)}footer .redirectArea .redirectBtn a:hover {color:#fff;background:#826634}footer .redirectArea .redirectBtn a span {font-size:4vw;font-weight:bold;color:rgba(255,255,255,0.9)}footer .redirectArea .redirectBtn a span:hover {color:#fff}footer .snsArea .snsArea__btnList {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;padding:48px 0 24px;text-align:center}footer .snsArea .snsArea__btnList li {width:10%;margin:0 5px}footer .shiroLogo {position:relative;width:100%;padding:10% 0 1%;margin:0 auto;text-align:center}footer .appNotice {width:100%;padding:2%;margin:0 auto;letter-spacing:0.1em;border-radius:4px}footer .appNotice li {margin:0 0 8px 20px;font-size:13px;line-height:1.5;color:#000;list-style-type:disc}footer .appNotice li:last-child {margin-bottom:0}footer .appArea ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;width:100%;padding:3vh 2%}footer .appArea li {margin:2% 0}footer .appArea li:first-child {width:25%}footer .appArea li:nth-child(2) {width:31%}footer .appArea li:nth-child(3) {width:32%}footer .appArea li img {width:100%;height:auto}footer .link {position:relative;z-index:10;padding:3vh 0 40px;font-size:10px;line-height:1.3;text-align:center;text-indent:0.1em;letter-spacing:0.1em}footer .link a {margin:0 0.5em;color:#000}footer .copyright {position:relative;z-index:10;padding:3vh 0 5vh;font-size:10px;line-height:1.3;color:#000;text-align:center;text-indent:0.3em;letter-spacing:0.1em}footer .bnrArea {position:relative;display:block;width:100%;max-width:640px;padding:8vh 0 0;margin:0 auto;text-align:center;transition:all 400ms ease;transform:scale(1)}footer .bnrArea a {display:block;font-size:0}footer .bnrArea img {width:100%;height:auto;font-size:0;border-radius:6px;box-shadow:0 3px 15px rgba(0,0,0,0.6);transition:all 400ms ease}footer .bnrArea:hover {transform:scale(1.05)}footer .bnrArea:hover img {box-shadow:0 8px 25px rgba(0,0,0,0.4)}footer .officialSite {width:100%;margin:12px auto 24px;text-align:center}footer .officialSite a {display:inline-block;width:92%;padding:3% 0;font-size:14px;line-height:1.5;color:#f0f0f0;text-align:center;text-decoration:none;background:#140b41;border:2px solid #7898ff;border-radius:100px;transition:all 200ms ease}footer .officialSite a:hover {color:#fff;background:#561818;transition:all 200ms ease}footer .officialSite a span {position:relative;padding-right:5px;margin-right:15px}footer .officialSite a span:after,footer .officialSite a span:before {position:absolute;top:0;right:-15px;bottom:0;margin:auto;vertical-align:middle;content:""}footer .officialSite a span:before {width:12px;height:12px;background:rgba(255,255,255,0.8);border-radius:50%}footer .officialSite a span:after {right:-10px;width:3px;height:3px;border-top:1px solid #826634;border-right:1px solid #826634;transform:rotate(45deg)}@media screen and (min-width:561px) and (max-width:820px) {header .header__logo {top:-2%;bottom:initial;left:-2%}}@media screen and (min-width:821px) and (max-width:1919px) {header .header__updateBnr {bottom:40%;width:25%}}@media screen and (max-width:1024px) {.wpArea .wpArea__inner .btnShare {max-width:700px}}@media screen and (max-width:820px) {.mode01 .bgImg:before {background:url(/shironekoproject/lp/new_worlds_ep2/assets/img/bg_sp.jpg) no-repeat;background-position:center top;background-size:cover}header .header__updateBnr {right:1.5%;bottom:2%;left:initial;width:38%}}@media screen and (max-width:768px) {html {font-size:100%;font-size:4vw}.pcOnly {display:none}.spOnly {display:block}.fade:hover {cursor:pointer;opacity:1}.mode01 .bgImg {height:110vh}.bgImg {width:100%;height:100%;background:none}.bgImgMono {height:100vh}.bgImgMono:before {background:url(/shironekoproject/lp/new_worlds_ep2/assets/img/bg_mono_sp.jpg) no-repeat;background-size:100% 100%}.wrap {width:100%}.storyArea {margin-bottom:50%}.storyArea .storyArea__inner .section__title {padding:0 27%;margin-bottom:5%}.storyArea .storyArea__inner p {font-size:5.5vw;letter-spacing:0}.charaArea {margin-bottom:50%}.charaArea .section__title {padding-right:18%;padding-left:18%;margin-bottom:5%}.charaArea .voiceArea {right:0;bottom:0;left:0;width:100%;margin:5% auto 0}.charaArea .voiceArea .voice {flex-wrap:wrap}.charaArea .voiceArea .voice li {width:50%;padding:1%}.charaArea .voiceArea .voice li button img {width:100%}.charaArea .chara01 .voiceArea {bottom:0}.charaArea .chara01 .parts01 {width:100%}.charaArea .chara01 .parts02 {top:5.5%;right:0;width:100%}.charaArea .chara01 .parts02 img {width:100%}.charaArea .chara01 .parts03 {top:12%;right:inherit;left:18%;width:17%}.charaArea .chara01 .parts04 {right:0;bottom:13%;left:0;width:85.288%;margin:0 auto}.charaArea .chara02 .parts01 {width:100%}.charaArea .chara02 .parts02 {top:-7%;right:0;width:100%}.charaArea .chara02 .parts02 img {width:100%}.charaArea .chara02 .parts03 {top:inherit;right:inherit;bottom:39.8%;left:17.6%;width:22%}.charaArea .chara02 .parts03 img {width:100%}.charaArea .chara02 .parts04 {right:0;bottom:12.6%;left:0;width:100%;margin:0 auto}.movieArea {margin-bottom:50%}.movieArea .section__title {padding:0 20%}.movieArea .movieArea__inner .movie__list .list__item {width:100%;margin:5% 0}.updateArea {margin-bottom:50%}.updateArea .updateArea__inner .section__title {padding:0 20%;margin-bottom:5%}.updateArea .updateArea__inner .update__content {padding:6% 4%}.updateArea .updateArea__inner .update__content .update__btnlist li {width:50%}.updateArea .updateArea__inner .update__content .update__btnlist li img {width:100%}.wpArea .wpArea__inner .section__title {padding:0 12%;margin-bottom:5%}.wpArea .wpArea__inner .wp__list li {width:48%;padding:5% 2%}.wpArea .wpArea__inner .wp__list li .list__item-downloadBtn.shareCover:after {font-size:3.4vw}.wpArea .wpArea__inner .btnShare {padding:5%;font-size:6.4vw}footer .footerArea__inner {max-width:100%;padding:0 5%}footer .redirectArea .redirectBtn a {font-size:3vw}footer .redirectArea .redirectBtn a span {font-size:4vw}footer .appArea ul {padding:3vh 3%}footer .appArea li:first-child {width:40%}footer .appArea li:nth-child(2) {width:50%}footer .appArea li:nth-child(3) {width:51%}footer .link {font-size:3vw}footer .bnrArea {padding:8vh 5% 0}footer .officialSite a {font-size:12px}footer .officialSite a {font-size:5vw}}@media screen and (max-width:560px) {header .header__logo {top:-2%;top:initial;bottom:0;left:-2%;width:65%}}