@charset "UTF-8";

/*sub----------------------------------------*/
.G_entry h2.sub{
height:40px;
*height:32px;
background:transparent url('h2.png?131205') no-repeat;
text-indent:120%;
white-space:nowrap;
overflow:hidden;
line-height:1em;
}
#sub01{background-position:left 0px;}/*最新情報*/
#sub02{background-position:left -40px;}/*作品紹介*/
#sub03{background-position:left -80px;}/*スタッフ*/
#sub04{background-position:left -120px;}/*キャスト*/
#sub05{background-position:left -160px;}/*放送・配信情報*/
#sub06{background-position:left -200px;}/*リンク*/
#sub07{background-position:left -240px;}/*プロローグ*/
#sub08{background-position:left -280px;}/*キャラクター*/
#sub09{background-position:left -320px;}/*関連商品*/
#sub10{background-position:left -360px;}/*ムービー*/
#sub11{background-position:left -400px;}/*サウンド*/
#sub12{background-position:left -440px;}/*スペシャル*/
#sub13{background-position:left -480px;}/*用語解説*/
#sub14{background-position:left -520px;}/*予備2*/
#sub15{background-position:left -560px;}/*予備3*/
#sub16{background-position:left -600px;}/*予備4*/
#sub17{background-position:left -640px;}/*予備5*/
#sub18{background-position:left -680px;}/*各話あらすじ*/
#sub19{background-position:left -720px;}/*次回予告*/
#sub20{background-position:left -760px;}/*製品リリース*/
#sub21{background-position:left -800px;}/*キャラクターソング*/
#sub22{background-position:left -840px;}/*OPEDテーマ*/
#sub23{background-position:left -880px;}/*グッズ*/
#sub24{background-position:left -920px;}/*ライブグッズ*/
#sub25{background-position:left -960px;}/**/
#sub26{background-position:left -1000px;}/*店舗オリジナル特典*/
#sub27{background-position:left -1040px;}/**/

/*G_nav----------------------------------------*/
#G_nav{
padding:0 0 1px;
background:transparent url('bg_grid.gif') left top;
*zoom:1;
line-height:0;
}
#G_nav ul{
display:inline-block;
*float:left;
*width:192px;
list-style:none;
}
#G_nav li{
position:relative;
width:192px;
height:48px;
list-style:none;
}
#G_nav a{
width:192px;
height:48px;
display:block;
background:transparent url('Gnav.png?131205');
text-indent:120%;
white-space:nowrap;
overflow:hidden;
-webkit-transition:background 250ms linear;
-moz-transition:background 250ms linear;
-ms-transition:background 250ms linear;
-o-transition:background 250ms linear;
transition:background 250ms linear;
}
#G_nav a:hover,#G_nav a:active{
-webkit-transition:background 100ms ease-out;
-moz-transition:background 100ms ease-out;
-ms-transition:background 100ms ease-out;
-o-transition:background 100ms ease-out;
transition:background 100ms ease-out;
}
#G_nav #nav01 a{background-position:left top;}/*最新情報*/
#G_nav #nav02 a{background-position:left -48px;}/*作品紹介*/
#G_nav #nav03 a{background-position:left -96px;}/*スタッフ＆キャスト*/
#G_nav #nav04 a{background-position:left -144px;}/*放送・配信情報*/
#G_nav #nav05 a{background-position:left -192px;}/*リンク*/
#G_nav #nav06 a{background-position:left -240px;}/*あらすじ*/
#G_nav #nav07 a{background-position:left -288px;}/*キャラクター*/
#G_nav #nav08 a{background-position:left -336px;}/*関連商品*/
#G_nav #nav09 a{background-position:left -384px;}/*ムービー＆サウンド*/
#G_nav #nav10 a{background-position:left -432px;}/*スペシャル*/
#G_nav #nav11 a{background-position:left -480px;}/*用語解説*/
#G_nav #nav12 a{background-position:left -528px;}/*次回予告*/

