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

body {
    font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",Osaka,Meiryo,"メイリオ","ＭＳ 明朝","MS Mincho",Arial,Helvetica,Verdana;
    color: #000;
	background-color:#fff;
	width:100%;
	line-height: 1.5;
}

img {
	max-width : 100% ;
	height : auto ;
}

header{
	text-align:center;
	margin:0 auto;
}

.inner{
	text-align:center;
	margin:0 auto;
}




li a{
		text-decoration:none;
		color:#231815;
	}

a.link{
		text-decoration:none;
		color:#ffffff;

}
a.link:hover{
		color: #FA93CC;
	}




footer{
	text-align:center;
	background-color:#c9e6d7;
}


a:hover img {
	    opacity: 0.5;
	    filter: alpha(opacity=50);
	}


.clear{
	clear:both;
}

.fs_80{
	font-size:80%;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}




@media screen and (max-width: 640px){
	/*スマホ・タブレット*/

	/*top*/


	.sp_n{
		display: none;

	}

	#menu {
	  display: none;
	}


	#top .box01{
		margin-top: 5px;
		/*padding-left:10px;
		padding-right:10px;*/
		text-align: center;

	}



	#top .box01 .box01_inner .ml20{
		margin-left: 20px;
	}


	#top .box01 .box01_inner .text01{
			text-align: center;
			margin-top: 25px;
		}



	#top .box01 .box01_inner .text01 a{
			text-decoration: none;
			color: #000;
		}





	#top .box01_inner li{
		border-bottom: 3px #ccc dotted;
		margin-top: 30px;
		text-align: left;
		padding-left: 11%;

	}


	#top .box01 .box01_inner .tw_area{
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;

	}


	#top footer li{
		display: inline-block;
	}





	#top .inner{
		padding-left:10px;
		padding-right:10px;
		margin-top:-30px;
	}
	
	#top .inner h1{
		margin-top:60px;
		margin-bottom:20px;
	}

	
	
	#top .mt_60{
		margin-top:60px;
	}
	
	#top .mt_20{
		margin-top:20px;
	}

	
	
	.arasuzi{
		text-align:left;
		font-size:14px;
	}

	
	#top .inner li{
		margin-bottom:20px;
	}
	
	
	

	#top .inner_02{
		padding-left:20px;
		padding-right:20px;
		text-align:center;
		margin-top:30px;
	}
	
	#top .inner_02 li{
		margin-bottom:20px;
	}

	
	
	


	#top .box02{
		margin-top: 30px;
		text-align: center;
		margin-bottom: 30px;
	}
	

	#top .box02 ul li{
		display: inline-block;
	}

	#top .box02 ul{
		overflow: hidden;
	}

	
	
	#top .sp_mt_10{
		margin-top:10px;
	}
	
	#top .sp_mt_20{
		margin-top:20px;
	}
	
	#top .sp_ml_25{
		margin-left:25px;
}

	
	
	#top .fs_24{
		font-size:24px;
	}

	#top .fs_14{
		font-size:14px;
	}

	
	
	#top .sp_mt_80{
		margin-top:80px;
	}
	
	
	#top .sp_mt_40{
		margin-top:40px;
	}


	#top .sp_mt_60{
		margin-top:60px;
	}

	#top .sp_mb_35{
		margin-bottom:35px;
	}


	#top .sp_ml_20{
		margin-left:20px;
	}

	#top .sp_fl{
		float: left;
	}


	#top .sp_n{
		display:none;
	}


	#top .box01_inner a:hover{
		color: #FA93CC
	}



/*sp comon*/

	footer ul li{
		display: inline-block;
	}




	#top footer,
	#info footer,
	#info_in footer,
	#theater footer,
	#story footer,
	#staff footer,
	#performer footer,
	#notice footer,
	#map footer,
	#comment footer{
		width:100%;
		color:#5c625f;
		padding-bottom: 10px;
		padding-top: 10px;
		vertical-align:middle;
		margin-top:-6px;
	}

	#top footer small,
	#info footer small,
	#info_in footer small,
	#theater footer small,
	#story footer small,
	#staff footer small,
	#performer footer small,
	#notice footer small,
	#map footer small,
	#comment footer small{
		color:#5c625f;
		vertical-align:middle;
		font-size:10px;
	}


.sp_n{
	display: none;
}




/*top* 1019追加*/

#top .box01{
	text-align: center;
}

