@charset 'utf-8';

.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 6.5% ;
  }
}

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

.nkslider .boxSlideOne,
.nkslider2 .boxSlideOne,
.nkslider3 .boxSlideOne,
.nkslider4 .boxSlideOne {
  position: relative;
  float: left;
  width: 240px; /* 224px */
  margin-right: 30px;
}
.nkslider .boxSlideOne,
.nkslider3 .boxSlideOne {
  margin-right: 30px;
}
.nkslider4 .boxSlideOne {
  width: 326px;
}
@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: 10vw;
  }
  .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: 87%; /* 90% */
    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: 10vw; /* 7.0vw */
  }
  .nkslider4 .slideNaviL,
  .nkslider4 .slideNaviR {
    width: 8.0vw;
  }
}


.nkslider .slideNaviL {
  left: -7.7%; /*  -105px -125px */
  width: 78px;
}
.nkslider .slideNaviR {
  right: -7.7%;
  width: 78px;
}

@media all and (max-width: 640px){
  .nkslider .slideNaviL {
    top: 15%;
    transform: none;
    left: 3vw;
    width: 2.6em;
  }
  .nkslider .slideNaviR {
    top: 15%;
    transform: none;
    right: 3vw;
    width: 2.6em;
  }
}

.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;
  }
}
