#pc_archive{
	width: 70%;
	margin: 80px auto 0 auto;
}

@media (min-width: 960px) {
	#pc_archive{
		margin-top: 130px;
	}
}

.pc_archive_contentbox{
	-webkit-column-count: 4;	
	-webkit-column-gap: 20px;
	-webkit-column-fill: balance;
	-moz-column-count: 5;
	-moz-column-gap: 25px;
	-moz-column-fill: balance;
	column-count: 5;
	column-gap: 25px;
	column-fill: balance;
	margin-top: 30px;
}

.pc_archive_contentbox a{
	display: inline-block;
	-webkit-break-inside: avoid;
	-moz-break-inside: avoid;
	break-inside: avoid;
	box-shadow: 0px 0px 17px 5px rgba(182, 167, 167, 0.3);
	margin-bottom: 25px;
}

.pc_archive_contentbox a:last-child{
	margin-right: 0px;
}

.pc_archive_contentbox a img{
	width: 100%;
	height: auto;
}

.pc_archive_contentbox video{
	width: 100%;
	height: auto;
}



@media screen and (max-width: 769px) {
	#pc_archive{
		width: auto;
		margin: 0 2% 0 28%;
	}

	/* SP: lightbox ✕ボタン → 画像外・右上に固定 */
	.lb-data .lb-close {
		position: fixed;
		top: 16px;
		right: 16px;
		float: none;
		width: 40px;
		height: 40px;
		opacity: 1 !important;
		background-image: none !important;
		font-size: 1.8rem;
		line-height: 40px;
		color: #fff;
		text-align: center;
		z-index: 10001;
	}
	.lb-data .lb-close::before {
		content: '✕';
	}

	/* SP: lightbox 矢印 → 画像下・中央に配置 */
	.lb-nav {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		width: 100% !important;
		height: 60px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 60px !important;
		z-index: 10001 !important;
	}
	.lb-nav a.lb-prev,
	.lb-nav a.lb-next {
		opacity: 1 !important;
		background-image: none !important;
		position: static !important;
		float: none !important;
		width: auto !important;
		height: 60px !important;
		display: flex !important;
		align-items: center !important;
	}
	.lb-nav a.lb-prev::before {
		content: '❮';
		font-size: 2rem;
		color: #fff;
		padding: 0 12px;
	}
	.lb-nav a.lb-next::before {
		content: '❯';
		font-size: 2rem;
		color: #fff;
		padding: 0 12px;
	}

	.pc_archive_contentbox{
		-webkit-column-count: 2;	
		-webkit-column-gap: 15px;
		-webkit-column-fill: balance;
		-moz-column-count: 2;
		-moz-column-gap: 15px;
		-moz-column-fill: balance;
		column-count: 2;
		column-gap: 15px;
		column-fill: balance;
		margin-top: 30px;
	}
}