@charset "utf-8";
#color_menu li .color_txt li:first-child{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

#color_menu li:nth-of-type(1) .color_txt li:first-child {
  animation: loop 48s -25s linear infinite;
  -webkit-animation: loop 48s -25s linear infinite;

}

#color_menu li:nth-of-type(1) .color_txt li:last-child {
  animation: loop2 48s linear infinite;
  -webkit-animation: loop2 48s linear infinite;
}

#color_menu li:nth-of-type(2) .color_txt li:first-child {
  animation: loop 46s -24.2s linear infinite;
  -webkit-animation: loop 46s -24.2s linear infinite;
}

#color_menu li:nth-of-type(2) .color_txt li:last-child {
  animation: loop2 46s linear infinite;
  -webkit-animation: loop2 46s linear infinite;
}

#color_menu li:nth-of-type(3) .color_txt li:first-child {
  animation: loop 48s -24.7s linear infinite;
  -webkit-animation: loop 48s -24.7s linear infinite;
}

#color_menu li:nth-of-type(3) .color_txt li:last-child {
  animation: loop2 48s linear infinite;
  -webkit-animation: loop2 48s linear infinite;
}

#color_menu li:nth-of-type(4) .color_txt li:first-child {
  animation: loop 46s -23.9s linear infinite;
  -webkit-animation: loop 46s -23.9s linear infinite;
}

#color_menu li:nth-of-type(4) .color_txt li:last-child {
  animation: loop2 46s linear infinite;
  -webkit-animation: loop2 46s linear infinite;
}

#color_menu li:nth-of-type(5) .color_txt li:first-child {
  animation: loop 61.5s -31.6s linear infinite;
  -webkit-animation: loop 61.5s -31.6s linear infinite;
}

#color_menu li:nth-of-type(5) .color_txt li:last-child {
  animation: loop2 61.5s linear infinite;
  -webkit-animation: loop2 61.5s linear infinite;
}

#color_menu li:nth-of-type(6) .color_txt li:first-child {
  animation: loop 65s -34s linear infinite;
  -webkit-animation: loop 65s -34s linear infinite;
}

#color_menu li:nth-of-type(6) .color_txt li:last-child {
  animation: loop2 65s 10s linear infinite;
  -webkit-animation: loop2 65s linear infinite;
}

#color_menu li:nth-of-type(7) .color_txt li:first-child {
  animation: loop 57s -29.4s linear infinite;
  -webkit-animation: loop 57s -29.4s linear infinite;
}

#color_menu li:nth-of-type(7) .color_txt li:last-child {
  animation: loop2 57s linear infinite;
  -webkit-animation: loop2 57s linear infinite;
}

#color_menu li:nth-of-type(8) .color_txt li:first-child {
  animation: loop 60s -29.7s linear infinite;
  -webkit-animation: loop 60s -29.7s linear infinite;
}

#color_menu li:nth-of-type(8) .color_txt li:last-child {
  animation: loop2 60s linear infinite;
  -webkit-animation: loop2 60s linear infinite;
}

#color_menu li:nth-of-type(9) .color_txt li:first-child {
  animation: loop 63s -31.8s linear infinite;
  -webkit-animation: loop 63s -31.8s linear infinite;
}

#color_menu li:nth-of-type(9) .color_txt li:last-child {
  animation: loop2 63s linear infinite;
  -webkit-animation: loop2 63s linear infinite;
}

#color_menu li:nth-of-type(10) .color_txt li:first-child {
  animation: loop 46s -25s linear infinite;
  -webkit-animation: loop 46s -25s linear infinite;
}

#color_menu li:nth-of-type(10) .color_txt li:last-child {
  animation: loop2 46s linear infinite;
  -webkit-animation: loop2 46s linear infinite;
}

#color_menu li:nth-of-type(11) .color_txt li:first-child {
  animation: loop 52s -28.2s linear infinite;
  -webkit-animation: loop 52s -28.2s linear infinite;
}