#top .box01 .tokyo_tit{
margin-top: 30px;
font-size: 18px;
margin-bottom: 30px;
color: red;
font-weight: bold;
text-shadow: 0px 1px 2px #f7ec37;
}




	/*info*/


	#info .info_bg{
		background-image: url(images/info/info_bg.jpg);
		width: 100%;
		height:auto;
		 background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}



	#info .box01{
		text-align: left;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;

	}

	#info .box01 ul{
		text-align: center;
		width: 100%;
	}


	#info .box01 .tit{
		padding-left: 20px;
		padding-top: 30px;
		font-size: 24px;
	}



	#info .box01 ul li{
		border-bottom: 3px dotted #CCC;
		margin-top: 50px;
		font-size: 14px;
		text-align: left;
	    padding-left: 20px;
	}



	#info .box01 a{
		text-decoration: none;
		color: #fff;
	}


	#info .box01 a:hover{
		    /*opacity: 0.5;
		    filter: alpha(opacity=50);*/
	}


	#info .box01 nav a{
		text-decoration: none;
		color: #fff;
	}




	#info .box01 .sp_ml20{
		margin-left: 20px;
	}



	#info footer{
		margin-top: 30px;
	}







	/*info_in*/

	#info_in .box01{
		text-align: left;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		min-height: 500px;

	}


	#info_in .box01 .title{
		padding-top: 30px;
		padding-left: 10px;
		padding-bottom: 20px;
		border-bottom: 3px dotted #CCC;
	}



	#info_in .box01 .text{
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 30px;
	}




	#info_in .return{
		text-align: right;
		padding-right: 10px;
	}



	#info_in .return a{
		text-decoration: none;
		color: #fff;
	}


	#info_in .return a:hover{
		color: #FA93CC;
	}





	#info_in .info_in_bg{
		background-image: url(images/info/info_bg.jpg);
		width: 100%;
		height:auto;
		 background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}


	#info_in footer{
		margin-top: 30px;
	}






/*0910*/
	#info_in .text_0910 img{
		width: 70%;
	}

	#info_in .text_0910{
		margin-top: 50px;
		text-align: center;
	}

	#info_in .book_name{
		text-align: right;
		margin-bottom: 50px;
	}





