@charset "utf-8";
/* CSS Document */
 
 
#sliderwrap {
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    position: relative;
    overflow: hidden;
}

#sliderphoto {
    width: 400%;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    left: 0;
}

#sliderphoto li {
    width: 100%;
    height: auto;
    overflow: hidden;
}


@-webkit-keyframes AutoSlidePhoto {
    0% {left: 0;}
    20% {left: 0;}
    25% {left: -100%;}
 
    45% {left: -100%;}
    50% {left: -200%;}
 
    70% {left: -200%;}
    75% {left: -300%;}
 
    95% {left: -300%;}
    100% {left: 0;}
}

#sliderphoto {
    -webkit-animation-name: AutoSlidePhoto;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count:infinite;
}


/*------------------header-----------------------*/
.sp-top2020{
    display: none;
}

@media screen and (max-width:600px){
.pc-top2020{
    display: none;
}

.sp-top2020{
    display: block;
}
 
}