@charset "UTF-8";

/* CSS Document for JAPANESE */

/*----------------------------------------
	jewel parts
------------------------------------------*/


#leadtext	{
	overfllow: hidden;
	zoom: 100%;
	}
	



/*ブロック*/
.para	{
	padding: 0 0 40px 0;
	overflow: hidden;
	zoom: 100%;
	}

/*左写真エリア*/
.photoarea	{
	float: left;
	width: 35%;
	margin: 0 3%;
	text-align: center;
	}

/*右　テキストエリア*/
.textarea	{
	float: right;
	width: 58%;
	}



/*デコレーションパーツ*/
.decobox	{
	margin: 20px 0 10px 0;
	}

.inboxitem	{
	overflow: hidden;
	zoom: 100%;
	}

.inboxitem	dl{
	float: left;
	width: 40%;
	margin: 10px 0;
	overflow: hidden;
	zoom: 100%;
	}
	
	.inboxitem	dt{
	clear: left;
	float: left;
	width: 45px;
	margin-right: 5px;
	text-align: center;

	}
	
	.inboxitem	dd{
	float: left;
	width: auto;
	}

.decochiparea	{
	float: left;
	width: 50%;
	}


	.decochiparea	img{
	width: 140px;
	height: auto;
	}



.chiparea	{
	margin: 0 0 3em 0;
	text-align: center;
	}
	
	




	
@media screen and (max-width: 880px) {


#leadtext,
#leadtext2,
.para,
.price	{
	margin: 0  1em;
	}

.rapheart	{
	width: 20%;
	height: auto;
	}
	
.withfile	{
	width: 79%;
	height: auto;
	margin: 0 0 0 1%;
	}

	
}
	
@media screen and (max-width: 860px) {


.chiparea	img{
	width: 100%;
	height: auto;
	}

}

@media screen and (max-width: 480px) {

/*左写真エリア*/
.photoarea	{
	float: none;
	width: 97%;
	margin: 0 3%;
	text-align: center;
	}

/*右　テキストエリア*/
.textarea	{
	float: none;
	width: 230px;
	margin: 0 auto;
	}
	
}

@media screen and (max-width: 480px) {
	


.inboxitem	dl{
	width: 130px;
	margin: 10px auto;
	text-align: left;
	}
	
	.inboxitem	dt{
	clear: left;
	float: left;
	width: 45px;

	}
	
	.inboxitem	dd{
	float: left;
	width: 80px;
	}
	
	.decochiparea	{
	width: 40%;
	height: auto;
	}
	
	.decochiparea	img{
	width: 100%;
	height: auto;
	}


	
}