@charset "UTF-8";/*! normalize.css v2.1.3 | MIT License | git.io/normalize */a,a *,a:active,a:hover{outline:0}img,legend{border:0}img,textarea{vertical-align:top}body,mark{color:#000}body,html{-webkit-text-size-adjust:100%}#onpu div,#onpu div img{-webkit-backface-visibility:hidden}#site-footer .pagetop a::after,.character-list .item::after,.loading-box::after{content:''}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%}body,figure{margin:0}a{background:0 0;-webkit-tap-highlight-color:transparent}a:focus{outline:dotted thin}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}hr{box-sizing:content-box;height:0}mark{background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver}button,input,select,textarea{font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}li{list-style:none}div,h1,h2,h3,h4,h5,h6,li{box-sizing:border-box}.fn{font-weight:400!important}.fb{font-weight:700!important}.list1{margin:0 0 0 1.3em}.list1 li{line-height:1.6}ol.list1 li{list-style:decimal}ul.list1 li{list-style:disc}span.inb{display:inline-block}.mo-ttl-1 .ttl-1 span,.mo-ttl-1 i{display:block}#carousel{visibility:hidden}.scroll_animation{opacity:0;transition:all 1.4s ease-out}.scroll_animation.scale-up{-webkit-transform:scale(.8);transform:scale(.8)}.scroll_animation.slide-top{-webkit-transform:translate(0,50px);transform:translate(0,50px)}.scroll_animation.slide-right{-webkit-transform:translate(50px,0);transform:translate(50px,0);transition-delay:.4s}.scroll_animation.slide-left{-webkit-transform:translate(-50px,0);transform:translate(-50px,0);transition-delay:.4s}.scroll_animation.delay1{transition-delay:.4s}.scroll_animation.delay2{transition-delay:.8s}.scroll_animation.delay3{transition-delay:1.2s}.scroll_animation.scrollin{opacity:1;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}.scroll_animation.roll{opacity:1}.scroll_animation.roll .data,.scroll_animation.roll .ico,.scroll_animation.roll .ttl-2{opacity:0}.scroll_animation.roll .ico{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all 1.8s ease-out}.scroll_animation.roll .ttl-1 span:nth-child(2) img,.scroll_animation.roll .ttl-2{transition:all .2s ease-out;transition-delay:.7s}.scroll_animation.roll .data{-webkit-transform:translate(0,50px);transform:translate(0,50px);transition:all .4s ease-out;transition-delay:1.5s}.scroll_animation.roll.scrollin .data,.scroll_animation.roll.scrollin .ico,.scroll_animation.roll.scrollin .ttl-2{opacity:1;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}.scroll_animation.roll.scrollin .ttl-1 span:nth-child(2) img{bottom:0}.scroll_animation .ttl-1.typo path{opacity:0}@-webkit-keyframes scale{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes scale{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes knock{0%{-webkit-transform:translateY(1em);transform:translateY(1em)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes knock{0%{-webkit-transform:translateY(1em);transform:translateY(1em)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.mo-ttl-1{text-align:center}.mo-ttl-1 i{margin-bottom:1.8em}#character,#introduction{margin-bottom:11em}.mo-ttl-1 .ttl-1 span+span{margin-top:.6em;position:relative;height:81px;overflow:hidden}.mo-ttl-1 .ttl-1 span+span img{position:absolute;bottom:-100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mo-ttl-1 .ttl-2{margin-top:1.5em}html{font-size:62.5%}body{font-family:YuGothic,"Yu Gothic",Meiryo,sans-serif;font-size:1.6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .4s ease-in;overflow-x:hidden;overflow-y:hidden}body dd,body dt,body li,body p,body td,body th{line-height:1.8}.section1{padding-top:2em}.section1 .data{margin-top:3.5em}#contents{position:relative;z-index:3}.svg-base{position:absolute;width:0;height:0}#site-footer{position:relative;z-index:5;background-color:#000;padding:5em 3em;color:#fff;font-family:Roboto,sans-serif;font-weight:700;letter-spacing:.5px}#site-footer a{color:#fff;text-decoration:none;font-size:2.3rem;margin:.5em 1em .5em 0;display:inline-block}#site-footer a:last-child{margin-right:0}#site-footer .box{display:table;width:100%}#site-footer .box>div,#site-footer .box>nav{display:table-cell;vertical-align:middle}#site-footer .box nav{padding-left:2%}#site-footer .box div{text-align:right;white-space:nowrap}#site-footer .box img{height:120px}#site-footer .footer-title{position:absolute;top:2em;left:2em;text-align:right;font-size:1.2rem;line-height:1.5}#introduction .data,#movie .data,#site-footer .pagetop a,.comment-item .txt-ft,.sunadokei{text-align:center}#site-footer .footer-copy{position:absolute;bottom:2em;left:2em}#site-footer .pagetop{position:fixed;bottom:10px;right:10px;opacity:0}#site-footer .pagetop.show{opacity:1}#site-footer .pagetop.static{position:absolute;top:-100px}#site-footer .pagetop a{font-weight:500;font-size:1.2rem;color:#000;display:block;width:100px;height:100px;position:relative;padding-top:60px;box-sizing:border-box}#site-footer .pagetop a::after{position:absolute;top:0;left:0;width:70px;height:70px;border-top:1px solid #000;border-left:1px solid #000;-webkit-transform:rotate(45deg) translate(15px,-20px);transform:rotate(45deg) translate(15px,-20px);-webkit-transform-origin:0 50%;transform-origin:0 50%}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9999;transition:all .5s ease-in}.loading-box{max-width:346px;width:98%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#eee;overflow:hidden;opacity:0}.loading-box img{width:100%;position:relative;z-index:2}.background-wrap,.loading-box::after{width:100%;position:absolute;left:0;top:0}.loading-box::after{z-index:1;background-color:#000;display:block;height:100%;transition:all 1s ease-out;-webkit-transform:translateY(-100%);transform:translateY(-100%)}body.ready .loading-box{opacity:1}body.ready .loading-box::after{-webkit-transform:translateY(0);transform:translateY(0)}body.load #loading{opacity:0}body.complate{overflow-y:auto}body.complate #loading{z-index:-1}.background-wrap{height:calc(220px * 10);overflow:hidden}#background{position:fixed;top:0;left:50%;-webkit-transform:translate3d(0,0,0) translateX(-50%);transform:translate3d(0,0,0) translateX(-50%);width:calc(220px * 10);height:100%;z-index:1}#background .box{height:220px;position:relative}#background .item{position:absolute;top:0;display:block;width:calc(220px * 1);height:calc(220px * 1);transition:all 1.5s ease;overflow:hidden}#background .item svg{width:calc(220px * 2);height:calc(220px * 2);position:absolute;transition:all .5s ease}#clock ul,#onpu,#onpu div{height:100%}#background.blue .item svg{fill:#2341ed}#background.pink .item svg{fill:#f041a0}#background .tl{-webkit-transform-origin:bottom right;transform-origin:bottom right}#background .tl svg{top:0;left:0}#background .tl::after{background-position:0 0}#background .tr{-webkit-transform-origin:bottom left;transform-origin:bottom left}#background .tr svg{top:0;left:-220px}#background .tr::after{background-position:100% 0}#background .bl{-webkit-transform-origin:top right;transform-origin:top right}#background .bl svg{bottom:0;left:0}#background .bl::after{background-position:0 100%}#background .br{-webkit-transform-origin:top left;transform-origin:top left}#background .br svg{bottom:0;left:-220px}#background .br::after{background-position:100% 100%}#background .pos-1{left:0}#background .pos-2{left:220px}#background .pos-3{left:calc(220px * 2)}#background .pos-4{left:calc(220px * 3)}#background .pos-5{left:calc(220px * 4)}#background .pos-6{left:calc(220px * 5)}#background .pos-7{left:calc(220px * 6)}#background .pos-8{left:calc(220px * 7)}#background .pos-9{left:calc(220px * 8)}#background .pos-10{left:calc(220px * 9)}#clock{position:absolute;top:30px;left:30px;width:54px;z-index:4}#clock ul{display:table}#clock ul li{display:table-row}#clock ul li span{display:table-cell;vertical-align:top}#clock ul li svg{width:54px;height:22px}#onpu div{z-index:2;position:fixed;top:0;left:0;width:100%;backface-visibility:hidden}#onpu div img{position:absolute;backface-visibility:hidden}@media screen and (min-width:1921px){.background-wrap{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:50% 0;transform-origin:50% 0}}#introduction .data img:last-child{display:none}#visual{position:relative;width:100%}#main_chara{padding-bottom:11%;position:relative;z-index:2}#main_chara .layer,.logo-1,.soiree,.sunadokei{position:absolute}#main_chara img{width:120%}.logo-1{top:3em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.logo-1 img{width:300px;height:300px}.soiree,.soiree img,.sunadokei{width:100%}.sunadokei{top:-80px;left:50%;-webkit-transform:translateX(-40%);transform:translateX(-40%);z-index:1}.sunadokei img{width:100%;max-width:1800px}.soiree{top:500px;left:0;z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}#character .data{margin-top:2em}.character-item{max-width:1200px;width:1200px;height:1200px;position:relative}.character-item .circle{position:absolute;top:50%;left:50%;width:60%;height:60%;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:40px solid #000;box-sizing:border-box;z-index:0}.character-item img{position:absolute;top:0;left:0;width:100%}.character-item.MJ9_1 .circle{background-color:#ee6d28}.character-item.MJ9_2 .circle{background-color:#cce9ec}.character-item.MJ9_3 .circle{background-color:#e199be}.character-item.MJ9_4 .circle{background-color:#3a3f4f}.character-item.MJ9_5 .circle{background-color:#9eca36}.character-item.MJ9_6 .circle{background-color:#55727d}.character-item.MJ9_7 .circle{background-color:#f2f2f2}.character-item.MJ9_8 .circle{background-color:#fff59a}.character-item.MJ9_9 .circle{background-color:#ca5398}.character-close{display:block;position:absolute;top:300px;right:150px;width:100px;height:100px;border:0;background-color:transparent}.character-close::after,.character-close::before{content:'';position:absolute;top:50%;left:50%;width:60px;height:2px;background-color:#000;margin-left:-30px}.character-close::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.character-close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.character-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1300px;margin:0 auto;position:relative}.character-list .item{width:190px;height:190px;position:relative;margin:2em 1em;border-radius:50%;box-sizing:border-box;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;background-color:#fff;cursor:pointer}#comment,#keywords,#movie{margin-bottom:11em}.character-list .item::after{position:absolute;top:50%;left:0;width:100%;height:100%;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:14px solid #000;box-sizing:border-box;z-index:0}.character-list .item .num{position:absolute;top:-10px;left:-32px;-webkit-transform:scale(.8);transform:scale(.8);z-index:1}.character-list .MJ9_1{background-image:url(../img/chara/MJ9_1-thumb.png)}.character-list .MJ9_2{background-image:url(../img/chara/MJ9_2-thumb.png)}.character-list .MJ9_3{background-image:url(../img/chara/MJ9_3-thumb.png)}.character-list .MJ9_4{background-image:url(../img/chara/MJ9_4-thumb.png)}.character-list .MJ9_5{background-image:url(../img/chara/MJ9_5-thumb.png)}.character-list .MJ9_6{background-image:url(../img/chara/MJ9_6-thumb.png)}.character-list .MJ9_7{background-image:url(../img/chara/MJ9_7-thumb.png)}.character-list .MJ9_8{background-image:url(../img/chara/MJ9_8-thumb.png)}.character-list .MJ9_9{background-image:url(../img/chara/MJ9_9-thumb.png)}#keywords .mo-ttl-1 .ttl-2{margin-top:.5em}.keywords-mobile{display:none}.keywords-wrap{background:url(../img/keywords-line.svg) center no-repeat #000;background-size:cover;width:100%;min-width:1280px;height:560px;overflow:hidden;font-family:'Playfair Display',serif;position:relative}.keywords-txt>div{position:absolute;top:0;left:50%}.keywords-txt>div:nth-child(1){font-size:10.5rem;top:60%;margin-left:-51.2%}.keywords-txt>div:nth-child(2){font-size:16rem;top:-11%;margin-left:-40%}.keywords-txt>div:nth-child(3){font-size:23rem;top:65%;margin-left:-20%}.keywords-txt>div:nth-child(4){font-size:19rem;top:23%;margin-left:0}.keywords-txt>div:nth-child(5){font-size:7rem;top:18%;margin-left:10%}.keywords-txt>div:nth-child(6){font-size:10rem;top:62%;margin-left:18%}.keywords-txt>div:nth-child(7){font-size:16rem;top:-13%;margin-left:24%}.glitch:after,.glitch:before{content:attr(data-text);top:0;color:#1a23e8;overflow:hidden}.keywords-txt .txt{color:#1a23e8;position:relative;white-space:nowrap}.keywords-txt .txt span{display:block}.an-floar{-webkit-animation:horizontal 1s ease-in-out 0s infinite alternate;animation:horizontal 1s ease-in-out 0s infinite alternate}.an-floar span{-webkit-animation:vertical 1s ease-in-out 1s infinite alternate;animation:vertical 1s ease-in-out 1s infinite alternate}@-webkit-keyframes horizontal{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes horizontal{0%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes vertical{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes vertical{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes noise-anim{0%{clip:rect(9px,9999px,91px,0)}5%{clip:rect(9px,9999px,43px,0)}10%{clip:rect(99px,9999px,16px,0)}15%{clip:rect(70px,9999px,5px,0)}20%{clip:rect(89px,9999px,7px,0)}25%{clip:rect(49px,9999px,98px,0)}30%{clip:rect(21px,9999px,62px,0)}35%{clip:rect(95px,9999px,47px,0)}40%{clip:rect(44px,9999px,91px,0)}45%{clip:rect(43px,9999px,55px,0)}50%{clip:rect(73px,9999px,92px,0)}55%{clip:rect(94px,9999px,48px,0)}60%{clip:rect(80px,9999px,47px,0)}65%{clip:rect(90px,9999px,4px,0)}70%{clip:rect(4px,9999px,45px,0)}75%{clip:rect(26px,9999px,70px,0)}80%{clip:rect(84px,9999px,95px,0)}85%{clip:rect(27px,9999px,18px,0)}90%{clip:rect(66px,9999px,90px,0)}95%{clip:rect(62px,9999px,41px,0)}100%{clip:rect(1px,9999px,91px,0)}}@keyframes noise-anim{0%{clip:rect(9px,9999px,91px,0)}5%{clip:rect(9px,9999px,43px,0)}10%{clip:rect(99px,9999px,16px,0)}15%{clip:rect(70px,9999px,5px,0)}20%{clip:rect(89px,9999px,7px,0)}25%{clip:rect(49px,9999px,98px,0)}30%{clip:rect(21px,9999px,62px,0)}35%{clip:rect(95px,9999px,47px,0)}40%{clip:rect(44px,9999px,91px,0)}45%{clip:rect(43px,9999px,55px,0)}50%{clip:rect(73px,9999px,92px,0)}55%{clip:rect(94px,9999px,48px,0)}60%{clip:rect(80px,9999px,47px,0)}65%{clip:rect(90px,9999px,4px,0)}70%{clip:rect(4px,9999px,45px,0)}75%{clip:rect(26px,9999px,70px,0)}80%{clip:rect(84px,9999px,95px,0)}85%{clip:rect(27px,9999px,18px,0)}90%{clip:rect(66px,9999px,90px,0)}95%{clip:rect(62px,9999px,41px,0)}100%{clip:rect(1px,9999px,91px,0)}}.glitch:after{position:absolute;left:2px;text-shadow:-1px 0 #636363;clip:rect(0,900px,0,0);-webkit-animation:noise-anim 2s infinite linear alternate-reverse;animation:noise-anim 2s infinite linear alternate-reverse}@-webkit-keyframes noise-anim-2{0%{clip:rect(90px,9999px,144px,0)}50%{clip:rect(166px,9999px,166px,0)}100%{clip:rect(91px,9999px,262px,0)}}@keyframes noise-anim-2{0%{clip:rect(90px,9999px,144px,0)}50%{clip:rect(166px,9999px,166px,0)}100%{clip:rect(91px,9999px,262px,0)}}.glitch:before{position:absolute;left:-2px;text-shadow:1px 0 #0b17aa;clip:rect(0,900px,0,0);-webkit-animation:noise-anim-2 3s infinite linear alternate-reverse;animation:noise-anim-2 3s infinite linear alternate-reverse}.keywords-sioree svg{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:auto;fill:#fa1eb7}.keywords-sioree path{-webkit-animation:soiree_move 3s ease-in-out infinite;animation:soiree_move 3s ease-in-out infinite}.keywords-sioree path:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.keywords-sioree path:nth-child(3){-webkit-animation-delay:.8s;animation-delay:.8s}.keywords-sioree path:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s}.keywords-sioree path:nth-child(5){-webkit-animation-delay:1.6s;animation-delay:1.6s}.keywords-sioree path:nth-child(6){-webkit-animation-delay:2.2s;animation-delay:2.2s}@-webkit-keyframes soiree_move{0%,100%{opacity:0}50%{opacity:1}}@keyframes soiree_move{0%,100%{opacity:0}50%{opacity:1}}.keywords-line svg{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:auto;height:100%;fill:none;stroke:#fa1eb7;stroke-width:2px}#movie{margin-top:-100px}#comment .data{width:1300px;margin-left:auto;margin-right:auto}#comment .comment-logo 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}#comment .comment-logo li{width:130px;padding-bottom:10px;border-bottom:1px solid #000;position:relative;cursor:pointer}#comment .comment-logo li::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:10px;background:#000;opacity:0;transition:.5s}#comment .comment-logo li img{width:100%;max-width:130px;transition:all .2s ease-in}#comment .comment-logo li:hover img{opacity:.6}#comment .comment-logo li.current::after{opacity:1}#comment .comment-list{font-weight:700;margin-top:35px;position:relative;height:10em}#comment .comment-list .comment-group{width:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;transition:all .2s linear;z-index:-1;opacity:0}#comment .comment-list .comment-group li{min-width:15%;margin:0 0 15px 2%;opacity:0;transition:all .5s ease-out;-webkit-transform:translateY(10px);transform:translateY(10px)}#comment .comment-list .comment-group li:nth-child(6n+1){margin-left:0}#comment .comment-list .comment-group li:nth-child(1){transition-delay:.1s}#comment .comment-list .comment-group li:nth-child(2){transition-delay:.2s}#comment .comment-list .comment-group li:nth-child(3){transition-delay:.3s}#comment .comment-list .comment-group li:nth-child(4){transition-delay:.4s}#comment .comment-list .comment-group li:nth-child(5){transition-delay:.5s}#comment .comment-list .comment-group li:nth-child(6){transition-delay:.6s}#comment .comment-list .comment-group li:nth-child(7){transition-delay:.7s}#comment .comment-list .comment-group li:nth-child(8){transition-delay:.8s}#comment .comment-list .comment-group li:nth-child(9){transition-delay:.9s}#comment .comment-list .comment-group.current{z-index:1;opacity:1}#comment .comment-list .comment-group.current li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#comment .comment-list .comment-btn{cursor:pointer;display:block;border:1px solid #000;text-align:center;white-space:nowrap;background-color:#fff;font-size:2rem;line-height:1.3;border-radius:2.4em;padding:.4em 1em;transition:.2s}#comment .comment-list .comment-btn.current{background-color:#000;color:#fff}.comment-item{font-weight:700;border:15px solid #000;border-radius:50%;background-color:#fff;width:900px;height:900px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.comment-item .txt-ft,.comment-item .txt-mi{position:absolute;font-family:Roboto,sans-serif;font-weight:700}.comment-item .comment-item-box{width:80%;margin:0 auto 50px}.comment-item .txt-mi{right:160px;top:140px}.comment-item .txt-ft{left:0;bottom:80px;width:100%}.comment-item dt{font-size:3.8rem;margin-bottom:1em;line-height:1.3}.comment-item dd .qu{font-weight:400;margin-bottom:.2em}.comment-item dd p+.qu{margin-top:1em}.comment-item .character-close{top:0;right:0}