#color_menu li:nth-of-type(11) .color_txt li:last-child {
  animation: loop2 52s linear infinite;
  -webkit-animation: loop2 52s linear infinite;
}

#color_menu li:nth-of-type(12) .color_txt li:first-child {
  animation: loop 61s -30.7s linear infinite;
  -webkit-animation: loop 61s -30.7s linear infinite;
}

#color_menu li:nth-of-type(12) .color_txt li:last-child {
  animation: loop2 61s linear infinite;
  -webkit-animation: loop2 61s linear infinite;
}

#color_menu li:nth-of-type(13) .color_txt li:first-child {
  animation: loop 48s -26.2s linear infinite;
  -webkit-animation: loop 48s -26.2s linear infinite;
}

#color_menu li:nth-of-type(13) .color_txt li:last-child {
  animation: loop2 48s linear infinite;
  -webkit-animation: loop2 48s linear infinite;
}


#color_menu li:nth-of-type(14) .color_txt li:first-child {
  animation: loop 66s -32.5s linear infinite;
  -webkit-animation: loop 66s -32.5s linear infinite;
}

#color_menu li:nth-of-type(14) .color_txt li:last-child {
  animation: loop2 66s linear infinite;
  -webkit-animation: loop2 66s linear infinite;
}



@media screen and (max-width:768px) {

#color_menu li:nth-of-type(1) .color_txt li:first-child {
  animation: loop 30s -15.1s linear infinite;
  -webkit-animation: loop 30s -15.1s linear infinite;
}

#color_menu li:nth-of-type(1) .color_txt li:last-child {
  animation: loop2 30s linear infinite;
  -webkit-animation: loop2 30s linear infinite;
}

#color_menu li:nth-of-type(2) .color_txt li:first-child {
  animation: loop 28s -14.1s linear infinite;
  -webkit-animation: loop 28s -14.1s linear infinite;
}

#color_menu li:nth-of-type(2) .color_txt li:last-child {
  animation: loop2 28s linear infinite;
  -webkit-animation: loop2 28s linear infinite;
}

#color_menu li:nth-of-type(3) .color_txt li:first-child {
  animation: loop 31s -15.6s linear infinite;
  -webkit-animation: loop 31s -15.6s linear infinite;
}

#color_menu li:nth-of-type(3) .color_txt li:last-child {
  animation: loop2 31s linear infinite;
  -webkit-animation: loop2 31s linear infinite;
}

#color_menu li:nth-of-type(4) .color_txt li:first-child {
  animation: loop 29s -14.6s linear infinite;
  -webkit-animation: loop 29s -14.6s linear infinite;
}

#color_menu li:nth-of-type(4) .color_txt li:last-child {
  animation: loop2 29s linear infinite;
  -webkit-animation: loop2 29s linear infinite;
}

#color_menu li:nth-of-type(5) .color_txt li:first-child {
  animation: loop 41.5s -20.8s linear infinite;
  -webkit-animation: loop 41.5s -20.8s linear infinite;
}

#color_menu li:nth-of-type(5) .color_txt li:last-child {
  animation: loop2 41.5s linear infinite;
  -webkit-animation: loop2 41.5s linear infinite;
}

#color_menu li:nth-of-type(6) .color_txt li:first-child {
  animation: loop 44s -22.1s linear infinite;
  -webkit-animation: loop 44s -22.1s linear infinite;
}

#color_menu li:nth-of-type(6) .color_txt li:last-child {
  animation: loop2 44s linear infinite;
  -webkit-animation: loop2 44s linear infinite;
}

#color_menu li:nth-of-type(7) .color_txt li:first-child {
  animation: loop 37s -18.5s linear infinite;
  -webkit-animation: loop 37s -18.5s linear infinite;
}

#color_menu li:nth-of-type(7) .color_txt li:last-child {
  animation: loop2 37s linear infinite;
  -webkit-animation: loop2 37s linear infinite;
}

#color_menu li:nth-of-type(8) .color_txt li:first-child {
  animation: loop 42.2s -21.2s linear infinite;
  -webkit-animation: loop 42.2s -21.2s linear infinite;
}

