@charset "utf-8";
#loading {
	width: 100%;
	height: 100vh;
	background-color: rgba(33, 33, 33, .9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000001;
}
	.loading__inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}
		.loading__top_text {
			font-size: 12px;
			font-weight: 500;
			line-height: 1.5;
			letter-spacing: 0.05em;
			text-align: center;
			color: var(--color--white);
		}
		.loading__bottom_text {
			font-family: "Sometype Mono", monospace;
			font-size: 16px;
			font-weight: 600;
			line-height: 1.2;
			letter-spacing: 0.15em;
			text-align: center;
			color: var(--color--white);
		}
		.loading__progress {
			width: 250px;
			height: 10px;
			margin: 10px auto;
			background-color: #5C5C5C;
			border: 1px solid var(--color--black);
			border-radius: 5px;
			overflow: hidden;
			position: relative;
		}
			.loading__progress__bar {
				width: 0%;
				height: 100%;
				border: solid 1px var(--color--black);
				background-color: var(--color--white);
				border-radius: 5px;
				transition: width 0.3s ease-out;
				position: absolute;
				top: 0;
				left: 0;
			}

#opening {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
}
	.opening__inner {
		width: 100%;
		height: 100%;
	}
		.opening__image {
			width: 100%;
			height: 100%;
		}
			.opening__image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

		.opening__text_wrap {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 1;
		}
			.opening__text {
				display: inline-block;
				width: 0;
				height: auto;
				overflow: hidden;
				font-family: "Sometype Mono", monospace;
				font-size: 20px;
				font-weight: 600;
				line-height: 1.2;
				letter-spacing: 0.15em;
				text-align: center;
				color: var(--color--white);
				white-space: nowrap;
				position: relative;
			}
			._start .opening__text._01 {
				animation: typing_01 1.7s steps(17) forwards;
			}
			._start .opening__text._02 {
				animation: typing_02 0.9s steps(9) 2.2s forwards;
			}
				.opening__text::after {
					content: '';
					display: block;
					width: 2px;
					height: 20px;
					background-color: var(--color--white);
					position: absolute;
					top: 50%;
					right: 0;
					transform: translateY(-50%);
				}
				._start .opening__text._01::after {
					animation: effect_01 .5s step-end infinite alternate, hide_cursor_01 0.1s ease-in 2.2s forwards;
				}
				._start .opening__text._02::after {
					animation: effect_02 .5s step-end 3.5s infinite alternate;
				}
				@keyframes typing_01 {
					from {
						width: 0
					}
					to {
						width: calc((1ch + 0.15em) * 17);
					}
				}
				@keyframes typing_02 {
					from {
						width: 0
					}
					to {
						width: calc((1ch + 0.15em) * 9);
					}
				}
				@keyframes effect_01 {
					50% {
						opacity: 0;
					}
				}
				@keyframes effect_02 {
					50% {
						opacity: 0;
					}
				}
				@keyframes hide_cursor_01 {
					to {
						opacity: 0;
					}
				}

#header__news {
	width: 100%;
	height: auto;
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 99;
}
	.header__news__inner {
		width: 100%;
		height: auto;
	}
		.header__news__link {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 38px;
			background-color: var(--color--lightgray1);
		}
			.header__news__text {
				display: inline;
				font-size: 12px;
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.05em;
				text-align: center;
				color: var(--color--black);
				position: relative;
			}
				.header__news__text::before {
					content: "";
					display: block;
					width: 100%;
					height: 1px;
					background-color: var(--color--black);
					position: absolute;
					bottom: 0;
					left: 0;
					opacity: 0;
				}
	@media (any-hover: hover) {
				.header__news__text::before {
					transition: .4s;
				}
				.header__news__link:hover .header__news__text::before {
					opacity: 1;
				}
	}

	.hero__inner {
		width: 100%;
		height: auto;
	}
		.hero__swiper__wrap {
			width: 100%;
			height: auto;
			padding: 0 0 28px;
			position: relative;
		}
			.hero__swiper {
				width: 100%;
				height: auto;
			}
				.hero__slide {
					display: block;
					width: 100%;
					height: auto;
					aspect-ratio: 1 / 1;
					overflow: hidden;
				}
					.hero__slide img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
					}
				@media (any-hover: hover) {
					.hero__slide img {
						transition: .4s;
						opacity: 1;
					}
						.hero__slide:hover img {
							opacity: .8;
							transform: scale(1.02);
						}
				}
			.hero__pagination {
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 10px;
				width: 100% !important;
				height: auto;
				margin: 0 !important;
				position: absolute;
				bottom: 0 !important;
				left: 0 !important;
			}
				.hero__pagination .swiper-pagination-bullet {
					display: block;
					width: 8px;
					height: 8px;
					margin: 0 !important;
					border-radius: 9999px;
					background-color: var(--color--lightgray1);
					opacity: 1;
					transition: .4s;
				}
				.hero__pagination .swiper-pagination-bullet-active {
					background-color: var(--color--black);
				}

