.pc { display: block;}
.sp { display: none;}
.clearfix::after { content: ""; display: block; clear: both;}
h1 { display: none;}

/*-------------  スマホ用 ------------------*/
@media screen and (max-width: 767px) {
.pc { display: none;}
.sp { display: block;}
#smp_search { display: none!important;}
}

@media screen and (min-width: 768px){
.br-sp { display: none;}
}

/*-------------  スライダーのためのcss ------------------*/
.slider img,
.slider2 img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.slider .slick-slide {
    margin:0 10px 0 0;/*スライド左右の余白調整*/
}
.slider2 .slick-slide {
    margin:10px 10px 0 0;/*スライド左右の余白調整*/
}