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

/*---------------------------------------ページ基本定義*/
/*---------------------------------------フォント・テキスト定義*/
/*---------------------------------------基本レイアウト*/
/*---------------------------------------ヘッダ詳細*/
/*---------------------------------------グローバルナビゲーション*/
/*---------------------------------------ローカルナビゲーション*/
/*---------------------------------------contents詳細*/
/*---------------------------------------汎用ボックス*/
/*---------------------------------------段組み*/
/*---------------------------------------「ページトップへ」*/




/*---------------------------------------ページ基本定義*/

/*-------------------------CSS Reset*/
html, body, h1, h2, h3, h4, h5, h6,
blockquote, ul, ol, dl, form, div, p, img,td ,tr, table,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary{
	margin:0;
	padding:0;
	}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block;
}


img{
vertical-align:top;}



/*-------------------------CSS Reset*/
html, body, h1, h2, h3, h4, h5, h6,
blockquote,ul, ol, dl, form, p, div, table, td, tr{
	margin:0;
	padding:0;
	}

/*-------------------------hack for IE 7 */
*+html{
	background-color:#ffffff;/*-----------IE7 zoom?@?\???*/
	}

body{
	margin:0;
	height:100%;
	padding:0;
	background-color:#000000;
    color:#ffffff;
	font-size:83%;
font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	_text-align:center;
	line-height:1.4em;
	z-index:1;
/*	background-image:url("../images/bg.jpg");background-size:cover;			*/}

ul.noStyle{
	list-style-type:none;
	}
img{
	border:none;
	vertical-align:top;
	}
hr{
	display:none;
	}

/*---------------------------------------フォント・テキスト定義*/
.reg{
	font-size:100%;/*body 83% of 100%*/
	line-height:1.4em;
	}
	
.sreg{
	font-size:90%;/*body 83% of 100%*/
	line-height:1.4em;
	}	
	
.sml{
	font-size:80%;/*body 83% of 80%*/
	line-height:1.4em;
	}
	
.ssml{
	font-size:72%;/*body 83% of 80%*/
	line-height:1.4em;
	}	
.lrg{
	font-size:120%;/*body 83% of 120%*/
	line-height:1.4em;
	}

.booklrg{
	font-size:140%;/*body 83% of 120%*/
	line-height:1.5em;
	}	
	
/*-----------------------ボールド*/
strong{
	font-weight:bold;
	font-style:normal;
	}
/*-----------------------下線*/
.uLine{
	text-decoration:underline;
	}
/*-----------------------約物「・」などを等幅で表示する*/
.mono{
	font-family:monospace;
	}


/*-----------------------基本リンクスタイル*/
a{
	}
a:link,
a:visited{
	color:#ffffff;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}


a:hover .alpha {
	opacity:0.8;
	filter: alpha(opacity=80);
	background-color:#ffffff;
	}

/*-----------------------真ん中寄せ、右寄せ*/
.alCenter{
	text-align:center;
	}
.alRight{
	text-align:right;
	}


.alMarginAuto{
	margin:auto;
	}


#headBG{
	width:1000px;
/*	background-color:#ffffff;*/
	min-height:862px;
	margin:auto;
	background-image:url("../images/main.png");
	background-position:250px top;
	background-repeat:no-repeat;
	position:relative;
	}
			
#logo{
	width:892px;
	position:absolute;top:560px;left:50px;
	}			
			
#comic{
	width:158px;
	position:absolute;top:10px;left:40px;	}			

#read1{
	width:94px;
	position:absolute;top:10px;left:880px;
	display:none;
			}		
	
＃movie{
	width:236px;}	
	
	

#read2{
	display:none;	
	width:38px;
	position:absolute;top:10px;left:200px;	}	
	
#read3{

	width:418px;
	position:absolute;top:515px;left:50px;	}	
	
	
#charaBG1{
	width:989px;
	min-height:345px;
	margin:auto;
	position:relative;
	background-image:url("../images/chara1.png");
	background-repeat:no-repeat;	}	
	
	
#charaBG2{
	width:989px;
	min-height:345px;
	margin: 15px auto 10px auto;
	position:relative;
	background-image:url("../images/chara2.png");
	background-repeat:no-repeat;
	}	
	
	
#charaBG3{
	width:989px;
	min-height:220px;
	margin:auto;
	position:relative;
	background-image:url("../images/chara3.png");
	background-repeat:no-repeat;
	}		


#sp{
	font-size:1.2em;
	line-height:1.5em;
	width:946px;
	margin:20px auto;	
	border:solid #000000 3px;
	background-color:#ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:20px;
		
	}


	

.cast th{
	vertical-align:top;	
	text-align:left;
	padding:10px;
	width:40%;
	border-bottom:dotted 1px #999999;
	}
	
