/* ------------------------------
　　サムネイル
------------------------------ */
.thumbnail {
	margin: 0;
	padding: 0;
	list-style: none;
}

.thumbnail-row {
	margin: 0 ($grid-space/2);
	padding: 0;
	list-style: none;
}

.thumbnail-item {
	margin: 0 0 20px 0;
}

@media screen and (max-width: $breakpoint-md-max){
	.thumbnail-row .thumbnail-item {
		padding-right: ($grid-space/4);
		padding-left: ($grid-space/4);
	}
}

.thumbnail-link {
	display: block;
	color: #333;
	transition: opacity .2s;

	&:hover {
		color: #333;
		text-decoration: none;
		@include opacity(.75);
	}
	&:visited {
		color: #333;
	}
}

.thumbnail-img {
	display: block;
	@include transition(opacity .25s ease-out);
	backface-visibility: hidden;
}

.thumbnail-title {
	margin: 10px 0;
	font-weight: bold;
	@include font-size(15);
}

.thumbnail-detail {
	margin: 0;
	line-height: 1.5;
	@include font-size(12);
}
