/*-----------------rgba(250, 236, 209, 0.8)--------------------白波らむね*/
#shiranami  {
  background-image: linear-gradient(to right, rgba(251, 227, 174, 0.9) , rgba(250, 237, 209, 0.9) 40%),
  url(../images/shiranami/noise.png);
  background-size: 100%, 100px;
  background-repeat:no-repeat, repeat;
  overflow: hidden;
  
}

.shiranami-blue {
  background: linear-gradient(to right,#59afff 10%, transparent 10%);
  background-size: 110%;
  animation: wave2 15s ease-in-out 0s infinite;
}

#shiranami .background-grad {
  background: url(../images/shiranami/background.png) repeat-y top right / contain;
}


.shapedividers_com-3210{
  overflow:hidden;
  position:relative;
  background: #59afff;
}

.shapedividers_com-3210::before{
  will-change: transform, background-position;
  animation: wave 15s ease-in-out 0s infinite;
  content:'';
  font-family:'shape divider from ShapeDividers.com';
  position: absolute;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw; 
  background-size: 20vw 100%;
  background-position: 0% 50%;  background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMaxYMid slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78.7 2000.4"><g fill="%2359afff"><path d="M59 2000H0V0h61c-1 12-6 23-13 33L28 62a90 90 0 004 91c6 10 15 19 21 29a80 80 0 018 68 80 80 0 01-8 68c-6 10-15 18-21 28a90 90 0 00-4 91c6 11 14 20 20 30s12 21 13 33a33 33 0 01-1 4h1c-1 12-6 23-13 33l-20 29a90 90 0 004 92c6 9 15 18 21 28a80 80 0 018 68 80 80 0 01-8 68c-6 10-15 18-21 28a90 90 0 00-4 91c6 11 14 20 20 30s12 21 13 33a33 33 0 01-1 5h1c-1 11-6 22-13 32-6 10-14 19-20 30a90 90 0 004 91c6 10 15 18 21 28a80 80 0 018 68 80 80 0 01-8 68c-6 10-15 19-21 29a90 90 0 00-4 91l20 29 4 6c5 8 8 18 9 28a33 33 0 01-1 4h1c-1 12-6 23-13 32l-20 30-1 3a87 87 0 00-10 35 90 90 0 009 43 81 81 0 006 10l6 9c5 6 11 12 15 19a80 80 0 018 69 80 80 0 01-8 68l-15 20-6 8a82 82 0 00-6 11 90 90 0 00-8 43 87 87 0 009 35l1 2c6 11 14 20 20 30a79 79 0 0111 20z" opacity=".75"/><path d="M0 478V23a33 33 0 0120 17v1a33 33 0 012 22 22 22 0 0115 17 15 15 0 015 5 22 22 0 013 14 52 52 0 01-4 13l-5 11-17 36a75 75 0 00-2 50 157 157 0 0027 41 150 150 0 00-28 46c-4 15-2 31 3 46l16 35 5 11a52 52 0 014 14 22 22 0 01-2 13 15 15 0 01-5 6 22 22 0 01-15 17 33 33 0 01-2 22v1a33 33 0 01-20 17z" opacity=".5"/><path d="M0 504V0h13c11 6 16 20 12 32a37 37 0 01-5 9C15 49 7 56 5 65c-3 12 4 25 12 35 6 7 14 15 18 23a43 43 0 014 7c4 14 1 29-5 42-5 11-12 22-18 32l-3 5c-6 13-10 27-7 41-3 14 1 29 7 42l3 4c6 11 13 21 18 33 6 13 9 28 5 41a43 43 0 01-4 7c-4 9-12 16-18 24-8 10-15 22-12 35 2 9 10 16 15 24a37 37 0 015 9c5 14-4 31-19 34l-6 1z"/><circle cx="49.4" cy="59.8" r="8.5"/><circle cx="46.1" cy="159.2" r="5.2"/><circle cx="46.1" cy="375.8" r="5.2"/><circle cx="42" cy="435.9" r="7.3"/><circle cx="72.9" cy="106.4" r="5.8" opacity=".5"/><circle cx="72.9" cy="321.2" r="5.8" opacity=".5"/><circle cx="72.9" cy="250.3" r="2.8" opacity=".75"/><path d="M0 982V527a33 33 0 0120 17v1a33 33 0 012 22 22 22 0 0115 17 15 15 0 015 6 22 22 0 013 13 52 52 0 01-4 13l-5 12-17 35a75 75 0 00-2 50 157 157 0 0027 41 150 150 0 00-28 46c-4 15-2 31 3 46l16 36 5 11a52 52 0 014 13 22 22 0 01-2 14 15 15 0 01-5 5 22 22 0 01-15 17 33 33 0 01-2 22v1a33 33 0 01-20 17z" opacity=".5"/><path d="M0 1009V504h13c11 7 16 20 12 32a37 37 0 01-5 9c-5 8-13 15-15 24-3 13 4 25 12 35 6 8 14 15 18 24a43 43 0 014 7c4 13 1 28-5 41-5 12-12 22-18 33l-3 4c-6 13-10 28-7 42-3 14 1 28 7 41l3 5c6 10 13 21 18 32 6 13 9 28 5 42a43 43 0 01-4 7c-4 8-12 16-18 23-8 10-15 23-12 35 2 9 10 16 15 24a37 37 0 015 9c5 14-4 31-19 35l-6 1z"/><circle cx="49.4" cy="564" r="8.5"/><circle cx="46.1" cy="663.5" r="5.2"/><circle cx="46.1" cy="880.1" r="5.2"/><circle cx="42" cy="940.2" r="7.3"/><circle cx="72.9" cy="610.6" r="5.8" opacity=".5"/><circle cx="72.9" cy="825.5" r="5.8" opacity=".5"/><circle cx="72.9" cy="754.6" r="2.8" opacity=".75"/><path d="M0 1486v-454a33 33 0 0120 16v2a33 33 0 012 22 22 22 0 0115 16 15 15 0 015 6 22 22 0 013 13 52 52 0 01-4 14l-5 11-17 35a75 75 0 00-2 51 157 157 0 0027 41 151 151 0 00-28 46c-4 15-2 31 3 45 5 13 11 24 17 36l5 11a52 52 0 014 13 22 22 0 01-3 14 15 15 0 01-5 6 22 22 0 01-15 16 33 33 0 01-2 22v1a33 33 0 01-20 17z" opacity=".5"/><path d="M0 1513v-504h13c11 6 16 20 12 31a37 37 0 01-5 10c-5 7-13 14-15 24-3 12 4 24 12 34 6 8 14 15 19 24a43 43 0 013 7c4 14 1 29-5 41-5 12-12 22-18 33l-3 5c-6 13-10 27-7 41-3 14 1 28 7 41l3 5c6 11 13 21 18 32 6 13 9 28 5 42a43 43 0 01-4 7c-4 9-12 16-18 24-8 9-15 22-12 34 2 10 10 16 15 24a37 37 0 015 10c5 14-4 31-19 34l-6 1z"/><circle cx="49.4" cy="1068.3" r="8.5"/><circle cx="46.1" cy="1167.8" r="5.2"/><circle cx="46.1" cy="1384.4" r="5.2"/><circle cx="42" cy="1444.5" r="7.3"/><circle cx="72.9" cy="1114.9" r="5.8" opacity=".5"/><circle cx="72.9" cy="1329.8" r="5.8" opacity=".5"/><circle cx="72.9" cy="1258.9" r="2.8" opacity=".75"/><path d="M0 1990v-454a33 33 0 0120 17v1a33 33 0 012 22 22 22 0 0115 17 15 15 0 015 5 22 22 0 013 14 52 52 0 01-4 13l-5 11c-6 12-12 23-17 36a75 75 0 00-2 50 157 157 0 0027 41 151 151 0 00-28 46c-4 15-2 31 3 46l17 35 5 11a52 52 0 014 14 22 22 0 01-3 13 15 15 0 01-5 6 22 22 0 01-15 17 33 33 0 01-2 21v2a33 33 0 01-20 16z" opacity=".5"/><path d="M24 2000H0v-487h13c11 6 16 20 12 31a37 37 0 01-5 10c-5 8-13 15-15 24-3 12 4 25 12 34v1c7 8 14 15 18 23a43 43 0 014 7c3 10 2 21-1 32a84 84 0 01-4 10c-5 11-12 21-18 32l-3 5c-6 13-10 27-7 41-3 14 1 29 7 41l3 5c6 11 13 21 18 33a83 83 0 014 9c3 10 4 22 1 32a43 43 0 01-4 7c-4 9-11 16-18 23v1c-8 10-15 22-12 35 2 9 10 16 15 24a37 37 0 015 9 26 26 0 01-1 18z"/><circle cx="49.4" cy="1572.6" r="8.5"/><circle cx="46.1" cy="1672.1" r="5.2"/><circle cx="46.1" cy="1888.7" r="5.2"/><circle cx="42" cy="1948.8" r="7.3"/><circle cx="72.9" cy="1619.2" r="5.8" opacity=".5"/><circle cx="72.9" cy="1834.1" r="5.8" opacity=".5"/><circle cx="72.9" cy="1763.2" r="2.8" opacity=".75"/></g></svg>'); 

}

