@charset "UTF-8";


body {
	font-family: "ヒラギノ明朝 ProN W3", serif;
	background-color:#F7F7F7;
	background: linear-gradient(-45deg, #f9c2e , #a8c2ee) fixed;
	 background-size: 100% 100%;
  animation: GradietionAnimation 9s ease infinite;
  
	
	
	background: #000C19;
		
	
}


h1 {
	font-size:90px;
	color:#909BA2;
	
	text-align: center
		
}

h2 { 
	
	font-size: 20px;
	text-align: center;
	color: #7E888B
		
		
}

li { 
	font-size: 18px;
	color:aliceblue;
	text-align: center;
		
}

a {
	font-size: 17px;
	color: aliceblue;
	
	text-align: center;
}

p {
	color:aliceblue;
	font-size: 30px;
	background-color:#FFFFFF;
	font-style: normal;
	animation-timing-function: ease-in
		
		
		
		
}

#siteheader {
	position: absolute;
	top: 20;
	right: 10;
	width: 1220px;
	height: 17%;
	background-color:aliceblue;
	color: #FFF;

	
}

.bg { z-index: 30;
	
	}

.bg img {width:100%;
	z-index: 2;
	margin: 0px;
	
	
	}



.weather {
	
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-390px;
	height: 80px;
	
	opacity: 0;	
}

.house2  {
	
	position: absolute;
	 width: 10%;
	margin-top: -3.3%;
	margin-left: 37.9%;
	
	z-index: 2300; 
	background: #FF0004;
}


.s  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 1%;
	margin-top: -56%;
	z-index: 50;

}	

.s1  {
	position: absolute;
	  width:10%;
	height: 10%;
	
	opacity: 0.9;
	
    margin-left: 10%;
	margin-top: -56%;
	z-index: 50;

}	

.s2  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 20%;
	margin-top: -56%;
	z-index: 50;

}	

.s3  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 30%;
	margin-top: -56%;
	z-index: 50;

}	

.s4  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 40%;
	margin-top: -56%;
	z-index: 50;

}	

.s5  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 50%;
	margin-top: -56%;
	z-index: 50;

}	

.s6  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 60%;
	margin-top: -56%;
	z-index: 50;

}	

.s7  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 70%;
	margin-top: -56%;
	z-index: 50;

}	

.s8  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 80%;
	margin-top: -56%;
	z-index: 50;

}	

.s9  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 90%;
	margin-top: -56%;
	z-index: 50;

}		


.s10  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 1%;
	margin-top: -46%;
	z-index: 50;

}	

.s11  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 10%;
	margin-top: -46%;
	z-index: 50;

}	

.s12  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 20%;
	margin-top: -46%;
	z-index: 50;

}	

.s13  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 30%;
	margin-top: -46%;
	z-index: 50;

}	

.s14  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 40%;
	margin-top: -46%;
	z-index: 50;

}	

.s15  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 50%;
	margin-top: -46%;
	z-index: 50;

}	

.s16  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 60%;
	margin-top: -46%;
	z-index: 50;

}	

.s17  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 70%;
	margin-top: -46%;
	z-index: 50;

}	

.s18  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 80%;
	margin-top: -46%;
	z-index: 50;

}	

.s19  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 90%;
	margin-top: -46%;
	z-index: 50;

}		
	
	
.s20  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 1%;
	margin-top: -36%;
	z-index: 50;

}	

.s21  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 10%;
	margin-top: -36%;
	z-index: 50;

}	

.s22  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 20%;
	margin-top: -36%;
	z-index: 50;

}	

.s23  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 30%;
	margin-top: -36%;
	z-index: 50;

}	

.s24  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 40%;
	margin-top: -36%;
	z-index: 50;

}	

.s25  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 50%;
	margin-top: -36%;
	z-index: 50;

}	

.s26  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 60%;
	margin-top: -36%;
	z-index: 50;

}	

.s27  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 70%;
	margin-top: -36%;
	z-index: 50;

}	

.s28  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 80%;
	margin-top: -36%;
	z-index: 50;

}	

.s29  {
	position: absolute;
	  width:10%;
	
	opacity: 0.9;
	
    margin-left: 90%;
	margin-top: -36%;
	z-index: 50;

}