/*0912*/
	#info_in .text_0912 .mt50{
		margin-top: 50px;
	}

	#info_in .text_0912{
		text-align: center;
	}



	#info_in .text_0912 a{
	text-decoration: none;
	color: #FFF;
	}


	#info_in .text_0912 a:hover{
	text-decoration: none;
	color: #FA93CC;
	}


	#info_in .text_0912 .thea_area{
		width: 345px;
		text-align: left;
		margin: 0 auto;
		font-size: 14px;
	}

	#info_in .text_0912 .thea_area dl{
		overflow: hidden;
	}

	#info_in .text_0912 .thea_area dt{
		float: left;
		width: 100px;
	}








	/*sotry*/

		#story .box01{
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: rgba(30,30,30,0.3);
		color: #fff;
		/*padding-left: 10px;
		padding-right: 10px;*/
		text-shadow: 1px 1px 1px #000;
	}


		#story .box01 h1{
			text-align: left;
			padding-left: 10px;
			padding-right: 10px;

		}


		#story .box01 h1 .sp_fs16{
			font-size: 16px;
		}



		#story .box01 h1 .story_pink{
			color: #e32842;
			font-size: 22px;
		}


		#story .box01 .text01{
			text-align: left;
			font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;

		}


		#story .box01 h2{
			text-align: left;
			font-size: 20px;
			margin-top: 40px;
			padding-left: 10px;
			padding-right: 10px;

		}

		#story .box01 .text02{
			text-align: left;
			font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 2;

		}



		#story .story_bg{
			background-image: url(images/story/story_bg.jpg);
			width: 100%;
			height:auto;
			background-position: center center;
			   
			  /* 画像をタイル状に繰り返し表示しない */
			  background-repeat: no-repeat;
			   
			  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
			  background-attachment: fixed;
			   
			  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
			  background-size: cover;
		}














	/*performer*/


	#performer .box01{
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: rgba(30,30,30,0.1);
		    box-sizing: border-box;
	}





	#performer .performer_bg{
		background-image: url(images/performer/performer_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}


	#performer .character_area{
		width: 100%;
		overflow: hidden;
	}



	#performer .character_area .chara{
		/*float: left;
		width: 50%;*/
		
	}

	#performer .mt20{
		margin-top: 20px;
	}

	/*#performer .character_area .chara img{
		width: 50%;
		
	}*/

	#performer .pt10{
		padding-top: 10px;
	}




	#performer .character_area .history{
		/*float: right;
		width: 50%;*/
		font-size: 14px;
		text-align: left;
		padding-right: 10px;
		padding-left: 10px;
	}






	#performer .character_area .fs24{
		font-size: 24px;
	}


	#performer .character_area .fs14{
		font-size: 14px;
	}




	#performer .box01{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#performer .box01 .mt60{
		margin-top: 60px;
		}

	#performer .box01 .character_area dd{
		margin-top: 20px;

	}



	#performer .box01 .character_area .pink{
		color: #FA93CC;
	}



	#performer .box01 .character_area .shadow{
		text-shadow: 1px 1px 1px #000;
	}




	#performer .sp_ml30{
		margin-left: 30px;
	}


	#performer .sp_ml10{
		margin-left: 10px;
	}





	#performer a{
		color: #000;
	}













	/*staff*/


		#staff .box01{
		text-align: center;
		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
		padding-bottom: 30px;
		/*background-color: rgba(30,30,30,0.1);*/
	}





	#staff .staff_bg{
		background-image: url(images/staff/staff_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}




	#staff .character_area{
		width: 100%;
		overflow: hidden;
	}



	#staff .character_area .chara{
		/*float: right;*/
		width: 50%;
		margin: 0 auto;
		
	}



	#staff .character_area .chara img{
		width: 70%;
		
	}




	#staff .character_area .history{
		/*float: left;*/
		/*width: 50%;*/
		font-size: 14px;
		text-align: left;
		padding-right: 10px;
		padding-left: 10px;
	}




	#staff .sp_mt100{
		margin-top: 100px;
	}


	#staff .sp_mt20{
		margin-top: 20px;
	}




	#staff .sp_ml30{
		margin-left: 30px;
	}


	#staff a{
		color: #000;
	}


	#staff .character_area .fs24{
		font-size: 24px;
	}


	#staff .character_area .fs14{
		font-size: 14px;
	}




	#staff .box01{
		padding-top: 50px;
		padding-bottom: 50px;
		padding-right: 10px;
		padding-left: 10px;
		box-sizing: border-box;
	}

	#staff .box01 .mt60{
		margin-top: 60px;
		}

	#staff .box01 .character_area dd{
		margin-top: 20px;
		line-height: 1.5;

	}



	#staff .box01 .character_area .pink{
		color: #FA93CC;
	}



	#staff .box01 .character_area .shadow{
		text-shadow: 1px 1px 1px #000;
	}


	#staff .work_area{
		font-size: 14px;

	}


	#staff .work_area h1{
		font-size: 24px;
		text-align: left;
	}

	#staff .work_area .mini{
		text-align: left;
		font-size: 14px;
		text-shadow: 1px 1px 1px #000;
		color: #FA93CC;
	}





	#staff .work_area .work_area_inner{
		overflow: hidden;
		margin-top: 60px;

	}

	#staff .work_area .work01{
		float: left;
		width: 50%;
		text-align: left;

	}


	#staff .work_area .work01 h2{
		text-shadow: 1px 1px 1px #000;
		color: #FA93CC;

	}




	#staff .work_area .work02{
		float: right;
		width: 50%;
		text-align: left;

	}


	#staff .work_area .work02 h2{
		text-shadow: 1px 1px 1px #000;
		color: #FA93CC;

	}








	/*theater*/




	#theater .theater_bg{
		background-image: url(images/theater/theater_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}


	#theater .box01{
		text-align: center;
		width: 100%;
		margin: 0 auto;
		/*padding-left: 10px;
		padding-right: 10px;*/
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	#theater .box01 h1{
		font-size: 20px;
	}



	#theater .box01 .text02{
		margin-top: 10px;
		color: #FA93CC;
	}



	#theater .box01 .text01 a{
		text-decoration: none;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		/*font-size: 16px;*/
		font-size: 14px;
	}



	#theater .box02{
		text-align: center;
		width: 100%;
		margin: 0 auto;
		/*margin-top: 40px;*/
		padding-top: 40px;
		margin-bottom: 100px;
		/*padding-left: 10px;
		padding-right: 10px;*/
		color: #fff;
		text-shadow: 1px 1px 1px #000;


	}




	#theater .box02 h1{
		font-size: 20px;
	}



	#theater .box01 .text01{
		/*font-size: 16px;*/
		margin-top: 30px;
		text-align: left;
		width: 90%;
		font-size: 14px;
	}






	#theater .box02 .area{
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
		margin-top: 40px;
	}



	#theater .box02 .area .line{
		border-right: 1px solid #fff;
	}


	#theater .box02 .area th{
		width: 14.2857%;
		text-align: center;
		vertical-align: middle;
		background-color: #5b9bd5;
		font-size: 16px;
		color: #fff;
	}




	#theater .box02 .text02{
		font-size: 14px;
		margin-top: 40px;
		text-align: left;
		width: 90%;
		/*font-size: 16px;*/
	}



	#theater .box02 .text02 a{
		text-decoration: none;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}





	#theater .box02 .text02 .timei{
		font-size: 16px;
		color: #5b9bd5;
		font-weight: bold;
		text-shadow: 1px 1px 1px #000;
	}



	#theater .box01 .text01 .line02{
		border-bottom: 1px #fff solid;
	}



	#theater .box02 .text02 .line02{
		border-bottom: 1px #fff solid;
	}





	#theater a:hover{
		    opacity: 0.5;
		    filter: alpha(opacity=50);
	}


	#theater nav a:hover{
		    opacity: 1;
		    filter: alpha(opacity=100);
	}


	#theater .sp_h100{
		height: 100px;
	}








