@charset "utf-8";
/* booth banner
-------------------------------------------------- */

.secshowroombooth .airship {
    width: auto;
    max-width: 1200px;
    height: 220px;
    margin: auto;
    position: relative;
    z-index: 1001;
}

.secshowroombooth .airship li {
    position: absolute;
}

.secshowroombooth .airship li a img,
.secshowroombooth .airship li span img {
    transition: all ease-in 0.1s;
}

.secshowroombooth .airship li a:hover img,
.secshowroombooth .airship li span:hover img {
    opacity: 1;
    transform: scale(1.04, 1.04);
    transition: all cubic-bezier(.17, .67, .62, .98) 0.3s;
}

.secshowroombooth .airship .airship01 {
    width: 27%;
    left: 6%;
    bottom: 1%;
    animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation01;
}

.secshowroombooth .airship .airship02 {
    width: 25%;
    left: 37.17%;
    top: 11.52%;
    animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation02;
}

.secshowroombooth .airship .airship03 {
    width: 30%;
    right: 5%;
    bottom: -2%;
    animation: 2s cubic-bezier(.61, .11, .46, .89) 2s infinite alternate forwards running airship-animation03;
}

.secshowroombooth .airship .airship04 {
    width: 43%;
    left: 28.17%;
    top: 16.52%;
    animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation02;
}

.secshowroombooth .airship .airship05 {
    width: 31%;
    left: 1%;
    bottom: -16%;
    animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation01;
}

.secshowroombooth .airship .airship06 {
    width: 36%;
    right: -2%;
    bottom: -18%;
    animation: 2s cubic-bezier(.61, .11, .46, .89) 2s infinite alternate forwards running airship-animation03;
}

@keyframes airship-animation01 {
    0% {
        transform: translatey(0px);
    }
    100% {
        transform: translatey(-10px);
    }
}

@keyframes airship-animation02 {
    0% {
        transform: translatey(0px);
    }
    100% {
        transform: translatey(10px);
    }
}

@keyframes airship-animation03 {
    0% {
        transform: translatey(0px);
    }
    100% {
        transform: translatey(10px);
    }
}

@keyframes airship-animation04 {
    0% {
        transform: translatey(0px);
    }
    100% {
        transform: translatey(10px);
    }
}

@keyframes airship-animation05 {
    0% {
        transform: translatey(0px);
    }
    100% {
        transform: translatey(-10px);
    }
}

@keyframes airship-animation06 {
    0% {
        transform: translatey(0px);
    }
    100% {
        transform: translatey(-10px);
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .secshowroombooth .airship {
        width: auto;
        max-width: 1200px;
        height: 200px;
        margin: auto;
        position: relative;
    }
    .secshowroombooth .airship li {
        position: absolute;
    }
    .secshowroombooth .airship .airship01 {
        width: 27%;
        left: 6%;
        bottom: 2%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation01;
    }
    .secshowroombooth .airship .airship02 {
        width: 25%;
        left: 37.17%;
        top: 9.52%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation02;
    }
    .secshowroombooth .airship .airship03 {
        width: 30%;
        right: 5%;
        bottom: 3%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 2s infinite alternate forwards running airship-animation03;
    }
    .secshowroombooth .airship .airship04 {
        width: 50%;
        left: 24.17%;
        top: 12.52%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation02;
    }
    .secshowroombooth .airship .airship05 {
        width: 35%;
        left: 6%;
        bottom: -2%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation01;
    }
    .secshowroombooth .airship .airship06 {
        width: 38%;
        right: -1%;
        bottom: 7%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 2s infinite alternate forwards running airship-animation03;
    }
}

@media screen and (max-width: 767px) {
    .secshowroombooth .airship {
        height: 105px;
    }
    .secshowroombooth .airship li {
        position: absolute;
    }
    .secshowroombooth .airship .airship01 {
        width: 30%;
        left: 3%;
        bottom: 1%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation01;
    }
    .secshowroombooth .airship .airship02 {
        width: 30%;
        left: 32.17%;
        top: 11.52%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation02;
    }
    .secshowroombooth .airship .airship03 {
        width: 37.5%;
        right: 3%;
        bottom: -2%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 2s infinite alternate forwards running airship-animation03;
    }
    .secshowroombooth .airship .airship04 {
        width: 50%;
        left: 26.17%;
        top: 17.52%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation02;
    }
    .secshowroombooth .airship .airship05 {
        width: 30%;
        left: 3%;
        bottom: 1%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 1s infinite alternate forwards running airship-animation01;
    }
    .secshowroombooth .airship .airship06 {
        width: 37.5%;
        right: 3%;
        bottom: -2%;
        animation: 2s cubic-bezier(.61, .11, .46, .89) 2s infinite alternate forwards running airship-animation03;
    }
}