.cast td{
	vertical-align:top;	
	text-align:left;
	padding:10px;	
	border-bottom:dotted 1px #999999;
	}	

	
#staff{
	width:98%;
	margin:auto;
	margin-top:15px;
	line-height:1.6em;
		
	}		
	
#staff th{
	vertical-align:top;	
	text-align:left;
	padding:5px;
	width:40%;
	border-bottom:dotted 1px #999999;
	}
	
#staff td{
	vertical-align:top;	
	text-align:left;
	padding:5px;	
	border-bottom:dotted 1px #999999;
	}		
	
#name1{
	width:437px;
	position:absolute;top:0px;left:260px;}
	
#come1{
	width:129px;
	position:absolute;top:160px;left:650px;}
	
#come1_text{
	width:390px;
	position:absolute;top:210px;left:270px;}		
	
#name2{
	width:168px;
	position:absolute;top:-15px;left:300px;}			
	
#come2{
	width:131px;
	position:absolute;top:120px;left:230px;}
			
#come2_text{
	width:365px;
	position:absolute;top:210px;left:350px;}
	
	
#name3{
	width:217px;
	position:absolute;top:-35px;left:10px;}
			
#come3_text{
	width:210px;
	position:absolute;top:130px;left:20px;}	
	
#name4{
	width:217px;
	position:absolute;top:-35px;left:500px;}
			
#come4_text{
	width:365px;
	position:absolute;top:130px;left:520px;}	
	
			
#wrapper{
	width:100%;
	min-width:1000px;
	margin:auto;
    color:#ffffff;
	text-align:left;

	}

#gnaviBox{
	width:236px;
	margin:auto;	}


#banner{
	width:240px;
	margin:auto;
	}

#banner img{
/*	width:100%;*/
	}
	
.copy{
	padding:20px;}	
	
.scrEvent{
	display:none;}	
	

	
/*-----------------------宝石　 */	
	
	
.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}	


/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}



.buruburu {
	-webkit-animation-name:buruburu;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:buruburu;
	-moz-animation-duration:3s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes buruburu {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(-5px,0);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes buruburu {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(-5px, 0);}
	100% {-moz-transform:translate(0, 0);}
}



.buruburu1 {
	-webkit-animation-name:buruburu1;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:buruburu1;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@keyframes buruburu1
{
0%   {left:350px; top:150px;}
25%  {left:350px; top:150px;}
50%  {left:400px; top:250px;}
75%  {left:450px; top:250px;}
100% {left:350px; top:150px;}
}

@-webkit-keyframes buruburu1 /*Safari and Chrome */
{
0%   {left:350px; top:150px;}
25%  {left:350px; top:150px;}
50%  {left:400px; top:250px;}
75%  {left:450px; top:250px;}
100% {left:350px; top:150px;}
}



.buruburu2{
	-webkit-animation-name:buruburu2;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:buruburu2;
	-moz-animation-duration:5s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes buruburu2 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(15px,0px);}
	75% {-webkit-transform:translate(5px,0px);}	
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes buruburu2 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(15px, 0px);}
	75% {-moz-transform:translate(5px, 0px);}	
	100% {-moz-transform:translate(0, 0);}
}



.buruburu3{
	-webkit-animation-name:buruburu3;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:buruburu3;
	-moz-animation-duration:5s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes buruburu3 {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(-15px,10px);}
	75% {-webkit-transform:translate(5px,5px);}	
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes buruburu3 {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(-15px, 10px);}
	75% {-moz-transform:translate(5px, 5px);}	
	100% {-moz-transform:translate(0, 0);}
}

