/*
Theme Name: Child
Template: sunget
Author: Child Theme Configurator
Version: 1.0.1764509079
Updated: 2025-11-30 22:24:39

*/

/* ========================================
   メンバーグリッドレイアウト
   ======================================== */

/* グリッドコンテナ */
.member-grid {
  max-width: 1400px;
  margin: 0 auto;
}

/* メンバーアイテムのアニメーション */
.member-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.member-item._active {
  opacity: 1;
  transform: translateY(0);
}

/* スクロール時のアニメーション遅延（順番に表示） */
.member-item:nth-child(1) { transition-delay: 0s; }
.member-item:nth-child(2) { transition-delay: 0.1s; }
.member-item:nth-child(3) { transition-delay: 0.2s; }
.member-item:nth-child(4) { transition-delay: 0.3s; }
.member-item:nth-child(5) { transition-delay: 0.4s; }
.member-item:nth-child(6) { transition-delay: 0.5s; }
.member-item:nth-child(7) { transition-delay: 0.6s; }
.member-item:nth-child(8) { transition-delay: 0.7s; }
.member-item:nth-child(9) { transition-delay: 0.8s; }
.member-item:nth-child(10) { transition-delay: 0.9s; }
.member-item:nth-child(11) { transition-delay: 1s; }
.member-item:nth-child(12) { transition-delay: 1.1s; }

/* リンクスタイル */
.member-item a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* 画像のホバーエフェクト */
.member-item img {
  will-change: transform;
}

/* 名前部分のスタイル調整 */
.member-info {
  padding: 0 4px;
}

/* レスポンシブ調整 */
@media only screen and (max-width: 1023px) {
  /* モバイル：2列 */
  .member-grid {
    gap: 16px;
  }
  
  .member-item h3 {
    font-size: 14px;
    line-height: 1.3;
  }
  
  .member-info {
    padding: 0 2px;
  }
}

@media only screen and (min-width: 1024px) {
  /* PC：4列 */
  .member-info {
    padding: 0 8px;
  }
}