@media screen and (min-width: 768px) {

.pc--none {
    display: none;
}
}


@media screen and (max-width: 767px) {

.sp--none {
    display: none;
}
}

.cp_imghover {
	overflow: hidden;
	cursor: pointer;
}
/*TILT*/
.cp_tilt {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.cp_tilt:hover {
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}


.kirari {
  position: relative;
}
.kirari::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.kirari:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}