@charset "utf-8";


@media screen and (min-width: 751px) , print{
	
.index_newsbox .newscont{
	padding:50px 0 35px 0;
	width:960px;
	margin:0 auto;
}
	
.index_newsbox .newscont .headbox{
	margin:0 0 30px 0;
}
	
.index_newsbox .tlbox{
	width:67px;
	float: left;
	padding:5px 0 0 0;
}
	
.index_newsbox .tlbox img{
	width:100%;
}

.index_newsbox .category-list{
	padding: 0 0 0 0;
	display:flex;
	float:right;
	justify-content: flex-end;
	font-size:0.9em;
	font-weight: bold;
}

.index_newsbox .category-list li{
	display:inline-block;
	color:#1A1A1A;
	padding:0 15px;
	margin:0 0 0 40px;
	text-decoration:none;
	box-sizing: border-box;
	cursor: pointer;
}

.index_newsbox .category-list li.current-cat{
	border-bottom:2px solid #000;
}

.index_newsbox .category-list li:hover{
	border-bottom:2px solid #000;
}

.index_newsbox .newsbox{
	font-size:0.9rem;
	width:960px !important;
	min-width: 960px !important;
	margin:0 auto;
	background:#fff;
	border-top:1px solid #b3b3b3;
	padding:0 0 0 0;
}

.index_newsbox .newsbox li{
	width:100%;
}

.index_newsbox .newsbox li a{
	text-decoration:none;
	transition:opacity 0.2s;
	padding:20px;
	border-bottom:1px solid #b3b3b3;
}

.index_newsbox .newsbox li a:hover{
	opacity:0.8;
}

.index_newsbox .newsbox li .textbox{
	padding:0 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	color:#1a1a1a;
	align-items:center;
} 
	
.index_newsbox .newsbox li .textbox .date{
	font-weight: bold;
	min-width:130px;
} 

.index_newsbox .newsbox li .textbox .cate{
	min-width:100px;
	background:#1a1a1a;
	color:#fff;
	text-align:center;
	display:inline-block;
	padding:3px 5px 1px 5px;
	font-size:0.9em;
	box-sizing:border-box;
	font-weight: bold;
} 

.index_newsbox .newsbox li .textbox .tl{
	width:calc(100% - 250px);
	padding:0 0 0 20px;
	text-decoration: underline;
	color:#666;
	box-sizing: border-box;
}
	
	.index_newsbox .btnbox{
		width:255px;
		margin:0 auto 60px;
	}
	
	
	.index_newsbox .btnbox a{
		display: block;
	}
	
	.index_newsbox .btnbox img{
		width:100%;
	}
}


@media screen and (max-width: 750px) {

	
.index_newsbox .newscont{
	padding-bottom:60px;
}
	
.index_newsbox .newscont .headbox{
	margin:60px auto 30px;
	width:90%;
}
	
.index_newsbox .tlbox{
	width:67px;
	float: left;
	padding:5px 0 0 0;
}
	
.index_newsbox .tlbox img{
	width:100%;
}

.index_newsbox .category-list{
	padding: 0 0 0 0;
	display:flex;
	float: right;
	justify-content: center;
	font-size:0.8em;
	font-weight: bold;
}


.index_newsbox .category-list li {
	display:inline-block;
	color:#1A1A1A;
	padding:0 5px;
	margin:0 5px;
	text-decoration:none;
}

.index_newsbox .category-list li.current-cat{
	border-bottom:2px solid #000;
}

.index_newsbox .category-list li:hover{
	border-bottom:2px solid #000;
}

.index_newsbox .newsbox{
	font-size:0.8rem;
	width:90% !important;
	min-width: 90% !important;
	margin:0 auto;
	background:#fff;
	border-top:1px solid #b3b3b3;
	padding:0 0 0 0;
}

.index_newsbox .newsbox li{
	width:100%;
}

.index_newsbox .newsbox li a{
	text-decoration:none;
	transition:opacity 0.2s;
	padding:15px;
	border-bottom:1px solid #b3b3b3;
}

.index_newsbox .newsbox li a:hover{
	opacity:0.8;
}

.index_newsbox .newsbox li .textbox{
	padding:0 0 0 0;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	color:#1a1a1a;
	align-items:center;
} 
	
.index_newsbox .newsbox li .textbox .date{
	font-weight: bold;
} 

.index_newsbox .newsbox li .textbox .cate{
	min-width:100px;
	background:#1a1a1a;
	color:#fff;
	text-align:center;
	display:inline-block;
	padding:3px 5px 1px 5px;
	font-size:0.8em;
	box-sizing:border-box;
	font-weight: bold;
	margin:0 0 0 20px;
} 

.index_newsbox .newsbox li .textbox .tl{
	width:100%;
	padding:10px 0 0 0;
	text-decoration: underline;
	color:#666;
	box-sizing: border-box;
} 
	
.index_newsbox .btnbox{
		width:255px;
		margin:0 auto 60px;
	}
	
	
	.index_newsbox .btnbox a{
		display: block;
	}
	
	.index_newsbox .btnbox img{
		width:100%;
	}
}