#color_menu li:nth-of-type(8) .color_txt li:last-child {
  animation: loop2 42.2s linear infinite;
  -webkit-animation: loop2 42.2s linear infinite;
}

#color_menu li:nth-of-type(9) .color_txt li:first-child {
  animation: loop 44.1s -22.2s linear infinite;
  -webkit-animation: loop 44.1s -22.2s linear infinite;
}

#color_menu li:nth-of-type(9) .color_txt li:last-child {
  animation: loop2 44.1s linear infinite;
  -webkit-animation: loop2 44.1s linear infinite;
}

#color_menu li:nth-of-type(10) .color_txt li:first-child {
  animation: loop 27s -13.6s linear infinite;
  -webkit-animation: loop 27s -13.6s linear infinite;
}

#color_menu li:nth-of-type(10) .color_txt li:last-child {
  animation: loop2 27s linear infinite;
  -webkit-animation: loop2 27s linear infinite;
}

#color_menu li:nth-of-type(11) .color_txt li:first-child {
  animation: loop 31s -46.7s linear infinite;
  -webkit-animation: loop 31s -46.7s linear infinite;
}

#color_menu li:nth-of-type(11) .color_txt li:last-child {
  animation: loop2 31s linear infinite;
  -webkit-animation: loop2 31s linear infinite;
}

#color_menu li:nth-of-type(12) .color_txt li:first-child {
  animation: loop 41s -20.7s linear infinite;
  -webkit-animation: loop 41s -20.7s linear infinite;
}

#color_menu li:nth-of-type(12) .color_txt li:last-child {
  animation: loop2 41s linear infinite;
  -webkit-animation: loop2 41s linear infinite;
}

#color_menu li:nth-of-type(13) .color_txt li:first-child {
  animation: loop 27.8s -14.1s linear infinite;
  -webkit-animation: loop 27.8s -14.1s linear infinite;
}

#color_menu li:nth-of-type(13) .color_txt li:last-child {
  animation: loop2 27.8s linear infinite;
  -webkit-animation: loop2 27.8s linear infinite;
}


#color_menu li:nth-of-type(14) .color_txt li:first-child {
  animation: loop 47s -23.7s linear infinite;
  -webkit-animation: loop 47s -23.7s linear infinite;
}

#color_menu li:nth-of-type(14) .color_txt li:last-child {
  animation: loop2 47s linear infinite;
  -webkit-animation: loop2 47s linear infinite;
}


}


/*アニメーション*/
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}


