@charset "utf-8";
[class*=swiper]:focus {
		outline: none;
}
.hdr_gallery_main {
		position: relative;
		max-width: 900px;
		margin: 0 auto 10px
}
.hdr_gallery_main img {
		width: 100%;
		height: auto;
}
.thumbnail_wrap {
		display: flex;
		align-items: center;
		max-width: 900px;
		margin: 0 auto;
}
.thumbnail {
		cursor: pointer;
		width: 80px;
		width: calc(calc(100% - 90px) / 10);
		margin: 0 10px 10px 0;
}
.thumbnail_wrap .thumbnail:last-child {
		margin-right: 0;
}
.thumbnail img {
		width: 100%;
		height: auto;
		transition: opacity 0.4s;
}
.thumbnail.isActive img {
		opacity: 0.5
}
@media(max-width: 767px) {
		.thumbnail {
				cursor: pointer;
				width: calc(calc(100% - 20px) / 5);
				margin: 0 5px 5px 0;
		}
		.thumbnail_wrap .thumbnail:nth-child(5), .thumbnail_wrap .thumbnail:last-child {
				margin-right: 0;
		}
}