@charset "utf-8";
/* CSS Document */
.news_a .cate-wrap .webgene-blog{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 24px; 
	margin: 0 auto;
}

.news_a .cate-wrap .webgene-blog .webgene-item{
    min-width: 0; 
}
.news_a .news_list .webgene-blog .webgene-item .imgbox{
    width: 250px;
    aspect-ratio: 25 / 18;  
}
.news_a .cate-wrap .webgene-blog .webgene-item a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border: 1px solid #CFC7C2;    
    border-radius: 6px;         
    background: #fff;
    color: #6F655E;           
    line-height: 1;
    text-decoration: none;
}

.news_a .cate-wrap .webgene-blog .webgene-item a.on{
    background: #846C5A;        
    border-color: #846C5A;
    color: #fff;
}
.news_a .cate-wrap .webgene-blog .webgene-item a {
    border: 1px solid #937F70;
    padding: 5px 15px;
    border-radius: 2px;
	background-color: #fff;
}
.news_a .news_list .webgene-blog .webgene-item .cate_txt {
    color: #fff;
    border: 1px solid #937F70;
	background-color: #937F70;
    border-radius: 2px;
    padding: 3px 20px;
}
.news_a .news_list .webgene-blog .webgene-item .date {
    color: #937F70;
}
.news_a .news_list .webgene-blog .webgene-item {
    padding: 20px 0;
    border-bottom: none;
}
.news_a .cate-wrap .webgene-blog .webgene-item a.on {
    background-color: #937F70;
    border-color: #937F70;
}
.news_a .webgene-pagination ul .selected a{
	pointer-events: none;
	background-color: #017138;
	border-color: #017138;
	border: none;
	color: #fff;
}
.news_a .webgene-pagination ul a{
	border: #017138 1px solid ;
}
.news_a .webgene-pagination ul a{
	font-family: "Zen Old Mincho",  sans-serif;
	color: #017138;
}
.news_a .news_list .webgene-blog .webgene-item > a{
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
}

.news_a .news_list .webgene-blog .webgene-item .imgbox{
    flex: 0 0 250px; 
    width: 250px;
    height: 180px;
    overflow: hidden;
}
.news_a .news_list .webgene-blog .webgene-item .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.news_a .news_list .webgene-blog .webgene-item .txtbox{
    flex: 1 1 auto;
    min-width: 0;         
    padding-left: 30px;
    text-align: left;
}
.newspage_a .webgene-blog .webgene-item .catename {
    padding: 3px 10px;
    background-color: #937F70;
	border-radius: 2px;
}
.news_a .cate-wrap .webgene-blog .webgene-item a.on {
    background: #846C5A;
    border-color: #846C5A;
    color: #fff;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
.news_a .news_list .webgene-blog .webgene-item .imgbox{
    flex: 0 0 180px; 
    width: 180px;
    height: 130px;
    overflow: hidden;
}

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
.news_a .news_list .webgene-blog .webgene-item .imgbox{
    flex: 0 0 120px; 
    width: 120px;
    height: 80px;
    overflow: hidden;
}
.news_a .news_list .webgene-blog .webgene-item .txtbox {
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 10px;
    text-align: left;
}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}