@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 768px){
#header{
	padding:2%;
	overflow:hidden;
}
#header h1{
	font-size:120%;
}

#header p{
	display:block;
	margin:2% 0 0 0;
	}
#header h1 span{font-size:1rem;}

/* gnav */
#menu{
	margin:0;
	padding:0 2% 2% 2%;
	}
#menu li{
	margin:2% 3% 0 0;
	padding:1% 0 0 0;
	display:inline-block;
	}
#menu li:last-child{
	margin:0;
	}	
#menu li a{
	float:left;	
	text-align:center;
padding:0.7% 0;
}


/* contents */
#contents{
	margin:0;
	padding:2%;
	clear:both;
}
#category #contents{
	padding:0 1%;
	}	
.img-list{
	overflow:hidden;
	}
.img-list .img-left{
	float:none;
	width:100%;
	}	
.img-list .img-right{
	float:none;
	width:100%;
	}
	
.works ul li{
	display: inline-block;
	width:48%;
	margin:0 2% 2% 0;
	}	
.works ul .right{
	margin:0 0 2% 0;}	
	
				
/* footer */	
#footer { width:100%; margin:0;}



/*index*/

}