@charset "utf-8";
/* CSS Document */





/* スライド
---------------------------------------------------------- */
#slidd{
  max-width: 100%;
  position: relative;
  height:200px;
  overflow: hidden;
  margin-bottom:50px;
}


.bg-animate {
  width: 4800px;
  height:200px;
  background:url("http://excrea.co.jp/img/magazine.jpg");
  background-size: auto 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: top_slider 60s linear infinite;
  animation: top_slider 60s linear infinite;
}
 
 @media all and (max-width: 896px) {  
#slidd{
   height:200px;
   margin-top:0px;
}
  .bg-animate {
   height:420px;
   
  }
  
 }
 
 
  @media all and (max-width: 450px) {
  
  
#slidd{
   height:200px;
}
.bg-animate {
   height:200px;
   
  }

  
 }


/* keyframe
---------------------------------------------------------- */

@-webkit-keyframes top_slider {
  from {
    background-position: /*3973px*/3996px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes top_slider {
  from {
    background-position:  /*3973px*/3996px 0;
  }
  to {
    background-position: 0 0;
  }
}