/*notice*/



	#notice .box01{
		text-align: center;
		width: 100%;
		margin: 0 auto;
		height: 600px;
		/*padding: 30px;
		background-color: rgba(30,30,30,0.1);*/
	}


	#notice .notice_bg{
		background-image: url(images/notice/notice_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}


	#notice .box01 iframe{
		padding-top: 30%;
			width: 90%;
			height: 250px;
	}


	#notice footer{
		margin-top: 30px;
	}












	/*map*/


	#map .map_bg{
		/*background-image: url(images/map/map_bg.jpg);
		width: 100%;
		height:auto;
		 background-position: center center;*/
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  /*background-repeat: no-repeat;*/
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  /*background-attachment: fixed;*/
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  /*background-size: cover;*/
	}



	#map .box01{
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		color: #fff;
		/*background-color: #9ed8ed;*/
		background-color: #fff;
		padding-bottom: 30px;

	}

	/*#map .box01 ul{
		text-align: center;
		width: 100%;
	}*/

	#map .box01 .sp_mt30{
		margin-top: 30px;
	}


	#map .box01 .tit{
		padding-left: 20px;
		padding-top: 30px;
		font-size: 24px;
	}

	#map .sp_area{
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
	}

	/*#map .sp_area img{
		width: 80%;
	}*/


	/*#map .box01 ul li{
		border-bottom: 3px dotted #CCC;
		margin-top: 50px;
		font-size: 14px;
		text-align: left;
	    padding-left: 20px;
	}*/



	#map .box01 a{
		text-decoration: none;
		color: #fff;
	}


	#map .box01 a:hover{
		    /*opacity: 0.5;
		    filter: alpha(opacity=50);*/
	}


	#map .box01 nav a{
		text-decoration: none;
		color: #fff;
	}




	#map .box01 .sp_mt20{
		margin-top: 20px;
	}



	#map .box01 .sp_area .sp_map{
		text-align: center;
	}



	#map .box01 .sp_area h2{
		text-align: left;
		color: #000;
	}




	#map .box01 .sp_area h3{
		text-align: left;
		color: #000;
	}



	#map .box01 .sp_area p{
		text-align: left;
		color: #000;
	}



	#map .sp_mt50{
		margin-top: 50px;
	}



	#map .area_a{
		border: #cee7f0 solid 5px;
		padding: 10px;
	}



	#map .area_b{
		border: #b8d3c1 solid 5px;
		padding: 10px;
	}

	#map .area_c{
		border: #e6e0ad solid 5px;
		padding: 10px;
	}

	#map .area_d{
		border: #e4bdcd solid 5px;
		padding: 10px;
	}

	#map .area_e{
		border: #edd3ad solid 5px;
		padding: 10px;
	}

	#map .area_f{
		border: #d0dca6 solid 5px;
		padding: 10px;
	}

	#map .area_g{
		border: #d8c6d9 solid 5px;
		padding: 10px;
	}



	#map .circ{
		width: 50px;
	    height: 50px;
		padding: 2px;
	    background-color: #d5388e;/* 円の色 */
	}




/*顛末記*/

	#info .tenmatuki_text{
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;

	}

	#info .ten_sp_mt30{
		margin-top: 30px;
	}



/*comment*/




	#comment .box01{
		text-align: left;
		/*width: 100%;
		margin: 0 auto;*/
		padding-top: 30px;
		padding-bottom: 30px;
		/*background-color: rgba(30,30,30,0.1);*/
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		padding-right: 10px;
	    padding-left: 10px;
	    box-sizing: border-box;

	}





	#comment .comment_bg{
		background-image: url(images/comment/comment_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}




		#comment .box01 dt{
			margin-top: 50px;
			width: 50%;
			border-bottom: 3px dotted #FA93CC; 
		}



		#comment .box01 dd{
			margin-top: 10px;
		}



		#comment .box01 h1{
		    font-size: 20px;
		}


		#comment .box01 .sp_mt40{
			margin-top: 40px;
		}


		#comment .box01 .fp{
			color: #FA93CC;
		}


	}/*スマホ・タブレット終わり*/
	





	
@media screen and (min-width:641px){

		/*ｐｃ用*/
		/*top*/



	html{
	  min-height: 100%;
	  position: relative;
	}



	#top{
		margin-bottom: 120px;
	}





	#top header img{
		clear: both;
		margin-top: 1px;
	}




	#top .box01{
		width: 1024px;
		margin: 0 auto;
		margin-top: 5px;
		overflow: hidden;

	}



	#top .box01 .main_img{
		float: left;
		width: 80%;
	}


	#top .box01 .box01_inner
	{
		float: left;
		width: 20%;
		box-sizing: border-box;
		padding-left: 10px;

	}



	#top .box01_inner .text_area li{
		border-bottom: 3px #ccc dotted;
		margin-top: 25px;
	}


	#top .box01 .box01_inner .ml20{
		margin-left: 20px;
	}



	#top .box01_inner .tw_area{
		/*float: right;*/
		margin-top: 80px;
	}




	#top .box01_inner a{
		text-decoration: none;
		color: #000;
	}


	#top .box01_inner a:hover{
		color: #FA93CC
	}





	#top .text01{
		text-align: right;
		margin-top: 5%;

	}





	#top .inner{
		width:1024px;
	}
	
	#top .inner h1{
		margin-top:60px;
		margin-bottom:20px;
		}
		
	#top .mt_60{
		margin-top:60px;
	}
	
	#top .mt_20{
		margin-top:20px;
	}
	
	
	#top .mt_80{
		margin-top:80px;
	}

	
	
	
	#top .mt_40{
 		margin-top:40px;
	}

	#top .arasuzi{
		text-align: left;
		font-size: 24px;
		margin-left: 5%;
		margin-bottom: 10px;
		color:#231815;
	}
	
	
	
	#top .mt_10{
		margin-top:10px;
	}
	
	
	
	#top .box02{
		/*width: 1024px;
		margin: 0 auto;*/
		width: 100%;
		text-align: center;
		position: absolute;
		bottom:50px;
		/*left: 20%;*/
		/*left: 17%;*/
	}
	



	#top .box02 ul li{
		display: inline-block;
	}

	#top .box02 .pc_ml_10{
		margin-left: 10px;
	}




	#top .box02 .pc_ml_20{
		margin-left: 20px;
	}




	#top footer{
		padding:10px;
		color:#5c625f;
		width: 100%;
		vertical-align:middle;
		position:absolute;
	    bottom:0px;
	    box-sizing: border-box;
	}




	#top footer ul{
		padding-bottom: 2%;
	}




	#top .mt_100{
		margin-top:100px;
	}
	
	#top .mt_50{
		margin-top:50px;
	}

	#top .mb_50{
		margin-bottom:50px;
	}




	#top .pc_n{
		display:none;
	}
	

	
	#top .border{
		border:solid 1px #000;
		padding:20px;
		width: 180px;
		height: 60px;
	}