#G_nav #nav01 a:hover{background-position:192px top;}
#G_nav #nav02 a:hover{background-position:192px -48px;}
#G_nav #nav03 a:hover{background-position:192px -96px;}
#G_nav #nav04 a:hover{background-position:192px -144px;}
#G_nav #nav05 a:hover{background-position:192px -192px;}
#G_nav #nav06 a:hover{background-position:192px -240px;}
#G_nav #nav07 a:hover{background-position:192px -288px;}
#G_nav #nav08 a:hover{background-position:192px -336px;}
#G_nav #nav09 a:hover{background-position:192px -384px;}
#G_nav #nav10 a:hover{background-position:192px -432px;}
#G_nav #nav11 a:hover{background-position:192px -480px;}
#G_nav #nav12 a:hover{background-position:192px -528px;}

#G_01 #nav01 a{background-position:192px top;}
#G_02 #nav02 a{background-position:192px -48px;}
#G_03 #nav03 a{background-position:192px -96px;}
#G_04 #nav04 a{background-position:192px -144px;}
#G_05 #nav05 a{background-position:192px -192px;}
#G_06 #nav06 a{background-position:192px -240px;}
#G_07 #nav07 a{background-position:192px -288px;}
#G_08 #nav08 a{background-position:192px -336px;}
#G_09 #nav09 a{background-position:192px -384px;}
#G_10 #nav10 a{background-position:192px -432px;}
#G_11 #nav11 a{background-position:192px -480px;}
#G_12 #nav12 a{background-position:192px -528px;}

/*toggle-----*/
#G_nav_btn{display:none;}

/*sec_nav----------------------------------------*/
#sec_nav{
margin:0 -1px;
background:transparent url('bg_grid.gif') left top;
*zoom:1;
padding:0 0 1px;
}
#sec_nav ul{
list-style:none;
line-height:0em;
}
#sec_nav li{
display:inline-block;
*display:inline;
*zoom:1;
*vertical-align:bottom;
position:relative;
width:192px;
height:48px;
list-style:none;
}
#sec_nav a{
width:192px;
height:48px;
display:block;
background:transparent url('Gnav.png?1545830094');
text-indent:120%;
white-space:nowrap;
overflow:hidden;
-webkit-transition:background 250ms linear;
-moz-transition:background 250ms linear;
-ms-transition:background 250ms linear;
-o-transition:background 250ms linear;
transition:background 250ms linear;
}
#sec_nav a:hover,#sec_nav a:active{
-webkit-transition:background 100ms ease-out;
-moz-transition:background 100ms ease-out;
-ms-transition:background 100ms ease-out;
-o-transition:background 100ms ease-out;
transition:background 100ms ease-out;
}

#sec_nav #nav13 a{background-position:left -576px;}/*各話あらすじ*/
#sec_nav #nav14 a{background-position:left -624px;}/*プロローグ*/
#sec_nav #nav15 a{background-position:left -672px;}/*予備*/
#sec_nav #nav16 a{background-position:left -720px;}/*ムービー*/
#sec_nav #nav17 a{background-position:left -768px;}/*サウンド試聴*/
#sec_nav #nav18 a{background-position:left -816px;}/*製品リリース*/
#sec_nav #nav19 a{background-position:left -864px;}/*キャラクターソング*/
#sec_nav #nav20 a{background-position:left -912px;}/*OPEDテーマ*/
#sec_nav #nav21 a{background-position:left -960px;}/*グッズ*/
#sec_nav #nav22 a{background-position:left -1008px;}/*ライブグッズ*/
#sec_nav #nav23 a{background-position:left -1056px;}/*ライブグッズ*/

#sec_nav #nav13 a:hover{background-position:192px -576px;}
#sec_nav #nav14 a:hover{background-position:192px -624px;}

#sec_nav #nav16 a:hover{background-position:192px -720px;}
#sec_nav #nav17 a:hover{background-position:192px -768px;}
#sec_nav #nav18 a:hover{background-position:192px -816px;}
#sec_nav #nav19 a:hover{background-position:192px -864px;}
#sec_nav #nav20 a:hover{background-position:192px -912px;}
#sec_nav #nav21 a:hover{background-position:192px -960px;}
#sec_nav #nav22 a:hover{background-position:192px -1008px;}
#sec_nav #nav23 a:hover{background-position:192px -1056px;}

