@charset "utf-8";

/* --------------------------------------------------
 products
-------------------------------------------------- */

#productDetail{
	position:relative;
	margin:0 20px 20px 20px;
}

#viewer:after{
    content:"";
    display:block;
    clear:both;
}

#viewer .photoInner{
	height:330px;
	width:330px;
	margin:0 auto 20px auto;
	overflow:hidden;
	position:relative;
}
#viewer .photoInner img{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:auto;
	width:100%;
	vertical-align:top;
	border-radius:20px;
}

#viewer .thumbInner{
	margin-bottom:20px;
}
#viewer .thumbInner .productDetailTxt{
	margin-bottom:20px;
}
#viewer .thumbInner .productDetailTxt h2.brand_name{
	margin:0 0 10px 0;
	font-size:16px;
	line-height:1.5;
	font-weight:normal;
}
#viewer .thumbInner .productDetailTxt h2.brand_name ruby{
	display:block;
	font-size:11px;
}
#viewer .thumbInner .productDetailTxt p{
	margin:0;
	font-size:11px;
}


#viewer .thumbsPC{
	display:none !important;
}
#viewer .thumbs ul{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
#viewer .thumbs ul:after{
    content:"";
    display:block;
    clear:both;
}
#viewer .thumbs li{
	float:left;
	width:17%;
	margin:0 0 10px 3%;
}
#viewer .thumbs li:nth-child(5n+1){
	margin-left:0;
}
#viewer .thumbs li a{
	display:block;
	border:#CCC 1px solid;
}
#viewer .thumbs img{
	width:100%;
	vertical-align:top;
}
#viewer .thumbs li.active a{
	opacity:0.5;
}

#viewer .pagerArrow{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}

#viewer .pagerArrow:after {
    content:"";
    display:block;
    clear:both;
}

#viewer .pagerArrow .arrow-prev{
	float:left;
}
#viewer .pagerArrow .arrow-next{
	float:right;
}
#viewer .pagerArrow a{
	display:table;
	height:20px;
	font-size:10px;
	line-height:1.2;
	color:#000;
	text-decoration:none;
}
#viewer .pagerArrow span{
	display:table-cell;
	vertical-align:middle;
}
#viewer .pagerArrow .arrow-prev a{
	padding-left:12px;
	background:url(../../images/wap/product_pager_prev.png) no-repeat left center;
	background-size:contain;
}
#viewer .pagerArrow .arrow-next a{
	padding-right:12px;
	background:url(../../images/wap/product_pager_next.png) no-repeat right center;
	background-size:contain;
}


/* thumbsBeltBlock */
#thumbsBeltBlock{
	margin-bottom:30px;
	background-color:#e3f0ea;
	padding:10px 0 1px 0;
}
#thumbsBeltBlockInner{
	margin:0 2% 0 5%;
}
#thumbsBeltBlock ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
#thumbsBeltBlock ul:after{
    content:"";
    display:block;
    clear:both;
}
#thumbsBeltBlock li{
	float:left;
	width:17%;
	margin:0 3% 10px 0;
	background-color:#FFF;
}
#thumbsBeltBlock li:nth-child(n+6){
	display:none;
}
#thumbsBeltBlock ul.opened li:nth-child(n+6){
	display:block;
}
#thumbsBeltBlock li a{
	display:block;
}
#thumbsBeltBlock li.current a{
	border:#CCC 2px solid;
	opacity:0.5;
}
#thumbsBeltBlock li img{
	width:100%;
	vertical-align:top;
}
#thumbsBeltBlock .thumbsMoreBtn{
	margin:0 3% 10px 0;
	padding:12px;
	font-size:12px;
	line-height:1.2;
    color: #000;
	background-color:#FFF;
}
#thumbsBeltBlock .thumbsMoreBtn span{
	position:relative;
	display:block;
	padding-right:20px;
}
#thumbsBeltBlock .thumbsMoreBtn span:after{
	content:"";
	position:absolute;
	height:12px;
	width:12px;
	background:url(../../images/wap/icon_plus.gif) no-repeat 0 0;
	background-size:cover;
	top:0;
	right:0;
	font-size:14px;
	line-height:1;
}
#thumbsBeltBlock .thumbsMoreBtn.opened span:after{
	background-image:url(../../images/wap/icon_minus.gif);
}