@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{
	margin:0;
	padding:0;
	}

img{
vertical-align:top;}

td{
vertical-align:top;}


/*-------------------------hack for IE 7 */
*+html{
	background-color:#ffffff;/*-----------IE7 zoom機能対策*/
	}

body{
/*	min-width:1100px;*/
	margin:auto;
    padding:0px 0 0 0;
	background-color:#fff;
	color:#000000;
	font-size:83%;
	text-align:center;
	font-family: /*"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic",*/"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	_text-align:center;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat;				
	line-height: 1.5em;
	letter-spacing: 0.2em;
	}
	
	

	
	
ul.noStyle{
	list-style-type:none;
	}
img{
	border:none;
	}
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;
	}
.lrg{
	font-size:120%;/*body 83% of 120%*/
	line-height:1.4em;
	}
/*-----------------------ボールド*/
strong{
	font-weight:bold;
	font-style:normal;
	}

/*-----------------------下線*/
.uLine{
	text-decoration:underline;
	}
/*-----------------------約物「・」などを等幅で表示する*/
.mono{
	font-family:monospace;
	}


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

/*a:hover img{	opacity:0.8;
	filter: alpha(opacity=80);
}
*/


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

.event-text {
	margin: 1em 0 2em 0;
	text-align: center;
	display: block;
	/*border: 1px solid #000;*/
}
.event-text ul {
	padding-left: 0;
	list-style: none;
	display: inline-block;
}
.event-text ul li {
	text-align: left;
}
	
/*-----------------------文字色*/
.font-red{
	color: #E95C34;
}

/*---------------------------------------基本レイアウト*/
#skipMenu{
	position:absolute;
	visibility:hidden;
	}





#linkBox{
	width:700px;
	margin:-40px auto 0  auto;
	margin-top:0px;
	text-align:center;

	}

#link li{
	display:inline; 
}




#about{
width:360px;
padding-left:5px;}


.about{
width:360px;
padding-left:5px;}

/*#logo a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}*/


#main{
text-align:left;
}

.cast{
/*width:510px;*/
}

.castLive{
width:490px;
margin-left:10px;
margin-bottom:10px;
border:dashed 1px #7E672F;
}

.pict{
width:150px;}

.text{
width:320px;
text-align:left;
vertical-align:top;
padding-top:10px;
padding-right:10px;

}

#topic{
	width:360px;
	height:100px;
	padding:2px;
		padding-bottom:10px;
	margin:auto 10px; 
	overflow-y:auto;
	text-align:left;

}

#topicBG{
	width:377px;
	height:121px;
	background-image:url(../images/kousin_bg_bottom.jpg);
	background-repeat:no-repeat;	

}





#programLink{
width:210px;

}

#programLink li{
width:70px;
display:inline;

}

/*---------------------------------------contents詳細*/





#footer{
width:100%;
display:block;
padding:10px 0px 10px 0px;
/*background-color:#f9af0b;*/
margin:auto;
min-height:60px;
_height:60px;
color:#ffffff;
text-align:center;
background-image: linear-gradient(to top, #f22b7e 10%, #ff731e 45%, #f1ea03 100%);
}
#footer a{
	color: #fff;
}



.textBoxEve{
	height:300px;
	width:400px;
}

.textBoxEvent{
	height:90%;
	width:90%;
	text-align:left;
	margin: 3% auto;
	padding:4%;
	border:solid 2px #f9af0b;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	background-color:#f9af0b;}



#dvd{
	width:100%;
	margin:0 auto 10px auto;
/*	//border:solid 2px #f9af0b;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#FFE6A9;
color:#191919;
	}

/*#dvd .bg{
	background-image:url(../images/stanp.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	}*/

#dvd img {
	border: 2px solid #fff;
}

#dvd strong{
	color:#fe5d32;}




.newsEve{
	color:#000000;
	width:380px;
	padding:10px;
	margin:auto;
	height:280px;
	overflow:auto;	}

/*------------------------------------公演終了*/
#dvd_old{
	width:100%;
	margin:0 auto 10px auto;
	//border:solid 2px #f9af0b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#ABABAB;
	color:#000;
	}

#dvd_old img {
	border: 2px solid #fff;
}

#dvd_old strong{
	color:#1371ff;}
/*--------------------------------------------*/


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

