@charset "UTF-8";
/*==========gallery==========*/

.section .gallery__wrapper {
	max-width: 880px;
	padding: 24px 0;
	margin: 0 auto;
}

/*.gallery__wrapper {
	padding: 24px 0;
}*/

.gallery__wrapper::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
}

.gallery__list {
	font-size: 0;
	letter-spacing: 0;
	list-style: none;
}

.gallery__inner {
	display: block;
	border-radius: 6px;
	background: transparent!important;
}

.gallery-img__wrapper {
	display: block;
	position: relative;
	padding-top: 100%;
	padding-right: 100%;
	overflow: hidden;
}

.background-layer .gallery__wrapper {
	background: transparent !important;
}

.gallery__item {
	display: inline-block;
	width: calc(100%/3);
	padding: .5px;
}
	
.gallery__item:nth-of-type(1), .gallery__item:nth-of-type(10) {
	float: left;
	width: calc(100%/3*2 - .5px);
}

.gallery__item:nth-of-type(10) {
	float: right;
}

.gallery-video::before {
	content: "\e920";
	display: block;
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 2;
	width: 24px;
	height: 24px;
	margin: auto 0;
	color: #FFF;
	font-family: 'icon';
	font-size: 24px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 768px) {
	
	.section .gallery__wrapper {
		padding: 24px;
	}
	
	.gallery__wrapper {
		padding: 30px 28px 0;
	}
	
	.gallery .title-optionable {
		display: block;
		padding: 0 0 0 40px;
	}
	
	.gallery .title-optionable .headline {
		margin-bottom: 24px;
	}
	
	.gallery__list {
		max-width: 1120px;
		margin: 0 auto;
	}
	
	.gallery__list {
		padding: 0;
	}
	
	.gallery__item {
		width: calc(100%/4);
		padding: 0 12px;
		margin: 0 0 24px;
	}
	
	.gallery__item:nth-of-type(1) {
		float: left;
		width: calc(100%/2 - 1px);
	}

	.gallery__item:nth-of-type(10) {
		float:left;
		width: calc(100%/4);
		padding: 0 12px;
		margin: 0 0 24px;
	}

	.gallery__item:nth-of-type(12) {
		float:right;
		width: calc(100%/2 - 1px);
	}
	
	.gallery-img__wrapper {
		border-radius: 6px;
	}
}