#member_benefit {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto 80px;
}
	.member__benefit__inner {
		width: 90%;
		max-width: 400px;
		height: auto;
		margin: 0 auto;
	}
		.member__benefit__title {
			width: 100%;
			height: auto;
			padding: 0 0 10px;
			margin: 0 auto 20px;
			border-bottom: 1px solid var(--color--lightgray1);
			font-size: 18px;
			font-weight: 700;
			line-height: calc(27 / 18);
			letter-spacing: 0.05em;
			text-align: center;
		}
		.member__benefit__contents {
			width: 100%;
			height: auto;
		}
			.member__benefit__link {
				display: block;
				width: 100%;
				height: auto;
			}
		@media (any-hover: hover) {
			.member__benefit__link {
				transition: .4s;
			}
			.member__benefit__link:hover {
				opacity: .7;
			}
		}

#category {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.category__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.category__contents {
			width: 100%;
			height: auto;
		}
					.category__list {
						grid-template-columns: repeat(9, 1fr);
						gap: 10px;
					}

#arrivals {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.arrivals__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.arrivals__contents {
			width: 100%;
			height: auto;
		}
			.arrivals__btn_wrap {
				width: 200px;
				height: 48px;
				margin: 30px auto 0;
			}

#trends {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.trends__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.trends__contents {
			width: 100%;
			height: auto;
		}
			.trends__list {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 10px;
				width: 100%;
				height: auto;
			}
				.trends__list__item {
					width: 100%;
					height: auto;
				}
					.trends__list__item__link {
						display: block;
						width: 100%;
						height: auto;
					}
						.trends__list__item__image {
							width: 100%;
							height: auto;
							aspect-ratio: 1 / 1;
							overflow: hidden;
						}
							.trends__list__item__image img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								object-position: center;
							}
						.trends__list__item__contents {
							width: 100%;
							height: auto;
							padding: 10px 0;
						}
							.trends__list__item__ttl {
								width: 100%;
								height: auto;
								font-size: 14px;
								font-weight: 400;
								line-height: calc(21 / 12);
								letter-spacing: 0.05em;
								color: var(--color--black);
							}
							.trends__list__item__tag {
								width: 100%;
								height: auto;
								margin: 5px auto 0;
								font-family: "Roboto", sans-serif;
								font-size: 10px;
								font-weight: 400;
								line-height: calc(11 / 10);
								letter-spacing: 0.05em;
								color: var(--color--gray1);
							}
								.trends__list__item__tag__item {
									display: inline-block;
									margin-right: 5px;
								}
						@media (any-hover: hover) {
							.trends__list__item__image img {
								transition: .4s;
								opacity: 1;
							}
							.trends__list__item__link:hover .trends__list__item__image img {
								opacity: .8;
								transform: scale(1.02);
							}
						}
			.trends__btn_wrap {
				width: 200px;
				height: 48px;
				margin: 20px auto 0;
			}

#ranking {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.ranking__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.ranking__contents {
			width: 100%;
			height: auto;
		}
			#ranking .products__list {
				counter-reset: number 0;
			}
				#ranking .products__list__item {
					position: relative;
				}
					#ranking .products__list__item::before {
						counter-increment: number 1;
						content: counter(number,decimal-leading-zero) '';
						display: block;
						width: auto;
						height: auto;
						font-family: "Roboto", sans-serif;
						font-size: 10px;
						font-weight: 400;
						line-height: calc(11 / 10);
						letter-spacing: 0.05em;
						color: var(--color--black);
						position: absolute;
						top: 10px;
						left: 10px;
						z-index: 2;
						pointer-events: none;
					}
					#ranking .products__list__item::after {
						content: '';
						display: block;
						width: 1px;
						height: 25px;
						background-color: var(--color--black);
						position: absolute;
						top: 11px;
						left: 23px;
						transform: rotate(45deg);
						z-index: 2;
						pointer-events: none;
					}
			.ranking__btn_wrap {
				width: 200px;
				height: 48px;
				margin: 20px auto 0;
			}

