/* Manga Content */
.sec-manga {
  padding: 66px 0 78px;
}

.sec-manga .manga-txt {
  line-height: 2.1;
  padding: 0 7.9% 50px;
  letter-spacing: 0.95px;
}

.sec-manga .manga-blk {
  width: 740px;
  margin: 0 auto;
  padding: 46px 50px 72px;
  background-color: #e2e8eb;
}

.sec-manga .manga-item {
  width: 640px;
  height: 908px;
}

.sec-manga .manga-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manga-list .slick-prev,
.manga-list .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 60px;
  height: 60px;
  background-color: rgba(13, 13, 15, 0.87);
  transform: translateY(-50%);
  transition: background-color 0.5s;
}

@media (hover: hover) and (pointer: fine) {

  .manga-list .slick-prev:hover,
  .manga-list .slick-next:hover {
    background-color: #7cbe41;
  }
}

.manga-list .slick-prev {
  left: -80px;
}

.manga-list .slick-next {
  right: -80px;
}

.manga-list .slick-prev::before,
.manga-list .slick-next::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 10px;
  height: 17px;
  margin: 0 auto;
  content: "";
  transform: translateY(-50%);
}

.manga-list .slick-prev::before {
  background: url("../img/common/ico_left_arr01.png") no-repeat center/contain;
}

.manga-list .slick-next::before {
  background: url("../img/common/ico_right_arr01.png") no-repeat center/contain;
}

/* Ipad
-----------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  /* Manga Content */
  .sec-manga {
    padding: 5.156vw 0 6.094vw;
  }

  .sec-manga .manga-txt {
    padding: 0 7.9% 3.906vw;
    letter-spacing: 0.074vw;
  }

  .sec-manga .manga-blk {
    width: 57.813vw;
    padding: 3.594vw 3.906vw 5.625vw;
  }

  .sec-manga .manga-item {
    width: 50vw;
    height: 70.938vw;
  }

  .manga-list .slick-prev,
  .manga-list .slick-next {
    width: 4.688vw;
    height: 4.688vw;
  }

  .manga-list .slick-prev {
    left: -6.25vw;
  }

  .manga-list .slick-next {
    right: -6.25vw;
  }

  .manga-list .slick-prev::before,
  .manga-list .slick-next::before {
    width: 0.781vw;
    height: 1.328vw;
  }
}

/* SP
-----------------------------------------------------------------*/
@media only screen and (max-width: 767.9px) {

  /* Manga Content */
  .sec-manga {
    padding: 9.094vw 0 2.847vw;
  }

  .sec-manga .l-inner {
    padding: 0;
  }

  .sec-manga .manga-txt {
    line-height: 2;
    padding: 0 4.071vw 9.423vw;
    letter-spacing: 0.242vw;
  }

  .sec-manga .manga-blk {
    width: 100%;
    padding: 9.505vw 4.3vw 34.521vw;
  }

  .sec-manga .manga-item {
    width: 91.4vw;
    height: 128vw;
  }

  .manga-list .slick-prev,
  .manga-list .slick-next {
    top: unset;
    bottom: -25.5vw;
    width: 15.267vw;
    height: 15.267vw;
    transform: none;
  }

  .manga-list .slick-prev {
    left: 0;
  }

  .manga-list .slick-next {
    right: 0;
  }

  .manga-list .slick-prev::before,
  .manga-list .slick-next::before {
    width: 4.326vw;
    height: 4.326vw;
  }
}