main{position:relative}@media screen and (min-width: 960px){main>.inner>span{margin-left:max(calc(-571/ 1140 * 100vw),-571px);z-index:190}}main #contentCol .contentBox{padding:min(calc(50 / 1140 * 100%),50px) 0 0}@media screen and (max-width: 959px){main #contentCol .contentBox{overflow:hidden}}@media screen and (min-width: 960px){main #contentCol .contentBox{max-width:1140px}}@media screen and (min-width: 960px){main #contentCol h2.open img{margin-left:min(calc(36 / 1140 * 100vw),36px)}}main .charaArrows{opacity:0;pointer-events:none}@media screen and (max-width: 959px){main .charaArrows{position:absolute;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:0 min(calc(18 / 960 * 100vw),18px);box-sizing:border-box;margin-bottom:min(calc(214 / 960 * 100vw),214px);z-index:50}main .charaArrows li.close{position:relative;top:min(calc(140 / 960 * 100vw),140px)}main .charaArrows li a{position:relative;display:block;background:#0055ff;width:calc(80 / 960 * 100vw);max-width:80px;padding-top:min(calc(80 / 960 * 100vw),80px);border:none;cursor:pointer;z-index:500;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}main .charaArrows+.charaArrows{top:0;bottom:auto;margin-top:min(calc(165 / 960 * 100vw - 0.5em),calc(165px - 0.5em))}}@media screen and (min-width: 960px){main .charaArrows{position:absolute;top:0;right:60%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:calc(110 / 1140 * 100vw);max-width:110px;margin-top:max(calc(-110 / 1140 * 100vw),-110px);margin-right:min(calc(10 / 1140 * 100vw),10px);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:200}main .charaArrows li{width:calc(50 / 1140 * 100vw);max-width:50px}main .charaArrows li:nth-child(2n+2){margin-left:min(calc(10 / 1140 * 100vw),10px)}main .charaArrows li:nth-child(n+3){margin-top:min(calc(10 / 1140 * 100vw),10px)}main .charaArrows li.close a::before,main .charaArrows li.close a::after{background:#0055ff !important}main .charaArrows li a{position:relative;display:block;background:#000;width:100%;padding-top:min(calc(50 / 1140 * 100vw),50px);border:solid 1px #0055ff;cursor:pointer;z-index:500;transition:opacity 0.3s;box-sizing:border-box}main .charaArrows li a::before,main .charaArrows li a::after{border-color:#0055ff !important}main .charaArrows li a:hover{opacity:0.7}}main .charaArrows li.prev a:before,main .charaArrows li.next a:before{content:"";position:absolute;box-sizing:border-box;z-index:10}@media screen and (max-width: 959px){main .charaArrows li.prev a:before,main .charaArrows li.next a:before{top:20%;left:20%;width:60%;height:60%}}@media screen and (min-width: 960px){main .charaArrows li.prev a:before,main .charaArrows li.next a:before{top:30%;left:30%;width:40%;height:40%}}main .charaArrows li.prev a:before{border-top:solid 3px #000;border-left:solid 3px #000}main .charaArrows li.next a:before{border-bottom:solid 3px #000;border-right:solid 3px #000}main .charaArrows li.close a:before,main .charaArrows li.close a:after{content:"";position:absolute;background:#000;z-index:10}main .charaArrows li.close a:before{top:20%;left:50%;width:3px;height:60%;margin-left:-1.5px}main .charaArrows li.close a:after{top:50%;left:20%;width:60%;height:3px;margin-top:-1.5px}main .charaList{position:relative}main .charaList:not(.is-active) li{opacity:0;transition:opacity 0.1s}@media screen and (max-width: 959px){main .charaList.is-active li:nth-child(5n+1){transition-delay:0s}main .charaList.is-active li:nth-child(5n+4){transition-delay:0.075s}main .charaList.is-active li:nth-child(5n+2){transition-delay:0.15s}main .charaList.is-active li:nth-child(5n+5){transition-delay:0.225s}main .charaList.is-active li:nth-child(5n+3){transition-delay:0.3s}}@media screen and (min-width: 960px){main .charaList.is-active li:nth-child(7n+1){transition-delay:0s}main .charaList.is-active li:nth-child(7n+5){transition-delay:0.05s}main .charaList.is-active li:nth-child(7n+2){transition-delay:0.1s}main .charaList.is-active li:nth-child(7n+6){transition-delay:0.15s}main .charaList.is-active li:nth-child(7n+3){transition-delay:0.2s}main .charaList.is-active li:nth-child(7n+7){transition-delay:0.25s}main .charaList.is-active li:nth-child(7n+4){transition-delay:0.3s}}main .charaList.is-active.close{pointer-events:none}main .charaList.is-active.close li{opacity:0;transition:opacity 0.1s}@media screen and (max-width: 959px){main .charaList.is-active.close li:nth-child(5n+3){transition-delay:0s}main .charaList.is-active.close li:nth-child(5n+5){transition-delay:0.075s}main .charaList.is-active.close li:nth-child(5n+2){transition-delay:0.15s}main .charaList.is-active.close li:nth-child(5n+4){transition-delay:0.225s}main .charaList.is-active.close li:nth-child(5n+1){transition-delay:0.3s}}@media screen and (min-width: 960px){main .charaList.is-active.close li:nth-child(7n+4){transition-delay:0s}main .charaList.is-active.close li:nth-child(7n+7){transition-delay:0.05s}main .charaList.is-active.close li:nth-child(7n+3){transition-delay:0.1s}main .charaList.is-active.close li:nth-child(7n+6){transition-delay:0.15s}main .charaList.is-active.close li:nth-child(7n+2){transition-delay:0.2s}main .charaList.is-active.close li:nth-child(7n+5){transition-delay:0.25s}main .charaList.is-active.close li:nth-child(7n+1){transition-delay:0.3s}}main .charaList.is-active.close+.charaArrows,main .charaList.is-active.close+.charaArrows+.charaArrows{opacity:1;transition:opacity 0.4s 1.6s, right 0.4s 1.6s;pointer-events:all}@media screen and (min-width: 960px){main .charaList.is-active.close+.charaArrows,main .charaList.is-active.close+.charaArrows+.charaArrows{right:50%}}@media screen and (max-width: 959px){main .charaList{padding:min(calc(95 / 960 * 100vw),95px) 0 min(calc(125 / 960 * 100vw),125px)}}@media screen and (min-width: 960px){main .charaList{padding:min(calc(30 / 1140 * 100vw),30px) 0 min(calc(80 / 1140 * 100vw),80px)}}main .charaList ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:100%;max-width:1140px;margin:0 auto}main .charaList ul li{position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}main .charaList ul li.new:before{content:"";position:absolute;top:0;right:0;background:url(../images/chara/ico_new.png) left top no-repeat;background-size:cover;width:100%;height:100%;pointer-events:none;z-index:100}@media screen and (max-width: 959px){main .charaList ul li{width:calc(220 / 1140 * 100%);max-width:220px;margin:0 min(calc(60 / 960 * 100%),60px)}main .charaList ul li:nth-child(5n+4){margin-left:min(calc(110 / 960 * 100%),110px)}main .charaList ul li:nth-child(5n+5){margin-right:min(calc(110 / 960 * 100%),110px)}main .charaList ul li:nth-child(n+4){margin-top:max(calc(-32.5 / 960 * 100%),-32.5px)}}@media screen and (min-width: 960px){main .charaList ul li{width:calc(180 / 1140 * 100%);max-width:180px;margin:0 min(calc(50 / 1140 * 100%),50px)}main .charaList ul li:nth-child(7n+5){margin-left:min(calc(90 / 1140 * 100%),90px)}main .charaList ul li:nth-child(7n+7){margin-right:min(calc(90 / 1140 * 100%),90px)}main .charaList ul li:nth-child(n+5){margin-top:max(calc(-40 / 1140 * 100%),-40px)}}main .charaList ul li a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:solid 2px #fff;border-left:solid 2px #fff;box-sizing:border-box;pointer-events:none;z-index:10}main .charaList ul li.blank{background:rgba(255,255,255,0.1)}main .charaList ul li.blank a:before{content:none}main .charaDetail .charaBox{position:relative;display:none}@media screen and (min-width: 960px){main .charaDetail .charaBox{margin-top:max(calc(-50 / 1140 * 100vw),-50px)}}main .charaDetail .charaBox:not(.open){opacity:0}main .charaDetail .charaBox:not(.open) .img>img{opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}main .charaDetail .charaBox:not(.open) .img .changeAccount{opacity:0}@media screen and (max-width: 959px){main .charaDetail .charaBox:not(.open) .lines{opacity:0;-webkit-filter:blur(30px);filter:blur(30px)}}@media screen and (min-width: 960px){main .charaDetail .charaBox:not(.open) .lines img{opacity:0;-webkit-filter:blur(30px) drop-shadow(0 0 10px #001a4c) drop-shadow(0 0 5px #001a4c) drop-shadow(0 0 5px #001a4c);filter:blur(30px) drop-shadow(0 0 10px #001a4c) drop-shadow(0 0 5px #001a4c) drop-shadow(0 0 5px #001a4c)}}main .charaDetail .charaBox.open{transition:opacity 0.4s 0.4s;opacity:1}main .charaDetail .charaBox.open .img img{transition:opacity 0.6s 1s, -webkit-filter 1s 0.6s;transition:opacity 0.6s 1s, filter 1s 0.6s;transition:opacity 0.6s 1s, filter 1s 0.6s, -webkit-filter 1s 0.6s;opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}main .charaDetail .charaBox.open .img>.changeAccount{transition:opacity 0.6s 1s;opacity:1}@media screen and (max-width: 959px){main .charaDetail .charaBox.open .lines{transition:opacity 0.8s 1s, -webkit-filter 2s 0.8s;transition:opacity 0.8s 1s, filter 2s 0.8s;transition:opacity 0.8s 1s, filter 2s 0.8s, -webkit-filter 2s 0.8s;opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}}@media screen and (min-width: 960px){main .charaDetail .charaBox.open .lines img{transition:opacity 0.8s 1s, -webkit-filter 2s 0.8s;transition:opacity 0.8s 1s, filter 2s 0.8s;transition:opacity 0.8s 1s, filter 2s 0.8s, -webkit-filter 2s 0.8s;opacity:1;-webkit-filter:blur(0px) drop-shadow(0 0 10px #001a4c) drop-shadow(0 0 5px #001a4c) drop-shadow(0 0 5px #001a4c);filter:blur(0px) drop-shadow(0 0 10px #001a4c) drop-shadow(0 0 5px #001a4c) drop-shadow(0 0 5px #001a4c)}}@media screen and (max-width: 959px){main .charaDetail .charaBox#dorothy_c h3{position:relative;z-index:10;-webkit-filter:drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 4px black) drop-shadow(0px 0px 3px black);filter:drop-shadow(0px 0px 5px black) drop-shadow(0px 0px 4px black) drop-shadow(0px 0px 3px black)}main .charaDetail .charaBox#dorothy_c .img>img{width:112%;max-width:none;margin-top:-75%;margin-left:-12%}}@media screen and (min-width: 960px){main .charaDetail .charaBox#dorothy_c .img>img{width:112%;max-width:calc(1120px * 0.8);margin-top:max(calc(-750 / 1000 * 100%),calc(-750px * 0.8));margin-left:max(calc(-120  / 1000 * 100%),calc(-120px * 0.8))}}main .charaDetail h3{background:none}@media screen and (max-width: 959px){main .charaDetail h3{padding:1em 0}}@media screen and (min-width: 960px){main .charaDetail h3{position:absolute;top:0;right:0;width:calc(750 / 1140 * 100%);max-width:750px;padding:0;margin-top:min(calc(385 / 1140 * 100%),385px);margin-left:max(calc(-570 / 1140 * 100%),-570px);z-index:150;-webkit-filter:drop-shadow(0 0 5px #131313) drop-shadow(0 0 5px #131313);filter:drop-shadow(0 0 5px #131313) drop-shadow(0 0 5px #131313)}}main .charaDetail h3 .name{position:relative}@media screen and (max-width: 959px){main .charaDetail h3 .name{padding-bottom:min(calc(124 / 960 * 100%),124px)}}@media screen and (min-width: 960px){main .charaDetail h3 .name{padding-bottom:min(calc(95 / 730 * 100%),95px);overflow:hidden}main .charaDetail h3 .name:after{content:"";position:absolute;bottom:100%;right:0;background:#fff;width:0;height:0;padding:min(calc(30 / 730 * 100%),30px) 0 0 min(calc(30 / 730 * 100%),30px);margin-bottom:max(calc(-95 / 730 * 100%),-95px);-webkit-transform:skewX(-45deg);transform:skewX(-45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;z-index:150}}main .charaDetail h3 .name:before{content:"";position:absolute;bottom:0;left:0;background:#fff;width:100%;height:1px;z-index:5}main .charaDetail h3 .name>span{position:absolute;left:0;width:100%;height:100%}@media screen and (max-width: 959px){main .charaDetail h3 .name>span{text-align:center}}main .charaDetail h3 .name>span:nth-child(1){top:0}@media screen and (max-width: 959px){main .charaDetail h3 .name>span:nth-child(1){height:calc(75 / 124 * 100%)}}@media screen and (min-width: 960px){main .charaDetail h3 .name>span:nth-child(1){height:calc(65 / 95 * 100%)}}main .charaDetail h3 .name>span:nth-child(2){bottom:0}@media screen and (max-width: 959px){main .charaDetail h3 .name>span:nth-child(2){height:calc(31 / 124 * 100%)}}@media screen and (min-width: 960px){main .charaDetail h3 .name>span:nth-child(2){height:calc(20 / 95 * 100%)}}main .charaDetail h3 .name>span img{height:100%}main .charaDetail h3 .cv{position:relative;font-family:'Noto Serif JP', serif}@media screen and (max-width: 959px){main .charaDetail h3 .cv{font-size:0.97em;text-align:center;margin-top:0.5em;line-height:1em}}@media screen and (min-width: 960px){main .charaDetail h3 .cv{font-size:1.1em;margin-top:0.5em;line-height:1em}}main .charaDetail dl{position:relative}@media screen and (min-width: 960px){main .charaDetail dl{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;background:#131313;padding-bottom:min(calc(355 / 1140 * 100%),355px)}main .charaDetail dl:before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:#000;z-index:0}}main .charaDetail .img{position:absolute;pointer-events:none}@media screen and (max-width: 959px){main .charaDetail .img{top:0;right:0;background:url(../images/chara/bg_chara_sp.png) right center no-repeat;background-size:min(calc(80 / 1040 * 100%),80px);width:calc(1000 / 960 * 100%);max-width:1000px;padding-right:min(calc(80 / 960 * 100%),90px);margin-top:max(calc(-500 / 960 * 100%),-500px)}}@media screen and (min-width: 960px){main .charaDetail .img{top:0;right:50%;width:calc(800 / 1140 * 100%);max-width:800px;margin-top:max(calc(-45 / 1140 * 100%),-45px);margin-right:max(calc(-50 / 1140 * 100%),-50px);z-index:100}}main .charaDetail .img .changeAccount{position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:all}@media screen and (max-width: 959px){main .charaDetail .img .changeAccount{bottom:0;left:min(calc(170 / 1000 * 100%),170px);width:calc(180 / 1000 * 100%);max-width:180px;margin-bottom:min(calc(35 / 1000 * 100%),35px)}}@media screen and (min-width: 960px){main .charaDetail .img .changeAccount{top:0;left:min(calc(615 / 1000 * 100%),615px);width:calc(125 / 1000 * 100%);max-width:125px;margin-top:max(calc(-50 / 1000 * 100%),-50px)}main .charaDetail .img .changeAccount:before{opacity:1}main .charaDetail .img .changeAccount:hover:before{opacity:0}}main .charaDetail .img .changeAccount:before,main .charaDetail .img .changeAccount:after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;pointer-events:none}main .charaDetail .img .changeAccount:before{background:url(../images/chara/btn_change.png) center center no-repeat;background-size:cover;transition:opacity 0.3s;z-index:50}main .charaDetail .img .changeAccount:after{border:solid 1px #fff;box-sizing:border-box;z-index:100}main .charaDetail .lines{z-index:100}@media screen and (max-width: 959px){main .charaDetail .lines{position:absolute;top:0;right:0;width:calc(360 / 960 * 100%);max-width:360px;margin-top:max(calc(-500 / 960 * 100%),-500px)}}@media screen and (min-width: 960px){main .charaDetail .lines{position:relative;width:100%;max-width:1140px;text-align:right;margin:0 auto}main .charaDetail .lines img{position:relative;width:calc(800 / 1140 * 100%);max-width:800px;-webkit-filter:drop-shadow(0 0 10px #001a4c) drop-shadow(0 0 5px #001a4c);filter:drop-shadow(0 0 10px #001a4c) drop-shadow(0 0 5px #001a4c);z-index:100}}@media screen and (max-width: 959px){main .charaDetail .text{background:#000;font-size:0.97em;line-height:1.75em;padding:min(calc(500 / 960 * 100% + 1em),calc(500px + 1em)) 1em calc(280 / 960 * 100% + 2em);margin-top:min(calc(530 / 960 * 100%),530px)}}@media screen and (min-width: 960px){main .charaDetail .text{position:absolute;top:0;right:0;width:calc(750 / 1140 * 100%);max-width:750px;line-height:1.75em;padding-right:1em;box-sizing:border-box;margin-top:min(calc(500 / 1140 * 100% + 2em),calc(500px + 2em));-webkit-filter:drop-shadow(0 0 5px #131313) drop-shadow(0 0 5px #131313) drop-shadow(0 0 5px #131313);filter:drop-shadow(0 0 5px #131313) drop-shadow(0 0 5px #131313) drop-shadow(0 0 5px #131313);z-index:100}}main .charaDetail .imgSliderWrap{position:relative}@media screen and (max-width: 959px){main .charaDetail .imgSliderWrap{background:url(../images/chara/bg_chara_02_sp.png) center bottom no-repeat;background-size:100% auto;padding-bottom:min(calc(255 / 960 * 100%),255px)}main .charaDetail .imgSliderWrap:before{content:"";position:absolute;top:0;left:0;background:#000;width:100%;height:0;padding-bottom:min(calc(225 / 960 * 100%),225px)}main .charaDetail .imgSliderWrap ul{margin:0 auto}}@media screen and (min-width: 960px){main .charaDetail .imgSliderWrap{background:rgba(255,255,255,0.075);width:100%;padding:min(calc(30 / 1140 * 100%),30px) 0 min(calc(220 / 1140 * 100%),220px)}main .charaDetail .imgSliderWrap .imgSlider{position:relative;left:50%;width:calc(480 / 1140 * 100%);max-width:480px;height:0;padding-bottom:min(calc(270 / 1140 * 100%),270px);margin-left:min(calc(50 / 1140 * 100%),50px)}main .charaDetail .imgSliderWrap ul{position:absolute;top:0;left:0;width:100%;height:100%}}main .charaDetail .bar{position:absolute;top:100%;left:0;width:100%;font-family:'Noto Serif JP', serif;font-size:0.6em;line-height:1em;letter-spacing:0.25em;text-align:center;padding-top:0.25em;border-top:solid 1px #fff;margin-top:calc(-262 / 960 * 100%)}

/*# sourceMappingURL=maps/chara.css.map */
