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



#maga {
 max-width: /*800px*/1200px;
 margin: 0 auto;
 padding: 30px;
/* background-color:#FBF0F4;ピンク*/
}

#maga {
 width: 100%;
 max-width: auto;
  padding: 0 0 0 0;
 margin-top: 0px;
 margin-bottom:30px;
 position: relative;
}



/* スライド
---------------------------------------------------------- */
#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;
  }
}