@charset 'utf-8';

.boxSlide.nkslider * {
  box-sizing: border-box;
}

.boxSlide.nkslider,
.boxSlide.nkslider2,
.boxSlide.nkslider3,
.boxSlide.nkslider4 {
  position: relative;
}

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

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

.nkslider .boxSlideOne,
.nkslider2 .boxSlideOne,
.nkslider3 .boxSlideOne,
.nkslider4 .boxSlideOne {
  position: relative;
  float: left;
  width: 342px;/*224px;*/
  margin-right: 26px;/*30px;*/
}
.nkslider .boxSlideOne,
.nkslider3 .boxSlideOne {
  margin-right: 26px;
}
.nkslider4 .boxSlideOne {
  width: 326px;
}
@media all and (max-width: 640px){
  .nkslider .boxSlideOne,
  .nkslider2 .boxSlideOne,
  .nkslider3 .boxSlideOne,
  .nkslider4 .boxSlideOne {
    width: 103vw;/*100%;*/
    margin-right: 2vw;/*1.25%;*/
    padding-bottom: 20%;
  }
  .nkslider .boxSlideOne {
    padding-bottom: 5vw;
  }
  .nkslider2 .boxSlideOne {
    padding-bottom: 3%;
  }
  .nkslider4 .boxSlideOne {
    padding: 0 5vw;
    padding-bottom: 0;
  }
}

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

@media all and (max-width: 640px){
  .nkslider .boxSlideOneIn,
  .nkslider2 .boxSlideOneIn,
  .nkslider3 .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%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
@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 {
    width: 4.0vw;
  }
  .nkslider4 .slideNaviL,
  .nkslider4 .slideNaviR {
    width: 8.0vw;
  }
}


.nkslider .slideNaviL {
  left: -50px;
}
.nkslider .slideNaviR {
  right: -50px;
}
@media all and (max-width: 640px){
  .nkslider .slideNaviL {
    left: 4.5vw;
  }
  .nkslider .slideNaviR {
    right: 4.5vw;
  }
}

.nkslider2 .slideNaviL {
  left: -50px;
}
.nkslider2 .slideNaviR {
  right: -50px;
}
@media all and (max-width: 640px){
  .nkslider2 .slideNaviL {
    left: -1%;
  }
  .nkslider2 .slideNaviR {
    right: -1%;
  }
}

.nkslider3 .slideNaviL {
  left: -105px;
}
.nkslider3 .slideNaviR {
  right: -125px;
}
@media all and (max-width: 640px){
  .nkslider3 .slideNaviL {
    left: 2%;
  }
  .nkslider3 .slideNaviR {
    right: 2%;
  }
}

.nkslider4 .slideNaviL {
  left: -80px;
}
.nkslider4 .slideNaviR {
  right: -80px;
}
@media all and (max-width: 640px){
  .nkslider4 .slideNaviL {
    left: 4vw;
  }
  .nkslider4 .slideNaviR {
    right: 4vw;
  }
}