@charset "UTF-8";

/* ====================
reset
==================== */
.content {
	background: #ffffff;
}
.content,
.content div, .content dl, .content dt, .content dd,
.content ul, .content ol, .content li,
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.content textarea, .content p, .content a, .content span {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.content table {
	border-collapse: collapse;
	border-spacing: 0;
}
.content img {
	border: 0;
	image-rendering: -webkit-optimize-contrast;
	display: block;
	max-width: 100%;
	height: auto;
}
.content a:hover img,
.content a:active img,
.content a:visited img {
	border: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	filter: blur(0);
	-webkit-filter: blur(0);
}
.content em,
.content th {
	font-style: normal;
	font-weight: normal;
}
.content strong {
	font-weight: bold;
}
.content li {
	list-style: none;
}
.content th {
	text-align: left;
}
.content dt,
.content dd {
	font-style: normal;
	font-weight: normal;
	line-height: inherit;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	font-size: 100%;
	font-weight: normal;
	background: none;
	border: none;
}
.content a,
.content a:hover {
	color: inherit;
	text-decoration: none;
	transition: opacity 0.5s;
}
.content a:hover {
	opacity: 1;
}
@media (min-width: 768px) {
	.content a:hover {
		opacity: 0.8;
	}
}
.content button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
.MB_to_top {
	position: relative;
	z-index: 1;
}

/* ====================
PFEC追加
==================== */
#main .container-fluid {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
}

/* ====================
content
==================== */
#main .content {
	width: 100%;
	margin: 0 auto calc(83 / 780 * 100vw);
	padding: 0 0 70px;
	color: #111111;
	font-size: 14px;
	/* font-family: 'Noto Sans JP', sans-serif; */
	font-family: 'Noto Serif JP', serif!important;
	font-weight: 400;
	line-height: 1.7;
	font-feature-settings: normal;
}
@media (min-width: 768px) {
	#main .content {
		margin: 0 auto;
		padding: 40px 0 20px;
		overflow: hidden;
		font-size: 14px;
		line-height: 1.5;
		/* margin-top: -7px; */
	}
}
.content .view-pc {
	display: none;
}
@media (min-width: 768px) {
	.content .view-pc {
		display: block;
	}
	.content .view-sp {
		display: none;
	}
}

/* ====================
keyv-area
==================== */
.content .keyv-area {
	background: #d3d3d4;
	padding: calc(294 / 780 * 100vw) 0 calc(149 / 780 * 100vw);
	position: relative;
}
@media (min-width: 768px) {
	.content .keyv-area {
		padding: 237px 0 97px;
	}
}
.content .keyv-wrap {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: calc(466 / 780 * 100vw);
	height: calc(466 / 780 * 100vw);
}
/* @media screen and (min-width: 768px) and (max-width: 1023px) {
	.content .keyv-wrap {
		max-width: 100%;
		height: calc(680 / 1180 * 100vw);
		margin: 0 auto 53px;
	}
} */
@media screen and (min-width: 1024px) {
	.content .keyv-wrap {
		width: 680px;
		height: 680px;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}
}

.content .keyv-list-item {
	position: relative;
}

.content .keyv img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 6s ease, opacity 2s ease-in-out;
	/* transform: scale(1.2);  */
	opacity: 0; /* 初期は透明 */
}

/* アクティブ時：ズームダウンしながら表示 */
.content .swiper-slide-active .keyv img {
	transform: scale(1);
	opacity: 1;
}


/* .content .keyv-wrap::before {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	overflow: hidden;
	content: "";
}
.content .keyv-list {
	position: relative;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
} */
.content .keyv-list li {
	position: relative;
}
/* 
.content .keyv-list li.slide-animation::before,
.content .keyv-list li.slide-animation::after {
	content: "";
	background-color: #eceae0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.content .keyv-list li.slide-animation::before {
	animation: slide 800ms cubic-bezier(0.77, 0, 0.175, 1) 500ms both;
}

.content .keyv-list li.slide-animation::after {
	transform:skewY(-10deg) translateY(40px);
	animation: slide 800ms cubic-bezier(0.77, 0, 0.175, 1) 600ms both;
}

@keyframes slide{from{width:100%}to{width:0}}
 */

.content .keyv-catch {
	display: block;
	font-size: calc(44 / 780 * 100vw);
	margin: 0 auto calc(24 / 780 * 100vw);
	font-family: "museo-slab", serif;
	text-align: center;
}
@media (min-width: 768px) {
	.content .keyv-catch {
		font-size: 30px;
		margin: 0 auto 18px;
	}
}

.content .keyv-area-title {
	position: absolute;
	top: calc(86 / 780 * 100vw);
	left: calc(58 / 780 * 100vw);
}
@media screen and (min-width: 768px){
	.content .keyv-area-title {
		top: 60px;
		left: calc(50% - 590px);
	}
}
.content .logo {
	display: block;
	width: calc(197 / 780 * 100vw);
	height: calc(27 / 780 * 100vw);
	margin: 0;
}
@media (min-width: 768px) {
	.content .logo {
		width: 197px;
		height: 28px;
	}
	.content .logo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}
.content .keyv-catch01 {
	font-family: "museo-slab", serif;
	font-size: calc(36 / 780 * 100vw);
	letter-spacing: 0.02em;
	position: absolute;
	top: calc(181 / 780 * 100vw);
	right: calc(155 / 780 * 100vw);
}
@media screen and (min-width: 768px){
	.content .keyv-catch01 {
		font-size: 36px;
		top: 157px;
		right: calc(50% - 340px);
	}
}
.content .keyv-catch02 {
	font-family: "museo-slab", serif;
	font-size: calc(50 / 780 * 100vw);
	letter-spacing: normal;
	position: absolute;
	top: calc(445 / 780 * 100vw);
	right: calc(-10 / 780 * 100vw);
	transform: rotate(90deg);
}
@media screen and (min-width: 768px){
	.content .keyv-catch02 {
		font-size: 50px;
		top: 413px;
		right: calc(50% - 536px);
	}
}
.content .keyv-catch03 {
	font-family: "museo-slab", serif;
	font-size: calc(40 / 780 * 100vw);
	letter-spacing: 0.02em;
	position: absolute;
	top: calc(453 / 780 * 100vw);
	right: calc(-66 / 780 * 100vw);
	transform: rotate(90deg);
}
@media screen and (min-width: 768px){
	.content .keyv-catch03 {
		font-size: 40px;
		top: 420px;
		right: calc(50% - 591px);
	}
}
.content .keyv-catch04 {
	font-family: "museo-slab", serif;
	font-size: calc(15 / 780 * 100vw);
	letter-spacing: normal;
	line-height: calc(19 / 15);
	position: absolute;
	top: calc(484 / 780 * 100vw);
	left: calc(-135 / 780 * 100vw);
	transform: rotate(90deg);
}
@media screen and (min-width: 768px){
	.content .keyv-catch04 {
		font-size: 15px;
		top: 427px;
		left: calc(50% - 648px);
	}
}



.content .text {
	display: block;
	margin-bottom: calc(23 / 780 * 100vw);
	font-size: calc(24 / 780 * 100vw);
	font-weight: 500;
	line-height: calc(44 / 24);
	text-align: left;
	letter-spacing: -0.025em;
}
@media (min-width: 768px) {
	.content .text {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: calc(28 / 14);
		text-align: center;
		letter-spacing: normal;
	}
}

