/* Office Yamane Journal — draft v4 */
:root{--oy-ink:#202020;--oy-muted:#77736f;--oy-line:#ddd9d2;--oy-paper:#fbfaf7}
#body_wrap.blog{background:var(--oy-paper);color:var(--oy-ink)}
#body_wrap.blog #content{display:block!important;max-width:1180px}
#body_wrap.blog #main_content{width:100%!important;max-width:1180px;margin:0 auto}
#body_wrap.blog #sidebar{display:none!important}
#body_wrap.blog .p-homeContent{position:relative;margin-top:0!important;padding-top:38px}
#body_wrap.blog .p-homeContent:before,#body_wrap.blog .p-homeContent:after{display:none!important;content:none!important}
#body_wrap.blog .oy-blog-heading{position:relative;margin:0 0 60px;padding:0 0 10px;border-bottom:1px solid #dedede}
#body_wrap.blog .oy-blog-heading:after{content:"";display:block!important;position:absolute;left:0;bottom:-1px;width:115px;height:1px;background:#222}
#body_wrap.blog .oy-blog-heading h1{margin:0;padding:0;border:0;background:none;box-shadow:none;color:#111;font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1.4;letter-spacing:0}
#body_wrap.blog .oy-blog-heading h1:before,#body_wrap.blog .oy-blog-heading h1:after{display:none!important;content:none!important}
#body_wrap.blog .oy-blog-heading>span{display:block;margin:3px 0 0 12px;color:#888;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.65rem;font-weight:500;letter-spacing:.18em;line-height:1.4}
#body_wrap.blog .p-postListTab{margin:0 0 30px;border-top:0;padding-top:0}
#body_wrap.blog .p-postListTab .c-tabList{justify-content:flex-start!important;gap:10px}
#body_wrap.blog .p-postListTab .c-tabList__item{width:auto!important}
#body_wrap.blog .p-postListTab .c-tabList__button{background:#fff!important;border:1px solid #ddd!important;border-radius:999px!important;box-shadow:none!important;padding:10px 18px!important;font-size:13px;font-weight:500;letter-spacing:.02em;color:#333!important;line-height:1.2}
#body_wrap.blog .p-postListTab .c-tabList__button[aria-selected="true"]{background:#222!important;border-color:#222!important;color:#fff!important}
#body_wrap.blog .p-postListTab .c-tabList__button:before,#body_wrap.blog .p-postListTab .c-tabList__button:after{display:none!important}
#body_wrap.blog #post_list_tab_1>.p-postList{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:42px 28px!important}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item{grid-column:span 4!important;width:auto!important;margin:0!important}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item:first-child{grid-column:1/-1!important;padding-bottom:38px;border-bottom:1px solid var(--oy-line)}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item:first-child>.p-postList__link{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)!important;gap:40px;align-items:center}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item:first-child .p-postList__title{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","Yu Gothic",sans-serif;font-size:clamp(22px,2.5vw,32px)!important;line-height:1.55!important;font-weight:600!important;letter-spacing:.01em}
#body_wrap.blog .p-postList__link{background:transparent!important;box-shadow:none!important;border:0!important}
#body_wrap.blog .p-postList__thumb{border-radius:0!important;overflow:hidden}
#body_wrap.blog .p-postList__thumb img{transition:transform .4s ease}
#body_wrap.blog .p-postList__link:hover .p-postList__thumb img{transform:scale(1.015)}
#body_wrap.blog .p-postList__body{padding:14px 0 0!important}
#body_wrap.blog .p-postList__title{font-size:15px!important;line-height:1.65!important;font-weight:600!important;letter-spacing:.01em}
#body_wrap.blog .p-postList__excerpt{font-size:12.5px!important;line-height:1.8!important;color:#66625d!important;margin-top:8px!important}
#body_wrap.blog .p-postList__meta{font-size:10px!important;color:var(--oy-muted)!important;margin-top:12px!important}
#body_wrap.blog .p-postList__cat{background:none!important;color:var(--oy-muted)!important;padding:0!important}
#body_wrap.blog ins.adsbygoogle{margin:34px 0!important}
/* Auto Ads must never split an article card between image/title/excerpt. */
#body_wrap.blog .p-postList__item ins.adsbygoogle,
#body_wrap.blog .p-postList__item .google-auto-placed,
#body_wrap.blog .p-postList__item [id^="google_ads_iframe_"]{display:none!important}
#body_wrap.single-post{background:var(--oy-paper);color:var(--oy-ink)}
#body_wrap.single-post #main_content{max-width:820px;margin-inline:auto}
#body_wrap.single-post .c-postTitle__ttl{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP","Yu Gothic",sans-serif;font-size:clamp(25px,3.5vw,36px);font-weight:600;line-height:1.6;letter-spacing:.01em}
#body_wrap.single-post .post_content{font-size:16px;line-height:2.1;letter-spacing:.02em}
#body_wrap.single-post .post_content>p{margin-bottom:1.75em}
#body_wrap.single-post ins.adsbygoogle{margin:36px 0!important}
@media(max-width:599px){
#body_wrap.blog #main_content{padding:0 18px}
#body_wrap.blog .p-homeContent{padding-top:25px}
#body_wrap.blog .oy-blog-heading h1{font-size:1.36rem}
#body_wrap.blog .oy-blog-heading>span{font-size:.64rem}
#body_wrap.blog .p-postListTab{margin-top:47px;margin-bottom:23px;padding-top:10px}
#body_wrap.blog .p-postListTab .c-tabList{gap:24px}
#body_wrap.blog .p-postListTab .c-tabList__button{font-size:12px;padding:5px 0 7px!important}
#body_wrap.blog #post_list_tab_1>.p-postList{display:block!important}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item{padding:0 0 23px!important;margin:0 0 23px!important;border-bottom:1px solid var(--oy-line)!important}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item:first-child{padding-bottom:27px!important}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item:first-child>.p-postList__link{display:block!important}
#body_wrap.blog #post_list_tab_1>.p-postList>.p-postList__item:first-child .p-postList__title{font-size:19px!important;line-height:1.55!important}
#body_wrap.blog .p-postList__body{padding-top:12px!important}
#body_wrap.blog .p-postList__title{font-size:15px!important;line-height:1.6!important}
#body_wrap.blog .p-postList__excerpt{display:block!important;font-size:12px!important;line-height:1.7!important;max-height:5.1em;overflow:hidden}
#body_wrap.single-post #main_content{padding-inline:20px}
#body_wrap.single-post .c-postTitle__ttl{font-size:25px}
}