#banner {
  margin-top: -50px;
  padding-top: 7vw;
  background-color: #fdf3ed;
  width: 100vw;
  border-radius: 0 30px 0 0;
}

.banner {
  width: 100%;
  max-width: 1214px;
  padding: 0;
  margin: 80px auto 17px;
  position: relative;
  overflow: hidden;
}

/* slide-box */

.slide-box ul {
  list-style: none;
}

.slide-box {
  position: relative;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* slide */
.banner__slide {
  position: relative;
  width: 100%;
  margin: 0 1.6% 0 0;
}
.banner__slide img {
  width: 100%;
}
.banner__slide .slick-slide {
  margin: 0 5px;
}
.banner__slide .item {
  position: relative;
  height: auto;
	margin:5px 0;
}
.banner__slide .item .link_wrap {
	display: block;
  padding-top: 52.616%;
}
.banner__slide .item .image {
  position: relative;
  overflow: hidden;
}
.banner__slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  vertical-align: bottom;
  box-shadow: #000 0 0 0;
}
.banner__slide > .slick-list,
.banner__slide > .slick-list > .slick-track,
.banner__slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: auto;
}

/* banner__slide-navigation */
.banner__slide_navigation {
  line-height: 0;
  position: relative;
  width: 100%;
  padding: 0 8px;
  margin: 0;
}
.banner__slide_navigation .item {
  position: relative;
  cursor: pointer;
	margin:5px 0;
  display: block;
}
.banner__slide_navigation .ite
.banner__slide_navigation .item .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.banner__slide_navigation .item .image::before {
  display: block;
  padding-top: 53%;
  content: "";
}
.banner__slide_navigation .item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.banner__slide_navigation .slick-current .image::after {
  opacity: 0;
}
.banner__slide_navigation .item .image {
  position: relative;
  overflow: hidden;
  margin: 0 2px;
}
.banner__slide_navigation .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}

/* slick */
.slick-vertical .slick-slide {
  border: 0 solid transparent;
}
.slick-arrow {
  display: none;
}
.slick-prev {
  display: none;
}
.slick-prev:before {
  display: none;
}
.slick-next {
  display: none;
}
.slick-next::before{
	display: none;
}

/* PC用 **/
@media screen and (min-width: 768px) {
  #banner {
    margin-top: -50px;
    padding-top: 9.5vw;
    background-color: #fdf3ed;
    width: 92vw;
  }
  .slide-box {
    display: flex;
    justify-content: center;
    margin: auto;
  }
  .banner {
    padding: 0 8px;
    margin: 0 auto 20px;
    max-width: 1000px;
    transform: translateX(4vw);
  }
  .banner__slide {
    position: relative;
    max-width: 77%;
    margin: 0 1.6% 0 0;
    padding: 0;
  }
  .banner__slide_navigation {
    width: 21%;
    padding: 0;
  }
}