/*-------------------------------------花芽すみれ*/
#kagasu {
  background: #d8e2ef;
  overflow: hidden;
}

#kagasu .background-grad {
  background: transparent;
  position: relative;
  z-index: 10;
}

#kagasu .background-grad::before {
  position: absolute;
  content: "";
  width: 200vw;
  height: 200vw;
  top: -100vw;
  left: 0vw;
  border-radius: 50%;
  background-color: #d8e2ef;
  background: 
  linear-gradient(to bottom, #d8e2ef 50%, transparent 50% ),
  linear-gradient(to left, #d8e2ef 50%, transparent 50%),
  radial-gradient(circle,
  #d8e2ef 5vw, #b0c4de 5vw, #b0c4de 10vw,
  #d8e2ef 10vw, #d8e2ef 15vw, #5a789a 15vw,#5a789a 20vw,
  #d8e2ef 20vw, #d8e2ef 25vw, #b0c4de 25vw, #b0c4de 30vw,
  #d8e2ef 30vw, #d8e2ef 35vw, #5a789a 35vw,#5a789a 40vw,
  #d8e2ef 40vw, #d8e2ef 45vw, #b0c4de 45vw, #b0c4de 50vw,
  #d8e2ef 50vw, #d8e2ef 55vw, #5a789a 55vw,#5a789a 60vw,
  #d8e2ef 60vw, #d8e2ef 65vw, #b0c4de 65vw, #b0c4de 70vw,
  #d8e2ef 70vw, #d8e2ef 75vw, #5a789a 75vw,#5a789a 80vw,
  #d8e2ef 80vw, #d8e2ef 85vw, #b0c4de 85vw, #b0c4de 90vw,
  #d8e2ef 90vw, #d8e2ef 95vw, #5a789a 95vw,#5a789a 100vw);
  -webkit-animation: kagasu-background 3s linear 0s 1;
  animation: kagasu-background 3s linear 0s 1;
}


.kagasu-top-text,
.kagasu-profile,
.kagasu-tag,
.kagasu-movie {
  background: #b0c4de;
  color: #384a60;
  border-radius: 3rem;
  border: 5px solid #5a789a;
  z-index: 2;
}

.kagasu-wrapper {
  position: relative;
}



.kagasu-wrapper .kagasu-ribbon.animation-start.is-animated {
  position: absolute;
  width: 100vw;
  height: 5rem;
  left: 0;
  background: linear-gradient(45deg,#fabedc 0%, #ffffff 50%, #fabedc 100%);
  animation: kagana-ribbon 5s linear 1 forwards;
  -webkit-animation: kagana-ribbon 5s linear 1 forwards;
}

.kagasu-wrapper .kagasu-ribbon.animation-start.is-animated::before {
  position: absolute;
  content: "";
  top: -100%;
  right: 0;
  transform: translate(35%,-50%) rotate(-45deg);
  -webkit-transform: translate(35%,-50%) rotate(-45deg);
  width: 10rem;
  height: 16rem;
  background: linear-gradient(45deg,#fabedc 0%, #ffffff 50%, #fabedc 100%);
  border-radius: 50% 50% 0 0;
  box-shadow: -2.5px 0 5px #000;
  animation: heart 2s linear 5s 1 forwards;
  opacity: 0;
}