/*-------------------------------------夢野あかり*/
#yumeno {
  overflow: hidden;
  background: #ffffd6;
}

.yumeno-top {
  position: relative;
  background: #ffccff;
  z-index: 1;
}

.yumeno-top::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ffead6;
  box-shadow: inset 5px 5px 5px #808080;
}

.yumeno-top::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffccff;
  animation: yumeno-fadeOut 3s 0.5s forwards;
  z-index: 2;
}



.yumeno-top img {
  animation: none;
  z-index: 1;
}


.yumeno-top-text {
  position: relative;
  animation: none;
  opacity: 1;
  background: transparent;
  border-radius: 3rem;
}

.yumeno-top-text::before {
  content: "";
  position: absolute;
  width: 130%;
  height: 130%;
  top: 0;
  left: 0;
  transform: translate(-15%, -15%);
  background-image: 
    url(../images/yumeno/onigiri.png),
    url(../images/yumeno/onigiri2.png),
    url(../images/yumeno/onigiri3.png),
    url(../images/yumeno/onigiri4.png),
    url(../images/yumeno/onigiri5.png);
  background-size: contain;
  background-position: center;
  animation: yumeno-onigiri 4s linear 0.8s 1 forwards;
}


.shapedividers_com-9154{
overflow:hidden;
position:relative;
}
.shapedividers_com-9154::before{ 
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
z-index: 3;
pointer-events: none;
background-repeat: no-repeat;
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -0.1vw; 
background-size: 100% 90px;
background-position: 50% 0%;  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100.86 4.15"><path fill="%23ffccff" d="M0 0v3.5a9.07 9.07 0 0 0 9.37-1.67 9.07 9.07 0 0 0 12.1 0 9.07 9.07 0 0 0 12.11 0 9.07 9.07 0 0 0 12.06 0 9.07 9.07 0 0 0 12.11 0 9.07 9.07 0 0 0 12.08 0 9.07 9.07 0 0 0 12.09 0 9.07 9.07 0 0 0 12.08 0 9.07 9.07 0 0 0 6.86 2.28V.01z"/></svg>'); 
}

@media (min-width:2100px){
.shapedividers_com-9154::before{
background-size: 100% calc(2vw + 90px);
}
}

.yumeno-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  padding: 15rem 0;
  background: linear-gradient(#dbffdb 80%, #ffffd6);
  position: relative;
}

.yumeno-wrapper::after {
  content: "";
  position: absolute;
  width: 10rem;
  height: 10rem;
  top: 10rem;
  left: 5rem;
  background: url(../images/yumeno/apple.png) no-repeat center center / contain;
  animation: yumeno-decoration 2s linear infinite;
}

.yumeno-profile,
.yumeno-tag {
  background: #eeffee;
  border-radius: 3rem;
}

#yumeno .yumeno-movie {
  background: #ffffd6;
  position: relative;
}

#yumeno #basic-movie {
  position: relative;
}

#yumeno #basic-movie::before {
  position: absolute;
  content: "";
  top: -8rem;
  right: 5rem;
  width: 10rem;
  height: 10rem;
  background: url(../images/yumeno/akarin.png) no-repeat center center / contain;
  border-radius: 50%;
  animation: yumeno-decoration 1.8s linear infinite ;
  z-index: 3;
}


#yumeno .footer-space {
  display: flex;
  align-items: baseline;
  height: 10rem;
  gap: 1rem;
  padding-left: 5rem;
}

#yumeno .footer-space img {
  height: 10rem;
  animation: yumeno-tulip 2s linear infinite;
  vertical-align: bottom;
  transform-origin: 50% 100%;
}

#yumeno .footer-space img:nth-child(2) {
  height: 8rem;
  animation: yumeno-tulip2 2s linear infinite;
  transform-origin: 50% 100%;
}

@media screen and (max-width: 426px) {
  .yumeno-top::before {
    display: none;
  }

  .yumeno-wrapper::after {
    width: 8rem;
    height: 8rem;
  }

  .yumeno-top {
    position: relative;
    background: linear-gradient(#ffead6,#ffccff);
    z-index: 1;
  }
}

/*-------------------------------------夢野あかり*/

@keyframes yumeno-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes yumeno-onigiri {
  20% {
    background-image: 
    url(../images/yumeno/onigiri2.png),
    url(../images/yumeno/onigiri3.png),
    url(../images/yumeno/onigiri4.png),
    url(../images/yumeno/onigiri5.png);
  }

  40% {
    background-image:
    url(../images/yumeno/onigiri3.png),
    url(../images/yumeno/onigiri4.png),
    url(../images/yumeno/onigiri5.png);
  }

  60% {
    background-image:
    url(../images/yumeno/onigiri4.png),
    url(../images/yumeno/onigiri5.png);
  }

  80% {
    background-image:
    url(../images/yumeno/onigiri5.png);
  }

  90% {
    background-image: none;
  }

  100% {
    background-image: none;
  }
}

@-webkit-keyframes yumeno-decoration {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}
@keyframes yumeno-decoration {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
}

@-webkit-keyframes yumeno-tulip {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  50% {
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes yumeno-tulip {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  50% {
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes yumeno-tulip2 {
  0% {
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
  }

  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
  }
}
@keyframes yumeno-tulip2 {
  0% {
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
  }

  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  
  100% {
    -webkit-transform: scaleY(1.2);
    transform: scaleY(1.2);
  }
}