.buruburu4 {
	-webkit-animation-name:buruburu4;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:buruburu4;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes buruburu4 {
0%   {left:210px; top:380px;}
25%  {left:230px; top:390px;}
50%  {left:230px; top:390px;}
75%  {left:230px; top:390px;}
100% {left:210px; top:380px;}
}
@-moz-keyframes buruburu4 {
0%   {left:210px; top:380px;}
25%  {left:230px; top:390px;}
50%  {left:230px; top:390px;}
75%  {left:230px; top:390px;}
100% {left:210px; top:380px;}
}



.waaiwaai {
	-webkit-animation-name:waaiwaai;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-animation-name:waaiwaai;
	-moz-animation-duration:1s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes waaiwaai {
	0% {-webkit-transform:translate(0, 0);}
	25% {-webkit-transform:translate(0, -24px);}
	40% {-webkit-transform:translate(0, -30px);}
	50% {-webkit-transform:translate(0, -32px);}
	60% {-webkit-transform:translate(0, -30px);}
	75% {-webkit-transform:translate(0, -24px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes waaiwaai {
	0% {-moz-transform:translate(0, 0);}
	25% {-moz-transform:translate(0, -24px);}
	40% {-moz-transform:translate(0, -30px);}
	50% {-moz-transform:translate(0, -32px);}
	60% {-moz-transform:translate(0, -30px);}
	75% {-moz-transform:translate(0, -24px);}
	100% {-moz-transform:translate(0, 0);}
}



.waaiwaai1 {
	-webkit-animation-name:waaiwaai1;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-animation-name:waaiwaai1;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes waaiwaai1 {
	0% {-webkit-transform:translate(0, 0);}
	25% {-webkit-transform:translate(0, -24px);}
	40% {-webkit-transform:translate(0, -28px);}
	50% {-webkit-transform:translate(0, -30px);}
	60% {-webkit-transform:translate(0, -28px);}
	75% {-webkit-transform:translate(0, -24px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes waaiwaai1 {
	0% {-moz-transform:translate(0, 0);}
	25% {-moz-transform:translate(0, -24px);}
	40% {-moz-transform:translate(0, -28px);}
	50% {-moz-transform:translate(0, -30px);}
	60% {-moz-transform:translate(0, -28px);}
	75% {-moz-transform:translate(0, -24px);}
	100% {-moz-transform:translate(0, 0);}
}



.waaiwaai2 {
	-webkit-animation-name:waaiwaai2;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-animation-name:waaiwaai2;
	-moz-animation-duration:3s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes waaiwaai2 {
	0% {-webkit-transform:translate(0, 0);}
	25% {-webkit-transform:translate(0, -34px);}
	40% {-webkit-transform:translate(5px, -48px);}
	50% {-webkit-transform:translate(10px, -65px);}
	60% {-webkit-transform:translate(5px, -48px);}
	75% {-webkit-transform:translate(0, -34px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes waaiwaai2 {
	0% {-moz-transform:translate(0, 0);}
	25% {-moz-transform:translate(0, -34px);}
	40% {-moz-transform:translate(5px, -48px);}
	50% {-moz-transform:translate(10px, -65px);}
	60% {-moz-transform:translate(5px, -48px);}
	75% {-moz-transform:translate(0, -34px);}
	100% {-moz-transform:translate(0, 0);}
}



.guruguru {
	-webkit-animation-name:guruguru;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-animation-name:guruguru;
	-moz-animation-duration:3s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes guruguru {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes guruguru {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}


.burabura {
	-webkit-animation-name:burabura;
	-webkit-animation-duration:6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-animation-name:burabura;
	-moz-animation-duration:6s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes burabura {
	0% {-webkit-transform:rotate(0deg);}
	25% {-webkit-transform:rotate(0deg);}
	50% {-webkit-transform:rotate(15deg);}			
	100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes burabura {
	0% {-moz-transform:rotate(0deg);}
	25% {-moz-transform:rotate(0deg);}
	50% {-moz-transform:rotate(15deg);}			
	100% {-moz-transform:rotate(0deg);}
}


.burabura1 {
	-webkit-animation-name:burabura1;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-animation-name:burabura1;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes burabura1 {
	0% {-webkit-transform:rotate(0deg);}
	50% {-webkit-transform:rotate(-10deg);}			
	100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes burabura1 {
	0% {-moz-transform:rotate(0deg);}
	50% {-moz-transform:rotate(-10deg);}			
	100% {-moz-transform:rotate(0deg);}
}



.burabura2 {
	-webkit-animation-name:burabura2;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	
	-moz-animation-name:burabura2;
	-moz-animation-duration:5s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
}
@-webkit-keyframes burabura2 {
	0% {-webkit-transform:rotate(0deg);}
	50% {-webkit-transform:rotate(10deg);}
	80% {-webkit-transform:rotate(10deg);}				
	100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes burabura2 {
	0% {-moz-transform:rotate(0deg);}
	50% {-moz-transform:rotate(10deg);}		
	80% {-moz-transform:rotate(10deg);}			
	100% {-moz-transform:rotate(0deg);}
}


	
#diamond{width:201px;
	position:absolute;top:35px;left: 60px;
	z-index:10;
		
	}

#emerald{width:98px;
	position:absolute;top: 150px;left: 350px;	
	z-index:11;
	}

#lapislazuli{width:107px;
	position:absolute;top: 170px;left: 550px;	
	z-index:12;
	}

#pearl{width:149px;
	position:absolute;top: 375px;left: 440px;	
	z-index:13;
	}

#sapphire{width:122px;
	position:absolute;top: 380px;left: 210px;	
	z-index:14;
	}
	
#turquoise{width:152px;
	position:absolute;top: 245px;left: 260px;	
	z-index:15;
	}	

#garnet{width:109px;
	position:absolute;top:  430px;left: 710px;	
	z-index:16;
	}

#ruby{width:113px;
	position:absolute;top: 535px;left: 450px;
	z-index:17;
	}

#tourmaline{width:141px;
	position:absolute;top: 440px;left:20px;
	z-index:18;
	}




#aquamarine{width:91px;
	position:absolute;top: 540px;left:270px;
	z-index:19;
	}

#peridot{width:103px;
	position:absolute;top:  485px;left: 540px;	
	z-index:20;
	}

#amethyst{width:114px;
	position:absolute;top: 520px;left:130px;
	z-index:21;
	}

#topaz{width:120px;
	position:absolute;top:  540px;left: 625px;	
	z-index:22;
	}

#girl{width:498px;
	position:absolute;top:  205px;left: 900px;	
	z-index:23;
	display:none;
	
	}

/*-----------------------宝石　 */	

	
div.feedInOut1 {
	
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay:0;	
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: thinkle1;
	-webkit-animation-timing-function: ease;
		
	-moz-animation-direction: alternate;
    -moz-animation-duration: 2s;
	-moz-animation-delay:0;	
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: thinkle1;
    -moz-animation-timing-function: ease;
    background: url("../images/thinkle1.png") ;
	background-repeat:no-repeat;
	width:1200px;
	height:848px;
	position:absolute;top: -100px;left: 0;
}

@-webkit-keyframes thinkle1{
0% {
    opacity: 1;
}

100% {
    opacity: 0;
}
}


@-moz-keyframes thinkle1 {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}



div.feedInOut{
    background: url("../images/thinkle2.png") repeat scroll 0 0 rgba(0, 0, 0, 0)\9; /* IE9 以下 */;	
	width:1200px;
	height:848px;
	position:absolute;top: -100px;left: 0;		
}

div.feedInOut {
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay:1s;	
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: thinkle2;
	-webkit-animation-timing-function: ease;	
	
	
	
    -moz-animation-direction: alternate;
    -moz-animation-duration: 1s;
	-moz-animation-delay:1s;		
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: thinkle2;
    -moz-animation-timing-function: ease;
	
	
	
    background: url("../images/thinkle2.png") ;
	background-repeat:no-repeat;	
	width:1200px;
	height:848px;
	position:absolute;top: -100px;left: 0;	
}


 /* Chrome, Safari */
@-webkit-keyframes thinkle2{
0% {
    opacity: 1;
}
100% {
    opacity: 0.5;
}
}

@-moz-keyframes thinkle2 {
0% {
    opacity: 1;
}

100% {
    opacity: 0.5;
}
}








#header{
	width:264px;
	text-align:center;
	
	}


#read{
	width:441px;
	position:absolute;left:0px;top:-70px;
	display:none;
	z-index:5;			 
			 	}






#tvk{
	position:absolute;left:-100px;top:-10px;
	
	}

#chara{
	width:482px;
	position:absolute;left:500px;top:-2px;	}


#main{width:1030px;
	margin:auto;
    background-image: url(../images/contents_bg.png);
	height:676px;

	}



.box{
	width:980px;
	margin:auto;
	background-color:#0698a9;
	color:#ffffff;

	}
	
.box th{
	padding-top:17px;
	padding-left:50px;
	width:890px;
	height:50px;
	text-align:left;
    background-image: url(../images/titile_bg.jpg);
	background-repeat: no-repeat;		
	}	



#story{
	width:940px;
	margin:auto;}


