/* sakurafubuki */
body {
  margin: 0;
  padding: 0;
}

p {
  padding: 10px;
}

.container {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* for text  */
  display: flex;
  justify-content: center;
  align-items: center;
}

.container img {
width: 100%;
filter: brightness(0.5);
}

.sakura {
  position: absolute;
  width: 100%;
  height: 100%;
}

.sakura span {
  position: absolute;
  top: -10%;
  left: 0;
 width: 1.2vw;
 height: 0.8vw;
  border-radius: 5% 80% 10% 80%;
  background-color: #ffb6c1;
}

/* add animation */
.sakura span:nth-child(2n+1) {
  animation: sakura-anim-1 10s 0s linear infinite;
}

.sakura span:nth-child(2n+2) {
  animation: sakura-anim-2 10s 0s linear infinite;
}

/* side position */
.sakura span:nth-child(1) {
  left: 0%;
}

.sakura span:nth-child(2) {
  left: 2%;
}

.sakura span:nth-child(3) {
  left: 4%;
}

.sakura span:nth-child(4) {
  left: 6%;
}

.sakura span:nth-child(5) {
  left: 8%;
}

.sakura span:nth-child(6) {
  left: 10%;
}

.sakura span:nth-child(7) {
  left: 12%;
}

.sakura span:nth-child(8) {
  left: 14%;
}

.sakura span:nth-child(9) {
  left: 16%;
}

.sakura span:nth-child(10) {
  left: 18%;
}

.sakura span:nth-child(11) {
  left: 20%;
}

.sakura span:nth-child(12) {
  left: 22%;
}

.sakura span:nth-child(13) {
  left: 24%;
}

.sakura span:nth-child(14) {
  left: 26%;
}

.sakura span:nth-child(15) {
  left: 28%;
}

.sakura span:nth-child(16) {
  left: 30%;
}

.sakura span:nth-child(17) {
  left: 32%;
}

.sakura span:nth-child(18) {
  left: 34%;
}

.sakura span:nth-child(19) {
  left: 36%;
}

.sakura span:nth-child(20) {
  left: 38%;
}

.sakura span:nth-child(21) {
  left: 40%;
}

.sakura span:nth-child(22) {
  left: 42%;
}

.sakura span:nth-child(23) {
  left: 44%;
}

.sakura span:nth-child(24) {
  left: 46%;
}

.sakura span:nth-child(25) {
  left: 48%;
}

.sakura span:nth-child(26) {
  left: 50%;
}

.sakura span:nth-child(27) {
  left: 52%;
}

.sakura span:nth-child(28) {
  left: 54%;
}

.sakura span:nth-child(29) {
  left: 56%;
}

.sakura span:nth-child(30) {
  left: 58%;
}

.sakura span:nth-child(31) {
  left: 60%;
}

.sakura span:nth-child(32) {
  left: 62%;
}

.sakura span:nth-child(33) {
  left: 64%;
}

.sakura span:nth-child(34) {
  left: 66%;
}

.sakura span:nth-child(35) {
  left: 68%;
}

.sakura span:nth-child(36) {
  left: 70%;
}

.sakura span:nth-child(37) {
  left: 72%;
}

.sakura span:nth-child(38) {
  left: 74%;
}

.sakura span:nth-child(39) {
  left: 76%;
}

.sakura span:nth-child(40) {
  left: 78%;
}

.sakura span:nth-child(41) {
  left: 80%;
}

.sakura span:nth-child(42) {
  left: 82%;
}

.sakura span:nth-child(43) {
  left: 84%;
}

.sakura span:nth-child(44) {
  left: 86%;
}

.sakura span:nth-child(45) {
  left: 88%;
}

.sakura span:nth-child(46) {
  left: 90%;
}

.sakura span:nth-child(47) {
  left: 92%;
}

.sakura span:nth-child(48) {
  left: 94%;
}

.sakura span:nth-child(49) {
  left: 96%;
}

.sakura span:nth-child(50) {
  left: 98%;
}

/* size */
.sakura span:nth-child(3n+1) {
 width: 1.5vw;
 height: 0.75vw;
}

.sakura span:nth-child(3n+2) {
 width: 1.2vw;
 height: 0.6vw;
}

.sakura span:nth-child(3n+3) {
 width: 0.9vw;
 height: 0.45vw;
}

