.webgene-blog {display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content:flex-start;font-family: "Shippori Mincho", serif;}
.webgene-blog a{text-decoration: none;color: #7d5e40;}
.webgene-blog a:hover{opacity: 0.7;}
.webgene-blog figure {padding: 0;margin: 0;height: auto;}
.webgene-blog figure img{margin:0;width: auto; max-width: 100%; height: auto;}
.webgene-item{/*margin: auto;*/width: 100%;}

/* TOP*/
.webgene-blog .cnt-news-li{}
.webgene-blog .cnt-news-li a{}
.webgene-blog .cnt-news-li h1,
.webgene-blog .cnt-news-li h2,
.webgene-blog .cnt-news-li h3,
.webgene-blog .cnt-news-li h4 {font-size: 15px;line-height: 1.6;font-weight: 500;display: block;margin: 0;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.webgene-blog .cmn-blog-txt {}
.webgene-blog .cnt-news-li figure{width:100%;}
.webgene-blog .cnt-news-li figure img{width: 100%;height: 180px;object-fit: cover;}

.cmn-blog-cate{font-size: 14px;color: #bda791 ;display: inline;border: 1px solid #bda791;padding: 1px 5px;margin-right: 5px;}
a.cmn-blog-cate{color: #7d5e40;}
.cmn-blog-date{text-transform: uppercase;font-size: 14px;display: inline;}
@media (min-width: 768px) {
.webgene-blog .cnt-news-li{width:24%;}  
.webgene-blog .cnt-news-li h1,
.webgene-blog .cnt-news-li h2,
.webgene-blog .cnt-news-li h3,
.webgene-blog .cnt-news-li h4 {font-size: 16px;}
.webgene-blog .cnt-news-li figure img{height: 240px;}
.cmn-blog-cate{}
.cmn-blog-date{}
}

/* 下層 */
.webgene-blog .cnt-news-li-sub{
    width:100%;
    padding:0;
    margin-bottom: 25px;
    border: 1px solid #bda791;
    box-sizing: border-box;
    }
.webgene-blog .cnt-news-li-sub a{
    display: block;
    width: 100%;
    padding: 10px;
    margin: auto;
    box-sizing: border-box;
    }
.webgene-blog .cnt-news-li-sub .blog-box{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
    justify-content:space-between;
    align-content: center;
    align-items: center;
    }
.webgene-blog .cnt-news-li-sub figure{
    width: 30%;
    overflow: hidden;
    box-sizing: border-box;
    }
.webgene-blog .cnt-news-li-sub figure img{
    width: 100%;
    height: 80px;
    object-fit: cover;
    }
.webgene-blog .cnt-news-li-sub .blog-box-ttl{width: 65%;}
.webgene-blog .cnt-news-li-sub h2{font-size: 15px;color: #333;display: block;}

.blog_h3{
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-top: 10px;
	font-size:18px;
	border-bottom: 1px solid #ddd;
	font-weight:600;
	}
    .area_blog .cmn-blog-date{color: #7d5e40;font-weight: 500;}
    .area_blog .cmn-blog-cate{color: #7d5e40;font-weight: 500;font-size: 14px;}
.area_blog{
    background: #fff;
    padding: 20px;
    margin: 0 0 20px;
    box-sizing: border-box;
    overflow: hidden;
    }
.area_blog figure{max-width: 760px; margin-left: auto; margin-right: auto; text-align: center;}
.area_blog .cmn-blog-txt{
    font-size:14px;
    margin-top: 20px;
    box-sizing: border-box;
    letter-spacing: 0.075em;
    line-height: 1.6;
    font-weight: 500;
    }
.c4299{color: #7d5e40;font-weight: 500;border:1px solid #7d5e40;transition: 0.7s;}
.c4299:hover{color: #fff;background: #7d5e40;}
@media (min-width: 768px) {
.webgene-blog .cnt-news-li-sub a{padding: 25px;}
.webgene-blog .cnt-news-li-sub figure img{height: 100px;} 
.webgene-blog .cnt-news-li-sub h2{font-size: 18px;}
.blog_h3{
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-top: 10px;
	font-size: 24px;
	}
.area_blog{
    padding: 60px;
    margin: 0 0 20px;
    }    
.area_blog .cmn-blog-txt{
    font-size:16px;
    margin-top: 30px;
    }
}



/* pagination */
.webgene-pagination{
	display: block;
	width: 100%;
	text-align: center;
	}
.webgene-pagination ul{display: inline-block;overflow: hidden;}
.webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
.webgene-pagination ul li a{
	background: #7d5e40;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 15px;
	padding: 12px 0;
	border: 1px solid #7d5e40;
	transition: 0.5s;
	}
.webgene-pagination ul li a:hover{background: #fff;color: #7d5e40; text-decoration: none;}

/* categorylist */
.webgene-blog .categorylist{/*width: 46%; margin: 2%;*/}
.webgene-blog .categorylist a,
.c2895 a.c2959{
    color: #bda791;
    display: block;
    width: 100%;
    border-bottom: 1px dashed #ddd;
    text-align: left;
    padding: 5px 10px;
    box-sizing: border-box;
    font-weight:500;
    font-size: 14px;
    }
.c2895{min-height: inherit!important}
.c2959{min-height: inherit!important;min-width: inherit!important}
@media (min-width: 768px) {
.webgene-blog .categorylist{}    
.webgene-blog .categorylist a{font-size: 15px;}   
}

.cmn-blog-txt video{
	min-height: 400px
}
@media (max-width: 768px) {
.cmn-blog-txt video{
	min-height: 200px
}
}