@charset "UTF-8";

/* CSS Document for JAPANESE */

.smnon	{	/*480-640 overwrite*/
	display: none;
	}

/*----------------------------------------
	NAIL GOODS
------------------------------------------*/


.clearleft	{
	clear: left;
	}

/*tab*/
.pager	{margin-bottom: 30px;border-bottom: solid 1px #615045;}

.pager	span{
	display: inline-block;
	padding: 8px 20px 5px 20px;
	border-left: solid 1px #99897e;
	border-right: solid 1px #99897e;
	border-top: solid 1px #99897e;
	background: #eed5d2;
	}

.pager	span.on{
	position: relative;
	bottom: -1px;
	background: #fce6e3;
	border-left: solid 1px #615045;
	border-right: solid 1px #615045;
	border-top: solid 1px #615045;
	border-bottom: solid 1px #fce6e3;
	z-index: 100;
	}
	
.pager	a{color: #99897e;text-decoration:none;}
.pager	span.on	a{color: #615045;text-decoration:none;}



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

.pager	span{
	padding: 8px 10px 5px 10px;
	font-size: 80%;
	}


}


/*-------------------------
　ITEM AREA (BLOCK)
-------------------------*/

.itemarea	{
	position: relative;
	margin: 0 10px 40px 10px;
	overflow: hidden;
	zoom: 100%;
	}

/*商品写真エリア*/
.photoarea	{
	float: left;
	width: 162px;
	height: 365px;
	margin: 0 0 10px 0;
	background: url(../nailgoods/listimg/100_b.gif) top no-repeat;
	}

	.photoareain	{
	padding-top: 40px;
	text-align: center;
	}

/*商品とシールエリア*/
.sealphoto	{
	float: left;
	width: 260px;
	overflow: hidden;
	zoom: 100%;
	}

/*ハートのシール*/	
.seal	{
	position: relative;
	margin-left: 173px;
	width: 90px;
	height: 90px;
	}

/*右側詳細エリア*/	
.comment{
	width: auto;
	margin-left: 270px;
	}

.tokucho{
	margin: 0 0 2em 0;
	}
	
.tokucho2{
	margin: 0 0 1em 0;
	}
	
/*線画（横幅100％にしたい時）*/
.senga{	
	width: 100%;
	height: auto;
	margin: 0 0 0.5em 0;
	}

/*線画とテキストのブロック*/
.sebgatxt	{
	margin: 0 0 1em 0;
	overflow: hidden;
	zoom: 100%;
	}

/*グリット*/
.grit{
	margin: 0 0 1em 0;
	}
		
	

/*#dogu100*/
#dogu100	.how01{
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
	font-size: 90%;
	line-height: 140%; 
	}
	
	#dogu100	.how02{
	float: left;
	width: 50%;
	font-size: 90%;
	line-height: 140%; 
	}


/*#dogu101*/
#dogu101	.howillust{
	float: left;
	}
	
	#dogu101	.howtext{
	width: auto;
	margin: 0 0 1em 140px;
	font-size: 90%;
	line-height: 140%; 
	}
	
		
/*#dogu102*/
#dogu102	.howillust{
	float: left;
	}
	
	#dogu102	.howtext{
	width: auto;
	margin: 0 0 1em 140px;
	font-size: 90%;
	line-height: 140%; 
	}
	
	
/*#dogu103*/
#dogu103	.how01{
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
	font-size: 90%;
	line-height: 140%; 
	}
	
	#dogu103	.how02{
	float: left;
	width: 50%;
	font-size: 90%;
	line-height: 140%; 
	}
	
	

/*#dogu104*/

#dogu104	.photoareain	{
	padding-top: 65px;
	text-align: center;
	}

	#dogu104	.how01{
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
	font-size: 90%;
	line-height: 140%; 
	}
	
	#dogu104	.how02{
	float: left;
	width: 50%;
	font-size: 90%;
	line-height: 140%; 
	}