/* animation-duration */
.sakura span:nth-child(4n+1) {
animation-duration: 11s;
}

.sakura span:nth-child(4n+2) {
animation-duration: 25s;
}

.sakura span:nth-child(4n+3) {
animation-duration: 17s;
}

.sakura span:nth-child(4n+4) {
animation-duration: 13s;
}


/* animation-delay */
.sakura span:nth-child(11n+1) {
  animation-delay: 0s;
}

.sakura span:nth-child(11n+2) {
  animation-delay: 9s;
}

.sakura span:nth-child(11n+3) {
  animation-delay: 2s;
}

.sakura span:nth-child(11n+4) {
  animation-delay: 5s;
}

.sakura span:nth-child(11n+5) {
  animation-delay: 6s;
}

.sakura span:nth-child(11n+6) {
  animation-delay: 7s;
}

.sakura span:nth-child(11n+7) {
  animation-delay: 3s;
}

.sakura span:nth-child(11n+8) {
  animation-delay: 1s;
}

.sakura span:nth-child(11n+9) {
  animation-delay: 2s;
}

.sakura span:nth-child(11n+10) {
  animation-delay: 11s;
}

.sakura span:nth-child(11n+11) {
  animation-delay: 10s;
}

/* animation */
@keyframes sakura-anim-1 {
  0% {
    top: -10%;
    transform: translateX(0) rotateX(0) rotateY(0);
  }

  100% {
    top: 100%;
    transform: translateX(15vw) rotateX(180deg) rotateY(360deg);
  }
}

@keyframes sakura-anim-2 {
  0% {
    top: -10%;
    transform: translateX(0);
  }

  100% {
    top: 100%;
    transform: translateX(-15vw) rotateX(180deg) rotateY(360deg);
  }
}


/* 文字のスライド */
.cp_cont.cp_cont {
	text-align: center;
	overflow: hidden;
	position: relative;
background: #ffb6c1;
	
	}

.cp_anime14 {
	position: relative;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-animation: anime14_text 120s linear infinite;
	animation: anime14_text 120s linear infinite;
	text-align: center;
	color: #ffffff;
}
.cp_anime14 .text1 {
	font-size: 9vw;
	font-weight: bold;
	margin-bottom: 60px;
}
.cp_anime14 .text2 {
	font-size: 4vw;
	margin-bottom: 20px;
}
.cp_anime14 .text3 {
	font-size: 6vw;
	margin-bottom: 20px;
	background-color: #ff69b4;
	display: inline-block;
}
.cp_anime14 .text4 {
	font-size: 4vw;
	margin-bottom: 80px;
}

@-webkit-keyframes anime14_text {
	0%   { top: 100%; }
	100% { top: -300%; }
}
@keyframes anime14_text {
	0%   { top: 100%; }
	100% { top: -300%; }
}

 	 
body {	 	 
 margin: 0;	 	 
 padding: 0;	 	 
}	 	 
p 
{	 	 
 padding: 0;	 	 
}


/* 雪のアニメーション */
.snow {
  /*雪の色*/
  color: snow;
  /*雪の大きさ*/
  font-size: 10px;
  /*初期位置*/
  position: fixed;
  top: -5%;
  /*雪を適当な幅で降らせる*/
  text-shadow:
  5vw   -100px 2px,
  10vw  -400px 3px,
  20vw  -500px 4px,
  30vw  -580px 1px,
  39vw  -250px 2px,
  42vw  -340px 5px,
  56vw  -150px 2px,
  63vw  -180px 0,
  78vw  -220px 4px,
  86vw  -320px 9px,
  94vw  -170px 7px;
  /*雪アニメーション1*/
  animation: roll 5s linear infinite;
}
  /*2つめの雪アニメーション*/
.snow2nd{animation: anim 8s linear infinite;}

@keyframes roll {
    0% {transform:rotate(0deg);}
   90% {opacity:1;}
   100% {transform:rotate(20deg);top:100%;opacity:0;}
}
@keyframes anim {
  100% {color:transparent;top:150%;}
}
div[aria-label*="早大グッズ"],
div[aria-label*="エールグッズ"],
div[aria-label*="早大応援グッズ"],
div[aria-label*="応援団グッズ"],
div[class*="google-anno"] {
  display: none !important;
}