.sliderWrap {
    padding-top: 30px;
}

.sliderWrap-top {
    position: relative;
}

.sliderWrap-top .wave {
    position: absolute;
    bottom: 0;
    background: url(bg_wave.png) no-repeat center bottom;
    background-size: 100% auto;
    width: 100%;
    height: 200px;
    z-index: 100;
}

@media screen and (max-width: 1200px) {
    .sliderWrap-top .wave {
        height: 180px;
    }
}

@media screen and (max-width: 992px) {
    .sliderWrap-top .wave {
        height: 115px;
    }
}

@media screen and (max-width: 768px) {
    .sliderWrap-top .wave {
        height: 90px;
    }
}

@media screen and (max-width: 480px) {
    .sliderWrap-top .wave {
        height: 60px;
    }
}



.sliderWrap-top .catch {
    position: absolute;
    bottom: 200px;
    right: 100px;
    z-index: 101;
}

@media screen and (max-width: 1200px) {
    .sliderWrap-top .catch {
        bottom: 150px;
    }
}

@media screen and (max-width: 992px) {
    .sliderWrap-top .catch {
        bottom: 110px;
    }
}



.slider-pro {}


.sp-bottom-thumbnailsWrap {
    position: absolute;
    left: 0;
    bottom: -5px;
    margin: 0;
    padding: 0;
    height: 100px;
    width: 100%;
    z-index: 10;
    background: #333;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
}

.slider-pro .sp-thumbnail-container img {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}

.slider-pro .sp-selected-thumbnail img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.sp-bottom-thumbnails {
    margin-top: -95px;
    z-index: 20;
}

@media screen and (max-width: 1100px) {
    .sp-bottom-thumbnailsWrap {
        height: 80px;
    }

    .sp-bottom-thumbnails {
        margin-top: -75px;
    }
}

@media screen and (max-width: 768px) {
    .sp-bottom-thumbnailsWrap {
        display: none;
    }

    .sp-bottom-thumbnails {
        margin: 0;
        margin-top: 0px;
        padding: 5px 0;
        background: #666;
    }
}



/*谺｡遏｢蜊ｰ縺ｮ繧｢繧､繧ｳ繝ｳ繝輔か繝ｳ繝�*/
.sp-next-arrow:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f138" !important;
    color: #333;
}

/*蜑咲泙蜊ｰ縺ｮ繧｢繧､繧ｳ繝ｳ繝輔か繝ｳ繝�*/
.sp-previous-arrow:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f137" !important;
    color: #333;
}



/*繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ繝懊ち繝ｳ縺ｮ濶ｲ*/
.sp-button {
    border: 2px solid #ccc;
}

.sp-button {
    width: 15px;
    height: 15px;
}

.sp-selected-button {
    background-color: #ccc;
}

/*繧ｵ繝繝阪う繝ｫ縺ｮ繝昴う繝ｳ繧ｿ繝ｼ縺ｮ濶ｲ繧貞､峨∴繧�*/
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-color: #ffa801;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    color: #ffa801;
}

/*邵ｦ繧ｹ繝ｩ繧､繝画凾縺ｮ遏｢蜊ｰ縺ｮ菴咲ｽｮ*/
.sp-vertical .sp-previous-arrow {
    top: 0;
}

.sp-vertical .sp-next-arrow {
    bottom: 0;
}

.sliderbox {
    padding: 60px 0 0;
}

#topslider .sp-slide {
    border-radius: 20px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .sliderbox {
        padding: 5vw 0 0;
    }

    #topslider .sp-slide {
        border-radius: 10px;
    }
}

.sliderbox .sp-horizontal .sp-previous-arrow {
    left: calc(((100vw - 900px) / 2) - 70px);
}

.sliderbox .sp-horizontal .sp-next-arrow {
    right: calc(((100vw - 900px) / 2) - 70px);
}

@media screen and (max-width: 768px) {
    .sliderbox .sp-horizontal .sp-previous-arrow {
        left: -4vw;
    }

    .sliderbox .sp-horizontal .sp-next-arrow {
        right: -4vw;
    }

    .sp-next-arrow:before,
    .sp-previous-arrow:before {
        font-size: 7vw;
    }

    .sliderbox .sp-horizontal .sp-arrows {
        top: 42%;
    }
}