.flex{
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
}

.box{
  width: 30%;
  padding: 0;
  margin: 20px;
  box-sizing:border-box;
  list-style: none;
}




/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box {
  opacity: 0;
}

/*==================================================
ふわっ
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}


@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(200px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}




@media only screen and (max-width:767px){
	
.box{
  width: 94%;
  padding: 0 0 5% 0;
  margin: 30px 20px 20px 20px;
  box-sizing:border-box;
  list-style: none;
  border-bottom: solid #555 1px;
}
}