/* BASIC css start */
.class-list {
	padding: 30px 0;
	text-align: center;
}
.class-list dt {
	font-size: 30px; line-height: 30px; color: #000; font-weight: 700;
}
.class-list dd a {
	display: inline-block;
	font-size: 15px; line-height: 1.5; color: #898989; font-weight: 400;
	text-decoration: none;
	margin: 60px 15px 50px;
}
.class-list dd a:hover {
	color: #000;
}
.class-list dd a.selected {
	color: #000; font-weight: 700;
}
.class-list dd span {
	margin: 0 0 0 5px;
	font-size: 15px; line-height: 1.5; color: #acacac; font-weight: 400;
}

.best-item {
	background: #ffcbb6;
	padding: 100px 0 20px;
}
.best-item .inner {
	min-width: 1040px;
    max-width: 1280px;
    box-sizing: border-box;
    padding: 0 40px;
    margin: 0 auto;
    position: relative;
}
.best-item .inner h2 {
	font-size: 50px; line-height: 50px; color: #000; font-weight: 700;
	position: absolute; top: -120px; right: 20px;
	text-align: right;
}
.best-item .inner h2 span {
	display: block;
	font-size: 14px; line-height: 1.2; color: #a38073; font-weight: 400;
	margin: 5px 0 0;
}
.best-item .prd_list .box .box_prd:after {
	content: '';
	position: absolute; top: -15px; left: 5px; right: 5px; bottom: -20px; z-index: 1;
	background: #fff;
}

.total_sort {
	padding: 60px 0 10px; margin: 0 0 60px;
	border-bottom: 1px solid #e8e8e8;
}
.total_sort .total {
	float: left;
	font-size: 20px; line-height: 20px; color: #aaa;
}
.total_sort .total span {
	font-size: 20px; line-height: 20px; color: #000;
}
.total_sort .sort {
	float: right;
}
.total_sort .sort li {
	float: left;
}
.total_sort .sort li:before {
	content: '|';
	font-size: 12px; line-height: 20px; color: #cfcfcf;
	float: left;
	padding: 0 10px;
}
.total_sort .sort li:first-child:before {
	display: none;
}
.total_sort .sort li a {
	font-size: 12px; line-height: 20px; color: #424141;
}
.total_sort .sort li.now a {
	color: #1500de; font-weight: 700;
}

.paginate {
	padding: 40px 0;
	text-align: center;
}
.paginate li {
	display: inline-block;
	margin: 0 2px;
}
.paginate li {
	display: inline-block;
	margin: 0 2px;
}
.paginate li a {
	display: block;
	width: 30px; height: 30px;
	font-size: 13px; letter-spacing: normal; line-height: 30px; color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 2px;
	text-decoration: none;
	box-sizing: border-box;
}
.paginate li a:hover {
	color: #fff;
	background: #000;
}
.paginate li.now a {
	color: #fff;
	background: #000;
}
.paginate li.first a, 
.paginate li.prev a, 
.paginate li.next a, 
.paginate li.last a {
	color: #000;
	background: #fff;
	border: 0;
}
.paginate li.first a:hover, 
.paginate li.prev a:hover, 
.paginate li.next a:hover, 
.paginate li.last a:hover {
	color: #000;
	background: #fff;
}
/* BASIC css end */