/*///////////////// member ////////////////*/
#member ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#member li{
  text-align:center;
}

/*/p/*/
#member p{
  line-height:100%;
}
#member p small{
  display: block;
}
/*/photo/*/
#member .photo{width:100%;
}
#member .photo span.lazy-done {
-webkit-animation: fadeIn 700ms;
animation: fadeIn 700ms;
}
#member .photo span {
position: relative;
height: 0;
background-repeat: no-repeat;
padding-top:136%;
background-size: cover;
border-radius: .5em;
}

/*/btn/*/
#member a,#member a:hover{
  text-decoration: none;
}
#member .btn{
  display: block;
  border:solid 2px #fff;
  border-radius:50px;
  padding:10px;
  margin:20px auto;
  text-decoration: none;
}
#member a:hover p{
    color:#fff !important;
}
#member a:hover .btn{
    border:solid 2px #fff000;
    color:#fff000 !important;
}

@media all and (min-width: 768px) {
#member ul{width:100%;}
#member li{
  width:18%;
  margin:20px 0;
}
/*/p/*/
#member p{
  font-size: 130%;
  margin-top:20px;
}
}
@media all and (max-width: 767px) {
  #member ul{width:100%;}
  #member li{
  width:48%;
  margin:1em 0;
  }
  /*/p/*/
  #member p{
  font-size: 100%;
  margin-top:1em;
  }
}