@charset "UTF-8";


/* ==========================================================================
   Archive Look
========================================================================== */
.archive .lookList {
	padding-top: 150px;
}
.archive .lookList li:nth-of-type(odd) {
	padding-right: 51px;
	transform: translateY(-150px);
    margin-bottom: 100px;
}
.archive .lookList li:nth-of-type(even) {
	padding-left: 51px;
}
.archive .lookList li a .ttl {
	font-size: 4.4rem;
}

/* ==========================================================================
   Single Look
========================================================================== */
.single #mv .txtBox {
	padding-right: 100px;
	padding-left: 100px;
}

/* ---------------
   EC
--------------- */
.single #ec::before {
	top: 300px;
}
.single #ec .ec-slider {
	overflow: hidden;
	margin-right: auto;
	margin-left: calc((100vw - 900px)/2);
}
.single #ec .slider {
	width: 900px;
}
.single #ec .slick-list{
	overflow: visible;
}
.single #ec .slide {
	padding-right: 50px;
}
.single #ec .slide figure {
	margin-bottom: 20px;
}
.single #ec .slide .num {
	font-size: 1.6rem;
}
.single #ec .slide .size {
	font-size: 1.1rem;
}
.single #ec .slide .price {
	font-size: 1.2rem;
}

@media only screen and (min-width: 1200px) {
	.single #ec .ec-slider {
		margin-left: calc((100vw - 1080px)/2);
	}
	.single #ec .slider {
		width: 1080px;
	}
}
@media only screen and (min-width: 1440px) {
	.single #ec .ec-slider {
		margin-left: calc((100vw - 1272px)/2);
	}
	.single #ec .slider {
		width: 1272px;
	}
}