.webgene-blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
	justify-content:flex-start;
	/*font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;*/
	}
.webgene-blog a{
    color: #333;
    text-decoration: none;
    }
.webgene-blog a:hover{opacity: 0.7;}
.webgene-blog figure {padding: 0;margin: 0;height: auto;}
.webgene-blog figure img{margin:0;width: 100%; max-width: 350px; height: auto;}
.webgene-item{/*margin: auto;*/width: 100%;}

/* TOP 新着情報　*/
.webgene-blog .cnt-news-li{
    padding:0;
    width: 23%;
    margin: 1%;
    box-sizing: border-box;
    text-align: left;
    }
.webgene-blog .cnt-news-li figure{
    width: 100%;
    /*min-height: 250px;*/
    background:#333;
    overflow: hidden;
    }
.webgene-blog .cnt-news-li figure img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    }
.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;
	font-weight: 600;
	margin: 6px 0 8px;
	padding: 6px 0;
    display: block;
    width: 100%;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #181818;
    border-bottom: 1px solid #181818;
    box-sizing: border-box;
	}
.cmn-blog-cate{
	background: #eae5e1;
	color: #262626;
	display: inline;
	padding: 2px 10px;
	font-size: 13px;
	font-weight: 500;
    border: 1px solid #eae5e1;
    margin-left: 10px;
	}
.cmn-blog-date{
	text-transform: uppercase;
	color: #181818;
	font-size: 13px;
    font-weight: 400;
	display: inline;
    margin: 0;
	}
.webgene-blog .cnt-news-li .news-txt{
    background: #fff;
    padding:40px 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 16px -9px #adadad;
    }
.webgene-blog .cnt-news-li .comment{font-size: 14px;}

/* 制作事例 下層　*/
.blog_h3{
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-top: 10px;
	font-size: 20px;
	border-bottom: 1px solid #ddd;
	font-weight:600;
	}
.area_blog{
    background: #f8f8f8;
    padding: 60px;
    margin: 20px 0;
    box-sizing: border-box;
    overflow: hidden;
    }
.webgene-blog .area_blog figure{margin:0 auto 40px;text-align: center;}
.webgene-blog .area_blog figure img{max-width: 750px;}
.area_blog .cmn-blog-txt{
    background: #fff;
    font-size:16px;
    margin-top: 30px;
    padding: 4%;
    box-sizing: border-box;
    letter-spacing: 0.075em;
    line-height: 1.6;
    font-weight: 500;
    }


.area_blog .imgWrap {
    display: flex;
    flex-wrap: wrap;
    }
.area_blog .imgWrap .imgBx {
    margin: 0.5%;
    padding: 0 0 15%;
    width: 24%;
    position: relative;
    }
.area_blog .imgWrap .imgBx img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }


/* イベント情報 下層　*/
.webgene-blog .cnt-news-li.cnt-partner-li-sub{
    padding:0;
    width: 30%;
    margin: 1.6%;
    box-sizing: border-box;
    text-align: left;
    }
.webgene-blog .cnt-news-li.cnt-partner-li-sub figure{margin-bottom: 10px;}

/* furniture 下層　*/
.partner .imgWrap {
    display: flex;
    flex-wrap: wrap;
  	margin-top:15px;
    }
.partner .imgWrap .imgBx {
    margin: 1%;
    padding: 0 0 15%;
    width: 18%;
    position: relative;
    }

.partner .imgWrap .imgBx img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    }




/* 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: #333;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 15px;
	padding: 12px 0;
	border: 1px solid #333;
	transition: 0.5s;
	}
.webgene-pagination ul li  a:hover{background: #fff;color: #333; text-decoration: none;}

/* categorylist */
.webgene-blog .categorylist{
    width: 23%;
    margin: 1%;
    }
.webgene-blog .categorylist a{
    color: #fff;
    display: block;
    width: 100%;
    background: #98816f;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 600;
    }



@media screen and (max-width: 767px) {
.webgene-blog .cnt-news-li{width: 48%;box-sizing: border-box;margin: 10px auto;}

.webgene-blog .cnt-news-li h2,
.webgene-blog .cnt-news-li h3,
.webgene-blog .cnt-news-li h4 {font-size: 14px;font-weight: 600;}	
.cmn-blog-cate{display: inline;margin-left: 0;font-size: 12px;}
.cmn-blog-date{display: block;margin-top: 10px;}	
.webgene-blog .cnt-news-li .news-txt{padding:10px 0;box-shadow: none;}   
    
/* 制作事例 下層　*/
.webgene-blog .cnt-news-li-sub{width: 100%;margin: 1% 1% 15px 1%;}
.blog_h3{padding-bottom: 15px;margin-bottom: 15px;padding-top: 10px;font-size: 18px;}
.area_blog{padding: 20px;margin: 10px 0;}
.webgene-blog .area_blog figure{margin:0 auto 20px;text-align: center;}
.area_blog .cmn-blog-txt{font-size:14px;margin-top: 15px;padding: 4%;letter-spacing: 0.075em;line-height: 1.6;}
.webgene-blog .categorylist{width: 100%;}
.webgene-blog {margin-top: 15px;}
.webgene-blog .cnt-news-li.cnt-partner-li-sub{width: 100%;margin-bottom: 15px;}
    
.area_blog .imgWrap .imgBx {
    margin: 1%;
    padding: 0 0 25%;
    width: 48%;
    }

}