@charset "euc-jp";
/*------------------------------------------------------

	¾¦ÉÊ°ìÍ÷

------------------------------------------------------*/

.archive_list li {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: auto 1%;
}
.archive_list .thumb {
	position: relative;
	display: inline-block;
}
.archive_list .hover_img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: 100%;
	opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
.archive_list a:hover .hover_img { opacity: 1;}

@media only screen and (max-width: 760px) {
	.archive_list li { width: 47%;}
}