@charset 'utf-8';


.boxCsNkSlide02 {
  position: relative;
  margin-bottom: 2.0em;
}
@media all and (max-width: 750px){
  .boxCsNkSlide02 {
    width: 100%;
    margin-bottom: 1.0em;
  }
}

.ulCsNkSlide02 {
  display: block;
  position: relative;
  overflow: hidden;
  height: 630px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
}
@media all and (max-width: 750px){
  .ulCsNkSlide02 {
    width: 53%;
    margin: 0 auto;
    height: auto;
    padding-top: 76.5%;
  }
}

.ulCsNkSlide02 > li {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
}

.ulCsNkSlide02 > li img {
}

.ulCsNkSlide02 > li.current {
  display: block;
}

.ulCsNkSlide02 > li .btnTopSlideMovie01 {
  position: absolute;
  z-index: 2;
  top: 267px;
  left: 50%;
  transform: translateX(230%);
  -ms-transform: translateX(230%);
  cursor: pointer;
}
@media all and (max-width: 750px){
  .ulCsNkSlide02 > li .btnTopSlideMovie01 {
    top: 3vw;
    left: auto;
    right: 5vw;
    transform: none;
    -ms-transform: none;
    width: 26%;
  }
}

.ulCsNkSlide02 > li .imgTopSlide {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: none;
  height: 100%;
}
@media all and (max-width: 750px){
  .ulCsNkSlide02 > li .imgTopSlide {
    width: 100%;
    height: auto;
  }
}

.icnCsNkSlide02ArrowL,
.icnCsNkSlide02ArrowR {
  position: absolute;
  top: 23em;
  cursor: pointer;
}
@media all and (max-width: 750px){
  .icnCsNkSlide02ArrowL,
  .icnCsNkSlide02ArrowR {
    top: 38%;
    /*display: none;*/
    width: 8.5vw;
  }
}

.icnCsNkSlide02ArrowL {
  left: 6.3em;
}
@media all and (max-width: 750px){
  .icnCsNkSlide02ArrowL {
    left: 0.8vw;
  }
}

.icnCsNkSlide02ArrowR {
  right: 6.3em;
}
@media all and (max-width: 750px){
  .icnCsNkSlide02ArrowR {
    right: 0.8vw;
  }
}

.boxCsNkSlide02Btn {
}
@media all and (max-width: 750px){
  .boxCsNkSlide02Btn {
    width: 80%;
  }
}

.ulCsNkSlide02Btn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media all and (max-width: 750px){
  .ulCsNkSlide02Btn {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}

.ulCsNkSlide02Btn > li {
  width: 13.5%;
  cursor: pointer;
}
@media all and (max-width: 750px){
  .ulCsNkSlide02Btn > li {
    width: 24%;
    margin-right: calc((100% - 24% * 4) / 3);
    margin-bottom: 2vw;
  }
}

@media all and (max-width: 750px){
  .ulCsNkSlide02Btn > li:nth-child(4n) {
    margin-right: 0;
  }
}

.ulCsNkSlide02Btn > li.current {
  border: 1px #ccc solid;
}