/*#dogu105*/
#dogu105	.kakato{
	width: 75px;
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%; 
	text-align: center;
	}

	#dogu105	.how01{
	width: auto;
	margin: 0 0 20px 0;
	padding: 7px;
	background: #fb88a3;
	font-size: 12px;
	line-height: 130%; 
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	
/*#dogu01*/
#dogu01	.photoareain	{
	padding-top: 60px;
	text-align: center;
	}

/*#dogu02*/
#dogu02	.photoareain	{
	padding-top: 60px;
	text-align: center;
	}

	

	
/*#dogu06 #dogu07 #dogu08*/
#dogu06	.photoarea,
#dogu07	.photoarea,
#dogu08	.photoarea	{
	width: 225px;
	height: 365px;
	background: url(../nailgoods/listimg/06_b.gif) top no-repeat;
	}
	
/*#dogu06*/
	#dogu06	.photoareain	{
	padding-top: 55px;
	}
	
/*#dogu08*/
#dogu08	.photoarea	{
	background: url(../nailgoods/listimg/08_b.gif) top no-repeat;
	}

	#dogu08	.senga{
	width: 325px;
	height: auto;
	}

/*#dogu11*/
#dogu10	.photoarea,
#dogu11	.photoarea	{
	background: url(../nailgoods/listimg/10_b.gif) top no-repeat;
	}

/*#dogu12*/
#dogu12	.photoarea	{
	background: url(../nailgoods/listimg/10_b.gif) top no-repeat;
	}

	#dogu12	.photoareain	{
	padding-top: 40px;	
	}

/*#dogu14*/
#dogu14	.seal	img{
	width: 87px;
	height: auto;
	}



/*#dogu15*/
#dogu15	.photoarea	{
	background: url(../nailgoods/listimg/10_b.gif) top no-repeat;
	}

	#dogu15	.photoareain	{
	padding-top: 45px;	
	}
	
	#dogu15	.senga	{
	width: 100%;
	height: auto;
	}


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

.itemarea	{
	margin: 0 0 2em 0;
	}
	}	

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

#dogu08	.senga{
	width: 100%;
	}

}	

@media screen and (max-width: 550px) {
	
/*各商品のカートエリア over write*/
.cartbuton	{
	margin: 0;
	}


.itemarea	{
	margin: 0 0.5em 2em 0.5em;
	text-align: center;
	}

.sealphoto	{
	float: none;
	width: 260px;
	margin: 0 auto;
	}

/*#dogu06 #dogu07*/
#dogu06	.photoarea,
#dogu07	.photoarea	{
	width: 200px;
	height: 324px;
	background: url(../nailgoods/listimg/06_b.gif) top no-repeat;
	background-size: 100% auto;
	}
	


#dogu06	.sealphoto,
#dogu07	.sealphoto	{
	width: 200px;
	height: 324px;
	margin: 0 auto;
	}


#dogu06	.photoareain,
#dogu07	.photoareain	{
	padding-top: 30px;	
	}

#dogu07	.photoarea	img{
	width: 70%;
	height: auto;
	margin: 7px 10% 0 10%;
	}


#dogu08	.photoarea,
#dogu10	.photoarea,
#dogu11	.photoarea,
#dogu12	.photoarea	{
	width: 200px;
	height: 280px;
	background: none;
	background: url(../nailgoods/listimg/08_b.gif) top no-repeat;
	background-size: 100% auto;
	}
	
	#dogu08	.sealphoto,
	#dogu10	.sealphoto,
	#dogu11	.sealphoto,
	#dogu12	.sealphoto	{
	width: 200px;
	height: 280px;
	margin: 0 auto;
	}

	#dogu08	.photoareain,
	#dogu11	.photoareain	{
	padding-top: 25px;
	}
	


	
.comment	{
	float: none;
	width: 96%;
	margin: 0 2%;
	text-align: left;
	}

#dogu08	.senga{
	width: 325px;
	height: auto;
	}
}
@media screen and (max-width:345px) {
#dogu08	.senga{
	width: 100%;
	}	
}