@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */
/* 背景色 */
.bg-black {
	background-color: #000;
}

.bg-black .mainttl2 {
	color: #6c8e7e;
}

/* コンテンツ幅 */
.innerbox {
	width: auto;
	padding: 0 5%;
}

/* メインタイトル：センター */
.mainttl2 {
	border-bottom: none;
	text-align: center;
}

/* mfp-bg（overlay） */
.mfp-fade01.mfp-bg {
	opacity: 0;
	transition: all 0.2s ease-out;
}

.mfp-fade01.mfp-bg.mfp-ready {
	opacity: 0.9;
}

.mfp-fade01.mfp-bg.mfp-removing {
	opacity: 0;
}

/* mfp-content */
.mfp-fade01.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.2s ease-out;
}

.mfp-fade01.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade01.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/* ポップアップアロー */
.mfp-cst-arrow {
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(/images/gallery/arrow-gallery-w.svg) no-repeat center center;
	position: absolute;
	top: 50%;
	opacity: 0.65;
	margin-top: -25px;
	touch-action: manipulation;
	-webkit-appearance: none;
	overflow: visible;
	cursor: pointer;
	z-index: 1046;
}

.mfp-cst-arrow.mfp-cst-arrow-right {
	transform: scale(-1, 1);
	right: 0;
}

/* ギャラリー */
#gallery .grid-wrap .grid-item {
	margin: 0 8px 8px 0;
}

#gallery .grid-item img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 100%;
}

#gallery a {
	transition: .3s;
}

#gallery a.hovering {
	opacity: .7;
}

/* ===============================
	PC / Tab Style
=============================== */
@media print,
screen and (min-width: 768px) and (max-width: 1199px) {

	/* ギャラリー : グリッドレイアウト */
	#gallery .grid-wrap {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: 10vw;
	}

	#gallery .grid-wrap .grid-item:nth-child(1) {
		grid-column: span 3;
		grid-row: span 3;
	}

	#gallery .grid-wrap .grid-item:nth-child(26),
	#gallery .grid-wrap .grid-item:nth-child(22),
	#gallery .grid-wrap .grid-item:nth-child(20),
	#gallery .grid-wrap .grid-item:nth-child(9),
	#gallery .grid-wrap .grid-item:nth-child(5) {
		grid-column: span 2;
		grid-row: span 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(31),
	#gallery .grid-wrap .grid-item:nth-child(30),
	#gallery .grid-wrap .grid-item:nth-child(19) {
		grid-column: span 1;
		grid-row: span 2;
	}
	
	/* IE */
	#gallery .grid-wrap {
		display: -ms-grid;
		-ms-grid-columns: (1fr)[6];
		-ms-grid-rows: 10vw;
	}

	#gallery .grid-wrap .grid-item {
		-ms-grid-column-span: 1;
		-ms-grid-row-span: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
	}

	#gallery .grid-wrap .grid-item:nth-child(2) {
		-ms-grid-column: 4;
		-ms-grid-row: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(3) {
		-ms-grid-column: 5;
		-ms-grid-row: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(4) {
		-ms-grid-column: 6;
		-ms-grid-row: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(5) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 2;
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(6) {
		-ms-grid-column: 6;
		-ms-grid-row: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(7) {
		-ms-grid-column: 6;
		-ms-grid-row: 3;
	}

	#gallery .grid-wrap .grid-item:nth-child(8) {
		-ms-grid-column: 1;
		-ms-grid-row: 4;
	}

	#gallery .grid-wrap .grid-item:nth-child(9) {
		-ms-grid-column: 2;
		-ms-grid-column-span: 2;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(10) {
		-ms-grid-column: 4;
		-ms-grid-row: 4;
	}

	#gallery .grid-wrap .grid-item:nth-child(11) {
		-ms-grid-column: 5;
		-ms-grid-row: 4;
	}

	#gallery .grid-wrap .grid-item:nth-child(12) {
		-ms-grid-column: 6;
		-ms-grid-row: 4;
	}

	#gallery .grid-wrap .grid-item:nth-child(13) {
		-ms-grid-column: 1;
		-ms-grid-row: 5;
	}

	#gallery .grid-wrap .grid-item:nth-child(14) {
		-ms-grid-column: 4;
		-ms-grid-row: 5;
	}

	#gallery .grid-wrap .grid-item:nth-child(15) {
		-ms-grid-column: 5;
		-ms-grid-row: 5;
	}

	#gallery .grid-wrap .grid-item:nth-child(16) {
		-ms-grid-column: 6;
		-ms-grid-row: 5;
	}

	#gallery .grid-wrap .grid-item:nth-child(17) {
		-ms-grid-column: 1;
		-ms-grid-row: 6;
	}

	#gallery .grid-wrap .grid-item:nth-child(18) {
		-ms-grid-column: 2;
		-ms-grid-row: 6;
	}

	#gallery .grid-wrap .grid-item:nth-child(19) {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		-ms-grid-row: 6;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(20) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 2;
		-ms-grid-row: 6;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(21) {
		-ms-grid-column: 6;
		-ms-grid-row: 6;
	}

	#gallery .grid-wrap .grid-item:nth-child(22) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 7;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(23) {
		-ms-grid-column: 6;
		-ms-grid-row: 7;
	}

	#gallery .grid-wrap .grid-item:nth-child(24) {
		-ms-grid-column: 3;
		-ms-grid-row: 8;
	}

	#gallery .grid-wrap .grid-item:nth-child(25) {
		-ms-grid-column: 4;
		-ms-grid-row: 8;
	}

	#gallery .grid-wrap .grid-item:nth-child(26) {
		-ms-grid-column: 5;
		-ms-grid-column-span: 2;
		-ms-grid-row: 8;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(27) {
		-ms-grid-column: 1;
		-ms-grid-row: 9;
	}

	#gallery .grid-wrap .grid-item:nth-child(28) {
		-ms-grid-column: 2;
		-ms-grid-row: 9;
	}

	#gallery .grid-wrap .grid-item:nth-child(29) {
		-ms-grid-column: 3;
		-ms-grid-row: 9;
	}

	#gallery .grid-wrap .grid-item:nth-child(30) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 1;
		-ms-grid-row: 9;
		-ms-grid-row-span: 2;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(31) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		-ms-grid-row: 10;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(32) {
		-ms-grid-column: 2;
		-ms-grid-row: 10;
	}

	#gallery .grid-wrap .grid-item:nth-child(33) {
		-ms-grid-column: 3;
		-ms-grid-row: 10;
	}
	#gallery .grid-wrap .grid-item:nth-child(34) {
		-ms-grid-column: 5;
		-ms-grid-row: 10;
	}

	#gallery .grid-wrap .grid-item:nth-child(35) {
		-ms-grid-column: 6;
		-ms-grid-row: 10;
	}

	#gallery .grid-wrap .grid-item:nth-child(36) {
		-ms-grid-column: 2;
		-ms-grid-row: 11;
	}

	#gallery .grid-wrap .grid-item:nth-child(37) {
		-ms-grid-column: 3;
		-ms-grid-row: 11;
	}

	#gallery .grid-wrap .grid-item:nth-child(38) {
		-ms-grid-column: 4;
		-ms-grid-row: 11;
	}

	#gallery .grid-wrap .grid-item:nth-child(39) {
		-ms-grid-column: 5;
		-ms-grid-row: 11;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(40) {
		-ms-grid-column: 6;
		-ms-grid-row: 11;
	}

}

