/* layout mobile
--------------------------------------------------*/
@media screen and (max-width: 699px) {	

	#body{
	   margin-top:-25px;
	}

	#body li{
       display:block;
	}

	#body li:nth-child(odd){
	clear:both;
	}

	#body #works_box1{
        float:left;
        width: 50%;
        margin-top:25px;
        margin-left:0;
	}
	
	#body #works_box1 img{
        width: 100%;
	}
	
	#body span{
        width: auto%;
		display:block;
		padding-left:5px;
		padding-right:5px;
	}
	
	#body #works_box2{
        float:left;
        width: 50%;
        float:left;
        margin-top:25px;
        margin-left:0;
	}
	
	#body #works_box2 img{
        width: 100%;
	}
	
	#body #works_box3{
        float:left;
        width: 50%;
        margin-left:0;
	}
	
	#body #works_box3 img{
        width: 100%;
	}
	
	#body #works_box4{
        float:left;
        width: 50%;
        margin-left:0;
	}
	
	#body #works_box4 img{
        width: 100%;
	}
	
	#footer{
		margin-top:60px;
	}
}