/* Slider */

.slider li{
    margin: 0 !important;
}
.slick-prev, .slick-next {
    /* font-size: 0; */
    /* line-height: 0; */
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
  border-radius: 50%;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    /* background: transparent; */
  z-index: 99;
}
.slick-prev {
    left: -10px;
}
.slick-next {
    right: -10px;
}
.slick-prev:before, .slick-next:before {
/*    font-family: 'slick';*/
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  
}
.slick-prev:before {
    content: '\f137';
}.slick-next:before {
    content: '\f138';
}
@media screen and (max-width: 430px) {
/*ここにSP用スタイルを記述*/
    .slider li {
    }
}/*SP用スタイルここまで*/



/*##############################################
トップページのメインビジュアル用
################################################*/
#main_img .slick-next {right: 0px}
#main_img .slick-prev {left: 0px}
#main_img a:hover {opacity: 0.5}
@media screen and (max-width: 499px) {
/*ここにSP用スタイルを記述*/
  #wrap {overflow: hidden}
    #main_img .main_slider li {
      max-width: 100vw;
    }
  #main_img .main_slider li img {width: 100vw}
}/*SP用スタイルここまで*/