@charset 'utf-8';

.boxSlide.nkslider,
.boxSlide.nkslider2,
.boxSlide.nkslider3{
  position: relative;
  /*width: 100%;*/
}
.nkslider .boxSlideList,
.nkslider2 .boxSlideList,
.nkslider3 .boxSlideList{
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}
.nkslider .boxSlideList,
.nkslider3 .boxSlideList{
  margin: 20px 0;
}
.nkslider .boxSlideLine,
.nkslider2 .boxSlideLine,
.nkslider3 .boxSlideLine{
  position: absolute;
  top: 0;
  left: 0;
}
.nkslider .boxSlideLine {
  padding-left: 10px;
}
.nkslider .boxSlideOne,
.nkslider2 .boxSlideOne,
.nkslider3 .boxSlideOne {
  position: relative;
  float: left;
  width: 224px;
  margin-right: 30px;
}
.nkslider .boxSlideOne,
.nkslider3 .boxSlideOne {
  margin-right: 30px;
}
.nkslider .boxSlideOne:last-child,
.nkslider2 .boxSlideOne:last-child,
.nkslider3 .boxSlideOne:last-child{
  margin-right: 0;
}

.nkslider .slideNaviL,
.nkslider .slideNaviR,
.nkslider2 .slideNaviL,
.nkslider2 .slideNaviR,
.nkslider3 .slideNaviL,
.nkslider3 .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: -105px;
}
.nkslider2 .slideNaviL{
  left: -50px;
}
.nkslider .slideNaviR,
.nkslider3 .slideNaviR{
  right: -125px;
}
.nkslider2 .slideNaviR{
  right: -50px;
}


@media all and (max-width: 750px){/* Sp ***************/

.boxSlide.nkslider,
.boxSlide.nkslider2,
.boxSlide.nkslider3{
  position: relative;
  /*width: 100%;*/
}
.nkslider .boxSlideList,
.nkslider2 .boxSlideList,
.nkslider3 .boxSlideList{
  position: relative;
  overflow: hidden;
  width: 80%;
  max-width: none;
  margin: 0 auto;
}
.nkslider .boxSlideList,
.nkslider3 .boxSlideList {
  margin: 5% auto;
}
.nkslider .boxSlideLine,
.nkslider2 .boxSlideLine,
.nkslider3 .boxSlideLine{
  position: absolute;
  top: 0;
  left: 0;
}
.nkslider2 .boxSlideLine{
  width: 100%;
}
.nkslider .boxSlideOne,
.nkslider2 .boxSlideOne,
.nkslider3 .boxSlideOne{
  position: relative;
  float: left;
  /*width: 32%;
  margin-right: 2%;*/
  width: 100%;
  margin-right: 1.25%;
  padding-bottom: 20%;
}
.nkslider .boxSlideOne {
  padding-bottom: 10vw;
}
.nkslider2 .boxSlideOne{
  width: 100%;
  padding-bottom: 3%;
}
.nkslider .boxSlideOne:last-child,
.nkslider2 .boxSlideOne:last-child,
.nkslider3 .boxSlideOne:last-child{
  margin-right: 0;
}
.nkslider .boxSlideOneIn,
.nkslider2 .boxSlideOneIn,
.nkslider3 .boxSlideOneIn{
  width: 90%;
  margin: 0 auto;
}
.nkslider .slideNaviL,
.nkslider .slideNaviR,
.nkslider2 .slideNaviL,
.nkslider2 .slideNaviR,
.nkslider3 .slideNaviL,
.nkslider3 .slideNaviR{
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 5%;
  margin: auto;
}

.nkslider .slideNaviL,
.nkslider .slideNaviR {
  width: 7.0vw;
}


.nkslider .slideNaviL {
  left: 1.5vw;
}
.nkslider .slideNaviR {
  right: 1.5vw;
}

.nkslider2 .slideNaviL {
  left: -1%;
}
.nkslider2 .slideNaviR {
  right: -1%;
}

.nkslider3 .slideNaviL {
  left: 2%;
}
.nkslider3 .slideNaviR {
  right: 2%;
}



}/* /Sp **************/