body {width: 100%; height: 100%; margin: 0 auto; padding: 0px; color:#000; background:#fff; font-size: 62.5%; /* font-size 1em = 10px */ font-family: '游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','ＭＳ 明朝', serif; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;}
.old_alt{ position:absolute; top:-5000px; left:-9999px;}
.alt{text-indent: 100%; white-space: nowrap; overflow: hidden;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height:1px;}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*font*/
.color01{color:#000000;}
.color02{color:#ff3f8c;}
.sans-serif{font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;}
.serif{font-family: '游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','ＭＳ 明朝', serif; -moz-font-smoothing: antialiased;}
/*link*/
a {text-decoration: none;color: #000;}
a:hover {text-decoration: underline; color: #ff3f8c;}

/*/////////////////////////////////////////////////////////////////////////
全体ベースCSS
/////////////////////////////////////////////////////////////////////////*/
/*header*/
#footer{ width:100%; text-align:center; font-size:85%; color:#ffffff; background-color:#000;}
.footer_inner{width:980px; margin:0 auto;padding-bottom: 20px;}
#gaiyou_box{width:980px; font-size:90%; line-height: 2em; display:block; margin:0 auto; padding:20px 0 20px 0; text-align:center;}
#gaiyou_box a{ color:#fff;}
#contents{margin:0 0 60px 0;}
#contents_inner{width:980px; margin:0 auto;}
.page_head{width:920px; height:66px; margin: 46px auto 64px; background-repeat:no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/*/////////////////////////////////////////////////////////////////////////
Navigation
/////////////////////////////////////////////////////////////////////////*/

/*TOP NAVIGATION*/
#site_navigation{height:50px; width:100%; background:url(../images/bg_navigation.gif) repeat-x;}
ul#top_nav{width:920px; height:50px; margin:0 auto;}
ul#top_nav li{display:block; margin:0 0 0 0; float:left;}
.topnav_fix{margin: 0 auto;}
.topbanner_fix img{margin-top:34px;}
/*news*/
.top_nav01 a{width:89px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: 0 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav01 a:hover,.wrap_news .top_nav01 a{	background-position: 0px -50px;}
/*staff*/
.top_nav02 a{width:103px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: -89px 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav02 a:hover,.wrap_onair .top_nav02 a{ background-position: -89px -50px;}
/*onair*/
.top_nav03 a{width:99px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: -192px 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav03 a:hover,.wrap_story .top_nav03 a{ background-position: -192px -50px;}
/*story*/
.top_nav04 a{width:199px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: -291px 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav04 a:hover,.wrap_staffcast .top_nav04 a{ background-position: -291px -50px;}
/*character*/
.top_nav05 a{width:102px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: -490px 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav05 a:hover,.wrap_chara .top_nav05 a{ background-position: -490px -50px;}
/*Blu-ray/DVD*/
.top_nav06 a{width:139px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: -592px 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav06 a:hover,.wrap_disc .top_nav06 a,.wrap_oritoku .top_nav06 a{	background-position: -592px -50px;}
/*music*/
.top_nav07 a{width:102px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: -731px 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav07 a:hover,.wrap_goods .top_nav07 a,.wrap_cd .top_nav07 a,.wrap_books .top_nav07 a{background-position: -731px -50px;}
/*goods*/
.top_nav08 a{width:87px; height:50px; background-image: url(../images/navigation.gif);background-repeat: no-repeat;background-position: -833px 0;display: block;padding: 0;text-indent: -9999px;}
.top_nav08 a:hover,.wrap_special .top_nav08 a{	background-position: -833px -50px;}

/*----- social_box -----*/
#social_bx{ width:510px; text-align:left;}
#twitter_bx{width:280px;}
#youtube_box{width: 400px; height: 225px; position: absolute; top: 906px; left: 66px;}
#cast_box{width:258px; height:336px; position:absolute; top:492px; right:0;}
#banner_event{width:258px; height:82px; position:absolute; top:760px; right:0;}

/*/////////////////////////////////////////////////////////////////////////
TOP
/////////////////////////////////////////////////////////////////////////*/
#header{width:980px; margin:0 auto; padding:20px 0; position:relative;}
h1.header_logo{width:493px; height:102px; float:left;  margin-top: 20px; margin-left: 20px; background-image: url(../images/logo_top.gif); background-repeat:no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.header_logo{width:493px; height:102px; margin:0 auto; background-image: url(../images/logo_top.gif); background-repeat:no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.header_logo a{width: 493px; height:102px; display: block;}
.header_top{width:441px; height:136px; float:right; margin-right: 0px; background-image: url(../images/top_onair.gif); background-repeat:no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.topimg{width:980px; height:1069px; margin:0 auto; background-image:url(../images/topimg.jpg); background-repeat:no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; position:relative;}
.banner_bddvd{position:absolute; bottom:18px; right:30px;}
.banner_cafe{position:absolute; bottom:18px; right:320px; z-index:2;}
.contents_block{width:920px; height:520px; margin:0 auto; padding:24px 30px 60px;}
.update_box{ float:left;}
.boxhead{ margin-bottom:17px;}

/*Event設定*/
.event_box{float:right;}
.event_box .boxhead{ margin-bottom:17px;}
.event_banner{ margin-bottom:42px;}

/*Twitter設定*/
.twitter_box{float:right;}
.twitter_box iframe{margin-top: 10px !important; margin-left: 7px !important;}
.timeline{border-radius: 0px !important;}

.update_box{width:430px; text-align:left;}
.update_list{margin:20px 0 0 0; padding:0 0 20px 20px; border-bottom:1px solid #dcdcdc;}
.update_date{font-size:160%; margin-bottom:10px;}
.update_text{font-size:200%; line-height:1.6em;}
.newicon{margin-left:0.5em;}

/*/////////////////////////////////////////////////////////////////////////
NEWS
/////////////////////////////////////////////////////////////////////////*/
.contents_inner{width:980px; margin:0 auto;}
.head_01news{background-image:url(../images/head_01news.png);}
.newsbox{width:538px; margin:0 auto 60px; padding:40px 70px 20px 70px;  border:1px solid #dcdcdc;}
.news_innerbox{position:relative;}
.news_title{font-size:280%; line-height:1.4em; margin-bottom:16px;}
.title_check{position:absolute; top:0px; left:-34px;}
.news_h3{font-size:200%; line-height:1.5em; margin-bottom:16px;}
.news_text{margin-bottom:16px; font-size:140%; line-height:1.6em;}
.news_date{text-align:right; font-size:140%;}

.newsitem_maker{width:100px; font-size:90%;}
.newsitem_name{width:230px; font-size:90%;}
.newsitem_price{width:150px; font-size:90%;}

/*/////////////////////////////////////////////////////////////////////////
02.ONAIR
/////////////////////////////////////////////////////////////////////////*/
.wrap_onair{}
.head_02onair{background-image:url(../images/head_02onair.png);}
.head_02onair02{background-image:url(../images/head_02onair02.png);}
.head_02onair03{background-image:url(../images/head_02onair03.png);}
.onair_table{font-size:240%; color:#ff3f8c; text-align:left;}
.onair_table-1{font-size:200%; color:#ff3f8c; text-align:left; line-height:1.6em;}
.onair01{margin: 40px auto 10px 146px;}
.onair02{margin: 0 auto; text-align:center;}
.onair_table td{padding:0.3em 0.3em;}
td.pad03{padding: 0em 0 0.7em;}
.onair_text01{text-align:center;}
.td_1st{text-align:right; font-weight:bold; color:#000;}
.caution{font-size:140%; text-align:center; color:#000;}
.nonetext{font-size:240%; text-align:center;}

/*/////////////////////////////////////////////////////////////////////////
03.STORY
/////////////////////////////////////////////////////////////////////////*/
.wrap_story{ text-align:center;}
.head_03story{background-image:url(../images/head_03story.png);}
.introduction{margin:10px 0 100px 0;}

/*/////////////////////////////////////////////////////////////////////////
04.STORY
/////////////////////////////////////////////////////////////////////////*/
.head_04staff{background-image:url(../images/head_04staff.png);}
.header_story{width:183px; height:108px; margin-top:16px; background-image:url(../images/head_story.png); background-repeat:no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.storybox{width:960px; margin: 0 auto 60px;}
.storybox hr{border-width: 1px 0 0 0;}
.story_innerbox{width:960px; height:auto; padding:0 0 40px; background-image: url(../images/bg_box.png);}
.story_h2{width:800px; margin:0 auto; padding:0 0 10px; font-size:280%; line-height: 1.2em;}
.story_number{color:#ff3f8c; font-size:80%;}
.story_textbox{padding:10px 0 0;}
.story_h3{width:562px; margin:0 auto; padding:0 0 50px; background-image: url(../images/introduction_catch.png); background-repeat:no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.story_p{width: 680px; font-size:180%; font-weight:bold; line-height:1.6em; text-align:left; margin:30px auto;}
.story_p_staff{font-size:140%; font-weight:bold; line-height:1.6em; margin: 0 80px; color:#000;}

/*story_nav*/
ul.story_navigation{width:734px; /*height:68px;*/ height:122px; margin:60px auto 30px; padding:1em 0; font-weight:bold; border-top:1px solid #000; border-bottom:1px solid #000;}
ul.story_navigation li{width:120px; height:40px; padding:10px 0; font-size:240%; display:block; float:left; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-box-align: center; box-align: center;}
ul.story_navigation li a{display:block; position: relative; top: 0.6em;}

/*storynav_link*/
.storybox a {width:120px; height:40px; text-decoration: none;color: #000;}
.storybox a:hover,.story01 .storynav_01 a {color: #ff3f8c;}
.storybox a:hover,.story02 .storynav_02 a {color: #ff3f8c;}
.storybox a:hover,.story03 .storynav_03 a {color: #ff3f8c;}
.storybox a:hover,.story04 .storynav_04 a {color: #ff3f8c;}
.storybox a:hover,.story05 .storynav_05 a {color: #ff3f8c;}
.storybox a:hover,.story06 .storynav_06 a {color: #ff3f8c;}
.storybox a:hover,.story07 .storynav_07 a {color: #ff3f8c;}
.storybox a:hover,.story08 .storynav_08 a {color: #ff3f8c;}
.storybox a:hover,.story09 .storynav_09 a {color: #ff3f8c;}
.storybox a:hover,.story10 .storynav_10 a {color: #ff3f8c;}
.storybox a:hover,.story11 .storynav_11 a {color: #ff3f8c;}
.storybox a:hover,.story12 .storynav_12 a {color: #ff3f8c;}
.storybox a:hover,.story13 .storynav_13 a {color: #ff3f8c;}
.intronav{font-size:240%; margin:10px auto;}

/*/////////////////////////////////////////////////////////////////////////
05.CHARA
/////////////////////////////////////////////////////////////////////////*/
.head_05chara{background-image:url(../images/head_05chara.png);}
.wrap_chara{ text-align:center;}
.chara_list{width:880px; margin:0 auto;}
.chara_list li{width:200px; float:left; margin:10px 10px;}

/*/////////////////////////////////////////////////////////////////////////
06.DISC
/////////////////////////////////////////////////////////////////////////*/
.head_06disc{background-image:url(../images/head_06disc.png);}

/*DISC NAVIGATION*/
.disc_nav{width:400px; height:60px; margin: 0 auto; font-weight:bold;}
.disc_nav ul{width:410px; height:60px; margin:0 auto;}
.disc_nav li{display:block; margin:0 12px; float:left;}
/*goods*/
.disc_nav01 a{width:180px; height:60px; background-image: url(../images/discnav.png);background-repeat: no-repeat;background-position: 0 0;display: block;padding: 0;text-indent: -9999px;}
.disc_nav01 a:hover,.wrap_disc .disc_nav01 a{background-position: 0px -60px;}
/*cd*/
.disc_nav02 a{width:180px; height:60px; background-image: url(../images/discnav.png);background-repeat: no-repeat;background-position: -180px 0;display: block;padding: 0;text-indent: -9999px;}
.disc_nav02 a:hover,.wrap_oritoku .disc_nav02 a{background-position: -180px -60px;}

/*ORITOKU*/
.oritoku_table{
	margin:0 auto;
	font-size:160%;
	line-height:1.4;
}
.oritoku_table tr{
	
}
.oritoku_table tr th{
	color: #ffffff;
	background: #ff4c8a;
	padding: 4px 8px;
	font-weight:bold;
}
.oritoku_table tr td{
	padding: 15px 15px;
	text-align: left;
	border-bottom: 1px solid #ff4c8a;
	border-left: 1px solid #ff4c8a;
}
.border_r{
	border-right: 1px solid #ff4c8a;
	font-size:80%;
}
.oritoku_shop{
	width:190px;
}
.oritoku_item{
	width:220px;
}
.oritoku_number{
	width:220px;
}
.oritoku_option{
	width:100px;
}
.oritoku_attention{
	margin:20px 0 0 40px;
	font-size:140%;
	line-height:1.6;
}


/*/////////////////////////////////////////////////////////////////////////
07.GOODS
/////////////////////////////////////////////////////////////////////////*/
.head_07goods{background-image:url(../images/head_07goods.png);}
.head_07cd{background-image:url(../images/head_07goods.png);}
.goodsbox{width:960px; margin: 40px auto 60px;}
.goods_block{width:760px; height:auto; margin:0px 100px 40px; padding:40px 0 60px 0; border-bottom:1px solid #000;}
.goods_leftbox{ float:left;}
.goods_rightbox{width:366px; float:right; text-align:left;}
.goods_title{font-size:240%; line-height:1.2em; margin-bottom:0.5em; color:#ff3f8c;}
.goods_text{font-size: 160%; line-height:1.6em; margin-bottom:1em; font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;}
.goods_text dt{color:#ff3f8c; padding-top:1em;}

/*GOODS NAVIGATION*/
.goods_nav{width:620px; height:60px; margin: 0 auto; font-weight:bold;}
.goods_nav ul{width:620px; height:60px; margin:0 auto;}
.goods_nav li{display:block; margin:0 12px; float:left;}
/*goods*/
.goods_nav01 a{width:180px; height:60px; background-image: url(../images/goodsnav.png);background-repeat: no-repeat;background-position: 0 0;display: block;padding: 0;text-indent: -9999px;}
.goods_nav01 a:hover,.wrap_goods .goods_nav01 a{background-position: 0px -60px;}
/*cd*/
.goods_nav02 a{width:180px; height:60px; background-image: url(../images/goodsnav.png);background-repeat: no-repeat;background-position: -180px 0;display: block;padding: 0;text-indent: -9999px;}
.goods_nav02 a:hover,.wrap_cd .goods_nav02 a{background-position: -180px -60px;}
/*app*/
.goods_nav03 a{width:180px; height:60px; background-image: url(../images/goodsnav.png);background-repeat: no-repeat;background-position: -360px 0;display: block;padding: 0;text-indent: -9999px;}
.goods_nav03 a:hover,.wrap_app .goods_nav03 a{background-position: -360px -60px;}

.goods_pager{
	width:350px;
	font-size:24px;
	margin: 0 auto;
	text-align:center;
}
.goods_pager ul{
	width:auto;
	margin:0 auto;
}
.goods_pager ul li{
	margin:0 20px;
	float:left;
}


/*/////////////////////////////////////////////////////////////////////////
08.SPECIAL
/////////////////////////////////////////////////////////////////////////*/
.head_08special{background-image:url(../images/head_08special.png);}

.twitter_table{border-collapse: separate; border-spacing:4px 4px;}
.twitter_table td{ border:1px solid #dddddd;}

/*/////////////////////////////////////////////////////////////////////////
Social+tbox
/////////////////////////////////////////////////////////////////////////*/
/*social*/
 #social{ width:240px; height:40px; padding:20px 0 0 0; margin:0 auto;}
 #social #twBox{ float:left; width:110px;}
 #social #fbBox{ float:left;}
 
 /*/////////////////////////////////////////////////////////////////////////
Lazy Load
/////////////////////////////////////////////////////////////////////////*/
.lazy { display:block; position:relative; background-color:#ffffff; margin:0 auto;}

 /*/////////////////////////////////////////////////////////////////////////
ANIMATE.CSS
/////////////////////////////////////////////////////////////////////////*/
.timing01{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 0.5秒待ってからアニメーションする */
  -webkit-animation-duration: 0.5s;
  animation-delay:0.5s;
}
.timing02{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-duration: 1s;
  animation-delay:1s;
}
.timing03{
  /* 1秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 1秒待ってからアニメーションする */
  -webkit-animation-duration: 1.5s;
  animation-delay:1.5s;
}


/*2016.06.04 コラボカフェLP*/
.cafelp_wrap{
	width:920px;
	margin:50px auto;
	line-height:0 !important;
}
.cafelp_wrap img{
	margin:0 !important;
	padding:0 !important;
	line-height:0 !important;
}
.jouei{
	position:relative;
	font-size:16px;
	font-weight:bold;
}
.jouei_url01{
	position:absolute;
	top:330px;
	left:175px;
}
.jouei_url02{
	position:absolute;
	top:695px;
	left:175px;
}
.jouei_url03{
	position:absolute;
	top:1055px;
	left:180px;
}