@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



html {
  height: 100%;
}
body {
  min-height: 100%;
  font-family: 'Noto Sans Japanese', sans-serif;
  
}


p{
	height:1.8;

	}	

body{
	line-height:0;
	/* background:url(../images/bg_pt_main.jpg); */
	}
	
a{
	color:#217fc4;
	text-decoration:underline;
		}

		
a:hover{
	color:#3995d8;
	}
	
	
#loader {
	width: 30px;
	height: 30px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top:0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
	z-index: 500;
}

#fade {
	width: 100%;
	height:100% !important;
	display: none;
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 450;
}

#header{
	min-width:1098px;
	background:#FFF;
	width:100%;
	position:fixed;
	padding:10px 0;
	left:0;
	z-index:300;
	border-bottom:1px solid #f2f2f2;
	}
	
	
#container{
	width:100%;
	line-height:1.5;
	}
	
/* ---------------------------- トップ -----------------------------------*/


body#top{
 background:url(../images/bg_naname.jpg) no-repeat 0 0;
  }
@media screen and (max-width: 1500px) {
body{
 background:url(../images/bg_naname.jpg) no-repeat -150px 0;
  }		
	
	}



#main-Container{
	width:1200px;
	margin:0 auto;
	position:relative;	
	}

#leftCont{
	float:left;
	width:390px;
	padding-top:40px;

	}
#rightCont{
	float:right;
	width:810px;
	padding-top:10px;
	}
	

#leftCont h1{
	width:390px;
	height:148px;
	background:url(../images/title_h1.png) no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
	}
	
p.copy1{
	text-align:center;
	margin:30px 0;

	}	
	
	
	

/* -- NEWSウィジェット--*/



.info-cont{
	width:362px;
	margin:20px auto 10px auto;
	}
.info-cont h2{
	width:362px;
	height:20px;
	background:url(../images/title_news.png) no-repeat;
	text-indent:-9999px;

	}

.bottom-info{
	width:362px;
	height:20px;
	background:url(../images/wid_footer.png) no-repeat;
	}






.ifrm-container {
	margin-left:18px;
	width:340px;
height:115px;
padding:6px 0;
overflow:hidden;

}


.ifrm {
  width:100%;
  height:100%;
  border:none;
  display:block;
}


	
#newsList-Cont{
	width:320px;

padding:5px 0;
line-height: 1.5;
	}

#newsList-Cont dl {	

}
#newsList-Cont dt {
font-size:70%;
margin-bottom:4px;
color:#217fc4;
}
#newsList-Cont dd {
	margin-bottom:7px;
	padding-bottom:5px;
	padding-left:40px;
	font-size:70%;
}	




/* -- TWITTERウィジェット--*/



.twitter-cont{
	width:362px;
	position:relative;
		margin:20px auto;
	}
.twitter-cont h2{
	width:362px;
	height:20px;
	background:url(../images/title_twitter.png) no-repeat;
	text-indent:-9999px;
	}	
.follow a{
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:0;
	width:85px;
	height:20px;
	}
	
	
.timelineCont{

	height:170px;
	width:345px;
	overflow:hidden;
	padding:10px 0 10px 12px;
	}	
.tw-load{
	width:20px;
	margin:80px auto 0 auto;
	}

/* -- ソーシャル/バナー--*/


.movie-thumbnail{
	margin:10px 0;
	
	}

ul.socialList{
	margin-bottom:7px;}
ul.socialList li{
	display:inline-block;
	margin:0 1px;	
	}

ul.bannerList li{
	display:inline-block;
	margin:2px 1px;	
	}
ul.bannerList li.mgl0{
	margin-left:0 !important;
	}
ul.bannerList li.mgr0{
	margin-left:0 !important;
	}
	
	
/* ---------- フッター-----------*/	

#footer{
	text-align:center;
	margin:60px 0;
	line-height:1.7;
	}
.copyRight{
	font-size:11px;	
	
	}
	
	
	
	
	
h1.underH1{
	position:absolute;
	background:url(../images/h1_rogo_under.png) no-repeat;
	width:252px;
	height:98px;
	top:7px;
	right:10px;
	text-indent:-9999px;
	}
	

	
	
	
		
/* ---------------------------- UNDER -----------------------------------*/

body.bg_clack{
	background:url(../images/bg_clack.gif) center top repeat-y;
	}

#bg_news{
	background:url(../images/bg_news.jpg) no-repeat center top;
	}	
#bg_staff{
	background:url(../images/bg_staff.jpg) no-repeat center top;
	}	
#bg_music{
	background:url(../images/bg_music.jpg) no-repeat center top;
	}
#bg_intro{
	background:url(../images/bg_intro.jpg) no-repeat center top;
	}
