/*==================================================
スライダーのためのcss
===================================*/
.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 5px;/*スライド左右の余白調整*/

}



@media only screen and (max-width: 799px){
.slider_sp img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider_sp .slick-slide {
    margin:0 5px;/*スライド左右の余白調整*/
}
}






/*========= レイアウトのためのCSS ===============*/


ul{
  margin:0;
  padding: 0;
  list-style: none;
}

a{
  color: #333;

}

a:hover,
a:active{
  text-decoration: none;
}