.blog-hero{padding:140px 20px 40px;text-align:center}.blog-title{font-size:2rem;font-weight:300;color:#3a3a3a;letter-spacing:.1em;font-family:游明朝,Yu Mincho,YuMincho,Hiragino Mincho ProN,HG明朝E,serif}.category-tabs{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.category-tab{padding:5px 12px;font-size:.75rem;color:#3a3a3a;background-color:transparent;border:1px solid #3a3a3a;border-radius:0;cursor:pointer;font-family:游明朝,Yu Mincho,YuMincho,Hiragino Mincho ProN,HG明朝E,serif;font-weight:300;letter-spacing:.05em;text-decoration:none;display:inline-block}.category-tab:hover{opacity:.7}.category-tab.active{color:#986a36;border-color:#986a36;font-weight:500}.tag-list{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}.tag-item{display:inline-block;padding:3px 10px;font-size:.75rem;color:#666;background-color:#f0f0f0;border:none;border-radius:16px;cursor:pointer;font-family:游明朝,Yu Mincho,YuMincho,Hiragino Mincho ProN,HG明朝E,serif;font-weight:300;letter-spacing:.05em;text-decoration:none}.tag-item:hover{background-color:#e0e0e0}.tag-item.active{color:#7a4f1e;background-color:#f5ece0}@media(min-width:768px){.category-tabs{gap:12px}.category-tab{padding:8px 20px;font-size:.8rem}.tag-list{gap:12px;margin-top:30px}.tag-item{padding:4px 12px;font-size:.75rem}}@media(min-width:768px){.blog-hero{padding:180px 20px 100px}.blog-title{font-size:3rem}}.blog-list{padding:30px 15px}@media(min-width:768px){.blog-list{padding:60px}}.container{width:100%;max-width:1600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:50px}}.blog-card{background:#fff;overflow:hidden}.blog-card-link{display:block;text-decoration:none;color:inherit}.blog-card-image{width:100%;aspect-ratio:3 / 2;overflow:hidden;background-color:#f0f0f0;margin-bottom:16px}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card-link:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:0 8px}.blog-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.blog-card-category{display:inline-block;font-size:1rem;color:#986a36;font-weight:600;letter-spacing:.05em;text-decoration:none}@media(min-width:768px){.blog-card-category{font-size:1rem}}.blog-card-tag{display:inline-block;padding:3px 10px;font-size:.75rem;color:#666;background-color:#f0f0f0;border-radius:16px;font-weight:500;text-decoration:none;transition:background-color .3s ease}.blog-card-tag:hover{background-color:#e0e0e0}@media(min-width:768px){.blog-card-tag{padding:4px 12px;font-size:.75rem}}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.5;margin:0;color:#333}@media(max-width:768px){.blog-card-title{font-size:1.1rem}}.pagination{margin-top:60px;margin-bottom:60px}.pagination-container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.pagination-link{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;color:#3a3a3a;background-color:#fff;border:1px solid #3a3a3a;text-decoration:none;transition:all .3s ease}.pagination-link:hover{background-color:#f5f5f5}.pagination-numbers{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-number{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;font-size:1rem;color:#3a3a3a;background-color:#fff;border:1px solid #ddd;text-decoration:none;transition:all .3s ease}.pagination-number:hover{background-color:#f5f5f5;border-color:#3a3a3a}.pagination-current{background-color:#986a36;color:#fff;border-color:#986a36;font-weight:600}.pagination-current:hover{background-color:#986a36;border-color:#986a36}@media(max-width:768px){.pagination-container{flex-direction:column;gap:20px}.pagination-link{width:100%;justify-content:center}.pagination-numbers{order:-1;width:100%}}.blog-breadcrumb{font-size:.875rem;color:#666;margin:0 0 16px}.blog-breadcrumb a{color:#986a36;text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-count{font-size:.875rem;color:#666;margin:0 0 40px}