@-moz-keyframes slidein{from{transform:scaleX(0)}to{transform:scaleX(1)}}@-webkit-keyframes slidein{from{transform:scaleX(0)}to{transform:scaleX(1)}}@-o-keyframes slidein{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slidein{from{transform:scaleX(0)}to{transform:scaleX(1)}}ul{list-style-type:none}a{text-decoration:none;color:txt_base}html{min-height:100%;position:relative;font-size:62.5%}@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Noto+Sans:400,700&display=swap");
body{font-size:1.4rem;margin:0 auto 0;background-color:#fff;position:relative;color:#333;font-family:source-han-serif-japanese,"Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;font-weight:500;line-height:1.6;letter-spacing:.26rem;word-wrap:break-word;overflow-x:hidden}body > div{min-height:inherit}img{vertical-align:bottom;max-width:100%}.svg__basic{fill:currentColor}.view_pc{display:block}.view_pc.inline{display:inline-block}.view_sp{display:none !important}.base:after{content:"";display:table;clear:both}*,*::before,*::after{box-sizing:border-box}.max-width{max-width:1400px;margin:0 auto}.base-width{max-width:960px;margin:0 auto}.base-width.w{max-width:1100px}.display-pc{display:inline-block}.display-pc.flex{display:flex}.display-pc.block{display:block}.display-sp{display:none !important}img{max-width:100%;display:block}body{background:#fff;color:#fff}header{position:inherit;width:100%;z-index:10;padding:8px 0;background:#020024;background:linear-gradient(90deg,#020024 0%,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.9) 100%)}header.fixed{position:fixed;top:0;left:0}header h1{width:80px;margin:0;padding:0}header > div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}header > div nav{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap}header > div nav ul{display:inherit}header > div nav ul li{padding:0 6px}header p{margin:0}header p a{height:100%;width:240px;margin-left:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,0.8);color:#000}.first__view{margin:0 auto;padding:0;width:100%;max-width:1240px;height:100vh;max-height:640px;position:relative;background:url("../../images/sc2/title_bg.png") no-repeat 50% 0;background-size:cover;overflow:hidden}.first__view .base-width{width:100%;max-width:1600px}.first__view .base-width > picture{position:relative;display:block;height:640px}.first__view .base-width > picture img{position:absolute;margin:0 auto 0;width:1280px;height:640px;max-width:1280px !important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.first__view .base-width > div{position:absolute;bottom:16px;left:0;right:0;max-width:100%;width:100%;margin:0 auto;color:#fff;display:grid;grid-template-columns:1fr 50% 1fr}.first__view .base-width > div > div,.first__view .base-width > div > h2{margin-top:auto}.first__view .base-width > div h2{font-size:4.4rem;font-weight:500;margin:0;text-shadow:0 0 4px rgba(43,0,0,0.4)}.first__view .base-width > div h2 img{margin:0 auto}.first__view .base-width > div p{font-size:1.6rem;line-height:4rem;text-shadow:0 0 4px rgba(43,0,0,0.4)}.content__area{width:100%;max-width:1240px;margin:12px auto 0;padding:0 0 0}.content__area h3{margin-top:0}.content__area h3 img{margin:0 auto}.content__area[data-c="story"]{position:relative;background:url("../../images/sc2/story_bg.png") no-repeat 50% 38%;background-size:100% auto;padding-bottom:100px;margin-top:40px}.content__area[data-c="story"] h3{margin-bottom:32px}.content__area[data-c="story"] dl{width:72%;margin:0 auto}.content__area[data-c="story"] dl dt,.content__area[data-c="story"] dl dd{margin:24px 0}.content__area[data-c="character"]{position:relative;background:url("../../images/sc2/ch_bg.png") no-repeat 50% 10%;background-size:100% auto}.content__area[data-c="character"] .area_view{width:100%;margin:16px auto 0;padding-bottom:100px;position:relative}.content__area[data-c="character"] .area_view > div .click{position:absolute;top:115px;left:515px;width:40px;height:40px}.content__area[data-c="character"] .area_view > div .click audio{width:0;height:0}.content__area[data-c="character"] .area_view > img{margin:0 auto}.content__area[data-c="character"] .area_main{display:grid;grid-template-columns:1fr 1fr}.content__area[data-c="character"] .area_main figure{padding:0;margin:-18% 0 0 -88px}.content__area[data-c="character"] .area_main figure img{max-width:140%}.content__area[data-c="character"] .area_main dl{margin-left:-8%;width:88%;padding:48px 0}.content__area[data-c="character"] .area_main dl dd{margin:0;position:relative}.content__area[data-c="character"] .area_main dl dd p{scrollbar-color:rgba(132,216,208,0.8) #fff;scrollbar-width:thin;height:100%;overflow-y:scroll;line-height:1.8;margin:0;padding:22px 16px;font-size:1.3rem;position:absolute}.content__area[data-c="character"] .area_main dl dd p::-webkit-scrollbar{width:2px;height:2px}.content__area[data-c="character"] .area_main dl dd p::-webkit-scrollbar-track{border-radius:40px}.content__area[data-c="character"] .area_main dl dd p::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(132,216,208,0.8)}.content__area[data-c="system"]{position:relative;background:url("../../images/sc2/system_bg.png") no-repeat 50% 60%;background-size:100% auto;padding-bottom:80px}.content__area[data-c="system"] h3{margin-bottom:24px}.content__area[data-c="system"] .area_view .slider2 .slick-arrow.slick-prev{left:-24px}.content__area[data-c="system"] .area_view .slider2 .slick-arrow.slick-next{right:-24px}.content__area[data-c="system"] .area_view img{width:84%;margin:0 auto}.content__area[data-c="event"]{position:relative;background:url("../../images/sc2/ch_bg-x.png") no-repeat 50% 60%;background-size:100% auto;padding-bottom:160px}.content__area[data-c="event"] h3{margin-bottom:24px}.content__area[data-c="event"] .slider3{margin:0 auto;width:100%;max-width:784px;position:relative;padding:7px 4px;position:relative}.content__area[data-c="event"] .slider3:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../../images/sc2/gallery-frame.png") no-repeat 50% 0;background-size:100% 100%;z-index:10}.content__area[data-c="event"] .slider3 .slick-arrow.slick-prev{left:-76px}.content__area[data-c="event"] .slider3 .slick-arrow.slick-next{right:-76px}.content__area[data-c="event"] .slider3 .slick-dots{bottom:-150px}.content__area[data-c="event"] .slider3 .area_slide{position:relative}.content__area[data-c="event"] .slider3 .area_slide img,.content__area[data-c="event"] .slider3 .area_slide video{width:100%;vertical-align:top;line-height:1em;display:inline-block}.content__area[data-c="twitter"]{position:relative;background:url("../../images/sc2/sns_bg.png") no-repeat 50% 10%;background-size:100% auto}.content__area[data-c="twitter"] h3{margin-bottom:24px}.content__area[data-c="twitter"] .area_main{margin-top:-24px}.content__area[data-c="twitter"] .area_main .twitter_base{z-index:2;padding:12px 0;width:100%;margin:0 auto;position:relative}.content__area[data-c="twitter"] .area_main .twitter_base:before{content:"";display:block;width:170px;height:188px;background:url("../../images/sc2/frame_sns.png") no-repeat;background-size:cover;position:absolute;bottom:0;right:0}.content__area[data-c="twitter"] .area_main .twitter_base .twitter_area{width:100%;margin:0}.content__area[data-c="twitter"] .area_main .twitter_base .twitter_area > div{width:82%;margin:0 auto}.content__area[data-c="twitter"] .area_main .twitter_base iframe{border-radius:8px}.content__area[data-c="footer"]{position:relative;background:url("../../images/sc2/sub_bg.png") no-repeat 50% 10%;background-size:100% auto;padding:40px 0}.content__area[data-c="footer"] .area_title{display:grid;grid-template-columns:44% 56%;margin-bottom:16px}.content__area[data-c="footer"] .area_title h3{margin:auto 0}.content__area[data-c="footer"] .area_title div{padding-left:12px}.content__area[data-c="footer"] .checkbox{background:rgba(152,152,152,0.9)}.content__area[data-c="footer"] .area_main{margin-top:16px;display:grid;grid-template-columns:1fr 1fr}.content__area[data-c="footer"] .area_main > div{margin:auto}.area_btn button{display:block;margin:0 auto;appearance:none;background:transparent;border:none}.checkbox{position:relative;clear:both;max-width:960px;background:rgba(0,0,0,0.6);box-sizing:border-box;display:block;width:230px;margin:16px auto;padding:6px 16px;line-height:1.8 !important;font-size:11px}.checkbox input{margin:0 6px 0 0;vertical-align:middle}.follow{width:330px;margin:32px auto}.follow img{margin:0 auto}.slick-arrow:before{content:""}.slick-arrow.slick-prev,.slick-arrow.slick-next{z-index:100;width:60px;height:28px}.slick-arrow.slick-prev:hover,.slick-arrow.slick-next:hover{opacity:.8}.slick-arrow.slick-next{background:url("../../images/sc2/move2.png") no-repeat;background-size:100% auto;right:64px}.slick-arrow.slick-prev{background:url("../../images/sc2/move.png") no-repeat;background-size:100% auto;left:64px}.slick-dots{bottom:0}.slick-dots li{width:120px;height:120px;margin:0}.slick-dots li button{width:120px;height:120px}.slick-dots li button:before{content:"" !important}.slider2 .slick-dots{top:calc(100% + 16px)}.slider2 .slick-dots li{width:16px;height:16px;margin:0;padding:0 12px}.slider2 .slick-dots li button{width:16px;height:16px}#scrollTop{z-index:100;position:fixed;bottom:0;right:4vw}#scrollTop.fixed{display:block}.mouseAction{cursor:pointer}@media only screen and (min-width:2000px){.first__view div{position:static}}@media only screen and (max-width:910px){body{letter-spacing:.1rem}header{background:transparent;z-index:12;padding:0;height:40px}header > div{position:relative}header > div.display-sp{display:block !important}header > div .menuBtn{position:absolute;width:40px;top:6vw;right:6vw}header > div nav{display:none;position:absolute;width:60%;top:calc(48px + 6vw);right:6vw;border:solid 2px;border-image-source:url("../../images/system/Frame9.png");border-image-slice:33%;border-image-repeat:repeat;border-image-width:13px;padding:11px}header > div nav ul{margin:0;padding:0;background:url("../../images/system/FrameBase.png") repeat}header > div nav ul li{text-align:center;padding:0}header > div nav ul li a{height:48px;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}header > div nav ul li a img{margin:4px auto 0;height:60%;width:auto}.display-pc{display:none !important}.display-sp{display:inline-block !important}.display-sp.flex{display:flex !important}.first__view{margin:-40px auto 0;padding:0 0 80px;overflow:hidden;height:auto;min-height:300px;max-height:90vh;background:url("../../images/sc2/sp/title_bg.png") no-repeat 50% 0;background-size:cover}.first__view .base-width{width:100%;max-width:100%}.first__view .base-width > picture{height:100vh}.first__view .base-width > picture > img{margin-top:0;height:100vh;width:auto}.first__view .base-width > div{top:auto;bottom:30px;width:100%;padding:0 6vw 120px;display:block}.first__view .base-width > div h2{width:60vw;margin:0 auto;position:absolute;left:0;right:0;bottom:36vh}.first__view .base-width > div > div:first-of-type{position:absolute;bottom:0;left:2%;margin:auto;width:46%}.first__view .base-width > div > div:first-of-type .checkbox{width:100%;padding:6px 8px;margin-bottom:4px}.first__view .base-width > div > div:last-of-type{position:absolute;bottom:2px;right:1%;margin:auto;width:47%}.content__area{overflow:hidden;margin:0}.content__area{width:100%}.content__area h3{padding:0 6vw;margin:-16px auto 0}.content__area h3 img{height:56px}.content__area[data-c="story"]{padding:16px 0}.content__area[data-c="story"] .area_view{padding:0 6vw}.content__area[data-c="story"] .area_view dl{width:88%}.content__area[data-c="character"]{padding:16px 0}.content__area[data-c="character"] .area_slide{position:relative}.content__area[data-c="character"] .area_view{max-width:calc(400px + 6vw);margin:16px auto 0;padding-bottom:36px;position:relative}.content__area[data-c="character"] .area_view > div{position:relative;top:0;left:0}.content__area[data-c="character"] .area_view > div .click{z-index:2;position:absolute;top:20px;bottom:0;left:0;right:0;width:40px;height:40px}.content__area[data-c="character"] .area_view > div .click audio{width:0;height:0}.content__area[data-c="character"] .area_view > img{margin:0 auto}.content__area[data-c="character"] .area_main{margin:0 auto;display:block;padding:0 6vw}.content__area[data-c="character"] .area_main figure{padding:0;margin:0}.content__area[data-c="character"] .area_main figure img{max-width:120%;margin-top:-40px;margin-left:0}.content__area[data-c="character"] .area_main dl{width:100%;margin:0 auto;padding:0;position:relative}.content__area[data-c="character"] .area_main dl > div{position:absolute;top:0}.content__area[data-c="character"] .area_main dl dt,.content__area[data-c="character"] .area_main dl dd{position:inherit;z-index:1;width:calc(87%);margin:0 auto}.content__area[data-c="character"] .area_main dl dt{padding-top:8px;padding-bottom:8px}.content__area[data-c="character"] .area_main dl dt img{width:60%}.content__area[data-c="character"] .area_main dl dd{margin:0 auto;position:relative;height:160px}.content__area[data-c="character"] .area_main dl dd p{scrollbar-color:rgba(132,216,208,0.8) #fff;scrollbar-width:thin;height:100%;overflow-y:scroll;line-height:1.8;margin:0;padding:8px 6px;font-size:12px;position:absolute}.content__area[data-c="character"] .area_main dl dd p::-webkit-scrollbar{width:2px;height:2px}.content__area[data-c="character"] .area_main dl dd p::-webkit-scrollbar-track{border-radius:40px}.content__area[data-c="character"] .area_main dl dd p::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(132,216,208,0.8)}.content__area[data-c="system"]{padding:16px 0;margin-bottom:0}.content__area[data-c="system"] .area_view{padding:0 6vw}.content__area[data-c="system"] .area_view ul li{width:calc(100% / 3);margin:4px 0}.content__area[data-c="system"] .area_main{min-height:240px}.content__area[data-c="system"] .area_main > div{width:100%}.content__area[data-c="system"] .area_main > div p{font-size:12px}.content__area[data-c="event"]{padding:16px 0 80px}.content__area[data-c="event"] .slider3{margin:0 auto;width:80%}.content__area[data-c="event"] .slider3 .slick-dots{bottom:-70px}.content__area[data-c="event"] .slider3 .slick-arrow.slick-next{left:calc(100% - 18px)}.content__area[data-c="event"] .slider3 .slick-arrow.slick-prev{left:-18px}.content__area[data-c="event"] .slider3:before{display:none}.content__area[data-c="campaign"]{padding:16px 0 0}.content__area[data-c="campaign"] .area_2col{display:block;margin:32px 0}.content__area[data-c="campaign"] .area_2col.last{margin-bottom:16px}.content__area[data-c="campaign"] .area_2col.last > div{margin:32px 0 0}.content__area[data-c="campaign"] .area_2col:first-of-type .absolute{padding:0 6vw;position:static}.content__area[data-c="campaign"] .area_2col .character > img{width:100%;margin:0 auto !important}.content__area[data-c="twitter"]{padding:16px 0;background-size:cover}.content__area[data-c="twitter"] .area_main{padding:0 6vw;display:block}.content__area[data-c="twitter"] .area_main .twitter_base{height:510px;max-width:400px;width:100%;margin:0 auto;padding:15px;background:none}.content__area[data-c="twitter"] .area_main .twitter_base:before{width:119px;height:131px}.content__area[data-c="twitter"] .area_main .twitter_base .twitter_area{width:100%;height:100%}.content__area[data-c="twitter"] .area_main .twitter_base .twitter_area > div{width:100%;height:100%}.content__area[data-c="twitter"] .area_main .twitter_base .twitter_area .twitter-timeline{height:100%}.content__area[data-c="twitter"] .area_main .twitter_base iframe{height:100% !important}.content__area[data-c="footer"]{padding:16px 6vw;background-size:cover}.content__area[data-c="footer"] .area_title{display:block;padding:0}.content__area[data-c="footer"] .area_title h3{margin:0 auto;width:70vw}.content__area[data-c="footer"] .area_title h3 img{width:100%;height:auto}.content__area[data-c="footer"] .area_title dl{font-size:12px}.content__area[data-c="footer"] .area_btn{width:70vw;margin:0 auto}.content__area[data-c="footer"] .area_btn .checkbox{width:80%}.content__area[data-c="footer"] .area_main{display:block}.content__area[data-c="footer"] .area_main div{margin:0 auto}.content__area[data-c="footer"] .area_main div:last-of-type{width:240px}.content__area[data-c="footer"] .area_main div img{margin:0 auto}.slick-dotted.slick-slider{margin-bottom:0}.slick-dots{bottom:0}.slick-dots li{width:56px;height:56px;margin:0}.slick-dots li button{width:56px;height:56px}.slick-dots li button:before{content:"" !important}.slick-arrow:before{content:""}.slick-arrow.slick-prev,.slick-arrow.slick-next{z-index:10;width:36px;height:28px;top:48%}.slick-arrow.slick-prev:hover,.slick-arrow.slick-next:hover{opacity:.8}.slick-arrow.slick-next{background:url("../../images/sc2/move2.png") no-repeat;background-size:100% auto;left:calc(100% - 58px)}.slick-arrow.slick-prev{background:url("../../images/sc2/move.png") no-repeat;background-size:100% auto;right:calc(100% - 58px);left:auto}.slider2 .slick-arrow{top:50%}.slider2 .slick-arrow.slick-next{left:calc(100% - 18px)}.slider2 .slick-arrow.slick-prev{right:calc(100% - 18px)}.slider2 .slick-dots{top:calc(100% + 18px);width:calc(100% + 6px);margin-left:-6px}.slider2 .slick-dots li{width:25%;height:48px;margin:0;padding:0 3px}.slider2 .slick-dots li:first-of-type{padding-left:0;padding-right:6px}.slider2 .slick-dots li:last-of-type{padding-right:0;padding-left:6px}.slider2 .slick-dots li button{width:100%;height:48px}.follow{width:240px}#scrollTop img{width:80px}}@media only screen and (max-width:910px) and (min-width:751px){.slider2 .slick-dots{max-width:340px;left:0;right:0;margin:0 auto}.content__area[data-c="twitter"] .area_main .twitter_base{margin:0 auto;padding:28px;max-width:600px;width:600px;height:475px}.first__view{min-height:900px}.first__view .base-width > picture img{max-height:1500px}.first__view .base-width > div{top:auto;bottom:30px}.first__view .base-width > div h2{width:50vw;margin:0 auto}}