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



          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 ***/