#story td{
	padding:3px 0;
	border-bottom:dotted 1px #080404; }
	
	
	
	


/*-----------------------基本リンクスタイル*/
a{
	}
a:link,
a:visited{
	color:#427EB0;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}


/*---------------------------------------汎用ボックス*/



.mgrow5px{
	margin:5px 0;
	}
.mgrow10px{
	margin:10px 0;
	}
.mgrow15px{
	margin:15px 0;
	}
.mgrow20px{
	margin:20px 0;
	}

.mgtop5px{
	margin-top:5px;
	}
	
.mgtop8px{
	margin-top:8px;
	}	
	
.mgtop10px{
	margin-top:10px;
	}
.mgtop15px{
	margin-top:15px;
	}
.mgtop20px{
	margin-top:20px;
	}
.mgtop30px{
	margin-top:30px;
	}
	
.mgtop50px{
	margin-top:50px;
	}	

.mgbtm5px{
	margin-bottom:5px;
	}
.mgbtm10px{
	margin-bottom:10px;
	}
.mgbtm15px{
	margin-bottom:15px;
	}
.mgbtm20px{
	margin-bottom:20px;
	}
.mgbtm30px{
	margin-bottom:30px;
	}
	
.mgbtm60px{
	margin-bottom:60px;
	}	

.mgLeft5px{
	margin-left:5px;
}

.mgLeft10px{
	margin-left:10px;
}
.mgLeft20px{
	margin-left:20px;
}

.pabtm5px{
	padding-bottom:5px;}
	
.pabtm10px{
	padding-bottom:10px;}	
	
.pabtm15px{
	padding-bottom:15px;}	

.paTop9px{
	padding-top:9px;}

.paTop10px{
	padding-top:10px;}
	
.paTop20px{
	padding-top:20px;}	

.paLeft10px{
	padding-left:10px;}
	
.paLeft20px{
	padding-left:20px;}	
	
.paLeft30px{
	padding-left:30px;}		


/*----------------------------------------段組み*/
.flWrap{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	min-width:1000px;	
	margin:auto;
	text-align:left;
	 background-color:#000000;
	background-image:url("../images/main12.jpg");
	background-size:cover;	
	
					 
	}


/*-------------------------2段組*/
.l2Col{
	width:264px;
	float:left;
/*	background-image:url("../images/menu_bg.jpg");
	background-position:bottom;
	background-repeat:no-repeat;*/
	background-color:#000000;

	
	min-height:100%;
	text-align:center;

/*    padding-left:48px; */
	}





#movieBox{
	margin:auto;
	width:236px;
	border:solid 2px #FFDD00; }
	


/*-------------------------3段組*/
.l3Col,
.c3Col,
.r3Col{
	float:left;
	}
.l3Col{
	width:290px;
	margin:0 2px 0 27px;
	_margin:0 2px 0 13px;
	}
.c3Col{

	width:351px;
	
	}
.r3Col{
	width:351px;
	
	}




/*---------------------------------------「ページトップへ」*/
.toPageTop{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	margin:20px 0;
	}
.toPageTop a{
	display:block;
	float:right;
	min-width:80px;
	_width:95px;
	height:16px;
	padding-right:10px;
	}
.toPageTop a:link,
.toPageTop a:visited{
	}
.toPageTop a:hover{
	}
.toPageTop a span{
	/*display:none;*/
	}



/*clearfix start*/
#header:after,
#Navi ul:after,
#main:after,
.flWrap:after,
.toPageTop:after {
	content:".";
	height:0;
	font-size:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/*clearfix end*/



.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




#loader {
    width: 400px;
    height: 300px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -150px; /* heightの半分のマイナス値 */
    margin-left: -200px; /* widthの半分のマイナス値 */
    z-index: 100;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}





.animated { 
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

.animated4s { 
    -webkit-animation-duration: 4s; 
    animation-duration: 4s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 




@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(1.05); 
    } 

    25% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 
	
    50% { 
        opacity: 0.5; 
        -webkit-transform: scale(.3); 
    } 	

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    25% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 0.5; 
        transform: scale(.3); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}



.animatedinfinite { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

@-webkit-keyframes pulse1 { 
    100% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(0.9); } 
    0% { -webkit-transform: scale(1); } 
} 
@keyframes pulse1 { 
    100% { transform: scale(1); } 
    50% { transform: scale(0.9); } 
    0% { transform: scale(1); } 
} 
.pulse1 { 
    -webkit-animation-name: pulse; 
    animation-name: pulse1; 
}



@-webkit-keyframes fadeInLeftBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftBig { 
    0% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftBig { 
    -webkit-animation-name: fadeInLeftBig; 
    animation-name: fadeInLeftBig; 
}


@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

@-webkit-keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRight { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
}

.animated8s { 
    -webkit-animation-duration: 7s; 
    animation-duration: 7s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}


.glay {
	opacity:0.40;
	filter: alpha(opacity=40);	}




/*===============================================
PC用 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 1000px){

.theater_table{}
.theater_table table{
	border:3px solid #FFF;
}
.theater_table tr{}

.theater_table tr th{
	padding: 1em;
	background: #8f874d;
	border: 1px solid #FFF;
}
.theater_table tr td{
	padding: 1em;
	border: 1px solid #FFF;
	text-align: left;
}
.theater_table tr td a{
	display: block;
	width: 25em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.theater_table tr td:last-child {
	white-space: nowrap;
}

.white_bag {
	text-align:left!important;
	font-size: 12px!important;
	padding: 10px;
	border:1px solid #FFF;
	border-radius: 5px;
}

/**/

.nonePC{
	display:none;
	}


	
.r2Col{
/*   margin-left: 264px;*/
	min-width:736px;
	text-align:center;

		}
/*		
.r2Col img{
	width:100%;
	height:100%;}
	*/
	
.r2Col .main{
	width:100%;
	min-height:1000px;
/*	height:0;
	padding-top:65%;*/
	text-align:center;
	float:right;
	background-image:url("../images/main11.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;
	
}

/*-----------------イントロぺージ用 */
.mainIntro
{
	width:100%;
	min-height:950px;
/*	height:0;
	padding-top:65%;*/
	text-align:center;
	float:right;
	background-image:url("../images/intro/bg.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;
	
}

#contents img{
	max-width:100%;}

#contents{
	padding:55px 30px;
	min-height:890px;	
	margin:auto;
	max-width:676px;
	background-image:url("../images/contents_bg.png");	
	}


#contents p{
	text-align:left;
	line-height:1.8em;
	font-size:18px;
		
	}


#contents span{
	text-align:left;
	line-height:1.8em;
	font-size:14px;
		
	}

