/* ------------------------------
　　エントリーサマリー（サムネイル表示）
------------------------------ */
.thumbnail {
	margin: 0 -5px 30px;
	padding: 0;

	& li {
		display: block;
		margin: 0 0 25px;
		padding-right: 5px;
		padding-left: 5px;
		list-style-type: none;
	}

	& a {
		@include text-decoration-none();
		@include link-color(#FFFFFF);

		&:hover {
			.thumbnail-img-outer {
				opacity: $opacity-hover;
			}
		}
	}
}

.thumbnail-inner {
	display: block;
	width: 100%;
	height: 100%;
}

.thumbnail-img-outer {
	@include transition-opacity();
}

.thumbnail-img-outer {
	width: 100%;
	height: 0;
	margin: 0 0 5px;
	padding: calc(100% / 2 * 0.5625); /* 画像が16:9になる高さ */
}

.thumbnail-img {
	@include transition-opacity();
}

.thumbnail-date {
	margin-top: 0;
	margin-bottom: 5px;
	color: $text-color-light;
	font-size: 14px;
}

.thumbnail-title {
	margin-top: 0;
	margin-bottom: 0;
	color: $text-color-base;
	font-weight: bold;
	font-size: 14px;
}

.thumbnail-text {
	padding-right: 5px;
	padding-left: 5px;
}

@media screen and (max-width: $breakpoint-md-max) {


	.thumbnail-date {
		font-size: 10px;
	}

	.thumbnail-title {
		font-size: 12px;
	}
}
