@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:960px;	}

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

.list_year{width:955px;
	height:50px;
	background:url(../img/history/parts01_pc.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,.list_item2,.list_item3{width:955px;
	padding:10px 0;
	color:rgba(255,255,255,1.00);
	background:url(../img/history/parts02_pc.png) center center / 100% auto repeat;}

.list_item:hover,.list_item2:hover,.list_item3: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:955px;
	height:30px;
	background:url(../img/history/parts_bottom_pc.png) center center / cover no-repeat;}

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

.history_block a:hover{background:rgba(255,134,0,0.30);}

.stage01{width:638px;
	height:150px;
	margin-bottom:10px;
	background:rgba(0,0,0,0.70);
	color:rgba(255,255,255,1.00);
	overflow:hidden;
	border:rgba(255,255,255,1.00) solid 1px;}

.stage01:hover{border:rgba(255,134,0,1.00) solid 1px;
	color:rgba(255,134,0,1.00);}

.stage_img{width:100px;
	height:150px;
	float:left;
	position: relative;}
	
.stage_img img{height:150px;}

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

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

.stage_textarea{width:538px;
	float:left;}
	
.stage_title{width:518px;
	height:39px;
	line-height:20px;
	padding:10px;
	background:rgba(0,0,0,0.50);
	border-bottom:rgba(139,139,139,1.00) solid 1px;}
	
.stage_text1,.stage_text2{width:518px;
	padding:5px 10px;
	line-height:15px;
	font-size:12px;}

.stage_text1{height:15px;}

.stage_text2{height:30px;}

.stage_text2 p{height:30px;
	margin:0;
	padding:0;
	overflow:hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

/* 202010変更 */
.history_box{width: 100%;
	padding: 20px 0;
	background:url(../img/history/parts02_pc.png) center center / 100% auto repeat;}

.history_block2{width: 850px;
	margin-left: 55px;
	margin-bottom: 10px;
	border: rgba(255,255,255,1.00) solid 1px;
	background: rgba(0,0,0,0.50);
	position: relative;
	overflow: hidden;}

.history_bg2{background: rgba(107,39,45,0.70);}

.history_bg3{background: rgba(46,49,84,0.70);}

.item_img2{width: 150px;
	height: 225px;
	position: relative;
	float: left;}
	
.item_img2 img{width: 100%;
	margin: 0;}
	
.item_textarea2{width: 700px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: rgba(255,255,255,1.00);
	float: left;}

.item_textarea2 a{color: rgba(255,255,255,1.00);}

.item_textarea2 a:hover{color:rgba(255,134,0,1.00)}

.history_block2:hover .item_textarea2 a{color:rgba(255,134,0,1.00);}

.item_name2{width: calc(100% - 20px);
	padding: 5px 10px;
	background: rgba(0,0,0,0.50);}

.item_name2_1{font-size: 14px;
	line-height: 150%;}
	
.item_name2_2{font-size: 18px;
	font-weight: bold;
	line-height: 150%;}

.item_date2{padding-left: 10px;
	padding-top: 10px;
	font-size: 16px;
	line-height: 150%;}

.item_links2{padding-left: 10px;
	padding-top: 30px;
	overflow: hidden;}

.link_spsite,.link_twitter{width:200px;
	height:40px;
	font-size: 14px;
	line-height:40px;
	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;}

.history_block2:hover .link_spsite a,.history_block2:hover .link_twitter a{color:rgba(255,255,255,1.00);}

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

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

/* 20240315追加 */
.osaka_box{padding: 5px 10px;
	position: absolute;top: 10px; right: 10px;
	background: rgba(220,35,35,1.00);
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,1.00);}

.nagoya_box{padding: 5px 10px;
	position: absolute;top: 10px; right: 10px;
	background: rgba(0,116,255,1.00);
	font-size: 14px;
	text-align: center;
	color:rgba(255,255,255,1.00);}




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

.title_img img{width:100%;}

.history_main{}

.history_list{width:100%;
	float:none;}

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

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

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

.list_year{width:100%;
	height:55px;
	background:url(../img/history/parts01.png) center center / cover no-repeat;
	background-size:100% auto;}

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

.list_item{background:url("../img/history/parts02_1.png") center center / 100% auto repeat;
	position: relative;}
	
.list_item2{background:url("../img/history/parts02_2.png") center center / 100% auto repeat;
	position: relative;}
	
.list_item3{background:url("../img/history/parts02_3.png") center center / 100% auto repeat;
	position: relative;}

.list_item_inner{width: calc(95% - 15%);
	padding-left:15%;}

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

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

.stage01:hover{border:rgba(255,255,255,1.00) solid 1px;
	color:rgba(255,255,255,1.00);}
	
/* 20240315追加 */
.osaka_box,.nagoya_box{width:110px;
	padding: 5px 10px;
	margin: 5px auto;
	position: static;}

	
/* history_stage */

}