@charset "UTF-8";
/* CSS Document */
body {
	background-image:url("../sozai/opikumo.png");
	position: static;
	background-size:cover;
	background-attachment:local;
	
	
	}

.kumo b{
	position: absolute;
	top: 650px;
	left:280px;
	right:0px;
	bottom:0px;
	
}
.kumo c{
	width: 300px;
　　height: 200px;
	
}
/*下からフェードイン*/
.fade-in-bottom b{
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 4s;
   animation-timing-function:ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(80px);
   }
   60% {
      opacity: 100;
      transform: translateY(0);
   }
}
.fade-in-bottom  b{
    position: absolute;
    top: 20px;
    left: 960px;
    righy: 0px;
    bottom: 0px;
}
/*下からフェードイン*/
.fade-in-bottom c{
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 5.4s;
   animation-timing-function:ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
   0% {
      opacity: 0;
      transform: translateY(80px);
   }
   60% {
      opacity: 100;
      transform: translateY(0);
   }
}
.fade-in-bottom  c{
    position: absolute;
    top: 20px;
    left: 320px;
    righy: 0px;
    bottom: 0px;
}
#seri{
    font-family: Tahoma, Geneva, "sans-serif";
    color: #2196F　;
    font-size: 40px;
    position: absolute;
    top: 722px;
    left: 669px;
    right: 0px;
    bottom: 0px;
	}