@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 480px) {
	.archive_sp{
		display: none;
	}

	ul {
		list-style: none;
		margin: 0;
	}
	.first, .second, .third{
		width: 100%;
	}
	ul {
		width: 33.333333%;
		padding: 0 10px 0 10px;
		margin-top: 20px;
	}
	img {
		width: 100%;
		padding: 0 10px 10px 10px;
		margin-bottom: 10%;

	}
	.title img {
		width: auto;
		max-width: 100%;
		padding: 0px 10%;
		margin: 0
	}
}
@media screen and (max-width: 479px)
{
	.archive_pc {
		display: none;
	}
	.archive_sp {
		padding: 15px 0;
	}
	.archive_sp ul {
		list-style: none;
		margin: 0;
	}

	ul {
		width: 100%
	}
	img {
		width: 100%;
		padding: 0 10px 10px 10px;
		margin-bottom: 10%;
	}
	.title img {
		width: auto;
		max-width: 90%;
		padding: 0px 10%;
		margin: 0
	}
}
a{
	cursor: default;
}
a:hover img {
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  /* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* For IE 8 */
}
.first ul,
.second ul,
.third ul,
.fourth ul,
.fifth ul,
.sixth ul,
.seventh ul{
  float: left;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.title {
	text-align: center;
}