/* ====================
intro
==================== */
.content .intro {
	padding-bottom: calc(85 / 780 * 100vw);
	background: #d3d3d4;
}
@media (min-width: 768px) {
	.content .intro {
		padding: 0 0 62px;
	}
}
.content .intro-desc {
	width: calc(676 / 780 * 100vw);
	margin: 0 auto;
}
@media screen and (min-width: 768px){
	.content .intro-desc {
		width: 100%;
	}
}
.content .intro-title {
	position: relative;
	margin: 0 auto 0;
	margin-bottom: calc(124 / 780 * 100vw);
	padding: 0;
	font-size: calc(35 / 780 * 100vw);
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	text-align: center;
	font-family: "Noto Serif JP", serif;
}
@media (min-width: 768px) {
	.content .intro-title {
		margin: 0 auto 94px;
		font-size: 20px;
		line-height: 1.59;
		letter-spacing: 0.1em;
	}
}
.content .intro-title strong {
	font-family: "Noto Serif JP", serif;
	font-size: calc(54 / 780 * 100vw);
	font-weight: 600;
	letter-spacing: 0.4em;
	text-indent: 0.4em;
	line-height: 1;
	margin: 0 0 calc(-40 / 780 * 100vw);
	display: block;
}
@media (min-width: 768px) {
	.content .intro-title strong {
		font-size: 36px;
		letter-spacing: 0.4em;
		margin: 0 0 -9px;
	}
}
.content .intro-title::after {
	display: block;
	position: absolute;
	bottom: -48px;
	left: 50%;
	transform: scaleY(0);
	width: 1px;
	height: 40px;
	background: #000000;
	content: "";
}
.content .intro-title.scrollin::after {
	transform: scaleY(1);
}

