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



body{
	width:350px;
    margin-top: 10px;
	margin-left: 0px;
    padding: 0;
	overflow-x: hidden;
	font-family:  "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;;
}
	




menubar{
		position: relative;
}

#menubarimg{
	width:150px;
    height: auto;
	margin-top:3px;
	margin-left: 110px;

}

top{width:375px; 
    height: auto;
	margin-bottom:10px;
	margin-left:-100px;
    }



p{position: absolute;
  top:250px;
  left:100px;
  tranceform:translate(-50%,-50%);
  padding:0;
  margin:0;
  font-display:100px;
  color: #FFFFFF;
  font-size: 25px;
	
}

title{
    left:140px;
}





div1{
    position: relative;
    
}




#div1p{
	margin-top: 160px;
	margin-left: 20px;
	font-size: 20px;
}

#sagyou{
	margin-left: 35px;
	margin-top: -5%;
}
#jikan{
	margin-left: 100px;
	margin-top: -30%
}
#diet{
	margin-left: 35px;
	margin-top: -30%
}
#bennkyo{
	margin-left: 100px;
	margin-top: -30%;
}

#sagyout{
	position: relative;
	top: -70px; 
	left:90px;
	font-size:20px;
}

#jikant{
	position: relative;
	top: -70px; 
	left:155px;
	font-size:20px;
}

#diett{
	position: relative;
	top: -70px; 
	left:90px;
	font-size:20px;
}

#bennkyot{
	position: relative;
	top: -70px; 
	left:165px;
	margin-bottom: 100px;
	font-size:20px;
}







	



flex{
    display:block;
}


.box{
  width: 220px;
  padding: 20px;
	margin: o 20px 20px 20px;
	box-sizing:border-box;
}



#cocoa{transform: rotateZ(30deg);
       margin-top:20px;}
#earlgray{transform: rotateZ(-20deg)}
#macha{transform: rotateZ(20deg)}
#sweetpotatp{transform: rotateZ(-30deg)}
#coconut{transform: rotateZ(30deg)}



#haikei3{
	position: relative;
	top:-50px;
	width: 375px;
	height: 600px;
	margin-top:150px;
	
}



.btn{
    width: 150px;                  
    text-align:  center;           
    display: block;                 
    padding:  7px;                
    font-size:  14px;              
    text-decoration: none;         
    color:  #333333;                  
    background-color: #FFFFFF;      
    border-radius:  5px;           
    transition: 0.5s;              
    margin:  0 auto;               
}
.btn:hover {
    opacity:  0.7;                 
    width: 200px;                 
}

#check{
	width: 300px;
    height: 30px;
	padding-top:10px;
    border-radius: 40px;
	}

	
div3{
    position: absolute;
    top: 4605px;
	left:0px;
    width: 375px;
    font-size: 13px}


		

	
	


#lastimg{
	position: relative;
	left:13px;
    top:75px;
	width:150px;
    height: auto;
}





div5{
    position: absolute;
	top:5350px;
	left:0px;
	margin-left: 0px;
    padding-top: 100px;
	background-color: #414141;
    width: 375px;
    height: 175px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "sans-serif";
	font-size: 16px;

}

#instagram{
	position: absolute;
	top: 5350px;
	margin-top: 39px;
	margin-left:110px;
	width: 50px;
	height: 50px;
	
}

#facebook{
	position: absolute;
	top: 5350px;
	margin-top: 38px;
	margin-left:210px;
	width: 50px;
	height: 50px;
	
	
	
}