@charset 'utf-8';

.album-link {
	display:block;
	padding:5px 0;
	text-decoration:none;
	margin-top:1em;
	margin-bottom:1em;
}

@media (min-width:768px) {
	.album-link {
		padding:10px 0;
	}
}

.album-link a {
	display:block;
	text-decoration:none;
	color:inherit;
}

/* .album-link h2  から .album-link-heading に変更 */
.article-editing .album-link h2,
.album-link-heading {
	margin:0 0 .5em 0;
	padding-left:1em;
	text-indent:-1em;
	font-size:100%;
}
.article-editing .album-link h2::before,
.album-link-heading::before {
	font-family:FontAwesome;
	content:'\f03e'; /* fa-photo */
	margin-right:.3em;
	opacity:.5;
}

.album-images-count {
	margin-left:.5em;
	opacity:.5;
}

.album-link-thumbs {
	overflow-x:auto;
	overflow:hidden;
	white-space:nowrap;
	margin-top:.5em;
	display:flex;
	flex-wrap:wrap;
}

.album-link-thumb {
	position:relative;
	padding:1px;
}

.album-link-thumb {
	width:calc(100% / 3);
	flex-shrink: 0;
}

.album-link-thumb img {
	object-fit:cover; /* not supported on IE11 */
}
.album-link-thumbs[data-album-thumb-fit="contain"] .album-link-thumb img {
	object-fit:contain;
}

.album-link-thumbs[data-album-thumbs="nowrap"] {
	flex-wrap:nowrap;
	overflow-x:auto;
}

.album-link[data-album-bound-right="1"] > .album-link-thumbs[data-album-thumbs="nowrap"] {
	direction:rtl;
}


.article .album-link[data-album-inline],
.article .album-inline {
	margin:1em 0;
}
.article .album-link[data-album-inline] h2.article-heading {
	display:none;
}

.article .album-link[data-album-inline] .album-link-cover {
	/* album.css:114 */
	max-height:80vh;
	max-height:calc(100vh - 80px - 50px);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
}
.article .album-link[data-album-inline] .album-link-cover > img {
	position:absolute;
	top:0; left:0; right:auto; bottom:auto;
	width:100%; height:100%;
	opacity:0;
}
.article .album-link[data-album-inline] {
}

.album-link-thumb.ellipsis img {
	background:rgba(0,0,0,.1);
}
.album-link-thumb.ellipsis::after {
	color:white;
	position:absolute;
	top:50%; left:50%;
	margin-top:-.5em; margin-left:-.5em;
	font-family:FontAwesome;
/*	content:'\f141'; /* fa-ellipsis-h */
	content:'\f00a'; /* fa-th */
	line-height:1.1;
	font-size:200%;
	opacity:.5;
}

@media (max-width:767px) {
	.album-link-thumb.ellipsis:nth-child(-n+10) {
		display:none;
	}
	.album-link-thumb:nth-child(n+10):not(.ellipsis) {
		display:none;
	}
	.album-link-thumb.ellipsis {
		margin-left:calc( -100% / 3 );
	}
}
@media (min-width:768px) {
	.album-link-thumb {
		width:calc(100% / 6);
	}
	.album-link-thumb:not(.ellipsis):nth-child(n+19) {
		display:none;
	}
	.album-link-thumb.ellipsis:nth-child(n+19) {
		margin-left:calc( -100% / 6 );
	}
	.album-link-thumb.ellipsis:nth-child(-n+19)::after {
		content:'\f00a'; /* fa-th */
	}
}


.album-link-thumb-img {
	display:block;
	vertical-align:top;
}
.album-link-thumb .album-link-thumb-img-normal {
	display:none;
}
.album-link-thumb:hover .album-link-thumb-img-normal {
	display:block;
	position:absolute;
	top:100%;
	left:0;
	width:auto;
	height:auto;
	max-height:none;
	max-width:none;
	z-index:99999;
}

.album-link-thumbs[data-album-image-count]:after {
	content:'(' attr(data-album-image-count) ')';
	align-self:flex-end;
}


.album-link-title:empty::after { content:'View Album'; }
.album-images-count::before { content:'('; }
.album-images-count::after { content:')'; }