@charset "UTF-8";


h2	{height: auto;background: none}
h2	span{
	display: block;
	padding: 0;
	background: none;
	color: #333;
	font-size: 100%;
	}

h3	{
	margin-bottom: 0;
	padding: 0;
	background: none;
	border-bottom: none;
	color: #333;
	font-size: 100%;
	}
	
	

/*----------------------------------------
	美容液ジェリー
------------------------------------------*/




#contenstarea	{
	margin: 0 0 20px 0;
	background: url(../essencejelly/listimg/back.png) repeat-y;
	}


#contenstarea	.sm	{
	display: none;
	}
	
#contenstarea	h2	img{
	width: 100%;
	height: auto;
	}

#contenstarea	h3	{
	z-index: 100;
	}

#leadtext	{
	margin: -10% 0 0 0;
	text-align: center;
	}
	
	#leadtext	img{
	margin: 0 2.5%;
	}

.price	{
	margin: 0 5% 0 0;
	font-size: 110%;
	}

.cartspace	{	/*over write*/
	margin: 0 0px 10px 10px;
	}




/*-------------------------
　EJ AREA
-------------------------*/

#ejarea	{
	margin: 0 0 0 0;
	padding: 0 2em;
	}


/*-------------------------
　POINT AREA
-------------------------*/
#pointarea	{
	margin:  1em 0 0.5em 0;
	overflow: hidden;
	}
	
	#pointarea	h3{
	margin:  1em 0;
	border-radius: 5px;
	background: rgba(255,246,127,0.60);
	text-align: center;
	}
	
	#pointarea	h3	img{
	width: 85%;
	height: auto;
	}

	#pointareainner	{
	margin:  0 0 1em 0;
	padding: 1em 2% 1px 2%;
	border-radius: 5px;
	background: rgba(255,255,255,0.80);
	}
	
	#pointareainner	h4	img{
	width: 85%;
	height: auto;
	margin: 0 0 1em 0;	
	}

.point1,
.point2	{
	margin:  0 0 1em 0;
	color: #71c7d1;
	font-size: 110%;
	}
	
	.point1	.black{
	color: #333;
	}

	.point1	img{
	float: left;
	width: 38%;
	height: auto;
	margin: 0 3%;
	overflow: hidden;
	}
	
	.point1	.attention{
	margin: 3em 0 0 0;
	font-size: 90%;
	text-align: right;
	}

.point2	h5	{
	display: inline;
	margin:  0 0.5em;
	padding: 5px 10px 3px 10px;
	border-radius: 5px;
	background: #72c7d1;
	color: #fff100;
	line-heihgt: 100%;
	}
	
.p2block		{
	margin:  -1em 0.5em 1.5em  0.5em;
	padding: 2em 7px 0.5em 7px;
	border: solid 3px #72c7d1;
	border-radius: 5px;
	overflow: hidden;
	}
	
	.seibun{
	float: left;
	color: #eb6ea5;
	font-size: 70%;
	text-align: center;
	}
	
	
	.p2a	{
	margin: 2em 0 0 0;	
	}
	
	.p2b	{
	margin: -0.5em 0 0.5em 0;	
	text-align: center;
	}
	
	.p2bph	{
	width: 25%;
	}
	
	.p3ph	{
	width: 20%;
	}








	
/*-------------------------
　ITEM AREA
-------------------------*/

#itemarea	{
	margin-top: -35px;
	padding-bottom: 20px;
	background: url(../essencejelly/listimg/inner_01.png) no-repeat top;
	background-size: 100% auto;
	line-height: 150%;
	overflow: hidden;
	zoom: 100%;
	}

#itemareabottom	{
	margin:  -1px 0 0 0;
	background: url(../essencejelly/listimg/inner_03.png) no-repeat  bottom;
	background-size: 100% auto;
	overflow: hidden;
	zoom: 100%;
	}

#itemareainner	{
	margin: 3.4% 0 3.62% 0;
	padding: 1em 0;
	background: url(../essencejelly/listimg/inner_02.png) repeat-y;
	background-size: 100% auto;
	overflow: hidden;
	zoom: 100%;
	}

/*-------------------------
　SHOHIN BLOCK
-------------------------*/

.clickme {	/*over write*/
	margin: 0 0 10px 3%;
	}

.para	{
	margin: 0 3% 25px 3%;
	overflow: hidden;
	zoom: 100%;
	
	}

.photo	{
	float: left;
	width: 50%;
	text-align: center;
	}

.comment	{
	float: right;
	width: 50%;
	}

.kaori	{
	margin: 0 0 10px 0;
	}

.cartbuton	span	.soshinb	{/*over write*/
	padding: 0 5px 0 0;	
	}
	
@media screen and (max-width: 980px) {
	
#contenstarea	{
	margin: 0 0 20px 0;
	padding: 0;
	}




}

@media screen and (min-width: 640px) and (max-width: 940px) {
	
.p2bph	img{
	width: 70%;
	height: auto;
	}
	
.p3ph	img{
	width: 90%;
	height: auto;
	}

}



@media screen and (min-width: 835px) and (max-width: 920px) {
	
#leadtext	img{
	margin: 0 1.5%;
	}

}

@media screen and (min-width: 644px) and (max-width: 834px) {
	
#leadtext	img{
	margin: 0 1.5%;
	}

}


@media screen and (min-width: 640px) and (max-width: 725px) {
	
.k03	img{
	width: 100%;
	height: auto;
	}
}

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

.photo	{
	float: none;
	width: auto;
	}

.comment	{
	float: none;
	width: auto;
	padding: 0;
	text-align: center;
	}
	
.point1	.attention{
	margin: 1em 0 0 0;
	}

.p2bph	{
	width: 50%;
	}
	
	.p3ph	{
	width: 50%;
	}


}

@media screen and (max-width: 450px) {
	h3	img	{
	width: 100%;
	height: auto;	
	}
	}


@media screen and (max-width: 400px) {
	
#contenstarea	.pc	{
	display: none;
	}

#contenstarea	.sm	{
	display: inline;
	}


 #leadtext	{
	margin: 0 0 0 0;
	}
#ejarea	{
	margin: 0 0.6em;
	padding: 0;
	}
 
 .para	{
	margin: 0 0 1em 0;
	}
 
/*送料*/
.soryo	{
	font-size: 70%;
	}
}