/* --- ギャラリー（正方形カード） --- */
.gallery{display:grid;grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));gap:30px;justify-items:center}
.card{width:100%;max-width:190px;background:#fff;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.card a{text-decoration:none;color:inherit}
.card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}
.card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.card-title{padding:10px;color:#1a1a1a;font-size:15px;word-break:break-word;text-decoration:none;border-bottom:none}

/* --- タグバー --- */
.tag-bar{margin-top:20px;margin-bottom:30px;gap:10px 15px}
.tag{margin:5px;padding:12px;border-radius:10px;font-size:13px;text-decoration:none;color:#333;font-weight:500;transition:all .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,0.08);cursor:pointer}
.tag:hover{filter:brightness(0.85);transform:translateY(-2px)}
.tag.active{color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,0.25)}

/* --- レスポンシブ --- */
@media(max-width:1024px){.gallery{gap:20px;grid-template-columns: repeat(auto-fill, minmax(150px,1fr))}.card{max-width:300px}.card-title{font-size:20px;padding:8px}.tag{padding:16px;font-size:12px}}
@media(max-width:768px){.gallery{grid-template-columns:repeat(2,1fr);gap:15px}.card{max-width:250px}.card-title{font-size:16px;padding:6px}.tag-bar{display:none}}
@media(max-width:480px){.gallery{grid-template-columns:1fr;gap:10px}.card{max-width:100%}.card img{aspect-ratio:1/1}.card-title{font-size:12px;padding:4px}.tag-bar{display:none}}
.responsive-image img {
  width: 100%;
  height: auto;
  display: block;
}
.archive-hero2{
  max-width: 900px;
}
/* 初期設定：PC表示のみ */
.responsive-image img.pc-only {
  display: block !important;
}
.responsive-image img.sp-only {
  display: none !important;
}
@media (max-width:768px){
  .archive-hero2{
    display: none;
  }
  .responsive-image img.pc-only {
    display: none !important;
  }
  .responsive-image img.sp-only {
    display: block !important;
  }
}