@media screen and (min-width: 641px) {
/*ふわっと表示下から*/

.news__itemsU.offs.effect {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 50px);
}
.news__itemsU.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 2s ease;
  transition: all 2s ease；;
}


/*ふわっと表示左から*/

.news__itemsL.offs.effect {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(100px,0);
}
.news__itemsL.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 2s ease;
  transition: all 2s ease；;
}


/*ふわっと表示右から*/

.news__itemsR.offs.effect {
  opacity: 0;
  transform: translate(0, 50px);
  -webkit-transform: translate(-100px,0);
}
.news__itemsR.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 2s ease;
  transition: all 2s ease；;
}

}

@media screen and (max-width: 640px) {

/*ふわっと表示下から*/

.news__itemsU.offs.effect {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 50px);
}
.news__itemsU.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 2s ease;
  transition: all 2s ease；;
}


/*ふわっと表示下から*/

.news__itemsL.offs.effect {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 50px);
}
.news__itemsL.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 2s ease;
  transition: all 2s ease；;
}


/*ふわっと表示下から*/

.news__itemsR.offs.effect {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 50px);
}
.news__itemsR.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 2s ease;
  transition: all 2s ease；;
}

}