/*
Theme Name: Nakaji Journal
Description: ナカジの炭色と生成りを使ったブログ専用テーマ。
Version: 1.0
*/
@import url('/menu-journal.css?v=17');
@import url('/refine.css?v=18');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e7e0ce;color:#23231f;font-family:'Zen Kaku Gothic New','Yu Gothic',sans-serif}a{color:inherit}button,input,select{font:inherit}.blog-shell{max-width:1280px;margin:auto;padding:70px 40px 130px}.blog-lead{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.blog-lead h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(80px,12vw,165px);line-height:1;margin:10px 0}.blog-lead p{line-height:1.9}.blog-search{display:flex;border-bottom:1px solid #23231f;padding:8px 0;margin-bottom:45px;width:min(100%,420px)}.blog-search input{background:none;border:0;min-width:0;flex:1;padding:10px 0}.blog-search button{border:0;background:none;cursor:pointer}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 30px}.blog-story{text-decoration:none}.blog-story figure{margin:0;aspect-ratio:1.3;overflow:hidden;background:#d3cbb8;clip-path:polygon(0 0,96% 0,100% 5%,100% 100%,0 100%)}.blog-story img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.blog-story:hover img{transform:scale(1.06)}.blog-story time{display:block;font-size:12px;letter-spacing:.08em;margin:20px 0 12px}.blog-story h2{font-size:20px;line-height:1.7;margin:0 0 18px}.blog-story .read{display:flex;justify-content:space-between;border-bottom:1px solid #23231f55;padding:12px 0;font-size:12px}.pagination{margin:60px 0;text-align:center;line-height:3}.pagination .page-numbers{padding:12px 15px;text-decoration:none}.pagination .current{background:#23231f;color:#e7e0ce}.post-shell{max-width:860px;margin:0 auto;padding:70px 35px 120px}.post-shell time{font-size:13px;letter-spacing:.1em}.post-shell h1{font-size:clamp(27px,4vw,48px);line-height:1.6;margin:20px 0 40px;overflow-wrap:anywhere}.post-hero{width:100%;max-height:600px;object-fit:contain;margin-bottom:40px}.post-body{font-size:16px;line-height:2.1;overflow-wrap:anywhere}.post-body img{max-width:100%;height:auto}.post-body table{max-width:100%}.post-body p{margin:0 0 1.3em}.post-navigation{border-top:1px solid #23231f55;margin-top:60px;padding-top:25px;display:flex;justify-content:space-between;gap:25px;line-height:1.8}.blog-footer{background:#23231f;color:#e7e0ce;padding:45px 5vw;display:flex;justify-content:space-between;gap:25px}.blog-footer a{text-decoration:none}.wp-block-image img{height:auto}.journal-reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.journal-reveal.is-visible{opacity:1;transform:none}@media(max-width:800px){.blog-shell{padding:45px 24px 80px}.blog-lead{display:block}.blog-lead>p{font-size:13px}.blog-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.blog-story h2{font-size:16px}.post-shell{padding:40px 24px 85px}.post-body{font-size:15px}.blog-footer{font-size:12px}.post-navigation{font-size:13px}}@media(max-width:480px){.blog-grid{grid-template-columns:1fr}.blog-story h2{font-size:21px}.blog-story figure{aspect-ratio:1.4}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journal-reveal{opacity:1;transform:none;transition:none}.blog-story img{transition:none}}

.journal-contact{position:fixed;bottom:24px;right:24px;display:flex;z-index:20;width:300px;height:75px;box-shadow:0 4px 24px #23231f25;border:1px solid #918978}.journal-contact a{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:700;font-size:17px;text-decoration:none;background:#f1ece1;color:#23231f}.journal-contact a:last-child{background:#23231f;color:#e7e0ce;flex-direction:row;gap:20px}.journal-contact small{font-size:11px;font-weight:400;margin-top:5px}.blog-footer{padding-bottom:125px}@media(max-width:600px){.journal-contact{bottom:0;right:0;width:100%;height:65px}.blog-footer{padding-bottom:100px}}

body{background:#d9ccb4}.blog-shell{max-width:1280px;padding-top:85px}
.blog-lead{align-items:center;margin-bottom:45px}.blog-lead>div>p{font-size:11px;letter-spacing:.12em}
.blog-lead h1{font-family:'Zen Kaku Gothic New','Meiryo',sans-serif;font-size:clamp(52px,7vw,96px);line-height:1.25;font-weight:700;letter-spacing:-.065em;margin-top:28px}.blog-lead h1 span{display:block;margin-left:.4em}
.blog-lead>p{font-size:14px;line-height:1.9;margin-right:7vw}.blog-search{margin:0 0 65px auto;font-size:13px;max-width:350px}
.blog-grid{grid-template-columns:1fr 1fr;gap:70px 100px;align-items:start;padding:0 25px}
.blog-story{display:flex;flex-direction:column}.blog-story:nth-child(even){margin-top:90px}
.blog-story figure{clip-path:none;overflow:hidden;aspect-ratio:1.28;transform:rotate(-2deg);box-shadow:0 16px 25px -24px #23231f88}
.blog-story:nth-child(even) figure{transform:rotate(3deg)}.blog-story time{order:-1;margin:0 0 20px;font-size:11px;opacity:.65}
.blog-story h2{font-family:'Zen Kaku Gothic New','Yu Gothic',sans-serif;font-size:23px;line-height:1.55;letter-spacing:-.025em;font-weight:700;margin:32px 0 8px}
.blog-story .read{border:0;font-size:11px;opacity:.65}.blog-story .read span{font-size:23px;opacity:1}.blog-story:hover .read span{transform:translate(4px,-4px);transition:transform .3s}
.post-shell{background:#e7e0ce}.post-shell h1{font-weight:700;letter-spacing:-.03em}.pagination .current{background:none;color:inherit;border-bottom:2px solid #23231f}
@media(max-width:800px){.blog-shell{padding-top:55px}.blog-lead h1{font-size:clamp(43px,10.7vw,72px)}.blog-lead>p{font-size:12px;margin-top:25px}.blog-search{margin:40px 0 55px}.blog-grid{gap:55px 35px;padding:0 8px}.blog-story h2{font-size:19px}.blog-story:nth-child(even){margin-top:60px}}
@media(max-width:480px){.blog-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:45px 0}.blog-story{grid-column:1/6}.blog-story:first-child{grid-column:1/7}.blog-story:nth-child(even){grid-column:2/7;margin-top:0}.blog-story h2{font-size:20px;margin-top:25px}.blog-story time{margin-bottom:17px}.blog-story figure{aspect-ratio:1.28}}