.dvdBox{
	/*color:#ffffff;*/
	width:98%;
	padding:1%;
	margin:auto;}

.dvdBox  td{
	padding:10px;
	border-bottom:dotted 1px #ffffff;	
	}

/*---------------------------------------サブページ用*/

.subPage{
	color:#ffffff;
	width:98%;
/*	min-width:850px !important;*/
	margin:auto;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat;}


.textBoxEvent .newsEvent{
		padding-bottom:1%;
		border-bottom:solid 1px #ff0000;}	
		

 .newsEvent img{
	 max-width:100%;}





.newsText{
	margin:1%;	
	padding:5px 0 10px 35px;
		border-bottom:solid 3px #f9af0b;
		background-image:url(../images/icon1.png);
	    background-repeat:no-repeat;
		padding-left:;}	

.newsEveText{
	margin:10px;
	padding:5px 0 10px 35px;
		border-bottom:solid 3px #f9af0b;
		background-image:url(../images/icon1.png);
	    background-repeat:no-repeat;
		padding-left:;}

.eventTitle{
	font-size:1.3em;
	line-height:1.5em;
	border-bottom:2px solid #ffffff;
	padding:20px 10px 10px 10px;
	margin-bottom: 10px;
	}

.goodsImage{
	width:80%;}
	
	

/*---------------------------------------サブページ用*/

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



.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;
	}

.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;
}
.mgLeft19px{
	margin-left:19px;
}

.pabtm5px{
	padding-bottom:5px;}

.pabtm10px{
	padding-bottom:10px;
	margin: 10px;
	line-height: 1.5em;
}

.pabtm10px strong {
	font-size: 1.2em;
}



.parow7px{
	margin:7px 0;
	}
	
.paTop7px{
	padding-top:7px;}
.paTop9px{
	padding-top:9px;}
.paTop10px{
	padding-top:10px;}
.paTop20px{
	padding-top:20px;}	
.paTop40px{
	padding-top:40px;}	

.paLeft10px{
	padding-left:10px;}

.paLeft19px{
	padding-left:19px;}
	
.paLeft26px{
	padding-left:26px;}	
.paLeft40px{
	padding-left:40px;}	


.paRight5px{
	padding-right:5px;}

.paRight8px{
	padding-right:12px;}


/*左インデント付きボックス*/
.ind1em{
	padding-left:1em;
	}
.ind2em{
	padding-left:2em;
	}


/*段落*/
p.lead{
	margin:0 0 1.5em 0;
	width:773px;
	padding-left:50px;
	}





/*---------------------------------------「ページトップへ」*/
.toPageTop{
	display:inline-block;/*----------------IE7 clearfix*/
	width:80%;
	margin:0px auto;
	}
.toPageTop a{
	display:block;
	float:right;
	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;
  /**/
}



/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #000;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}



img{
	max-width:100%;}




#gnavi img {
	max-widTh:100%; }




#gnavi li {
	background-image:none;
}

.border{clear:both;border-bottom:1px dotted #ffffff;
	}
	
.r2ColDvd p{
	padding:0 0 10px 0;}	
	
.twitter-timeline{
	width:100%;}	


. bgBlack{
	background-color:#000000;}


/*===================youtube ====================*/

    .youtube {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }
     
    .youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



    .yt_wrapper {
      max-width: 640px;
      min-width: 280px;
      margin: 0px auto;
	  background-color:#000;
/*      border: 1px solid #CCC;  */
    }





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


#header{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	height:693px;
	background-image:url(../images/map_bottom.png), url(../images/header_bg.png);
	background-repeat: no-repeat;
background-size: auto,cover;
background-position:bottom center,top center;
}


h1{
	width:227px;
	position:absolute;left:-20px;top:-30px;
	z-index:11;

}

.date{
	text-align:center;
	margin:auto;
	max-width:100%;
	z-index:12;		
	}

#headerMap{		width:100%;
	height:517px;
		background-image:url(../images/map.png);
		background-position:20px center;
	}
.anime{
	-webkit-animation: cloud 90s linear infinite;
    -moz-animation: cloud 90s linear infinite;
	animation: cloud 90s linear infinite;
}
@-webkit-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}
@-moz-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}

@keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}




#slideBox1{
	width:942px;
	height:542px;
	margin:80px auto 0 auto;
	position:relative;	 	
	}
	







