@charset 'utf-8';

/*---------------------------------------------------------------------- */
/* Luxe armoire caprice / armoire caprice 2025AW Styles
------------------------------------------------------------------------ */

/* Override
---------------------------------------------------------- */

html {
	/* The elastic fonts based on 1280px window width include 17px scrollbar */
	font-size: calc(100vw / 129.7);
}

body {
	color: #643d2b;
}

img {
	width: 100%;
}

/* Layout
---------------------------------------------------------- */

#container {
	min-width: 0;
	overflow: hidden;
}

#container.loaded {
	overflow: initial;
}

/* .loader */

.loader {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 1;
	transition: opacity 2s;
}

.switchbox {
	position: relative;
	height: 80px;
	animation: spin 2s infinite linear;
}

.switch {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: #e3dddd;
	border-radius: 20px;
	animation: cross 2s infinite linear;
}

.switch:nth-of-type(2) {
	animation-delay: -1s;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes cross {
	50% {
		margin-left: 60px;
	}
}

/* .logo */

.logo {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 32.7rem;
	height: 6.2rem;
	/* mix-blend-mode: difference; */
}

.logo::after {
	position: absolute;
	top: 0;
	left: 20.3rem;
	width: 0;
	height: 100%;
	border-left: 1px solid #fff;
	content: '';
}

.logo > a {
	display: flex;
}

.logo > a.logo-ac {
	width: 16.8rem;
}

.logo > a.logo-lx {
	width: 9.3rem;
}

/* #header --------------------------------- */

#header {
	height: 100%;
	min-height: 700px;
	background: none;
	opacity: 1;
}

#header > .logo {
	position: fixed;
	top: 5rem;
	left: 5rem;
	z-index: 10;
}

#header > .copy {
	position: absolute;
	bottom: 8.6rem;
	left: 20.2rem;
}

#header > .title {
	position: absolute;
	bottom: 25.1rem;
	left: 20.5rem;
	color: #fff;
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 2rem;
	letter-spacing: 0;
	writing-mode: vertical-rl;
}

#header > .copy,
#header > .title {
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s;
}

#header > .visual {
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	filter: grayscale(100%);
	transition: filter 2s linear 1s, opacity 1s;
}

#header > .visual > a,
#header > .visual > a > .img {
	width: 100%;
	height: 100%;
}

#header > .visual > a > .img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#header.loaded > .visual {
	opacity: 1;
	filter: grayscale(0);
}

#header.loaded > .copy,
#header.loaded > .title {
	opacity: 1;
}

/* #main --------------------------------- */

#main {
	overflow: initial;
}

/* .overlay */

.mfp-content {
	min-height: 100%;
}

.mfp-bg {
	background: #dedcd7;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: .85;
}

.mfp-content {
	padding: 0;
}

.overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	pointer-events: auto;
}

.overlay.long {
	align-items: flex-start;
}

.overlay-inner {
	padding: 7.5rem;
}

.overlay-inner > .items {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
	width: 101.2rem;
}

.overlay-inner > .items > li {
	display: flex;
	margin: 2rem 8.3rem 0 8.3rem;
	width: 34rem;
}

.overlay-inner > .items > li a {
	display: flex;
	width: 100%;
	text-decoration: none;
}

.overlay-inner > .items > li .thumb {
	margin-right: 2rem;
	width: 11.3rem;
}

.overlay-inner > .items > li .credit {
	width: calc(100% - 13.3rem);
	line-height: 1.7;
	font-size: 1.4rem;
	letter-spacing: .05em;
	white-space: pre-wrap;
}

.overlay .btn-close {
	position: fixed;
	bottom: 5rem;
	right: 12rem;
	width: 5.8rem;
	height: 5.8rem;
	text-indent: -9999px;
	background: url(../../images/collection/lxac2025aw/btn-close.svg) no-repeat left top;
	background-size: 100%;
}

.overlay .btn-close::after {
	display: none;
}

/* .block-items-inner  */

.block-items-inner {
	display: flex;
	flex-flow: column;
	align-items: center;
	padding: 20rem 0 35rem 0;
	width: 100%;
	background: url(../../images/collection/lxac2025aw/bg.png) repeat-y center top;
	background-size: 100%;
}

.btn-overlay {
	display: block;
	position: relative;
}

.btn-overlay::after {
	position: absolute;
	bottom: 2.9rem;
	right: 3.2rem;
	width: 4rem;
	height: 4rem;
	background: url(../../images/collection/lxac2025aw/icon-open-white.svg) no-repeat left top;
	background-size: 100%;
	content: '';
}

/* #item */

.item {
	flex-flow: column;
}

.thumb, .insert {
	overflow: hidden;
}

.thumb img,
.thumb video,
.insert img,
.insert video {
	transition: transform 1.5s ease-out;
	transform: translateY(20%) scale(1.1);
}

