.character-inner-wrap{width:100%;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7))}.character-inner{padding:0}.character-inner .d-box-title{width:calc(937/1000*100%);height:86px;margin:55px auto 40px;background-image:url(../images/character/d-box-title-character.png?_=20190621);background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:contain;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap}.info-text{color:#000;font-size:25px;margin:25px auto 0;text-align:center}.character-inner.second{padding:0 0 90px}.kanban-wrap{display:flex;align-items:baseline}.kanban{width:calc(360/937*100%);line-height:1;font-size:0;margin:0 auto 20px 0}.kanban img{width:100%}.text{width:calc(100% - 360/937*100%);padding-left:20px;font-size:16px;font-weight:bold;margin:0 auto 20px 0;align-self:flex-end}.chartwrap{margin:0 auto;width:calc(937/1000*100%)}.chartwrap .annex{width:95%;margin:0 auto}.chartwrap ul{display:flex;justify-content:space-between;flex-wrap:wrap}.chartwrap ul li{position:relative;padding:270px 0 0;border:0.5px solid #e5e5e5}.chartwrap ul li:after{content:"";position:relative;background-image:url(../images/character/chart_pattern.gif);opacity:0.6;top:0;left:0;bottom:0;right:0;position:absolute;z-index:1}.chartwrap ul li .cast-contents{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:100%;z-index:2}.chartwrap ul li .img-wrap{display:flex;width:95%;margin:0 auto}.chartwrap ul li .img-wrap.harada{margin:-12px auto 0}.chartwrap ul li .img-wrap.nishino{margin:0 auto}.chartwrap ul li .img-wrap.forth-1{margin:0 auto}.chartwrap ul li .img-wrap.forth-2{margin:0 auto}.chartwrap ul li .img-wrap.forth-3{margin:0 auto}.chartwrap ul li .img-wrap.forth-4{margin:0 auto}.chartwrap ul li .img-wrap.second-1{margin:0 auto}.chartwrap ul li .img-wrap.namase{width:98%}.chartwrap ul li .img-wrap.takenaka{width:98%;margin:0 auto}.chartwrap ul li .img-104-inner{display:flex;width:50%}.chartwrap ul li .img-wrap-inner{display:flex;margin:0 auto;max-width:100%;align-items:baseline}.chartwrap ul li .img-item{width:98px;line-height:1;font-size:0;position:relative}.chartwrap ul li .img-item img{cursor:pointer;width:100%}.chartwrap ul li .img-item img{cursor:pointer;width:100%}.chartwrap ul li .img-item .insta{position:absolute;bottom:27%;right:5px;width:30px}.chartwrap ul li .img-item .insta a{display:block}.chartwrap ul li .img-item .insta img{width:100%}.chartwrap ul li .img-item.floor-303{width:70px;margin:50px auto 0}.chartwrap ul li .img-item.floor-303 img{cursor:default}.chartwrap ul li .img-item.big{width:130px}.chartwrap ul li .img-item.middle{width:107px}.chartwrap ul .cast501{width:25%}.chartwrap ul .cast502{width:25%}.chartwrap ul .cast_old_502{width:50%}.chartwrap ul .cast401{width:16%}.chartwrap ul .cast402{width:52%}.chartwrap ul .cast403{width:16%}.chartwrap ul .cast404{width:16%}.chartwrap ul .cast301{width:14%}.chartwrap ul .cast302{width:35%}.chartwrap ul .cast303{width:12%}.chartwrap ul .cast_old_304{width:25%}.chartwrap ul .cast304{width:14%}.chartwrap ul .cast201{width:35%}.chartwrap ul .cast202{width:15%}.chartwrap ul .cast203{width:35%}.chartwrap ul .cast204{width:15%}.chartwrap ul .cast101{width:12%}.chartwrap ul .cast102{width:22%}.chartwrap ul .cast103{width:22%}.chartwrap ul .cast104{width:44%}.chartwrap ul .castkanri{width:14.6%}.chartwrap ul .castpolice{width:27%}.chartwrap ul .castsecret{width:14.6%}.chartwrap ul .castnurse{width:14.6%}.chartwrap ul .caststalker{width:14.6%}.chartwrap ul .floor{text-align:center;line-height:1;padding:0 0 20px;color:#fff;font-size:30px;font-weight:bold}.chartwrap ul .floor.anex{font-size:19px;padding:0 0 10px}.character-title-area{background-image:url(../images/common/second-title-bg.jpg?_=20190621);background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:cover;overflow:hidden;white-space:nowrap}.character-contents-area{background-image:url(../images/character/character-second-bg.jpg?_=20190621);background-repeat:no-repeat;background-position:top;background-color:#fff;background-size:cover;padding:90px 0 0}.character-deco-line{height:1px;background:#e0e1e2;margin:10px auto;width:95%}.anaban-second .d-box-body{width:calc(937/1000*100%);max-width:937px;margin:0 auto}.chart-popup-area{background:rgba(8,6,6,0.5);position:fixed;width:100%;height:100%;top:0;left:0;z-index:102}.chart-popup-item{opacity:0;display:none;transition:all 0.8s;background-image:url(../images/character/modal-bg.jpg?_=20190621);background-repeat:no-repeat;background-position:top;background-color:#fff;background-size:cover;width:300px;margin:0 auto;top:50%;position:absolute;left:50%;transform:translate(-50%, -50%);border:4px solid #8a8e91;padding:22px 15px}.chart-popup-item .floor-number{color:#fff;font-size:38px;line-height:1;text-align:center;margin:0 auto 25px;font-weight:bold}.chart-popup-item .floor-number.anex{font-size:22px}.chart-popup-item .img-wrap{width:60%;margin:0 auto}.chart-popup-item .img-wrap img{width:100%}.chart-popup-item .text-area{color:#fff;margin:20px auto 90px;position:relative}.chart-popup-item .text-area .rolename{text-align:center;line-height:1;font-size:20px;margin:0 auto 10px;white-space:pre}.chart-popup-item .text-area .comment{padding-bottom:10px;position:relative}.chart-popup-item .text-area .comment.game{margin:32px auto 0;padding:10px 0 10px}.chart-popup-item .text-area .comment.game:after{content:"交換殺人ゲーム参加者";position:absolute;top:-20px;left:-14px;background:#e60011;display:inline-block;color:#000;width:auto;height:20px;font-size:10px;line-height:20px;letter-spacing:1px;text-align:center;font-weight:bold;padding:0 2px}.chart-popup-item .text-area rt{display:none}.chart-popup-item .text-area [data-ruby]{position:relative}.chart-popup-item .text-area [data-ruby]::before{content:attr(data-ruby);position:absolute;top:-13px;left:0;right:0;margin:auto;font-size:0.5em}.chart-popup-item .text-area .left-aligned[data-ruby]::before{left:0;right:auto}.chart-popup-item .text-area .right-aligned[data-ruby]::before{left:auto;right:0}.chart-popup-item .text-area .name{text-align:center;line-height:1;font-size:18px;margin:0 auto 15px}.chart-popup-item .btn-area{display:flex;justify-content:space-between;width:100%;line-height:1;font-size:0;position:absolute;bottom:-60px;left:50%;transform:translate(-50%, 0)}.chart-popup-item .btn-area .prev{width:40%}.chart-popup-item .btn-area .prev img{width:100%;cursor:pointer}.chart-popup-item .btn-area .next{width:40%}.chart-popup-item .btn-area .next img{width:100%;cursor:pointer}.chart-popup-item .close-wrap{position:absolute;top:10px;right:10px;width:22px;line-height:1;font-size:0}.chart-popup-item .close-wrap img{cursor:pointer;width:100%}.chart-popup-item.popup-active{opacity:1;display:block}@media only screen and (min-width: 600px) and (max-width: 870px){.chartwrap ul li .img-item{width:74px}}@media only screen and (max-width: 600px){.character-inner{padding:0}.character-inner .d-box-title{width:100%;height:46px;margin:20px auto 15px;background-image:url(../images/character/d-box-title-character.png?_=20190621);background-repeat:no-repeat;background-position:center;background-color:transparent;background-size:contain;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap}.info-text{font-size:14px;margin:20px auto 0}.character-inner.second{padding:0 0 50px}.character-box-img{width:calc(450/560*100%);padding-top:80.35714%;height:0}.character-contents-area{padding:30px 0 0}.character-second{margin:20px auto 0}.character-name-area{font-size:20px;padding:100px 0 100px}.character-name-area p.first{padding:0 0 30px}.kanban{width:calc(360/600*100%)}.text{width:calc(100% - 360/600*100%);padding-left:10px;font-size:10px}.chartwrap{margin:0 auto;width:100%}.chartwrap .annex{width:100%}.chartwrap ul li{padding:200px 0 0}.chartwrap ul li .cast-contents{top:20px}.chartwrap ul li .floor-number{font-size:28px}.chartwrap ul li .floor-number.anex{font-size:20px}.chartwrap ul li .img-wrap{display:flex;width:95%;margin:0 auto}.chartwrap ul li .img-wrap.harada{margin:-12px auto 0}.chartwrap ul li .img-wrap.nishino{margin:0 auto}.chartwrap ul li .img-wrap.forth-1{margin:0 auto}.chartwrap ul li .img-wrap.forth-2{margin:0 auto}.chartwrap ul li .img-wrap.forth-3{margin:0 auto}.chartwrap ul li .img-wrap.forth-4{margin:0 auto}.chartwrap ul li .img-wrap.second-1{margin:0 auto}.chartwrap ul li .img-wrap.namase{margin:0 auto}.chartwrap ul li .img-wrap.takenaka{width:95%;margin:0 auto}.chartwrap ul li .img-item{width:69px}.chartwrap ul li .img-item img{width:100%}.chartwrap ul li .img-item .insta{bottom:27%;right:3px;width:25px}.chartwrap ul li .img-item .insta img{width:100%}.chartwrap ul li .img-wrap-inner.floor-104{display:block}.chartwrap ul li .img-wrap-inner.floor-402{display:block}.chartwrap ul li .img-104-inner{width:100%;display:flex}.chartwrap ul li .img-item.floor-401{margin:55px auto 0}.chartwrap ul li .img-item.floor-303{width:50px;margin:30px auto 0}.chartwrap ul li .img-item.floor-103{margin:55px auto 0}.chartwrap ul li .img-item.big{width:87px}.chartwrap ul li .img-item.middle{width:77px}.chartwrap ul .cast501{width:50%}.chartwrap ul .cast502{width:50%}.chartwrap ul .cast_old_502{width:100%}.chartwrap ul .cast401{width:27%;padding:315px 0 0}.chartwrap ul .cast402{width:73%;padding:315px 0 0}.chartwrap ul .cast403{width:50%}.chartwrap ul .cast404{width:50%}.chartwrap ul .cast301{width:35%}.chartwrap ul .cast302{width:65%}.chartwrap ul .cast303{width:22%}.chartwrap ul .cast304{width:28%}.chartwrap ul .cast_old_304{width:50%}.chartwrap ul .cast201{width:73%}.chartwrap ul .cast202{width:27%}.chartwrap ul .cast203{width:73%}.chartwrap ul .cast204{width:27%}.chartwrap ul .cast101{width:35%}.chartwrap ul .cast102{width:65%}.chartwrap ul .cast103{width:52%;padding:315px 0 0}.chartwrap ul .cast104{width:48%;padding:315px 0 0}.chartwrap ul .castkanri{width:50%}.chartwrap ul .castpolice{width:100%}.chartwrap ul .castsecret{width:50%}.chartwrap ul .castnurse{width:50%}.chartwrap ul .caststalker{width:100%}.chartwrap ul .floor{padding:0 0 20px;font-size:22px}.character-deco-line{width:100%}.anaban-second .d-box-body{width:100%;max-width:560px}.chart-popup-item{width:75%;min-height:300px;max-height:100%}.chart-popup-item .text-area .rolename.masako{font-size:16px}}@media screen and (max-width: 992px){.chart-popup-item{overflow-y:scroll;width:45%;min-height:300px;max-height:100%;padding:23px 15px}.btn-area{bottom:-84px}}@media only screen and (max-width: 992px) and (max-width: 600px){.chart-popup-item{width:75%}.btn-area{bottom:-60px}}