/*top* 1019追加*/

#top .main_img{
	text-align: center;
}

#top .box01 .tokyo_tit{
margin-top: 70px;
font-size: 25px;
margin-bottom: 50px;
color: red;
font-weight: bold;
text-shadow: 0px 1px 2px #f7ec37;
}


/*common header footer*/

.pc_n{
	display: none;
}

#menu {
    display: block;
  }
  .slicknav_menu {
    display: none;
  }


	#top header,
	#info header,
	#info_in header,
	#story header,
	#performer header,
	#staff header,
	#theater header,
	#notice header,
	#map header,
	#comment header{
		width: 100%;
			background-color: #fa93cc;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa93cc+0,f7b7da+100 */
			background: #fa93cc; /* Old browsers */
			background: -moz-linear-gradient(top, #fa93cc 0%, #f7b7da 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa93cc), color-stop(100%,#f7b7da)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fa93cc 0%,#f7b7da 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fa93cc 0%,#f7b7da 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #fa93cc 0%,#f7b7da 100%); /* IE10+ */
			background: linear-gradient(to bottom, #fa93cc 0%,#f7b7da 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa93cc', endColorstr='#f7b7da',GradientType=0 ); /* IE6-9 */

	}





	#top header .line01_1,
	#info header .line01_1,
	#info_in header .line01_1,
	#story header .line01_1,
	#performer header .line01_1,
	#staff header .line01_1,
	#theater header .line01_1,
	#notice header .line01_1,
	#map header .line01_1,
	#comment header .line01_1{
		width: 5%;
		box-sizing: border-box;
		padding-top: 2%;
		/*height: 100px;*/
		height: 70px;
		border-right: dotted 1px #fff;
	}



	#top header .line01_1 img,
	#info header .line01_1 img,
	#info_in header .line01_1 img,
	#story header .line01_1 img,
	#performer header .line01_1 img,
	#staff header .line01_1 img,
	#theater header .line01_1 img,
	#notice header .line01_1 img,
	#map header .line01_1 img,
	#comment header .line01_1 img{
		width: 50%;
	}






	#top header .line01 img,
	#info header .line01 img,
	#info_in header .line01 img,
	#story header .line01 img,
	#performer header .line01 img,
	#staff header .line01 img,
	#theater header .line01 img,
	#notice header .line01 img,
	#map header .line01 img,
	#comment header .line01 img{
		width: 70%;
	}





	#top header ._img img,
	#info header ._img img,
	#info_in header ._img img,
	#story header ._img img,
	#performer header ._img img,
	#staff header ._img img,
	#theater header ._img img,
	#notice header ._img img,
	#map header ._img img,
	#comment header ._img img{
		width: 70%;
	}








	#top header a,
	#info header a,
	#info_in header a,
	#story header a,
	#performer header a,
	#staff header a,
	#theater header a,
	#notice header a,
	#map header a,
	#comment header a{
	color: #e5007f;
	}









	#top header li,
	#info header li,
	#info_in header li,
	#story header li,
	#performer header li,
	#staff header li,
	#theater header li,
	#notice header li,
	#map header li,
	#comment header li{
		float: left;
		/*width: 11.875%;*/
		/*width: 14.2857143%;*/
		/*width: 13.5714286%;*/
		width: 10%;
		box-sizing: border-box;
		/*padding-top: 0.5%;*/
		padding-top: 1%;
		height: 70px;
	}












	#top header .line01,
	#info header .line01,
	#info_in header .line01,
	#story header .line01,
	#performer header .line01,
	#staff header .line01,
	#theater header .line01,
	#notice header .line01,
	#map header .line01,
	#comment header .line01{
		border-right: dotted 1px #fff;
	}







	#top header ul,
	#info header ul,
	#info_in header ul,
	#story header ul,
	#performer header ul,
	#staff header ul,
	#theater header ul,
	#notice header ul,
	#map header ul,
	#comment header ul{
		overflow: hidden;
		width: 1024px;
		background-color: #fa93cc;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa93cc+0,f7b7da+100 */
		background: #fa93cc; /* Old browsers */
		background: -moz-linear-gradient(top, #fa93cc 0%, #f7b7da 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa93cc), color-stop(100%,#f7b7da)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fa93cc 0%,#f7b7da 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fa93cc 0%,#f7b7da 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fa93cc 0%,#f7b7da 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fa93cc 0%,#f7b7da 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa93cc', endColorstr='#f7b7da',GradientType=0 ); /* IE6-9 */
		border-left: 1px dotted #fff;
	    /*border-right: 1px dotted #fff;*/
	    box-sizing: border-box;
		margin: 0 auto;
	}









