/* ****************************** eyecatch ****************************** */

div#eyecatch{
	width: 940px;
	margin: 120px auto 80px;
	
}

div#eyecatch div.text{
	width: 450px;
	float: left;
}

div#eyecatch div.text h1{
	width: 406px;
	height: 124px;
	background: url('../images/jewelry/eyecatch_title.png') no-repeat;
	margin: 0 auto 40px;
	text-indent: -9999em;
}

div#eyecatch div.image{
	width: 450px;
	float: right;
}

@media screen and (max-width:640px){
	div#eyecatch{
		width: auto;
		margin: 30px 10px 20px;
	}
	
	div#eyecatch div.text{
		width: auto;
		float: none;
		margin: 0 0 20px;
	}
	
	div#eyecatch div.text h1{
		width: 61.3%;
		height: 0;
		padding: 0 0 19% 0;
		background-size: 100%;
		margin: 0 auto 20px;
	}
	
	div#eyecatch div.image{
		width: auto;
		float: none;
	}
	
	div#eyecatch div.image img{
		width: 100%;
		height: auto;
	}
}

/* ****************************** gallery ****************************** */

div#gallery{
	width: 940px;
	margin: 0 auto 80px;
}

div#gallery ul{
	width: 960px;
	margin: 0 0 -20px -20px;
}

div#gallery ul li{
	width: 220px;
	margin: 0 0 20px 20px;
	float: left;
}

@media screen and (max-width:640px){
	div#gallery{
		width: auto;
		margin: 0 10px 20px;
	}

	div#gallery ul{
		width: 100%;
		margin: 0;
	}
	
	div#gallery ul li{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	
	div#gallery ul li:nth-child(even){
		margin: 0 0 2% 0;
	}
	
	div#gallery ul li img{
		width: 100%;
		height: auto;
	}
}