#st01 #sec_nav #nav13 a{background-position:192px -576px;}
#st00 #sec_nav #nav14 a{background-position:192px -624px;}

#ms01 #sec_nav #nav16 a{background-position:192px -720px;}
#ms02 #sec_nav #nav17 a{background-position:192px -768px;}
#product01 #sec_nav #nav18 a{background-position:192px -816px;}
#product02 #sec_nav #nav19 a{background-position:192px -864px;}
#product03 #sec_nav #nav20 a{background-position:192px -912px;}
#product04 #sec_nav #nav21 a{background-position:192px -960px;}
#product05 #sec_nav #nav22 a{background-position:192px -1008px;}
#product06 #sec_nav #nav23 a{background-position:192px -1056px;}

/*ch_nav----------------------------------------*/
#ch_nav{
margin:0 -1px;
background:transparent url('bg_grid_96.gif') left top;
*zoom:1;
padding:0 0 1px;
}
#ch_nav ul{
list-style:none;
line-height:0em;
}
#ch_nav li{
display:inline-block;
*display:inline;
*zoom:1;
*vertical-align:bottom;
position:relative;
margin:1px 0 0 1px;
width:191px;
height:95px;
list-style:none;
}
#ch_nav a{
height:95px;
display:block;
background:transparent url('chnav.png');
text-indent:120%;
white-space:nowrap;
overflow:hidden;
-webkit-transition:border 250ms linear;
-moz-transition:border 250ms linear;
-ms-transition:border 250ms linear;
-o-transition:border 250ms linear;
transition:border 250ms linear;
}
#ch_nav li:nth-child(3n){
border-right:1px dotted #252525;
}
#ch_nav a:hover,#ch_nav a:active{
-webkit-transition:border 100ms ease-out;
-moz-transition:border 100ms ease-out;
-ms-transition:border 100ms ease-out;
-o-transition:border 100ms ease-out;
transition:border 100ms ease-out;
border-left:8px solid #FFCC00;
opacity:0.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-moz-opacity:0.4;
-khtml-opacity:0.4;
*zoom:1;
}

#ch_nav #ch01 a{background-position:left top;}
#ch_nav #ch02 a{background-position:left -96px;}
#ch_nav #ch03 a{background-position:left -192px;}
#ch_nav #ch04 a{background-position:left -288px;}
#ch_nav #ch05 a{background-position:left -384px;}
#ch_nav #ch06 a{background-position:left -480px;}
#ch_nav #ch07 a{background-position:left -576px;}
#ch_nav #ch08 a{background-position:left -672px;}
#ch_nav #ch09 a{background-position:left -768px;}
#ch_nav #ch10 a{background-position:left -864px;}
#ch_nav #ch11 a{background-position:left -960px;}
#ch_nav #ch12 a{background-position:left -1056px;}
#ch_nav #ch13 a{background-position:left -1152px;}
#ch_nav #ch14 a{background-position:left -1248px;}
#ch_nav #ch15 a{background-position:left -1344px;}
#ch_nav #ch16 a{background-position:left -1440px;}
#ch_nav #ch17 a{background-position:left -1536px;}
#ch_nav #ch18 a{background-position:left -1632px;}

#G_ch01 #ch01 a,#G_ch02 #ch02 a,#G_ch03 #ch03 a,
#G_ch04 #ch04 a,#G_ch05 #ch05 a,#G_ch06 #ch06 a,
#G_ch07 #ch07 a,#G_ch08 #ch08 a,#G_ch09 #ch09 a,
#G_ch10 #ch10 a,#G_ch11 #ch11 a,#G_ch12 #ch12 a,
#G_ch13 #ch13 a,#G_ch14 #ch14 a,#G_ch15 #ch15 a,
#G_ch16 #ch16 a,#G_ch17 #ch17 a,#G_ch18 #ch18 a{
border-left:8px solid #FFCC00;
opacity:0.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-moz-opacity:0.4;
-khtml-opacity:0.4;
*zoom:1;
}

