@charset 'utf-8';

.boxCsnkImgSwitch01 .boxImgMain,.boxCsnkImgSwitch02 .boxImgMain,.boxCsnkImgSwitch03 .boxImgMain,.boxCsnkImgSwitch04 .boxImgMain {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
  padding-top: 75.5%;
}

.boxCsnkImgSwitch01 .boxImgMain .imgMain,.boxCsnkImgSwitch02 .boxImgMain .imgMain,.boxCsnkImgSwitch03 .boxImgMain .imgMain,.boxCsnkImgSwitch04 .boxImgMain .imgMain {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.boxCsnkImgSwitch01 .boxImgMain .imgMain.horizontalImg,.boxCsnkImgSwitch02 .boxImgMain .imgMain.horizontalImg,.boxCsnkImgSwitch03 .boxImgMain .imgMain.horizontalImg,.boxCsnkImgSwitch04 .boxImgMain .imgMain.horizontalImg {
  width: auto;
  max-width: none;
  height: 100%;
}

.boxCsnkImgSwitch01 .boxImgMain .imgMain.verticalImg,.boxCsnkImgSwitch02 .boxImgMain .imgMain.verticalImg,.boxCsnkImgSwitch03 .boxImgMain .imgMain.verticalImg,.boxCsnkImgSwitch04 .boxImgMain .imgMain.verticalImg {
  width: 100%;
  height: auto;
}


.boxCsnkImgSwitch01 .boxImgSub,.boxCsnkImgSwitch02 .boxImgSub,.boxCsnkImgSwitch03 .boxImgSub,.boxCsnkImgSwitch04 .boxImgSub {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxCsnkImgSwitch01 .boxImgSubOne,.boxCsnkImgSwitch02 .boxImgSubOne,.boxCsnkImgSwitch03 .boxImgSubOne,.boxCsnkImgSwitch04 .boxImgSubOne {
  overflow: hidden;
  position: relative;
  width: 19%;
  margin-right: 1.25%;
  padding-top: 13.5%;
  cursor: pointer;
}

.boxCsnkImgSwitch01 .boxImgSubOne:last-child,.boxCsnkImgSwitch02 .boxImgSubOne:last-child,.boxCsnkImgSwitch03 .boxImgSubOne:last-child,.boxCsnkImgSwitch04 .boxImgSubOne:last-child {
  margin-right: 0;
}

.boxCsnkImgSwitch01 .boxImgSubOne .imgSub,.boxCsnkImgSwitch02 .boxImgSubOne .imgSub,.boxCsnkImgSwitch03 .boxImgSubOne .imgSub,.boxCsnkImgSwitch04 .boxImgSubOne .imgSub {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.boxCsnkImgSwitch01 .boxImgSubOne .imgSub.horizontalImg,.boxCsnkImgSwitch02 .boxImgSubOne .imgSub.horizontalImg,.boxCsnkImgSwitch03 .boxImgSubOne .imgSub.horizontalImg,.boxCsnkImgSwitch04 .boxImgSubOne .imgSub.horizontalImg {
  width: auto;
  max-width: none;
  height: 100%;
}

.boxCsnkImgSwitch01 .boxImgSubOne .imgSub.verticalImg,.boxCsnkImgSwitch02 .boxImgSubOne .imgSub.verticalImg {
  width: 100%;
  height: auto;
}