.color-selected_list{
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.color-selected_list.active{
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

/*ここまでメニュー文字アニメーション*/




#main_outer.color_bg_white{
  animation: scr_ani_01 60s linear 0s infinite;
  -webkit-animation: scr_ani_01 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_gray{
  animation: scr_ani_02 60s linear 0s infinite;
  -webkit-animation: scr_ani_02 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_navy{
  animation: scr_ani_03 60s linear 0s infinite;
  -webkit-animation: scr_ani_03 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_khaki{
  animation: scr_ani_04 60s linear 0s infinite;
  -webkit-animation: scr_ani_04 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_light-gray{
  animation: scr_ani_05 60s linear 0s infinite;
  -webkit-animation: scr_ani_05 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_salmon-pink{
  animation: scr_ani_06 60s linear 0s infinite;
  -webkit-animation: scr_ani_06 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;

}
#main_outer.color_bg_lavender{
  animation: scr_ani_07 60s linear 0s infinite;
  -webkit-animation: scr_ani_07 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_baby-pink{
  animation: scr_ani_08 60s linear 0s infinite;
  -webkit-animation: scr_ani_08 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_soft-beige{
  animation: scr_ani_09 60s linear 0s infinite;
  -webkit-animation: scr_ani_09 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_pink{
  animation: scr_ani_10 60s linear 0s infinite;
  -webkit-animation: scr_ani_10 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow{
  animation: scr_ani_11 60s linear 0s infinite;
  -webkit-animation: scr_ani_11 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_saxe-blue{
  animation: scr_ani_12 60s linear 0s infinite;
  -webkit-animation: scr_ani_12 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_blue{
  animation: scr_ani_13 60s linear 0s infinite;
  -webkit-animation: scr_ani_13 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow-green{
  animation: scr_ani_14 60s linear 0s infinite;
  -webkit-animation: scr_ani_14 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}

#main_outer.color_bg_white.main_outer_hover--even{
  animation: scr_ani_01_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_01_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_gray.main_outer_hover--even{
  animation: scr_ani_02_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_02_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}

#main_outer.color_bg_navy.main_outer_hover--even{
  animation: scr_ani_03_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_03_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_khaki.main_outer_hover--even{
  animation: scr_ani_04_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_04_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_light-gray.main_outer_hover--even{
  animation: scr_ani_05_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_05_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_salmon-pink.main_outer_hover--even{
  animation: scr_ani_06_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_06_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;

}
#main_outer.color_bg_lavender.main_outer_hover--even{
  animation: scr_ani_07_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_07_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_baby-pink.main_outer_hover--even{
  animation: scr_ani_08_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_08_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_soft-beige.main_outer_hover--even{
  animation: scr_ani_09_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_09_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_pink.main_outer_hover--even{
  animation: scr_ani_10_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_10_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow.main_outer_hover--even{
  animation: scr_ani_11_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_11_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_saxe-blue.main_outer_hover--even{
  animation: scr_ani_12_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_12_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_blue.main_outer_hover--even{
  animation: scr_ani_13_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_13_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow-green.main_outer_hover--even{
  animation: scr_ani_14_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_14_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}



#main_outer.color_bg_white_sp{
  animation: scr_ani_01_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_01_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}

#main_outer.color_bg_gray_sp{
  animation: scr_ani_02_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_02_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_navy_sp{
  animation: scr_ani_03_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_03_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_khaki_sp{
  animation: scr_ani_04_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_04_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_light-gray_sp{
  animation: scr_ani_05_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_05_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_salmon-pink_sp{
  animation: scr_ani_06_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_06_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_lavender_sp{
  animation: scr_ani_07_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_07_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_baby-pink_sp{
  animation: scr_ani_08_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_08_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_soft-beige_sp{
  animation: scr_ani_09_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_09_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_pink_sp{
  animation: scr_ani_10_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_10_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow_sp{
  animation: scr_ani_11_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_11_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_saxe-blue_sp{
  animation: scr_ani_12_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_12_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_blue_sp{
  animation: scr_ani_13_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_13_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow-green_sp{
  animation: scr_ani_14_sp 60s linear 0s infinite;
  -webkit-animation: scr_ani_14_sp 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}

#main_outer.color_bg_white_sp.main_outer_hover--even{
  animation: scr_ani_01_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_01_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_gray_sp.main_outer_hover--even{
  animation: scr_ani_02_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_02_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_navy_sp.main_outer_hover--even{
  animation: scr_ani_03_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_03_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_khaki_sp.main_outer_hover--even{
  animation: scr_ani_04_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_04_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_light-gray_sp.main_outer_hover--even{
  animation: scr_ani_05_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_05_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_salmon-pink_sp.main_outer_hover--even{
  animation: scr_ani_06_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_06_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_lavender_sp.main_outer_hover--even{
  animation: scr_ani_07_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_07_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_baby-pink_sp.main_outer_hover--even{
  animation: scr_ani_08_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_08_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_soft-beige_sp.main_outer_hover--even{
  animation: scr_ani_09_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_09_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_pink_sp.main_outer_hover--even{
  animation: scr_ani_10_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_10_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow_sp.main_outer_hover--even{
  animation: scr_ani_11_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_11_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_saxe-blue_sp.main_outer_hover--even{
  animation: scr_ani_12_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_12_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_blue_sp.main_outer_hover--even{
  animation: scr_ani_13_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_13_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}
#main_outer.color_bg_yellow-green_sp.main_outer_hover--even{
  animation: scr_ani_14_sp_even 60s linear 0s infinite;
  -webkit-animation: scr_ani_14_sp_even 60s linear 0s infinite;
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity:1;
}


#main_outer{
  transition: all 1s;
  -webkit-transition: all 1s;
  opacity: 0;
}




#main_outer.color_bg_white_sp,
#main_outer.color_bg_gray_sp,
#main_outer.color_bg_navy_sp,
#main_outer.color_bg_khaki_sp,
#main_outer.color_bg_light-gray_sp,
#main_outer.color_bg_salmon-pink_sp,
#main_outer.color_bg_lavender_sp,
#main_outer.color_bg_baby-pink_sp,
#main_outer.color_bg_soft-beige_sp,
#main_outer.color_bg_pink_sp,
#main_outer.color_bg_yellow_sp,
#main_outer.color_bg_saxe-blue_sp,
#main_outer.color_bg_blue_sp,
#main_outer.color_bg_yellow-green_sp{
  z-index: 2;

}



@keyframes scr_ani_01{
  0% {background: url("../images/top/PC_main_img_01.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_01.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_01.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_01{
  0% {background: url("../images/top/PC_main_img_01.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_01.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_01.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_01_even{
  0% {background: url("../images/top/PC_main_img_15.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_15.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_15.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_01_even{
  0% {background: url("../images/top/PC_main_img_15.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_15.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_15.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_02{
  0% {background: url("../images/top/PC_main_img_02.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_02.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_02.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_02{
  0% {background: url("../images/top/PC_main_img_02.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_02.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_02.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_02_even{
  0% {background: url("../images/top/PC_main_img_16.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_16.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_16.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_02_even{
  0% {background: url("../images/top/PC_main_img_16.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_16.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_16.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_03{
  0% {background: url("../images/top/PC_main_img_03.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_03.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_03.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_03{
  0% {background: url("../images/top/PC_main_img_03.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_03.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_03.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_03_even{
  0% {background: url("../images/top/PC_main_img_17.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_17.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_17.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_03_even{
  0% {background: url("../images/top/PC_main_img_17.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_17.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_17.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_04{
  0% {background: url("../images/top/PC_main_img_04.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_04.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_04.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_04{
  0% {background: url("../images/top/PC_main_img_04.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_04.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_04.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_04_even{
  0% {background: url("../images/top/PC_main_img_18.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_18.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_18.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_04_even{
  0% {background: url("../images/top/PC_main_img_18.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_18.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_18.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_05{
  0% {background: url("../images/top/PC_main_img_05.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_05.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_05.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_05{
  0% {background: url("../images/top/PC_main_img_05.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_05.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_05.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_05_even{
  0% {background: url("../images/top/PC_main_img_19.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_19.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_19.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_05_even{
  0% {background: url("../images/top/PC_main_img_19.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_19.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_19.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_06{
  0% {background: url("../images/top/PC_main_img_06.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_06.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_06.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_06{
  0% {background: url("../images/top/PC_main_img_06.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_06.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_06.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_06_even{
  0% {background: url("../images/top/PC_main_img_20.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_20.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_20.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_06_even{
  0% {background: url("../images/top/PC_main_img_20.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_20.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_20.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_07{
  0% {background: url("../images/top/PC_main_img_07.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_07.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_07.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_07{
  0% {background: url("../images/top/PC_main_img_07.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_07.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_07.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_07_even{
  0% {background: url("../images/top/PC_main_img_21.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_21.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_21.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_07_even{
  0% {background: url("../images/top/PC_main_img_21.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_21.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_21.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_08{
  0% {background: url("../images/top/PC_main_img_08.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_08.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_08.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_08{
  0% {background: url("../images/top/PC_main_img_08.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_08.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_08.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_08_even{
  0% {background: url("../images/top/PC_main_img_22.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_22.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_22.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_08_even{
  0% {background: url("../images/top/PC_main_img_22.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_22.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_22.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_09{
  0% {background: url("../images/top/PC_main_img_09.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_09.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_09.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_09{
  0% {background: url("../images/top/PC_main_img_09.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_09.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_09.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_09_even{
  0% {background: url("../images/top/PC_main_img_23.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_23.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_23.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_09_even{
  0% {background: url("../images/top/PC_main_img_23.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_23.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_23.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_10{
  0% {background: url("../images/top/PC_main_img_10.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_10.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_10.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_10{
  0% {background: url("../images/top/PC_main_img_10.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_10.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_10.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_10_even{
  0% {background: url("../images/top/PC_main_img_24.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_24.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_24.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_10_even{
  0% {background: url("../images/top/PC_main_img_24.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_24.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_24.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_11{
  0% {background: url("../images/top/PC_main_img_11.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_11.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_11.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_11{
  0% {background: url("../images/top/PC_main_img_11.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_11.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_11.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_11_even{
  0% {background: url("../images/top/PC_main_img_25.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_25.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_25.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_11_even{
  0% {background: url("../images/top/PC_main_img_25.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_25.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_25.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_12{
  0% {background: url("../images/top/PC_main_img_12.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_12.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_12.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_12{
  0% {background: url("../images/top/PC_main_img_12.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_12.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_12.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_12_even{
  0% {background: url("../images/top/PC_main_img_26.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_26.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_26.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_12_even{
  0% {background: url("../images/top/PC_main_img_26.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_26.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_26.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_13{
  0% {background: url("../images/top/PC_main_img_13.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_13.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_13.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_13{
  0% {background: url("../images/top/PC_main_img_13.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_13.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_13.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_13_even{
  0% {background: url("../images/top/PC_main_img_27.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_27.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_27.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_13_even{
  0% {background: url("../images/top/PC_main_img_27.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_27.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_27.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_14{
  0% {background: url("../images/top/PC_main_img_14.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_14.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_14.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_14{
  0% {background: url("../images/top/PC_main_img_14.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_14.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_14.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_14_even{
  0% {background: url("../images/top/PC_main_img_28.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_28.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_28.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_14_even{
  0% {background: url("../images/top/PC_main_img_28.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/PC_main_img_28.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/PC_main_img_28.jpg") repeat-y 0 -1378px/cover;}
}
















@keyframes scr_ani_01_sp{
  0% {background: url("../images/top/SP_main_img_01.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_01.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_01.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_01_sp{
  0% {background: url("../images/top/SP_main_img_01.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_01.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_01.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_01_sp_even{
  0% {background: url("../images/top/SP_main_img_15.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_15.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_15.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_01_sp_even{
  0% {background: url("../images/top/SP_main_img_15.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_15.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_15.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_02_sp{
  0% {background: url("../images/top/SP_main_img_02.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_02.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_02.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_02_sp{
  0% {background: url("../images/top/SP_main_img_02.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_02.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_02.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_02_sp_even{
  0% {background: url("../images/top/SP_main_img_16.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_16.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_16.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_02_sp_even{
  0% {background: url("../images/top/SP_main_img_16.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_16.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_16.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_03_sp{
  0% {background: url("../images/top/SP_main_img_03.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_03.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_03.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_03_sp{
  0% {background: url("../images/top/SP_main_img_03.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_03.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_03.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_03_sp_even{
  0% {background: url("../images/top/SP_main_img_17.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_17.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_17.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_03_sp_even{
  0% {background: url("../images/top/SP_main_img_17.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_17.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_17.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_04_sp{
  0% {background: url("../images/top/SP_main_img_04.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_04.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_04.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_04_sp{
  0% {background: url("../images/top/SP_main_img_04.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_04.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_04.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_04_sp_even{
  0% {background: url("../images/top/SP_main_img_18.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_18.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_18.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_04_sp_even{
  0% {background: url("../images/top/SP_main_img_18.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_18.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_18.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_05_sp{
  0% {background: url("../images/top/SP_main_img_05.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_05.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_05.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_05_sp{
  0% {background: url("../images/top/SP_main_img_05.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_05.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_05.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_05_sp_even{
  0% {background: url("../images/top/SP_main_img_19.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_19.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_19.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_05_sp_even{
  0% {background: url("../images/top/SP_main_img_19.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_19.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_19.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_06_sp{
  0% {background: url("../images/top/SP_main_img_06.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_06.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_06.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_06_sp{
  0% {background: url("../images/top/SP_main_img_06.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_06.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_06.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_06_sp_even{
  0% {background: url("../images/top/SP_main_img_20.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_20.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_20.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_06_sp_even{
  0% {background: url("../images/top/SP_main_img_20.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_20.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_20.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_07_sp{
  0% {background: url("../images/top/SP_main_img_07.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_07.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_07.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_07_sp{
  0% {background: url("../images/top/SP_main_img_07.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_07.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_07.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_07_sp_even{
  0% {background: url("../images/top/SP_main_img_21.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_21.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_21.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_07_sp_even{
  0% {background: url("../images/top/SP_main_img_21.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_21.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_21.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_08_sp{
  0% {background: url("../images/top/SP_main_img_08.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_08.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_08.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_08_sp{
  0% {background: url("../images/top/SP_main_img_08.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_08.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_08.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_08_sp_even{
  0% {background: url("../images/top/SP_main_img_22.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_22.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_22.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_08_sp_even{
  0% {background: url("../images/top/SP_main_img_22.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_22.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_22.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_09_sp{
  0% {background: url("../images/top/SP_main_img_09.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_09.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_09.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_09_sp{
  0% {background: url("../images/top/SP_main_img_09.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_09.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_09.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_09_sp_even{
  0% {background: url("../images/top/SP_main_img_23.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_23.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_23.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_09_sp_even{
  0% {background: url("../images/top/SP_main_img_23.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_23.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_23.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_10_sp{
  0% {background: url("../images/top/SP_main_img_10.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_10.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_10.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_10_sp{
  0% {background: url("../images/top/SP_main_img_10.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_10.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_10.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_10_sp_even{
  0% {background: url("../images/top/SP_main_img_24.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_24.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_24.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_10_sp_even{
  0% {background: url("../images/top/SP_main_img_24.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_24.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_24.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_11_sp{
  0% {background: url("../images/top/SP_main_img_11.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_11.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_11.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_11_sp{
  0% {background: url("../images/top/SP_main_img_11.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_11.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_11.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_11_sp_even{
  0% {background: url("../images/top/SP_main_img_25.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_25.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_25.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_11_sp_even{
  0% {background: url("../images/top/SP_main_img_25.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_25.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_25.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_12_sp{
  0% {background: url("../images/top/SP_main_img_12.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_12.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_12.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_12_sp{
  0% {background: url("../images/top/SP_main_img_12.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_12.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_12.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_12_sp_even{
  0% {background: url("../images/top/SP_main_img_26.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_26.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_26.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_12_sp_even{
  0% {background: url("../images/top/SP_main_img_26.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_26.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_26.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_13_sp{
  0% {background: url("../images/top/SP_main_img_13.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_13.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_13.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_13_sp{
  0% {background: url("../images/top/SP_main_img_13.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_13.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_13.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_13_sp_even{
  0% {background: url("../images/top/SP_main_img_27.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_27.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_27.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_13_sp_even{
  0% {background: url("../images/top/SP_main_img_27.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_27.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_27.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_14_sp{
  0% {background: url("../images/top/SP_main_img_14.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_14.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_14.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_14_sp{
  0% {background: url("../images/top/SP_main_img_14.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_14.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_14.jpg") repeat-y 0 -1378px/cover;}
}

@keyframes scr_ani_14_sp_even{
  0% {background: url("../images/top/SP_main_img_28.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_28.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_28.jpg") repeat-y 0 -1378px/cover;}
}

@-webkit-keyframes scr_ani_14_sp_even{
  0% {background: url("../images/top/SP_main_img_28.jpg") repeat-y 0 0/cover;}
  99% {background: url("../images/top/SP_main_img_28.jpg") repeat-y 0 -1378px/cover;}
  100% {background: url("../images/top/SP_main_img_28.jpg") repeat-y 0 -1378px/cover;}
}