@charset "utf-8";

.sakura {
  position: fixed;
  top: 0;
  right: 0;
  bottom: -100vh;
  left: 0;
  background: url(../../images/main/tz/sakura.png) center;
  pointer-events: none;
}

@media screen and (min-width: 900px){
  .sakura {
    transform: none !important;
    /* position: fixed; */
    /* background-size: cover; */
  }
}

/* ==========================================
*
*  mfp
*
========================================== */

.mfp-bg {
  background: rgba(0, 0, 0, .8) !important;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: .5s;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: .5s;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}