a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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,td,th{text-align:left;font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}a:focus,button:focus,input:focus{outline:0}input[type=email]{font-size:16px}img{vertical-align:bottom;border:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}body,html{width:100%;-ms-scroll-chaining:none;overscroll-behavior:none}@media only screen and (max-width:896px){body,html{overflow-x:hidden}}body{width:100%;background:url(../../img/common/bg_web.jpg?v=20190603);background-size:100% auto;font-family:"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif;font-size:10px;color:#3e3f40;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}@media only screen and (min-width:897px){body{font-size:16px}}a{display:inline-block;text-decoration:none;color:#3e3f40}a.txt-link{display:inline;text-decoration:underline}@media only screen and (min-width:897px){a img{-webkit-transition:opacity ease-in .3s;-o-transition:opacity ease-in .3s;transition:opacity ease-in .3s}a:hover img{opacity:.7}}.ipad a:hover img{opacity:1}img{width:100%;height:auto}@media only screen and (max-width:896px){.pc{display:none}}@media only screen and (min-width:897px){.sp{display:none}}.inner{max-width:1280px;margin:auto}.frame{width:100%;padding:2% 5% 3%;background:url(../../img/common/web_popup_02.png?v=20190603) repeat-y;background-size:100% auto;position:relative;top:30px}@media only screen and (min-width:897px){.frame{top:60px}}.frame:before{width:100%;display:block;position:absolute;content:"";height:60px;top:-59px;left:0;background:url(../../img/common/web_popup_01.png?v=20190603) no-repeat center bottom;background-size:100% auto}.frame:after{width:100%;display:block;position:absolute;content:"";height:60px;bottom:-59px;left:0;background:url(../../img/common/web_popup_03.png?v=20190603) no-repeat center top;background-size:100% auto}.frame-inner{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #c8b4a0;border-radius:5px;background:rgba(255,255,255,.3);word-break:break-all}.mfp-wrap{overflow-y:auto}.mfp-content{max-width:500px;margin:auto;padding-top:40px}@media only screen and (min-width:897px){.mfp-content{max-width:1000px;padding-top:60px}}.mfp-btn-close,button.mfp-close{width:30px;height:30px;position:absolute;top:-30px;right:0;background:url(../../img/common/btn_close.png?v=20190603) no-repeat center top;background-size:100% auto;cursor:pointer;opacity:1;font-size:0}@media only screen and (min-width:897px){.mfp-btn-close,button.mfp-close{width:60px}}@media only screen and (min-width:897px){.mfp-btn-close,button.mfp-close{height:60px}}@media only screen and (min-width:897px){.mfp-btn-close,button.mfp-close{top:-60px}}@media only screen and (max-width:896px){header{z-index:50;position:fixed;width:100%}header .menu-btn,header .menu-close{width:16%;max-width:65px;position:fixed;top:7px;right:7px}header .menu-bg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}header .global-nav{width:63%;max-width:260px;max-height:520px;padding:3% 0;position:fixed;right:0;top:0;display:none;background:url(../../img/header/menu_bg_1.png?v=20190603) no-repeat,url(../../img/header/menu_bg_3.png?v=20190603) no-repeat right bottom;background-color:rgba(255,255,255,.8);background-size:100% auto;border-radius:5px;border:1px solid #c8b4a0;z-index:90}}@media only screen and (max-width:896px) and (min-width:415px) and (max-width:896px){header .global-nav{padding-top:0}}@media only screen and (max-width:896px) and (min-width:415px) and (max-width:896px){header .global-nav{height:100%}}@media only screen and (max-width:896px){header .global-nav ul{max-height:95vh;padding:27% 0 5%;text-align:center;position:relative;right:0;top:3%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:url(../../img/header/menu_bg_2.png?v=20190603) repeat-y;background-size:100% auto}header .global-nav ul li{position:relative}header .global-nav ul li:not(:last-child):after{width:100%;display:block;position:absolute;content:"";width:14%;height:14%;left:43%;bottom:-5%;background:url(../../img/common/line_dia.png?v=20190603) no-repeat;background-size:100% auto}header .global-nav ul li a{width:75%;margin:auto;padding-bottom:23%;font-size:0}header .global-nav ul li.nav-home a{background:url(../../img/header/btn_menu_home.png?v=20190603) no-repeat;background-size:100% auto}header .global-nav ul li.nav-news a{background:url(../../img/header/btn_menu_news.png?v=20190603) no-repeat;background-size:100% auto}header .global-nav ul li.nav-twitter a{background:url(../../img/header/btn_menu_twitter.png?v=20190603) no-repeat;background-size:100% auto}header .global-nav ul li.nav-character a{background:url(../../img/header/btn_menu_character.png?v=20190603) no-repeat;background-size:100% auto}header .global-nav ul li.nav-introduction a{background:url(../../img/header/btn_menu_introduction.png?v=20190603) no-repeat;background-size:100% auto}header .global-nav ul li.nav-movie a{background:url(../../img/header/btn_menu_movie.png?v=20190603) no-repeat;background-size:100% auto}}@media only screen and (min-width:897px){header{padding-top:3px;z-index:50;position:fixed;width:100%}header .header-inner{width:1176px;margin:auto;background:url(../../img/header/header.png?v=20190603) no-repeat}header .global-nav{width:950px;height:62px;margin:auto;display:block!important}header .global-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}header .global-nav ul li{width:190px;height:40px;position:relative}header .global-nav ul li a{width:100%;height:40px;position:absolute;top:11px;background-size:auto 100%;font-size:0}header .global-nav ul li.nav-home a{background:url(../../img/header/btn_home_off.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-news a{background:url(../../img/header/btn_news_off.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-character a{background:url(../../img/header/btn_character_off.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-introduction a{background:url(../../img/header/btn_introduction_off.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-movie a{background:url(../../img/header/btn_movie_off.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-home a.is-active,header .global-nav ul li.nav-home a:hover{background:url(../../img/header/btn_home_on.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-news a.is-active,header .global-nav ul li.nav-news a:hover{background:url(../../img/header/btn_news_on.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-character a.is-active,header .global-nav ul li.nav-character a:hover{background:url(../../img/header/btn_character_on.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-introduction a.is-active,header .global-nav ul li.nav-introduction a:hover{background:url(../../img/header/btn_introduction_on.png?v=20190603);background-size:auto 100%}header .global-nav ul li.nav-movie a.is-active,header .global-nav ul li.nav-movie a:hover{background:url(../../img/header/btn_movie_on.png?v=20190603);background-size:auto 100%}header .menu-btn,header .menu-close{display:none}}footer{width:100%;padding:10% 0 3%;background:url(../../img/common/line_foot.png?v=20190603) repeat-x center top;background-size:42px auto;position:relative;z-index:30}@media only screen and (min-width:897px){footer{min-width:1280px;padding:5% 0 3%;background-size:84px auto}footer>.inner{width:1280px;margin:auto}}footer .footer-sns{width:90%;max-width:720px;margin:7.8125% auto}@media only screen and (min-width:897px){footer .footer-sns{margin:50px auto}}footer .footer-sns ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer .footer-sns ul li{width:30%}footer .app{width:80%;max-width:450px;margin:5% auto;padding-left:23%;font-weight:700;background:url(../../img/common/app.png?v=20190603) no-repeat left center;background-size:auto 6em;line-height:1.6}@media only screen and (min-width:897px){footer .app{padding-left:140px}}@media only screen and (min-width:415px) and (max-width:896px){footer .app{max-width:300px;padding-left:13%}}footer .app dl{width:100%;display:table;position:relative;left:1em}footer .app dl dd,footer .app dl dt{display:table-cell}footer .app dl dt{width:27%}footer .app dl dd{width:73%}footer .footer-nav{margin:6.25% auto;position:relative}@media only screen and (min-width:897px){footer .footer-nav{margin:40px auto}}footer .footer-nav .logo{width:25%;max-width:160px;margin:0 auto 2%}@media only screen and (min-width:897px){footer .footer-nav .logo{position:absolute;left:4%;top:-1rem}}footer .footer-nav ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .footer-nav ul li{padding:0 1em}footer .footer-nav ul li:not(:last-child){border-right:1px solid #000}footer .footer-nav ul li a{font-weight:700;text-decoration:underline;display:block;word-break:keep-all;word-wrap:normal}footer .copy{width:76%;max-width:430px;margin:auto}body,html{width:100%;-ms-scroll-chaining:none;overscroll-behavior:none}@media only screen and (max-width:896px){body,html{overflow-x:hidden}}body{width:100%;background:url(../../img/common/bg_web.jpg?v=20190603);background-size:100% auto;font-family:"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif;font-size:10px;color:#3e3f40;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}@media only screen and (min-width:897px){body{font-size:16px}}a{display:inline-block;text-decoration:none;color:#3e3f40}a.txt-link{display:inline;text-decoration:underline}@media only screen and (min-width:897px){a img{-webkit-transition:opacity ease-in .3s;-o-transition:opacity ease-in .3s;transition:opacity ease-in .3s}a:hover img{opacity:.7}}.ipad a:hover img{opacity:1}img{width:100%;height:auto}@media only screen and (max-width:896px){.pc{display:none}}@media only screen and (min-width:897px){.sp{display:none}}.inner{max-width:1280px;margin:auto}.frame{width:100%;padding:2% 5% 3%;background:url(../../img/common/web_popup_02.png?v=20190603) repeat-y;background-size:100% auto;position:relative;top:30px}@media only screen and (min-width:897px){.frame{top:60px}}.frame:before{width:100%;display:block;position:absolute;content:"";height:60px;top:-59px;left:0;background:url(../../img/common/web_popup_01.png?v=20190603) no-repeat center bottom;background-size:100% auto}.frame:after{width:100%;display:block;position:absolute;content:"";height:60px;bottom:-59px;left:0;background:url(../../img/common/web_popup_03.png?v=20190603) no-repeat center top;background-size:100% auto}.frame-inner{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #c8b4a0;border-radius:5px;background:rgba(255,255,255,.3);word-break:break-all}.mfp-wrap{overflow-y:auto}.mfp-content{max-width:500px;margin:auto;padding-top:40px}@media only screen and (min-width:897px){.mfp-content{max-width:1000px;padding-top:60px}}.mfp-btn-close,button.mfp-close{width:30px;height:30px;position:absolute;top:-30px;right:0;background:url(../../img/common/btn_close.png?v=20190603) no-repeat center top;background-size:100% auto;cursor:pointer;opacity:1;font-size:0}@media only screen and (min-width:897px){.mfp-btn-close,button.mfp-close{width:60px}}@media only screen and (min-width:897px){.mfp-btn-close,button.mfp-close{height:60px}}@media only screen and (min-width:897px){.mfp-btn-close,button.mfp-close{top:-60px}}#contact{height:100%;margin:auto}.mfp-popup-contact .mfp-content{padding-top:0}.frame-popup .inner{width:82%;margin:auto}.frame-popup .contact-ttl{margin-bottom:2em;text-align:center;font-size:1.25em;font-weight:700}.frame-popup p{line-height:2.25}.frame-popup p strong{color:#e02f9b;font-weight:700}.svg-wrap{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;z-index:0}.svg-wrap svg{position:absolute;-webkit-animation:bgAnim linear infinite both;animation:bgAnim linear infinite both}@-webkit-keyframes bgAnim{0%{-webkit-transform:translate(0,500px) scale(1);transform:translate(0,500px) scale(1);opacity:.4}50%{-webkit-transform:translate(-50px,0) scale(1) rotate(45deg);transform:translate(-50px,0) scale(1) rotate(45deg);opacity:.4}100%{-webkit-transform:translate(0,-500px) scale(.5);transform:translate(0,-500px) scale(.5);opacity:0}}@keyframes bgAnim{0%{-webkit-transform:translate(0,500px) scale(1);transform:translate(0,500px) scale(1);opacity:.4}50%{-webkit-transform:translate(-50px,0) scale(1) rotate(45deg);transform:translate(-50px,0) scale(1) rotate(45deg);opacity:.4}100%{-webkit-transform:translate(0,-500px) scale(.5);transform:translate(0,-500px) scale(.5);opacity:0}}main{position:relative;z-index:1}@media only screen and (min-width:897px){main{min-width:1280px}}.main-visual{padding-top:2%;text-align:center;background:url(../../img/index/bg_sp_top_01.png?v=20190603) no-repeat;background-size:100% auto;position:relative;overflow:hidden}@media only screen and (min-width:897px){.main-visual{padding-bottom:10%;margin-bottom:-12%;background:url(../../img/index/bg_pc_top_01.png?v=20190603) no-repeat center top;background-size:cover}}@media only screen and (min-width:1921px){.main-visual:after{width:100%;display:block;position:absolute;content:"";height:70px;bottom:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(255,255,255,0)),to(#f7ecd8));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 40%,#f7ecd8 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 40%,#f7ecd8 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 40%,#f7ecd8 100%)}}.main-visual .main-inner{padding-bottom:158%;position:relative;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}@media only screen and (min-width:897px){.main-visual .main-inner{width:1280px;margin:auto;padding-bottom:880px}}.main-visual h1{width:45%;max-width:380px;margin:auto;position:absolute;z-index:30}@media only screen and (max-width:896px){.main-visual h1{top:22%;left:27.5%}}@media only screen and (min-width:897px){.main-visual h1{top:33.5%;left:450px}}.main-visual .release{width:47%;max-width:300px;margin:auto;position:absolute;z-index:30}@media only screen and (max-width:896px){.main-visual .release{width:40%;top:40%;left:0;right:0}}@media only screen and (min-width:897px){.main-visual .release{top:60.25%;left:50%;margin-left:-150px}}.main-visual .catch{width:49%;max-width:440px;margin:auto;position:absolute;top:0;left:0;z-index:30}@media only screen and (min-width:897px){.main-visual .catch{top:4%}}.main-visual .top-chara{position:absolute;left:0;top:-2%}@media only screen and (min-width:897px){.main-visual .top-chara{width:136%;left:-24%;top:4%}}.main-visual .top-movie{width:50%;max-width:352px;padding:5%;position:absolute}@media only screen and (max-width:896px){.main-visual .top-movie{top:43%;left:0;right:0;margin:auto}}@media only screen and (min-width:897px){.main-visual .top-movie{padding:34px 15px 48px 50px;right:3%;top:34.5%}}.main-visual .top-movie .movie-ttl{width:40%;margin:auto}@media only screen and (max-width:896px){.main-visual .top-movie .movie-ttl{display:none}}.main-visual .top-banner{max-width:820px;margin:auto;position:absolute}@media only screen and (max-width:896px){.main-visual .top-banner{width:56%;bottom:23%;left:22%}.main-visual .top-banner ul li{margin-bottom:2%}}@media only screen and (min-width:897px){.main-visual .top-banner{display:none}}.top-sub-banner{max-width:820px;margin:auto;position:absolute}@media only screen and (max-width:896px){.top-sub-banner{width:40%;bottom:5.5%;left:auto}.top-sub-banner ul li{margin-bottom:2%}}@media only screen and (min-width:897px){.top-sub-banner{width:220px;top:69.75%;right:5%}.top-sub-banner ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top-sub-banner ul li{margin:5px 0}}.top-appstores{max-width:820px;margin:auto;position:absolute;background:url(../../img/index/frame_appli_dl.png) no-repeat 0 0}@media only screen and (max-width:896px){.top-appstores{display:none}}@media only screen and (min-width:897px){.top-appstores{width:668px;height:210px;bottom:6%;left:50%;margin-left:-330px;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;padding:20px}.top-appstores a{margin-right:10px}}.fix-nav{width:100%;position:fixed;left:0;bottom:8px;z-index:40}@media only screen and (min-width:897px){.fix-nav{bottom:3px}}.sub-nav{background:url(../../img/index/scroll_bg_sp.png?v=20190603) no-repeat center bottom;background-size:100% auto;position:relative}@media only screen and (max-width:896px){.sub-nav{width:90%;padding:0 3% 0 2%}}@media only screen and (min-width:897px){.sub-nav{width:1270px;padding:22px 120px;background:url(../../img/index/scroll_bg_pc.png?v=20190603) no-repeat;background-size:100% auto}}.sub-nav nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}@media only screen and (min-width:897px){.sub-nav nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.sub-nav .sub-nav-ttl{width:33%}@media only screen and (max-width:896px){.sub-nav .sub-nav-ttl{position:absolute;left:16%;bottom:12%}}@media only screen and (min-width:897px){.sub-nav .sub-nav-ttl{background:url(../../img/index/arrow_01.png?v=20190603) no-repeat right center;background-size:8% auto;padding-right:40px;margin-right:20px}}.sub-nav .sub-nav-icons{width:28%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}@media only screen and (max-width:896px){.sub-nav .sub-nav-icons{width:31%;margin-top:2%;position:relative;left:10%}}.sub-nav .sub-nav-icons li{width:25%;max-width:70px}.sub-nav .sub-nav-bnr{width:38%;margin:0 .5%}@media only screen and (max-width:896px){.sub-nav .sub-nav-bnr{width:37.5%;padding-top:2%;padding-bottom:2%;margin:0 1.5%;margin-right:3%}}@media only screen and (min-width:897px){.sub-nav .sub-nav-bnr{width:22%;display:none}}h2{max-width:560px;margin:4% auto;position:relative;z-index:30}@media only screen and (max-width:896px){h2{width:53%}}#news-wrap{max-width:1170px;margin:-2% auto 0}@media only screen and (min-width:897px){#news-wrap{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (min-width:897px){#news-wrap .news-box{width:48%}}#news-wrap .news-box .frame{max-width:500px;max-height:256px;margin:4% auto;top:30px}@media only screen and (min-width:897px){#news-wrap .news-box .frame{max-height:540px}}@media only screen and (max-width:896px){#news-wrap .news-box .frame{width:90%}}#news-wrap .news-box .frame:before{height:30px;top:-30px}#news-wrap .news-box .frame:after{height:30px;bottom:-30px}#news-wrap .news-box .frame .frame-inner{max-height:243px;padding:1% 3% 3%}@media only screen and (min-width:897px){#news-wrap .news-box .frame .frame-inner{max-height:520px;min-height:520px}}#news-wrap .news-box .frame .empty{padding-top:1em}#news-wrap .news-box .news-list{padding:2% 0;background:url(../../img/common/line_dot.png?v=20190603) repeat-x center bottom;background-size:auto 2px}#news-wrap .news-box .news-list a{width:100%}#news-wrap .news-box .news-list .article-top{margin-bottom:.5em}#news-wrap .news-box .news-list .article-btm{width:100%}#news-wrap .news-box .news-list .news-label{max-width:128px;vertical-align:middle}#news-wrap .news-box .news-list .date{font-size:.875em}@media only screen and (min-width:897px){#news-wrap .twitter-box{width:48%}}@media only screen and (max-width:896px){#news-wrap .twitter-box{margin-top:20%}}#news-wrap .twitter-box .frame{max-width:500px;margin:4% auto 20%;padding-bottom:0;top:30px}@media only screen and (min-width:897px){#news-wrap .twitter-box .frame{max-height:538px}}@media only screen and (max-width:896px){#news-wrap .twitter-box .frame{width:90%}}#news-wrap .twitter-box .frame:before{height:30px;top:-30px}#news-wrap .twitter-box .frame:after{height:30px;bottom:-30px}#news-wrap .twitter-box .frame .frame-inner{height:243px;overflow:hidden}@media only screen and (min-width:897px){#news-wrap .twitter-box .frame .frame-inner{height:480px}}#news-wrap .twitter-box .frame .twitter-widget{text-align:center}#news-wrap .twitter-box .btn_tw_follow{width:41%;margin:2% auto 0}.mfp-popup-news .mfp-container{padding-top:60px}.mfp-popup-news .mfp-iframe-scaler{height:100%;min-height:78vh;padding-top:0}.mfp-popup-news .mfp-content{padding-bottom:2%;top:-4%}@media only screen and (min-width:897px){.mfp-popup-news .mfp-content{top:2%}}.mfp-popup-news iframe{background:0 0;-webkit-box-shadow:0;box-shadow:0}#character{margin:18.75% auto}@media only screen and (min-width:897px){#character{margin:120px auto}}@media only screen and (max-width:896px){#character{margin-bottom:10%}}#character .tab-btn{width:88%;max-width:840px;margin:0 auto 5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#character .tab-btn li{width:47.6%}#character .tab-btn li.btn-playable{background:url(../../img/index/btn_playable_off.png?v=20190603) no-repeat center;background-size:100% auto}#character .tab-btn li.btn-story{background:url(../../img/index/btn_story_off.png?v=20190603) no-repeat center;background-size:100% auto}#character .tab-btn li a:not(.active) img{opacity:0}#character .character-inner{width:95%;max-width:950px;margin:auto}#character .character-inner ul{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}#character .character-inner ul li{width:19%;max-width:180px;position:relative}@media only screen and (max-width:896px){#character .character-inner ul li{height:25vw}}@media only screen and (min-width:897px){#character .character-inner ul li{min-height:256px}}#character .character-inner ul li.chara-popup-trigger{cursor:pointer}#character .character-inner ul li i{width:44%;max-width:86px;position:absolute;z-index:30}#character .character-inner ul.col4 li:nth-child(4n+1){margin-left:20px}#character .character-inner ul.col4 li:nth-child(4n){margin-right:20px}.mfp-popup-chara button.mfp-close{top:0;right:4%}@media only screen and (min-width:897px){.mfp-popup-chara button.mfp-close{top:42px}}.swiper-container{padding-top:30px}.swiper-slide{padding:0 4.5%;text-align:center}@media only screen and (min-width:897px){.swiper-slide{padding:0 10%}}.swiper-slide img{max-width:900px;margin:auto;padding:10.5% 5.5%;background:url(../../img/index/chara_frame_sp.png?v=20190603) no-repeat center;background-size:98% auto}@media only screen and (min-width:897px){.swiper-slide img{padding:11%;background:url(../../img/index/chara_frame_pc.png?v=20190603) no-repeat center;background-size:100% auto}}@media only screen and (min-width:897px){.chara-popup2 .swiper-slide{padding:8% 5%}}.chara-popup2 .swiper-slide img{padding:35% 5%;background-size:96% auto}@media only screen and (min-width:897px){.chara-popup2 .swiper-slide img{padding:14%;background-size:auto 100%}}.swiper-button-next,.swiper-button-prev{width:5%;max-width:40px;height:80%;margin-top:0;top:12%}.swiper-button-next:focus,.swiper-button-prev:focus{outline:0}.swiper-button-next{right:0;background:url(../../img/common/scroll_right.png?v=20190603) repeat-x center center;background-size:100% auto}.swiper-button-prev{left:0;background:url(../../img/common/scroll_left.png?v=20190603) repeat-x center center;background-size:100% auto}#introduction{background:url(../../img/index/bg_sp_introduction.png?v=20190603) no-repeat center;background-size:auto 100%}@media only screen and (min-width:897px){#introduction{background:url(../../img/index/bg_pc_introduction.png?v=20190603) no-repeat center;background-size:100% auto;position:relative}}@media only screen and (min-width:1921px){#introduction:before{width:100%;display:block;position:absolute;content:"";height:70px;top:0;background:-webkit-gradient(linear,left top,left bottom,from(#f7ecd8),color-stop(40%,rgba(255,255,255,0)));background:-webkit-linear-gradient(top,#f7ecd8 0,rgba(255,255,255,0) 40%);background:-o-linear-gradient(top,#f7ecd8 0,rgba(255,255,255,0) 40%);background:linear-gradient(180deg,#f7ecd8 0,rgba(255,255,255,0) 40%)}#introduction:after{width:100%;display:block;position:absolute;content:"";height:70px;bottom:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(255,255,255,0)),to(#f7ecd8));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 40%,#f7ecd8 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 40%,#f7ecd8 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 40%,#f7ecd8 100%)}}#introduction .inner{margin-top:-13%;padding:14% 0 4%}#introduction dl{width:87%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#introduction dl.story{padding-bottom:2%;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}#introduction dl.battle{padding-top:2%}@media only screen and (max-width:896px){#introduction dl dd{height:26.5vw}}@media only screen and (min-width:897px){#introduction dl dd{min-height:325px}}#introduction .note{width:87%;margin:1em auto 0;text-align:right}#introduction hr{width:86%;margin:auto;height:10px;border:0;background:url(../../img/common/line_dia.png?v=20190603) repeat-x center bottom;background-size:auto 10px;opacity:.5}@media only screen and (max-width:896px){#movie{margin-top:-18%;padding-top:26%}}@media only screen and (min-width:897px){#movie{margin:120px auto}}#movie .movie-inner{width:100%;max-width:1200px;margin:auto;position:relative}#movie .owl-container{padding:0 11%;text-align:center;font-size:1.4em;font-weight:700}#movie .item{padding-bottom:2px}#movie .item img{margin-bottom:2%}@media only screen and (max-width:896px){#movie .item{font-size:70%}}.owl-carousel .owl-stage-outer{z-index:1}.owl-nav{width:100%;height:100%;position:absolute;top:-1rem;bottom:0;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{width:25px;height:52px;position:absolute}@media only screen and (min-width:897px){.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{width:50px}}@media only screen and (min-width:897px){.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{height:104px}}.owl-carousel .owl-nav button.owl-next:focus,.owl-carousel .owl-nav button.owl-prev:focus{outline:0}.owl-carousel .owl-nav button.owl-next.disabled,.owl-carousel .owl-nav button.owl-prev.disabled{opacity:.35}.owl-carousel .owl-nav button.owl-prev{left:-12%;background:url(../../img/common/scroll_left.png?v=20190603) no-repeat center center;background-size:90% auto}.owl-carousel .owl-nav button.owl-next{right:-12%;background:url(../../img/common/scroll_right.png?v=20190603) no-repeat center center;background-size:90% auto}#song{margin:10% auto 20%}#song .song-inner{width:80%;max-width:970px;margin:auto;position:relative}#song .artist{margin:auto;text-align:center}@media only screen and (min-width:897px){#song .artist{width:74%}}#song .artist figure{width:86%;margin:auto}@media only screen and (max-width:896px){#song .artist figure{min-height:55vw}}#song .artist h3{margin:.7em auto .5em;padding:0 17%;position:relative;display:inline-block;font-size:1.3em;font-weight:700}@media only screen and (min-width:897px){#song .artist h3{padding:0 160px;background-size:auto 26px;font-size:1.5em}}#song .artist h3:after{width:100%;display:block;position:absolute;content:"";width:100%;height:100%;top:0;left:0;opacity:.5;background:url(../../img/common/line_dia.png?v=20190603) no-repeat center left,url(../../img/common/line_dia.png?v=20190603) no-repeat center right;background-size:16% auto}@media only screen and (min-width:897px){#song .artist h3:after{background-size:auto 26px}}#song .artist p{text-align:left;line-height:1.6;font-size:1.2em;font-weight:700}@media only screen and (min-width:897px){#song .artist p{padding:0 60px}}#song .frame{margin:5% auto;padding-right:8%;padding-left:8%}#song .frame:before{top:-60px;background-size:contain}#song .frame:after{bottom:-60px}@media only screen and (min-width:897px){#song .frame{padding-right:130px;padding-left:130px}}@media only screen and (max-width:896px){#song .frame{margin-bottom:30%}}#song .frame dt{margin-bottom:1.5em;text-align:center;font-size:1.4em;font-weight:700}#song .frame dd{max-width:33em;margin:auto;line-height:1.5;font-size:1.2em;word-break:break-all;word-wrap:break-word}.bnr-area{margin:15.625% auto}@media only screen and (min-width:897px){.bnr-area{margin:100px auto}}.bnr-area .inner{width:90%;max-width:980px}.bnr-area ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bnr-area ul li{margin:0 1%;text-align:center}@media only screen and (max-width:896px){.bnr-area ul li{width:48%;height:13vw}}@media only screen and (min-width:897px){.bnr-area ul li{width:31%}}.bnr-area ul img{background:#000}footer{padding-bottom:20%}@media only screen and (min-width:897px){footer{padding-bottom:200px}}