@charset "utf-8";
#lookbook_details {
	width: 100%;
	height: auto;
}
	.lookbook_details__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		padding: 50px 0 120px;
		margin: 0 auto;
	}
		.lookbook_details__list_wrap {
			width: 100%;
			max-width: 485px;
			height: auto;
			padding: 30px 0 0;
			margin: 0 auto;
		}
			.lookbook_details__list {
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
				.lookbook_details__list__item {
					width: 100%;
					height: auto;
					position: relative;
				}
					.lookbook_details__list__item__image {
						width: 100%;
						height: auto;
						overflow: hidden;
					}
					.lookbook_details__list__item__content {
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						gap: 8px;
						width: 100%;
						height: 100%;
						background-color: rgba(0, 0, 0, .6);
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;
						opacity: 0;
					}
						.lookbook_details__list__item__products_name {
							width: 90%;
							height: auto;
							margin: 0 auto;
							font-size: 16px;
							font-weight: 400;
							line-height: calc(19 / 16);
							letter-spacing: 0.05em;
							text-align: center;
							color: var(--color--white);
						}
					@media (any-hover: hover) {
						.lookbook_details__list__item__content {
							opacity: 0;
							transition: .4s;
						}
						.lookbook_details__list__item:hover .lookbook_details__list__item__content {
							opacity: 1;
						}
							.lookbook_details__list__item__image img {
								transition: .4s;
								transform: scale(1);
							}
							.lookbook_details__list__item:hover .lookbook_details__list__item__image img {
								transform: scale(1.03);
							}
					}

/* PC ================================================== */
@media all and (min-width: 720px){
			.lookbook_details__list__swipe {
				display: none;
			}
				.lookbook_details__list .swiper-wrapper {
					display: grid;
					grid-template-columns: repeat(1, 1fr);
					gap: 20px;
					width: 100%;
					height: auto;
				}
}

/* Tablet ================================================== */
@media all and (max-width: 719px){
/* lookbook_details */
	.lookbook_details__inner {
		width: calc((400 / 440) * 100%);
		padding: 50px 0 80px;
	}
		.lookbook_details__list_wrap {
			padding: 0;
			position: relative;
		}
			.lookbook_details__list__swipe {
				width: 178px;
				height: auto;
				padding: 57px 0;
				background-color: rgba(255, 255, 255, 0.9);
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 10;
				pointer-events: none;
			}
				.lookbook_details__list__swipe__arrow_wrap {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 6px;
					width: 100%;
					height: auto;
					margin: 0 auto 13px;
				}
					.lookbook_details__list__swipe__arrow {
						width: 24px;
						height: auto;
					}
					.lookbook_details__list__swipe__txt {
						font-size: 14px;
						font-weight: 400;
						line-height: 1;
						letter-spacing: 0.05em;
						text-align: center;
						color: var(--color--black);
						position: relative;
						top: 2px;
					}
				.lookbook_details__list__swipe__hand {
					width: 46px;
					height: auto;
					margin: 0 auto;
					animation: hand 3.5s infinite;
				}
				@keyframes hand {
					0% {
						transform: translateX(0);
					}
					25% {
						transform: translateX(10px);
					}
					50% {
						transform: translateX(0px);
					}
					75% {
						transform: translateX(-10px);
					}
					100% {
						transform: translateX(0px);
					}
				}
						.lookbook_details__list__item__content {
							gap: 6px;
							height: auto;
							padding: 12px 0 10px;
							top: auto;
							bottom: 0;
							left: 0;
							opacity: 1;
						}
							.lookbook_details__list__item__products_name {
								width: calc((360 / 400) * 100%);
								font-size: 14px;
								line-height: calc(16 / 14);
								text-align: left;
							}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}