/*-----------------イントロぺージ用 */

/*----------------- 用 */

.r2Col .mainTheater{

	width:100%;
	min-height:950px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-size: 100% cover;
	background-position:center top;
	background-repeat:no-repeat;
}


/*----------------- 用 */	

/*----------------- 用 */

.r2Col .mainNews{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
	text-align: left!important;
}


/*-----------------　用 */	

/*-----------------ストーリーぺージ用 */

.r2Col .mainStory{

	width:100%;
	min-height:950px;
	text-align:center;
	float:right;
	background-image:url("../images/story/bg.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------ストーリーぺージ用 */	

/*-----------------キャストぺージ用 */

.r2Col .mainCast{

	width:100%;
	min-height:950px;
	text-align:center;
	float:right;
	background-image:url("../images/cast/bg.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;
}

.cast{
	width:98%;
	text-align:center;
	font-size:18px;}
/*-----------------キャストぺージ用 */	


/*-----------------スタッフぺージ用 */

.r2Col .mainStaff{

	width:100%;
	min-height:950px;
	text-align:center;
	float:right;
	background-image:url("../images/staff/bg.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------スタッフぺージ用 */	

#newsBox{

	margin:auto;
	width:92%;
    background-image: url(../images/news_bg.jpg);
	height:195px;
	border:1px solid #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	
	}



#newsBox li{
	padding:10px 10px ;
	border-bottom: dashed 1px #ffffff;
	}


	
#news{
	text-align:left;
	color:#F9F4CA;
	width:95%;
	overflow:auto;
	height:180px;
	margin:0px auto 0 auto;}

#news p{
	border-bottom: dashed 1px #F9F4CA;
	padding:5px;}	
	
	
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;

	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#footer img{
	max-width:100%;}	
