@charset "UTF-8";

/* ----------------------------------
slickSlider.css
------------------------------------- */

.slider {
    width: 100%;
    margin: 0 auto;
    /* 一瞬縦並びになる現象 */
    visibility:hidden;
}
/* 一瞬縦並びになる現象 */
 .slick-initialized{
  visibility:visible;
 }
 /* カルーセルしている画像の指定 */
.slick-slide img {
  width: 100%;
}
.slider-list{
  height: 266px;
}

#sliderarea{
  /* background-color: cyan; */
}

#imageArea{
  display: none;
}



@media screen and (max-width:500px) {
  #sliderarea{
    display: none;
  }
  #imageArea{
    display: block;
  }
  #imageArea>img{
    width: 100%;
    margin: 0 auto;
  }
}