@charset "UTF-8";
.elps,.ir{white-space:nowrap}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,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,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0;width:100%}
@font-face{font-family:MyYuGothicM;font-weight:400;src:local("YuGothic-Medium"),local("Yu Gothic Medium"),local("YuGothic-Regular")}
@font-face{font-family:MyYuGothicM;font-weight:700;src:local("YuGothic-Bold"),local("Yu Gothic")}
@font-face{font-family: 'NotoSansCJKjpBold';src: url('../font/NotoSansCJKjp-Bold.otf');}
@font-face{font-family: 'NotoSansCJKjpBlack';src: url('../font/NotoSansCJKjp-Black.otf');}
h1,h2,h3,h4,h5,p,div,span,a,ul,li,section,dd,dt,dl {font-family: "NotoSansCJKjpBold","NotoSansCJKjpBlack";}
.pc{display:none!important}
.fsm1{font-size:1.1rem}
.fsm2{font-size:1rem}
.fsm3{font-size:.9rem}
.fsm4{font-size:.8rem}
.fsm5{font-size:.7rem}
.fsm6{font-size:.6rem}
.fsm7{font-size:.5rem}
.fsm8{font-size:.4rem}
.fsm9{font-size:.3rem}
.fsm10{font-size:.2rem}
.fn,.ib-items .ib-item{font-size:1.2rem!important}
.fsp1{font-size:1.3rem}
.fsp2{font-size:1.4rem}
.fsp3{font-size:1.5rem}
.fsp4{font-size:1.6rem}
.dbl-arr.right:before,.fsp5{font-size:1.7rem}
.fsp6{font-size:1.8rem}
.fsp7{font-size:1.9rem}
.fsp8{font-size:2rem}
.fsp9{font-size:2.1rem}
.fsp10{font-size:2.2rem}
.mgn{margin:0}
.mga{margin:auto}
.mtn{margin-top:0}
.mts{margin-top:1%}
.mt2{margin-top:2%}
.mt3{margin-top:3%}
.mt4{margin-top:4%}
.mt5{margin-top:5%}
.mt6{margin-top:6%}
.mt7{margin-top:7%}
.mt8{margin-top:8%}
.mt9{margin-top:9%}
.mt10{margin-top:10%}
.mbn{margin-bottom:0}
.mbs{margin-bottom:1%}
.mb2{margin-bottom:2%}
.mb3{margin-bottom:3%}
.mb4{margin-bottom:4%}
.mb5{margin-bottom:5%}
.mb6{margin-bottom:6%}
.mb7{margin-bottom:7%}
.mb8{margin-bottom:8%}
.mb9{margin-bottom:9%}
.mb10{margin-bottom:10%}
.mln{margin-left:0}
.mls{margin-left:1%}
.ml2{margin-left:2%}
.ml3{margin-left:3%}
.ml4{margin-left:4%}
.ml5{margin-left:5%}
.ml6{margin-left:6%}
.ml7{margin-left:7%}
.ml8{margin-left:8%}
.ml9{margin-left:9%}
.ml10{margin-left:10%}
.mca,.mla{margin-left:auto}
.mrn{margin-right:0}
.mrs{margin-right:1%}
.mr2{margin-right:2%}
.mr3{margin-right:3%}
.mr4{margin-right:4%}
.mr5{margin-right:5%}
.mr6{margin-right:6%}
.mr7{margin-right:7%}
.mr8{margin-right:8%}
.mr9{margin-right:9%}
.mr10{margin-right:10%}
.mca,.mra{margin-right:auto}
.ptn{padding-top:0}
.pts{padding-top:1%}
.pt2{padding-top:2%}
.pt3{padding-top:3%}
.pt4{padding-top:4%}
.pt5{padding-top:5%}
.pt6{padding-top:6%}
.pt7{padding-top:7%}
.pt8{padding-top:8%}
.pt9{padding-top:9%}
.pt10{padding-top:10%}
.pbn{padding-bottom:0}
.pbs{padding-bottom:1%}
.pb2{padding-bottom:2%}
.pb3{padding-bottom:3%}
.pb4{padding-bottom:4%}
.pb5{padding-bottom:5%}
.pb6{padding-bottom:6%}
.pb7{padding-bottom:7%}
.pb8{padding-bottom:8%}
.pb9{padding-bottom:9%}
.pb10{padding-bottom:10%}
.pbx{padding-bottom:4%!important}
.pln{padding-left:0}
.pls{padding-left:1%}
.pl2{padding-left:2%}
.pl3{padding-left:3%}
.pl4{padding-left:4%}
.pl5{padding-left:5%}
.pl6{padding-left:6%}
.pl7{padding-left:7%}
.pl8{padding-left:8%}
.pl9{padding-left:9%}
.pl10{padding-left:10%}
.prn{padding-right:0}
.prs{padding-right:1%}
.pr2{padding-right:2%}
.pr3{padding-right:3%}
.pr4{padding-right:4%}
.pr5{padding-right:5%}
.pr6{padding-right:6%}
.pr7{padding-right:7%}
.pr8{padding-right:8%}
.pr9{padding-right:9%}
.pr10{padding-right:10%}
.btn-detail,.btn-entry,.bx-controls-direction a,.bx-pager .bx-pager-link,.chara-slider li .main,.chara-slider li .profile dd.has-thumb:after,.chara-slider li .profile dl:after,.chara-slider li .wrap-btn-comment .btn-comment,.chara-slider li .wrap-btn-comment .btn-comment:before,.content.music .thumb-box .image,.content.music .thumb-box .texts h3,.content.story .story-contents p.p4,.content.story:after,.content.story:before,.footer .container:after,.footer .copy,.footer:after,.footer:before,.header .hnav-lists a,.header .logo,.header .menu-btn,.header:after,.information-box>dl:before,.mainvisual .container .link-premium,.modal-close,.progress .inner,.sns-lists li a,.ti,.title-section,.trg-scroll-top{display:block;height:0;background-repeat:no-repeat;background-position:center center;background-size:contain;overflow:hidden;white-space:nowrap;text-indent:100%;position:relative}
.rti,img{height:auto}
.rti{overflow:visible;text-indent:0;position:static}
.elps,.ir,.wrapper{overflow:hidden}
@media screen and (max-width:769px){html{font-size:149.955%}
}
@media screen and (max-width:667px){html{font-size:130.065%}
}
@media screen and (max-width:568px){html{font-size:110.76%}
}
@media screen and (max-width:414px){html{font-size:80.73%}
}
@media screen and (max-width:375px){html{font-size:73.125%}
}
@media screen and (max-width:320px){html{font-size:62.4%}
}
body{font-size:1.2rem;font-family:"メイリオ",Meiryo,Jun34Pro,"Lucida Grande","segoe UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic Pro",Verdana,Arial,sans-serif;color:#000;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;letter-spacing:1px;line-height:1.5}
a{color:inherit;text-decoration:none}
b{font-weight:700}
i{display:inline-block}
em{font-style:normal}
img{max-width:100%;vertical-align:bottom}
embed,iframe,object,video{max-width:100%;display:block;margin:0 auto}
*{outline:0;box-sizing:border-box}
input,textarea{border:none}
.bx-pager button.bx-pager-link,.chara-slider li .wrap-btn-comment button.btn-comment,.chara-slider li .wrap-btn-comment button.btn-comment:before,.chara-slider li button.main,.content.music .thumb-box button.image,.footer button.container:after,.footer button.copy,.header button.logo,.header button.menu-btn,.mainvisual .container button.link-premium,.progress button.inner,button.btn-detail,button.btn-entry,button.content.story:after,button.content.story:before,button.footer:after,button.footer:before,button.header:after,button.modal-close,button.ti,button.title-section,button.trg-scroll-top{text-indent:160%}
.wrapper{min-width:100%;width:100%;position:relative}
.container{margin:0 auto}
.tdu{text-decoration:underline}
.tdn{text-decoration:none!important}
.lbs:hover,.lca,.lcb,.lcc,.lcd{text-decoration:underline}
.lbs{color:#000}
.lbs:hover{color:#323232}
.lca,.lca:link,.lca:visited{color:#000}
.tdc{border-bottom:1px solid #9b9b9b}
.tdc:hover{border-bottom:none}
.lca:hover{color:#1e1e1e}
.lca:active{color:#000}
.lcb,.lcb:link,.lcb:visited{color:#e6e6e6}
.lcb:hover{color:#fff}
.lcb:active{color:#e6e6e6}
.lcc,.lcc:link,.lcc:visited{color:#e5e5e5}
.lcc:hover{color:#fff}
.lcc:active{color:#e5e5e5}
.lcd,.lcd:link,.lcd:visited{color:#333}
.lcd:hover{color:#515151}
.lcd:active{color:#333}
.txt-arr.right:before{content:"→";margin-right:.5em}
.dbl-arr.right:before{content:"»"}
.triangle{position:relative;display:inline-block}
.triangle:before{content:'▶︎'}
.triangle.right{padding-left:20px}
.triangle.right:before{width:5px;height:9px;left:0}
.triangle.yel.right:before{background-position:left top}
.triangle.gry.right:before{background-position:-5px top}
.disc-items .disc-item{list-style-type:disc;list-style-position:inside;text-indent:-.8em;padding-left:.8em;margin-top:25px;line-height:2;letter-spacing:1.5px}
.notice-items .notice-item{text-indent:-1.1em;padding-left:1.1em}
.notice-items .notice-item:before{content:"※"}
.ib-items{display:table;font-size:0}
.ib-items .ib-item{display:inline-block;vertical-align:top}
.tbl-base{width:100%;letter-spacing:1.5px}
.tbl-base tr{border-bottom:1px solid #000}
.tbl-base tr:first-child{border-top:1px solid #000}
.tbl-base td,.tbl-base th{padding:35px;line-height:1.8}
.tbl-base th{vertical-align:middle}
.tbl-vertical,.tbl-vertical>tbody,.tbl-vertical>tbody>tr,.tbl-vertical>tbody>tr>td,.tbl-vertical>tbody>tr>th,.tbl-vertical>thead,.tbl-vertical>thead>tr,.tbl-vertical>thead>tr>td,.tbl-vertical>thead>tr>th{display:block}
.tbl-vertical tr:last-child{border-bottom:none}
.tbl-vertical td,.tbl-vertical th{width:86%;padding:5% 7%}
.tbl-vertical th{text-align:left}
.tbl-vertical td{border-left:none}
.loader-simple{height:3em;width:3em;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;border:1px solid rgba(255,255,255,.2);border-top-color:rgba(255,255,255,.7);border-radius:50%}
@-webkit-keyframes rotation{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotation{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.bx-pager,.clearfix,.flex,.header .sp-header-contents,.sns-lists{zoom:1}
.bx-pager:after,.clearfix:after,.flex:after,.header .sp-header-contents:after,.sns-lists:after{content:"";display:block;clear:both}
.ir{text-indent:100%}
.tr{position:absolute;top:0;left:-5000px}
.elps{text-overflow:ellipsis}
.ref{position:relative}
.abs{position:absolute}
.fix{position:fixed}
.dn{display:none!important}
.db{display:block!important}
.di{display:inline!important}
.ds{display:inline-block!important}
.dt{display:table!important}
.dc{display:table-cell!important}
.rn{border-radius:0!important}
.rs{border-radius:5px}
.rm{border-radius:10px}
.rl{border-radius:20px}
.ca{color:#000!important}
.cb{color:#e6e6e6!important}
.cc{color:#e5e5e5!important}
.cd{color:#333!important}
.ce{color:#ccc!important}
.cf{color:#f2f2f2!important}
.cg,.ch,.ci,.cj,.ck,.cl{color:#000!important}
.ba{background-color:#000!important}
.bb{background-color:#e6e6e6!important}
.bc{background-color:#e5e5e5!important}
.bd{background-color:#333!important}
.be{background-color:#ccc!important}
.bf{background-color:#f2f2f2!important}
.bg,.bh,.bi,.bj,.bk,.bl{background-color:#000!important}
.n{font-weight:400!important}
.b{font-weight:700!important}
.l{text-align:left!important}
.c{text-align:center!important}
.r{text-align:right!important}
.banner-lists li,.content.staff .border-box .inner,.content.staff .voice-actors dd,.content.story .story-contents,.modal-content h3,.progress .percentage{text-align:center}
.u{text-decoration:underline!important}
.obl{font-style:oblique}
.v0{vertical-align:0}
.v1{vertical-align:-1px}
.v2{vertical-align:-2px}
.v3{vertical-align:-3px}
.v4{vertical-align:-4px}
.v5{vertical-align:-5px}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.vb{vertical-align:bottom}
.bx-pager,.chara-slider li .wrap-btn-comment .btn-comment:before,.footer:after,.pos,.pos-center,.pos-horizontal-center,.pos-override-center,.pos-vertical-center,.progress .inner,.triangle:before{position:absolute;margin:auto}
.pos-center,.progress .inner{top:0;bottom:0;left:0;right:0}
.chara-slider li .wrap-btn-comment .btn-comment:before,.pos-vertical-center,.progress .inner,.triangle:before{top:0;bottom:0}
.bx-pager,.footer:after,.pos-horizontal-center{left:0;right:0}
.pos-override-center{top:-50%;bottom:-50%;left:-50%;right:-50%}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
embed,iframe,object{max-width:100%;display:block}
.pc-layout{display:none!important}
.ti-reset{overflow:visible;white-space:normal;text-indent:0;background:0 0}
.content.character .header .container.sp-header-contents,.content.character .lg.container,.content.event .header .container.sp-header-contents,.content.event .lg.container,.content.music .header .container.sp-header-contents,.content.music .lg.container,.content.news .header .container.sp-header-contents,.content.news .lg.container,.content.staff .header .container.sp-header-contents,.content.staff .lg.container,.content.story .header .container.sp-header-contents,.content.story .lg.container,.footer .lg.container,.header .content.character .container.sp-header-contents,.header .content.event .container.sp-header-contents,.header .content.music .container.sp-header-contents,.header .content.news .container.sp-header-contents,.header .content.staff .container.sp-header-contents,.header .content.story .container.sp-header-contents,.header .sp-header-contents,.sp-container.lg{width:93.75%}
.content.character .footer .container,.content.character .md.container,.content.event .footer .container,.content.event .md.container,.content.music .footer .container,.content.music .md.container,.content.news .container,.content.staff .footer .container,.content.staff .md.container,.content.story .footer .container,.content.story .md.container,.footer .container,.footer .content.character .container,.footer .content.event .container,.footer .content.music .container,.footer .content.staff .container,.footer .content.story .container,.header .md.sp-header-contents,.sp-container.md{width:90.625%}
.content.character .sm.container,.content.event .sm.container,.content.music .sm.container,.content.news .sm.container,.content.staff .sm.container,.content.story .sm.container,.footer .sm.container,.header .sm.sp-header-contents,.sp-container.sm{width:82.8125%}
.content.character .xs.container,.content.event .xs.container,.content.music .xs.container,.content.news .xs.container,.content.staff .xs.container,.content.story .xs.container,.footer .xs.container,.header .xs.sp-header-contents,.sp-container.xs{width:78.125%}
.text-lg,.text-sm,.text-xs{max-height:100%}
.text-lg{font-size:1.2rem}
.text-sm{font-size:.9rem}
.text-xs{font-size:.8rem}
.container{width:100%;max-width:100%;min-width:0;padding:0}
.content.character .container,.content.event .container,.content.music .container,.content.news .container,.content.staff .container,.content.story .container,.footer .container,.header .sp-header-contents,.sp-container{width:93.75%;margin:0 auto}
.footer .container:after,.full-elm{width:107%;margin-left:-3.5%;padding-left:3.5%;padding-right:3.5%}
.container-pd{padding:0 3.125%}
a.disable{opacity:.8}
.btn-totop{z-index:50;width:8%}
.js-modal-tgt{display:none}
.js-shake{position:relative}
.css-shake{-webkit-animation:scaleAnime .5s linear 0s;animation:scaleAnime .5s linear 0s}
@-webkit-keyframes scaleAnime{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(.9);transform:scale(.9)}
40%{-webkit-transform:scale(1.05);transform:scale(1.05)}
60%{-webkit-transform:scale(.95);transform:scale(.95)}
80%{-webkit-transform:scale(1.025);transform:scale(1.025)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scaleAnime{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
20%{-webkit-transform:scale(.9);transform:scale(.9)}
40%{-webkit-transform:scale(1.05);transform:scale(1.05)}
60%{-webkit-transform:scale(.95);transform:scale(.95)}
80%{-webkit-transform:scale(1.025);transform:scale(1.025)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.modal-overlay,.modal-wrap{width:100%;height:100%;position:fixed;top:0;left:0}
.modal-close,.modal-content{position:absolute}
.modal-wrap{opacity:0;z-index:1050}
.modal-overlay{background:rgba(253,87,157,.48);z-index:0}
.modal-content{z-index:10;background-color:#45c0c8;max-width:94%;margin:0 auto;background-clip:border-box;border:none;border-radius:0;box-shadow:none;font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:700;color:#fff}
.modal-content p{line-height:1.7}
.modal-content iframe{background:#fff}
.pagetop{width:20%}
.trg-scroll-top{padding-top:74.64789%;background-image:url(../img/pagetop.png)}
.background,.bg-check,.bg-drop,.bg-star,.bg-stripe,.content.character,.content.event,.content.news,.content.pudding,.content.story,.footer,.header,.header .container,.header .container:after,.header .left li:nth-child(odd),.header .right li:nth-child(even),.information-box>dl>dt,.progress{background-repeat:repeat;background-position:left top}
.bg-drop{background-image:url(../img/bg_drop.jpg)}
.bg-star,.progress{background-image:url(../img/bg_info.jpg);background-size:33%}
.content.news{background:url(../img/_sp/bg_news.jpg) no-repeat center;background-size:cover;}
.bg-check,.information-box>dl>dt{background-size:6.25%}
.bg-check.pink,.information-box>dl>dt.pink{background-image:url(../img/bg_check_pink.jpg)}
.bg-check.blue{background-image:url(../img/bg_check_blue.jpg)}
.bg-stripe,.content.pudding,.content.story,.footer,.header,.header .container,.header .container:after,.header .left li:nth-child(odd),.header .right li:nth-child(even){background-size:15.625%}
.bg-stripe.type-blue,.content.pudding.header,.content.story.header,.header .container:after,.header .left li.container:nth-child(odd),.header .left li.container:nth-child(odd):after,.header .left li.header:nth-child(odd),.header .left li.type-blue:nth-child(odd),.header .right li.container:nth-child(even),.header .right li.container:nth-child(even):after,.header .right li.header:nth-child(even),.header .right li.type-blue:nth-child(even),.type-blue.content.pudding,.type-blue.content.story,.type-blue.footer{background-image:url(../img/bg_stripe_blue.jpg)}
.bg-stripe.type-deep-blue,.header .left li.container:nth-child(odd):after,.header .right li.container:nth-child(even):after,.header .right li:nth-child(even),.header .type-deep-blue.container,.header .type-deep-blue.container:after,.type-deep-blue.content.pudding,.type-deep-blue.content.story,.type-deep-blue.footer,.type-deep-blue.header{background-image:url(../img/_sp/bg_stripe_blue_deep.jpg)}
.bg-stripe.type-yellow,.header .left li.type-yellow:nth-child(odd),.header .right li.type-yellow:nth-child(even),.header .type-yellow.container,.header .type-yellow.container:after,.type-yellow.content.pudding,.type-yellow.content.story,.type-yellow.footer,.type-yellow.header{background-image:url(../img/bg_stripe_yellow.jpg)}
.header{background-image:url(../img/nav-bg.png);background-repeat-y: no-repeat;background-size: cover;}
.bg-stripe.type-deep-yellow,.content.story,.header .container.content.story:after,.header .left li.content.story:nth-child(odd),.header .left li.type-deep-yellow:nth-child(odd),.header .right li.content.story:nth-child(even),.header .right li.type-deep-yellow:nth-child(even),.header .type-deep-yellow.container,.header .type-deep-yellow.container:after,.type-deep-yellow.content.pudding,.type-deep-yellow.footer,.type-deep-yellow.header{background-image:url(../img/_sp/bg_stripe_yellow_deep.jpg)}
.bg-stripe.type-green,.content.pudding.footer,.content.story.footer,.header .container.footer,.header .container.footer:after,.header .left li.footer:nth-child(odd),.header .left li.type-green:nth-child(odd),.header .right li.footer:nth-child(even),.header .right li.type-green:nth-child(even),.header .type-green.container,.header .type-green.container:after,.type-green.content.pudding,.type-green.content.story,.type-green.header{background-image:url(../img/bg_stripe_green.jpg)}
.footer {background-image: url(../img/_sp/bg_footer.png);background-size: cover;background-repeat: no-repeat;}
.bg-wh{background-color:#fff!important}
.cl-wh{color:#fff!important}
.bg-pk{background-color:#ff6a7f!important}
.cl-pk{color:#ff6a7f!important}
.bg-bl{background-color:#07abc4!important}
.cl-bl,dl.line-dot-bl{color:#07abc4!important}
.bg-lpk{background-color:#ffc5df!important}
.cl-lpk{color:#ffc5df!important}
.bg-lyl{background-color:#fff092!important}
.cl-lyl{color:#fff092!important}
.title-box{padding:8% 0 3%}
.title-section{width:43.28125%;padding-top:10%;background-image:url(../img/_sp/titles_section.png);background-size:cover;margin:0 auto;position:relative;z-index:30}
.title-section.news{background-position:left 0}
.title-section.story{margin-top: 40%;background-position:left 16%}
.title-section.character{background-position:left 33.33333%}
.title-section.music{background-position:left 50%}
.title-section.pudding{background-position:left 66.66667%}
.title-section.event{background-position:left 82.6%}
.title-section.staff{background-position:left 100%}
.border-box .inner{min-height:50px;background-size:100%;background-repeat:repeat;background-position:center top}
.border-box:after,.border-box:before{content:"";width:100%;display:block;background-size:100%;background-repeat:no-repeat;background-position:center top}
.border-box.pink .inner{padding:5% 8%;background-image:url(../img/bg_box_pink_rep.png)}
.border-box.pink:after,.border-box.pink:before{padding-top:3.46939%}
.border-box.pink:before{background-image:url(../img/bg_box_pink_top.png)}
.border-box.pink:after{background-image:url(../img/bg_box_pink_btm.png)}
.border-box.green .inner{padding:5% 3%;background-image:url(../img/bg_box_green_rep.png)}
.border-box.green:after,.border-box.green:before{padding-top:3.77551%}
.border-box.green:before{background-image:url(../img/bg_box_green_top.png)}
.border-box.green:after{background-image:url(../img/bg_box_green_btm.png)}
.information-box{padding: 15px 30px 5px;margin-top:10px;background-color: rgba(253,87,157,0.8);border-radius: 15px;}
.information-box h3 {font-size: 1.4rem;}
.information-box>dl{position:relative;z-index:0}
.information-box>dl:before{width:10%;content:"";padding-top:20.33333%;background-image:url(../img/icon_information.png);position:absolute;top:-1em;left:0;z-index:1}
.information-box>dl>dt{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO",HGMaruGothicMPRO;font-size:1.0rem;font-weight:700;color:#fffc00;padding:2vw 10vw 4vw;line-height:1.2;position:relative}
.news-lists li:not(:first-child):before,dl.line-dot-bl:after,dl.line-dot-bl:before{content:"";width:100%;height:0;background-repeat:repeat;left:0}
.information-box>dl>dd .info-txt{width:100%;padding:3% 0;font-size:0.9rem;color:#fff;border-top: 3px dotted #fff;border-bottom: 3px dotted #fff; }
.information-box>dl>dd .info-txt em{font-size: 1.1rem;font-family: "NotoSansCJKjpBlack";}
.information-box .date {font-size: 0;}
.information-box .date p{width: 25%;padding:1rem 0 0; display: inline-block;font-size:0.9rem;font-weight:600;color: #fff;vertical-align: top;}
.information-box .date p:last-child{width: 48%;}
.information-box .dot_top {border-top: dotted 3px #fff;}
.information-box .dot_bottom {padding-bottom: 1rem; border-bottom: dotted 3px #fff;}
.information-box .dot_right {border-right: dotted 3px #fff;}
.information-box .dot_left {border-left: dotted 3px #fff;}
.information-box>dl>dd .btn_info {display:inline-block; width: 80%;height: 7vw;background: url(../img/btn_info.png) no-repeat;background-size: contain;}

.information-box>dl>dd .text{font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:700;color:#58554f;line-height:1.5}
.news-lists dd,.news-lists dd h3{font-family:"NotoSansCJKjpBlack"!important;}
.information-blocks .block:not(:first-child){margin-top:10%}
.information-blocks .block p:not(:first-child){margin:1em 0}
dl.line-dot-bl{position:relative;padding:1.5rem 0;margin:1.5rem 0}
dl.line-dot-bl:after,dl.line-dot-bl:before{background-image:url(../img/line_dot_bl.png);padding-top:1.2069%;background-size:2.41379%;position:absolute}
dl.line-dot-bl:before{top:0}
dl.line-dot-bl:after{bottom:0}
.btn-detail{padding-top:16.0804%;background-image:url(../img/btn_detail.png)}
.btn-entry{padding-top:13.21429%;background-image:url(../img/btn_entry.png);margin:0 auto}
.btn-entry.part1{background-image:url(../img/_sp/btn_entry_part1.png)}
.btn-entry.part2{background-image:url(../img/_sp/btn_entry_part2.png)}
.banner-lists li a{display:block}
.banner-lists li:not(:first-child){margin-top:3%}
.product-lists,.staff-lists li:not(:first-child){margin-top:5%}
.sns-lists li{float:left}
.sns-lists li:not(:first-child){margin-left:5%}
.sns-lists li a{padding-top:71.95122%;background-image:url(../img/_sp/btns_sns.png);background-size:350%}
.sns-lists li a.facebook{background-position:left top}
.sns-lists li a.twitter{background-position:50% top}
.sns-lists li a.line{background-position:100% top}
.news-lists li{padding:4% 0 4%;line-height:1.5;border-bottom: dotted 3px #fff;color: #fff;}
.news-lists li:last-child{border:none;}
.news-lists li a{color:#fffc00}
.news-lists li .anchor{color:#fff; font-family: "NotoSansCJKjpBlack"!important;}
.news-lists li:not(:first-child){position:relative}
.news-lists dd{font-size:1.2rem;font-weight:700;line-height:1.7}
.news-lists .date{color:#fffc00}
.news-lists .title{color:#fff}
.staff-lists li{font-weight:700}
.staff-lists li h3{font-size:1.5rem;color:#fff6bd;margin-bottom:2%;line-height:1}
.staff-lists li h3 span{font-size:1.25rem;display:inline-block;margin-right:1.5em}
.product-lists li,.staff-lists li p{font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:1rem;color:#fff;font-weight:700}
.product-lists li{line-height:1.7}
.product-lists li span:not(:first-child){display:inline-block;margin-left:2em}
.chara-slider li .profile dd .js-modal-tgt h3,.content.news .sns-lists,.header .center,.progress .bar,.progress .percentage{display:none}
.dot-lists>li{text-indent:-1.1em;padding-left:1.1em}
.dot-lists>li:before{content:"・"}
.dot-lists>li:not(:first-child){margin-top:.3em}
.indent-lists{padding-left:1.8em}
.indent-lists>li:before{content:"-";margin-right:.3em}
.wrapper{opacity:0;padding-top:16%}
.contents .content{min-height:100px;padding-bottom:8%}
.header{padding:2% 0 1%;margin-bottom:0}
.header .wrap-menu-btn{position:relative;padding-top: 10px;z-index:100;float:right;width:20%}
.header .menu-btn{padding-top:75%;background-image:url(../img/_sp/menu_btn.png);background-size:50%;background-position:right top 2vw;position:relative;top:0}
.header .menu-btn.menu-close{background-image:url(../img/_sp/menu_close_btn.png);background-size:45%;background-position:right top 1.5vw;}
.header .wrap-logo{width:55%;float:left}
.header .logo{padding-top:24%;background-image:url(../img/_sp/logo_header.png);margin:0 auto;background-position: left;}
.header .wrap-sns{width:25%;float:left;padding-top:2%}
.header .sns-lists{width:100%;padding-top: 4vw}
.header .sns-lists>li{width:33%;margin-left:0;}
.header .container{display:none;width:100%;position:absolute;left:0;z-index:50;top:70%;padding-top:0}
.header .container:before{height:2px;bottom:-2px;background-color:#f3f3e8}
.header .container:after{height:3px;bottom:-5px}
.header .hnav-txt{position: absolute;top: 105vw;left: 5vw;right: 5vw; height: 30px;background:url(../img/nav_text.png) no-repeat center ;background-size: contain;z-index: 100}
.header .hnav-lists {background: url(../img/_sp/bg_menu.jpg) no-repeat center top;background-size: cover;padding: 10vw 5vw 100vw;
}
.header .hnav-lists a{padding-top:15.625%;background-image:url(../img/_sp/menus.png);background-size:cover}
.header .hnav-lists a.story{background-position:left 0}
.header .hnav-lists a.character{background-position:left 20%}
.header .hnav-lists a.music{background-position:left 40%}
.header .hnav-lists a.pudding{background-position:left 60%}
.header .hnav-lists a.event{background-position:left 80%}
.header .hnav-lists a.staff{background-position:left 100%}
.footer{padding:7% 0 5%;position:relative;z-index:10}
.footer .container:after,.footer:after,.footer:before{position:absolute;content:""}
.footer .container .sns-lists{width:72.41379%;margin:7% auto 0;}
.footer .container .sns-lists>li{width:29.7619%}
.footer .container .sns-lists>li a{background-image: url(../img/_sp/btns_sns-footer.png);background-size: 330%;}
.footer .copy{padding-top:2.75862%;background-image:url(../img/copy.png);width:40.17241%;margin:5% auto 0}

.progress{position:fixed;z-index:50;width:100%;height:100%;background-position:center center}
.progress .inner{height:1em}
.progress .bar{width:0;height:1px;background-color:#868686}
.progress .percentage{color:#363636;letter-spacing:1px}
.progress .inner{width:45%;padding-top:45.50373%;background-image:url(../img/loading.gif)}
.mainvisual{position:relative}
.mainvisual .container{width:52.34375%;position:absolute;right:4%;bottom:-70%}
.mainvisual .container .link-premium{background-image:url(../img/link_premium.png);padding-top:78.5%;width:100%;background-size:cover;background-position:left top;z-index:10;background-repeat:no-repeat}
.content.news .container,.content.story{position:relative}
.mainvisual:before{width:100%;height:5px;background-color:#fffff3;bottom:3px}
.mainvisual:after{width:100%;height:3px;background-color:#cfecf3;bottom:0}
.content.news{padding:26% 0 8%}
.content.news .title-section{top:0;margin-left:4.6875%;}
.content.news .list-block{margin: 3vw; padding:0 5% 1%;background-color: rgba(8,112,177,0.8);border-radius: 7px;}
.content.news .banner-lists{margin-top:5%;}
.content.story{z-index:0;background-image:url(../img/_sp/bg_story.jpg);background-size: cover;padding-bottom: 10vw}
.content.story .container{width:93.75%!important}
.content.story .container p{font-size:1.05rem; color: #fff; font-weight: bold;line-height: 2.0rem;text-shadow:0px 2px 1px #6163ab;}
.content.story .story-contents{color:#fff;font-weight:700;position:relative}
.content.story .story-contents p{font-size:1.3rem;letter-spacing:-.3px;line-height:1.7;text-shadow:1px 1px 10px #002a24}
.content.story .story-contents p:not(:first-child){margin:2em 0}
.content.story .story-contents p span[class*=cl-]{font-size:1.5rem}
.content.story .story-contents p.p4{padding-top:40%;background-image:url(../img/_sp/story_p4.png);margin-top:23%;margin-bottom:20%}
.photo-pr{width:100%;padding-top:113%;background:url(../img/photo_pr.jpg) center top no-repeat;background-size:cover}
.content.character .title-box{padding-bottom:5%}
.content.character .container{width:100%!important;margin:0 auto}
.chara-slider li .main{width:100%;height:29.69vw;background-position:center top;position:relative}
.chara-slider li .profile{margin-top:5%;margin-left:auto}
.chara-slider li .profile dl:after{content:"";padding-top:5.83333%;background-image:url(../img/title_cv.png);width:18.5%;position:absolute;top:1rem;left:1rem;z-index:2}
.chara-slider li .profile dd{font-size:.8rem;letter-spacing:0}
.chara-slider li .profile dd p{line-height:1.8}
.chara-slider li .profile dd.has-thumb{position:relative}
.chara-slider li .profile dd.has-thumb .wrap-text{padding-right:10rem}
.chara-slider li .profile dd.has-thumb:after{content:"";width:32.5%;padding-top:32.5%;height:0;position:absolute;top:-3.7rem;right:.5rem}
.chara-slider li .wrap-btn-detail{width:66%;margin: 1rem auto;}
.chara-slider li .wrap-btn-comment .btn-comment{padding-top:6%;padding-bottom: 1.2%;margin-top: -7.2%; position:relative;background-image: url(../img/_sp/btn_open.png);background-size: 2rem;}
.chara-slider li.other .wrap-btn-comment .btn-comment {margin-top: -16%;}
.chara-slider li .wrap-btn-comment .btn-comment.btn-open{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.chara-slider li .js-modal-tgt{font-size:.9rem;font-weight:700;color:#43a8b2;padding:4%;background-color:#ffeb70}
.chara-slider li.go-chan .main{background-image:url(../img/_sp/_slider/go-chan.jpg);background-color: #3f73ba;}
.chara-slider li.moco .main{background-image:url(../img/_sp/_slider/moco.jpg);background-color: #fd5757;}
.chara-slider li.kin .main{background-image:url(../img/_sp/_slider/kin.jpg);background-color: #ff7e00;}
.chara-slider li.kamo .main{background-image:url(../img/_sp/_slider/kamo.jpg);background-color: #49c3bc;}
.chara-slider li.moffun .main{background-image:url(../img/_sp/_slider/moffun.jpg);background-color: #fd579d;}
.chara-slider li.tamarin .main{background-image:url(../img/_sp/_slider/tamarin.jpg);background-color: #b648ef;}
.chara-slider li.chibe .main{background-image:url(../img/_sp/_slider/chibe.jpg);background-color: #d76500;}
.chara-slider li.aramizu .main{background-image:url(../img/_sp/_slider/aramizu.jpg);background-color: #49a6d6;}
.chara-slider li.odayama .main{background-image:url(../img/_sp/_slider/odayama.jpg);background-color: #e53e3e;}
.chara-slider li.katsunuma .main{background-image:url(../img/_sp/_slider/katsunuma.jpg);background-color: #198d9b;}
.chara-slider li.takeda .main{background-image:url(../img/_sp/_slider/takeda.jpg);background-color: #c93d65;}
.chara-slider li.other .main{background-image:url(../img/_sp/_slider/other.jpg);}
.js-modal-tgt .comment-box{margin: 2rem 0 1rem; padding: 1.5rem 0.5rem; background-color: #fff;border-radius: 9px;}
.js-modal-tgt .comment-box h3 {padding: 0 1rem 0.5rem; font-size: 1.4rem;color: #3f73ba;border-bottom: dotted #b6b6b6 3px;}
.js-modal-tgt .comment-box h3 .cv{padding-right: 0.1rem; font-size: 1.3rem;}
.js-modal-tgt .comment-box h3 .name{padding-left: 0.1rem;font-size: 1.5rem;}
.js-modal-tgt .comment-box p {padding: 1rem; font-size: 1.2rem;color: #3c3c3c;line-height: 2rem; font-weight: bold;}
.js-modal-tgt {padding: 1.8rem;}
.js-modal-tgt .chara-prof{font-size: 0;}
.js-modal-tgt .chara_img{display: inline-block; width: 48%;}
.js-modal-tgt .chara_img.right{float: right;}
.js-modal-tgt .chara_txt{padding-top: 1rem; font-size: 1.1rem;color: #3c3c3c;line-height: 2rem; font-weight: bold;}
#character {padding-bottom: 0;}
.go-chan .js-modal-tgt {background-color: #608fcf!important;}
.moco .js-modal-tgt {background-color: #fb7676!important;}
.kin .js-modal-tgt {background-color: #ffa200!important;}
.kamo .js-modal-tgt {background-color: #53dbd3!important;}
.moffun .js-modal-tgt {background-color: #fd78b0!important;}
.tamarin .js-modal-tgt {background-color: #c160f4!important;}
.chibe .js-modal-tgt {background-color: #ec7e1d!important;}
.aramizu .js-modal-tgt {background-color: #5bb7e6!important;}
.odayama .js-modal-tgt {background-color: #ee5c5c!important;}
.katsunuma .js-modal-tgt {background-color: #1f9baa!important;}
.takeda .js-modal-tgt {background-color: #d64971!important;}
.other .js-modal-tgt {background-color: #f086bd!important;}

.bx-wrapper{position:relative;padding-top: 2%}
.bx-pager{display: none;}
.bx-pager .bx-pager-item{width:10.25641%;float:left}
.bx-pager .bx-pager-item:not(:first-child){margin-left:2.5%}
.bx-pager .bx-pager-link{padding-top:76.19048%;background-image:url(../img/_sp/_slider/btns_pager.png);background-size:100%;background-position:left 100%}
.bx-pager .bx-pager-link.active{background-position:left top}
.bx-controls-direction{position:absolute;top:8em;width:100%}
.bx-controls-direction a{width:3.90625%;height:0;padding-top:7.8125%;position:absolute;top:0;z-index:50}
.content.event .container,.content.music .container,.content.staff .container{width:93.75%!important}
.bx-controls-direction .bx-prev{left:-3%;background-image:url(../img/_sp/_slider/arr_prev.png)}
.bx-controls-direction .bx-next{right:-3%;background-image:url(../img/_sp/_slider/arr_next.png)}
.content.music{height: 190vw;background:url(../img/_sp/bg_music.jpg) center top no-repeat;background-size:cover}
.content.music .thumb-box {padding: 6%; background-color:rgba(249,92,161,0.8);border-radius: 7px;}
.content.music .thumb-box .image{padding-top:62.82051%;background-image:url(../img/music_photo.jpg)}
.content.music .thumb-box .texts{font-weight:700}
.content.music .thumb-box .texts h3{height:7vw;font-size: 1.7rem;text-align: center;color: #fff;margin-top: 5%; text-indent: 0%;}
.content.event .information-lists .notice,.content.event .information-lists>li:not(:first-child){margin-top:5%}
.content.music .thumb-box .texts dd,.content.music .thumb-box .texts dt{color:#fff}
.content.music .thumb-box .texts dt{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO",HGMaruGothicMPRO;font-size:1.2rem;line-height:1.8;margin-bottom:2%;text-align:center}
.content.event .information-lists,.content.music .thumb-box .texts dd,.content.staff .voice-actors dl{font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
.content.music .thumb-box .texts dt span{font-size:1.0rem}
.content.music .thumb-box .texts dd{font-size:1.1rem}
.content.musicvideo{height: 76vw;position: relative; margin-top: -76%}
.content.musicvideo .container .musicvideo-ttl{position: absolute; top: 0; right: 1rem; left: 0; background: url(../img/_sp/ttl_musicvideo.png) no-repeat ;background-size: contain;}
.content.musicvideo .container .musicvideo-ttl p {padding-top: 65vw;padding-left: 1.0rem;font-size: 0.85rem;font-weight: bold;}
.content.musicvideo .container .musicvideo-image{position: absolute; top: 35px; right: 1rem; left: 1rem;height: 57vw; z-index: 1;}
.content.musicvideo .container .musicvideo-image iframe{height: 52vw;}

.content.event{background: url(../img/bg_info.jpg) top}
.content.event .title-box{padding-bottom:5%}
.content.event .information-lists{font-weight:700;color:#58554f;line-height:1.7;letter-spacing:2px}
.content.event .information-lists .information-box dt{padding-right:.5em;letter-spacing:0}
.content.event .information-lists a{color:#ff7d8f}
.content.event .information-lists a:hover{text-decoration:none;color:#ffa5b7}
.content.event .information-lists .text-sm.c{font-size:1.1rem}
.content.event .information-lists .notice h4:before{content:"■"}
.content.event .information-lists .notice .dot-lists{margin-top:3%}
.content.event .list-inline{margin:1.5em auto 3em}
.content.event .list-inline>li{display:block;padding:0}
.content.event .list-inline>li:not(:first-child){margin-top:3%}
.content.staff{position: relative;:; background:url(../img/bg_staff.jpg) center top no-repeat;background-size:130%;background-color: #b4dbf0;padding-bottom:25%}
.content.staff:after{position:absolute;content:"";padding-top:38%;background-image:url(../img/footer_characters.png);bottom:-5%;background-size: 100%;width:100%}
.content.staff .staff-box {font-family:"ヒラギノ角ゴ ProN W6"; padding: 2rem; background-color: rgba(107,182,225,0.8);border-radius: 7px;}
.content.staff .staff-box h3 {margin-bottom: 0.2rem; color: #fffc00; font-size: 1.3rem;font-weight: bold;}
.content.staff .staff-box h3.director {display: inline-block; width: 49%;}
.content.staff .staff-box h3.mb8 {margin-left: 3.5rem;margin-bottom: 1rem;}
.content.staff .staff-box h3 span{padding-right: 1.3rem;font-size: 1.0rem;}
.content.staff .staff-box p{margin-bottom: 1rem; color: #fff; font-size: 0.9rem;line-height:2rem;font-weight: bold;}
.content.staff .voice-actors{margin-top:5%}
.information-box .image-lists,.information-box .image-lists>li:not(:first-child){margin-top:1em}
.content.staff .voice-actors dl{font-weight:700;color:#fff}
.content.staff .voice-actors dt{font-size:1.2rem;margin-bottom:.5rem}
.content.staff .voice-actors dt:after,.content.staff .voice-actors dt:before{content:"-"}
.content.staff .voice-actors dt:before{margin-right:.3em}
.content.staff .voice-actors dt:after{margin-left:.3em}
.content.staff .voice-actors dd .actor-lists{font-size:0}
.content.staff .voice-actors dd .actor-lists li{display:inline-block;font-size:1rem;margin-left:1em}
.information-blocks{margin-bottom:5%}
.information-blocks .thx{font-size:1.4rem}
.inner-tbl{table-layout:fixed}
.inner-tbl thead th{font-size:1.3rem;color:#f36784;text-align:left}
.inner-tbl thead th:nth-child(1){width:30%}
.inner-tbl thead th:nth-child(2){width:34%}
.inner-tbl thead th:nth-child(3){width:36%}
.inner-tbl tbody tr{background:url(../img/line_dot_bl.png) left bottom repeat-x;background-size:6px}
.inner-tbl tbody tr td{padding:1em 0 1.35em}
.inner-tbl tbody tr.noborder{background:0 0}
.inner-tbl tbody tr.noborder td{padding-bottom:0}
.inner-tbl tbody tr.noborder td[rowspan*="4"]{background:url(../img/line_dot_bl.png) -3px bottom repeat-x;background-size:6px}
.inner-tbl tbody tr.noborder+tr td,.inner-tbl tbody tr.noborder+tr th{padding-top:0}
.information-box .image-lists>li{text-align:center}
.information-box .to-main{text-align:right;margin-top:1em}
.information-box .block.c img.img-event-report{max-width:100%}
li.report .information-blocks .block:first-child{margin-top:40px}
.content.staff .voice-actors dd .actor-lists{width:auto;margin-left:-1rem;display:table}
.content.staff .voice-actors dd .actor-lists>li{display:inline-block;margin-left:1rem}
.content.staff .voice-actors dd .actor-lists>li small{display:block;font-size:1rem}
.content.staff .voice-actors dd .production-staff-lists{font-size:1rem;display:table;margin-left:-1rem}
.content.staff .voice-actors dd .production-staff-lists>li{display:inline-block;margin-left:1rem}

.navbar-fixed-top{border-width: 0;}


.btn-box {
    text-align: center;
    margin: 2rem auto 0;
    width: 66%;
}


.btn-box a{
	margin: 0 auto;
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1rem;
    border-radius: 10rem;
    padding: 0.9rem 0 0.9rem 0.4rem;
    text-decoration: none;
}


.btn-box a:hover{
	opacity: 0.7;
}