html{height:100%}body{position:relative;height:100%;margin:0;font-family:TsukuBMinPr6-D;background:#070709;color:#fff;overflow-x:hidden;font-family:"FOT-テロップ明朝 ProN E"}img{max-width:100%;height:auto;display:block}pre{font-family:"メイリオ", "Meiryo", sans-serif;text-align:left;white-space:pre-wrap}a{transition:0.3s all}a img{display:block;transition:0.3s all}span[id^="_cmp_elm_0_1"],span[id^="_cmp_elm_0_0"],span[id^="_cmp_elm_1_1"],span[id^="_cmp_elm_1_0"],span[id^="_cmp_elm_2_1"],span[id^="_cmp_elm_2_0"],span[id^="_cmp_elm_3_1"],span[id^="_cmp_elm_3_0"],span[id^="_cmp_elm_4_1"],span[id^="_cmp_elm_4_0"],.font-loading{display:none}.sp_only{display:none}#sound_select{background:#216785;background:linear-gradient(0deg, #216785 0%, #0e0e19 50%);color:#fff;position:fixed;z-index:99;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all 1s}#sound_select div.logo{width:min(80%, 700px);margin-top:-3%;padding:0 3%;box-sizing:border-box}#sound_select div.logo img{width:100%}#sound_select div.sound-description{line-height:1.8;font-size:min(2vw, 13px)}#sound_select ul{width:min(80%, 800px);display:flex;margin-top:1.5%;margin-bottom:1%}#sound_select ul li{width:100%;margin:2%}#sound_select ul li p{width:100%;border:1px solid #25b3d3;cursor:pointer;display:flex;justify-content:center;padding:10% 5%;box-sizing:border-box;-ms-box-shadow:0px 0px 13px 0px rgba(37,179,211,0.6);box-shadow:0px 0px 13px 0px rgba(37,179,211,0.6);transition:background 0.2s}#sound_select ul li p:hover{background:#25b3d3}#sound_select ul li p img{width:20px;margin-right:5%}#sound_select.selected{opacity:0;transition:all 1s;pointer-events:none}.bgm-controller{width:min(20%, 240px);position:fixed;z-index:98;background:rgba(0,0,0,0.8);padding:1% 1.5%;box-sizing:border-box}.bgm-controller .btn-control{width:100%;position:relative;box-sizing:border-box;cursor:pointer;font-size:min(1vw, 15px);text-align:center;padding:5% 2%}.bgm-controller .btn-control::before{position:absolute;width:30%;height:150%;bottom:-25%;content:"";box-sizing:border-box}.bgm-controller .btn-control[data-state="stop"]{background:#39394f}.bgm-controller .btn-control[data-state="stop"]::before{background:url(../img/icon_sound_controller_on.svg) no-repeat;background-size:100% 100%;background-position:center;transition:left 0.2s;left:-12%}.bgm-controller .btn-control[data-state="play"]{background:#25b3d3}.bgm-controller .btn-control[data-state="play"]::before{background:url(../img/icon_sound_controller_off.svg) no-repeat;background-size:100% 100%;background-position:center;transition:left 0.2s;left:84%}.keyvisual{overflow:hidden}.keyvisual-inner{position:relative}.keyvisual-inner img{width:100%}.keyvisual-inner .keyvisual-content_logo{width:39.937%;position:absolute;right:-5%;bottom:0}nav ul{display:flex;justify-content:center}nav ul li{width:33.33333333333333%}nav ul li a{width:100%;display:block;padding:10px 0}nav ul li p{border-bottom:1px solid #000;box-sizing:border-box;padding-left:5px}nav ul li p img{width:41.486%}nav ul li:nth-child(1) a{background:#25b3d3}nav ul li:nth-child(1) a:hover{background:#2be7ff}nav ul li:nth-child(2) a{background:#cbdb41}nav ul li:nth-child(2) a:hover{background:#e9ff29}nav ul li:nth-child(3) a{background:#992650}nav ul li:nth-child(3) a:hover{background:#ee3f7f}main{position:relative;overflow-x:hidden}main section{margin-bottom:10%}.story{margin-top:10%;position:relative}.story::before{width:100%;height:100%;position:absolute;content:"";top:0;bottom:0;margin:auto;background:url(../img/story/story_bg_pc.jpg) no-repeat;background-size:cover;background-position:center}.story-inner{margin:0 auto;width:min(100%, 1000px);position:relative;z-index:1;padding:4% 0 6%}.story-inner h2{width:25%;margin-bottom:1.5%;margin-left:4%}.story-inner .story-content_txt{width:75%}.story-inner .story-content_txt img{width:100%}.pv h2{width:100%;background:url(../img/ttl_bg.jpg);background-size:auto 100%;background-position:center;z-index:2;position:relative;display:flex;justify-content:center;box-sizing:border-box;margin-bottom:4%;padding:0 10%}.pv-inner{position:relative;background:url(../img/pv/bg_pc.svg) no-repeat;background-size:cover;background-position:center}.pv-inner .pv-content{flex:1;position:relative;z-index:1;width:90%;max-width:780px;margin:0 auto;padding:2% 0}.pv-inner .pv-content .pv-frame{position:relative;overflow:hidden;padding-top:56.25%;margin:0 auto}.pv-inner .pv-content .pv-frame iframe{position:absolute;top:0;right:0;width:100%;height:100%}.development-comment h2 span,.soundTeam-comment h2 span{background:url(../img/ttl_bg.jpg);background-size:auto 100%;background-position:center;position:relative;display:flex}.development-comment h2 span:nth-child(1),.soundTeam-comment h2 span:nth-child(1){margin-bottom:0.5%;justify-content:flex-end}.development-comment h2 span:nth-child(2),.soundTeam-comment h2 span:nth-child(2){margin-left:auto;justify-content:flex-start}.development-comment .comment-inner,.soundTeam-comment .comment-inner{position:relative}.development-comment .comment-inner::before,.development-comment .comment-inner::after,.soundTeam-comment .comment-inner::before,.soundTeam-comment .comment-inner::after{height:90%;position:absolute;content:"";transform:skew(0deg, 10deg)}.development-comment .comment-inner::before,.soundTeam-comment .comment-inner::before{width:65%;top:7%;left:0;background:#18182c}.development-comment .comment-inner::after,.soundTeam-comment .comment-inner::after{width:66%;top:8%;right:0;background:#290f34}.development-comment .comment-inner .comment-container,.soundTeam-comment .comment-inner .comment-container{position:relative;z-index:1;margin:0 auto;padding-top:10%;padding-bottom:5%;width:min(100%, 1000px)}.development-comment .comment-inner .comment-container .comment-content,.soundTeam-comment .comment-inner .comment-container .comment-content{width:min(90%, 726px);margin:0 auto;font-size:min(2vw, 25px)}.development-comment .comment-inner .comment-container .comment-content .comment-lead,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-lead{padding:3% 0;margin-left:50%;width:100vw;font-style:italic}.development-comment .comment-inner .comment-container .comment-content .comment-lead li,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-lead li{text-align:right;margin-right:50%;margin-bottom:3px}.development-comment .comment-inner .comment-container .comment-content .comment-lead li p,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-lead li p{display:inline-block;padding:1% 20vw 1% 2%;background:#9f91d8;color:#070709;font-size:min(2.4vw, 50px)}.development-comment .comment-inner .comment-container .comment-content .comment-lead li p span,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-lead li p span{color:#fff}.development-comment .comment-inner .comment-container .comment-content .comment-txt,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-txt{color:#9f91d8;line-height:1.3;text-shadow:0px 2px #000;font-size:min(4vw, 23px)}.development-comment .comment-inner .comment-container .comment-content .comment-txt span,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-txt span{letter-spacing:-0.2em;width:2em;margin-right:0.5em}.development-comment h2 span:nth-child(1){width:60%}.development-comment h2 span:nth-child(1) img{width:min(85%, 560px)}.development-comment h2 span:nth-child(2){width:50%}.development-comment h2 span:nth-child(2) img{width:min(78%, 383px)}.development-comment .comment-inner .comment-container{background:url(../img/dev_comment/dev_comment_bg_txt_01.svg) no-repeat,url(../img/dev_comment/dev_comment_bg_txt_02.svg) no-repeat;background-position:top 90% left, bottom 85% right;background-size:auto 40%, auto 35%}.soundTeam-comment h2 span:nth-child(1){width:57%}.soundTeam-comment h2 span:nth-child(1) img{width:min(80%, 500px)}.soundTeam-comment h2 span:nth-child(2){width:50%}.soundTeam-comment h2 span:nth-child(2) img{width:min(78%, 383px)}.soundTeam-comment .comment-container{background:url(../img/soundTeam_comment/soundTeam_comment_bg_txt_01.svg) no-repeat,url(../img/soundTeam_comment/soundTeam_comment_bg_txt_02.svg) no-repeat;background-position:top 90% left, bottom 85% right;background-size:auto 50%, auto 35%}.wallpaper h2{width:100%;background:url(../img/ttl_bg.jpg);background-size:auto 100%;background-position:center;z-index:2;position:relative;display:flex;justify-content:center;box-sizing:border-box;margin-bottom:7%;padding:0 10%}.wallpaper .btnShare{width:min(80%, 793px);margin:0 auto 3%;cursor:pointer}.wallpaper-inner{position:relative}.wallpaper-inner .wallpaper-container{position:relative;z-index:1;padding:3% 0;background:url(../img/wallpaper/bg_pc.svg) no-repeat;background-size:cover;background-position:center}.wallpaper-inner .wallpaper-container ul{width:min(90%, 1000px);margin:0 auto;display:flex;justify-content:space-between}.wallpaper-inner .wallpaper-container ul li{width:22.5%;box-sizing:border-box}.wallpaper-inner .wallpaper-container ul li img{width:100%;pointer-events:none}.wallpaper-inner .wallpaper-container ul li .link{position:relative;margin-top:8px}.wallpaper-inner .wallpaper-container ul li .link p{margin:6% 0}.wallpaper-inner .wallpaper-container ul li .link.shareCover::after{position:absolute;top:-3%;left:-2%;display:flex;width:104%;height:106%;flex-direction:column;align-content:center;align-items:center;justify-content:center;background:rgba(98,96,117,0.9);box-shadow:0 2px 2px rgba(0,0,0,0.5);color:#fff;content:"シェアで壁紙ゲット";font-size:min(2vw, 22px)}.wallpaper-inner .wallpaper-container ul li a{display:block;width:100%;padding:8%;margin:6px 0;color:#fff;font-size:min(2vw, 22px);text-align:center;text-decoration:none;box-sizing:border-box}.wallpaper-inner .wallpaper-container ul li a.wp01{background:#25b3d3;box-shadow:5px 5px 1px 0px #005176}.wallpaper-inner .wallpaper-container ul li a.wp02{background:#cbdb41;box-shadow:5px 5px 1px 0px #80710a}.wallpaper-inner .wallpaper-container ul li a.wp03{background:#992650;box-shadow:5px 5px 1px 0px #49001b}.wallpaper-inner .wallpaper-container ul li a.wp04{background:#9f91d8;box-shadow:5px 5px 1px 0px #484852}.character h2{width:100%;background:url(../img/ttl_bg.jpg);background-size:auto 100%;background-position:center;z-index:2;position:relative;display:flex;justify-content:center;box-sizing:border-box;margin-bottom:4%;padding:0 20%}.character .character-inner .character-profile{position:relative;box-sizing:border-box;overflow:hidden;z-index:5}.character .character-inner .character-profile::before,.character .character-inner .character-profile::after{width:100%;position:absolute;content:"";z-index:-5;transform:skew(0deg, -10deg);transition:all 0.5s;pointer-events:none}.character .character-inner .character-profile::before{left:0}.character .character-inner .character-profile::after{right:0}.character .character-inner .character-profile .character-profile_catch{max-width:1000px;position:absolute;left:2%;right:0;margin:auto}.character .character-inner .character-profile .character-profile_detail{width:min(100%, 1000px);display:flex;margin-left:auto;margin-right:auto}.character .character-inner .character-profile .character-profile_detail .character-data{position:relative;z-index:1}.character .character-inner .character-profile .character-profile_detail .character-data .name{margin-left:20%}.character .character-inner .character-profile .character-profile_detail .character-data .cv{margin-left:30%;padding:2.5% 5%;font-size:min(2.8vw, 26px);position:absolute;width:200%;transform:skew(0deg, -10deg);font-family:"FOT-筑紫ゴシック Pro H";font-style:italic}.character .character-inner .character-profile .character-profile_detail .character-data .lead{transform:skew(0deg, -10deg);font-size:min(2.9vw, 29px);color:#0e0e19;text-align:right;line-height:1.5;padding-right:1%;box-sizing:border-box}.character .character-inner .character-profile .character-profile_detail .character-data .voice{display:flex;width:80%;justify-content:space-around;margin-left:auto}.character .character-inner .character-profile .character-profile_detail .character-data .voice li{width:33%;margin-left:1%;margin-right:1%}.character .character-inner .character-profile .character-profile_detail .character-data .voice li:nth-child(1){padding-top:50px}.character .character-inner .character-profile .character-profile_detail .character-data .voice li:nth-child(2){padding-top:25px}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button{max-width:100px;padding:30%;display:flex;align-items:center;flex-direction:column;line-height:1;position:relative;color:#fff;margin:0 auto;cursor:pointer;font-family:"FOT-テロップ明朝 ProN E"}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button p{padding-top:5px}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button::after{position:absolute;content:"";bottom:-2px;left:-8px;width:100%;height:100%;z-index:-1}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button span{font-size:min(2.8vw, 35px);display:block}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button.is-playing:before{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;content:"PLAYING";justify-content:center;font-size:clamp(13px, 1vw, 15px);font-family:"FOT-テロップ明朝 ProN E"}.character .character-inner #character-01 .character-profile .character-profile_catch img{width:58.2%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-profile_img{width:80%;margin-left:-2.5%;margin-top:8%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data{width:48%;margin-left:-12%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .name{width:49.065%;margin-top:55%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .cv{background:#005176;top:28.5%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .lead{margin-top:22%;text-shadow:0 0 3px #25b3d3, 0 0 3px #25b3d3, 0 0 3px #25b3d3,
 0 0 3px #25b3d3, 0 0 3px #25b3d3, 0 0 3px #25b3d3,
 0 0 3px #25b3d3, 0 0 3px #25b3d3, 0 0 3px #25b3d3,
 0 0 3px #25b3d3, 0 0 3px #25b3d3, 0 0 3px #25b3d3,
 0 0 3px #25b3d3, 0 0 3px #25b3d3, 0 0 3px #25b3d3,
 0 0 3px #25b3d3}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .voice li button{background:url(../img/character/01/btn_voice.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .voice li button::after{background:url(../img/character/01/btn_voice_shadow.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .voice li button.is-playing:before{background:url(../img/character/01/btn_voice.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-01 .character-profile::before,.character .character-inner #character-01 .character-profile::after{height:40%}.character .character-inner #character-01 .character-profile::before{background:#005176;background:linear-gradient(90deg, #005176 55%, rgba(14,14,25,0) 65%);bottom:21%}.character .character-inner #character-01 .character-profile::after{background:#25b3d3;background:linear-gradient(270deg, #25b3d3 65%, rgba(14,14,25,0) 65%);bottom:18%}.character .character-inner #character-02{margin-top:12%}.character .character-inner #character-02 .character-profile .character-profile_catch img{width:58.2%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-profile_img{width:80%;margin-left:-2.5%;margin-top:15%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data{width:48%;margin-left:-12%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .name{width:77%;margin-top:80%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .cv{background:#726e0e;top:37%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .lead{margin-top:22%;text-shadow:0 0 3px #cbdb41, 0 0 3px #cbdb41, 0 0 3px #cbdb41,
 0 0 3px #cbdb41, 0 0 3px #cbdb41, 0 0 3px #cbdb41,
 0 0 3px #cbdb41, 0 0 3px #cbdb41, 0 0 3px #cbdb41,
 0 0 3px #cbdb41, 0 0 3px #cbdb41, 0 0 3px #cbdb41,
 0 0 3px #cbdb41, 0 0 3px #cbdb41, 0 0 3px #cbdb41,
 0 0 3px #cbdb41}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .voice li button{background:url(../img/character/02/btn_voice.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .voice li button::after{background:url(../img/character/02/btn_voice_shadow.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .voice li button.is-playing:before{background:url(../img/character/02/btn_voice.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-02 .character-profile::before,.character .character-inner #character-02 .character-profile::after{height:36.6%}.character .character-inner #character-02 .character-profile::before{background:#726e0e;background:linear-gradient(90deg, #726e0e 55%, rgba(14,14,25,0) 65%);bottom:17%}.character .character-inner #character-02 .character-profile::after{background:#cbdb4b;background:linear-gradient(270deg, #cbdb4b 65%, rgba(14,14,25,0) 65%);bottom:14%}.character .character-inner #character-03{margin-top:12%}.character .character-inner #character-03 .character-profile .character-profile_catch img{width:87.28%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-profile_img{width:80%;margin-left:-2.5%;margin-top:15%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data{width:48%;margin-left:-12%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .name{width:69%;margin-top:82%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .cv{background:#6a082c;top:35%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .lead{margin-top:25%;text-shadow:0 0 3px #ba2f62, 0 0 3px #ba2f62, 0 0 3px #ba2f62,
 0 0 3px #ba2f62, 0 0 3px #ba2f62, 0 0 3px #ba2f62,
 0 0 3px #ba2f62, 0 0 3px #ba2f62, 0 0 3px #ba2f62,
 0 0 3px #ba2f62, 0 0 3px #ba2f62, 0 0 3px #ba2f62,
 0 0 3px #ba2f62, 0 0 3px #ba2f62, 0 0 3px #ba2f62,
 0 0 3px #ba2f62}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .voice li button{background:url(../img/character/03/btn_voice.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .voice li button::after{background:url(../img/character/03/btn_voice_shadow.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .voice li button.is-playing:before{background:url(../img/character/03/btn_voice.svg) no-repeat;background-size:100% 100%}.character .character-inner #character-03 .character-profile::before,.character .character-inner #character-03 .character-profile::after{height:35.25%}.character .character-inner #character-03 .character-profile::before{background:#6a082c;background:linear-gradient(90deg, #6a082c 55%, rgba(14,14,25,0) 65%);bottom:21%}.character .character-inner #character-03 .character-profile::after{background:#ba2f62;background:linear-gradient(270deg, #ba2f62 65%, rgba(14,14,25,0) 65%);bottom:18%}.character .character-inner .character-2dDesign{position:relative;width:min(100%, 1000px);margin:0 auto}.character .character-inner .character-2dDesign::before,.character .character-inner .character-2dDesign::after{width:100%;position:absolute;content:""}.character .character-inner .character-2dDesign::before{height:130%;z-index:-6;top:-25%;margin:auto}.character .character-inner .character-2dDesign::after{overflow:hidden;z-index:-2;height:100%;top:0;background:url(../img/character/2d_point_bg_txt_01.svg) no-repeat,url(../img/character/01/2d_point_bg_txt_02.svg) no-repeat;background-position:bottom left, top right;background-size:185px}.character .character-inner .character-2dDesign h3{width:min(68%, 525px);margin-left:5%;margin-bottom:2%}.character .character-inner .character-2dDesign h3 img{width:100%}.character .character-inner .character-2dDesign .character-2dDesign_detail{width:min(100%, 1000px);margin:0 auto;position:relative}.character .character-inner .character-2dDesign .character-2dDesign_detail h4{position:absolute;top:-3.5%}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content{width:90%;margin:0 auto}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content li{display:flex}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content li img{width:100%;height:100%;margin:0}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content li:nth-child(1){justify-content:center}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content li:nth-child(1) .description_img{width:calc(100% - 29.3%)}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content li:nth-child(1) .description_txt{width:29.3%;margin-top:5%}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content li:nth-child(2){justify-content:flex-end;margin-top:2%}.character .character-inner .character-2dDesign .character-2dDesign_detail .detail-content li:nth-child(2) img{width:78.3%}.character .character-inner #character-01{margin-bottom:10%}.character .character-inner #character-01 .character-2dDesign::before{background:#142229}.character .character-inner #character-01 .character-2dDesign::after{background:url(../img/character/2d_point_bg_txt_01.svg) no-repeat,url(../img/character/01/2d_point_bg_txt_02.svg) no-repeat;background-position:bottom left, top right;background-size:185px}.character .character-inner #character-02{margin-bottom:10%}.character .character-inner #character-02 .character-2dDesign::before{background:#272314}.character .character-inner #character-02 .character-2dDesign::after{background:url(../img/character/2d_point_bg_txt_01.svg) no-repeat,url(../img/character/02/2d_point_bg_txt_02.svg) no-repeat;background-position:bottom left, top right;background-size:185px}.character .character-inner #character-03{margin-bottom:10%}.character .character-inner #character-03 .character-2dDesign::before{background:#2c151d}.character .character-inner #character-03 .character-2dDesign::after{background:url(../img/character/2d_point_bg_txt_01.svg) no-repeat,url(../img/character/03/2d_point_bg_txt_02.svg) no-repeat;background-position:bottom left, top right;background-size:185px}.character .character-inner .character-castComment{position:relative}.character .character-inner .character-castComment .character-castComment-inner{position:relative;transform:skew(0deg, -10deg);width:min(100%, 1000px);margin:7% auto 0}.character .character-inner .character-castComment .character-castComment-inner h3{width:min(88%, 877px);margin-top:10%;margin-left:3%;transform:rotate(10deg)}.character .character-inner .character-castComment .character-castComment-inner::before,.character .character-inner .character-castComment .character-castComment-inner::after{width:100%;position:absolute;content:""}.character .character-inner .character-castComment .character-castComment-inner::before{right:0;margin:0 calc(50% - 50vw);height:9%;width:35vw}.character .character-inner .character-castComment .character-castComment-inner::after{bottom:0;height:82%;z-index:-1;margin:0 calc(50% - 50vw);width:100vw}.character .character-inner .character-castComment .character-castComment-inner .castComment-content{display:flex;margin-top:-32%}.character .character-inner .character-castComment .character-castComment-inner .castComment-content .castComment-content_charaImg{display:flex;transform:rotate(350deg) skew(0deg, 10deg);transform-origin:left bottom;box-sizing:border-box}.character .character-inner .character-castComment .character-castComment-inner .castComment-content .castComment-content_youtube{max-width:58%;flex:1;align-self:flex-end;box-sizing:border-box;transform:skew(0deg, 10deg)}.character .character-inner .character-castComment .character-castComment-inner .castComment-content .castComment-content_youtube .youtube-frame{flex:1;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;transform:skew(0deg, 0deg);background:#00202f;border:10px solid #00202f}.character .character-inner .character-castComment .character-castComment-inner .castComment-content .castComment-content_youtube .youtube-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;transform:skew(0deg, 0deg)}.character .character-inner #character-01 .character-castComment .character-castComment-inner::before{background:#076089}.character .character-inner #character-01 .character-castComment .character-castComment-inner::after{background:#25b3d3}.character .character-inner #character-01 .character-castComment .character-castComment-inner .castComment-content .castComment-content_charaImg{margin-left:-14%;width:62.7%}.character .character-inner #character-01 .character-castComment .character-castComment-inner .castComment-content .castComment-content_youtube{margin-left:-8%}.character .character-inner #character-02 .character-castComment .character-castComment-inner::before{background:#80710a}.character .character-inner #character-02 .character-castComment .character-castComment-inner::after{background:#cbdb41}.character .character-inner #character-02 .character-castComment .character-castComment-inner .castComment-content .castComment-content_charaImg{width:76.8%;margin-left:-10%}.character .character-inner #character-02 .character-castComment .character-castComment-inner .castComment-content .castComment-content_youtube{margin-left:-26%}.character .character-inner #character-03 .character-castComment .character-castComment-inner::before{background:#870334}.character .character-inner #character-03 .character-castComment .character-castComment-inner::after{background:#ba2f62}.character .character-inner #character-03 .character-castComment .character-castComment-inner .castComment-content .castComment-content_charaImg{width:82.7%;margin-left:-30%}.character .character-inner #character-03 .character-castComment .character-castComment-inner .castComment-content .castComment-content_youtube{margin-left:-12%}.character-3dDesign h2{display:block;margin:0 auto 3%;width:min(60%, 434px)}.character-3dDesign .character-3dDesign-content{position:relative;padding:2% 0}.character-3dDesign .character-3dDesign-content.character-01{background:url(../img/3d_design/chara_01_bg.svg) no-repeat;background-size:cover;background-position:center}.character-3dDesign .character-3dDesign-content.character-02{background:url(../img/3d_design/chara_02_bg.svg) no-repeat;background-size:cover;background-position:center}.character-3dDesign .character-3dDesign-content.character-03{background:url(../img/3d_design/chara_03_bg.svg) no-repeat;background-size:cover;background-position:center}.character-3dDesign .character-3dDesign-content_charaImg{width:min(90%, 950px);position:relative;z-index:1;display:block;margin:0 auto}.pcOnly{display:block}.spOnly{display:none}footer{position:relative}footer .footer_decoration{display:flex;width:100%;align-items:flex-end}footer .footer_decoration img{display:block;width:100% !important}footer::before{position:absolute;top:0;right:0;left:0;width:100%;height:1px;margin:0 auto;background-image:linear-gradient(left, rgba(243,188,112,0), rgba(243,188,112,0.3) 30%, rgba(243,188,112,0.3) 70%, rgba(243,188,112,0));background-position:center;background-repeat:no-repeat;content:"";text-align:center}footer .wrap{max-width:540px;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;border:1px solid #826634;background:#2b0802;border-radius:100px;box-shadow:0 6px 10px -6px rgba(0,0,0,0.8);color:rgba(255,255,255,0.9);font-size:3vw;letter-spacing:-0.05em;line-height:1.5;text-align:center;text-decoration:none}footer .redirectArea .redirectBtn a:hover{background:#826634;color:#fff}footer .redirectArea .redirectBtn a span{color:rgba(255,255,255,0.9);font-size:4vw;font-weight:bold}footer .redirectArea .redirectBtn a span:hover{color:#fff}footer .shiroLogo{position:relative;width:100%;padding:10vh 0 1vh;margin:0 auto;text-align:center}footer .shiroLogo span{width:100%}footer .shiroLogo span img{width:120px;margin:0 auto;text-align:center}footer .appNotice{width:100%;box-sizing:border-box;padding:2%;margin:0 auto;border-radius:4px;font-size:11px;letter-spacing:0.1em}footer .appNotice li{margin:0 0 8px 20px;color:#fff;line-height:1.5;list-style-type:disc}footer .appNotice li:last-child{margin-bottom:0}footer .appArea ul{display:flex;width:100%;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:3vh 2%}footer .appArea li{margin:2% 0}footer .appArea li:nth-child(1){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;letter-spacing:0.1em;line-height:1.3;text-align:center;text-indent:0.1em}footer .link a{margin:0 0.5em;color:#fff}footer .copyright{position:relative;z-index:10;padding:3vh 0 5vh;color:#fff;font-family:"游明朝体", "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro",
 "Hiragino Mincho Pro", "Sawarabi Mincho", "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
 "MS PGothic", sans-serif;font-size:10px;letter-spacing:0.1em;line-height:2.5;text-align:center;text-indent:0.3em}footer .bnrArea{position:relative;display:block;width:100%;max-width:640px;box-sizing:border-box;padding:8vh 0 0;margin:0 auto;text-align:center;transform:scale(1);transition:all 400ms ease}footer .bnrArea a{display:block;font-size:0}footer .bnrArea img{width:100%;height:auto;border-radius:6px;box-shadow:0 3px 15px rgba(0,0,0,0.6);font-size:0;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;background:#25b3d3;border:2px solid #005176;border-radius:100px;color:#fff;font-size:14px;line-height:1.5;text-align:center;text-decoration:none;transition:all 200ms ease}footer .officialSite a:hover{background:#005176;color:#fff;transition:all 200ms ease}footer .officialSite a span{position:relative;padding-right:5px;margin-right:15px}footer .officialSite a span::before,footer .officialSite a span::after{position:absolute;top:0;right:-15px;bottom:0;margin:auto;content:"";vertical-align:middle}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)}.snsArea{width:100%;padding:48px 0 24px;text-align:center}.snsArea li{display:inline-block;margin:0 5px;vertical-align:middle}.snsArea li.btn{width:10%}.snsArea li.btn img{width:100%}.visible,.invisible{opacity:0;transition:all 1s}.visible{opacity:1}.visible.fadeInUp{opacity:1;transform:translateY(0)}.visible.fade_Up{transform:translateY(100px);transform:translateY(0);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_toLeft{transform:translateX(100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_toLeft{transform:translateX(0)}.visible.fade_toRight{transform:translateX(-100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_toRight{transform:translateX(0)}.visible.zoom_Up{transform:scale(0.5);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.zoom_Up{transform:scale(1)}.visible.zoom_Down{transform:scale(1.4);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.zoom_Down{transform:scale(1)}.invisible.fade_Up{transform:translateY(100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.fade_toLeft{transform:translateX(100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.fade_toRight{transform:translateX(-100px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.zoom_Up{transform:scale(0.5);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.invisible.zoom_Down{transform:scale(1.4);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}.visible.fade_slowly{-webkit-animation:fade_slowly 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;animation:fade_slowly 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;opacity:1}@-webkit-keyframes fade_slowly{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0}100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes fade_slowly{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0}100%{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@media (max-width: 1024px){.pcOnly{display:none}.spOnly{display:block}footer .footer_decoration{display:block}footer .wrap{max-width:380px}footer .redirectArea .redirectBtn a{font-size:12px}footer .redirectArea .redirectBtn a span{font-size:18px}footer .appArea ul{padding:3vh 3%}footer .appArea li:nth-child(1){width:40%}footer .appArea li:nth-child(2){width:50%}footer .appArea li:nth-child(3){width:51%}footer .officialSite a{font-size:12px}}@media screen and (max-width: 820px){.development-comment .comment-inner .comment-container .comment-content .comment-lead,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-lead{margin-left:15%;width:150vw}.development-comment .comment-inner .comment-container .comment-content .comment-lead li,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-lead li{margin-right:40%}.development-comment .comment-inner .comment-container .comment-content .comment-lead li p,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-lead li p{padding-right:10vw;font-size:5vw}.development-comment h2 span:nth-child(1){width:85%}.development-comment h2 span:nth-child(1) img{width:94%}.development-comment h2 span:nth-child(2){width:60%}.development-comment h2 span:nth-child(2) img{width:92%}.soundTeam-comment h2 span:nth-child(1){width:76%}.soundTeam-comment h2 span:nth-child(1) img{width:95%}.soundTeam-comment h2 span:nth-child(2){width:60%}.soundTeam-comment h2 span:nth-child(2) img{width:92%}}@media screen and (max-width: 768px){.pc_only{display:none}.sp_only{display:block}#sound_select div.logo{margin-bottom:5%;width:95%}#sound_select div.sound-description{font-size:3vw;margin-top:5%}#sound_select ul{flex-wrap:wrap;width:70%}#sound_select ul li{margin:3% 0}.bgm-controller{width:27%;padding:3.5% 3% 3.5% 3%;right:0;top:0}.bgm-controller .btn-control{font-size:2vw}.keyvisual-inner .keyvisual-content_logo{width:72.799%;left:0;right:-10%;margin:auto;bottom:2%}nav ul li p img{width:80%}main{letter-spacing:1px}main section{margin-bottom:30%}.story::before{background:url(../img/story/story_bg_sp.jpg) no-repeat;background-size:100% 100%;background-position:top right}.story-inner{padding-bottom:7%}.pv h2{margin-bottom:8%}.pv-inner{background:url(../img/pv/bg_sp.svg) no-repeat;background-size:cover;background-position:center}.development-comment .comment-inner .comment-container .comment-content,.soundTeam-comment .comment-inner .comment-container .comment-content{width:93%}.development-comment .comment-inner .comment-container .comment-content .comment-txt,.soundTeam-comment .comment-inner .comment-container .comment-content .comment-txt{font-size:4vw}.wallpaper h2{margin-bottom:8%;padding:0 20%}.wallpaper .btnShare{width:90%;margin-bottom:7%}.wallpaper-inner .wallpaper-container{background:url(../img/wallpaper/bg_sp.svg) no-repeat;background-size:100% 100%;background-position:center}.wallpaper-inner .wallpaper-container ul{flex-wrap:wrap}.wallpaper-inner .wallpaper-container ul li{width:48%;margin:2% 0}.wallpaper-inner .wallpaper-container ul li .link.shareCover::after{top:-6%;left:-3%;width:106%;height:112%;font-size:4vw}.wallpaper-inner .wallpaper-container ul li a{font-size:4vw}.character h2{margin-bottom:8%}.character .character-inner .character-profile::before,.character .character-inner .character-profile::after{height:50%}.character .character-inner .character-profile .character-profile_detail .character-data .name{margin-left:30%}.character .character-inner .character-profile .character-profile_detail .character-data .cv{font-size:2.2vw}.character .character-inner .character-profile .character-profile_detail .character-data .lead{font-size:3.8vw}.character .character-inner .character-profile .character-profile_detail .character-data .voice{width:95%;margin-right:1%}.character .character-inner .character-profile .character-profile_detail .character-data .voice li{width:26.6%}.character .character-inner .character-profile .character-profile_detail .character-data .voice li:nth-child(1){padding-top:15%}.character .character-inner .character-profile .character-profile_detail .character-data .voice li:nth-child(2){padding-top:7.5%}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button p{font-size:1.8vw}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button::after{bottom:-1px;left:-4px}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button span{font-size:3.2vw}.character .character-inner .character-profile .character-profile_detail .character-data .voice li button.is-playing:before{font-size:2.2vw}.character .character-inner #character-01 .character-profile .character-profile_catch img{width:65%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-profile_img{margin-left:-5%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data{width:60%;margin-left:-30%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .name{margin-top:20%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .cv{top:19%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .lead{margin-top:23%}.character .character-inner #character-01 .character-profile .character-profile_detail .character-data .voice{margin-top:1%}.character .character-inner #character-01 .character-profile::before,.character .character-inner #character-01 .character-profile::after{height:50%}.character .character-inner #character-01 .character-profile::after{bottom:16%}.character .character-inner #character-02 .character-profile .character-profile_catch img{width:65%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-profile_img{margin-left:-5%;width:65%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data{width:60%;margin-left:-20%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .name{margin-top:16%;margin-left:20%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .cv{top:18%}.character .character-inner #character-02 .character-profile .character-profile_detail .character-data .lead{margin-top:18%}.character .character-inner #character-02 .character-profile::before,.character .character-inner #character-02 .character-profile::after{height:53.1%}.character .character-inner #character-03 .character-profile .character-profile_catch img{width:98%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-profile_img{margin-left:-5%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data{width:60%;margin-left:-30%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .name{margin-top:31%;width:95%;margin-left:3%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .cv{top:22%}.character .character-inner #character-03 .character-profile .character-profile_detail .character-data .lead{margin-top:22%}.character .character-inner #character-03 .character-profile::before,.character .character-inner #character-03 .character-profile::after{height:44.3%}.character .character-inner #character-03 .character-profile::before{bottom:24%}.character .character-inner #character-03 .character-profile::after{bottom:21%}.character .character-inner .character-2dDesign::before,.character .character-inner .character-2dDesign::after{width:95%}.character .character-inner .character-2dDesign::before{right:0;left:0}.character .character-inner .character-2dDesign::after{right:0;left:0;margin:auto}.character .character-inner #character-01{margin-bottom:35%}.character .character-inner #character-01 .character-2dDesign::after{background-size:20%}.character .character-inner #character-02{margin-bottom:35%}.character .character-inner #character-02 .character-2dDesign::after{background-size:20%}.character .character-inner #character-03{margin-bottom:35%}.character .character-inner #character-03 .character-2dDesign::after{background-size:20%}.character .character-inner .character-castComment .character-castComment-inner h3{width:95%}.character .character-inner .character-castComment .character-castComment-inner::before{height:10%;width:25%}.character .character-inner .character-castComment .character-castComment-inner .castComment-content .castComment-content_youtube .youtube-frame{border:5px solid #00202f}.character-3dDesign h2{width:50%;margin-top:30%}.character-3dDesign .character-3dDesign-content{margin-bottom:-5%}.character-3dDesign .character-3dDesign-content.character-01{background-size:200%}.character-3dDesign .character-3dDesign-content.character-02{background-size:200%}.character-3dDesign .character-3dDesign-content.character-03{background-size:200%}footer{padding-bottom:15%}}@media (max-width: 640px){footer .footer_decoration{display:block}footer .wrap{max-width:100%}footer .redirectArea .redirectBtn a{font-size:3.3vw}footer .redirectArea .redirectBtn a span{font-size:4.5vw}footer .shiroLogo span::before{top:7vh}footer .link{font-size:3vw}footer .bnrArea{padding:8vh 5% 0}footer .officialSite a{font-size:5vw}}