#wrapper{
padding:30px 0;
	width:1000px;
	margin:auto;
	text-align:left;	
	_text-align:left;
			
}


#footerBox{
	width:90%;
	margin:auto;

	}


.nonePC{
	display:none;
	}



#gnavi{
	width:1062px;
	margin:auto;
	padding:10px 0;
	}
	
#gnavi li{
	width:177px;
	display:inline;
	float:left;
	
	}	
	
.news{
	color:#000000;
	width:539px;
	padding:10px;
	margin:auto;
	height:180px;
	overflow:auto;
	}		
	
.textBox{
	height:200px;
	width:560px;
}		

.newsBox{height:200px;
overflow:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}


.castBox{
	margin-bottom: 10px;
	}


.castBox li{
	display:inline;
	margin-left:10px;
	
	}	


.s1Box{
	padding:10px 20px;
	width:910px;
	border:solid 2px #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
	}

.s2Box{
/*	padding: 5px;
	width: 461px;
	min-height:265px;	*/
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}


.s3Box{
	min-height:265px;
	border:solid 2px #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 280px;
	padding: 10px;
	}

.textBoxOnair{
	height:280px;
//	width:310px;
	width:585px;
	text-align:left;
	margin:auto;
	padding:10px;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	


.newsOnair{
	color:#000000;
//	width:300px;
	width: 570px;
	padding:10px;
	margin:auto;
	height:260px;
	overflow:auto;}	
	
.newsOnair li{
	padding:5px 0;
	border-bottom:dotted 1px #666666;	
	}				
	


#twitter{
	height:300px;
	width:100%;
	text-align:left;
	margin:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	


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

.photo{
	width:48%;
	padding:1%;
	float:left;	}

.prof{
	width:48%;
	padding:1%;
	float:left;}	

.castName{
	font-size:4em;
	line-height:1.5em;
	margin-top:-0.3em;
	}

.profText div{

	width:96%;
	margin: 2% auto;
	padding:2%;
	border-bottom:solid 1px #333333; 
	 	
	}

/*----------------------------------------段組み*/
.flWrap{
	display:inline-block;/*----------------IE7 clearfix*/
	width:96%;
	padding:1% 2% ; 
	}

goodsImg{
	padding: 1em;
}

/*-------------------------2段組*/


.l2Col{
	display:inline;
	float:left;
    width:465px;
	padding:5px;
	}

.r2Col{
	display:inline;
	float:right;
    width:465px;
	padding:5px;
}

.l2ColDvd{
	float:left;
	width:28%;
	padding:1%;
	font-weight:bold;
	}
	
.r2ColDvd{
	float:right;
    width:68%;
	padding:1%;	
}

.l2ColGoods{
	float:left;
	width:68%;
	padding:1%;
	font-weight:bold;
	}
	
.r2ColGoods{
	float:right;
    width:28%;
	padding:1%;	
}

/*-------------------------3段組*/
.l3Col,
.c3Col{
	text-align:left;
	float:left;
	padding:5px;
	}
.l3Col{
//	width:350px;
	margin-right:10px;

	}
.c3Col{
	width:315px;
	}
.r3Col{
	width: 325px;
	float: right;
	text-align: left;
	margin-top: 5px;
	}


.center {
	margin: 0 auto;
	width: 650px;
}

}

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

#wrapperPa{
	width:100%;
	margin:auto;
	text-align:left;	
	_text-align:left;
			
}

h1{
	width:227px;
	position:absolute;left:-20px;top:-30px;
	z-index:11;

}



.date{
	text-align:center;
	margin:auto;
	max-width:100%;
	z-index:12;		
	}



#header{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
/*	height:693px;*/
	background-image:url(../images/map_bottom.png), url(../images/header_bg.png);
	background-repeat: no-repeat;
background-size: contain,cover;
background-position:bottom center,top center;
}





#headerMap{	
width:100%;
height:50%;
		background-image:url(../images/map2.png);
		background-position:bottom center;
	}
.anime{
	-webkit-animation: cloud 90s linear infinite;
    -moz-animation: cloud 90s linear infinite;
	animation: cloud 90s linear infinite;
}
@-webkit-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}
@-moz-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}

@keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}


#slideBox1{
	width:86%;
	margin:80px auto 0 auto;
	position:relative;	 	
	}
	



