@charset "UTF-8";

/* mainSection
---------------------------------------------------------- */
#mainSection h3 {
	color: #7A664D;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 5px 0;
}
#mainSection ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #EDE6DB;
}
#mainSection ul li {
	border-top: 2px solid #EDE6DB;
}
#mainSection ul p {
	margin: 5px 0 0;
	padding: 5px 0 0;
	border-top: 1px dotted #EDE6DB;
}
#mainSection ul a {
	margin-top: 5px;
	display: block;
}

/*===============================================
● PC向け 横幅960px以上
===============================================*/
@media all and (min-width: 960px){
	/* mainSection
	---------------------------------------------------------- */
	#mainSection ul li {
		margin: 10px 20px 0 0;
		padding: 10px 10px 0;
		float: left;
		width: 190px;
	}
	
	#mainSection ul li:nth-child(4n) {
		margin-right: 0;
	}
	/* 	Clearfix Property
	---------------------------------------------------------- */
	#mainSection ul:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		line-height: 0; 
		visibility: hidden;
	}
	
	#mainSection ul {
		zoom: 1;
	}
}

/*===============================================
● PC以外 横幅959px以下
===============================================*/
@media all and (max-width: 959px){
	/* mainSection
	---------------------------------------------------------- */
	#mainSection ul li {
		margin: 10px 0 0;
		padding: 10px 0 0;
		width: 100%;
	}
}