[class*="js-t"]{opacity:0;-webkit-filter:blur(5px);filter:blur(5px);transition:opacity 0.3s, -webkit-filter 0.3s;transition:opacity 0.3s, filter 0.3s;transition:opacity 0.3s, filter 0.3s, -webkit-filter 0.3s}[class*="js-t"].is-active{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}main{position:relative}main::before{content:"";position:absolute;display:block;z-index:0}@media screen and (max-width: 767px){main::before{background:url(../images/character/bg_character_sp.png) left top no-repeat;background-size:100% auto;left:calc(-30 / 960 * 100%);width:calc(1202 / 960 * 100%);padding-bottom:calc(480 / 960 * 100%)}}@media screen and (min-width: 768px){main::before{width:calc(2337 / 1600 * 100%);max-width:2337px;background:url(../images/character/bg_character.png) left top no-repeat;background-size:100% auto;top:0;left:50%;margin-left:max(calc(-1040 / 1600 * 100%), -1040px);padding-bottom:min(calc(660 / 1600 * 100%), 660px)}}#characterCol{position:relative}@media screen and (max-width: 767px){#characterCol{background:url(../images/top/bg_movie_sp.png) left -13vw no-repeat;background-size:100% auto}}@media screen and (min-width: 768px){#characterCol{background:url(../images/top/bg_movie.png) left top no-repeat;background-size:min(calc(880 / 1600 * 100%), 880px) auto}}@media screen and (max-width: 767px){#characterCol h1{text-align:right;padding-top:calc(380 / 960 * 100%)}}@media screen and (min-width: 768px){#characterCol h1{text-align:left;max-width:1600px;padding-top:max(calc(90 / 1600 * 100vw), calc(90 * 1px));margin:0 auto}}#characterCol h1 img{-webkit-filter:drop-shadow(0 0 10px rgba(0,19,51,0.3)) drop-shadow(0 0 10px rgba(0,19,51,0.3));filter:drop-shadow(0 0 10px rgba(0,19,51,0.3)) drop-shadow(0 0 10px rgba(0,19,51,0.3))}@media screen and (max-width: 767px){#characterCol h1 img{width:calc(920 / 960 * 100%)}}@media screen and (min-width: 768px){#characterCol h1 img{width:calc(1605 / 1600 * 100%);max-width:1605px}}@media screen and (max-width: 767px){#characterCol #ssnav{margin:calc(40 / 960 * 100%) 0 0}}@media screen and (min-width: 768px){#characterCol #ssnav{margin:min(calc(50 / 1600 * 100%), calc(50 * 1px)) auto 0}}#characterCol #ssnav ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width: 768px){#characterCol #ssnav ul{gap:1em;max-width:1100px;margin:0 auto}}@media screen and (max-width: 767px){#characterCol #ssnav ul li{width:43%;margin:0.5em}}@media screen and (min-width: 768px){#characterCol #ssnav ul li{width:30%}}@media screen and (min-width: 768px){#characterCol #ssnav ul li.last{margin-left:0}}@media screen and (max-width: 767px){#characterCol #ssnav ul.line li{width:100%}}#characterCol #ssnav li+li{margin-left:0.5em}#characterCol #ssnav a{display:block;box-sizing:border-box;border:2px solid #fdfe6e;background:#000;padding:0.5em 0;text-decoration:none;font-weight:bold;text-align:center;color:#fdfe6e}@media screen and (min-width: 768px){#characterCol #ssnav a{width:100%;font-size:1.2em}}#characterCol #ssnav a.act{border:2px solid #fdfe6e;background:#fdfe6e;color:#000}#characterCol #ssnav:has(>ul>li>a[data-filter='db'].act)+.flexBox>.characterList li:not(.db){display:none}#characterCol #ssnav:has(>ul>li>a[data-filter='dbz'].act)+.flexBox>.characterList li:not(.dbz){display:none}#characterCol #ssnav:has(>ul>li>a[data-filter='dbs'].act)+.flexBox>.characterList li:not(.dbs){display:none}#characterCol #ssnav:has(>ul>li>a[data-filter='dbgt'].act)+.flexBox>.characterList li:not(.dbgt){display:none}#characterCol #ssnav:has(>ul>li>a[data-filter='dbdaima'].act)+.flexBox>.characterList li:not(.dbdaima){display:none}#characterCol #ssnav:has(>ul>li>a[data-filter='movie'].act)+.flexBox>.characterList li:not(.movie){display:none}#characterCol #ssnav:has(>ul>li>a[data-filter='other'].act)+.flexBox>.characterList li:not(.other){display:none}#characterCol .flexBox{position:relative;background:linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(17,55,134,0.75) 100%);box-sizing:border-box}@media screen and (max-width: 767px){#characterCol .flexBox{margin:calc(40 / 960 * 100%) 0 0 calc(40 / 960 * 100%);padding:calc(50 / 960 * 100%) calc(90 / 960 * 100%) calc(90 / 960 * 100%) calc(50 / 960 * 100%);border-radius:calc(50 / 960 * 100vw) 0 0 calc(50 / 960 * 100vw)}}@media screen and (min-width: 768px){#characterCol .flexBox{padding:min(calc(50 / 1600 * 100%), calc(50 * 1px));border-radius:min(calc(50 / 1600 * 100vw), calc(50 * 1px)) min(calc(50 / 1600 * 100vw), calc(50 * 1px)) 0 0;margin:min(calc(50 / 1600 * 100%), calc(50 * 1px)) auto 0}}#characterCol .characterList{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 767px){#characterCol .characterList{-webkit-justify-content:space-between;justify-content:space-between;gap:1.5em 0;font-size:0.8em}}@media screen and (min-width: 768px){#characterCol .characterList{-webkit-justify-content:center;justify-content:center;max-width:1600px;margin:0 auto;text-align:left;gap:2em 1.8%}}@media screen and (max-width: 767px){#characterCol .characterList li{width:47%}}@media screen and (min-width: 768px){#characterCol .characterList li{width:18%}}@media screen and (max-width: 767px){#characterCol .characterList li p{margin:calc(30 / 960 * 100%) auto 0}}@media screen and (min-width: 768px){#characterCol .characterList li p{margin:min(calc(50 / 1600 * 100%), calc(50 * 1px)) auto 0}}#characterCol .characterList li.new{position:relative}#characterCol .characterList li.new::before{content:"";display:block;position:absolute;background:url(../images/common/ico_new.png) no-repeat;background-size:contain;top:-5px;left:-5px}@media screen and (max-width: 767px){#characterCol .characterList li.new::before{width:calc(150 / 960 * 100vw);height:calc(38 / 960 * 100vw)}}@media screen and (min-width: 768px){#characterCol .characterList li.new::before{width:calc(100 / 1600 * 100vw);height:calc(26 / 1600 * 100vw)}}#characterCol .characterList li.dlc{position:relative}#characterCol .characterList li.dlc::after{content:"";display:block;position:absolute;background:url(../images/character/ico_dlc.png) no-repeat bottom right/35% auto;top:calc(5 / 960 * 100vw);right:calc(5 / 960 * -100vw);width:100%;padding-top:56.25%}@media screen and (max-width: 767px){#characterCol .characterList li.dlc::after{border-radius:calc(24 / 960 * 100vw)}}@media screen and (min-width: 768px){#characterCol .characterList li.dlc::after{top:min(calc(5 / 1600 * 100vw), calc(5 * 1px));right:min(calc(5 / 1600 * -100vw), calc(5 * -1px));border-radius:min(calc(24 / 1600 * 100vw), calc(24 * 1px))}}@media screen and (max-width: 767px){#characterCol .characterList li.dlc .imgBox{border-color:#ff3c3c}}@media screen and (min-width: 768px){#characterCol .characterList li.dlc .imgBox{border-color:#ff3c3c}}#characterCol .btnBack{display:block}@media screen and (max-width: 767px){#characterCol .btnBack{margin-top:calc(60 / 960 * 100%)}}@media screen and (min-width: 768px){#characterCol .btnBack{width:calc(556 / 1600 * 100%);max-width:556px;margin:0 auto;margin-top:min(calc(60 / 1600 * 100%), calc(60 * 1px))}}img[class*="dot"]{position:absolute;left:50%;z-index:-1}@media screen and (max-width: 767px){img[class*="dot"][class*="dotS"]{width:calc(638 / 960 * 100vw)}}@media screen and (min-width: 768px){img[class*="dot"][class*="dotS"]{width:calc(638 / 1600 * 100vw);max-width:638px}}@media screen and (max-width: 767px){img[class*="dot"][class*="dotL"]{width:calc(914 / 960 * 100vw)}}@media screen and (min-width: 768px){img[class*="dot"][class*="dotL"]{width:calc(914 / 1600 * 100vw);max-width:914px}}img[class*="dot"]{bottom:0}.notice{text-align:center}@media screen and (max-width: 767px){.notice{font-size:0.8em;margin-top:calc(30 / 960 * 100%)}}@media screen and (min-width: 768px){.notice{margin-top:min(calc(30 / 1600 * 100%), calc(30 * 1px))}}@media screen and (max-width: 767px){.dotL01{margin:0 0 calc(-700 / 960 * 100%) calc(-600 / 960 * 100%)}}@media screen and (min-width: 768px){.dotL01{margin:0 0 max(calc(-575 / 1600 * 100%), calc(-575 * 1px)) max(calc(-850 / 1600 * 100%), calc(-850 * 1px))}}@media screen and (min-width: 768px){.dotS01{margin:0 0 max(calc(-225 / 1600 * 100%), calc(-225 * 1px)) min(calc(100 / 1600 * 100%), calc(100 * 1px))}}