.sidebar{background:#fafafa;border-right:1px solid #e0e0e0;width:260px;min-height:100vh;padding:20px}.sidebar-title{color:#333;border-left:4px solid #014901;margin:20px 0 10px;padding-left:8px;font-size:18px}.sidebar-input{border:1px solid #ccc;border-radius:6px;width:80%;padding:10px;font-size:15px}.sidebar-list{padding:0;list-style:none}.sidebar-item{cursor:pointer;color:#444;padding:6px 0}.sidebar-item:hover{color:#014901;padding-left:5px}.sidebar-tags{flex-wrap:wrap;gap:8px;display:flex}.sidebar-tag{cursor:pointer;background:#e9e9e9;border-radius:20px;padding:6px 10px;font-size:12px}.sidebar-tag:hover{color:#fff;background:#014901}.sidebar-clear{color:#014901;cursor:pointer;background:#fff;border:1px solid #014901;border-radius:6px;width:100%;margin-top:30px;padding:10px}.sidebar-clear:hover{color:#fff;background:#014901}.sidebar-item.active{color:#fff;background:#014901;border-radius:6px;padding:6px 8px}.sidebar-tag.active{color:#fff;background:#014901}
.blogContainer{gap:30px;max-width:1200px;margin:0 auto;padding:40px 40px 70px;display:flex}.blogMain{flex:1;grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.blogMain h1{grid-column:1/-1;margin-bottom:5px;font-size:30px;font-weight:700}.blogCard{color:#000;background:#fff;border:1px solid #ddd;border-radius:14px;padding:20px;text-decoration:none;transition:transform .25s,box-shadow .25s,border .25s,background .25s;display:block;box-shadow:0 4px 14px #0000000f}.blogCard:hover{background:#fafffa;border:1px solid #9eea9e;box-shadow:0 14px 28px #0000001f}.blogCard h2{margin:4px 0 10px;font-size:20px;line-height:1.6}.blogCard p{color:#444;margin:0 0 10px;line-height:1.7}.blogCard small{color:#777;font-size:12px}@media (max-width:900px){.blogContainer{flex-direction:column;padding:20px}.blogMain{grid-template-columns:1fr}.blogMain h1{font-size:24px}}body{letter-spacing:.2px;font-family:Noto Sans JP,Hiragino Sans,ヒラギノ角ゴ ProN,Yu Gothic Medium,游ゴシック Medium,Segoe UI,Arial,sans-serif}.articleContainer,.blogMain{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic Medium,sans-serif;line-height:1.9}.articleContainer>h1{letter-spacing:.3px;font-size:30px;font-weight:700}.articleBody p{letter-spacing:.2px;font-size:17px}.articleBody h1,.articleBody h2,.articleBody h3{font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:700}.blogCard h2{letter-spacing:.3px;font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-weight:700}.blogCard p{letter-spacing:.2px;font-size:15px;line-height:1.8}
