@charset 'UTF-8';
#slick02{
    background-color: #ddd;
    padding: 0;
    display: block;
    width: 75%;

  }
  #main {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  #sub {
    width: 80%;
    margin: 0 auto;
    display: block;
  }

  .main-item {
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
  }
  .main-item img{
      width: 100%;
      height: 100%;
  }
  .sub-item img{
      width: 100%;
      margin: 0 auto;
      align-items: center;
      justify-content: center;
    
  }
.slick-list {
    padding: 0;
}

#main .slick-slide {
    transition: .3s ease;
  }
#main .slick-slide:not(.slick-current) {
    opacity: .5;
  }

 
  .slide-item img {
      width: 50%;
      height: auto;
  }

  .slick-list .draggable {
      padding: 0;
  }

  /*キャプション*/
  .slick-slide {
    position: relative;
  }
  .slick-slide .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: calc(100% - 40px);
    padding: 20px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 14px;
    opacity: 0;
    transition: .3s ease;
  }
  .slick-current .caption {
    opacity: 1;
    transition-delay: .5s;
  }


  中央を大きくpart1
  .slick-slide {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    transform: scale( .75 );
  }
  .is--active {
    transform: scale( 1 );
  }
  

/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}


  #slider{
    width: 30vw;
    margin: 0 auto;
  }
  .slide-item img{
    
      width: 100%;
    
  }