@charset "UTF-8";
/* ==================================================
	member settings
================================================== */
.member-list-filter{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap:1.6rem;
  padding:0 2rem;
  box-sizing:border-box;
}


.member-list-filter button{
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 1.6rem;
  box-sizing: border-box;
  font-size: 2rem;
  background:#ccc;
  width: 100%;
  text-align: center;
  cursor:pointer;
}
.member-list-filter button.selected{
  font-weight:bold;
  color:#fff;
  background:#999;
}
.filter_list{
  display:none;
}
.filter_list.current{
  display:block;
}
#member-list{
  box-sizing:border-box;
  padding:8rem 2rem;
}
#member-list .ttl_style{
    margin-top: 6rem;
    margin-bottom:2rem;
}
#member-list .ttl_style:first-child {
    margin-top: 0;
}
.u-px-ex{padding-left:2rem;padding-right:2rem;}
@media screen and (max-width:767px){
  .member-list-filter{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-gap:1.6rem;
  }
  .ttl_style {
    font-size: 7.7978vw;
  }
  #member-list{
    padding:13.33vw 0;
  }
  .u-px-ex{padding-left:3.999vw;padding-right:3.999vw;}
}
@media screen and (max-width:750px){
  .member-list-filter{
    padding:0;
  }
}