@import url(layout.css);canvas{position:fixed;z-index:0;top:0;left:0;right:0;bottom:0}.inner{position:relative;z-index:1}#wrapCol{background-color:#fff}header nav{position:absolute;top:56px;left:0}header nav ul li{margin-bottom:-1px}header nav ul li a{color:#FFF;text-decoration:none;padding:12px 45px 13px;display:block;font-size:18px;background:url(../images/common/ico_gnavi.png) no-repeat center left,url(../images/common/bg_gnavi.png) no-repeat top right;text-shadow:-1px -1px 3px rgba(60,109,6,0.3),1px -1px 3px rgba(60,109,6,0.3),1px 1px 3px rgba(60,109,6,0.3),-1px 1px 3px rgba(60,109,6,0.3)}header nav ul li a:hover{color:#62aa13;background:url(../images/common/ico_gnavi.png) no-repeat center left,url(../images/common/bg_gnavi_on.png) no-repeat top right;text-shadow:-1px -1px 3px rgba(255,255,255,0.3),1px -1px 3px rgba(255,255,255,0.3),1px 1px 3px rgba(255,255,255,0.3),-1px 1px 3px rgba(255,255,255,0.3)}#visualCol{height:670px;background:url(../images/index/bg_mask.png) top center no-repeat,url(../images/index/bg_main.jpg) top center no-repeat #fff fixed}#visualCol #visualInner{position:relative;height:100%;background:url(../images/index/mv.png) top center no-repeat;text-align:center;z-index:1}#visualCol #visualInner #visualBox{position:relative;width:960px;height:100%;margin:0 auto}#visualCol #visualInner #visualBox .logo{position:absolute;top:10px;left:-10px}#visualCol #visualInner #visualBox .catch{position:absolute;bottom:0;right:-18px}@media screen and (max-width: 960px){#visualCol #visualInner #visualBox{overflow:hidden}}#bnrCol{padding:20px 0;background:url(../images/common/bg_header.jpg) top center no-repeat #fff fixed}#bnrCol #bnrColInner{position:relative;text-align:center;width:100%;height:512px;padding-top:445px;line-height:0;z-index:1;overflow:hidden}#bnrCol #bnrColInner ul{position:absolute;top:0;left:0;width:1693px;padding:20px 0;margin:0 auto}#bnrCol #bnrColInner ul li{margin:0 10px;display:inline-block;vertical-align:middle}#bnrCol #bnrColInner .slider{display:none;position:absolute;top:30px;left:0;width:2820px;margin:0 auto}#bnrCol #bnrColInner .slider a{position:relative;width:920px;height:410px;margin:auto;display:block;outline:none}#bnrCol #bnrColInner .slider a:hover:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(239,255,130,0.3)}#bnrCol #bnrColInner .slider .slick-prev,#bnrCol #bnrColInner .slider .slick-next{font-size:0;line-height:0;position:absolute;top:44%;display:block;width:27px;height:48px;margin-top:-10px;padding:0;cursor:pointer;border:none;outline:none;z-index:10}#bnrCol #bnrColInner .slider .slick-prev{left:940px;background:url(../images/index/bnr_prev_off.png) center no-repeat}#bnrCol #bnrColInner .slider .slick-prev:hover{background:url(../images/index/bnr_prev_on.png) center no-repeat}#bnrCol #bnrColInner .slider .slick-next{right:940px;background:url(../images/index/bnr_next_off.png) center no-repeat}#bnrCol #bnrColInner .slider .slick-next:hover{background:url(../images/index/bnr_next_on.png) center no-repeat}#bnrCol #bnrColInner .slider .slick-slide{display:inline-block;position:relative;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}#bnrCol #bnrColInner .slider .slick-slide:not(.slick-center){pointer-events:none;z-index:-1}#bnrCol #bnrColInner .slider .slick-slide:not(.slick-center) img{opacity:0.5}#bnrCol #bnrColInner .slider-nav{position:absolute;bottom:20px;width:100%;text-align:center;display:none}#bnrCol #bnrColInner .slider-nav li{position:relative;width:145px !important;margin:0 3px;cursor:pointer;outline:none;display:inline-block}#bnrCol #bnrColInner .slider-nav li:not(.slick-current) img{filter:saturate(0%) contrast(50%) brightness(90%);-webkit-filter:saturate(0%) contrast(50%) brightness(90%);-moz-filter:saturate(0%) contrast(50%) brightness(90%);-o-filter:saturate(0%) contrast(50%) brightness(90%);-ms-filter:saturate(0%) contrast(50%) brightness(90%)}#bnrCol #bnrColInner .slider-nav li:hover img{filter:saturate(100%) contrast(100%) brightness(100%);-webkit-filter:saturate(100%) contrast(100%) brightness(100%);-moz-filter:saturate(100%) contrast(100%) brightness(100%);-o-filter:saturate(100%) contrast(100%) brightness(100%);-ms-filter:saturate(100%) contrast(100%) brightness(100%)}#bnrCol #bnrColInner .slider-nav li:hover:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/index/bnr/thum/hover.png);opacity:0.3;z-index:1}#bnrCol #newsCol{position:relative;height:50px;background:url(../images/index/bg_news.png) bottom repeat-x;line-height:1;overflow:hidden;z-index:1}#bnrCol #newsCol h2{position:absolute;float:left;padding:11px 5px 15px 10px;background:#98e345;font-size:24px;font-weight:600;letter-spacing:0;z-index:1}#bnrCol #newsCol h2:before{content:"";position:absolute;left:100%;top:0;width:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:15px solid #98e345}#bnrCol #newsCol #news{width:100%;height:50px;padding-top:10px;line-height:1}#bnrCol #newsCol #news ul{position:relative;left:100%;height:31px}#bnrCol #newsCol #news ul li{margin:4px 10px 40px 0;list-style:none;float:left;white-space:nowrap}#bnrCol #newsCol #news ul li p{font-size:18px;color:#a9f121;text-shadow:0px 0px 1px rgba(169,241,33,0.1),0px 0px 2px rgba(169,241,33,0.1),0px 0px 3px rgba(169,241,33,0.1),0px 0px 4px rgba(169,241,33,0.1),0px 0px 5px rgba(169,241,33,0.1),0px 0px 6px rgba(169,241,33,0.1)}#bnrCol #newsCol #news ul li p span{padding:1px 5px 3px;border:solid 2px #a9f121;font-weight:bold;font-size:14px;letter-spacing:0.5}main{background:url(../images/common/grid.png) repeat center top fixed}#bnrAnimelist{width:960px;margin:30px auto 10px;position:relative;z-index:90}#bnrAnimelist a:hover img{opacity:0.7}#bnrDl{background:url(../images/index/bg_dl.png) no-repeat center top;width:960px;padding:80px 0 0 0;margin:0px auto 10px;position:relative;z-index:90}#bnrDl ul{padding:20px 0px 20px 20px;width:550px;margin:0 auto 10px;clear:both;overflow:hidden}#bnrDl ul li{float:left;margin:0 20px 0 0}#bnrDl ul img{height:80px;width:auto}#bnrDl a:hover img{opacity:0.7}#bnrInfo{width:960px;margin:0px auto 10px;position:relative;z-index:90}#bnrInfo a:hover img{opacity:0.7}#bnrPre{width:960px;margin:0 auto;position:relative;z-index:90;clear:both;overflow:hidden}#bnrPre li{float:left;width:50%;margin-bottom:10px}#bnrPre li:nth-child(even){float:right;text-align:right}#bnrPre a:hover img{opacity:0.7}#movieCol{position:relative;width:960px;margin:30px auto 0;text-align:center;z-index:90}#movieCol ul li:first-child{float:left}#movieCol ul li:last-child{float:right}#infoCol{clear:both;max-width:960px;margin:0 auto;padding:30px 0}#infoCol h2{position:relative;line-height:1;margin-bottom:40px;text-align:center}#infoCol h2 span{display:block;color:#111;font-size:50px;font-weight:bold;letter-spacing:0.1em;position:relative;z-index:1;text-shadow:0px 3px #ff76da}#infoCol h2 span.glitch:before,#infoCol h2 span.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;clip:rect(0, 0, 0, 0)}#infoCol h2 span.glitch:before{left:1px;color:#000;text-shadow:3px 0 #39eefe;-webkit-animation:glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;animation:glitch-loop-1 0.8s infinite ease-in-out alternate-reverse}#infoCol h2 span.glitch:after{left:-1px;color:#000;text-shadow:-3px 0 #fff94f;-webkit-animation:glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;animation:glitch-loop-2 0.8s infinite ease-in-out alternate-reverse}#infoCol #categoryList{margin-bottom:30px}#infoCol #categoryList h3{height:0;overflow:hidden}#infoCol #categoryList ul{text-align:center;line-height:1}#infoCol #categoryList ul li{border:1px solid #a1e656;display:inline-block;margin:5px}#infoCol #categoryList ul li a{border:1px solid #FFF;width:223px;padding:10px 10px 10px 25px;text-decoration:none;display:block;background:url(../images/common/ico_gnavi.png) center left no-repeat #8cd33d;background-size:auto 100%;color:#FFF;font-size:90%}#infoCol #categoryList ul li a.active,#infoCol #categoryList ul li a:hover{color:#62aa13;background:url(../images/common/ico_gnavi.png) center left no-repeat #FFF;background-size:auto 100%}#infoCol #infoColInner{display:flex;flex-wrap:wrap}#infoCol #infoColInner section{display:flex;position:relative;float:left;margin:0 -1px 20px 0;padding-top:158.66px;width:241px;font-size:12px;background:rgba(255,255,255,0.8);border:solid 1px rgba(0,0,0,0.1)}#infoCol #infoColInner section.hide{display:none !important}#infoCol #infoColInner section.is-animated{animation:.6s zoom-in}#infoCol #infoColInner section .infoImg{position:absolute;top:0;left:0;width:100%;height:158.66px;overflow:hidden}#infoCol #infoColInner section .infoImg img{width:100%;height:auto;vertical-align:bottom}#infoCol #infoColInner section .sectionInner{position:relative;width:100%;overflow:hidden;padding:11px 15px 55px}#infoCol #infoColInner section .sectionInner h4{width:100%;padding-bottom:9px;font-size:14px;line-height:1.3;letter-spacing:0;color:#5eb300;font-weight:bold}#infoCol #infoColInner section .sectionInner .date{position:absolute;bottom:12px;left:15px;line-height:1;color:#7b7b7b;letter-spacing:0}#infoCol #infoColInner section .sectionInner .category{position:absolute;bottom:9px;right:9px;width:145px;font-size:10px;line-height:1;color:#7b7b7b;letter-spacing:0}#infoCol #infoColInner section .sectionInner .category li{float:right;padding:3px;margin:3px 0 0 3px;border:solid 1px rgba(0,0,0,0.3)}#infoCol #infoColInner section a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-9999px}#infoCol #infoColInner section a:hover{background-color:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}#infoCol #infoColInner section.new{width:321px;padding-top:211.55px}#infoCol #infoColInner section.new .infoImg{height:211.55px}#infoCol #infoColInner section.new .sectionInner .category{width:225px}#infoCol .btnMore{clear:both;padding-top:10px;text-align:center}#infoCol .btnMore a{width:308px;margin:0 auto;padding:19px 0 35px;color:#fff;text-decoration:none;background:url(../images/index/btn_more_off.png) top center no-repeat;display:block;font-size:20px;line-height:1}#infoCol .btnMore a:hover{color:#98e345;background:url(../images/index/btn_more_on.png) top center no-repeat}#pickupCol{text-align:center;background-image:url(../images/index/video_dot.png),url(../images/index/bg.jpg);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center,center}#pickupCol .inner{max-width:960px;margin:0 auto;padding:60px 0}#pickupCol .inner ul{float:left}#pickupCol .inner ul li{width:460px;height:175px;margin:20px 0;line-height:0}#pickupCol .inner ul li a{display:block;background:#fff}#pickupCol .inner ul li a:hover img{opacity:0.7}#pickupCol .inner .timeline{position:relative;float:right;width:480px;padding:20px;margin:20px 0;background:rgba(0,0,0,0.7);line-height:0}#pickupCol .inner .btnFollow{position:absolute;left:0;bottom:-30px;width:100%;padding-top:15px;text-align:center}#pickupCol .inner .btnFollow a{width:240px;margin:0 auto;padding:12px 0 20px;color:#fff;text-decoration:none;background:url(../images/index/btn_more_off.png) top center no-repeat;background-size:100% auto;display:block;font-size:20px;line-height:1}#pickupCol .inner .btnFollow a:hover{color:#98e345;background:url(../images/index/btn_more_on.png) top center no-repeat;background-size:100% auto}#outlineCol{text-align:center;background:url(../images/index/bg_chara.png) top 178px center no-repeat}#outlineCol .inner{width:960px;margin:0 auto;padding:120px 0 55px}#outlineCol .inner h2{position:relative;line-height:1;margin-bottom:60px}#outlineCol .inner h2:before{content:attr(data-text);display:block;font-size:132px;color:#cbfe39;position:absolute;width:100%;margin-top:-80px}#outlineCol .inner h2 span{display:block;color:#111;font-size:64px;font-weight:bold;letter-spacing:0.1em;position:relative;z-index:1;text-shadow:0px 3px #ff76da}#outlineCol .inner h2 span.glitch:before,#outlineCol .inner h2 span.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;clip:rect(0, 0, 0, 0)}#outlineCol .inner h2 span.glitch:before{left:1px;color:#000;text-shadow:3px 0 #39eefe;-webkit-animation:glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;animation:glitch-loop-1 0.8s infinite ease-in-out alternate-reverse}#outlineCol .inner h2 span.glitch:after{left:-1px;color:#000;text-shadow:-3px 0 #fff94f;-webkit-animation:glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;animation:glitch-loop-2 0.8s infinite ease-in-out alternate-reverse}#outlineCol .inner p{margin-top:30px;font-size:24px;line-height:2.5}#outlineCol .inner p:last-child{margin-top:50px;font-size:22px}#specCol{border:1px solid #333;width:930px;padding:15px;margin:0 auto;background:rgba(216,219,228,0.5);overflow:hidden;height:auto;clear:both}#specCol h3{font-size:36px;font-weight:bold;text-align:center;margin-bottom:15px}#specCol img{float:right}#specCol dl{width:720px;float:left}#specCol dl dt{padding:10px;width:210px;color:#FFF;float:left;background:#98e345;margin-bottom:1px}#specCol dl dd{padding:10px;width:510px;background:rgba(255,255,255,0.7);float:left;margin-bottom:1px}#specCol dl dd small{color:#999}#management{padding:60px 0 70px;text-align:center;background:-moz-linear-gradient(top, transparent 0%, transparent 1%, rgba(0,0,0,0.1) 100%);background:-webkit-linear-gradient(top, transparent 0%, transparent 1%, rgba(0,0,0,0.1) 100%);background:linear-gradient(to bottom, transparent 0%, transparent 1%, rgba(0,0,0,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 )}#management h2{margin-bottom:15px;font-size:24px}#management h3{margin:10px 0 15px;font-size:20px}#management .inner{margin-bottom:30px}#management small{color:#666;font-size:12px}@-webkit-keyframes glitch-loop-1{0%{clip:rect(16px, 9999px, 9px, 0)}25%{clip:rect(5px, 9999px, 99px, 0)}50%{clip:rect(30px, 9999px, 102px, 0)}75%{clip:rect(10px, 9999px, 92px, 0)}100%{clip:rect(71px, 9999px, 98px, 0)}}@keyframes glitch-loop-1{0%{clip:rect(16px, 9999px, 9px, 0)}25%{clip:rect(5px, 9999px, 99px, 0)}50%{clip:rect(30px, 9999px, 102px, 0)}75%{clip:rect(10px, 9999px, 92px, 0)}100%{clip:rect(71px, 9999px, 98px, 0)}}@-webkit-keyframes glitch-loop-2{0%{clip:rect(45px, 9999px, 79px, 0)}25%{clip:rect(59px, 9999px, 19px, 0)}50%{clip:rect(48px, 9999px, 11px, 0)}75%{clip:rect(75px, 9999px, 13px, 0)}100%{clip:rect(11px, 9999px, 109px, 0)}}@keyframes glitch-loop-2{0%{clip:rect(45px, 9999px, 79px, 0)}25%{clip:rect(59px, 9999px, 19px, 0)}50%{clip:rect(48px, 9999px, 11px, 0)}75%{clip:rect(75px, 9999px, 13px, 0)}100%{clip:rect(11px, 9999px, 109px, 0)}}@keyframes zoom-in{0%{transform:scale(0.1)}100%{transform:none}}