.thumb.visible img,
.thumb.visible video,
.insert.visible img,
.insert.visible video {
	transform: translateY(0) scale(1);
}

.item > .thumb {
	background: none;
}

#block-items01 {
	background: #e3dddd;
}

#block-items01 .block-items-inner {
	padding-top: 17rem;
}

#item01 .thumb01 {
	width: 52.4rem;
}

#item01 .thumb02 {
	align-self: flex-end;
	margin-top: 6.2rem;
	width: 47.4rem;
}

#item01 .thumb03 {
	margin-top: 14.8rem;
	width: 79.7rem;
}

#block-items02 {
	background: #e0ddd2;
}

#block-items02 .block-items-inner {
	padding-top: 20rem;
}

#item02 .thumb01 {
	width: 78.7rem;
}

#item02 .thumb02 {
	margin: 20.6rem 0 0 -8.4rem;
	width: 64.8rem;
}

#item02 .thumb03 {
	align-self: flex-end;
	margin: 17.3rem -8.7rem 0 0;
	width: 57.3rem;
}

#block-items03 {
	background: #d0d0d0;
}

#block-items03 .block-items-inner {
	padding-top: 16rem;
}

#item03 .thumb01 {
	width: 69.9rem;
}

#item03 .thumb02 {
	align-self: flex-end;
	margin-top: 20.8rem;
	width: 51.4rem;
}

#item03 .thumb03 {
	margin-top: 20.5rem;
	width: 96rem;
}

#block-items04 {
	background: #d0c6c1;
}

#block-items04 .block-items-inner {
	padding-top: 35.3rem;
}

#item04 .thumb01 {
	align-self: center;
	width: 84.4rem;
}

#item04 .thumb02 {
	margin: 17.2rem 0 0 12.7rem;
	width: 57.2rem;
}

#item04 .thumb03 {
	margin-top: 15.5rem;
	width: 96rem;
}

#block-items05 {
	background: #c7c7c7;
}

#block-items05 .block-items-inner {
	padding: 20rem 0;
}

#item05 .thumb {
	width: 75.4rem;
}

#block-items06 {
	background: #c9d3d9;
}

#item06 .thumb01 {
	width: 75.5rem;
}

#item06 .thumb02 {
	margin: 21.5rem 0 0 -10.2rem;
	width: 60.5rem;
}

#item06 .thumb03 {
	align-self: flex-end;
	margin: 9.4rem -10.3rem 0 0;
	width: 60.1rem;
}

#item06 .thumb04 {
	align-self: center;
	margin-top: 20.6rem;
	width: 72.8rem;
}

#block-items07 {
	background: #ded1c3;
}

#block-items07 .block-items-inner {
	padding-top: 16rem;
}

#item07 .thumb01 {
	align-self: center;
	width: 75.6rem;
}

#item07 .thumb02 {
	margin-top: 19.5rem;
	width: 60rem;
}

#item07 .thumb03 {
	align-self: flex-end;
	margin: 11.5rem 10.2rem 0 0;
	width: 48rem;
}

#item07 .thumb04 {
	margin-top: 15.7rem;
	width: 96rem;
}

#insert {
	width: 100%;
}

/* #footer --------------------------------- */

#footer {
	padding: 10rem 6rem 6rem 6rem;
	background: #4d4d4d url(../../images/collection/lxac2025aw/bg.png) repeat-y center top;
	background-size: 100%;
}

#footer-inner {
	flex-flow: row wrap;
	padding: 0;
	width: 100%;
}

/* .block-credit */

.block-credit {
	width: 100%;
}

.block-credit .logo {
	margin: 0 auto;
	/* mix-blend-mode: difference; */
}

.block-credit .link {
	margin: 6rem auto;
	text-align: center;
}

.block-credit .link > a {
	color: #fff;
	font-size: 1.4rem;
	text-decoration: none;
	letter-spacing: .05em;
}

/* #footer .notes */

#footer .notes {
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: .05em;
}

/* #copyright*/

#copyright {
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.1rem;
	letter-spacing: .05em;
}




/*---------------------------------------------------------------------- */
/* 667px SmartPhone Styles
------------------------------------------------------------------------ */

@media screen and (max-width: 667px) {

/* Override
---------------------------------------------------------- */

html {
	/* The elastic fonts based on 320px window width. */
	font-size: calc(100vw / 32);
}

/* Layout
---------------------------------------------------------- */

#container {
	min-width: 320px;
}

/* .logo */

.logo {
	width: 23.3rem;
	height: 4.4rem;
}

.logo::after {
	left: 14.4rem;
}

.logo > a.logo-ac {
	width: 12rem;
}

.logo > a.logo-lx {
	width: 6.6rem;
}

/* #header --------------------------------- */

#header {
	display: flex;
	flex-flow: column;
	align-items: center;
	min-height: 0;
}

#header > .logo {
	top: 2rem;
	left: 5.5rem;
	width: 19rem;
	height: 3.6rem;
}

