@charset "Shift_JIS";

.star-m {
	/* width of 5 stars + 10px */
	width: 110px;
	/* height of star */
	height: 22px;
}

.star-m dl {
	position: relative;
	margin: 0;
	margin-top:2px;
	padding: 0;
	list-style: none;

	/* width of 5 stars */
	/* width: calc(100% - 10px); */
	width: 110px;
	height: 100%;
	background: url(/sp/images/kuchikomi_star_m02.png) repeat-x;
}

.star-m dl dd {
	position: absolute;
	width: 0;
	height: 100%;
	font-size: 1px;
	background: url(/sp/images/kuchikomi_star_m01.png) repeat-x;
	
}

.star-m dl dd:first-child {
	z-index: 1000;
	background-position: 0 -40px;
}

.star-m dl dd + li {
	z-index: 999;
	background-position: 0 -80px;
}

.star-s {
	/* width of 5 stars + 10px */
	width: 90px;
	/* height of star */
	height: 17px;
}

.star-s dl {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;

	/* width of 5 stars */
	/* width: calc(100% - 10px); */
	width: 85px;
	height: 100%;
	background: url(/sp/images/kuchikomi_star_s02.png) repeat-x;
}

.star-s dl dd {
	position: absolute;
	width: 0;
	height: 100%;
	font-size: 1px;
	background: url(/sp/images/kuchikomi_star_s01.png) repeat-x;
}

.star-s dl dd:first-child {
	z-index: 1000;
	background-position: 0 -40px;
}

.star-s dl dd + li {
	z-index: 999;
	background-position: 0 -80px;
}

.star-rank {
	float: left;
}

/* スマホ 商品一覧ページ
--------------------------------------------------*/
.star-selected {
	position: absolute;
	width: 0;
	height: 100%;
	font-size: 1px;
	background: url(/sp/images/kuchikomi_star_s01.png) repeat-x;
}

.star-range {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;

	/* width of 5 stars */
	/* width: calc(100% - 10px); */
	width: 85px;
	height: 100%;
	background: url(/sp/images/kuchikomi_star_s02.png) repeat-x;
}

.jsc-view-list .star {
	position: static;
	margin-left: -3px;
}

.jsc-view-thum .kuchikomiItemList .star-s{
	width: 85px;
	height: 17px;
	left: 0;
	right: 0;
	margin-left: auto;
}