/****************************************

          Setting Name

*****************************************/

.swiper-container .swiper-slide img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

#slider .swiper-container {
    /**position: relative;		テキストやタイトルなどを入れる場合は位置固定**/
}

#thumbs {
    height: 18%;
    padding: 8px 0;
}

#thumbs .swiper-slide {
    width: 18%;
    height: 100%;
    opacity: 0.7;
    cursor: pointer;
}

#thumbs .swiper-slide-active {
    opacity: 1;
}

@media only screen and (max-width: 768px) {
    .swiper-container {
        margin: 0;
    }

    .swiper-pagination {
        display: none;
    }
}/*** Media Queries ***/

@media only screen and (max-width: 480px) {
    .swiper-button-prev,
    .swiper-button-next,
    .swiper-pagination {
        display: none;
    }
}/*** Media Queries ***/