#wrapper{
padding:30px 0;
	width:95%;
	margin:auto;
	text-align:left;	
	_text-align:left;
			
}


#footerBox{
	max-width:700px;
	margin:auto;

	}

.noneTb{
	display:none;
	}
/*#header{
	margin-top:30px;}*/


	
	#gnavi{
	width:100%;
	margin:auto;
	padding:10px 0;
	}
	
#gnavi li{
	width:16.666%;
	display:inline;
	float:left;
	
	}	
	
.news{
	color:#000000;
	width:98%;
	padding:1%;
	margin:auto;
	height:180px;
	overflow:auto;
	}		

.textBox{
	height:200px;
	width:98%;
}	


.newsBox{height:200px;
overflow:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}


.castBox{
	width:100%;
	}


.castBox li{
	float:left;
	max-width:25%;
	}


.s1Box{
	padding:2% 4%;
	width:90%;
	margin:auto;	
	border:solid 2px #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
	}
	
.s2Box{
	padding:2% 4%;
	width:90%;
	margin:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
	}

.s3Box{
	padding:2% 4%;
	width:90%;
	margin:auto;
	border:solid 2px #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}

.s3Box img{
	max-width:25%;}





.textBoxOnair{
	height:300px;
	width:95%;
	margin:auto;
	text-align:left;	
	padding:2%;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	


.newsOnair{
	color:#000000;
	width:98%;
	padding:1%;
	margin:auto;
	height:280px;
	overflow:auto;}	
	
.newsOnair li{
	padding:5px 0;
	border-bottom:dotted 1px #666666;	
	}				
	


#twitter{
	height:300px;
	width:95%;
	padding:2%;	
	text-align:left;
	margin:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	
	



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

.photo{
	width:48%;
	padding:1%;
	float:left;	}

.prof{
	width:48%;
	padding:1%;
	float:left;}	

.castName{
	font-size:4em;
	line-height:1.5em;
	margin-top:-0.3em;
	}


.profText div{
	padding:2%;
	width:96%;
	margin: 2% auto;
	border-bottom:solid 1px #333333; 
	 	
	}


/*----------------------------------------段組み*/
.flWrap{
	display:inline-block;/*----------------IE7 clearfix*/
	width:96%;
	padding:2% ; 
	}



/*-------------------------2段組*/

.l2Col1{
display:inline;
	float:none;
	width:70%;

	}
	
.r2Col1{
display:inline;
	float:none;
	margin-left:2%;
    width:28%;
}



.l2Col{
display:inline;
	float:left;
	width:49%;
/*	border-right: dotted 1px #333333;	*/
	}
	
.r2Col{
display:inline;
	float:right;
    width:49%;
}



.l2ColDvd{
	float:left;
	width:28%;
	padding:1%;
	font-weight:bold;
	}
	
.r2ColDvd{
	float:right;
    width:68%;
	padding:1%;	
}

.l2ColGoods{
	float:left;
	width:68%;
	padding:1%;
	font-weight:bold;
	}
	
.r2ColGoods{
	float:right;
    width:28%;
	padding:1%;	
}

/*-------------------------3段組*/
.l3Col,
.c3Col{
	text-align:left;


	}
.l3Col{
	width:100%;
	float:none;
	}
.c3Col{

	width:49%;
	float:left;	
	}
.r3Col{
	
	width:49%;
	float:right;	
	text-align:left;
	}




	
	}
	
	


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

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



#wrapperPa{
	width:100%;
	margin:auto;
	text-align:left;	
	_text-align:left;
}
	
h1{
position: absolute;
left: 5px;
top: 0px;
z-index: 11;
}
h1 img{
	width: 50%;
	height: auto;
}

#header{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	height: 42vh;
	background-image:url(../images/header_bg.png);
	background-repeat: no-repeat;
background-size:cover;
background-position:top center;
}


/*.date{
	text-align:center;
	margin:auto;
	max-width:100%;
	z-index:12;		
	}*/


#headerMap{	
width:100%;
height:200px;
		background-image:url(../images/map.png);
		background-position:20px center;
	}
.anime{
	-webkit-animation: cloud 90s linear infinite;
    -moz-animation: cloud 90s linear infinite;
	animation: cloud 90s linear infinite;
}
@-webkit-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}
@-moz-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}

@keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}


