@charset "UTF-8";
/* CSS Document */

/*=====================================================================
【スライダー】
=======================================================================*/
.bhs_top_slider {position:relative;width:100%;margin:0;padding-bottom:10vw;overflow:hidden;}

/*スライダー部分
--------------------------------------------*/
.bhs_top_slider ul.slider{margin:0;padding:0;text-align:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.bhs_top_slider ul.slider li{display:inline-block;margin:0;padding:0;position:relative;width:100%;}

#decade li img{width:100% !important;opacity:0.3;transition:.2s;}
#decade li.slick-center img{opacity:1;}
@media screen and (max-width: 900px){
#decade li img{opacity:1;}
}

.center-item { position:relative; }
.center-item .slick-dots {  bottom:-60px !important; padding:0; position:absolute; height:50px; z-index:50;}

.slick-dots li button:before { background:#ffffff; border-radius:10px; color:#ffffff; font-size:10px; line-height:1.5 !important; height:10px; width:10px;}
.center-item .slick-dots li.slick-active button:before { background:#ff0000; border-radius:10px; color:#ff0000; font-size:10px; line-height:1.5 !important; height:10px; width:10px;}

.bhs_top_slider .arrows button{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-bottom: solid 10px #fff;
    border-right: solid 10px #fff;
    z-index: 20;
}

.bhs_top_slider .arrows button:hover {
    border-color: #f90;
}

.bhs_top_slider .arrows button.slick-next {
    right: 19%;
    transform: rotate(-45deg);
}

.bhs_top_slider .arrows button.slick-prev {
    left: 19%;
    transform: rotate(135deg);
}

.bhs_top_slider .arrows button:before {
    display: none !important;
}

.bhs_top_slider .arrows button.slick-next:before, .bhs_top_slider .arrows button.slick-prev:before {
    content: '';
}

.bhs_top_slider .arrows .slick-arrow {
    z-index: 30;
}

.bhs_top_slider .arrows .slick-prev:before, .bhs_top_slider .arrows .slick-next:before {
    content: "";
}

@media screen and (max-width: 900px) {
    .bhs_top_slider .arrows button {
        width: 7vw;
        height: 7vw;
    }

    .bhs_top_slider .arrows button.slick-next {
        right:2%;
    }

    .bhs_top_slider .arrows button.slick-prev {
        left:2%;
    }
}