@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

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

/***************************************************************************
sld 基本設定
****************************************************************************/

#top_sld {
    position: relative;	/* iPad proより上のPC (1025px から上)は、windowの高さ一杯のscriptを入れているため、padding-top指定は無し*/
}
@media only screen and (max-width: 1024px) {
#top_sld {
    padding-top: 66.3333%;
}
}

#top_sld .sld {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.sld li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 8;
    background-color: #FFFFFF;
}
.sld li.active {
    z-index: 10;
    animation: sld_js 12s ease-out infinite;   /* ease、linear、ease-in、ease-out、ease-in-outのいずれかのキーワード*/

}
.sld li.last-active {
    z-index: 9;
}
@keyframes sld_js { 
0% {
}
100% {         
    transform: scale(1.3);
}
}

.sld li {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.sld li:nth-child(1) {
    background-image: url(../../common_img/sld-01.jpg);
}
.sld li:nth-child(2) {
    background-image: url(../../common_img/sld-02.jpg);
}
.sld li:nth-child(3) {
    background-image: url(../../common_img/sld-03.jpg);
}
.sld li:nth-child(4) {
    background-image: url(../../common_img/sld-04.jpg);
}