/*
 Theme Name: maisonmaman Child
 Template: maisonmaman
 Version: 1.0.0
*/

.staff-profile .staff-card img{
  object-position: 50% 15%;
}

/* STAFF：左説明 + 右カード一覧 */
#staff .staff-profile{
  display: grid;
  grid-template-columns: 1fr 960px;
  column-gap: 30px;
  align-items: start;
}

/* 右側：カードを3列で並べる */
#staff .staff-cards{
  display: grid;
  grid-template-columns: repeat(3, 300px);
  gap: 30px;
  align-content: start;
}

/* 念のためカード幅固定 */
#staff .staff-card{
  width: 300px;
}

/* 7人目以降を隠す（初期表示は6人まで） */
#staff .staff-cards .staff-card:nth-child(n + 7){
  display: none;
}

/* 展開したら7人目以降を表示 */
#staff .staff-cards.is-expanded .staff-card:nth-child(n + 7){
  display: block;
}

/* moreボタン */
#staff .staff-more-btn{
  display: block;
  width: 300px;
  margin: 32px auto 0;
  padding: 12px 0;
  border: 1px solid #000;
  background: transparent;
  cursor: pointer;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  text-align: center;
}

#staff .staff-more-btn:hover{
  background: #000;
  color: #fff;
}

#staff .staff-more-btn{
  grid-column: 1 / -1;
}