#footer{
	background-color:#170505;	
	width:100%;
	background-image:url("../images/footer.jpg");
		background-repeat:no-repeat;	
	}

.castBox{
	max-width:1000px;
	background-color:#170505;
	margin:auto;
/*		background-image:url("../images/footer.jpg") ;*/
/*		background-repeat:no-repeat;
		background-position:   center 1000px*/	
	}



	}

/*===============================================
タブレット 画面の横幅が1000pxまで
===============================================*/
@media screen and (min-width:640px) and (max-width: 1000px) {

.theater_table{
}
.theater_table table{
	border:3px solid #FFF;
}
.theater_table tr{}

.theater_table tr th{
	padding: 1em;
	background: #8f874d;
	border: 1px solid #FFF;
}
.theater_table tr td{
	padding: 1em;
	border: 1px solid #FFF;
	text-align: left;
}
.theater_table tr td a{
	display: block;
	width: 25em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.theater_table tr td:last-child {
	white-space: nowrap;
}

.white_bag {
	text-align:left!important;
	font-size: 12px!important;
	padding: 10px;
	border:1px solid #FFF;
	border-radius: 5px;
}

/**/


.noneTb{
	display:none;
	}
	
	
.r2Col .main{

	width:100%;
	min-height:885px;
/*	height:0;
	padding-top:65%;*/
	text-align:center;
	float:right;
	background-image:url("../images/main11.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;
	
}

/*-----------------イントロぺージ用 */

.r2Col .mainIntro{

	width:100%;
	min-height:730px;
/*	height:0;
	padding-top:65%;*/
	text-align:center;
	float:right;
	background-image:url("../images/intro/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
	
}


#contents{
	padding:55px 30px;
	min-height:670px;	
	margin:auto;
	max-width:676px;
	background-image:url("../images/contents_bg.png");	
	}

	
#contents p{
	text-align:left;
	line-height:1.8em;
	font-size:18px;
		
	}


#contents span{
	text-align:left;
	line-height:1.8em;
	font-size:14px;
		
	}
/*-----------------イントロぺージ用 */	

/*-----------------ストーリーぺージ用 */

.r2Col .mainTheater{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------ストーリーぺージ用 */	

/*----------------- 用 */

.r2Col .mainNews{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
	text-align: left!important;
}


/*-----------------　用 */	

/*-----------------ストーリーぺージ用 */

.r2Col .mainStory{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/story/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------ストーリーぺージ用 */	

/*-----------------キャストぺージ用 */

.r2Col .mainCast{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/cast/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}
.cast{
	width:98%;
	text-align:center;
	font-size:18px;}

/*-----------------キャストぺージ用 */	



/*-----------------スタッフぺージ用 */

.r2Col .mainStaff{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/staff/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------スタッフぺージ用 */	



#footer img{
	max-width:100%;}	
	
#footer{
	background-color:#170505;
	width:100%;
	}

.castBox{
	max-width:1000px;
	background-color:#170505;
	margin:auto;
/*		background-image:url("../images/footer.jpg") ;
		background-repeat:no-repeat;
		background-position: center 885px ;*/
	}
#newsBox{

	margin:auto;
	width:92%;
    background-image: url(../images/news_bg.jpg);
	height:195px;
	border:1px solid #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	
	}



#newsBox li{
	padding:10px 10px ;
	border-bottom: dashed 1px #ffffff;
	}


	