/*top absolute必要のため指定別*/

	#info footer,
	#info_in footer,
	#story footer,
	#performer footer,
	#staff footer,
	#theater footer,
	#notice footer,
	#map footer,
	#comment footer{
		padding:10px;
		color:#5c625f;
		vertical-align:middle;
		/*margin-top:-6px;*/
	}
	


	#top footer small,
	#info footer small,
	#info_in footer small,
	#story footer small,
	#performer footer small,
	#staff footer small,
	#theater footer small,
	#notice footer small,
	#map footer small,
	#comment footer small{
		color:#5c625f;
		vertical-align:middle;
		font-size:16px;

		/*float: right;
		line-height: 5;*/

	}









	footer .footerinner{
		width: 1024px;
		margin: 0 auto;
		color:#5c625f;
		vertical-align:middle;
		overflow: hidden;
	}







	footer ul{
		width: 40%;
		padding-top: 2%;
		float: left;
	}


	footer li{
		display: inline-block;
		margin-left: 20px;
	}























/*menue*/
	nav li{
	transition-duration:0.3s;
	}


	.active{
		text-shadow: 1px 2px 1px #fff;
	}


	.active_in{
		text-shadow: 1px 2px 1px #fff;
	}



	/*info*/

	#info .box01{
		text-align: left;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.1);
		font-size: 24px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		box-sizing: border-box;
	}

	#info .box01 ul{
		text-align: left;
	}



	#info .box01 ul li{
		border-bottom: 3px dotted #CCC;
		margin-top: 25px;
	}

	#info .box01 .tit{
		font-size: 36px;
	}


	#info .text{
		margin-bottom: 50px;
	}




	#info .info_bg{
		background-image: url(images/info/info_bg.jpg);
		width: 100%;
		height:auto;
		 background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}






	#info .box01 a{
		text-decoration: none;
		color: #fff;
	}


	#info .box01 a:hover{
		    /*opacity: 0.5;
		    filter: alpha(opacity=50);*/
	}


	#info .box01 nav a{
		text-decoration: none;
		color: #fff;
	}


	#info .box01 a:hover{
		color: #FA93CC
	}


	#info .box01 .ml30{
		margin-left: 30px;
	}




	/*info_in*/

	#info_in .box01{
		text-align: left;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.1);
		font-size: 24px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		box-sizing: border-box;
		/*1007追加*/
		min-height: 800px;
	}


	#info_in .box01 .title{
		padding-bottom: 20px;
		border-bottom: 3px dotted #CCC;
	}


	#info_in .text{
		padding-top: 20px;
	}



	#info_in .return{
		text-align: right;
		margin-top:50px;
	}



	#info_in .return a{
		text-decoration: none;
		color: #fff;
	}


	#info_in .return a:hover{
		color: #FA93CC;
	}





	#info_in .info_in_bg{
		background-image: url(images/info/info_bg.jpg);
		width: 100%;
		height:auto;
		 background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}





/*0910*/
	#info_in .text_0910{
		width: 345px;
		margin: 0 auto;
		margin-top: 100px;
	}

	#info_in .book_name{
		text-align: right;
	}


