@charset "UTF-8";
/*------------------------------------
 カテゴリ一覧ページ
--------------------------------------*/
.itemList--inner {
	padding-top: 32px;
	padding-left: 16px;
	padding-right: 16px;
}

.itemList__box {
	display: inline-block;
	width: 32.7%;
	vertical-align: top;
	padding-left: 1%;
	padding-right: 1%; 
	margin-bottom: 48px;
}

@media only screen and (max-width:880px) {
	.itemList__box {
		width: auto;
		display: block;
	}
}

.itemList--title {
	text-align: left;
	font-weight: bold;
	font-size: 1.7rem;
	background: #ededed;
	padding: 8px 8px 8px 16px;
	margin-bottom: 16px;
}

.itemList--title a {
	color: #4d4d4d;
	font-weight: bold;
	display: block;
}

.itemList__box li {
	text-indent: -1em;
	padding-left: 1em;
	padding-top: 4px;
	padding-bottom: 4px;
}

@media only screen and (max-width:880px) {
	.itemList__box li {
		padding:0;
		text-indent: inherit;
	}
	.itemList__box li a {
		padding: 16px;
		display: block;
		text-decoration: none;
		position: relative;
	}
	.itemList__box li a:after {
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		width: 7px;
		height: 7px;
		margin-top: -4px;
		border-top: solid 1px #aaa;
		border-right: solid 1px #aaa;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}
	
	.itemList__box li a:hover {
		background: #f4f4f4;
	}
	
	.itemList__box li {
		border: solid 1px #CCC;
		margin-bottom: -1px;
	}
}

.itemList__box li:before {
	content: '・';
}

@media only screen and (max-width:880px) {
	.itemList__box li:before {
		display: none;
	}
}

.contsWidth {
	max-width: 768px;
	margin: auto;
}

@media only screen and (min-width:881px) {
	.itemList__category .itemList__box:nth-child(3) li {
		display: inline-block;
		padding-left: 40px;
	}
	
	.itemList__category .itemList__box:nth-child(4), .itemList__category .itemList__box:nth-child(5), .itemList__category .itemList__box:nth-child(6) {
		width: 100%;
	}
	
	.itemList__category .itemList__box:nth-child(4) li, .itemList__category .itemList__box:nth-child(5) li, .itemList__category .itemList__box:nth-child(6) li {
		display: inline-block;
		width: 196px;
	}
}