/* Cocoon reading layer. Keep theme templates, SEO, comments and contents. */
body.ll-reading{background:#f5f7fa;color:#1a293c;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
body.ll-reading #content{margin-top:32px}
body.ll-reading .content-in{display:flex;max-width:1184px;margin-inline:auto;gap:28px;align-items:flex-start}
body.ll-reading .main{flex:1 1 0;width:auto;background:#fff;border:1px solid #e0e6ee;border-radius:8px;padding:40px;min-width:0}
body.ll-reading .sidebar{flex:0 0 280px;width:280px;font-size:14px;line-height:1.8;min-width:0}
body.ll-reading .article{max-width:760px;margin-inline:auto}
body.ll-reading .entry-title{font-size:clamp(25px,3vw,34px);line-height:1.6;letter-spacing:-.025em;margin-block:12px 24px}
body.ll-reading .entry-content{font-size:17px;line-height:1.95;overflow-wrap:anywhere}
body.ll-reading .entry-content p{margin-block:0 1.5em}
body.ll-reading .entry-content h2{font-size:25px;line-height:1.6;color:#1a293c;background:#f2f5fa;border:0;border-left:4px solid #2853d5;padding:18px 20px;margin-top:2.4em}
body.ll-reading .entry-content h3{font-size:21px;line-height:1.65;color:#1a293c;border:0;border-bottom:1px solid #dce3ed;padding:0 0 12px;margin-top:2em}
body.ll-reading .entry-content a{color:#2853d5;text-decoration:underline;text-underline-offset:3px}
body.ll-reading a:focus-visible,body.ll-reading button:focus-visible{outline:3px solid #2853d5;outline-offset:4px}
body.ll-reading .entry-content img{max-width:100%;height:auto}
body.ll-reading .entry-content iframe{max-width:100%}
body.ll-reading .entry-content .toc{width:100%;max-width:100%;background:#f7f9fc;border:1px solid #dce3ed;border-radius:6px;padding:22px;font-size:14px}
body.ll-reading .entry-content table{display:block;max-width:100%;overflow-x:auto;white-space:normal;font-size:14px;line-height:1.7}
body.ll-reading .entry-content pre{max-width:100%;overflow-x:auto;font-size:14px}
body.ll-reading .entry-content li{margin-bottom:.65em}
body.ll-reading .date-tags{color:#5f6b79;font-size:12px}
body.ll-reading .breadcrumb{font-size:12px;color:#5f6b79;line-height:1.7}
body.ll-reading .entry-card-title{font-size:18px;line-height:1.65}
body.ll-reading .entry-card-wrap{border-bottom:1px solid #e0e6ee;padding-block:22px}
body.ll-reading .widget-title{font-size:17px;line-height:1.6;color:#1a293c;background:transparent;border-bottom:1px solid #dce3ed;padding:0 0 12px}
body.ll-reading .header-container,body.ll-reading .navi{background:#fff;color:#1a293c}
body.ll-reading .navi{border-block:1px solid #e0e6ee}
body.ll-reading .navi a{color:#1a293c;font-size:14px}
body.ll-reading .go-to-top-button{background:#1a293c;color:#fff}
@media(max-width:1023px){body.ll-reading .content-in{display:block;padding-inline:20px}body.ll-reading .main{width:100%;max-width:100%;margin:0}body.ll-reading .sidebar{width:100%;margin:32px 0 0}body.ll-reading .entry-content{font-size:16px}}
@media(max-width:600px){body.ll-reading #content{margin-top:18px}body.ll-reading .content-in{padding-inline:10px}body.ll-reading .main{padding:24px 18px;border-radius:6px}body.ll-reading .entry-title{font-size:25px}body.ll-reading .entry-content h2{font-size:21px;padding:14px 15px}body.ll-reading .entry-content h3{font-size:19px}body.ll-reading .entry-content .toc{padding:16px}body.ll-reading .entry-card-title{font-size:16px}}