@charset "UTF-8";
*{
margin:0;
padding:0;
border:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
a:focus, *:focus { outline:none; }
html,body {
height: 100%;
background:#000;
font-size:0;
min-width: 1200px;
}
#loadWrap{
width:100%;
height:100%;
position:fixed;
/*background:#000 url(images/loading.gif) center center no-repeat;*/
}
#opGIF{
width:180px;
height:100px;
position:fixed;
top:50%;
left:50%;
margin-top:-50px;
margin-left:-90px;
}


#wipe{
position:fixed;
width:100%;
height:100%;
background:#000;
z-index:10;
right:0;
}
#wipe2{
position:fixed;
width:0%;
height:100%;
background:#000;
z-index:10;
left:0;
}
#ctsWrap{
display: block;
width: 100%;
height:100%;
}
#menu{
position: relative;
height:100%;
min-height:100%;
display: inline-block;
vertical-align: top;
width:280px;
background: #000;
text-align: center;
}
#ctsWrap>#menu,
#ctsWrap>#main{
height:auto;
}
#menuLogo{
display: block;
margin:10px 0 0 0;
}
#menuCatch{
display: block;
margin:3px 0 20px 0;
}
.menuBTN{
display: block;
width: 280px;
height: 46px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-indent: -9999px;
}
#menuIntro{
background: url(../images_menu/menu_intro.png) no-repeat 0 0;
}
#menuIntroNow{
background: url(../images_menu/menu_intro.png) no-repeat 0 -46px;
}
#menuChara{
background: url(../images_menu/menu_chara.png) no-repeat 0 0;
}
#menuCharaNow{
background: url(../images_menu/menu_chara.png) no-repeat 0 -46px;
}
#menuCast{
background: url(../images_menu/menu_cast.png) no-repeat 0 0;
}
#menuCastNow{
background: url(../images_menu/menu_cast.png) no-repeat 0 -46px;
}
#menuNews{
background: url(../images_menu/menu_news.png) no-repeat 0 0;
}
#menuNewsNow{
background: url(../images_menu/menu_news.png) no-repeat 0 -46px;
}
#menuMusic{
background: url(../images_menu/menu_music.png) no-repeat 0 0;
}
#menuMusicNow{
background: url(../images_menu/menu_music.png) no-repeat 0 -46px;
}
#menuMovie{
background: url(../images_menu/menu_movie.png) no-repeat 0 0;
}
#menuMovieNow{
background: url(../images_menu/menu_movie.png) no-repeat 0 -46px;
}
#menuEvent{
background: url(../images_menu/menu_event.png) no-repeat 0 0;
}
#menuEventNow{
background: url(../images_menu/menu_event.png) no-repeat 0 -46px;
}
#menuStory{
background: url(../images_menu/menu_story.png) no-repeat 0 0;
}
#menuStoryNow{
background: url(../images_menu/menu_story.png) no-repeat 0 -46px;
}
#menuOnair{
background: url(../images_menu/menu_onair.png) no-repeat 0 0;
}
#menuOnairNow{
background: url(../images_menu/menu_onair.png) no-repeat 0 -46px;
}
#menuDVD{
background: url(../images_menu/menu_dvd.png) no-repeat 0 0;
}
#menuDVDNow{
background: url(../images_menu/menu_dvd.png) no-repeat 0 -46px;
}
#menuIntro:hover,
#menuChara:hover,
#menuCast:hover,
#menuNews:hover,
#menuMusic:hover,
#menuMovie:hover,
#menuEvent:hover,
#menuStory:hover,
#menuOnair:hover,
#menuDVD:hover{
background-position: 0 bottom;
}
#menuTrailer{
display: block;
margin:0px 0 10px 0;
}
#ytTXT{
margin: 15px auto 4px auto;
}

.menuBanner{
display: block;
margin:8px auto;
}
/*
.menuBanner:nth-child(4){
margin-top:32px;
}*/
.menuBanner:nth-child(3),
.menuBanner:last-child{
margin-top:32px;
}
.sponcerBanner{
display: block;
margin:0px auto;
}
#menuBannerWrap{
margin:20px auto 30px auto;
}
#menuBannerWrap2{
margin:30px auto 40px auto;
}
#menuFoot{
margin-top: 40px;
}
#shareTXT{
display: block;
margin:0 auto;
}
#menu a.share{
display: inline-block;
margin: 5px;
}
#animenome{
display: block;
margin:0 auto;
}
#cr{
display: block;
margin:5px auto;
}

#main{
position: relative;
height:100%;
min-height:100%;
display: inline-block;
vertical-align: top;
background-color: #000;
}
.SPhover{
opacity: 0.65;
}

/*colorbox*/
#cb{
display:block;
}

#ctgry{
position: absolute;
top:0;
right: 40px;
}