.star-fav {
  margin: 100px;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 70px solid #f2c820;
  display: block;
  height: 0;
  width: 0;
  position: relative;
  animation:
    anim-star-fav-rotate 30s linear infinite, anim-star-fav-opacity 1s linear infinite;
  position: absolute;
}
.star-fav:before, .star-fav:after {
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 70px solid #f2c820;
  content: '';
  display: block;
  height: 0;
  left: -100px;
  position: absolute;
  top: 0;
  width: 0;
}
.star-fav:before {
  transform: rotate(71deg);
}
.star-fav:after {
  transform: rotate(-71deg);
}
@keyframes anim-star-fav-rotate {
  from {
    transform: rotate(35deg);
  }
  to {
    transform: rotate(395deg);
  }
}
@keyframes anim-star-fav-opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.kirakira {
  position: relative;
}
.kirakira:after {
  content: "";
  display: inline-block;
  width: 26px;
  /* border-right-width: 20px; */
  background-image: url(../image/gif/twinkling-star.gif);
  position: absolute;
  right: 0;
  height: 30px;
  z-index: 1;
  top: -13px;
  background-size: contain;
}
@media screen and (max-width:768px) {
  .kirakira:after {
    top: 6px;
    right: auto;
    left: 105px;
  }
}