/*text_nav----------------------------------------*/
.text_nav{
margin:16px 0;
padding:8px;
}
.text_nav ul{
list-style:none;
}
.text_nav ul li{
display:inline-block;
*display:inline;
*zoom:1;
margin:0.5%;
*margin:0.25%;
padding:2px;
border:1px dotted #252525;
_border:1px solid #CCCCCC;
list-style:none;
}
#G_11 .text_nav ul li{
width:49%;
*width:48%;
}
#G_06 .text_nav ul li,
#G_12 .text_nav ul li{
width:19%;
*width:18%;
}
.text_nav a{
display:block;
padding:4px 8px;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
-ms-transition:all 250ms linear;
-o-transition:all 250ms linear;
transition:all 250ms linear;
background:#FFFBFF;
border-left:4px solid #CCCCCC;
text-decoration:none;
}
.text_nav a:visited{
color:#999999;
}
.text_nav a:hover{
-webkit-transition:all 100ms ease-out;
-moz-transition:all 100ms ease-out;
-ms-transition:all 100ms ease-out;
-o-transition:all 100ms ease-out;
transition:all 100ms ease-out;
color:#CC3300;
border-left:8px solid #CC3300;
}

/*new----------------------------------------*/
.new span{
position:absolute;
padding:0 1px;
background:#111111;
color:#FFCC00;
font-family:'xd_onioncustomregular';
font-size:16px;
line-height:1em;
-webkit-border-radius:2px;
border-radius:2px;
}
#G_nav .new span{
top:2px;
right:2px;
}
#sec_nav .new span{
top:2px;
right:2px;
}
#ch_nav .new span{
bottom:2px;
left:2px;
background:#FF9933;
color:#FFFFFF;
}
.renew i{
padding-left:0.5em;
color:#FF7700;
font-style:normal;
}

/*song----------------------------------------*/
.song{
width:320px;
height:64px;
display:block;
background:transparent url('song.png?130903') no-repeat;
text-indent:120%;
white-space:nowrap;
overflow:hidden;
}
#op{}
#ed{background-position:left -64px;}
#chsong01{background-position:left -128px;}
#chsong02{background-position:left -192px;}
#chsong03{background-position:left -256px;}
#chsong04{background-position:left -320px;}
#chsong05{background-position:left -384px;}
#chsong06{background-position:left -448px;}
#chsong07{background-position:left -512px;}
#chsong08{background-position:left -576px;}
#chsong08ex{background-position:left -640px;}

/*dbtitle----------------------------------------*/
.bdtitle{
width:320px;
height:64px;
display:block;
background:transparent url('bdtitle.png?140306') no-repeat;
text-indent:120%;
white-space:nowrap;
overflow:hidden;
}
#bd01{}
#bd02{background-position:left -64px;}
#bd03{background-position:left -128px;}
#bd04{background-position:left -192px;}
#bd05{background-position:left -256px;}
#bd06{background-position:left -320px;}
#bdlive{background-position:left -384px;}

/*mediaquery----------------------------------------*/
@media screen and (max-width:964px) {
}
@media screen and (max-width:768px) {
	/*toggle-----*/
	#G_nav_btn{
	display:block;
	padding:8px;
	border:1px dotted #252525;
	font-family:'xd_onioncustomregular';
	font-size:120%;
	cursor:pointer;
	}
	#G_nav_btn:after{
	content:'>';
	display:inline-block;
	margin-left:1em;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	}

	#G_nav,#G_00 #G_nav_btn{
	display:none;
	}
	#G_nav,#hidamari,#G_nav_btn,#ch_nav{
	margin:0 auto;
	width:385px;
	}
	#ch_nav li:nth-child(3n){
	border-right:none;
	}
	#sec_nav{
		width: 385px;
		margin: 0 auto;
	}
}