@charset 'utf-8';

.boxSlide.nkslider,
.boxSlide.nkslider2,
.boxSlide.nkslider3,
.boxSlide.nkslider4 {
  position: relative;
  /*width: 100%;*/
}

.nkslider .boxSlideList,
.nkslider2 .boxSlideList,
.nkslider3 .boxSlideList,
.nkslider4 .boxSlideList {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}
.nkslider .boxSlideList,
.nkslider3 .boxSlideList,
.nkslider4 .boxSlideList {
  margin: 20px 0;
}
@media all and (max-width: 640px){
  .nkslider .boxSlideList,
  .nkslider2 .boxSlideList,
  .nkslider3 .boxSlideList,
  .nkslider4 .boxSlideList {
    width: 80%;
    margin: 0 auto;
  }
  .nkslider .boxSlideList,
  .nkslider3 .boxSlideList,
  .nkslider4 .boxSlideList {
    margin: 5% auto;
  }
}

.nkslider .boxSlideLine,
.nkslider2 .boxSlideLine,
.nkslider3 .boxSlideLine,
.nkslider4 .boxSlideLine {
  position: absolute;
  top: 0;
  left: 0;
}
.nkslider .boxSlideLine,
.nkslider3 .boxSlideLine {
  padding-left: 10px;
}
@media all and (max-width: 640px){
  .nkslider .boxSlideLine,
  .nkslider3 .boxSlideLine {
    padding-left: 0;
  }
  .nkslider2 .boxSlideLine {
    width: 100%;
  }
}

.nkslider .boxSlideOne,
.nkslider2 .boxSlideOne,
.nkslider3 .boxSlideOne,
.nkslider4 .boxSlideOne {
  position: relative;
  float: left;
  width: 221px;
  margin-right: 30px;
}
.nkslider .boxSlideOne,
.nkslider3 .boxSlideOne {
  margin-right: 30px;
}
.nkslider4 .boxSlideOne {
  width: 100%;
}
@media all and (max-width: 640px){
  .nkslider .boxSlideOne,
  .nkslider2 .boxSlideOne,
  .nkslider3 .boxSlideOne,
  .nkslider4 .boxSlideOne {
    width: 100%;
    margin-right: 1.25%;
    padding-bottom: 20%;
  }
  .nkslider .boxSlideOne {
    padding-bottom: 3%;
  }
  .nkslider2 .boxSlideOne {
    width: 100%;
    padding-bottom: 3%;
  }
  .nkslider3 .boxSlideOne {
    width: 48%;
    margin-right: 4%;
    padding-bottom: 5%;
  }
  .nkslider4 .boxSlideOne {
    padding: 0 0.5%;
  }
}

.nkslider .boxSlideOne:last-child,
.nkslider2 .boxSlideOne:last-child,
.nkslider3 .boxSlideOne:last-child,
.nkslider4 .boxSlideOne:last-child {
  margin-right: 0;
}

@media all and (max-width: 640px){
  .nkslider .boxSlideOneIn {
    width: 88%;
    margin: 0 auto;
  }
  .nkslider2 .boxSlideOneIn {
    width: 90%;
    margin: 0 auto;
  }
  .nkslider3 .boxSlideOneIn {
    width: 100%;
    margin: 0 auto;
  }
  .nkslider4 .boxSlideOneIn {
    width: 100%;
    margin: 0 auto;
  }
}

.nkslider .slideNaviL,
.nkslider .slideNaviR,
.nkslider2 .slideNaviL,
.nkslider2 .slideNaviR,
.nkslider3 .slideNaviL,
.nkslider3 .slideNaviR,
.nkslider4 .slideNaviL,
.nkslider4 .slideNaviR {
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  cursor: pointer;
}
.nkslider .slideNaviL,
.nkslider3 .slideNaviL {
  left: -125px;
}
.nkslider2 .slideNaviL {
  left: -50px;
}
.nkslider .slideNaviR,
.nkslider3 .slideNaviR {
  right: -125px;
}
.nkslider2 .slideNaviR {
  right: -50px;
}
.nkslider4 .slideNaviL {
  left: 45px;
}
.nkslider4 .slideNaviR {
  right: 45px;
}
@media all and (max-width: 640px){
  .nkslider .slideNaviL,
  .nkslider .slideNaviR,
  .nkslider2 .slideNaviL,
  .nkslider2 .slideNaviR,
  .nkslider3 .slideNaviL,
  .nkslider3 .slideNaviR,
  .nkslider4 .slideNaviL,
  .nkslider4 .slideNaviR {
    width: 5%;
    margin: auto;
  }
  .nkslider .slideNaviL,
  .nkslider .slideNaviR {
    top: 45vw;
    -ms-transform: none;
    transform: none;
    width: 13%;
  }
  .nkslider3 .slideNaviL,
  .nkslider3 .slideNaviR {
    top: 25vw;
    -ms-transform: none;
    transform: none;
    width: 3%;
  }
  .nkslider .slideNaviL {
    left: 1%;
  }
  .nkslider2 .slideNaviL {
    left: -1%;
  }
  .nkslider3 .slideNaviL {
    left: 3%;
  }
  .nkslider .slideNaviR {
    right: 1%;
  }
  .nkslider2 .slideNaviR {
    right: -1%;
  }
  .nkslider3 .slideNaviR {
    right: 3%;
  }
  .nkslider4 .slideNaviL {
    left: 3%;
  }
  .nkslider4 .slideNaviR {
    right: 3%;
  }
}