#recommend {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.recommend__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.recommend__contents {
			width: 100%;
			height: auto;
		}
			#recommend .products__list {
				grid-template-columns: repeat(5, 1fr);
			}
			.recommend__btn_wrap {
				width: 200px;
				height: 48px;
				margin: 20px auto 0;
			}

#recently_viewed {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.recently_viewed__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.recently_viewed__contents {
			width: 100%;
			height: auto;
		}
			#recently_viewed .products__list {
				grid-template-columns: repeat(5, 1fr);
			}
			.recently_viewed__btn_wrap {
				width: 200px;
				height: 48px;
				margin: 20px auto 0;
			}

#lookbook {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.lookbook__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		#lookbook .section__heading {
			text-align: center;
		}
		.lookbook__contents {
			width: 100%;
			max-width: 495px;
			height: auto;
			margin: 0 auto;
		}
			.lookbook__link {
				display: block;
				width: 100%;
				height: auto;
				position: relative;
				overflow: hidden;
				aspect-ratio: 495 / 275;
			}
				.lookbook__link::before {
					content: '';
					display: block;
					width: 100%;
					height: 100%;
					background-color: var(--color--nevy);
					opacity: .6;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}
				.lookbook__link img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
			@media (any-hover: hover) {
				.lookbook__link::before {
					transition: .4s;
				}
				.lookbook__link:hover::before {
					opacity: .3;
				}
				.lookbook__link img {
					transition: .4s;
				}
				.lookbook__link:hover img {
					transform: scale(1.05);
				}
			}
				.lookbook__link__details {
					width: 100%;
					height: auto;
					position: absolute;
					top: 50%;
					left: 0;
					transform: translate(0%, -50%);
					z-index: 2;
				}
					.lookbook__link__details__txt_en {
						width: 100%;
						height: auto;
						font-size: 16px;
						font-weight: 500;
						line-height: calc(24 / 16);
						letter-spacing: 0.05em;
						text-align: center;
						color: var(--color--white);
					}
					.lookbook__link__details__txt_ja {
						width: 100%;
						height: auto;
						font-size: 12px;
						font-weight: 400;
						line-height: calc(18 / 12);
						letter-spacing: 0.05em;
						text-align: center;
						color: var(--color--white);
					}

#member_services {
	margin: 0 auto 80px;
}

#column {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.column__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.column__contents {
			width: 100%;
			height: auto;
		}
			.column__list {
				display: flex;
				justify-content: center;
				align-items: flex-start;
				gap: 12px;
				width: 100%;
				height: auto;
			}
				.column__list__item {
					/* width: 100%; */
					width: calc(25% - 9px);
					height: auto;
				}
					.column__list__item__image {
						width: 100%;
						height: auto;
						aspect-ratio: 1 / 1;
						overflow: hidden;
					}
						.column__list__item__image img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
					.column__list__item__content {
						width: 100%;
						height: auto;
						padding: 10px 0;
					}
						.column__list__item__ttl {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 400;
							line-height: calc(21 / 12);
							letter-spacing: 0.05em;
							color: var(--color--black);
						}
				@media (any-hover: hover) {
					.column__list__item__image img {
						transition: .4s;
						opacity: 1;
						transform: scale(1);
					}
					.column__list__item:hover .column__list__item__image img {
						opacity: .8;
						transform: scale(1.03);
					}
						.column__list__item__ttl {
							transition: .4s;
						}
						.column__list__item:hover .column__list__item__ttl {
							color: var(--color--hover_text);
						}
				}
			.column__btn_wrap {
				width: 200px;
				height: 48px;
				margin: 20px auto 0;
			}

#leeep {
	width: 100%;
	height: auto;
	padding: 60px 0 0;
	margin: 0 auto 120px;
}
	#leeep .section__heading {
		max-width: 1200px;
	}
	#leeep #top__leeep {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}

#info {
	width: 100%;
	height: auto;
	margin: 0 auto 80px;
}
	.info__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		#info .section__heading {
			margin: 0;
		}
		.info__contents {
			width: 100%;
			height: auto;
		}
			.info__list {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				width: 100%;
				height: auto;
			}
				.info__list__item {
					width: 100%;
					height: auto;
					padding: 20px 0;
				}
				.info__list__item:not(:last-child) {
					border-bottom: dashed 1px var(--color--lightgray1);
				}
					.info__list__item__date {
						width: 100%;
						height: auto;
						margin: 0 auto 5px;
						font-family: var(--font--roboto);
						font-size: 12px;
						font-weight: 400;
						line-height: calc(14 / 12);
						letter-spacing: 0.05em;
						color: var(--color--gray2);
					}
					.info__list__item__ttl {
						width: 100%;
						height: auto;
						font-size: 12px;
						font-weight: 500;
						line-height: calc(17 / 12);
						letter-spacing: 0.05em;
					}
						.info__list__item__ttl a {
							color: var(--color--black);
						}
			.info__btn_wrap {
				width: 200px;
				height: 48px;
				margin: 10px auto 0;
			}

