@charset "SHIFT_JIS";
	
	/* BODY */
	body { font-size: 12px; line-height:1.2em; color: #fff; background-color:#000; background-image:url(../img/bg.png);  margin: 0px; padding: 0px; height:100%;font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4",”Arial”,"Hiragino Maru Gothic Pro","osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif; -webkit-text-size-adjust: 100%;}
	
	a { outline: none; }
	a:link { text-decoration: none; color: #000; }
	a:visited { text-decoration: none; color: #000; }
	a:hover { text-decoration: none; color: #ff6666; }
	a:active { text-decoration: none; }
	
	h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 12px; font-weight:normal; }
	strong { font-weight: normal;}
	p { margin: 0px; padding: 0px; }
	
	img { border: 0px; vertical-align: bottom; margin: 0px; padding: 0px; }
	.img { padding:2px; background-color:#996600;}
	.img2 { margin:3px; padding:1px; background-color:#ffffff;}
	.gallery_img { border-color:#000000; border-style:solid; border-width:10px;}
	
	
	.layout_pc { width:960px; height:auto; margin:0px auto; text-align:center;}
	.layout{ width:100%; height:auto; background-color:; margin-top:0px; margin: 0px auto; text-align:center;}
	.layout_sub{ width:100%; height:auto; background-color:#; margin-top:0px; margin: 0px auto; text-align:center; border-top-color:#ff6666; border-top-style:solid; border-top-width:20px;}

	/* MAIN CONTENTS */
	
	.header_text a{ border-bottom-color:#FFF; border-bottom-style: dotted; border-bottom-width:1px; color:#fff;}
	.header_text a:hover{ border-bottom-color:#FFF; border-bottom-style: dotted; border-bottom-width:1px; color:#ff6666;}
	
	.top_contents { width:940px; height:auto; margin:0px auto;}
	.home_logo { text-align:left;}
	.header_text { background-color:#000; 
	border-radius:15px;
	-moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   -o-border-radius: 15px;
   -ms-border-radius: 15px; color:#FFF; text-align:left; font-size:12px; padding:10px;}
   

	.sns_iine {	position:fixed;
	top:10px;
	left:10px;
	z-index:2000;
	list-style:none;}



/*---------------------------------------------------------------------------------------
 全体設定
---------------------------------------------------------------------------------------*/

.layout {background-size: cover; width:100%; height:auto;}



/*---------------------------------------------------------------------------------------
 トップページ設定
---------------------------------------------------------------------------------------*/

.top_page { width:100%; height:auto; text-align:left;}
.title_name { width:95%; height:auto; margin-top:21%;}
.title_name2 { width:95%; height:auto; margin-top:5%;}
  

/*---------------------------------------------------------------------------------------
 作品紹介ページ設定
---------------------------------------------------------------------------------------*/  

.introduction_page { width:100%; height:auto; text-align:left; background-image:url(../img/bg2.png); background-size: contain; margin-top:150px;}
.introduction_table { width:100%; height:auto; margin:0px auto;}
.introduction_div { width:940px; height:auto; margin:0px auto; margin-top:10%; padding-bottom:11%;}

.img-block {
  width: 150px;
  height: 300px;
  overflow: hidden;
  	border-color:#FFF; border-style:solid; border-width:5px;
		border-radius:5px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px; 
}

.img-block:hover { border-color:#000;transition-duration: 1.0s; -webkit-transition-duration: 1.0s;}

.img-block img { width:150px; height:auto; transition-duration: 1.0s; -webkit-transition-duration: 1.0s; filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;

}
.img-block img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
   filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}



/*---------------------------------------------------------------------------------------
 ニュースページ設定
---------------------------------------------------------------------------------------*/  

.news_page { width:100%; height:auto; text-align:left; background-image:url(../img/bg3.png); background-size: contain; margin-top:0px;}
.news_table { width:100%; height:auto; margin:0px auto;}
.news_div { width:940px; height:60%; margin:0px auto; margin-top:5%; padding-bottom:8.7%;}
.news_area { border-left-color:#FFF; border-left-style: dotted; border-left-width:3px;}


/*---------------------------------------------------------------------------------------
 劇場情報ページ設定
---------------------------------------------------------------------------------------*/  

.theater_page { width:100%; height:auto; text-align:left; background-image:url(../img/bg4.png); background-size: contain; margin-top:0px;}
.theater_table { width:100%; height:auto; margin:0px auto;}
.theater_div { width:940px; height:60%; margin:0px auto; margin-top:5%; padding-bottom:8.7%;}
.theater_area { border-left-color:#FFF; border-left-style: dotted; border-left-width:3px;}



/*---------------------------------------------------------------------------------------
 ローディング画面設定
---------------------------------------------------------------------------------------*/
	
	
#loading{
	position:absolute;
	left:50%;
	top:42%;
	margin-left:-30px;
	color:#ccc;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4",”Arial”,"Hiragino Maru Gothic Pro","osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#container{display:none;}


/*---------------------------------------------------------------------------------------
 メニュー画像設定
---------------------------------------------------------------------------------------*/

.btm { width:auto; height:30px;filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-opacity:0.5;}

.btm:hover {filter:alpha(opacity=100);
	-moz-opacity: 1.0; opacity: 1.0;
	transition-duration: 2.0s; -webkit-transition-duration: 2.0s;}


.menu { width:700px; height:auto; margin:0px auto;
position: fixed !important;  
	top: 10px;
 	left: 20%;
right: 20%;
}


.menu_btm{ width:25%; padding:5px; height:auto;
text-align:center;
list-style:none;
	color: #000;
	background:transparent;
	-webkit-border-radius: 10px; 
            border-radius: 10px; 
	border-color:transparent; border-width:2px; border-style:solid;}






/*---------------------------------------------------------------------------------------
 音楽コントローラー
---------------------------------------------------------------------------------------*/
 /*　プレイヤー（再生バー）の高さ、幅、背景色の指定　*/
.audiojs { height: 220px; background: #404040; width: 280px;}
      /*　再生・停止ボタンの高さ、幅、パディングの指定　*/
.audiojs .play-pause { width: 25px; height: 20px; padding: 0px 8px 0px 0px; }
      /*　再生・停止ボタンなどの p 要素　*/
.audiojs p { width: 25px; height: 20px; margin: -3px 0px 0px -1px; }
      /*　進行状態・ロードの状態を表示する部分　*/
.audiojs .scrubber { background: #5a5a5a; width: 350px; height: 10px; margin: 5px; }
      /*　進行状態を表示するバーの部分　*/
.audiojs .progress { height: 10px; width: 0px; background: #ccc; }
      /*　ロード状態を表示するバーの部分　*/
.audiojs .loaded { height: 10px; background: #000;}
      /*　再生時間の部分　*/
.audiojs .time { float: left; height: 25px; line-height: 25px; }
.audiojs .error-message { height: 24px;line-height: 24px; }
       /*　再生している曲の情報　*/
.track-details { clear: both; height: 20px; width: 280px; padding: 1px 6px; background: #eee; color: #222;  font-size: 11px; line-height: 20px;}
.track-details:before { content: '?  Now Playing: '; }


#soundON{
	position:fixed;
	top:10px;
	right:10px;
	z-index:2000;
	list-style:none;
}

#soundON a{
	display:none;
	list-style:none;
}

#soundOFF{
	position:absolute;
	top:10px;
	right:10px;
	z-index:2000;
	list-style:none;
}


audio {position:fixed;
	top:10px;
	right:10px;
	z-index:2000; filter:alpha(opacity=00);
	-moz-opacity: 0.0;
	opacity: 0.0;}


audio:hover
{ text-indent:100px;
filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
transition-duration: 1.0s; -webkit-transition-duration: 1.0s;
}

.sound_img { padding:8px; border-color:#ccc; border-style:solid; border-width:2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius:}
.sound_img:hover { filter:alpha(opacity=00);
	-moz-opacity: 0.0;
	opacity: 0.0;transition-duration: 1.0s; -webkit-transition-duration: 1.0s;}






/*---------------------------------------------------------------------------------------
 サイドバー設定
---------------------------------------------------------------------------------------*/

	  /* Let's get this party started */
::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 5px;
    background: rgba(1,107,143,1); 
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(1,107,143,1);