@charset "UTF-8";

ul.list li {
	width: 23.5%;
	max-width: 235px;
	float: left;
	margin-right: 2%;
	margin-bottom: 40px;
	list-style: none;
	text-align: center;
	font-size: 1.3rem;
}

	ul.list li:nth-child(4n+4) {
		margin-right: 0;
	}
	
	ul.list li img {
		display: block;
		width: 100%;
		max-width: 235px;
		height: auto;
		margin-bottom: 10px;
	}
	
	ul.list li p {
		display: block;
		font-size: 1.3rem;
		border: solid 1px #999;
		text-align: center;
		width: 6em;
		margin: 1em auto 0 auto;
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	
		ul.list li p a {
			display: block;
			width: 6em;
			padding: 5px 0;
			text-decoration: none;
			color: #333;
		}
		
		ul.list li p:hover {
			background-color: rgba(0, 160, 233, 1);
			border-color: #fff;
		}
		
		ul.list li p a:hover {
			color: #fff;
		}
		
		
		
		
@media screen and (max-width: 768px){		/* -------------------------------------------------  768px以下用（iPad）の記述 */
















}



@media screen and (max-width: 480px) {		/* -------------------------------------------------  480px以下用（スマートフォン用）の記述 */

ul.list li {
	width: 49%;
}

ul.list li:nth-child(4n+4) {
		margin-right: inherit;
	}

ul.list li:nth-child(2n+2) {
	margin-right: 0;
}


}