/* CSS Document */


.news-cate-tab{
	margin-bottom: 0;
	display: flex;
	cursor: pointer;
}
.news-cate-tab li{
	box-sizing: border-box;
	padding: 10px;
	border-right: 2px solid #fff;
	text-align: center;
	float: left;
	width: 20%;
	background-color: #dfdfdf;
	color: #666;
}

.news-cate-tab li:last-child{
	border: 0;
}

.news-cate-tab li:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}

.news-cate-tab .all.selected{
	background-color: #CC5272;
	color: #fff;
	
}

.news-cate-tab .oshirase.selected{
	background-color: #A80013;
	color: #fff;
}
.news-cate-tab .torikumi.selected{
	background-color: #618EAC;
	color: #fff;
}
.news-cate-tab .press.selected{
	background-color: #C58000;
	color: #fff;
}
.news-cate-tab .campaign.selected{
	background-color: #7D9400;
	color: #fff;
}

#news-wrap{
	border: 1px solid #ccc;
	padding: 20px;
}
.c-news-list{
	width: 100%;
}
#news-wrap .c-news-list:last-child{
	border: 0;
}




.c-news-list .news-date,
.c-news-list .news-cate,
.c-news-list .news-title{
	float: left;
}
#topics-all{
	margin-top: 100px;
}
#topics-all .c-news-list .news-title{
	width: 100%;
}
@media screen and (max-width: 999px) {
	
	.c-wrap{
		padding-top: 60px;
	}
	.c-news-list,
	#topics-all .c-news-list .news-title,
	.c-news-list .news-title{
		width: 100%;
	}
}
@media screen and (max-width: 375px) {
	
	.dropdown-list{
		padding-bottom: 10px;
	}
}