#bg_story{
	background:url(../images/bg_story.jpg) no-repeat center top;
	}
#bg_character{
	background:url(../images/bg_character.jpg) no-repeat center top;
	}
#bg_blu-ray{
	background:url(../images/bg_blu-ray.jpg) no-repeat center top;
	}
	
.fixedCont{
	width:100%;
	min-height:755px;
	}
	

#contents{
	width:1024px;
	margin:0 auto;
	padding-top:180px;	
	}
#contents h2{
	display:none;
	}
	


	
	
/* ---------------------------- NEWS -----------------------------------*/	

#news .c-inner{
	width:920px;
	margin:0 auto;
	line-height:1.8;	
	}	


	
.post{
	padding:30px 10px;
	border-bottom:1px solid #e1e1e1; 
	}
		
.post .newsIcon{
	vertical-align:top;
	color:#1c5eab;
	font-size:12px;
	}
.post h3{
	color:#1c5eab;
	font-size:18px;
	}	
.post p	{
	padding:10px 0 0 30px;
	font-size:80%;
	}

.post table {
	border:1px #1c5eab solid;
	border-collapse:collapse;
	margin-bottom:10px;
	font-size:80%;
}
.post th {
	border:1px #1c5eab solid;
	padding:10px 0px;
	vertical-align:middle;
	text-align:center;
}
.post td.tenpo1 {
	padding:20px 20px;
	vertical-align:middle;
	text-align:left;
}
.post td.tenpo1-img {
	padding:20px 20px;
	vertical-align:middle;
	text-align:center;
}
.post td.tenpo2 {
	padding:0px 20px 20px 20px;
	vertical-align:middle;
	text-align:left;
}
.post td.tenpo2-img {
	padding:0px 20px 20px 20px;
	vertical-align:middle;
	text-align:center;
}
.post td.tenpo3 {
	border:1px #1c5eab solid;
	padding:20px;
	vertical-align:top;
	text-align:left;
}
	
/* ---------------------------- staff_cast -----------------------------------*/

#staff_cast .c-inner{
	width:920px;
	margin:0 auto;
	line-height:1.8;	
	}	

	
	
/* ---------------------------- MUSIC -----------------------------------*/		


	
#music .c-inner{
	width:1000px;
	/* -background:url(../images/bg_suzu.jpg) no-repeat center 150px;--*/	
	text-align:center;
	margin:0 auto;
	}
	
#music h3{
	margin-bottom:60px;
	}	
	
	
p.offLink1{
	text-align:right;
	margin:20px 0 10px 0;
	font-size:75%;
	padding:0;
	}

.music-detail{
	width:315px;
	float:left;
	color:#000;
	margin:0 6px;	
	}
.music-detail2{
	width:100%;
	color:#000;
	margin:0 auto;	

	}
.music-detail h4{
	background:#666;
	color:#FFF;
	text-align:center;
	font-size:90%;
	padding:5px 0;
	margin-bottom:10px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
dl.music-list{
	text-align:left;
	line-height:1.6;
	float:left;
	
	}

dl.music-list dt{
	font-size:80%;
	font-weight:bold;
	margin-bottom:3px;
	}
dl.music-list dd{
	font-size:70%;
	margin-bottom:16px;
	}	

.tokutenCont{
	background:#fbfbf7;
	border:1px solid #d0d0d0;
	padding:15px 15px 0 15px;
	text-align:left;
	margin:0 auto;
	}

.tokutenCont .detail-2retsu{
	float:left;
	width:48%;
	margin-bottom:15px;

	}
.tokutenCont .detail-1retsu{
	width:99%;
	margin-bottom:15px;

	}	

.tokutenCont h4{
	color:#b92c31;
	margin-bottom:15px;
	}
.tokutenCont h5{
	font-size:85%;
	border-bottom:1px dashed #CCC;
	margin-bottom:15px;
	}	
.tokutenCont p{
	font-size:80%;
	 overflow: hidden;
	}	
	
	
	
ul.page-innerList{
	text-align:center;
	}
ul.page-innerList li{
	display:inline-block;
	line-height:1.8;
	font-size:11px;
	margin:0 8px;
	}
ul.page-innerList li a{
	display:block;
	border:1px solid #227fc4;
	background-image:url(../images/merker_tri.png);
	background-repeat:no-repeat;
	background-position:11px 11px;
	padding:6px 10px 6px 20px;
	line-height:1.8;
	text-decoration:none;
	}
ul.page-innerList li a:hover{
	background-color:#eef8ff;

}


.centerCont1{
	width:700px;
	margin:0 auto;
	}
	
#music-mainList{
	 position:relative;
   overflow:hidden;
   margin-bottom:50px;
   
	}
#music-mainList ul{
position:relative;
   left:50%;
   float:left;
   
   }
	
