@charset "UTF-8";

.news_list {
	display:block;
	margin:auto;
	padding:0;
}

.news_list > li {
	list-style:none;
	margin:0;
	padding:0.5em;
}

.news_list > li + li {border-top:1px solid #ccc;}

.news_link_box {
	color:inherit;
	display:flex;
	text-decoration:none;
}

.news_link_box_img {
	display:block;
	margin:0 1em 0 0;
	padding:0;
	width:96px;
}

.news_link_box_text {
	display:block;
	margin:0;
	padding:0;
	width:100%;
}

.news_link_box_img + .news_link_box_text {width:calc(100% - 96px - 1em);}

.news_link_box > img {
	display:block;
	float:left;
	height:auto !important;
	margin:0 1em 0 0;
	max-width:100%;
}

.news_list_time {
	display:inline-block;
	font-size:0.875em;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:8em;
}

.cat_name_list {
	display:inline-block;
	line-height:1;
	padding:0;
	vertical-align:bottom;
}

.cat_name_list > li {
	background:royalblue;
	border-radius:0.35em;
	color:#fff;
	display:inline-block;
	font-size:0.875em;
	margin:0 0 0 0.5em;
	padding:0.35em;
	vertical-align:bottom;
}

.cat_name_list > li > a {
	color:inherit;
	text-decoration:none;
}

.news_list_title {
	display:inline-block;
	font-size:1.25em;
	margin:0.4em 0 0;
	padding:0;
	vertical-align:middle;
}

@media not all and (max-width : 550px) {

	.cat_name_list {
		margin:0;
		text-align:right;
		width:calc(100% - 8.5em);
	}

	.news_list_title {width:100%;}

	.news_list_text {
		display:inline-block;
		margin:0.5em 0 0;
		padding:0;
		vertical-align:middle;
		width:100%;
	}

}

@media (max-width : 550px) {

	.cat_name_list {
		margin:1em 0 0;
		width:100%;
	}

	.news_list_title {width:100%;}

	.news_list_text {display:none;}

}

/* news_list2 */
.news_list2 {
    box-sizing:border-box;
	display:block;
	padding:0 0 10px;
	width:100%;
}

@media (max-width: 1210px) {

	.news_list2::-webkit-scrollbar {
		height:10px;
	}

	.news_list2::-webkit-scrollbar-track {
		margin:0 2px;
		background:#ccc;
		border-radius:5px;
	}

	.news_list2::-webkit-scrollbar-thumb {
		border-radius:5px;
		background:#666;
	}

	.news_list2 {
    	overflow-x:auto;
    	overflow-y:hidden;
		white-space:nowrap;
	}

}

.news_list2 > li {
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:top;
	white-space:normal;
	white-space:initial;
	width:277.5px;
}

.news_list2 > li:not(:nth-child(4n + 1)) {margin-left:20px;}

.news_list2 > li:nth-child(n + 5) {margin-top:20px;}

.news_link_box2 {
	color:inherit;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	max-width:100%;
}

a.news_link_box2:hover {opacity:0.7;}

.news_link_box2 > .hover_box {
	box-sizing:border-box;
	margin:15px 0;
	overflow:hidden;
	padding:0 0 100%;
	position:relative;
	text-align:left;
	width:100%;
}

.news_link_box2 > .hover_box > img {
	bottom:0;
	height:auto !important;
	max-height:100%;
	margin:auto;
	left:0;
	position:absolute;
	right:0;
	top:0;
	vertical-align:bottom;
	width:auto !important;
	max-width:100%;
}

.news_link_box2 > p, .news_link_box2 > time {
	display:block;
	margin:0;
	padding:0;
}

@media not all and (max-width: 1210px) {

	.news_link_box2 > .hover_box {transition:transform 1s;}

	.news_link_box2:hover > .hover_box {transform:scale(1.1);}

}