/*0912*/
	#info_in .text_0912 .mt50{
		margin-top: 50px;
	}

	#info_in .text_0912{
		text-align: center;
	}



	#info_in .text_0912 a{
	text-decoration: none;
	color: #FFF;
	}


	#info_in .text_0912 a:hover{
	text-decoration: none;
	color: #FA93CC;
	}


	#info_in .text_0912 .thea_area{
		width: 700px;
		text-align: left;
		margin: 0 auto;
	}

	#info_in .text_0912 .thea_area dl{
		overflow: hidden;
	}

	#info_in .text_0912 .thea_area dt{
		float: left;
		width: 300px;
	}




	/*sotry*/

		#story .box01{
		text-align: center;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.5);
		color: #fff;
		padding-left: 15px;
		padding-right: 15px;
		text-shadow: 1px 1px 1px #000;

	}


		#story .box01 h1{
			text-align: left;
		}


		#story .box01 h1 .fs24{
			font-size: 24px;
		}



		#story .box01 h1 .story_pink{
			color: #e32842;
			font-size: 50px;
		}


		#story .box01 .text01{
			text-align: left;
			font-size: 21px;
		}


		#story .box01 h2{
			text-align: left;
			font-size: 24px;
			margin-top: 60px;
		}

		#story .box01 .text02{
			text-align: left;
			font-size: 16px;
			line-height: 3;
		}



		#story .story_bg{
			background-image: url(images/story/story_bg.jpg);
			width: 100%;
			height:auto;
			background-position: center center;
			   
			  /* 画像をタイル状に繰り返し表示しない */
			  background-repeat: no-repeat;
			   
			  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
			  background-attachment: fixed;
			   
			  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
			  background-size: cover;
		}







	/*performer*/


	#performer .box01{
		text-align: center;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.1);
		    box-sizing: border-box;
	}





	#performer .performer_bg{
		background-image: url(images/performer/performer_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}


	#performer .character_area{
		width: 100%;
		overflow: hidden;
	}



	#performer .character_area .chara{
		float: left;
		/*width: 50%;*/
		width: 35%;
		
	}

	#performer .mt20{
		margin-top: 20px;
	}

	/*#performer .character_area .chara img{
		width: 50%;
		
	}*/

	#performer .pt10{
		padding-top: 10px;
	}



	#performer .character_area .history{
		float: right;
		/*width: 50%;*/
		width: 65%;
		font-size: 14px;
		text-align: left;
	}

	#performer .ml30{
		margin-left: 30px;
	}


	#performer .ml10{
		margin-left: 10px;
	}



	#performer .character_area .fs24{
		font-size: 24px;
	}


	#performer .character_area .fs14{
		font-size: 14px;
	}




	#performer .box01{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#performer .box01 .mt60{
		margin-top: 60px;
		}

	#performer .box01 .character_area dd{
		margin-top: 20px;

	}



	#performer .box01 .character_area .pink{
		color: #FA93CC;
	}



	#performer .box01 .character_area .shadow{
		text-shadow: 1px 1px 1px #000;
	}



	#performer a{
		color: #000;
	}




	/*staff*/


		#staff .box01{
		text-align: center;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.1);
		box-sizing: border-box;
	}


	#staff .mt50{
		margin-top: 50px;
	}


	#staff .staff_bg{
		background-image: url(images/staff/staff_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}




	#staff .character_area{
		width: 100%;
		overflow: hidden;
	}



	#staff .character_area .chara{
		float: left;
		width: 40%;
		
	}



	#staff .character_area .chara img{
		width: 45%;
		
	}




	#staff .character_area .history{
		float: right;
		width: 60%;
		font-size: 14px;
		text-align: left;
	}






	#staff .character_area .fs24{
		font-size: 24px;
	}


	#staff .character_area .fs14{
		font-size: 14px;
	}




	#staff .box01{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#staff .box01 .mt60{
		margin-top: 60px;
		}

	#staff .box01 .character_area dd{
		margin-top: 20px;
		line-height: 1.5;

	}



	#staff .box01 .character_area .pink{
		color: #FA93CC;
	}



	#staff .box01 .character_area .shadow{
		text-shadow: 1px 1px 1px #000;
	}


	#staff .work_area{
		font-size: 14px;

	}


	#staff .work_area h1{
		font-size: 24px;
		text-align: left;
	}

	#staff .work_area .mini{
		text-align: left;
		font-size: 14px;
		text-shadow: 1px 1px 1px #000;
		color: #FA93CC;
	}




	#staff .ml30{
		margin-left: 30px;
	}


	#staff a{
		color: #000;
	}


	#staff a:hover{
		opacity: 0.5
	}




	#staff .work_area .work_area_inner{
		overflow: hidden;
		margin-top: 60px;

	}

	#staff .work_area .work01{
		float: left;
		width: 50%;
		text-align: left;

	}


	#staff .work_area .work01 h2{
		text-shadow: 1px 1px 1px #000;
		color: #FA93CC;

	}




	#staff .work_area .work02{
		float: right;
		width: 50%;
		text-align: left;

	}


	#staff .work_area .work02 h2{
		text-shadow: 1px 1px 1px #000;
		color: #FA93CC;

	}


	/*theater*/

	#theater .box01{
		text-align: center;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.1);
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		box-sizing: border-box;

	}


	#theater .box01 h1{
		font-size: 26px;
	}




	#theater .box01 .text01 a{
		text-decoration: none;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}



	#theater .box02{
		text-align: center;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.1);
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		box-sizing: border-box;


	}




	#theater .box02 h1{
		font-size: 26px;
	}



	#theater .box01 .text01{
		font-size: 20px;
		margin-top: 30px;
		text-align: left;
		width: 960px;
	}



	#theater .box01 .text02{
		font-size: 20px;
		margin-top: 30px;
		text-align: left;
		width: 960px;
		color: #FA93CC;
	}




	#theater .h60{
		height: 60px;
	}





	#theater .box02 .area{
		overflow: hidden;
		width: 960px;
		margin: 0 auto;
		margin-top: 40px;
	}



	#theater .box02 .area .line{
		border-right: 1px solid #fff;
	}


	#theater .box02 .area th{
		width: 14.2857%;
		text-align: center;
		vertical-align: middle;
		background-color: #5b9bd5;
		font-size: 20px;
		color: #fff;
	}




	#theater .box02 .text02{
		font-size: 20px;
		margin-top: 40px;
		text-align: left;
		width: 960px;
	}

	#theater .box02 .text02 th{
		height: 50px;
	}


	#theater .box02 .text02 a{
		text-decoration: none;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}





	#theater .box02 .text02 .timei{
		font-size: 24px;
		color: #5b9bd5;
		font-weight: bold;
		text-shadow: 1px 1px 1px #000;
	}



	#theater .box01 .text01 .line02{
		border-bottom: 1px #fff solid;
	}



	#theater .box02 .text02 .line02{
		border-bottom: 1px #fff solid;
	}


	#theater .box02 .text02 .a_c,
	#theater .box01 .text01 .a_c{
		text-align: center;
	}




	#theater .theater_bg{
		background-image: url(images/theater/theater_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}



	#theater .box01 a:hover{
		color: #FA93CC;
	}


	#theater .box02 a:hover{
		color: #FA93CC;
	}





	/*notice*/


		#notice .box01{
		text-align: center;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		/*padding: 30px;
		background-color: rgba(30,30,30,0.1);*/
	}


	#notice .notice_bg{
		background-image: url(images/notice/notice_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}


	#notice .box01 iframe{
			width: 800px;
			height: 600px;
	}


	#notice footer{
		margin-top: 30px;
	}






	/*map*/

	#map .box01{
		text-align: left;
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.3);
		font-size: 24px;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		box-sizing: border-box;

	}

	/*#map .box01 ul{
		text-align: left;
	}*/



	#map .box01 ul li{
		/*border-bottom: 3px dotted #CCC;*/
		margin-top: 10px;
	}

	#map .box01 .tit{
		font-size: 36px;
	}



	#map .box01 .mt30{
		margin-top: 30px;
	}



	#map .text{
		margin-bottom: 50px;
	}




	#map .map_bg{
		background-image: url(images/map/map_bg.jpg);
		width: 100%;
		height:auto;
		 background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}






	#map .box01 a{
		text-decoration: none;
		color: #fff;
	}


	#map .box01 a:hover{
		    /*opacity: 0.5;
		    filter: alpha(opacity=50);*/
	}


	#map .box01 nav a{
		text-decoration: none;
		color: #fff;
	}


	#map .box01 a:hover{
		color: #FA93CC
	}


	#map .box01 .ml30{
		margin-left: 30px;
	}


	#map .box01 .map_area{
		overflow: hidden;
		width: 960px;
		background-color: #fff;
		padding: 30px 10px 10px 30px;
		box-sizing: border-box;
	}

