#wrap {
  position: relative;
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}
.slideConts {

  margin: 40px auto;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}
.slideContsL {
  background-color: #fff;
  transform: translate(-1200px, 0);
}
.slideContsR {
  background-color: #fff;
  transform: translate(1200px, 0);
}
.slideContsL.show {
  transform: translate(0px, 0) !important;
}
.slideContsR.show {
  transform: translate(-0px, 0) !important;
}

.FlexContainer {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    overflow: auto;
    flex-direction: row;
}

.FlexContainer div {
    width: 560px;
    height: 480px;
    margin: 5px;
}

/*-----------------------------------------------------*/
/* スマホ用のCSS */
/*-----------------------------------------------------*/
@media (max-width:430px) {
	
		
	
	.FlexContainer div {
    width: 400px;
    height: 260px;
    margin: 5px;
}
	
	
	
}