#slideBox1{
	width:90%;
	margin:30px auto 0 auto;

	}
	

.newsBox{height:200px;
overflow:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}


#wrapper{
padding:5px 0 10px 0;
	width:95%;
	margin:auto;
	text-align:left;	
	_text-align:left;
			
}	

#footerBox{
	max-width:639px;
	margin:auto;

	}

	
.noneMb{
	display:none;
	}	
	
		
	#gnavi{
	width:100%;
	margin:auto;
	padding:10px 0;
	}
	
#gnavi li{
	width:50%;
	display:inline;
	float:left;
	
	}	
	
.news{
	color:#000000;
	width:98%;
	padding:1%;
	margin:auto;
	height:180px;
	overflow:auto;
	}		

.textBox{
	height:200px;
	width:98%;
}	



.s1Box{
	padding:2% 4%;
	width:90%;
	margin:auto;
	border:solid 2px #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
	}
	
.s2Box{
	padding:2% 4%;
	width:90%;
	margin:auto;	
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
	
	}	


.s3Box{
	padding:2% 4%;
	width:90%;
	margin:auto;	
	border:solid 2px #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
	
	}	

.castBox li{
	float:left;
	max-width:48%;
	padding:1%;	
	}	




.textBoxOnair{
	height:300px;
	width:95%;
	margin:auto;
	text-align:left;	
	padding:2%;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	


.newsOnair{
	color:#000000;
	width:98%;
	padding:1%;
	margin:auto;
	height:280px;
	overflow:auto;}	
	
.newsOnair li{
	padding:5px 0;
	border-bottom:dotted 1px #666666;	
	}				
	


#twitter{
	height:300px;
	width:91%;
	padding:2.5%;	
	text-align:left;
	margin:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	
	

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

.photo{
	width:90%;
	padding:1%;
	margin:auto;
	text-align:center;	
	float:none;	}

.prof{
	width:96%;
	padding:1%;
	margin:auto;

	float:none;	}	

.castName{
	font-size:25px;
	line-height:1.5em;
	margin-top:-0.3em;
	}

.profText div{
	padding:1% 2%;
	width:96%;
	margin: 2% auto;
	border-bottom:solid 1px #333333; 
	 	
	}




	
/*-------------------------2段組*/
.l2Col{
display:inline;
	float:none;
	width:100%;
/*	border-right: dotted 1px #333333;	*/
	}
	
.r2Col{
display:inline;
	float:none;
    width:100%;
	background-color:#333333;
}

.l2ColDvd{
	text-align:center;	
	float:none;
	width:98%;
	padding:1%;
	font-weight:bold;
	/*background-color:#FB3235;*/
	}
	
.r2ColDvd{
	text-align:left;
	
	float:none;
	width:98%;
	padding:1%;	
}

.l2ColGoods{
	text-align:center;	
	float:none;
	width:98%;
	padding:1%;
	font-weight:bold;
	/*background-color:#FB3235;*/
	}
	
.r2ColGoods{
	text-align:left;
	
	float:none;
	width:98%;
	padding:1%;	
}

/*-------------------------3段組*/
.l3Col,
.c3Col{
	text-align:left;


	}
.l3Col{
	width:100%;
	float:none;
	}
.c3Col{

	width:100%;
	float:none;	
	}
.r3Col{
	width:100%;
	float:none;	
	text-align:left;
	}
	


	
	}	
	
	
	
/*===============================================
スマホ用  画面の横幅が319以下 
===============================================*/

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

	
.noneMb{
	display:none;
	}	
	

#wrapperPa{
	width:100%;
	margin:auto;
	text-align:left;	
	_text-align:left;
			
}
	
h1{
position: absolute;
left: 5px;
top: 5px;
z-index: 11;
}
h1 img{
	width: 50%;
	height: auto;
}

h2{
	max-width:100%;}




#header{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	background-image:url(../images/header_bg.png);
	background-repeat: no-repeat;
background-size:cover;
background-position:top center;
}





#headerMap{	
width:100%;
height:200px;
		background-image:url(../images/map.png);
		background-position:20px center;
	}
.anime{
	-webkit-animation: cloud 90s linear infinite;
    -moz-animation: cloud 90s linear infinite;
	animation: cloud 90s linear infinite;
}
@-webkit-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}
@-moz-keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}