@media screen and (min-width: 1200px) {

	/* ギャラリー : グリッドレイアウト */
	#gallery .grid-wrap {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-auto-rows: 8vw;
	}

	#gallery .grid-wrap .grid-item:nth-child(1) {
		grid-column: span 3;
		grid-row: span 3;
	}

	#gallery .grid-wrap .grid-item:nth-child(29) {
		grid-column: span 3;
		grid-row: span 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(33),
	#gallery .grid-wrap .grid-item:nth-child(22),
	#gallery .grid-wrap .grid-item:nth-child(18),
	#gallery .grid-wrap .grid-item:nth-child(10),
	#gallery .grid-wrap .grid-item:nth-child(4) {
		grid-column: span 2;
		grid-row: span 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(34),
	#gallery .grid-wrap .grid-item:nth-child(21),
	#gallery .grid-wrap .grid-item:nth-child(16),
	#gallery .grid-wrap .grid-item:nth-child(12) {
		grid-column: span 1;
		grid-row: span 2;
	}

	/* IE */
	#gallery .grid-wrap {
		display: -ms-grid;
		-ms-grid-columns: (1fr)[8];
		-ms-grid-rows: 8vw;
	}

	#gallery .grid-wrap .grid-item {
		-ms-grid-column-span: 1;
		-ms-grid-row-span: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
	}

	#gallery .grid-wrap .grid-item:nth-child(2) {
		-ms-grid-column: 4;
		-ms-grid-row: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(3) {
		-ms-grid-column: 5;
		-ms-grid-row: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(4) {
		-ms-grid-column: 6;
		-ms-grid-column-span: 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(5) {
		-ms-grid-column: 8;
		-ms-grid-row: 1;
	}

	#gallery .grid-wrap .grid-item:nth-child(6) {
		-ms-grid-column: 4;
		-ms-grid-row: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(7) {
		-ms-grid-column: 5;
		-ms-grid-row: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(8) {
		-ms-grid-column: 8;
		-ms-grid-row: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(9) {
		-ms-grid-column: 4;
		-ms-grid-row: 3;
	}

	#gallery .grid-wrap .grid-item:nth-child(10) {
		-ms-grid-column: 5;
		-ms-grid-column-span: 2;
		-ms-grid-row: 3;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(11) {
		-ms-grid-column: 7;
		-ms-grid-row: 3;
	}

	#gallery .grid-wrap .grid-item:nth-child(12) {
		-ms-grid-column: 8;
		-ms-grid-column-span: 1;
		-ms-grid-row: 3;
		-ms-grid-row-span: 2;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(13) {
		-ms-grid-column: 1;
		-ms-grid-row: 4;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(14) {
		-ms-grid-column: 2;
		-ms-grid-row: 4;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(15) {
		-ms-grid-column: 3;
		-ms-grid-row: 4;
	}

	#gallery .grid-wrap .grid-item:nth-child(16) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 1;
		-ms-grid-row: 4;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(17) {
		-ms-grid-column: 7;
		-ms-grid-row: 4;
	}

	#gallery .grid-wrap .grid-item:nth-child(18) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 5;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(19) {
		-ms-grid-column: 3;
		-ms-grid-row: 5;
	}

	#gallery .grid-wrap .grid-item:nth-child(20) {
		-ms-grid-column: 5;
		-ms-grid-row: 5;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(21) {
		-ms-grid-column: 6;
		-ms-grid-column-span: 1;
		-ms-grid-row: 5;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(22) {
		-ms-grid-column: 7;
		-ms-grid-column-span: 2;
		-ms-grid-row: 5;
		-ms-grid-row-span: 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(23) {
		-ms-grid-column: 3;
		-ms-grid-row: 6;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(24) {
		-ms-grid-column: 4;
		-ms-grid-row: 6;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(25) {
		-ms-grid-column: 5;
		-ms-grid-row: 6;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(26) {
		-ms-grid-column: 1;
		-ms-grid-row: 7;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(27) {
		-ms-grid-column: 2;
		-ms-grid-row: 7;
	}

	#gallery .grid-wrap .grid-item:nth-child(28) {
		-ms-grid-column: 3;
		-ms-grid-row: 7;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(29) {
		-ms-grid-column: 4;
		-ms-grid-column-span: 3;
		-ms-grid-row: 7;
		-ms-grid-row-span: 2;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(30) {
		-ms-grid-column: 7;
		-ms-grid-row: 7;
	}

	#gallery .grid-wrap .grid-item:nth-child(31) {
		-ms-grid-column: 8;
		-ms-grid-row: 7;
	}

	#gallery .grid-wrap .grid-item:nth-child(32) {
		-ms-grid-column: 1;
		-ms-grid-row: 8;
	}

	#gallery .grid-wrap .grid-item:nth-child(33) {
		-ms-grid-column: 2;
		-ms-grid-column-span: 2;
		-ms-grid-row: 8;
		-ms-grid-row-span: 2;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(34) {
		-ms-grid-column: 7;
		-ms-grid-column-span: 1;
		-ms-grid-row: 8;
		-ms-grid-row-span: 2;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(35) {
		-ms-grid-column: 8;
		-ms-grid-row: 8;
	}

	#gallery .grid-wrap .grid-item:nth-child(36) {
		-ms-grid-column: 1;
		-ms-grid-row: 9;
	}

	#gallery .grid-wrap .grid-item:nth-child(37) {
		-ms-grid-column: 4;
		-ms-grid-row: 9;
	}
	
	#gallery .grid-wrap .grid-item:nth-child(38) {
		-ms-grid-column: 5;
		-ms-grid-row: 9;
	}

	#gallery .grid-wrap .grid-item:nth-child(39) {
		-ms-grid-column: 6;
		-ms-grid-row: 9;
	}

	#gallery .grid-wrap .grid-item:nth-child(40) {
		-ms-grid-column: 8;
		-ms-grid-row: 9;
	}
}

/* ===============================
	Mobile Style
=============================== */
@media screen and (max-width: 767px) {
	.bg-black article {
		margin-bottom: 0;
		padding-bottom: 80px;
	}

	.mfp-cst-arrow {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}

	/* ギャラリー : グリッドレイアウト */
	#gallery .grid-wrap {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 18vw;
	}

	#gallery .grid-wrap .grid-item:nth-child(28),
	#gallery .grid-wrap .grid-item:nth-child(15),
	#gallery .grid-wrap .grid-item:nth-child(10),
	#gallery .grid-wrap .grid-item:nth-child(1) {
		grid-column: span 2;
		grid-row: span 2;
	}

	#gallery .grid-wrap .grid-item:nth-child(36),
	#gallery .grid-wrap .grid-item:nth-child(32),
	#gallery .grid-wrap .grid-item:nth-child(25),
	#gallery .grid-wrap .grid-item:nth-child(22),
	#gallery .grid-wrap .grid-item:nth-child(6) {
		grid-column: span 1;
		grid-row: span 2;
	}


}