@charset "utf-8";
/* =======================

 CSS
 
======================= */

@media only screen and (min-width: 601px) and (max-width: 900px) {
	.portfolio {padding: 20px; width: 99%;}
	.portfolio .box {
	width:33%; /* サイズ */
	height:auto; /* サイズ */
	padding:10px;}
}


@media only screen and (max-width: 600px) {
	body {font-size: 75%;}
	header {padding: 20px 0;}
	header h1 {font-size : 1.6em;}
	footer {padding: 15px 0;}
	#profile {padding: 50px 0;}
	#profile img {width: 80px;	height: 80px;}
	
	.portfolio {padding: 16px 12px;}
	.portfolio .box {
	width:50%; /* サイズ */
	height:auto; /* サイズ */
	padding:8px;}

}