@charset "utf-8";
/* Responsive Design */

/* ウィンドウ幅が0〜959pxの場合に適用するCSS */

@media screen and ( max-width:959px ){
	body{
		font-size: 75%;
	}
/*	nav ul li{
		float:none;
		width:50%;
	}
	nav ul li:first-child{
		margin-left: 0px;
	}*/
}
@media screen and ( max-width:479px ){
	

	body{
		overflow-x:auto;
	}
	header{
		width: 400px;
	}
	
	h2,h3{
		font-size: 80%;
		padding: 0 !important;
		margin: 0 !important;
		400px;
	}
	.container{
		width: 400px;
	}
	
	#profileArea{
		padding: 0;
	}
	
	
	#profileContent{
		float: left;
		width:100%;
	}
	
	#skillInfoArea{
		width: 400px;
	}
	#worksArea ul{
		width: 400px;
	}
	
	#aboutPhoto img{
		width: 300px;
		height: auto;
	}
	#portfolio #titleArea{
		position:absolute;
		top:135px;
		left:50px;
		width: 250px;
		height:auto;
		overflow: visible;
	}

	#titleArea li{
		font-family: 'Permanent Marker', cursive;
		font-size:1.5em;
		line-height:50px;
		margin:20px;
		margin-top:10px;
	}
	nav{
		/*visibility: hidden;*/
	}
	
	address{
		text-align: left;
	}
}