@charset "utf-8";

.post_hero{position:relative;background-position:center;background-size:cover;}
.post_hero::after{position:absolute;inset:0;background:rgba(45,38,33,.12);content:"";}
.post_hero > img{display:none;}
.post_hero > div{position:absolute;z-index:1;top:130px;left:max(70px,calc((100vw - 1140px) / 2));color:#fff;}
.post_hero p{margin:0;font-family:"Cormorant Infant",serif;font-size:42px;font-weight:500;line-height:46.6px;letter-spacing:.08em;}
.post_hero h1{margin:9px 0 0;font-family:"Zen Kaku Gothic New",sans-serif;font-size:16px;font-weight:500;line-height:46.6px;letter-spacing:.08em;}
.post_archive{box-sizing:border-box;background:#f3eeea;}
.post_width{margin:auto;}
.post_filter{display:none;}
.post_grid{display:flex; justify-content: flex-start;align-items: stretch;flex-direction: row;gap: 50px 30px;flex-wrap: wrap;}
.post_grid .webgene-item{box-sizing:border-box;padding:20px 20px;border-radius:2px;background:#fff;overflow:hidden;width: calc(100% / 3 - 60px / 3)}
.post_grid .webgene-item > a{display:block;}
.post_thumb{margin-bottom:20px;overflow:hidden;background:#e8e2de;}
.post_thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s;}
.post_grid a:hover .post_thumb img{transform:scale(1.035);}
.post_grid .webgene-item a > div:nth-child(3){display:flex;align-items:center;gap:14px;margin-bottom:8px;}
.post_grid .meta_text{font-family:"Zen Old Mincho",serif;font-size:12px;line-height:26px;}
.post_grid .webgene-item a > div:nth-child(3) p.cate_txt{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:80px;padding:0 12px;border-radius:51px;background:#ddd6d0;color:#3b3630;font-family:"Noto Sans JP",sans-serif;font-size:12px;line-height:26px;}
.post_grid h2{margin:0;font-family:"Zen Old Mincho",serif;font-size:18px;font-weight:500;line-height:46.6px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post_grid h2::after{display:block;margin-top:0;color:#4c4844;font-family:"Zen Kaku Gothic New",sans-serif;font-size:15px;font-weight:400;line-height:24px;letter-spacing:.02em;white-space:normal;}
.post_pager{display:none;}

@media screen and (max-width:768px){
	.post_hero{height:376px;}
	.post_hero > div{top:auto;bottom:42px;left:30px;}
	.post_archive{}
	.post_width{}
	.post_grid{display:block;}
	.post_grid .webgene-item{padding:15px;margin:0 0 20px;width: 100%;}
	.post_grid .webgene-item:nth-child(n+10){display:none;}
	.post_thumb{margin-bottom:15px;}
	.post_grid .webgene-item a > div:nth-child(2){margin-bottom:3px;}
	.post_grid h2{font-size:16px;line-height:35px;}
	.post_grid h2::after{font-size:13px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}