/**
 * ---------------------------------------------------
 * category list
 * ---------------------------------------------------
 */
#categoryList {
	padding: 20px 4px 4px 0;
	overflow: hidden;
}
	#categoryList .item {
		width: 200px;
		float: left;
		margin-right: 15px;
		margin-bottom: 18px;
		background: #fff;
		box-shadow: 4px 4px 0 #e5e5e5;
	}
	#categoryList .item:nth-of-type(4n) { margin-right: 0; }
		#categoryList .item a {
			display: block;
			color: #1c293f;
			font-size: 1.6rem;
			font-weight: bold;
			line-height: 1.3;
			text-decoration: none;
			text-align: center;
			height: 100%;
			padding: 10px;
			position: relative;
			transition: .2s;
		}
		#categoryList .item a:hover { box-shadow: 0 0 0 3px #1c293f inset; }
		#categoryList .item a::before,
		#categoryList .item a::after {
			display: block;
			content: "";
			width: 8px;
			height: 1px;
			background: #1c293f;
			position: absolute;
			top: 50%;
			right: 10px;
		}
		#categoryList .item a::before {
			margin-top: -2px;
			-webkit-transform: rotate(45deg);
			    -ms-transform: rotate(45deg);
			        transform: rotate(45deg);
		}
		#categoryList .item a::after {
			margin-top: 3px;
			-webkit-transform: rotate(-45deg);
			    -ms-transform: rotate(-45deg);
			        transform: rotate(-45deg);
		}
			#categoryList .item a .img {
				display: table;
				text-align: center;
				width: 100%;
				margin-bottom: 15px;
			}
				#categoryList .item a .img span {
					display: table-cell;
					vertical-align: middle;
					height: 120px;
				}
					#categoryList .item a .img span img {
						max-width: 100%;
						max-height: 100%;
					}
/**
 * ---------------------------------------------------
 * item list
 * ---------------------------------------------------
 */
.count {
	font-size: 1.1rem;
	float: left;
	margin-bottom: 10px;
}
.sort {
	font-size: 1.1rem;
	font-family: 'Noto Sans JP';
	letter-spacing: -0.4em;
	text-align: right;
	float: right;
	padding-right: 8px;
	margin-bottom: 10px;
}
	.sort ul {
		display: inline-block;
		list-style-type: none;
		padding: 0 0 0 15px;
		margin: 0;
		background: url(../images/content/content/ico_sort.png) no-repeat left center;
	}
		.sort ul li {
			display: inline-block;
			letter-spacing: normal;
			padding: 0 10px;
			border-left: 1px solid #e5e5e5;
		}
		.sort ul li:first-of-type { border-left: none; }
			.sort ul li a {
				display: block;
				color: #1d6c97;
				text-decoration: none;
			}
#itemList {
	clear: both;
	padding: 0 4px 4px 0;
	overflow: hidden;
}
.pagenation {
	font-size: 1.1rem;
	letter-spacing: -0.4em;
	text-align: center;
	padding-top: 50px;
}
	.pagenation .prev,
	.pagenation .next {
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		margin: 0 10px;
	}
		.pagenation .prev a,
		.pagenation .next a {
			display: block;
			color: #1d6c97;
			text-decoration: none;
			text-indent: -99999px;
			text-align: left;
			width: 25px;
			height: 25px;
			position: relative;
		}
		.pagenation .prev a::before,
		.pagenation .next a::before {
			display: block;
			content: "";
			margin-top: -7px;
			border: 6px solid transparent;
			position: absolute;
			top: 50%;
		}
		.pagenation .prev a::before {
			border-right: 10px solid #1d6c97;
			left: 0;
		}
		.pagenation .next a::before {
			border-left: 10px solid #1d6c97;
			right: 0;
		}
	.pagenation ul {
		display: inline-block;
		list-style-type: none;
		vertical-align: middle;
		padding: 0;
		margin: 0;
	}
		.pagenation ul li {
			display: inline-block;
			letter-spacing: normal;
			margin: 0 8px;
		}
			.pagenation ul li span,
			.pagenation ul li a:hover {
				display: block;
				color: #fff;
				line-height: 25px;
				text-decoration: none;
				text-align: center;
				width: 25px;
				height: 25px;
				background: #68a4bd;
			}
			.pagenation ul li a {
				display: block;
				color: #1d6c97;
				line-height: 25px;
				text-decoration: none;
				text-align: center;
				width: 25px;
				height: 25px;
				background: #fff;
				transition: .2s;
			}