@keyframes cloud {
    0% {background-position:0px 0px;}
    100% {background-position:1034px 0px;}
}


#slideBox1{
	width:90%;
	margin:30px auto 0 auto;

	}
	

.newsBox{height:200px;
overflow:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
}


#wrapper{
padding:5px 0 10px 0;
	width:95%;
	margin:auto;
	text-align:left;	
	_text-align:left;
			
}	

#footerBox{
	max-width:639px;
	margin:auto;

	}

	
.noneMb{
	display:none;
	}	
	
		
	#gnavi{
	width:100%;
	margin:auto;
	padding:10px 0;
	}
	
#gnavi li{
	width:50%;
	display:inline;
	float:left;
	
	}	
	
.news{
	color:#000000;
	width:98%;
	padding:1%;
	margin:auto;
	height:180px;
	overflow:auto;
	}		

.textBox{
	height:200px;
	width:98%;
}	



.s1Box{
	padding:2% 5%;
	width:90%;
	border:solid 2px #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
	}
	
.s2Box{
	padding:2% 5%;
	width:90%;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
	
	}	


.s3Box{
	padding:2% 5%;
	width:90%;
	border:solid 2px #000000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
	
	}	

.castBox li{
	float:left;
	max-width:48%;
	padding:1%;	
	}	




.textBoxOnair{
	height:300px;
	width:95%;
	margin:auto;
	text-align:left;	
	padding:2.5%;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	


.newsOnair{
	color:#000000;
	width:98%;
	padding:1%;
	margin:auto;
	height:280px;
	overflow:auto;}	
	
.newsOnair li{
	padding:5px 0;
	border-bottom:dotted 1px #666666;	
	}				
	


#twitter{
	height:300px;
	width:95%;
	padding:2.5%;	
	text-align:left;
	margin:auto;
	border:solid 2px #666666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		
}	
	

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

.photo{
	width:90%;
	padding:1%;
	margin:auto;
	text-align:center;	
	float:none;	}

.prof{
	width:96%;
	padding:1%;
	margin:auto;

	float:none;	}	

.castName{
	font-size:25px;
	line-height:1.5em;
	margin-top:-0.3em;
	}

.profText div{
	padding:1% 2%;
	width:96%;
	margin: 2% auto;
	border-bottom:solid 1px #333333; 
	 	
	}




	
/*-------------------------2段組*/
.l2Col{
display:inline;
	float:none;
	width:100%;
/*	border-right: dotted 1px #333333;	*/
	}
	
.r2Col{
display:inline;
	float:none;
    width:100%;
	background-color:#333333;
}

.l2ColDvd{
	text-align:center;	
	float:none;
	width:98%;
	padding:1%;
	font-weight:bold;
	background-color:#FB3235;
	}
	
.r2ColDvd{
	text-align:left;
	
	float:none;
	width:98%;
	padding:1%;	
}

.l2ColGoods{
	text-align:center;	
	float:none;
	width:98%;
	padding:1%;
	font-weight:bold;
	background-color:#FB3235;
	}
	
.r2ColGoods{
	text-align:left;
	
	float:none;
	width:98%;
	padding:1%;
}

/*-------------------------3段組*/
.l3Col,
.c3Col{
	text-align:left;


	}
.l3Col{
	width:100%;
	float:none;
	}
.c3Col{

	width:100%;
	float:none;	
	}
.r3Col{
	width:100%;
	float:none;	
	text-align:left;
	}
	
	
	}		
	
/*-------------------------スライド　部分*/	
	
	
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }	






#news,
#cast,
#sandanme {
	width: 1000px;
	margin: 5% auto 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

.inner { width: 49%; }

.s2Box .pabtm10px { height: 180px; }
.castBox { text-align: center; }
.s2Box h3 {
	font-size: 2em;
	padding: 20px 10px 10px;
}

#onair { width: 60%; }
#twi { width: 37%; }

@media screen and (max-width: 1000px) {

	#news,
	#cast,
	#sandanme { width: 100%; flex-direction: column; }

	.s2Box .pabtm10px { height: auto; }
	.s2Box { height: 85%; }

	.inner,
	#onair,
	#twi { width: 100%; }

}


/* マーカー線・青 */
.marker_b {
 background: linear-gradient(transparent 60%, #7fbfff 60%);
 font-weight: bold; 
}