/*********************************
 横スライド（一定速度、停止なし）
**********************************/
.effect_contents1{
    width: 100%;
    max-width: 950px;
    height: 110px;
    margin: 0 auto;
    background: url(../images/pc_slide1.jpg) ;
    background-position: center;
    /*画像のサイズを指定する*/
    -webkit-background-size: 1140px 110px;
     background-size:  1140px 110px;
     /* animation:アニメーション名 , アニメーションの時間 , アニメーションのタイミング , アニメーションの繰り返し */
     -webkit-animation: bgscroll1 40s linear infinite;
     animation: bgscroll1 40s linear infinite;
 
}

.effect_contents2{
    width: 100%;
    max-width: 950px;
    height: 378px;
    margin: 0 auto;
    background: url(../images/pc_slide2.jpg) ;
    background-position: center;
    /*画像のサイズを指定する*/
    -webkit-background-size: 3088px 378px;
     background-size:  3088px 378px;
     /* animation:アニメーション名 , アニメーションの時間 , アニメーションのタイミング , アニメーションの繰り返し */
     -webkit-animation: bgscroll2 50s linear infinite;
     animation: bgscroll2 50s linear infinite;
 
}

/*アニメーションの指定
background-position: x軸 , y軸;
今回は縦にスクロールする
背景画像のサイズ分移動させる
*/
@-webkit-keyframes bgscroll1 {
 0% {background-position: 0 0;}
 100% {background-position: -1140px 0;}
}
 
@keyframes bgscroll1 {
 0% {background-position: 0 0;}
 100% {background-position: -1140px 0;}
}


@-webkit-keyframes bgscroll2 {
 0% {background-position: 0 0;}
 100% {background-position: -3088px 0;}
}
 
@keyframes bgscroll2 {
 0% {background-position: 0 0;}
 100% {background-position: -3088px 0;}
}