@charset "utf-8";

.l-extra {
/*	height: 80vh;	*/
	height: 91vh;
}
.l-extra-image.default {
	background-image: url("../img/2-7-A.jpg");
	background-image: image-set(url("../img/2-7-A.jpg") 1x, url("../img/2-7-A.jpg") 2x);
	background-image: -webkit-image-set(url("../img/2-7-A.jpg") 1x, url("../img/2-7-A.jpg") 2x);
}

.img_2-13-2 {
	margin: 4rem 0rem 0;
	background-image: url("../img/2-13-2.jpg");
	background-image: image-set(url("../img/2-13-2.jpg") 1x, url("../img/2-13-2@2x.jpg") 2x);
	background-image: -webkit-image-set(url("../img/2-13-2.jpg") 1x, url("../img/2-13-2@2x.jpg") 2x);
}
.img_2-13-2::before {
/*	padding-top: calc(((1150 / 768) * 100%));	*/
	aspect-ratio: 768 / 1150;
}

.img_2-7-B {
	background-image: url("../img/2-7-B.jpg");
	background-image: image-set(url("../img/2-7-B.jpg") 1x, url("../img/2-7-B.jpg") 2x);
	background-image: -webkit-image-set(url("../img/2-7-B.jpg") 1x, url("../img/2-7-B.jpg") 2x);
}
.img_2-7-B::before {
/*	padding-top: calc(((1400 / 1440) * 100%));	*/
	aspect-ratio: 1440 / 700;
}

.menu__concept {
	background-image: url("../img/m_concept.jpg?1026a");
	background-image: image-set(url("../img/m_concept.jpg?1026a") 1x, url("../img/m_concept.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../img/m_concept.jpg?1026a") 1x, url("../img/m_concept.jpg?1026a") 2x);
}
.menu__concept::before {
	aspect-ratio: 1000 / 500;
}

.menu__detail {
	background-image: url("../img/m_detail.jpg?1026a");
	background-image: image-set(url("../img/m_detail.jpg?1026a") 1x, url("../img/m_detail.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../img/m_detail.jpg?1026a") 1x, url("../img/m_detail.jpg?1026a") 2x);
}
.menu__detail::before {
	aspect-ratio: 1000 / 500;
}

.menu__items {
	background-image: url("../img/m_items.jpg?1026a");
	background-image: image-set(url("../img/m_items.jpg?1026a") 1x, url("../img/m_items.jpg?1026a") 2x);
	background-image: -webkit-image-set(url("../img/m_items.jpg?1026a") 1x, url("../img/m_items.jpg?1026a") 2x);
}
.menu__items::before {
	aspect-ratio: 1000 / 500;
}

.menu__store {
	background-image: url("../img/m_store.jpg");
	background-image: image-set(url("../img/m_store.jpg") 1x, url("../img/m_store.jpg") 2x);
	background-image: -webkit-image-set(url("../img/m_store.jpg") 1x, url("../img/m_store.jpg") 2x);
}
.menu__store::before {
	aspect-ratio: 1000 / 500;
}



.menu-wrapper {
/*
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 3rem 1rem;
*/
	margin-top: 15rem;
	margin-bottom: 8rem;
}
.menu {
	width: 70%;
	margin: 5rem auto 0;
/*	padding: 1rem;	*/
}
.menu-label {
	padding: 0.5em 1em 0.2em;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.2em;
	text-align: center;
}
.menu-label.lookbook {
	padding: 1em 1em 0.5em;
	font-size: clamp(24px, 1.4vw, 28px);
}
.menu .menu-label {
	font-size: clamp(20px, 1.2vw, 28px);
}
.menu-label .theme {
	font-size: clamp(17px, 1.1vw, 22px);
	letter-spacing: 0;
}
.menu-label a {
	color: #154577;
	text-decoration: none;
}
.menu-summary {
	font-size: clamp(15px, 0.8vw, 18px);
	text-align: center;
}
.menu-link {
	margin-top: 6rem;
	text-align: center;
}
.btn-link {
	desplay: inline-block;
	padding: 1.2em 2em;
	background: rgb(21, 69, 119);
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-decoration: none;
}

.l-main .logo {
	display: block;
	width: 60%;
	height: auto;
	margin: 7vh auto 0;
}


@media screen and (min-width: 1025px) {

	.l-extra {
		height: 100vh;
	}

	.l-main > .logo {
		display: none;
	}
	.img_2-13-2 {
		margin: 0;
	}

}