@charset "UTF-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 16px;
	
	
}


header{
	background:#fff url(../images/IMG_8505.jpg) 50% 0 fixed;
	background-size:cover;
	width:100%;
	height:900px;
	text-align:center;
	

}

header nav{
	position:absolute;
	top:10%;
	right:50px;
	
}


header ul li{
	float:left;
	margin:30px 30px;
	list-style:none;
		
}

header a{
	text-decoration:none;
	position:relative;
	display:inline-block;
	color:#FFF;
	transition:1s;
}

header a::after{
	position:absolute;
	bottom:0;
	left:50%;
	content:"";
	width:0;
	height:1px;
	background-color:#F00;
	transition:.3s;
	transform:translateX(-50%);
}


header a:hover::after{
		width:100%;
}

header h1{
	padding-top:300px;
	font-size:100px;
	color:#FFF;
	
}

header p{
	font-size:50px;
	color:#FFF;
	font-family: 'Indie Flower', cursive;
}



main #first .inner h2,
main #second .inner h2,
main #third .inner h2{
	font-size:50px;
}


main #first .inner p,
main #second .inner p,
main #third .inner p{
	font-size:20px;
}



#wrapper {
  position: relative;
  width:100%;
  margin: 0 auto;
  padding: 0;
  
}

 

  
.content {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
#first  { 
  background: url(../images/IMG_0504.jpg) 50% 0 no-repeat fixed; 
  background-size:cover;
    
}
#second { 
  background: url(../images//IMG_0515.jpg) 50% 0 no-repeat fixed ;
  background-size:cover
}
#third  { 
  background: url(../images/IMG_1011.jpg) 50% 0 no-repeat fixed ;
  background-size:cover
}
#end { 
  background: url(../images/IMG_7605.jpg) 50% 0 no-repeat fixed ;
  background-size:cover
}
 
 
 
 
/* div#first */
#first .inner {
  position: absolute;
  top: 10%;
  right:15px;
  color:#FFF;
  
  
}
/*  div#second  */
 
#second .inner {
  position: absolute;
  top: 100px;
  left:100px;
  color:#FFF;
  
}


 
/* #third .inner  */
#third .inner {
  position: absolute;
  top: 100px;
  left:45%;
  color:#fff;
}
 
#third img {
  position: absolute;
  left: 30px;
  top: 500px;
}
 
/* div#end */
#end h2 {
  position: absolute;
  color: #000;
  font-size:100px;
  left:50%;
  top:0;
  transform:translate(-50%,200%)
}




/*page-top*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color:#000;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}