/*----------------------------------------------------------*/

/*  MASTERCLASS LIST    */

/*----------------------------------------------------------*/

.masterclass_list {
  background-image: url("/img/master-class/bgimg_list_pc.jpg");
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
  padding-bottom: 3rem;
}

.masterclass_members h2 {
  text-align: center;
}

.masterclass_list .flex-between-center {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
}

img.user_thumb {
  width: 100%;
}

.masterclass_list .member {
  display: inline-block;
  text-align: center;
  border: 2px solid #ff7c7d;
  width: 30%;
}

.masterclass_list .member .name {
  display: block;
  background-color: #ff7c7d;
  color: #fff;
  text-align: center;
  padding: 6px;
}

.masterclass_list .member .name:hover {
  text-decoration: none;
}

.country_flag {
  position: absolute;
  width: 60px;
  filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.2));
}

@media only screen and (max-width: 767px) {
  .masterclass_list {
    background-image: url("/img/master-class/bgimg_list_sp.jpg");
    background-attachment: scroll;
    background-position: top;
    background-size: 100%;
    background-repeat: repeat-y;
  }

  .masterclass_list .member {
    width: 48%;
  }
}