#header > .logo::after {
	left: 11.8rem;
}

#header > .logo > a.logo-ac {
	width: 9.7rem;
}

#header > .logo > a.logo-lx {
	width: 5.4rem;
}

#header > .copy {
	bottom: 5.3rem;
	left: 3.2rem;
	width: 22.5rem;
}

#header > .title {
	bottom: 12.4rem;
	left: 3.5rem;
	font-size: 1.2rem;
}

/* #main --------------------------------- */

/* .overlay */

.overlay-inner {
	position: relative;
	padding: 6.5rem 0 6.5rem 0;
}

.overlay-inner > .items {
	flex-flow: column;
	align-items: flex-start;
	margin: 0 3rem;
	width: auto;
}

.overlay-inner > .items > li {
	margin: 1.5rem 0 0 0;
	width: 100%;
}

.overlay-inner > .items > li .thumb {
	margin-right: 1.5rem;
	width: 8rem;
}

.overlay-inner > .items > li .credit {
	width: calc(100% - 9.5rem);
	font-size: 1.2rem;
}

.overlay .btn-close {
	bottom: auto;
	top: 2rem;
	right: 2rem;
	width: 2.4rem;
	height: 2.4rem;
}

.btn-overlay::after {
	bottom: 1rem;
	right: 1rem;
	width: 1.6rem;
	height: 1.6rem;
}

/* .block-items-inner  */

.block-items-inner {
	padding: 5rem 0 10rem 0;
}

/* #item */

#block-items01 .block-items-inner {
	padding-top: 5rem;
}

#item01 .thumb01 {
	width: 15.3rem;
}

#item01 .thumb02 {
	margin-top: 1.8rem;
	width: 13.8rem;
}

#item01 .thumb03 {
	margin-top: 4.2rem;
	width: 23.3rem
}

#block-items02 .block-items-inner {
	padding-top: 6rem;
}

#item02 .thumb01 {
	width: 23rem;
}

#item02 .thumb02 {
	margin: 6rem 0 0 -2.5rem;
	width: 18.9rem;
}

#item02 .thumb03 {
	margin: 5rem -2.5rem 0 0;
	width: 16.7rem;
}

#block-items03 .block-items-inner {
	padding: 5rem 0 11rem 0;
}

#item03 .thumb01 {
	width: 20.4rem;
}

#item03 .thumb02 {
	margin-top: 6rem;
	width: 15rem;
}

#item03 .thumb03 {
	margin-top: 6rem;
	width: 28rem;
}

#block-items04 .block-items-inner {
	padding-top: 10rem;
}

#item04 .thumb01 {
	width: 24.6rem;
}

#item04 .thumb02 {
	margin: 5rem 0 0 3.7rem;
	width: 16.7rem;
}

#item04 .thumb03 {
	margin-top: 4.5rem;
	width: 28rem;
}

#block-items05 .block-items-inner {
	padding: 6rem 0;
}

#item05 .thumb {
	width: 22rem;
}

#block-items06 .block-items-inner {
	padding-top: 6rem;
}

#item06 .thumb01 {
	width: 22rem;
}

#item06 .thumb02 {
	margin: 6rem 0 0 -3rem;
	width: 17.6rem;
}

#item06 .thumb03 {
	margin: 2.8rem -3rem 0 0;
	width: 17.5rem;
}

#item06 .thumb04 {
	margin-top: 6rem;
	width: 21.2rem;
}

#block-items07 .block-items-inner {
	padding-top: 5rem;
}

#item07 .thumb01 {
	width: 22rem
}

#item07 .thumb02 {
	margin-top: 5.7rem;
	width: 17.5rem;
}

#item07 .thumb03 {
	margin: 3.4rem 3rem 0 0;
	width: 14rem;
}

#item07 .thumb04 {
	margin-top: 4.5rem;
	width: 28rem;
}

/* #footer --------------------------------- */

#footer {
	padding: 5rem 0 2.5rem 0;
}

#footer-inner {
	flex-flow: column;
	align-items: flex-start;
}

/* .block-credit */

.block-credit .link {
	margin: 3rem auto 12.5rem auto;
}

.block-credit .link > a {
	font-size: 1rem;
}

/* #footer .notes */

#footer .notes {
	padding: 0 4rem;
	font-size: .9rem;
}

/* #copyright*/

#copyright {
	margin: 6rem auto 0 auto;
	font-size: .9rem;
}

}

/* Guide
---------------------------------------------------------- */

/* body {
	background: url(../../images/collection/lxac2025aw/guide-pc.jpg) no-repeat center top;
	background-size: 1280px;
}

#container {
	opacity: .3;
}

@media screen and (max-width: 667px) {

	body {
		background: url(../../images/collection/lxac2025aw/guide-sp.jpg) no-repeat center top;
		background-size: 320px;
	}

} */