/*-------------------------------------橘ひなの*/

/*
.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
*/
#tachibana {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-shadow: 2px 2px 2px #fff;
  color: #101010;
  background: url(../images/tachibana/noname.jpg) repeat-y top center / contain;
}

.tachibana-top {
  position: relative;
}

.tachibana-top::before {
  position: absolute;
  content: "";
  width: 40vw;
  height: 40vw;
  background: url(../images/tachibana/otbn.png) no-repeat top left / contain;
  top: 0;
  left: 0;
}

.tachibana-top-text h1 {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
  -webkit-text-stroke: 1px #fff;
  text-shadow:
    2px 2px 0 #fff,
    -2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px -2px 0 #fff;
}

.tachibana-top-text,
.tachibana-profile,
.tachibana-tag,
.tachibana-movie {
  background: #ffbeff;
  border-radius: 3rem;

  box-shadow:
  inset 5px 5px 8px rgba(255, 62, 181, 0.45),
  inset -5px -5px 10px rgba(255, 255, 255, 0.75);
}

.tachibana-wrapper {
  justify-content: center;
}

.tachibana-wrapper img {
  width: 30vw;
  opacity: 0;
}

.tachibana-wrapper img.animation-start.is-animated{
  animation: fadeIn 2s linear 0s 1 forwards;
}


@media screen and (max-width: 769px) {
  .tachibana-wrapper img {
    width: 15vw;
  }
}

@media screen and (max-width: 426px) {
  .tachibana-wrapper img {
    display: none;
  }
}