/*1005追加*/
	/*#map .box01 .map_area_inner01{
		float: left;
		width: 46%
	}


	#map .box01 .map_area_inner02{
		float: left;
		text-align: center;
		width: 19%

	}

	#map .box01 .map_area_inner03{
		float: left;
		width: 35%
	}





.img_w{
	max-width: 135%;
	height: auto;
}

#map .mt100{
	margin-top: 100px;
}*/



/*1005追加終わり*/


/*1001*/
/*#map .box01 .map_area_inner01{
		float: left;
		width: 33.3%
	}


	#map .box01 .map_area_inner02{
		float: left;
		text-align: center;
		width: 33.3%

	}

	#map .box01 .map_area_inner03{
		float: left;
		width: 33.3%
	}*/


#map .map_area_inner01{
	width: 960px;
	text-align: center;

}

#map .map_area_inner01 .fl{
	float: left;
}

#map .map_area_inner01 .w_50{
	width: 50%;
}



#map .map_area_inner02{
	padding-top: 30px;
	width: 960px;
	text-align: center;
}

#map .map_area_inner02 .fl{
	float: left;
}

#map .map_area_inner02 .w_50{
	width: 50%;
}



/*顛末記*/

	#info .tenmatuki_text{
		font-size: 20px;

	}

	#info .ten_mt30{
		margin-top: 30px;
	}




/*comment*/


	#comment .box01{
		/*text-align: center;*/
		width: 1024px;
		margin: 0 auto;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 30px;
		background-color: rgba(30,30,30,0.3);
		box-sizing: border-box;

		text-align: left;
	    font-size: 24px;
	    color: #FFF;
	    text-shadow: 1px 1px 1px #000;

	}





	#comment .comment_bg{
		background-image: url(images/comment/comment_bg.jpg);
		width: 100%;
		height:auto;
		background-position: center center;
		   
		  /* 画像をタイル状に繰り返し表示しない */
		  background-repeat: no-repeat;
		   
		  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		  background-attachment: fixed;
		   
		  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		  background-size: cover;
	}



	#comment .box01 h1{
		font-size: 36px;
	}



	#comment .box01 dt{
		margin-top: 50px;
		width: 270px;
		border-bottom: 3px dotted #FA93CC; 
	}



	#comment .box01 dd{
		margin-top: 10px;
	}

	#comment .box01 .mt40{
		margin-top: 40px;
	}

	#comment .box01 .fp{
		color: #FA93CC;
	}



}