#news{
	text-align:left;
	color:#F9F4CA;
	width:95%;
	overflow:auto;
	height:180px;
	margin:0px auto 0 auto;}

#news p{
	border-bottom: dashed 1px #F9F4CA;
	padding:5px;}	
	

	}





/*===============================================
スマホ用  画面の横幅が640pxまで
===============================================*/

@media screen and (min-width:320px) and (max-width: 639px) {

.theater_table{
	overflow-x: auto;
}
.theater_table table{
	border:3px solid #FFF;
}
.theater_table tr{}

.theater_table tr th{
	padding: 1em;
	background: #8f874d;
	border: 1px solid #FFF;
}
.theater_table tr td{
	padding: 1em;
	border: 1px solid #FFF;
	text-align: left;
}
.theater_table tr td a{
	display: block;
	width: 10em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.theater_table tr td:last-child {
	white-space: nowrap;
}

.white_bag {
	text-align:left!important;
	font-size: 12px!important;
	padding: 10px;
	border:1px solid #FFF;
	border-radius: 5px;
}

/**/


#mbcont{
	background-color:#000000;}

	
.noneMb{
	display:none;
	}	
	
	
	
	.r2Col .main{
		width:100%;
	max-height:600px;
		background-color:#000000;
/*	height:0;
	padding-top:65%;*/
/*	background-image:url("../images/main11.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;*/
	
	
	}


/*-----------------イントロぺージ用 */

.r2Col .mainIntro{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/intro/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


#contents{
	padding:55px 30px;
	min-height:670px;	
	margin:auto;
	max-width:676px;
	background-image:url("../images/contents_bg.png");	
	}
	
#imageSpace{
	width:96%;
	margin:auto;}	
	
#contents img{
	max-width:100%;}
	
#contents p{
	text-align:left;
	line-height:1.8em;
	font-size:16px;
		
	}


#contents span{
	text-align:left;
	line-height:1.8em;
	font-size:14px;
		
	}
/*-----------------イントロぺージ用 */	

/*----------------- 用 */

.r2Col .mainNews{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-attachment:fixed;
	background-size: contain;
	/*background-position:center top;*/
	background-repeat:no-repeat;
	text-align: left!important;
}


/*-----------------　用 */	

/*----------------- 用 */

.r2Col .mainNews{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-size: 100% cover;
	background-position:center top;
	background-repeat:no-repeat;
}


/*----------------- 用 */	


/*----------------- 用 */

.r2Col .mainTheater{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------　用 */	

/*-----------------ストーリーぺージ用 */

.r2Col .mainStory{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/story/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------ストーリーぺージ用 */	

/*-----------------キャストぺージ用 */

.r2Col .mainCast{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/cast/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}

.cast{
	width:98%;
	text-align:center;
	font-size:16px;}


/*-----------------キャストぺージ用 */	


/*-----------------スタッフぺージ用 */

.r2Col .mainStaff{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/staff/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------スタッフぺージ用 */	



#footer img{
	max-width:100%;}
	
	
#footer{
	background-color:#170505;	
	width:100%;
/*	background-image:url("../images/footer.jpg");
		background-repeat:no-repeat;
			background-position:top ;	*/
	}

.castBox{
	max-width:1000px;
	background-color:#170505;
	margin:auto;
/*		background-image:url("../images/footer.jpg") ;
		background-repeat:no-repeat;
			background-position:  center;	*/
	}
	
#newsBox{

	margin:auto;
	width:95%;
    background-image: url(../images/news_bg.jpg);
	height:195px;
	border:1px solid #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	
	}



#newsBox li{
	padding:10px 10px ;
	border-bottom: dashed 1px #ffffff;
	}


	
#news{
	text-align:left;
	color:#F9F4CA;
	width:90%;
	overflow:auto;
	height:180px;
	margin:0px auto 0 auto;}

