:root{--main:#c2b19c;--head:#d8a4a4;--text:#473c38;--link:#d8a4a4;--line:#e6e2dd;--bg-soft:#fafafa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);letter-spacing:.04em;background:#fff;margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:16px;line-height:1.8}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 48px}.topbar{background:#fff;font-size:11px;line-height:22px}.topbar__in{justify-content:space-between;align-items:center;display:flex}.topbar__search{color:var(--text);display:flex}.header{background:var(--head);color:#fff;z-index:10;position:sticky;top:0}.header__in{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{color:#fff;letter-spacing:.06em;font-size:24px;font-weight:700;text-decoration:none}.gnav{gap:28px;display:flex}.gnav a{color:#fff;font-size:14px;text-decoration:none}.gnav a:hover{opacity:.75}.crumb{background:var(--bg-soft);padding:6px 0;font-size:11px}.crumb a{text-decoration:none}.crumb .sep{margin:0 8px}.main{padding:56px 48px 80px}.main.has-side{grid-template-columns:minmax(0,1fr) 280px;gap:48px;display:grid}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;max-width:900px;margin:0 auto;display:grid}.card{text-decoration:none;display:block}.card__thumb{aspect-ratio:16/10;background:#f3f1ee;overflow:hidden}.card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card:hover .card__thumb img{transform:scale(1.04)}.card__noimg{background:repeating-linear-gradient(45deg,#f3eeea 0 8px,#f8f5f2 8px 16px);width:100%;height:100%}.card__title{margin:12px 0 6px;font-size:15px;font-weight:700;line-height:1.6}.card__date{color:#7b706c;align-items:center;gap:4px;font-size:11px;display:flex}.pager{justify-content:center;gap:8px;margin-top:64px;display:flex}.pager a,.pager span{color:#fff;background:#ddd;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;display:inline-flex}.pager .cur{background:var(--main)}.footer{text-align:center;color:#333;background:#fdfdfd;padding:24px 0 12px;font-size:14px}.footer__links{justify-content:center;display:flex}.footer__links a{border-left:1px solid #333;padding:0 10px;line-height:1.2;text-decoration:none}.footer__links a:last-child{border-right:1px solid #333}.footer__copy{margin:14px 0 0;font-size:12px}.totop{color:#999;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:fixed;bottom:40px;right:40px}.post__head{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.post__date{text-align:center;border-right:1px solid var(--line);padding-right:16px;font-size:12px;line-height:1.3}.post__date b{font-size:20px;font-weight:400;display:block}.post__title{margin:0;font-size:22px;line-height:1.5}.post__meta{color:#7b706c;align-items:center;gap:12px;margin:0 0 24px;font-size:11px;display:flex}.cat{background:var(--main);color:#fff;padding:1px 6px;font-size:11px;text-decoration:none}.post__eye{margin-bottom:40px}.prose{font-size:16px}.prose h2{background:var(--head);color:#fff;margin:64px 0 24px;padding:12px 16px;font-size:20px;line-height:1.5}.prose h3{border-bottom:2px solid var(--line);margin:48px 0 20px;padding:0 0 8px;font-size:18px;position:relative}.prose h3:before{content:"";background:var(--head);width:20%;height:2px;position:absolute;bottom:-2px;left:0}.prose h4{border-left:3px solid var(--head);margin:32px 0 16px;padding-left:10px;font-size:16px}.prose p{margin:0 0 2em}.prose a{color:var(--link)}.prose strong{background:linear-gradient(#0000 70%,#fbe2c8 70%)}.prose blockquote{background:#f7f7f7;border:none;border-radius:6px;margin:0 0 2em;padding:16px 20px;font-size:15px}.prose ul,.prose ol{border:1px solid var(--line);background:#fbf9f8;margin:0 0 2em;padding:16px 16px 16px 2.2em}.prose img{margin:0 auto 2em}.prose table{border-collapse:collapse;width:100%;margin:0 0 2em;font-size:14px}.prose th,.prose td{border:1px solid var(--line);padding:8px}.prose th{background:#f6f3f0}.side{font-size:14px}.side__search{margin-bottom:40px;display:flex}.side__search input{border:1px solid #ddd;flex:1;padding:6px}.side__search button{background:#f7f7f7;border:1px solid #ddd;border-left:0;padding:0 12px}.side__h{border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:6px;font-size:14px;font-weight:700}.side__cats,.side__recent{margin:0 0 40px;padding:0;list-style:none}.side__cats li,.side__recent li{border-bottom:1px solid var(--line)}.side__cats a,.side__recent a{padding:9px 4px;font-size:13px;text-decoration:none;display:block}.side__recent a{color:var(--link)}.side__cats a:before{content:"■";color:var(--text);margin-right:6px;font-size:9px}.page-h{text-align:center;margin:0 0 40px;font-size:22px}@media (width<=960px){.main.has-side{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.wrap{padding:0 16px}.main{padding:32px 16px 56px}.grid{grid-template-columns:1fr}.gnav{gap:14px}.gnav a{font-size:12px}.logo{font-size:18px}.header__in{height:56px}.totop{bottom:16px;right:16px}}.prose h2 strong,.prose h3 strong,.prose h4 strong{background:0 0}.prose h2 a,.prose h3 a{color:inherit;text-decoration:none}