/* nav */
.content .nav {
	background: #d3d3d4;
	padding: 0 0 calc(140 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .nav {
		padding: 0 0 80px;
	}
}
.content .nav-list {
	width: calc(676 / 780 * 100vw);
	margin: 0 auto;
}
@media (min-width: 768px) {
	.content .nav-list {
		width: 1000px;
		max-width: 100%;
		display: flex;
		justify-content: space-between;
	}
}
@media screen and (max-width: 767px){
	.content .nav-list-item:nth-child(1) {
		border-top: solid 1px #111111;
		height: calc(126 / 780 * 100vw);
	}
	.content .nav-list-item:nth-child(3) {
		height: calc(126 / 780 * 100vw);
	}
	.content .nav-list-item:nth-child(2) {
		height: calc(187 / 780 * 100vw);
	}
	.content .nav-list-item {
		border-bottom: solid 1px #111111;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.content .nav-list-item {
		height: calc(100 / 1000 * 100vw);
	}
	.content .nav-list-item:nth-child(1) {
		width: calc(250 / 1000 * 100vw);
	}
}
@media (min-width: 768px) {
	.content .nav-list-item:nth-child(1) {
		border-left: solid 1px #111111;
		border-top: none;
		width: 250px;
	}
	.content .nav-list-item:nth-child(2) {
		width: 500px;
	}
	.content .nav-list-item:nth-child(3) {
		width: 250px;
	}
	.content .nav-list-item {
		border-right: solid 1px #111111;
		border-bottom: none;
		height: 100px;
	}
}
.content .nav-list-item-link {
	width: 100%;
	height: 100%;
	font-size: calc(23 / 780 * 100vw);
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.3;
	padding: 0;
	position: relative;
	text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.content .nav-list-item-link {
		font-size: calc(14 / 1000 * 100vw);
		line-height: 1.43;
		padding: 6px calc(28 / 1000 * 100vw);
		display: block;
		text-align: center;
	}
}
@media screen and (min-width: 1024px) {
	.content .nav-list-item-link {
		font-size: 14px;
		line-height: 1.43;
		padding: 0;
		display: block;
		text-align: center;
		height: 100%;
	}
}
.content .nav-list-item-link::before,
.content .nav-list-item-link::after {
	display: block;
	position: absolute;
	content: "";
}
.content .nav-list-item-link::before {
	top: calc(50% - 7px);
	right: calc(34 / 780 * 100vw);
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid #333333;
	transform: rotate(90deg);
}
.content .nav-list-item-link::after {
	top: calc(50% - 11px);
	right: calc(36 / 780 * 100vw);
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 6px solid #d3d3d4;
	transform: rotate(90deg);
}
@media (min-width: 768px) {
	.content .nav-list-item-link::before {
		top: auto;
		bottom: -7px;
		right: calc(50% - 4px);
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 8px solid #333333;
		transform: rotate(90deg);
	}
	.content .nav-list-item-link::after {
		top: auto;
		bottom: -6px;
		right: calc(50% - 3px);
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-left: 6px solid #d3d3d4;
		transform: rotate(90deg);
	}
}
.content .nav-list-item-link span {
	display: block;
	font-family: "museo-slab", serif;
	font-size: calc(35 / 780 * 100vw);
	font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.content .nav-list-item-link span {
		font-size: calc(20 / 1000 * 100vw);
		margin: 0 0 5px;
	}
}
@media screen and (min-width: 1024px) {
	.content .nav-list-item-link span {
		font-size: 20px;
		margin: -5px 0 2px;
	}
}





.content .new-collection-title {
	width: 100%;
	font-size: calc(23 / 780 * 100vw);
	line-height: 1.43;
	text-align: center;
	padding-top: calc(24 / 780 * 100vw);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.content .new-collection-title {
		font-size: calc(14 / 1000 * 100vw);
		line-height: 1.43;
		text-align: center;
	}
}
@media screen and (min-width: 1024px) {
	.content .new-collection-title {
		font-size: 14px;
		line-height: 1.43;
		padding: 0;
		text-align: center;
		margin-top: -5px;
	}
}
.content .new-collection-title span {
	font-family: "museo-slab", serif;
	font-size: calc(35 / 780 * 100vw);
	font-weight: 500;
	line-height: 1.3;
	display: block;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.content .new-collection-title span {
		font-size: calc(20 / 1000 * 100vw);
		text-align: center;
		line-height: 1.43;
		display: block;
	}
}
@media screen and (min-width: 1024px) {
	.content .new-collection-title span {
		font-size: 20px;
		text-align: center;
		line-height: 1.43;
		display: block;
		margin: 0 0 2px;
	}
}

@media screen and (max-width: 767px){
	.content .new-collection-list {
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-top: calc(20 / 780 * 100vw);
	}
	.content .new-collection-list-item {
		width: 50%;
		height: calc(40 / 780 * 100vw);
		text-align: center;
		font-family: "museo-slab", serif;
		font-size: calc(35 / 780 * 100vw);
		font-weight: 500;
		line-height: 1;
	}
	.content .new-collection-list-item:nth-child(2) {
		border-left: solid 1px #111111;
	}
	.content .new-collection-list-item a {
		display: block;
		height: 100%;
	}
	.content .new-collection-list-item a span {
		position: relative;
		margin-left: calc(-64 / 780 * 100vw);
	}
	.content .new-collection-list-item a span::before {
		content: "";
		position: absolute;
		top: calc(50% - 9px);
		right: calc(-60 / 780 * 100vw);
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 8px solid #333333;
		transform: rotate(90deg);
	}
	.content .new-collection-list-item a span::after {
		content: "";
		position: absolute;
		top: calc(50% - 13px);
		right: calc(-58 / 780 * 100vw);
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-left: 6px solid #d3d3d4;
		transform: rotate(90deg);
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
@media screen and (min-width: 1024px) {
	.content .new-collection-list {
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-top: 13px;
	}
	.content .new-collection-list-item {
		width: 250px;
		height: 42px;
		text-align: center;
		font-family: "museo-slab", serif;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.3;
	}
	.content .new-collection-list-item:nth-child(2) {
		border-left: solid 1px #111111;
	}
	.content .new-collection-list-item a {
		display: block;
		margin-top: -6px;
		height: 100%;
		position: relative;
	}
	.content .new-collection-list-item a::before {
		content: "";
		position: absolute;
		top: auto;
		bottom: -7px;
		right: calc(50% - 4px);
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 8px solid #333333;
		transform: rotate(90deg);
	}
	.content .new-collection-list-item a::after {
		content: "";
		position: absolute;
		top: auto;
		bottom: -6px;
		right: calc(50% - 3px);
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-left: 6px solid #d3d3d4;
		transform: rotate(90deg);
	}
}


/* title */
.content .title {
	position: relative;
	font-size: calc(25 / 780 * 100vw);
	color: #111111;
	font-weight: 400;
	padding: 0;
	line-height: 1;
	z-index: 1;
	letter-spacing: 0.1em;
}
@media (min-width: 768px) {
	.content .title {
		font-size: 14px;
		letter-spacing: normal;
	}
}
.content .title::after {
	display: block;
	position: absolute;
	bottom: -60px;
	left: 50%;
	z-index: 2;
	transform: scaleY(0);
	width: 1px;
	height: 40px;
	background: #000000;
	content: "";
}
.content #about .title::after {
	display: none;
}
.content .title.scrollin::after {
	transform: scaleY(1);
	display: none;
}
@media (min-width: 768px) {
	.content .title::after {
		bottom: -80px;
		left: 50%;
		height: 50px;
	}
}
.content .title span {
	display: block;
	color: #111111;
	font-family: "museo-slab", serif;
	font-size: calc(54 / 780 * 100vw);
	font-weight: 500;
	margin: 0 0 calc(20 / 780 * 100vw);
	text-align: center;
	letter-spacing: normal;
}
@media (min-width: 768px) {
	.content .title span {
		font-size: 38px;
		margin: 0 0 14px;
	}
}

/* cp */
.content .cp {
	background: #d3d3d4;
	padding: 0 0 calc(94 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .cp {
		padding: 80px 0 83px;
	}
}
.content .cp-desc {
	width: 100%;
	margin: calc(40 / 780 * 100vw) auto 0;
	position: relative;
	z-index: 0;
}
@media (min-width: 768px) {
	.content .cp-desc {
		margin: 33px auto 0;
	}
}
.content .cp-image {
	margin: 0 auto 22px;
}
.content .cp-image picture {
	width: calc(480 / 780 * 100vw);
	margin: auto;
	display: block;
}
@media (min-width: 768px) {
	.content .cp-image {
		margin: 0 0 35px;
		/* background: #f4f2f5; */
		/* background: linear-gradient(90deg, #f4f3f6 0%, #f4f3f6 50%, #f9f8fd 50%, #f9f8fd 100%); */
		text-align: center;
		position: relative;
		z-index: 0;
	}
	.content .cp-image picture {
		width: 390px;
		margin: auto;
		display: block;
	}
}
.content .cp-desc .text {
	width: 92%;
	margin: 0 auto 13px;
}
.content .cp-desc .note {
	width: 92%;
	margin: 0 auto;
	font-size: 12.5px;
}
.content .cp-desc .note strong {
	font-size: 14px;
	font-weight: bold;
}
@media (min-width: 768px) {
	.content .cp-desc .note {
		text-align: center;
		font-size: 14px;
	}
	.content .cp-desc .note strong {
		font-size: 1.3em;
		font-weight: bold;
	}
}
.content .cp-end {
	margin: 0 0 15px;
	color: #e00000;
	font-size: 13px;
	line-height: 2;
}
@media (min-width: 768px) {
	.content .cp-end {
		margin: 0 0 40px;
		font-size: 16px;
		line-height: 2.125;
		text-align: center;
	}
}
.content .cp-link {
	font-size: 12px;
}
@media (min-width: 768px) {
	.content .cp-link {
		font-size: 16px;
		text-align: center;
	}
}

/* about */
.content .about {
	background: #d3d3d4;
	padding: calc(56 / 780 * 100vw) 0 calc(166 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .about {
		padding: 77px 0 161px;
	}
}
.content .about-text {
	width: calc(676 / 780 * 100vw);
	margin: 0 auto;
}
@media screen and (min-width: 768px){
	.content .about-text {
		width: 100%;
	}
}

/* scroll-line */
@media (min-width: 768px) {
	.content .intro-title::after,
	.content .cp-title::after,
	.content .sec-title::after,
	.content .lineup-title::after {
		display: block;
		position: absolute;
		bottom: -72px;
		left: 50%;
		transform: scaleY(0);
		width: 1px;
		height: 50px;
		background: #000000;
		content: "";
	}
	
	.content .intro-title.scrollin::after,
	.content .cp-title.scrollin::after,
	.content .sec-title.scrollin::after,
	.content .sec-image.scrollin::after,
	.content .lineup-title.scrollin::after {
		transform: scaleY(1);
	}
}

/* movie */
.content .movie-wrap {
	position: relative;
	height: 0;
	margin: 16px 15px 11px;
	padding: 0 0 56.25%;
	overflow: hidden;
	z-index: 3;
}
@media (min-width: 768px) {
	.content .movie-wrap {
		width: 900px;
		max-width: 100%;
		height: 506px;
		margin: 58px auto 32px;
		padding: 0;
	}
}
.content .movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ====================
section
==================== */
.content .section {
	margin: 0 0 70px;
}
@media (min-width: 768px) {
	.content .section {
		margin: 0 0 100px;
	}
}
.content .section.cp {
	margin: 0 0 86px;
}
@media (min-width: 768px) {
	.content .section.cp {
		margin: 0 0 140px;
	}
}
.content .sec-title {
	position: relative;
	margin: 0 auto 65px;
	font-size: 35px;
	font-family: "museo-slab", serif;
	line-height: 1.5;
	text-align: center;
}
@media (min-width: 768px) {
	.content .sec-title {
		position: relative;
		margin: 0 auto 77px;
		font-size: 56px;
		font-family: "museo-slab", serif;
		text-align: center;
	}
}
.content .sec-title::after {
	display: block;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: scaleY(0);
	width: 1px;
	height: 40px;
	background: #000000;
	content: "";
}
.content .sec-title.scrollin::after {
	transform: scaleY(1);
}
.content .sec-lead {
	display: block;
	font-size: 17px;
	font-family: "museo-slab", serif;
}
.content .sec-intro-desc {
	width: 92%;
	margin: 0 auto 5px;
}
@media (min-width: 768px) {
	.content .sec-intro-desc {
		margin: 0 auto 35px;
	}
}
.image-wrap {
	position: relative;
	overflow: hidden;
}
@media (min-width: 768px) {
	.content .image-wrap {
		position: relative;
		width: 1180px;
		margin: 0 auto;
		overflow: hidden;
	}
}
@media (min-width: 768px) {
	.content .image-wrap .name {
		position: absolute;
		top: calc(50% - 23px);
		color: #ffffff;
		font-size: 46px;
		font-family: "museo-slab", serif;
		line-height: 1;
		letter-spacing: 2px;
		-webkit-transition: .7s .7s ease;
		transition: .7s .7s ease;
	}
}
.content .sec-image {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0 0 28px;
	text-align: center;
}
@media (min-width: 768px) {
	.content .sec-image {
		display: block;
		position: relative;
		z-index: 1;
		width: 100%;
		margin: 0 auto 50px;
		text-align: center;
	}
}
.content .sec-image::after {
	display: block;
	position: absolute;
	top: -55px;
	left: 50%;
	z-index: 2;
	transform: scaleY(0);
	width: 1px;
	height: 40px;
	background: #000000;
	content: "";
}
@media (min-width: 768px) {
	.content .sec-image::after {
		display: block;
		position: absolute;
		top: -70px;
		left: 50%;
		z-index: 2;
		transform: scaleY(0);
		width: 1px;
		height: 50px;
		background: #000000;
		content: "";
	}
}
.content .sec-image.scrollin::after {
	transform: scaleY(1);
}

/* item-desc */
.content .item-desc {
	width: 100%;
	margin: 0 auto 118px;
	text-align: center;
}
@media (min-width: 768px) {
	.content .item-desc {
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		justify-content: center;
		width: 1020px;
		margin: 0 auto 180px;
	}
}
@media (min-width: 768px) {
	.content .item-desc.more {
		-webkit-box-align: center;
		align-items: center;
	}
}
.content .item-desc:last-child {
	margin: 0 auto 105px;
}
@media (min-width: 768px) {
	.content .item-desc:last-child {
		margin: 0 auto;
	}
}
.content .item-desc .name {
	margin: 0 auto 20px;
	font-size: 28px;
	font-family: "museo-slab", serif;
	text-align: center;
	letter-spacing: 2px;
}
.content .item-desc .image {
	width: 75%;
	margin: 0 auto 45px;
}
@media (min-width: 768px) {
	.content .item-desc-image {
		width: 400px;
		margin: 0 60px 0 0;
	}
	.content .item-desc-image .image {
		margin: 0 auto 45px;
	}
}
.content .item-desc .item-icn {
	display: inline-block;
	margin: 0 8px 26px 0;
	padding: 3px 10px;
	background: #222222;
	color: #ffffff;
	font-size: 18px;
	line-height: 1;
	text-align: center;
}
.content .item-desc .detail {
	display: inline-block;
	margin: 0 0 26px;
	text-align: center;
}
@media (min-width: 768px) {
	.content .item-desc .detail {
		margin: 0 auto;
		text-align: left;
		width: 220px;
	}
}
.content .item-desc .color,
.content .item-desc .price {
	display: inline-block;
	font-size: 18px;
}
@media (min-width: 768px) {
	.content .item-desc .color,
	.content .item-desc .price {
		width: 75%;
		font-size: 24px;
		line-height: 1.6;
	}
}
.content .item-desc .color {
	margin: 0 0.7em 0 0;
}
@media (min-width: 768px) {
	.content .item-desc .price {
		letter-spacing: -1px;
	}
}
.content .item-desc .label {
	display: inline-block;
	color: #111111;
	font-size: 12px;
	vertical-align: 3px;
}
@media (min-width: 768px) {
	.content .item-desc .label {
		font-size: 16px;
		margin: 0;
		color: #555555;
		letter-spacing: 0;
	}
	
}
.content .item-desc .price .tax {
	display: inline-block;
	font-size: calc(20 / 780 * 100vw);
	margin: 0 0 0 .4em;
	vertical-align: 2px;
}
@media (min-width: 768px) {
	.content .item-desc .price .tax {
		font-size: 16px;
		letter-spacing: 0;
	}
}
.content .item-desc .text {
	width: 78%;
	margin: 0 auto 11px;
}
@media (min-width: 768px) {
	.content .item-desc-text {
		width: 560px;
	}
	.content .item-desc-text .text {
		text-align: left;
	}
}

/* ====================
lineup > sc-itemlist-wrap
==================== */
.content .lineup-title {
	position: relative;
	z-index: 2;
	margin: 0 auto 38px;
	font-size: 35px;
	font-family: "museo-slab", serif;
	text-align: center;
}
@media (min-width: 768px) {
	.content .lineup-title {
		margin: 0 auto 60px;
		font-size: 56px;
	}
}
.content .lineup-title::after {
	display: block;
	position: absolute;
	bottom: -43px;
	left: 50%;
	z-index: 2;
	transform: scaleY(0);
	width: 1px;
	height: 40px;
	background: #000000;
	content: "";
}
.content .lineup-title.scrollin::after {
	transform: scaleY(1);
}
.content .sc-itemlist {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	position: relative;
	margin: 0 15px 56px;
}
@media (min-width: 768px) {
	.content .sc-itemlist {
		width: 1030px;
		margin: 0 auto;
	}
}
.content .sc-itemlist .list {
	width: 48%;
	margin: 0 0 34px;
	text-align: left;
}
@media (min-width: 768px) {
	.content .sc-itemlist .list {
		width: 230px;
		margin: 0 0 55px 36px;
	}
	.content .sc-itemlist .list:nth-child(4n+1) {
		margin: 0 0 55px;
	}
}
.content .sc-itemlist .list-image {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
@media (min-width: 768px) {
	.content .sc-itemlist .list-image {
		display: block;
		position: relative;
		width: 100%;
		margin: 0;
		overflow: hidden;
		-webkit-transition: .5s ease;
		transition: .5s ease;
	}
}
.content .sc-itemlist .list-image::before {
	display: block;
	padding-top: 60%;
	overflow: hidden;
	content: "";
}
@media (min-width: 768px) {
	.content .sc-itemlist .list-image::before {
		display: block;
		padding-top: 56%;
		overflow: hidden;
		content: "";
	}
}
.content .sc-itemlist .list:nth-child(2n+1) {
	margin-right: 4%;
}
@media (min-width: 768px) {
	.content .sc-itemlist .list:nth-child(2n+1) {
		margin-right: 4%;
	}
}
.content .sc-itemlist .list-image .itemimage {
	display: block;
	position: absolute;
	top: calc(18 / 780 * 100vw);
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.content .sc-itemlist .list-image .itemimage img {
	position: absolute;
	top: -34%;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.content .sc-itemlist .list a:hover ,
.content .sc-itemlist .list a:active ,
.content .sc-itemlist .list a:hover .item-name {
	opacity: 1;
	text-decoration: none;
}
@media (min-width: 768px) {
	.content .sc-itemlist .list .list-image:hover,
	.content .sc-itemlist .list .item-name:hover {
		opacity: .76;
	}
}
.content .sc-itemlist .item-name {
	display: block;
	position: relative;
	z-index: 1;
	margin-top: calc(5 / 780 * 100vw);
	margin-bottom: calc(4 / 780 * 100vw);
	font-size: calc(30 / 780 * 100vw);
	font-family: "museo-slab", serif;
	text-align: center;
}
@media (min-width: 768px) {
	.content .sc-itemlist .item-name {
		margin-top: 0;
		margin-bottom: 6px;
		font-size: 24px;
		-webkit-transition: .5s ease;
		transition: .5s ease;
	}
}
.content .sc-itemlist .item-color,
.content .sc-itemlist .item-price {
	display: block;
	width: 82%;
	font-size: calc(25 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .sc-itemlist .item-color,
	.content .sc-itemlist .item-price {
		width: 195px;
		font-size: 18px;
	}
}
.content .sc-itemlist .item-color {
	margin: 0 auto;
	letter-spacing: -0.02em;
}
@media (min-width: 768px) {
	.content .sc-itemlist .item-color {
		margin: 0 auto 3px;
	}
}
.content .sc-itemlist .item-price {
	margin: calc(-8 / 780 * 100vw) auto calc(24 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .sc-itemlist .item-price {
		margin: 0 auto 18px;
	}
}
.content .sc-itemlist .item-price span {
	display: inline-block;
	margin: 0 0 0 .4em;
	font-size: 10px;
	vertical-align: 1px;
}
@media (min-width: 768px) {
	.content .sc-itemlist .item-price span {
		margin: 0 0 0 .6em;
		font-size: 14px;
	}
}
.content .sc-itemlist span.item-label {
	margin: 0;
	color: #111111;
	font-size: calc(21 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .sc-itemlist span.item-label {
		color: #555555;
		font-size: 14px;
	}
}

/* ====================
button
==================== */
.content .btn {
	display: block;
	position: relative;
	width: 100%;
	height: 45px;
	border: 1px solid #000000;
	box-sizing: border-box;
	font-size: 15px;
	line-height: calc(45px - 4px);
	text-align: center;
}
@media (min-width: 768px) {
	.content .btn {
		width: 380px;
		height: 60px;
		font-size: 18px;
		line-height: 58px;
		transition: .5s ease;
	}
}
.content .btn::before {
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 15px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333333;
	content: "";
}
.content .btn::after {
	display: block;
	position: absolute;
	top: calc(50% - 7px);
	right: 18px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 4px solid #ffffff;
	content: "";
}
@media (min-width: 768px) {
	.content .btn::before {
		top: calc(50% - 6px);
		right: 20px;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 8px solid #333333;
		transition: .5s ease;
	}
	.content .btn::after {
		top: calc(50% - 8px);
		right: 24px;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 5px solid #ffffff;
		transition: .5s ease;
	}
	.content .btn:hover,
	.content a.btn:hover {
		opacity: 1;
		background: #000000;
		color: #ffffff;
	}
	.content .btn:hover::before {
		border-left-color: #ffffff;
	}
	.content .btn:hover::after {
		border-left-color: #000000;
	}
}
.content .item-desc .item-btn-wrap {
	width: calc(500 / 780 * 100vw);
	margin: 0 auto;
	margin-top: calc(50 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .item-desc .item-btn-wrap {
		width: auto;
		/* margin: 50px auto 0; */
		margin: 50px 0 0;
		position: relative;
	}
}
.content .item-desc .btn {
	font-size: calc(25 / 780 * 100vw);
	width: 100%;
	height: calc(72 / 780 * 100vw);
	line-height: calc(72 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .item-desc .btn {
		/* margin: 0 auto; */
		margin: 0;
		font-size: 14px;
		height: 50px;
		line-height: calc(50px - 4px);
		width: 360px;
		transition: .5s ease;
	}
}
.content .sc-itemlist .btn {
	display: block;
	position: relative;
	width: calc(302 / 780 * 100vw);
	height: calc(62 / 780 * 100vw);
	margin: 0 auto;
	border: 1px solid #000000;
	font-size: calc(24 / 780 * 100vw);
	line-height: calc(62 / 780 * 100vw);
	text-align: center;
}
@media (min-width: 768px) {
	.content .sc-itemlist .btn {
		width: 195px;
		height: 40px;
		padding-right: 10px;
		font-size: 16px;
		line-height: calc(40px - 4px);
		z-index: 1;
	}
}
.content .sc-itemlist .btn::before {
	display: block;
	position: absolute;
	top: 10px;
	right: 12px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333333;
	content: "";
}
.content .sc-itemlist .btn::after {
	display: block;
	position: absolute;
	top: 8px;
	right: 15px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 4px solid #ffffff;
	content: "";
}
@media (min-width: 768px) {
	.content .sc-itemlist .btn::before {
		top: calc(50% - 6px);
		right: 20px;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 8px solid #333333;
		transition: .5s ease;
	}
	.content .sc-itemlist .btn::after {
		top: calc(50% - 8px);
		right: 24px;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 5px solid #ffffff;
		transition: .5s ease;
	}
	.content .sc-itemlist .btn:hover,
	.content .sc-itemlist a.btn:hover {
		opacity: 1;
		background: #000000;
		color: #ffffff;
	}
	.content .sc-itemlist .btn:hover::before {
		border-left-color: #ffffff;
	}
	.content .sc-itemlist .btn:hover::after {
		border-left-color: #000000;
	}
}

/* ====================
shop-area
==================== */
.content .shop-area {
	width: 100%;
	margin: 0 auto 0;
	padding: calc(64 / 780 * 100vw) 4% calc(121 / 780 * 100vw);
	background-color: #d3d3d4;
	text-align: center;
}
@media (min-width: 768px) {
	.content .shop-area {
		margin: 0 auto 0;
		padding: 65px 0 160px;
	}
}
.content .shop-title {
	display: inline-block;
	position: relative;
	margin: 0 auto 24px;
	font-size: calc(50 / 780 * 100vw);
	letter-spacing: 0.06em;
	font-family: "museo-slab", serif;
	line-height: 1;
	font-weight: 500;
}
@media (min-width: 768px) {
	.content .shop-title {
		margin: 0 auto 0px;
		font-size: 40px;
		line-height: normal;
		font-weight: 500;
		letter-spacing: normal;
	}
}
.content .shop-title span {
	display: block;
	color: #000000;
	font-size: calc(25 / 780 * 100vw);
	font-weight: 500;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.05em;
	padding-top: calc(28 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .shop-title span {
		font-size: 14px;
		text-align: center;
		padding-top: 6px;
	}
}
.content .area-name {
	margin: 0 auto 10px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
}
.content .shop-list {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 auto 20px;
	column-gap: calc(10 / 780 * 100vw);
	row-gap: calc(11 / 780 * 100vw);
	width: calc(716 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .shop-list {
		width: 1000px;
		max-width: 100%;
		margin-top: 32px;
		column-gap: 10px;
		row-gap: 10px;
	}
}
.content .shop-list-item {
	width: calc(352 / 780 * 100vw);
	height: calc(97 / 780 * 100vw);
	/* margin: 0 0 7px 2%; */
	margin: 0;
}
/* .content .shop-list-item:nth-child(2n+1) {
	margin: 0 0 7px;
} */
@media (min-width: 768px) {
	.content .shop-list-item {
		width: calc((100% - 22px) / 3);
		height: 60px;
		margin: 0;
	}
	.content .shop-list-item:nth-child(2n+1) {
		margin: 0;
	}
	.content .shop-list-item:nth-child(3n+1) {
		margin: 0;
	}
}
.content .shop-list-btn {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	background: #f7f7f7;
	width: 100%;
	height: 12.5vw;
}
@media (min-width: 768px) {
	.content .shop-list-btn {
		height: 60px;
	}
}
.content .shop-list-btn span {
	width: 100%;
	font-size: 11.5px;
	line-height: 1.4;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "Meiryo", "MS PGothic", sans-serif;
}
@media (min-width: 768px) {
	.content .shop-list-btn span {
		font-size: 14px;
		line-height: 1.43;
	}
}

/* ========================================
	backnumber
======================================== */
.content .backnumber {
	padding: 0;
	/* margin: -10px 0 0; */
	background: #d3d3d4;
	background-color: transparent;
}
@media (min-width: 768px) {
	.content .backnumber {
		padding-top: 0;
	}
}
.content .backnumber .title {
	margin: 0;
	background: #d3d3d4;
	padding-top: calc(154 / 780 * 100vw);
	padding-bottom: calc(62 / 780 * 100vw);
	letter-spacing: 0.05em;
	font-size: calc(24 / 780 * 100vw);
}
.content .backnumber .title span {
	letter-spacing: 0.06em;
	font-size: calc(50 / 780 * 100vw);
	margin-bottom: calc(30 / 780 * 100vw);
}
.content .backnumber .title::after {
	bottom: -20px;
	height: 40px;
	display: none;
}
@media (min-width: 768px) {
	.content .backnumber .title {
		line-height: 1.8;
		background: #d3d3d4;
		padding: 119px 0 33px;
		margin: 0;
		position: relative;
		z-index: 1;
		margin-bottom: 0;
		font-size: 14px;
	}
	.content .backnumber .title span {
		font-size: 40px;
		margin: 0 0 -6px;
		letter-spacing: normal;
	}
	.content .backnumber .title::after {
		bottom: -20px;
		height: 40px;
	}

}
/* .content .backnumber .title::before {
	display: block;
	position: absolute;
	top: -36px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 50px;
	background: #eceae0;
	content: "";
}
@media (min-width: 768px) {
	.content .backnumber .title::before {
		top: -56px;
		height: 75px;
	}
} */
.content .bn-accordion-wrap {
	display: none;
	margin: 110px 0;
}
@media (min-width: 768px) {
	.content .bn-accordion-wrap {
		margin-bottom: 220px;
	}
}
.content .backnumber .banner {
	position: relative;
	padding: 0 0 calc(80 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .backnumber .banner {
		width: 1000px;
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 60px;
	}
	.content .backnumber .banner.accordion-on:hover {
		cursor: pointer;
		opacity: 0.8;
	}
}
.content .backnumber .bn-banner-lead {
	width: 100%;
	display: block;
	font-size: 4.3vw;
	font-family: "museo-slab", serif;
	color: #ffffff;
	text-align: center;
	line-height: 1;
	position: absolute;
	bottom: 24vw;
	left: 0;
}

@media (min-width: 768px) {
	.content .backnumber .bn-banner-lead {
		font-size: 22px;
		text-align: left;
		line-height: 1.45;
		bottom: 160px;
		left: auto;
		width: auto;
		right: 80px;
	}
	.content .backnumber .bnr-2025aw .bn-banner-lead {
		color: #000000;
	}
	.content .backnumber .bnr-2024ss .bn-banner-lead {
		color: #111111;
	}
}
.content .backnumber .more-btn {
	width: 24vw;
	height: 8vw;
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: 3.2vw;
	text-align: center;
	line-height: 6.6vw;
	position: absolute;
	bottom: 8vw;
	left: calc(50% - 12vw);
}
@media (min-width: 768px) {
	.content .backnumber .more-btn {
		width: 200px;
		height: 30px;
		font-size: 14px;
		line-height: 26px;
		bottom: 100px;
		left: auto;
		right: 187px;
	}
	.content .backnumber .bnr-2025aw .more-btn {
		color: #111111;
		border: 1px solid #111111;
	}
	.content .backnumber .bnr-2024ss .more-btn {
		color: #111111;
		border: 1px solid #111111;
	}
}
.content .backnumber .banner.open .bn-banner-lead,
.content .backnumber .banner.open .more-btn {
	display: none;
}
@media (min-width: 768px) {
	.content .backnumber .bnr-2024aw .bn-banner-lead,
	.content .backnumber .bnr-2024aw .more-btn,
	.content .backnumber .bnr-2023aw .bn-banner-lead,
	.content .backnumber .bnr-2023aw .more-btn,
	.content .backnumber .bnr-2022ss .bn-banner-lead,
	.content .backnumber .bnr-2022ss .more-btn,
	.content .backnumber .bnr-2021aw .bn-banner-lead,
	.content .backnumber .bnr-2021aw .more-btn {
		left: 80px;
	}
	
	.content .backnumber .banner.open .bn-banner-lead,
	.content .backnumber .banner.open .more-btn {
		display: none;
	}
}


/* ========================================
	2026ss
======================================== */
/* ====================
section
==================== */
.content .spring-summer2026.section {
	background: #ffffff;
	padding: 0;
	margin: 0;
}

.content .spring-summer2026.section#optical {
	padding-top: calc(299 / 780 * 100vw);
}
.content .spring-summer2026.section#sunglasses {
	padding-top: calc(95 / 780 * 100vw);
}
@media screen and (min-width: 768px){
	.content .spring-summer2026.section#optical {
		padding-top: 247px;
	}
	.content .spring-summer2026.section#sunglasses {
		padding-top: 96px;
	}
}
.content .spring-summer2026 .title.newitem::after {
	display: none;
}

.content .spring-summer2026 .title {
	position: relative;
}
.content .spring-summer2026 .title span {
	margin: 0;
}
.content .spring-summer2026 .title span.title01 {
	font-size: calc(36 / 780 * 100vw);
	letter-spacing: 0.02em;
	position: absolute;
	top: calc(-101 / 780 * 100vw);
	left: calc(50% - 42 / 780 * 100vw);
}
.content .spring-summer2026 .title span.title02 {
	font-size: calc(50 / 780 * 100vw);
	letter-spacing: normal;
	position: absolute;
	top: calc(169 / 780 * 100vw);
	right: calc(-12 / 780 * 100vw);
	transform: rotate(90deg);
}
.content .spring-summer2026 .title span.title03 {
	font-size: calc(40 / 780 * 100vw);
	letter-spacing: 0.02em;
	position: absolute;
	top: calc(173 / 780 * 100vw);
	right: calc(-65 / 780 * 100vw);
	transform: rotate(90deg);
}
.content .spring-summer2026#optical .title span.title04 {
	font-size: calc(50 / 780 * 100vw);
	letter-spacing: normal;
	position: absolute;
	top: calc(76 / 780 * 100vw);
	left: calc(-3 / 780 * 100vw);
	transform: rotate(90deg);
}
.content .spring-summer2026#sunglasses .title span.title04 {
	font-size: calc(50 / 780 * 100vw);
	letter-spacing: normal;
	position: absolute;
	top: calc(123 / 780 * 100vw);
	left: calc(-48 / 780 * 100vw);
	transform: rotate(90deg);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .title {
		margin: 0;
	}
	.content .spring-summer2026 .title span.title01 {
		font-size: 36px;
		letter-spacing: 0.02em;
		position: absolute;
		top: -70px;
		left: calc(50% + 63px);
	}
	.content .spring-summer2026 .title span.title02 {
		font-size: 50px;
		letter-spacing: normal;
		position: absolute;
		top: 190px;
		right: calc(50% - 536px);
		transform: rotate(90deg);
	}
	.content .spring-summer2026 .title span.title03 {
		font-size: 40px;
		letter-spacing: 0.02em;
		position: absolute;
		top: 194px;
		right: calc(50% - 591px);
		transform: rotate(90deg);
	}
	.content .spring-summer2026#optical .title span.title04 {
		font-size: 40px;
		letter-spacing: 0.02em;
		position: absolute;
		top: 92px;
		left: calc(50% - 510px);
		transform: rotate(90deg);
	}
	.content .spring-summer2026#sunglasses .title span.title04 {
		font-size: 40px;
		letter-spacing: 0.02em;
		position: absolute;
		top: 129px;
		left: calc(50% - 549px);
		transform: rotate(90deg);
	}
}

/* section */
.spring-summer2026 .image-wrap {
	overflow: hidden;
	position: relative;
	height: calc(885 / 780 * 100vw);
	width: 100%;
	margin: 0 auto;
}
@media (min-width: 768px) {
	.spring-summer2026 .image-wrap {
		width: 1000px;
		height: 700px;
	}
}
.content .spring-summer2026 .sec-image {
	position: relative;
}

.content .spring-summer2026 .sec-image.sec-image-01 {
	margin-top: 0;
	margin-bottom: calc(100 / 780 * 100vw);
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	width: calc(466 / 780 * 100vw);
}
.content .spring-summer2026 .sec-image.sec-image-02 {
	margin-top: 0;
	margin-bottom: calc(124 / 780 * 100vw);
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	width: calc(466 / 780 * 100vw);
}
@media screen and (min-width: 768px){
	.content .spring-summer2026 .sec-image.sec-image-01 {
		margin-top: 0;
		margin-bottom: 21px;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
		width: 680px;
	}
	.content .spring-summer2026 .sec-image.sec-image-02 {
		margin-top: 0;
		margin-bottom: 21px;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
		width: 680px;
	}
}

/* Swiper用の追加（必要に応じて調整） */
.content .sec-image-01 .image-wrap.swiper,
.content .sec-image-02 .image-wrap.swiper {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
@media screen and (min-width: 768px){
	.content .sec-image-01 .image-wrap.swiper,
	.content .sec-image-02 .image-wrap.swiper {
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
	}
	
}

.content .sec-image-01 .swiper-wrapper,
.content .sec-image-02 .swiper-wrapper {
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.content .sec-image-01 .swiper-slide,
.content .sec-image-02 .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	opacity: 0;
	transition: opacity 2s ease-in-out;
}

.content .sec-image-01 .swiper-slide-active,
.content .sec-image-02 .swiper-slide-active {
	opacity: 1;
}

.content .sec-image-01 .image,
.content .sec-image-02 .image {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* フェード効果の補強 */
.content .sec-image-01 .swiper-slide img,
.content .sec-image-02 .swiper-slide img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: opacity 2s ease-in-out;
}

.content .sec-image-01 .swiper-slide-active img,
.content .sec-image-02 .swiper-slide-active img {
	opacity: 1;
}

.content .sec-image-01 .swiper-slide:not(.swiper-slide-active) img,
.content .sec-image-02 .swiper-slide:not(.swiper-slide-active) img {
	opacity: 0;
}

.content .spring-summer2026 .sec-image::after {
	top: auto;
	bottom: calc(-140 / 780 * 100vw);
	display: none;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .sec-image::after {
		bottom: -100px;
		height: 60px;
		z-index: 2;
	}
}
.content .spring-summer2026 .sec-image.scrollin::after {
	transform: scaleY(1);
}

/* item-desc */
.content .spring-summer2026 .item-desc-wrap {
	width: 100%;
	background: #ffffff;
	padding: calc(54 / 780 * 100vw) 0 0;
	position: relative;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc-wrap {
		width: 100%;
		background: #ffffff;
		padding: 100px 0 40px;
		position: relative;
	}
}
.content .spring-summer2026 .item-desc {
	margin: 0 auto;
	background: #ffffff;
	padding: calc(67 / 780 * 100vw) 0 calc(132 / 780 * 100vw);
	position: relative;
	z-index: 0;
}
.content .spring-summer2026 .item-desc.item-desc-01 {
	padding-bottom: calc(120 / 780 * 100vw);
}
.content .spring-summer2026 .item-desc.item-desc-02 {
	padding-top: calc(44 / 780 * 100vw);
	padding-bottom: calc(146 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc {
		width: 1000px;
		max-width: 100%;
		justify-content: space-between;
		padding: 0;
	}
	.content .spring-summer2026 .item-desc.right {
		flex-direction: row-reverse;
	}
	.content .spring-summer2026 .item-desc.item-desc-01 {
		padding-bottom: 0;
	}
	.content .spring-summer2026 .item-desc.item-desc-02 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.content .spring-summer2026 .item-desc.item-desc-01 .item-btn-wrap {
		margin-top: 32px;
	}
	.content .spring-summer2026 .item-desc.item-desc-02 .item-btn-wrap {
		margin-top: 32px;
	}
}
.content .spring-summer2026 .item-desc.item-desc-01 + .item-desc.item-desc-01 {
	margin: calc(12 / 780 * 100vw) auto 0;
	padding-bottom: calc(122 / 780 * 100vw);
}
.content .spring-summer2026 .item-desc.item-desc-02 + .item-desc.item-desc-02 {
	margin: calc(12 / 780 * 100vw) auto 0;
	padding-top: calc(42 / 780 * 100vw);
	padding-bottom: calc(146 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc.item-desc-01 + .item-desc.item-desc-01 {
		margin: 119px auto 0;
		padding-bottom: 0;
	}
	.content .spring-summer2026 .item-desc.item-desc-02 + .item-desc.item-desc-02 {
		margin: 48px auto 0;
		padding-bottom: 0;
		padding-top: 73px;
	}
	
}
.content .spring-summer2026 .item-desc .image {
	width: calc(676 / 780 * 100vw);
	margin: 0 auto calc(14 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .image {
		width: 50%;
		margin: 0;
	}
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc-detail {
		width: 50%;
	}
	.content .spring-summer2026 .detail-wrap {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 0 12px;
	}
}
.content .spring-summer2026 .item-desc .name {
	margin: 0;
	font-size: calc(40 / 780 * 100vw);
	line-height: 1;
	letter-spacing: 0.06em;
	position: absolute;
	top: 36px;
	width: 100%;
}
.content .spring-summer2026 .item-desc.item-desc-01 .name {
	top: 0;
}
.content .spring-summer2026 .item-desc.item-desc-02 .name {
	top: calc(-22 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .name,
	.content .spring-summer2026 .item-desc.item-desc-011 .name {
		display: inline-block;
		font-size: 32px;
		text-align: left;
		margin: 0 0 6px;
		position: static;
		width: auto;
		letter-spacing: 0.06em;
	}
	.content .spring-summer2026 .item-desc.item-desc-01 .name {
		letter-spacing: 0.05em;
	}
}
.content .spring-summer2026 .item-desc .name span {
	display: block;
	margin: 6px 0 10px;
	font-size: 13px;
	text-align: center;
	font-family: "museo-slab", serif;
	letter-spacing: 0.06em;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .name span {
		font-size: 11px;
		letter-spacing: 0.12em;
		margin: 5px 0 0;
	}
}
.content .spring-summer2026 .item-desc .icon-wrap {
	margin: 0 auto 5px;
	text-align: center;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .icon-wrap {
		display: inline-block;
		margin: -10px 0 0 17px;
	}
}
.content .spring-summer2026 .item-desc .icon {
	display: inline-block;
	margin: 0 auto;
	/* padding: 2px 15px; */
	padding: 3px 0 0;
	width: calc(148 / 780 * 100vw);
	height: calc(34 / 780 * 100vw);
	border: 1px solid #000000;
	background: #ffffff;
	color: #111111;
	font-family: "museo-slab", serif;
	font-size: 11px;
	line-height: 1;
	text-align: center;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .icon {
		/* padding: 0 14px; */
		width: 65px;
		padding: 2px 0 0;
		height: 40px;
		font-size: 14px;
		line-height: calc(40px - 4px);
	}
}
.content .spring-summer2026 .item-desc .detail {
	margin-bottom: calc(18 / 780 * 100vw);
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.content .spring-summer2026 .item-desc .detail {
		display: block;
		margin-bottom: 30px;
		width: auto;
	}
}
@media screen and (min-width: 1024px) {
	.content .spring-summer2026 .item-desc .detail {
		display: block;
		margin: 0 0 0 30px;
		width: 180px;
	}
}
.content .spring-summer2026 .item-desc .color,
.content .spring-summer2026 .item-desc .price {
	display: inline-block;
	font-size: calc(30 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .color,
	.content .spring-summer2026 .item-desc .price {
		font-size: 18px;
		margin: 0 0 8px;
		text-align: left;
		line-height: 1;
		width: 70%;
	}
}
.content .spring-summer2026 .item-desc .price {
	letter-spacing: -0.02em;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .price {
		letter-spacing: 0;
	}
}
.content .spring-summer2026 .item-desc .color {
	margin: 0 0.8em 0 0;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .color {
		margin: 0 0 8px;
	}
}
.content .spring-summer2026 .item-desc .color-type {
	font-size: 9px;
	letter-spacing: -0.04em;
	margin-left: -0.5em;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .color-type {
		font-size: 12px;
		vertical-align: 3px;
	}
}
.content .spring-summer2026 .item-desc .label {
	font-size: calc(25 / 780 * 100vw);
	vertical-align: 1px;
	padding: 0;
	font-weight: 400;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .label {
		font-size: 14px;
		vertical-align: 3px;
		line-height: 1;
	}
}
.content .spring-summer2026 .item-desc .label span {
	font-size: calc(25 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .label span {
		vertical-align: -2px;
		font-size: 12.5px;
	}
}
.content .spring-summer2026 .item-desc .price .tax {
	margin: 0;
	vertical-align: 1px;
	letter-spacing: initial;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .price .tax {
		font-size: 12px;
	}
}
.content .spring-summer2026 .item-desc .text {
	width: calc(670 / 780 * 100vw);
	margin: 0 auto;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .item-desc .text {
		text-align: left;
		margin: 0;
		width: 100%;
	}
}

/* ====================
lineup > sc-itemlist-wrap
==================== */
.content .spring-summer2026.new .title {
	line-height: 1.68;
	background: #ffffff;
	margin: 0;
	margin: calc(30 / 780 * 100vw) 0 0;
}
.content .spring-summer2026.new2 .title {
	line-height: 1.68;
	background: #ffffff;
	margin: 0;
	margin: calc(6 / 780 * 100vw) 0 0;
}
.content .spring-summer2026.new .title::before {
	display: none;
}
.content .spring-summer2026.new .title::after {
	display: none;
}
.content .spring-summer2026.new2 .title::before {
	display: none;
}
.content .spring-summer2026.new2 .title::after {
	display: none;
}
@media (min-width: 768px) {
	.content .spring-summer2026.new .title {
		line-height: 1.8;
		background: #ffffff;
		padding: 75px 0 0;
		margin: 0;
		position: relative;
		z-index: 1;
	}
	.content .spring-summer2026.new2 .title {
		line-height: 1.8;
		background: #ffffff;
		padding: 75px 0 0;
		margin: 0;
		position: relative;
		z-index: 1;
	}
}
.content .spring-summer2026.new .title::after {
	bottom: -20px;
	height: 40px;
}
.content .spring-summer2026.new .title span {
	line-height: 1;
	margin: 0 0 calc(18 / 780 * 100vw);
	font-size: calc(50 / 780 * 100vw);
	letter-spacing: 0.06em;
}
.content .spring-summer2026.new2 .title span {
	line-height: 1;
	margin: 0 0 calc(18 / 780 * 100vw);
	font-size: calc(50 / 780 * 100vw);
	letter-spacing: 0.06em;
}
@media (min-width: 768px) {
	.content .spring-summer2026.new .title span {
		margin: 0 0 20px;
		font-size: 40px;
		letter-spacing: normal;
	}
	.content .spring-summer2026.new2 .title span {
		margin: 0 0 20px;
		font-size: 40px;
		letter-spacing: normal;
	}
	.content .spring-summer2026.new .title::after {
		bottom: -20px;
		height: 40px;
	}
}
.content .spring-summer2026 .lineup {
	background: #ffffff;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .lineup.section-lineup-01 {
		margin: -3px 0 150px;
	}
	.content .spring-summer2026 .lineup.section-lineup-02 {
		margin: -3px 0 180px;
	}
}
.content .spring-summer2026 .lineup-title {
	z-index: 0;
	margin: 0 auto;
	font-size: 25px;
	line-height: 2;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .lineup-title {
		position: relative;
		margin: 0 auto 10px;
		font-size: 32px;
		font-family: "museo-slab", serif;
		text-align: center;
	}
}
.content .spring-summer2026 .lineup-title::after {
	display: none;
}
.content .spring-summer2026 .lineup-title::before {
	display: block;
	position: absolute;
	top: -29px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 57px;
	background: #eceae0;
	content: "";
}
@media (min-width: 768px) {
	.content .spring-summer2026 .lineup-title::before {
		top: -34px;
		height: 70px;
	}
}
.content .spring-summer2026 .lineup-desc {
	margin: -10px 0 0;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .lineup-desc {
		margin: -15px 0 15px;
	}
}
.content .spring-summer2026 .lineup-desc .text {
	text-align: center;
	letter-spacing: 0.1em;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .lineup-desc .text {
		line-height: 1.8;
	}
}
.content .spring-summer2026 .sc-itemlist {
	margin: calc(27 / 780 * 100vw) calc(30 / 780 * 100vw) calc(202 / 780 * 100vw);
	row-gap: calc(34 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .sc-itemlist {
		width: 1000px;
		max-width: 100%;
		margin: 0 auto;
		row-gap: 24px;
	}
}
.content .spring-summer2026 .sc-itemlist .list {
	margin: 0;
}
.content .spring-summer2026 .sc-itemlist .list:nth-child(2n+1) {
	margin-right: 4%;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .sc-itemlist .list,
	.content .spring-summer2026 .sc-itemlist .list:nth-child(2n+1) {
		width: calc((100% - 60px) / 4);
		margin: 0 0 0 20px;
	}
	.content .spring-summer2026 .sc-itemlist .list:nth-child(4n+1) {
		margin-left: 0;
	}
}
@media (min-width: 768px) {
	.content .spring-summer2026 .sc-itemlist .list-image {
		display: block;
		position: relative;
		width: 100%;
		margin: 0 0 18px;
		overflow: hidden;
		transition: .5s ease;
	}
	
	.content .spring-summer2026 .sc-itemlist .list-image::before {
		display: block;
		padding-top: 51.06%;
		overflow: hidden;
		content: "";
	}
	
	.content .spring-summer2026 .sc-itemlist .list-image .itemimage {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	
	.content .spring-summer2026 .sc-itemlist .list-image .itemimage image {
		position: absolute;
		top: -33%;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	
	.content .spring-summer2026 .sc-itemlist .list a:hover {
		opacity: 1;
	}
	
	.content .spring-summer2026 .sc-itemlist .list .list-image:hover,
	.content .spring-summer2026 .sc-itemlist .list .item-name:hover {
		opacity: .76;
	}
	
	.content .spring-summer2026 .sc-itemlist .list a:link {
		color: #111111;
	}
	
	.content .spring-summer2026 .sc-itemlist .item-name {
		display: block;
		margin: 0 0 2px;
		font-size: 20px;
		font-family: museo-slab, serif;
		text-align: center;
		transition: .5s ease;
	}
}
.content .spring-summer2026 .sc-itemlist .item-color,
.content .spring-summer2026 .sc-itemlist .item-price {
	width: 68%;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .sc-itemlist .item-label {
		margin: 0 1px 0 0;
		color: #111111;
		font-size: 14px;
	}
	.content .spring-summer2026 .sc-itemlist .item-color,
	.content .spring-summer2026 .sc-itemlist .item-price {
		display: block;
		width: auto;
		font-size: 16px;
		line-height: 1.33;
	}
	.content .spring-summer2026 .sc-itemlist .item-color {
		margin: 0 0 5px 40px;
	}
	
	.content .spring-summer2026 .sc-itemlist .item-price {
		margin: 0 0 17px 40px;
	}
}
.content .spring-summer2026 .sc-itemlist .item-price span {
	font-size: calc(21 / 780 * 100vw);
}
.content .spring-summer2026 .sc-itemlist .item-price .tax {
	font-size: calc(18 / 780 * 100vw);
	/* margin-left: calc(4 / 780 * 100vw); */
	margin: 0;
}
@media (min-width: 768px) {
	.content .spring-summer2026 .sc-itemlist .item-price span {
		display: inline-block;
		margin: 0;
		font-size: 14px;
		vertical-align: 1px;
	}
	.content .spring-summer2026 .sc-itemlist .item-price .tax {
		font-size: 12px;
		margin-left: 7px;
	}
}
.content .spring-summer2026 .sc-itemlist .btn {
	font-size: calc(21 / 780 * 100vw);
}
@media (min-width: 768px) {
	.content .spring-summer2026 .sc-itemlist .btn {
		font-size: 14px;
		width: 100%;
		padding-right: 0;
		margin: 0;
	}
}









/* 商品アイテムの子品番用Swiper */
.content .item-desc-image-wrapper.swiper {
	position: relative;
	overflow: hidden;
	width: 100%;
}
@media screen and (max-width: 767px){
	.content .item-desc-image-wrapper.swiper {
		height: calc(338 / 780 * 100vw);
	}
}
@media screen and (min-width: 768px){
	.content .item-desc-image-wrapper.swiper {
		height: 338px;
	}
}

.content .item-desc-image-wrapper .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.content .item-desc-image-wrapper .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	opacity: 0;
	transition: opacity 1.5s ease-in-out;
}

.content .item-desc-image-wrapper .swiper-slide-active {
	opacity: 1;
}

.content .item-desc-image-wrapper .swiper-slide img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: opacity 1.5s ease-in-out;
}

.content .item-desc-image-wrapper .swiper-slide-active img {
	opacity: 1;
}

.content .item-desc-image-wrapper .swiper-slide:not(.swiper-slide-active) img {
	opacity: 0;
}
/* Swiperページネーションのカスタマイズ例 */
.swiper-pagination-bullet {
	background: #efefef;
	opacity: 1;
	width: calc(20 / 780 * 100vw);
	height: calc(20 / 780 * 100vw);
}
@media screen and (min-width: 768px){
	.swiper-pagination-bullet {
		width: 13px;
		height: 13px;
	}
}
.swiper-pagination-bullet-active {
	background: #707070;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: calc(16 / 780 * 100vw);
	left: 0;
	width: 100%;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 calc(12 / 780 * 100vw);
}
@media screen and (min-width: 768px){
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 40px;
		left: 0;
		width: 460px;
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 12px;
	}
}


/* ====================
スクロール
==================== */
.fadein{opacity:0;}
.content .intro-title.fadein::after,
.content .title.fadein::after,
.content .sec-title.fadein::after,
.sec-image.fadein::after{-webkit-transform-origin: top;transform-origin: top;}
.right-talk{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}
.left-talk{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}
@media (min-width: 768px) {
	.content .lineup-title.fadein::after,
	.content .cp-title.fadein::after{-webkit-transform-origin: top;transform-origin: top;}
}

.fadein.scrollin{opacity:1;-webkit-transition:.5s .2s ease;transition:.5s .2s ease;-webkit-transform:none;transform:none}
.attention.fadein.scrollin{-webkit-transition:.8s .4s ease;transition:.8s .4s ease;}
.desc-title span.fadein.scrollin{-webkit-transition:.8s .6s ease;transition:.8s .6s ease;}
.content .intro-title.fadein.scrollin::after,
.content .title.fadein.scrollin::after,
.content .sec-title.fadein.scrollin::after,
.sec-image.fadein.scrollin::after{-webkit-transition:1s .2s ease;transition:1s .2s ease;}
@media (min-width: 768px) {
	.content .lineup-title.fadein.scrollin::after,
	.content .cp-title.fadein.scrollin::after{-webkit-transition:1s .2s ease;transition:1s .2s ease;}
}