#news p{
	border-bottom: dashed 1px #F9F4CA;
	padding:5px;}	
	
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;

	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bannermb{
	padding-top:5px;}
	
	}
	
	
/*===============================================
スマホ用  画面の横幅が319以下 
===============================================*/

@media screen and (min-width:1px) and (max-width: 319px) {

.theater_table{}
.theater_table table{
	border:3px solid #FFF;
}
.theater_table tr{}

.theater_table tr th{
	padding: 1em;
	background: #8f874d;
	border: 1px solid #FFF;
}
.theater_table tr td{
	padding: 1em;
	border: 1px solid #FFF;
	text-align: left;
}
.theater_table tr td a{
	display: block;
	width: 10em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.theater_table tr td:last-child {
	white-space: nowrap;
}
.white_bag {
	text-align:left!important;
	font-size: 12px!important;
	padding: 10px;
	border:1px solid #FFF;
	border-radius: 5px;
}

/**/


#mbcont{
		background-color:#000000;}	
	
.noneMb{
	display:none;
	}	
	

/*-----------------イントロぺージ用 */

.r2Col .mainIntro{

	width:100%;
	min-height:730px;
/*	height:0;
	padding-top:65%;*/
	text-align:center;
	float:right;
	background-image:url("../images/intro/bg.jpg");
	background-size: contain;

	background-position:center top;
	background-repeat:no-repeat;
	
}


#contents{
	padding:55px 30px;
	min-height:670px;	
	margin:auto;
	max-width:676px;
	background-image:url("../images/contents_bg.png");	
	}
	
#imageSpace{
	width:96%;
	margin:auto;}	
	
#contents img{
	max-width:100%;}
	
#contents p{
	text-align:left;
	line-height:1.8em;
	font-size:16px;
		
	}


#contents span{
	text-align:left;
	line-height:1.8em;
	font-size:14px;
		
	}
/*-----------------イントロぺージ用 */	


/*----------------- 用 */

.r2Col .mainTeater{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/theater/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*----------------- 用 */	


/*-----------------ストーリーぺージ用 */

.r2Col .mainStory{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/story/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------ストーリーぺージ用 */	



/*-----------------キャストぺージ用 */

.r2Col .mainCast{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/cast/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


.cast{
	width:98%;
	text-align:center;
	font-size:16px;}

/*-----------------キャストぺージ用 */	




/*-----------------スタッフぺージ用 */

.r2Col .mainStaff{

	width:100%;
	min-height:730px;
	text-align:center;
	float:right;
	background-image:url("../images/staff/bg.jpg");
	background-size: contain;
	background-position:center top;
	background-repeat:no-repeat;
}


/*-----------------スタッフぺージ用 */	



#newsBox{
	margin:auto;
	width:95%;
    background-image: url(../images/news_bg.jpg);
	height:195px;
	border:1px solid #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		}



#newsBox li{
	padding:10px 10px ;
	border-bottom: dashed 1px #ffffff;
	}


	
#news{
	text-align:left;
	color:#F9F4CA;
	width:90%;
	overflow:auto;
	height:180px;
	margin:0px auto 0 auto;}

#news p{
	border-bottom: dashed 1px #F9F4CA;
	padding:5px;}	
		

	
	
	.r2Col .main{
		width:100%;
	max-height:600px;

/*	height:0;
	padding-top:65%;*/
/*	background-image:url("../images/main11.jpg");
	background-size: cover;
	background-position:center top;
	background-repeat:no-repeat;*/
	
	
	}


#footer img{
	max-width:100%;}
	
	
#footer{
	background-color:#170505;	
	width:100%;
/*	background-image:url("../images/footer_bg.jpg");
		background-repeat:no-repeat;
			background-position:top;*/	
	}

.castBox{
	max-width:1000px;
	background-color:#170505;
	margin:auto;
/*		background-image:url("../images/footer_bg.jpg") ;
		background-repeat:no-repeat;
			background-position:top;	*/
	}

.bannermb{
	padding-top:5px;}	
	}	

a.btn_dvd_link {
	display: block;
	/*margin: 930px auto 0 auto;*/

	position: absolute;
	left: 50%;
	top: 930px;
	margin-left: -300px;
}

@media screen and (min-width:640px) and (max-width: 1000px) {
	a.btn_dvd_link {
		display: block;
		/*margin: 930px auto 0 auto;*/

		position: absolute;
		left: 50%;
		top: 830px;
		margin-left: -300px;
	}
}

@media screen and (max-width: 639px) {
	a.btn_dvd_link {
	margin-top: 0px;
    display: block;
    position: absolute;
    top: 460px;
    width: 100%;
    left: 0px;
    margin-left: 0px;
	}
	a.btn_dvd_link img{
		width: 100%;
		display: block;
	}
}