#music-mainList ul li{
	 position:relative;
   left:-50%;
   float:left;
	background:url(../music/images/bg_btn_style.jpg) no-repeat right top #000;
	font-size:11px;
	color:#FFF;	

	margin:0 5px;
	border:1px solid #000;

	}
#music-mainList ul li a{
	display:block;
	padding:5px 20px;
	text-decoration:none;
	color:#FFF;
	
	}
#music-mainList ul li a:hover{	
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";	
}


	
.line1{
	border-bottom:1px solid #e3e3e3;
	margin:80px 0 90px 0;
}
	
	
/* ---------------------------- CHARACTER -----------------------------------*/	
	
ul.chara-List{
	font-size:0;
	}
ul.chara-List li{
	display:inline-block;
	}
ul.chara-List li.lineLack img{
	border-right:0px;
	}
ul.chara-List li img{
	border:1px solid #a8a8a8;

	}

	
	
	
.characterCont{
	position:relative;
	}
	
.characterCont ul{
	position:absolute;
	top:16px;
	right:60px;
	font-size:0;
	}
.characterCont ul li{
	display:inline-block;
	margin:0 4px;
	}
	
/* ---------------------------- STORY -----------------------------------*/		

ul.story-List{
	font-size:0;
	}
ul.story-List li{
	display:inline-block;
	margin:0 4px;
	}	
.storyCont{
	padding-bottom:70px;
	}	
.mainImg-Area{
	width:600px;
	height:auto;
	float:left;
	margin-top:4px;
	}
	
ul.storyList{
	font-size:0;
	width:410px;
	float:right;
	
	}
ul.storyList li{
	width:186px;
	height:auto;
	margin:5px;
	display:inline-block;
	}
ul.storyList li img{
	width:100%;
	height:auto;
	}	

.story-Area{
	width:480px;
	float:left;
	padding:0 20px 0 0;
	
	}
	
.staff-Area{
	width:460px;
	padding:0 0 0 20px;
	float:left;
	border-left:1px solid #999;
	}
.storyCont h3{
	padding-bottom:10px;
	}
.story-Area p,.staff-Area p{
	font-size:75%;
	line-height:1.8;
	}

	
.staff-Area dl {
	font-size:75%;
	line-height:1.8;
	width:100%;
}
.staff-Area dt {
  float:left;
  width:70px;
  

}
.staff-Area dd {
  margin-left:80px;
  width:380px;

}
	
	

	
	
	
	
/* --------------------------Ble-ray DVD --------------------------------*/	

ul.dvdMenu{
	margin-bottom:40px;
	}
ul.dvdMenu li{
display: inline;
margin:0 3px;
}
ul.dvdMenu li a:hover img{
		opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}

#main-dvdCont{

	}
#main-dvdCont h3{
	font-size:160%;
	margin-bottom:70px;
	text-align:center;
	}
#main-dvdCont h3 span{
	color:#217fc4;
	}
	
.dvd-detail{
	width:900px;
	margin:0 auto 30px auto;
	text-align:left;
	}
	
	
.dvd-Left{
	width:274px;
	float:left;
	margin-right:15px;
	}
.dvd-Left img{
	margin-bottom:5px;
	}
.dvd-Right{
	float:left;
	width:575px;
	}

.dvd-Right h4{
	background:url(../bluray-dvd/images/h4_marker.jpg) left no-repeat;
	padding-left:15px;
	margin-bottom:15px;
	color:#58b345;
	}
	
.dvd-Right dl{
	width:550px;
	text-align:left;
	font-size:90%;
	margin:0 0 20px 30px;
	}
.dvd-Right dt{
		float:left;
		clear:left;
		width:140px;
		padding-bottom:10px;


}
.dvd-Right dd{
		float:left;
		width:400px;
		padding-bottom:10px;

}
.dvd-Right p.up{
	margin:0 0 10px 30px;
	font-size:80%;

}	
.dvd-Right p.down{
	margin:0 0 20px 30px;
	font-size:80%;

}	
.dvd-Right table{
	margin:0 0 10px 42px;
	font-size:70%;

}	
.dvd-Right table th{
	border-left:solid 1px;
	text-align:left;
	padding:0 0 0 5px;

}	
.dvd-Right table td{
	padding:0 2px 0 0;

}	

.tokutenCont a{
	text-decoration:none;
	}
	


	
	
	
	
	
	
	
	
	
	
/* ---------------------------- カスタム -----------------------------------*/
	
ul.sbsList{
	font-size:0;
	text-align:center;
	}	
ul.sbsList li{
	display:inline-block;
	}
	
#topbutton {
			position: fixed;
			bottom: 50px;
			right: 30px;
			width:64px;
		
			display: none;
			z-index:100;

		}