.shiranami-top-text,
.shiranami-profile,
.shiranami-tag,
.shiranami-movie {
  background: transparent;
  color: #795335;
  text-shadow: 0 0 3px #d18f5b;
  font-weight: bold;
}

#shiranami .top-text {
  animation: none;
  opacity: 1;
  filter: blur(10px);
  animation: shiranami-blur 2s forwards;
}

#shiranami .basic-profile.animation-start.is-animated,
#shiranami .basic-tag.animation-start.is-animated,
#shiranami .basic-movie.animation-start.is-animated{
  animation: shiranami-blur 2s forwards;
  opacity: 1;
  z-index: 10;
}

#shiranami .movie-content {
  z-index: 10;
}

@keyframes shiranami-blur {
  0% {
    filter: blur(5px);
    opacity: 0;
  }

  100% {
    filter: blur(0);
    opacity: 1;
  }
}

@keyframes wave {
  0% {
    background-size: 20vw 100%;
    transform: translateX(0%);
  }

  50% {
    background-size: 22vw 100%;
    transform: translateX(10%);
  }

  100% {
    background-size: 20vw 100%;
    transform: translateX(0%);
  }
}

@keyframes wave2 {
  0% {
    background-position: -10vw;
  }
  50% {
    background-position: 0vw;
  }
  100% {
    background-position: -10vw;
  }
}

@-webkit-keyframes shiranami-blur {
  0% { filter: blur(5px); opacity: 0; }
  100% { filter: blur(0); opacity: 1; }
}
@-webkit-keyframes wave {
  0% { background-size: 20vw 100%; transform: translateX(0%); }
  50% { background-size: 22vw 100%; transform: translateX(10%); }
  100% { background-size: 20vw 100%; transform: translateX(0%); }
}
@-webkit-keyframes wave2 {
  0% { background-position: -10vw; }
  50% { background-position: 0vw; }
  100% { background-position: -10vw; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #shiranami .top-text,
  #shiranami .basic-profile,
  #shiranami .basic-tag,
  #shiranami .basic-movie {
    filter: none;
    opacity: 1;
  }
}