@charset "UTF-8";
.elps,.ir{overflow:hidden;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}
@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";}
.sp{display:none!important}
.fsm1{font-size:13px}
.fsm2{font-size:12px}
.fsm3{font-size:11px}
.fsm4{font-size:10px}
.fsm5{font-size:9px}
.fsm6{font-size:8px}
.fsm7{font-size:7px}
.fsm8{font-size:6px}
.fsm9{font-size:5px}
.fsm10{font-size:4px}
.fn,.ib-items .ib-item{font-size:14px}
.fsp1{font-size:15px}
.fsp2{font-size:16px}
.fsp3{font-size:17px}
.fsp4{font-size:18px}
.dbl-arr.right:before,.fsp5{font-size:19px}
.fsp6{font-size:20px}
.fsp7{font-size:21px}
.fsp8{font-size:22px}
.fsp9{font-size:23px}
.fsp10{font-size:24px}
body,html{font-size:14px}
.full{width:100%}
.half{width:50%}
.third{width:33.3%}
.quater{width:25%}
.fifth{width:20%}
.fl{float:left}
.fr{float:right}
.mgn{margin:0!important}
.mga{margin:auto!important}
.mtn{margin-top:0!important}
.mts{margin-top:5px!important}
.mt2{margin-top:10px!important}
.mt3{margin-top:15px!important}
.mt4{margin-top:20px!important}
.mt5{margin-top:25px!important}
.mt6{margin-top:30px!important}
.mt7{margin-top:35px!important}
.mt8{margin-top:40px!important}
.mt9{margin-top:45px!important}
.mt10{margin-top:50px!important}
.mbn{margin-bottom:0!important}
.mbs{margin-bottom:5px!important}
.mb2{margin-bottom:10px!important}
.mb3{margin-bottom:15px!important}
.mb4{margin-bottom:20px!important}
.mb5{margin-bottom:25px!important}
.mb6{margin-bottom:30px!important}
.mb7{margin-bottom:35px!important}
.mb8{margin-bottom:40px!important}
.mb9{margin-bottom:45px!important}
.mb10{margin-bottom:50px!important}
.mln{margin-left:0!important}
.mls{margin-left:5px!important}
.ml2{margin-left:10px!important}
.ml3{margin-left:15px!important}
.ml4{margin-left:20px!important}
.ml5{margin-left:25px!important}
.ml6{margin-left:30px!important}
.ml7{margin-left:35px!important}
.ml8{margin-left:40px!important}
.ml9{margin-left:45px!important}
.ml10{margin-left:50px!important}
.mrn{margin-right:0!important}
.mrs{margin-right:5px!important}
.mr2{margin-right:10px!important}
.mr3{margin-right:15px!important}
.mr4{margin-right:20px!important}
.mr5{margin-right:25px!important}
.mr6{margin-right:30px!important}
.mr7{margin-right:35px!important}
.mr8{margin-right:40px!important}
.mr9{margin-right:45px!important}
.mr10{margin-right:50px!important}
.mca,.mra{margin-right:auto!important}
.mla{margin-left:auto!important}
.mca{margin-left:auto}
.ptn{padding-top:0!important}
.pts{padding-top:5px!important}
.pt2{padding-top:10px!important}
.pt3{padding-top:15px!important}
.pt4{padding-top:20px!important}
.pt5{padding-top:25px!important}
.pt6{padding-top:30px!important}
.pt7{padding-top:35px!important}
.pt8{padding-top:40px!important}
.pt9{padding-top:45px!important}
.pt10{padding-top:50px!important}
.pbn{padding-bottom:0!important}
.pbs{padding-bottom:5px!important}
.pb2{padding-bottom:10px!important}
.pb3{padding-bottom:15px!important}
.pb4{padding-bottom:20px!important}
.pb5{padding-bottom:25px!important}
.pb6{padding-bottom:30px!important}
.pb7{padding-bottom:35px!important}
.pb8{padding-bottom:40px!important}
.pb9{padding-bottom:45px!important}
.pb10{padding-bottom:50px!important}
.pbx{padding-bottom:20px!important}
.pln{padding-left:0!important}
.pls{padding-left:5px!important}
.pl2{padding-left:10px!important}
.pl3{padding-left:15px!important}
.pl4{padding-left:20px!important}
.pl5{padding-left:25px!important}
.pl6{padding-left:30px!important}
.pl7{padding-left:35px!important}
.pl8{padding-left:40px!important}
.pl9{padding-left:45px!important}
.pl10{padding-left:50px!important}
.prn{padding-right:0!important}
.prs{padding-right:5px!important}
.pr2{padding-right:10px!important}
.pr3{padding-right:15px!important}
.pr4{padding-right:20px!important}
.pr5{padding-right:25px!important}
.pr6{padding-right:30px!important}
.pr7{padding-right:35px!important}
.pr8{padding-right:40px!important}
.pr9{padding-right:45px!important}
.pr10{padding-right:50px!important}
.btn-comment,.btn-detail,.btn-entry,.bx-pager .bx-pager-link,.chara-slider li .main,.chara-slider li .profile dl:after,.content.music .thumb-box .texts h3,.content.story .container p,.footer .copy,.footer:after,.footer:before,.header .hnav-lists a,.header .logo,.header:after,.information-box>dl:before,.mainvisual .link-premium,.modal-close,.news-lists li:not(:first-child):before,.progress .inner,.sns-lists li a,.ti,.title-section,.trg-scroll-top,dl.line-dot-bl:after,dl.line-dot-bl:before{display:block;background-repeat:no-repeat;background-position:left top;overflow:hidden;white-space:nowrap;text-indent:120%}
body{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;font-family: "NotoSansCJKjpBlack";}
img{max-width:100%;height:auto;vertical-align:bottom}
embed,iframe,object,video{max-width:100%;display:block;margin:0 auto}
table{border-collapse:collapse;border-spacing:0;width:100%}
*{outline:0;box-sizing:border-box}
input,textarea{border:none}
.bx-pager button.bx-pager-link,.chara-slider li button.main,.footer button.copy,.header button.logo,.mainvisual button.link-premium,.progress button.inner,button.btn-comment,button.btn-detail,button.btn-entry,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:1080px;width:100%;position:relative;overflow:hidden}
.container{width:1080px;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:"※"}
.border-box:after,.border-box:before,.clearfix:after,.footer .container:after,.information-box>dl:before,.news-lists li:not(:first-child):before,.title-box:before,dl.line-dot-bl:after,dl.line-dot-bl: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}
.btn-totop{z-index:50}
.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)}
}
.clearfix,.footer .container{zoom:1}
.clearfix:after,.footer .container:after{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}
.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}
.chara-slider li .wrap-btn-comment,.footer:after,.pos,.pos-center,.pos-horizontal-center,.pos-override-center,.pos-vertical-center,.progress .inner,.title-box:before,.triangle:before{position:absolute;margin:auto}
.pos-center,.progress .inner{top:0;bottom:0;left:0;right:0}
.pos-vertical-center,.progress .inner,.triangle:before{top:0;bottom:0}
.chara-slider li .wrap-btn-comment,.footer:after,.pos-horizontal-center,.title-box:before{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}
.banner-lists.sm,.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}
.flex{display:flex}
embed,iframe,object{max-width:100%;display:block}
.sp-layout{display:none!important}
.banner-lists li a,.btn-comment,.btn-detail,.btn-entry,.modal-close,.opac,.opac-regular,.sns-lists li a{display:block}
.ti-reset{overflow:visible;white-space:normal;text-indent:0;background:0 0}
.container.lg{width:1110px}
.container.md{width:1090px}
.container.sm{width:1010px}
.text-lg,.text-sm,.text-xs{max-height:100%;margin:auto}
.text-lg{font-size:21px}
.text-sm{font-size:16px}
.text-xs{font-size:14px}
.opac:hover{-webkit-animation:backToOpac1 1s linear 0s;animation:backToOpac1 1s linear 0s}
@-webkit-keyframes backToOpac1{0%{opacity:.4}
100%{opacity:1}
}
@keyframes backToOpac1{0%{opacity:.4}
100%{opacity:1}
}
.banner-lists li a:hover,.btn-comment:hover,.btn-detail:hover,.btn-entry:hover,.modal-close:hover,.opac-regular:hover,.sns-lists li a:hover{opacity:.8;-webkit-transition:all .4s;transition:all .4s}
.full-elm{width:640px;margin-left:-20px;padding-left:20px;padding-right:20px}
a.disable{cursor:default;opacity:.8}
a.disable:hover{opacity:.8;-webkit-animation:none;animation:none}
.js-modal-tgt{display:none}
.js-modal-tgt.show{display:block;position: fixed;top: 0;right: 0;left:0;bottom:0;}
.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-wrap{opacity:0;z-index:1050}
.modal-overlay{background:rgba(253,87,157,.48);z-index:0}
.modal-content{position:absolute;z-index:10;background:rgba(253,87,157,1);width:800px;max-width:94%;margin:0 auto;padding:50px 35px;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 h3{font-size:30px;text-align:center;margin-bottom:25px}
.modal-content p{font-size:18px;line-height:1.7}
.modal-content iframe{background:#fff;padding:1em}
.modal-close{width:61px;height:61px;background-image:url(../img/btn_close.png);position:absolute;top:-61px;right:-61px}
.pagetop:hover .trg-scroll-top{-webkit-animation:rotateY .25s cubic-bezier(.165,.84,.44,1) 0s;animation:rotateY .25s cubic-bezier(.165,.84,.44,1) 0s}
.trg-scroll-top{width:168px;height:120px;background-image:url(../img/pagetop.png)}
@-webkit-keyframes rotateY{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
25%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}
50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
75%{-webkit-transform:rotateY(-270deg);transform:rotateY(-270deg)}
100%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}
}
@keyframes rotateY{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
25%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}
50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
75%{-webkit-transform:rotateY(-270deg);transform:rotateY(-270deg)}
100%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}
}
@-webkit-keyframes move{0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
25%,75%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@keyframes move{0%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
25%,75%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@-webkit-keyframes scale{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{-webkit-transform:scale(1.025);transform:scale(1.025)}
75%{-webkit-transform:scale(.975);transform:scale(.975)}
100%{-webkit-transform:scale(1.01);transform:scale(1.01)}
}
@keyframes scale{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{-webkit-transform:scale(1.025);transform:scale(1.025)}
75%{-webkit-transform:scale(.975);transform:scale(.975)}
100%{-webkit-transform:scale(1.01);transform:scale(1.01)}
}
.background,.bg-check,.bg-drop,.bg-star,.bg-stripe,.content.character,.content.event,.content.pudding,.footer,.header,.information-box>dl>dt,.progress{background-repeat:repeat;background-position:left top}
.bg-drop{background-image:url(../img/bg_drop.jpg)}
.bg-star,.content.character,.content,.content.news,.progress{background-image:url(../img/bg_info.jpg)}
#event{background: url(../img/bg_info.jpg) top}
.content.news{background: url(../img/bg_news.jpg) no-repeat center top;background-size:100%}
.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.type-blue,.content.pudding.header,.header,.type-blue.content.pudding,.type-blue.footer{background-image:url(../img/nav-bg.png);background-repeat-y: no-repeat;}
.bg-stripe.type-yellow,.content.pudding,.type-yellow.footer,.type-yellow.header{background-image:url(../img/bg_stripe_yellow.jpg)}
.bg-stripe.type-green,.content.pudding.footer,.footer,.type-green.content.pudding,.type-green.header{background-image:url(../img/bg_footer.png)}
.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}
/*.title-box*/
.title-section.news{height: 65px;background: url(../img/ttl_news.png) no-repeat center;}
.title-section.story{height: 65px;background: url(../img/ttl_story.png) no-repeat center;}
.title-section.character{background: url(../img/ttl_info.png) no-repeat center;}
.title-section.music{height: 65px;margin-bottom: 40px;background: url(../img/ttl_music.png) no-repeat center;}
.title-section.pudding{background: url(../img/ttl_info.png) no-repeat center;}
.title-section.event{padding: 80px 45px;background: url(../img/ttl_info.png) no-repeat center;}
.title-section.staff{height: 65px;margin-bottom: 33px;background: url(../img/ttl_staff.png) no-repeat center;}
.dl-table{display:table;width:100%}
.dl-table>*{display:table-cell}
.border-box{width:980px}
.border-box .inner{min-height:155px}
.border-box:after,.border-box:before{width:100%;display:block}
.border-box.pink .inner{padding:30px 50px;background:url(../img/bg_box_pink_rep.png) left top}
.border-box.pink:after,.border-box.pink:before{height:34px}
.border-box.pink:before{background:url(../img/bg_box_pink_top.png) left top}
.border-box.pink:after{background:url(../img/bg_box_pink_btm.png) left top}
.border-box.green .inner{padding:20px 50px;background:url(../img/bg_box_green_rep.png) left top}
.border-box.green:after,.border-box.green:before{height:37px}
.border-box.green:before{background:url(../img/bg_box_green_top.png) left top}
.border-box.green:after{background:url(../img/bg_box_green_btm.png) left top}
.information-box{padding: 15px 30px 20px;margin-top:10px;width:980px;background-color: rgba(253,87,157,0.8);border-radius: 15px;}
.information-box>dl{position:relative;z-index:0}
.information-box>dl:before{width:75px;height:64px;background-image:url(../img/icon_information.png);position:absolute;top:0px;left:0px;z-index:1}
.information-box>dl>dt{border-radius:25px 25px 0 0;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO",HGMaruGothicMPRO;}
.information-box>dl>dd .text,.news-lists dd{font-size:18px;font-weight:700}
.information-box>dl>dt:before{height:3px;bottom:5px;background-color:#fff}
.information-box>dl>dt:after{height:5px;bottom:0;background-color:#9bd5e3}
.information-box>dl>dd .text{font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#58554f;line-height:1.8}

.information-box>dl>dd .info-txt{padding: 28px 0 55px;font-size:16px;font-weight:600;border-top: dotted 3px #fff;border-bottom: dotted 3px #fff;color: #fff;}
.information-box>dl>dd .info-txt em{font-size: 17px;}
.information-box .date {font-size: 0;}
.information-box .date p{width: 25%;padding:20px 0 0; display: inline-block;font-size:16px;font-weight:600;color: #fff;vertical-align: top;}
.information-box .date p:last-child{width: 49%;}
.information-box .dot_top {border-top: dotted 3px #fff;}
.information-box .dot_bottom {padding-bottom: 20px; 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: 435px;height: 43px;background: url(../img/btn_info.png) no-repeat;}
.news-lists dd,.news-lists dd h3{font-family:"NotoSansCJKjpBlack"!important;}
.information-blocks .block:not(:first-child){margin-top:45px}
.information-blocks .block p:not(:first-child){margin:1em 0}
dl.line-dot-bl{position:relative;padding:20px 0;margin:1em 0}
dl.line-dot-bl:after,dl.line-dot-bl:before{width:100%;height:7px;background-image:url(../img/line_dot_bl.png);background-repeat:repeat;position:absolute;left:0}
dl.line-dot-bl:before{top:0}
dl.line-dot-bl:after{bottom:0}
.btn-detail{width:200px;height:32px;background-image:url(../img/btn_detail.png)}
.btn-comment{display: inline-block;width:306px;height:58px;cursor: pointer;}
.btn-entry{width:300px;height:52px}
.btn-comment{background-image:url(../img/btn_comment.png);}
.btn-entry{background-image:url(../img/btn_entry.png);margin:0 auto}
.btn-entry.part1{background-image:url(../img/btn_entry_part1.png)}
.btn-entry.part2{background-image:url(../img/btn_entry_part2.png)}
.banner-lists.sm{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.header .container,.sns-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}
.banner-lists.sm li{width:340px}
.banner-lists.sm li:not(:nth-child(3n+1)){margin-left:18px}
.banner-lists.sm li:not(:nth-child(-n+3)){margin-top:18px}
.product-lists,.staff-lists li:not(:first-child){margin-top:30px}
.sns-lists{display:flex}
.sns-lists li:not(:first-child){margin-left:10px}
.sns-lists li a{width:82px;height:59px;background-image:url(../img/btns_sns.png)}
.sns-lists li a.facebook{background-position:left top}
.sns-lists li a.twitter{background-position:-92px top}
.news-lists li{margin-bottom: 30px; padding:0 0 20px;line-height:1.5;border-bottom:dotted 3px #fff;}
.news-lists li a{color:#fffc00}
.news-lists li .anchor{color:#fff; font-family: "NotoSansCJKjpBlack"!important;}
.news-lists li a:hover{text-decoration:underline;}
.news-lists .dl-table{table-layout:fixed}
.news-lists .date{width:150px;color:#fffc00}
.news-lists .title{color:#fff}
.staff-lists li h3{font-size:30px;color:#fff6bd;margin-bottom:5px;line-height:1}
.product-lists li,.staff-lists li p{font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:700;color:#fff}
.staff-lists li h3 span{font-size:25px;display:inline-block;margin-right:1em}
.staff-lists li p{font-size:18px}
.product-lists li,.product-lists li span{font-size:20px;display:inline-block}
.product-lists li{width:100%}
.product-lists li span:not(:first-child){margin-left:2em}
.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:110px}
.contents{min-height:500px}
.contents .content{min-height:300px;padding-bottom:120px}
.header{margin-bottom:0;height:139px}
.header .container{display:flex;position:relative;z-index:50}
.bx-pager,.header .hnav-lists{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}
.header .center{width:215px}
.header .logo{height:115px;background-image:url(../img/logo_header.png);background-size: contain;background-position: center; margin:0 auto}
.header .hnav-txt{height: 30px;padding: 22px 0 20px;background:url(../img/nav_text.png) no-repeat center right;}
.header .hnav-lists{display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.header .hnav-lists li{margin-left: 17px;}
.header .hnav-lists a{background-image:url(../img/nav_off.png)}
.header .hnav-lists a.story{width:115px;height:60px;background-position:21px}
.header .hnav-lists a.character{width:184px;height:60px;background-position:-115px}
.header .hnav-lists a.music{width:128px;height:60px;background-position:-318px}
.header .hnav-lists a.pudding{width:100px;height:60px;background-position:-456px}
.header .hnav-lists a.event{width:90px;height:60px;background-position:-569px}
.header .hnav-lists a.staff{width:113px;height:60px;background-position:-677px}
.header .hnav-lists a:hover{background-image:url(../img/nav_on.png)}
.header .hnav-lists a.story:hover{width:115px;height:60px;background-position:-55px;}
.header .hnav-lists a.character:hover{width:184px;height:60px;background-position:-191px}
.header .hnav-lists a.music:hover{width:128px;height:60px;background-position:-393px}
.header .hnav-lists a.pudding:hover{width:100px;height:60px;background-position:-531px}
.header .hnav-lists a.event:hover{width:90px;height:60px;background-position:-645px}
.header .hnav-lists a.staff:hover{width:113px;height:60px;background-position:-752px}

.footer:before,.header:after{background-repeat:repeat;background-position:center top}
.footer{margin-top: -30px;padding:100px 0 30px;position:relative;z-index:10}
.footer .container .banner-lists li{width: 50%;}
.footer .container .banner-lists li img {width: 95%;}
.footer .container .banner-lists li:nth-child(odd){float: left;text-align: left;}
.footer .container .banner-lists li:nth-child(even){float: right;text-align: right;}
.footer .container .sns-lists{margin-top: 20px;justify-content: center;align-items: center;}
.footer .copy{width:233px;height:16px;background-image:url(../img/copy.png);margin:30px auto 0}
.footer:after,.footer:before{content:"";position:absolute;min-width:1110px}
.progress{position:fixed;width:100%;height:100%;z-index:50;background-position:center center}
.mainvisual,.mainvisual .container{position:relative}
.progress .bar{width:0;height:1px;background-color:#868686}
.progress .percentage{color:#363636;margin-top:10px;text-align:center;letter-spacing:1px}
.progress .bar,.progress .percentage{display:none}
.progress .inner{width:268px;height:271px;background-image:url(../img/loading.gif)}
.mainvisual .link-premium{width:391px;height:265px;background-image:url(../img/link_premium.png);position:absolute;left:0;bottom:-230px;z-index:10}
.mainvisual .link-premium:hover{opacity: 0.9;}
.content.news{padding:135px 0}
.content.news .title-section{top:0;margin-bottom:30px}
.content.news .container{position:relative}
.content.news .sns-lists{position:absolute;top:-145px;right:0}
.content.news .list-block{font-family: 'Noto Serif', serif!important;padding:38px 40px 8px;background-color: rgba(8,112,177,0.8);border-radius: 15px;}
.content.news .banner-lists{margin-top:40px}
.content.story{padding: 43.5vw 0 10vw;background:url(../img/bg_story.jpg) center top no-repeat;background-size:cover}
.content.story .container p{width:750px;margin:50px auto 0;font-size: 20px;line-height:50px;color: #fff;white-space: normal;text-indent:0%;text-shadow:0px 2px 1px #6163ab;}
/*.content.story .story-contents*/
.photo-pr{width:100%;padding-top:28%;background:url(../img/story_image.jpg) center top no-repeat;background-size:cover}
.content.character {padding-bottom: 0; background: #fff;}
.content.character .container{width:100%;height:84vw;margin:0 auto;padding: 0;}
.content.character .title-box{display: none;}
.chara-slider li .main{height:540px;background-repeat:no-repeat;background-position:left top;position:relative}
.chara-slider li .profile{margin-top:40px;margin-left:auto}
.chara-slider li .profile dl:after{content:"";width:111px;height:35px;background-image:url(../img/title_cv.png);position:absolute;top:15px;left:15px;z-index:2}
.chara-slider li .profile dd{min-height:210px}
.chara-slider li .profile dd.has-comment{padding-bottom:100px}
.chara-slider li .profile dd.has-thumb{position:relative;padding-right:254px}
.chara-slider li .profile dd.has-thumb:after{content:"";width:195px;height:195px;position:absolute;top:-75px;right:30px}
.chara-slider li .profile dd.has-thumb .wrap-btn-comment{width:auto;left:220px;right:auto}
.chara-slider li .wrap-btn-detail{position:absolute;left:5%;bottom:13%}
.chara-slider li .wrap-btn-comment{position:absolute;width:100%;bottom:45%;left:32%;}
.chara-slider li.go-chan .main{background-image:url(../img/_slider/go-chan.jpg)}
.chara-slider li.moco .main{background-image:url(../img/_slider/moco.jpg)}
.chara-slider li.kin .main{background-image:url(../img/_slider/kin.jpg)}
.chara-slider li.kamo .main{background-image:url(../img/_slider/kamo.jpg)}
.chara-slider li.moffun .main{background-image:url(../img/_slider/moffun.jpg)}
.chara-slider li.tamarin .main{background-image:url(../img/_slider/tamarin.jpg)}
.chara-slider li.chibe .main{background-image:url(../img/_slider/chibe.jpg)}
.chara-slider li.aramizu .main{background-image:url(../img/_slider/aramizu.jpg)}
.chara-slider li.odayama .main{background-image:url(../img/_slider/odayama.jpg)}
.chara-slider li.katsunuma .main{background-image:url(../img/_slider/katsunuma.jpg)}
.chara-slider li.takeda .main{background-image:url(../img/_slider/takeda.jpg)}
.chara-slider li.other .main{background-image:url(../img/_slider/other.jpg)}
.bx-wrapper{position:relative;min-width: 1080px;}
.bx-viewport{width:1050px;margin:0 auto;top: 100%; left: 50%; transform: translate(-50%, 0);}
.bx-pager{width: 1614px;height: 931px;margin: 0 auto; position:relative;background-image:url(../img/_slider/map.png);background-size:contain;background-repeat: no-repeat; background-position: center}
.bx-pager .bx-pager-item:not(:first-child){margin-left:21px}
.bx-pager .bx-pager-item .bx-pager-link{position:relative;top:0}
.bx-pager .bx-pager-item .bx-pager-link:hover{top:-5px;-webkit-transition:top .4s;transition:top .4s}
.bx-pager .bx-pager-link{width:100%;height:100%;cursor: pointer;}

.bx-pager .bx-pager-item:nth-child(1) {width: 184px;height:254px; position: absolute;top: 38%; left: 40%;}
.bx-pager .bx-pager-item:nth-child(2) {width: 67px;height:453px; position: absolute;top: 17%; left: 52%;}
.bx-pager .bx-pager-item:nth-child(3) {width: 88px;height:122px; position: absolute;top: 50%; left: 27%;}
.bx-pager .bx-pager-item:nth-child(4) {width: 140px;height:132px; position: absolute;top: 31%; left: 14%;}
.bx-pager .bx-pager-item:nth-child(5) {width: 97px;height:102px; position: absolute;top: 30%; left: 32%;}
.bx-pager .bx-pager-item:nth-child(6) {width: 108px;height:184px; position: absolute;top: 9%; left: 26%;}
.bx-pager .bx-pager-item:nth-child(7) {width: 127px;height:145px; position: absolute;top: 70%; left: 16%;}
.bx-pager .bx-pager-item:nth-child(8) {width: 71px;height:269px; position: absolute;top: 56%; left: 65%;}
.bx-pager .bx-pager-item:nth-child(9) {width: 86px;height:324px; position: absolute;top: 47%; left: 75%;}
.bx-pager .bx-pager-item:nth-child(10) {width: 66px;height:269px; position: absolute;top: 7%; left: 76%;}
.bx-pager .bx-pager-item:nth-child(11) {width: 87px;height:247px; position: absolute;top: 12%; left: 62%;}
.bx-pager .bx-pager-item:nth-child(12) {width: 126px;height:89px; position: absolute;top: 79%; left: 49%;}
@media screen and (max-width:1614px){
.bx-pager{width: 100%;min-width: 1080px; height:57vw;min-height: 615px;}
.bx-pager .bx-pager-item:nth-child(1) {width: 11vw;height:16vw;min-width: 118px;min-height: 172px; position: absolute;top: 38%; left: 40%;}
.bx-pager .bx-pager-item:nth-child(2) {width: 6vw;height:28vw;min-width: 64px;min-height: 302px; position: absolute;top: 17%; left: 51%;}
.bx-pager .bx-pager-item:nth-child(3) {width: 8vw;height:10vw;min-width: 86px;min-height: 108px; position: absolute;top: 48%; left: 26%;}
.bx-pager .bx-pager-item:nth-child(4) {width: 9vw;height:10vw;min-width: 97px;min-height: 108px; position: absolute;top: 31%; left: 13%;}
.bx-pager .bx-pager-item:nth-child(5) {width: 8vw;height:8vw;min-width: 86px;min-height: 86px; position: absolute;top: 27%; left: 31%;}
.bx-pager .bx-pager-item:nth-child(6) {width: 7vw;height:12vw;min-width: 75px;min-height: 129px; position: absolute;top: 8%; left: 25%;}
.bx-pager .bx-pager-item:nth-child(7) {width: 9vw;height:10vw;min-width: 97px;min-height: 108px; position: absolute;top: 69%; left: 15%;}
.bx-pager .bx-pager-item:nth-child(8) {width: 5vw;height:17vw;min-width: 54px;min-height: 183px; position: absolute;top: 55%; left: 64%;}
.bx-pager .bx-pager-item:nth-child(9) {width: 6vw;height:19vw;min-width: 64px;min-height: 205px; position: absolute;top: 47%; left: 74%;}
.bx-pager .bx-pager-item:nth-child(10) {width: 6vw;height:16vw;min-width: 64px;min-height: 172px; position: absolute;top: 7%; left: 74%;}
.bx-pager .bx-pager-item:nth-child(11) {width: 7vw;height:15vw;min-width: 75px;min-height: 162px; position: absolute;top: 12%; left: 61%;}
.bx-pager .bx-pager-item:nth-child(12) {width: 9vw;height:6vw;min-width: 97px;min-height: 64px; position: absolute;top: 79%; left: 48%;}
}


.bx-controls-direction {position: absolute;top: 100%;left: 50%;transform: translate(-50%, 0);width: 1050px;height: 540px;font-size:0;pointer-events: none;}
.bx-next {width: 61px;height: 62px;display: block;background-image: url(../img/btn_next.png);position: absolute;top:48%;right:-4%;z-index: 20;pointer-events: auto;}
.bx-prev {width: 61px;height: 62px;display: block;background-image: url(../img/btn_prev.png);position: absolute;top:48%;left:-4%;z-index: 20;pointer-events: auto;}
.bx-next:hover, .bx-prev:hover{opacity: 0.8}
.content.music{padding:80px 0 100px;background:url(../img/bg_music.jpg) center top no-repeat;background-size:cover}
.content.music .border-box .inner{padding-bottom:23px}
.content.music .thumb-box{position: relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content.music .thumb-box .image{position: absolute;margin-top:25px;margin-right:25px;width:390px;height:245px;background-image:url(../img/music_photo.jpg)}
.content.music .thumb-box .texts{margin-left: 30%;padding: 140px 0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background: url(../img/music_text-box.png) no-repeat center;}
.content.music .thumb-box .texts h3{margin-top: -60px; text-align: center;font-size: 30px;color:#fff;font-weight: bold;text-indent: 0%;}
.content.music .thumb-box .texts dt{text-align: center;color:#fff;font-weight: bold;font-size: 24px;}
.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:29px;line-height:1.8}
.content.music .thumb-box .texts dd p {width: 415px;margin: 0 auto;text-align: left;color:#fff;font-size: 16px}
.content.music .thumb-box .texts dt span{font-size:18px}
.content.event .information-lists,.content.music .thumb-box .texts dd{font-size:18px;font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-weight:700}
.content.musicvideo{position: relative;min-height: 280px;}
.content.musicvideo:before{position: absolute;display: block;width: 100%;height: 620px;top: -330px;left: 0; content:"";background:url(../img/bg_musicvideo.png) center top no-repeat;background-size:cover}
.content.musicvideo .container{position: relative; width: 980px;margin: 0 auto;}
.content.musicvideo .container .musicvideo-ttl{position: absolute; top: -130px; left: -50px; width: 469px; height: 55px;background: url(../img/ttl_musicvideo.png);z-index: 2}
.content.musicvideo .container .musicvideo-ttl p {width: 395px;padding-top: 70px;font-size: 18px;font-weight: bold;color: #3b3b3b;line-height: 30px;}
.content.musicvideo .container .musicvideo-image{position: absolute; top: -145px; right: 0; width: 625px; height: 350px;z-index: 1;}

.content.event .information-lists{color:#58554f;line-height:1.7;letter-spacing:2px}
.content.event .information-lists>li:not(:first-child){margin-top:40px}
.content.event .information-lists a{color:#ff7d8f}
.content.event .information-lists a:hover{text-decoration:none;color:#ffa5b7}
.content.event .information-lists .c img{max-width:331px}
.content.event .information-lists .notice h4:before{content:"■"}
.content.event .information-lists .notice .dot-lists{margin-top:.5em}
.content.event .information-lists .notice .dot-lists li{font-size:14px}
.content.event .list-inline>li{display:inline-block}
.content.event .list-inline>li:not(:first-child){margin-left:.5em}
.content.event .wrap-btn-entry{margin:15px auto 60px}
.content.staff{background:url(../img/bg_staff.jpg) center top no-repeat;background-size:cover;padding:80px 0 0}
.content.staff:after{content:"";display: block;width:100%;height:22vw;background-image:url(../img/footer_characters.png);background-size: cover;}
.content.staff .staff-box{margin-bottom: 35px;padding: 50px 45px 70px;background-color: rgba(107,182,225,0.8);border-radius: 15px;}
.content.staff .staff-box h3 {margin-bottom: 10px; color: #fffc00; font-size: 24px;font-weight: bold;}
.content.staff .staff-box h3.director {display: inline-block; width: 49%;}
.content.staff .staff-box h3.mb8 {margin-left: 70px;}
.content.staff .staff-box h3 span{padding-right: 30px;font-size: 18px;}
.content.staff .staff-box p{margin-bottom: 40px; color: #fff; font-size: 18px;line-height: 30px;}
.content.staff .voice-actors{margin-top:30px}
.content.staff .voice-actors dl{font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:20px;font-weight:700;color:#fff}
.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 li:not(:nth-child(4n+1)){margin-left:20px}
.information-blocks{margin-bottom:40px}
.information-blocks .thx{font-size:20px}
.content.event .information-lists .c .img-event-goods{max-width:500px}
.content.event .information-lists .information-box dt{padding-top:13px}
.content.event .information-lists .information-box dt>h3{padding: 0 0 16px 80px;font-size:26px;color: #fffc00}
.inner-tbl thead th{font-size:22px;color:#f36784;text-align:left}
.inner-tbl tbody tr{background:url(../img/line_dot_bl.png) left bottom repeat-x;background-size:10px}
.inner-tbl tbody tr td{padding:.8em 0 1em}
.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:11.5px}
.inner-tbl tbody tr.noborder+tr td,.inner-tbl tbody tr.noborder+tr th{padding-top:0}
.information-box .image-lists{width:100%;display:inline-block;font-size:0}
.information-box .image-lists>li{font-size:14px;width:50%;display:inline-block;vertical-align:top}
.information-box .image-lists>li:not(:first-child){width:48.3%;margin-left:1.3%}
.information-box .to-main{text-align:right;margin-top:1em}
.information-box .block.c img.img-event-report{max-width:600px}
li.report .information-blocks .block:first-child{margin-top:40px}
.content.staff .voice-actors dd .actor-lists{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;margin-left:-20px;display:table}
.content.staff .voice-actors dd .actor-lists>li{display:inline-block;margin-left:20px}
.content.staff .voice-actors dd .actor-lists>li small{font-size:15px}
.content.staff .voice-actors dd .production-staff-lists{display:table;margin-left:-20px}
.content.staff .voice-actors dd .production-staff-lists>li{font-size:16px;display:inline-block;margin-left:20px}

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

.btn-box {
  text-align: center;
  margin-top: 30px;
}


.btn-box a{
    margin: 0 auto;
    display: inline-block;
    min-width: 300px;
}


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