/* だから私は三州瓦を選びました！ */

#point{
	position:relative;
	opacity: 0;
	top:0;
}
#point.start{
	-webkit-animation: point_cont 1.5s ease 0s both;
	animation: point_cont 1.5s ease 0s both; 
}
@keyframes point_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}
@-webkit-keyframes point_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}


/* FAQ */

#faq{
	position:relative;
	opacity: 0;
	top:0;
}
#faq.start{
	-webkit-animation: faq_cont 1.5s ease 0s both;
	animation: faq_cont 1.5s ease 0s both; 
}
@keyframes faq_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}
@-webkit-keyframes faq_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}


/* 下層スマホお問い合わせボタン */

#content-bottom-contact{
	position:relative;
	opacity: 0;
	top:0;
}
#content-bottom-contact.start{
	-webkit-animation: content-bottom-contact_cont 1.5s ease 0s both;
	animation: content-bottom-contact_cont 1.5s ease 0s both; 
}
@keyframes content-bottom-contact_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}
@-webkit-keyframes content-bottom-contact_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}


/* TOP */

#top-main{
	position:relative;
	opacity: 0;
}
#top-main.start{
	-webkit-animation: top-main_cont 4s ease 0s both;
	animation: top-main_cont 4s ease 0s both; 
}
@keyframes top-main_cont {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@-webkit-keyframes top-main_cont {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}


#top-secret{
	position:relative;
	opacity: 0;
	top:0;
}
#top-secret.start{
	-webkit-animation: top-secret_cont 1.5s ease 0s both;
	animation: top-secret_cont 1.5s ease 0s both; 
}
@keyframes top-secret_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}
@-webkit-keyframes top-secret_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}


#top-news{
	position:relative;
	opacity: 0;
	top:0;
}
#top-news.start{
	-webkit-animation: top-news_cont 1.5s ease 0s both;
	animation: top-news_cont 1.5s ease 0s both; 
}
@keyframes top-news_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}
@-webkit-keyframes top-news_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}


/* price */

#price-content01{
	position:relative;
	opacity: 0;
	top:0;
}
#price-content01.start{
	-webkit-animation: price-content01_cont 1.5s ease 0s both;
	animation: price-content01_cont 1.5s ease 0s both; 
}
@keyframes price-content01_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}
@-webkit-keyframes price-content01_cont {
  0% {
	opacity: 0;
	top:200px;
  }
  100% {
	opacity: 1;
	top:0;
  }
}


/* product */

#product-universal .content-area,
#product-provence .content-area,
#product-simple .content-area,
#product-modern .content-area,
#product-japanese .content-area{
	position:relative;
	opacity: 0;
	top:0;
}
#product-universal .content-area.start{
	-webkit-animation: product-universal_cont 1.5s ease 0s both;
	animation: product-universal_cont 1.5s ease 0s both; 
}
@keyframes product-universal_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes product-universal_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}


#product-provence .content-area.start{
	-webkit-animation: product-provence_cont 1.5s ease 0s both;
	animation: product-provence_cont 1.5s ease 0s both; 
}
@keyframes product-provence_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes product-provence_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}


#product-simple .content-area.start{
	-webkit-animation: product-simple_cont 1.5s ease 0s both;
	animation: product-simple_cont 1.5s ease 0s both; 
}
@keyframes product-simple_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes product-simple_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}



#product-modern .content-area.start{
	-webkit-animation: product-modern_cont 1.5s ease 0s both;
	animation: product-modern_cont 1.5s ease 0s both; 
}
@keyframes product-modern_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes product-modern_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}



#product-japanese .content-area.start{
	-webkit-animation: product-japanese_cont 1.5s ease 0s both;
	animation: product-japanese_cont 1.5s ease 0s both; 
}
@keyframes product-japanese_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes product-japanese_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}


/* nature */

#nature-content01,
#nature-content02,
#nature-content03,
#nature-content04 {
	position:relative;
	opacity: 0;
	top:0;
}
#nature-content01.start{
	-webkit-animation: nature-content01_cont 1.5s ease 0s both;
	animation: nature-content01_cont 1.5s ease 0s both; 
}
@keyframes nature-content01_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes nature-content01_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}

#nature-content02.start{
	-webkit-animation: nature-content02_cont 1.5s ease 0s both;
	animation: nature-content02_cont 1.5s ease 0s both; 
}
@keyframes nature-content02_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes nature-content02_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}

#nature-content03.start{
	-webkit-animation: nature-content03_cont 1.5s ease 0s both;
	animation: nature-content03_cont 1.5s ease 0s both; 
}
@keyframes nature-content03_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes nature-content03_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}

#nature-content04.start{
	-webkit-animation: nature-content04_cont 1.5s ease 0s both;
	animation: nature-content04_cont 1.5s ease 0s both; 
}
@keyframes nature-content04_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}
@-webkit-keyframes nature-content04_cont {
  0% {opacity: 0;	top:200px;}
  100% {opacity: 1;	top:0;}
}