@charset "utf-8";
/* CSS Document */

/*  並び替えCSS */
#sortArea {
/*	width: 988px;*/
	width:90%;
/*	margin: 0 auto;*/
/*	margin:0 50px 0 10px;*/
	margin-bottom:50px;
	margin-left:5%;
}
#sort {
/*	width: 988px;*/
	width:100%;
	border-bottom: 0px solid #dddddd;
	margin-bottom: 20px;
	overflow: hidden;
	/*margin-left:3%;*/
}
#sort:after {
  display : table;
  clear : both;
  content : '';
}
#sort ul {
/*	width: 1008px;*/
	width:60%;
	margin-right: 10px;
	clear:both
}

@media screen and (max-width: 1024px){	
#sortArea {
	width:90%!important;
	/*margin-left:1%!important;*/
}


#sort ul {
	width:100%;
	margin-right: 50px;
	clear:both;
	overflow:hidden;
}

/*#itemList {
	margin-left:10%;
}*/


}

#sort li {
	float: left;
	width: 20%;
	/*margin-bottom: 10px;*/
	text-align: center;
	text-decoration: none;
	color: #151819;
	margin-right: 0px;
	margin-left: 0px;
	/*padding-top: 6px;*/
	padding-right: 0;
	/*padding-bottom: 6px;*/
	padding-left: 0;
}

/*@media(max-width:860px) {
#sort li {
	width:16%;
}
}*/


#sort lia:hover {
	background-color: #f4f4f4;
}
#sort lia.active {
	background-color: #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	cursor: default;
}
#itemList {
	margin-left:3%;
	width:100%;
	overflow:hidden;
	padding-bottom:40px;
}
#itemList .item {
	width: 18%;
	height:320px;
	color: #000;
	margin-top: 20px;
	/*margin-right: 20px;*/
	/*margin-bottom: 10px;*/
	margin-left: 10px;
	float:left;
/*	text-align: center;
	line-height: 232px;*/
}
h2 {
	font-size:medium!important;
	font-weight:normal;
}
@media screen and (max-width: 1764px){	
#itemList .item {
	height:290px;
}
h2 {
	font-size:small!important;
	font-weight:normal;
}
}
@media screen and (max-width: 1649px){	
#itemList .item {
	height:270px;
}
}

@media screen and (max-width: 1479px){	
#itemList .item {
	height:250px;
}
}

@media screen and (max-width: 1349px){	
#itemList .item {
	height:230px;
}
}

@media screen and (max-width: 1179px){	
#itemList .item {
	height:210px;
}
}

@media screen and (max-width: 1024px){	
#itemList .item {
	width: 18%!important;
	height:180px!important;
}
#itemList {
	margin-left:1.5%;
}
h2 {
	font-size:x-small!important;

}
}

@media screen and (max-width: 899px){	
#itemList .item {
	height:160px!important;
}
}
@media screen and (max-width: 769px){	
#itemList .item {
	height:140px!important;
	margin-left: 1%;
}
}

@media screen and (max-width: 640px){	
#itemList {
	
	margin-left:0!important;
}
#itemList .item {
	width: 30%!important;
	height:120px;
	margin-left: 1%;
}
h2 {
	font-size:xx-small!important;

}
}
@media screen and (max-width: 400px){	
#itemList .item {
	width: 30%!important;
	height:100px;
	margin-left: 1%;
}
}