@charset "utf-8";
/* CSS Document */
.news_d{
	padding-bottom: 150px;
}
/* ---------- cate-wrap ---------- */
.news_d .cate-wrap {
    padding-top: 20px;
}
.news_d .cate-wrap .webgene-blog .webgene-item a {
    position: relative;
    padding: 5px 0px;
	justify-content: flex-start;
}
.news_d .cate-wrap .webgene-blog .webgene-item a::before {
    content: none;
}
.news_d .cate-wrap .webgene-blog {
    gap: 20px;
}
.news_d .cate-wrap .webgene-blog .webgene-item a .catename{
	padding: 3px 10px;
	border: #373B3E 1px solid;
	border-radius: 1px;
}
/* ---------- contents ---------- */
.news_d .contents .webgene-blog {
    gap: 60px 30px;
}
.news_d .contents .webgene-blog .webgene-item {
    width: calc(100% / 3 - 60px / 3);
}
.news_d .contents .webgene-blog .webgene-item .imgbox {
    border-radius: 0px;
    margin-bottom: 0px;
}
.news_d .webgene-pagination ul a{
	border: 1px solid #503F36;
}

.news_d .webgene-pagination ul .selected a{
	background-color: #010000;
	border-color: #010000;
}
/* ---------- newspage ---------- */
.newspage_a h1{
	font-size: 26px;
}
.newspage_a .webgene-blog .webgene-item .catename {
    background-color: inherit;
}
.newspage_a .webgene-blog .webgene-item .catename::before {
    content: "#";
    margin-right: 0.25em;
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.news_d .contents .webgene-blog .webgene-item {
		width: calc(100% / 2 - 30px / 2);
	} 
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

	.news_d .contents .webgene-blog {
		gap: 40px 30px;
	}
    .news_d .cate-wrap {
        flex: 0 0 200px;
    }
	.news_d .contents .webgene-blog .webgene-item {
		width: 100%;
	} 
    .news_d .contents .webgene-blog {
        gap: 30px;
		flex-direction: column;
		align-items: center;
    }
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.news_d{
		padding-bottom: 100px;
	}

	.news_d .cate-wrap {
		padding-top: 0px;
	}
	.newspage_a h1{
		font-size: 22px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.news_d{
		padding-bottom: 80px;
	}
	.news_d .cate-wrap{
		flex: 0 0 auto;
		top: 0px; 
	}
	.news_d .contents .webgene-blog .webgene-item {
		width: 80%;
	} 
	.newspage_a h1{
		font-size: 20px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}