@charset "utf-8";

/* category.css */

main h2 {
	padding:0 0 10px 0;
	font-size:1.25rem;
	font-weight:normal;
	color:#231815;
}

main p {
	padding:0 0 1em 0;
	line-height:1.7em;
}

.listBox {
}

.listBox a {
	color:#666666;
}

.listBox dl {
	display:table;
	position:relative;
	float:left;
	width:100%;
	margin:0 0 20px 0;
	background-color:#ffffff;
	border:1px solid #666666;
	box-sizing:border-box;
}

.listBox dl:hover {
	opacity:0.8;
}

.listBox dt {
	display:table-cell;
	width:30%;
	padding:10px;
	box-sizing:border-box;
	background-color:#c8c9ca;
	color:#231815;
}

.listBox dt.noBg {
	background-color:transparent;
}

.listBox dt img {
	width:100%;
}

.listBox dd {
	display:table-cell;
	width:70%;
	padding:10px;
	box-sizing:border-box;
}

.listBox dd h2 {
	padding:0 0 4px 0;
	font-size:1.125rem;
}

.listBox dd li {
	list-style:inside;
	list-style-type:disc;
}

.listBox dd::after {
	content: "\f138";
	font-family: FontAwesome;
	font-size:1.375rem;
	position:absolute;
	bottom:10px;
	right:10px;
	color:#b7b6b4;
}

@media only screen and (max-width: 640px) {

#mainInr {
	margin: 0 auto;
	width: 94%;
}

main h2 {
	padding:0 0 10px 0;
	font-size:1.25rem;
}

.listBox dl {
	display:block;
}

.listBox dt {
	display:block;
	width:100%;
}

.listBox dd {
	display:block;
	width:100%;
}


}