@charset "UTF-8";

/* ============================= 
common
==============================*/

/*------ スライダーの横幅 ------*/
.slider{
    width: 266px;
    height: 175px;
    margin:0 auto;
}
  
  /*------ スライダー画像 ------*/
.slider img{
    width: 100%;
}
  
  /*-------- 高さ調整 ----------*/
.slider .slick-slide{
     height:auto!important;
  }
  
  /*---------- 矢印 ----------*/
.slider .slick-next{
  right:3px!important;
}

.slider .slick-prev{
 left:3px!important;
}

.slider .slick-arrow{
  width: initial!important;
  height: initial!important;
  z-index:2!important;
}

.slider .slick-arrow:before{
  font-size: 30px!important;
}


/* reform tablet */
@media screen and (min-width: 767px) {
        /*------ スライダーの横幅 ------*/
    .slider{
        width: 417px;
        height: 274px;
        margin: 30px auto 0;
    }
    
    /*------ スライダー画像 ------*/
    .slider img{
        width: 397px;
        height: 254px;
    }
    
    /*-------- 高さ調整 ----------*/
    .slider .slick-slide{
        height:auto!important;
    }

    .slider img:nth-of-type(2) {
        margin-top: 10px;
    }
}

/* example pc */
@media screen and (min-width: 1025px) {
    .slider{
        width: 492px;
        height: 323px;
        margin:0 auto;
    }
      
      /*------ スライダー画像 ------*/
    .slider img{
        width: 492px;
        height: 323px;
    }
}