@charset "utf-8";

.con01{width:960px;
	margin:50px auto;
	color:rgba(255,255,255,1.00);}

.stage_title{width:100%;
	text-align:center;}

.stage_select{text-align:center;
	font-size: 16px;
	margin-top:30px;}

select,option{font-size: 16px;}

.title_date{font-size:24px;}

.title_stagename{font-size:42px;}

.title_text{width:620px;
	margin:0 auto;
	font-size:16px;}
	
.comingsoon{font-size: 30px;
	text-align: center;}
	
.story_text{width:620px;
	margin:0 auto 50px;
	text-align:center;
	font-size:14px;
	line-height:20px;}
	
.story_text2{width:920px;
	margin:0 auto 50px;
	text-align:center;
	font-size:18px;
	line-height:36px;}

.image01{width:800px;
	margin:30px auto;
	text-align:center;
	overflow:hidden;}

.image01_inner{display:inline-block;
	overflow:hidden;}
	
.stage_image{width:400px;
	float:left;}
	
.stage_image img{width:100%;}

.information{width:920px;
	padding:20px;
	margin:0 auto;
	text-align:center;
	background:rgba(0,0,0,1.00);}

.area{width:100%;
	background:rgba(255,255,255,1.00);
	color:rgba(0,0,0,1.00);
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	text-align:center;
	margin-bottom:10px;}

.cast1{line-height:18px;
	padding-top:10px;}
	
.cast_sub{font-size:12px;
	padding-top:5px;}
	
.cast_spacer{width:100%;
	height:20px;}
	
table tr td{border:rgba(255,255,255,1.00) solid 1px;}

.td_left{width:120px;
	padding:10px 0 10px 10px;}

.td_right{width:450px;
	padding:10px 0 10px 10px;
	line-height:22px;}

.theater_name{padding-bottom:10px;}

.address{font-size:12px;}

.map{width:800px;
	height:300px;
	margin:15px auto;
	overflow:hidden;}

.information a{color:rgba(0,255,219,1.00);}
.information a:hover{color:rgba(255,126,0,1.00);}

.info0{text-align:center;}

.movie_area{display:inline-block;
	padding:15px 0;
	overflow:hidden;}

.movie01{width:300px;
	height:169px;
	margin:0 10px;
	border:rgba(255,255,255,1.00) solid 1px;
	background:rgba(255,255,255,1.00);
	float:left;}

.block01{margin-bottom:20px;}

.title01,.title02,.title03{font-size:18px;
	padding:10px 0;}

.title01{color:rgba(255,174,0,1.00);}

.title03{color:rgba(0,179,255,1.00)}

.block01_tablebox{display:inline-block;}

.block01 table{margin:0 auto 15px;
	border:none;}
.block01 table tr td{padding:5px 20px 5px 0;
	text-align:left;
	font-size:16px;
	border:none;}
	
.caotion,.caotion2{width:90%;
	margin:0 auto;}

.caotion{padding:15px 35px;
	text-align:left;
	border:rgba(255,255,255,1.00) solid 1px;}

.caotion2{padding:0 35px;
	margin:0;
	text-align:left;}

.caotion li{list-style:"●";
	font-size:14px;
	padding-bottom:10px;}
	




@media screen and ( max-width:821px )
{
.con01{width:100%;
	margin:50px auto;
	color:rgba(255,255,255,1.00);}

.stage_title{width:100%;
	height:80px;
	text-align:center;}

.stage_select{text-align:center;
	margin-top:10px;}

.title_date{font-size:16px;}

.title_stagename{font-size:20px;}

.title_text{width:90%;
	margin:0 auto;
	font-size:16px;}
	
.comingsoon{font-size: 16px;
	text-align: center;}
	
.story_text{width:90%;
	margin:0 auto 50px;
	text-align:center;
	font-size:14px;
	line-height:20px;}
	
.story_text2{width:90%;
	margin:0 auto 50px;
	text-align:left;
	font-size:14px;
	line-height:26px;}


.image01{width:90%;
	margin:30px auto;
	text-align:center;
	overflow:hidden;}

.image01 img{width: 100%;}
	
.image01_inner{display:inline-block;
	overflow:hidden;}
	
.stage_image{width:90%;
	margin: 0 auto;
	float:none;}
	
.stage_image img{width:100%;}

	.main_img{width: 90%;
		margin: 0 auto;}
	
	.main_img img{width: 100%;}
	
.information{width:calc(90% - 30px);
	padding:15px;
	margin:0 auto;
	text-align:center;
	background:rgba(0,0,0,1.00);}

.area{width:100%;
	background:rgba(255,255,255,1.00);
	color:rgba(0,0,0,1.00);
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	text-align:center;
	margin-bottom:10px;}

.cast1{line-height:18px;
	padding-top:10px;}
	
.cast_sub{font-size:12px;
	padding-top:5px;}
	
.cast_spacer{width:100%;
	height:20px;}
	
table tr td{border:rgba(255,255,255,1.00) solid 1px;}

.td_left{width:auto;
	display: block;
	padding:10px 0 10px 10px;}

.td_right{width:auto;
	display: block;
	padding:10px 0 10px 10px;
	line-height:22px;}

.theater_name{padding-bottom:10px;}

.address{font-size:12px;}

.map{width:90%;
	height:300px;
	margin:15px auto;
	overflow:hidden;}

.information a{color:rgba(0,255,219,1.00);}
.information a:hover{color:rgba(255,126,0,1.00);}

.info0{text-align:center;}

.movie_area{display:inline-block;
	padding:15px 0;
	overflow:hidden;}

.movie01{width:300px;
	height:169px;
	margin:0 10px;
	border:rgba(255,255,255,1.00) solid 1px;
	background:rgba(255,255,255,1.00);
	float:left;}

.block01{margin-bottom:20px;}

.title01,.title02,.title03{font-size:18px;
	padding:10px 0;}

.title01{color:rgba(255,174,0,1.00);}

.title03{color:rgba(0,179,255,1.00)}

.block01_tablebox{display:inline-block;}

.block01 table{margin:0 auto 15px;
	border:none;}
.block01 table tr td{padding:5px 20px 5px 0;
	text-align:left;
	font-size:16px;
	border:none;}
	
.caotion,.caotion2{width:80%;
	margin:0 auto;}

.caotion{padding:15px 35px;
	text-align:left;
	border:rgba(255,255,255,1.00) solid 1px;}

.caotion2{padding:0 35px;
	margin:0;
	text-align:left;}

.caotion li{list-style:"●";
	font-size:14px;
	padding-bottom:10px;}
}