/*-------------------------------------夜乃くろむ*/
#yano {
  background: rgba(0, 0, 0, 0.9);
  position: relative;
  overflow: hidden;
}

#yano h1 {
  display: inline-block;
  border-bottom: 1rem solid #fff;
  border-image: url(../images/yano/born-border.png);
  border-image-slice: 100;
  border-image-repeat: round;
}



#yano h2 {
  position: relative;
}

#yano h2::before {
  content: url(../images/yano/born2.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-40%);
  z-index: -1;
}

#yano::before {
  position: absolute;
  top: 0;
  left: 0;
  content: url(../images/yano/body_zugaikotsu.png);
  display: block;
  transform: rotate(-15deg) scale(1.5);
  z-index: -1;
  opacity: 0;
  animation: flash 3s linear 0s infinite;
}

.yano-top {
  position: relative;
}

.yano-top::before {
  position: absolute;
  bottom: 0;
  right: 10%;
  content: url(../images/yano/body_zugaikotsu.png);
  display: block;
  transform: rotate(15deg) scale(1.5);
  z-index: -1;
  opacity: 0;
  animation: flash 5s linear 1s infinite;
}


.yano-top-text {
  animation: appearance 2s ease 0s 1 forwards;
}

.yano-top-text span {
  color: #6e87a3;
}

.yano-top-text,
.yano-profile,
.yano-tag,
.yano-movie {
  background-image: url(../images/yano/gaikotsu33.png);
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode:lighten;
  border: 1rem solid #fff;
  border-image: url(../images/yano/born-border.png);
  border-image-slice: 100;
  border-image-repeat: round;
  border-image-outset: 0.5rem;
  color: #333333;
}

.yano-wrapper {
  position: relative;
}

.yano-wrapper::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-10%);
  content: url(../images/yano/born.png);
  opacity: 1;
}


/*-------------------------------------夜乃くろむ*/

@keyframes flash {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}