@charset "utf-8";

.page_title{margin-top:15px;}

.title_img{width:960px;
	margin:0 auto;
	text-align:center;}

.history_main{width:100%;}

.history_list{width:315px;
	float:left;}

.list_top{width:310px;
	height:30px;
	background:url(../img/history/parts_top.png) center center / cover no-repeat;}

.link_list{width:250px;
	height:25px;
	line-height:25px;
	font-size:14px;
	margin-left:45px;
	background:rgba(0,132,255,1.00);
	color:rgba(255,255,255,1.00);
	text-align:center;
	border-radius:12.5px;}

.link_list:hover{background:rgba(255,110,0,1.00);}

.list_year{width:310px;
	height:50px;
	background:url(../img/history/parts01.png) center center / cover no-repeat;}

.list_yaer_inner{padding-left:60px;
	color:rgba(255,255,255,1.00);
	font-size:16px;
	font-weight:bold;
	line-height:50px;}

.list_item{width:315px;
	padding:10px 0;
	color:rgba(255,255,255,1.00);
	background:url(../img/history/parts02.png) center center / 100% auto repeat;}

.list_item:hover{color:rgba(0,211,255,1.00);}

.list_item_inner{width: calc(95% - 40px);
	padding-left:40px;
	font-size:12px;
	line-height:20px;}

.item_img{display:none;}

.list_bottom{width:310px;
	height:30px;
	background:url(../img/history/parts_bottom.png) center center / cover no-repeat;}

.history_block{width:640px;
	margin-left:5px;
	float:left;}

/* history_stage */
.link_list_sf{display:none;}

.main_img{width:100%;
	margin:10px 0;
	text-align:center;
	position: relative;}
	
.main_img img{max-height:300px;}

.item_img_filter{width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;}

.item_img_filter img{width: 100%;
	height: 100%;}

.stage_title2{width:620px;
	padding:10px;
	color:rgba(255,255,255,1.00);
	background:rgba(0,0,0,0.70);}
	

.title_header{font-size:16px;
	line-height:24px;}

.title_main{font-size:20px;
	line-height:30px;}

.links{overflow:hidden;
	margin-bottom:10px;
	text-align:center;}

.links_box{display: inline-block;}

.link_spsite,.link_twitter{width:200px;
	height:45px;
	line-height:45px;
	float:left;
	text-align:center;}

.links_inner{display:inline-block;}
	
.link_spsite a,.link_twitter a{color:rgba(255,255,255,1.00);
	display:block;}

.link_spsite:hover,.link_twitter:hover{opacity:0.7;}

.link_spsite{background:rgba(237,28,36,1.00);}

.link_twitter{background:rgba(41,171,226,1.00);}

.text_block{width:95%;
	padding:10px 2.5%;
	margin-bottom:10px;
	background:rgba(0,0,0,0.70);
	color:rgba(255,255,255,1.00);
	font-size:12px;}

.text_block_title{font-size:18px;}

.spacer{width:100%;
	height:1px;
	background:rgba(255,255,255,1.00);
	margin:10px 0;}

.info_place{padding:0 0 10px;}

.stage_info01 table tr td{vertical-align:top;}

.info_left{}

.info_right{padding-left:10px;}

.staff,.staff2{font-size:14px;
	padding-bottom:5px;}

.staff2{padding-top:10px;}

.story{line-height:24px;}

.photo_sf{display:none;}

.photo_area{width:100%;
	overflow:hidden;}
	
.photo_area div{width:25%;
	height:110px;
	margin:0;
	padding:0;
	float:left;
	position: relative;
	overflow:hidden;
	background:rgba(0,0,0,1.00);}

.photo_area div a{display:block;}
	
.photo_area div img{position: absolute;
	width: auto;
	height: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);}

.photo_area div img:hover{opacity:0.7;}

.photo_name{text-align:right;
	color:rgba(255,255,255,1.00);
	margin-top:10px;
	font-size:12px;}

@media screen and ( max-width:736px )
{
.title_img{width:100%;}	

.title_img img{width:100%;}

.history_main{}

.history_list{display:none;}

.list_top,.list_year,.list_item,.list_bottom{width:100%;}

.list_year{width:100%;
	height:55px;
		background-size:100% auto;}

.list_yaer_inner{padding-left:70px;
	line-height:55px;}

.list_item_inner{padding-left:15%;
	font-size:14px;}

.item_img{display:block;
	text-align:center;
	padding-top:10px;}
	
.item_img img{height:200px;}

.history_block{display:block;}

.list_item:hover{color:rgba(0,0,0,1.00);}
	
/* history_stage */
.link_list_sf{display:block;
	width:100%;
	height:50px;
	line-height:50px;
	margin:10px 0;
	text-align:center;
	border-radius:5px;
	background:rgba(0,132,255,1.00);}
	
.link_list_sf a{color:rgba(255,255,255,1.00);
	display:block;}

.main_img img{width:auto;
	max-height:300px;}

.stage_title2{width:calc(100% - 20px);}

.title_header{font-size:12px;
	line-height:150%;}

.title_main{font-size:16px;
	line-height:150%;}

.link_spsite,.link_twitter{width:160px;
	font-size: 14px;}

.link_spsite:hover,.link_twitter:hover{opacity:1.0;}

.history_block{width:100%;
	margin-left:0;
	float:none;}
	
.title_header{font-size:12px;
	line-height:20px;}

.title_main{font-size:14px;
	line-height:24px;}

.photo_pc{display:none;}

.photo_sf{display:block;}

.gallery-cell{width:100%;
	height:150px;
	text-align:center;}
	
.gallery-cell img{max-width:100%;
	max-height:100%;}

}