#insert_image {
	width: 100%;
	height: auto;
	padding: 0 0 115px;
	margin: 0 auto;
}
	.insert_image__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.insert_image__image {
			width: 100%;
			height: auto;
		}

/* PC ================================================== */
@media all and (min-width: 720px){

}

/* Tablet ================================================== */
@media all and (max-width: 719px){
#header__news {
	top: 0px;
}
			.header__news__text {
				letter-spacing: 0;
			}

#hero {
	padding: 38px 0 50px;
}
			.hero__pagination {
				gap: 5px;
			}
				.hero__pagination .swiper-pagination-bullet {
					width: 4px;
					height: 4px;
				}

#member_benefit {
	margin: 0 auto 60px;
}
	.member__benefit__inner {
		width: calc((400 / 440) * 100%);
	}

#category {
	margin: 0 auto 60px;
}
	.category__inner {
		width: calc((400 / 440) * 100%);
	}
				.category__tab_wrap {
					gap: 5px;
				}
					.category__tab {
						border-radius: 3px;
					}
					.category__list {
						grid-template-columns: repeat(3, 1fr);
					}
							.category__list__item__icon {
								width: 50px;
								margin: 0 auto;
							}

#arrivals {
	margin: 0 auto 60px;
}
	.arrivals__inner {
		width: 100%;
	}
		#arrivals .section__heading {
			width: calc((400 / 440) * 100%);
		}

#trends {
	margin: 0 auto 60px;
}
	.trends__inner {
		width: calc((400 / 440) * 100%);
	}

#ranking {
	margin: 0 auto 60px;
}
	.ranking__inner {
		width: calc((400 / 440) * 100%);
	}
			#ranking .products__list {
				justify-content: space-between;
				flex-wrap: wrap;
				column-gap: 0;
				row-gap: 10px;
				padding: 0;
				margin: 0 auto;
			}
				#ranking .products__list__item {
					width: calc((195 / 400) * 100%);
				}
				#ranking .products__list__item:nth-of-type(5) {
					display: none;
				}
			.ranking__btn_wrap {
				margin: 40px auto 0;
			}

#recommend {
	margin: 0 auto 60px;
}
	.recommend__inner {
		width: 100%;
	}
		.recommend__contents {
			width: 100%;
			height: auto;
		}
		#recommend .section__heading {
			width: calc((400 / 440) * 100%);
		}

#recently_viewed {
	margin: 0 auto 60px;
}
	.recently_viewed__inner {
		width: 100%;
	}
		#recently_viewed .section__heading {
			width: calc((400 / 440) * 100%);
		}

#lookbook {
	margin: 0 auto 60px;
}
	.lookbook__inner {
		width: calc((400 / 440) * 100%);
	}
		.lookbook__link {
			aspect-ratio: 400 / 275;
		}

#member_services {
	margin: 0 auto 60px;
}

#column {
	margin: 0 auto 60px;
}
	.column__inner {
		width: calc((400 / 440) * 100%);
	}
			.column__list {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 10px;
			}
				.column__list__item {
					width: 100%;
				}
				.column__list__item:nth-of-type(3),
				.column__list__item:nth-of-type(4) {
					display: none;
				}

/* leeep */
	#leeep .section__heading {
		width: calc((400 / 440) * 100%);
	}
	#leeep #top__leeep {
		width: calc((400 / 440) * 100%);
	}

#info {
	margin: 0 auto 60px;
}
	.info__inner {
		width: calc((400 / 440) * 100%);
	}

#insert_image {
	padding: 0 0 50px;
}
	.insert_image__inner {
		width: 100%;
	}

/* 共通 */
.products__list {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	column-gap: 10px;
	row-gap: 0px;
	padding: 0 calc((20 / 440) * 100vw);
	overflow: auto;
}
	.products__list__item {
		width: calc((195 / 440) * 100vw);
		flex-shrink: 0;
	}
	.products__list::-webkit-scrollbar {
		display: none;
	}
}

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

}