@charset "utf-8";
#archive{

	@media (width <= 767px) {/* SP */
		padding-top: 3.2rem;
	}
	.pageCnt{
		margin-left: auto;
		margin-right: auto;
		@media (width > 767px) {/* PC */

			padding-bottom: 16rem;
			width: 120rem;
		}
		@media (width <= 767px) {/* SP */
            padding-top: 2rem;
			padding-bottom: 8rem;
			width: 33rem;

		}
	}
	.sec{
		padding-top: 20rem;
		@media (width <= 767px) {/* SP */
			padding-top: 8rem;
		}
		.c-ttl{
			text-align: center;
			margin-bottom: 9rem;
			@media (width <= 767px) {/* SP */
				margin-bottom: 6rem;
			}
		}
		.imgList{
			display: grid;
			grid-template-columns: repeat(4 ,1fr);
			gap: 5.4rem;
			@media (width <= 767px) {/* SP */
				grid-template-columns: repeat(2 ,1fr);
				gap: 3.2rem 1rem;
			}
		}
		.movList{
			display: grid;
			grid-template-columns: repeat(2 ,1fr);
			gap:8rem 4.2rem;
			@media (width <= 767px) {/* SP */
				grid-template-columns: repeat(1 ,1fr);
				gap: 4.8rem;
			}
			.movTtl{
				display: flex;
				flex-wrap: wrap;
				letter-spacing: .1em;
				line-height: 1.3;
				font-size: 1.8rem;
				margin-top: 3rem;
				padding-left: 1.6rem;
				gap: 1.6rem;
				@media (width <= 767px) {/* SP */
					line-height: 1.6;
					font-size: 1.6rem;
					margin-top: 2rem;
					gap: 1rem 0;
				}
			}
		}
		.verBlockList{
			display: flex;
			flex-direction: column;
			gap: 8rem;
			@media (width <= 767px) {/* SP */
				gap: 6.4rem;
			}
		}
		.verBlock{
			.verBlock__ttl{
				font-family: var(--ff-zen);
				display: flex;
				align-items: center;
				font-weight: 500;
				line-height: 1;
				letter-spacing: .1em;
				gap: 1.2rem;
				font-size: 2.2rem;

				margin-bottom: 5.5rem;

				@media (width <= 767px) {/* SP */
					gap: .8rem;
					font-size: 1.8rem;
					margin-bottom: 3rem;
				}
				&:before{
					display: block;
					content: '';
					background: var(--cc-red);
					height: 1px;
					width: 4.8rem;
					margin-top: .8rem;
					@media (width <= 767px) {/* SP */
						width: 2rem;
					}
				}
			}
		}
	}
}

/*  */
.lum-lightbox {
	z-index: 101;
}
.lum-lightbox.lum-opening .lum-lightbox-inner {
	animation: lum-fade 180ms ease-out;
  }


  .lum-lightbox.lum-closing .lum-lightbox-inner {
	animation: lum-fade 750ms ease-in;
	animation-direction: reverse;
  }

  .lum-lightbox-inner img{
	max-width: 100% !important;
  }
.lum-img{
	display: inline-block;
}

.lum-gallery-button:after{
	@media (width <= 767px) {/* SP */
		width: 20px;
		height: 20px;
	}
}