/*#wrap {
  position: relative;
  overflow: hidden;
  width: 800px;
  margin: 0 auto;
}*/
.slideConts {
    /*width: 820px;
    height: 400px;*/
      width: 230px;
    height: 230px;
    /*margin: 40px auto;*/
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
       /*overflow: hidden;*/
  }
  .slideContsL {
    background-color: lightpink;
    transform: translate(-820px, 0);
  }
  .slideContsR {
    /*background-color: lightblue;*/
    transform: translate(820px, 0);
  }
  .slideContsL.show {
    /*transform: translate(-50px, 0) !important;*/
      transform: translate(0) !important;
  }
  .slideContsR.show {
    /*transform: translate(50px, 0) !important;*/
      transform: translate(0) !important;
  }
  
  
  /* 荳九°繧我ｸ� */
  .sd {
    opacity: 0; /* 隕∫ｴ�繧帝€乗�縺ｫ縺吶ｋ */
    transition: all 1.5s ease; /* 0.5遘偵°縺代※繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繧定｡後≧ */
  }
   
  .sd.show {
    opacity: 1; /* 隕∫ｴ�繧剃ｸ埼€乗�縺吶ｋ */
    transform: none; /* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繧偵↑縺上☆ */
  }
  
  .sd-bu {
    transform: translate(0, 100px); /* Y蠎ｧ讓吶ｒ100px遘ｻ蜍輔☆繧九い繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
  }