@charset "UTF-8";
/*---------------------*/
/*max-width: 1200px ←画面全体が縮小する幅*/
/*max-width: 979px ←タブレット版*/
/*max-width: 767px ←スマホ版*/
/*max-width: 425px ←スマホ版さらに小さい幅に対応*/
/*構成*/
/*
FONT
COMMON
MAIN
HEADER
ARTICLE
ELEMENT
CONTENTS
LAYOUT
BTN
UTILITY
*/
/*---------------------*/

/* ========== FONT ========== */

.hiraginomin-w3 {
	font-family: "Noto Serif JP","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HiraMinProN-W3","游明朝","Yu Mincho","YuMincho", serif;
}



/* ========== COMMON ========== */

body{
	overflow-x: hidden;
}

/*可変幅表示にて使用*/
#page-body {
	overflow: hidden;
	width: 100%;
}

/* SMP表示での左右の余白を削除 */
@media (max-width: 979px) {
	#page-body {
		width: 100vw;
		margin: 0 -10px;
	}
}
@media (max-width: 767px) {
	#page-body {
		width: 100vw;
		margin: 0 -5px;
	}
}

/* 背景色がある場合フッターのマージンを削除 */
#footer_banner {
	margin-top: 0;
}



/* ========== MAIN ========== */

.navbar,
.breadcrumbs_wrap,
.breadcrumbs_wrap .container,
#page-footer,
#footer_banner {
	display: none;
}

#lp_main_wrap .description {
	height: 0;
}

.lp_viewpc_block {
	display: block;
}

.lp_viewsmp_block {
	display: none;
}

@media (max-width: 767px) {
	.lp_viewpc_block {
		display: none !important;
	}

	.lp_viewsmp_block {
		display: block !important;
	}
}

#lp_main_wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-feature-settings: "palt";
	word-wrap: break-word;
	color: #333333;
	font-size: 14px;
	line-height: 1;
	background-color: #ccb38f;
	overflow-x: hidden;
}

#lp_main_wrap * {
	box-sizing: border-box;
}

#lp_main_wrap li,
#lp_main_wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lp_main_wrap img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	line-height: 1;
}

#lp_main_wrap .lp_look_hero_bg img {
	max-width: none;
}

#lp_main_wrap .lp_content_item_img img {
	max-width: none;
}

#lp_main_wrap p {
	margin: 0;
}

#lp_main_wrap a {
	transition: opacity 0.5s ease;
	color: inherit;
	text-decoration: none;
}

#lp_main_wrap a:hover,
#lp_main_wrap a:active {
	opacity: 0.6;
}

#lp_main_wrap figure {
	margin: 0;
}

/* 背景テクスチャ（横リピートなし・縦反転タイルで継ぎ目を消す） */
#lp_main_wrap .lp_bg_texture {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	opacity: 0.8;
}

#lp_main_wrap .lp_bg_texture::before,
#lp_main_wrap .lp_bg_texture::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("https://ds-assets.store-image.jp/e-look.jp/2026/scapa/collaboration_2026aw_vol3/bg_re.jpg");
	background-repeat: repeat-y;
	background-size: 100% calc(100vw * 1018 / 1920);
	background-position: top center;
}

#lp_main_wrap .lp_bg_texture::after {
	transform: scaleY(-1);
	background-position: top calc(100vw * 1018 / 1920);
}

#lp_main_wrap header.lp_main,
#lp_main_wrap .lp_article,
#lp_main_wrap .lp_footer {
	position: relative;
	z-index: 1;
}

#lp_main_wrap header.lp_main picture,
#lp_main_wrap header.lp_main img {
	display: block;
	width: 100%;
	height: auto;
}

#lp_main_wrap header.lp_main.animation-fadeIn {
	opacity: 0;
}

#lp_main_wrap header.lp_main.active.animation-fadeIn {
	animation: fadeIn 0.9s ease-in-out 0s forwards;
}

/* ========== LEAD ========== */
#lp_main_wrap .lp_lead {
	padding: 110px 20px;
}

#lp_main_wrap .lp_lead_inner {
	max-width: 926px;
	margin: 0 auto;
	text-align: center;
}

#lp_main_wrap .lp_lead p {
	font-weight: 500;
	font-size: 14px;
	line-height: 2.2;
	letter-spacing: 0.1em;
}

@media (max-width: 767px) {
	#lp_main_wrap .lp_lead {
		padding: 73px 42px 0;
	}

	#lp_main_wrap .lp_lead_inner {
		max-width: 291px;
		margin-left: auto;
		margin-right: auto;
	}

	#lp_main_wrap .lp_lead p {
		font-size: 12px;
		line-height: 1.9;
		letter-spacing: 0.72px;
		padding-bottom: 75px;
	}
}

/* ========== NAV（vol.1準拠） ========== */
@media (min-width: 768px) {
	#lp_main_wrap .lp_nav {
		display: none;
		position: fixed;
		left: 36px;
		top: 88px;
		width: fit-content;
		z-index: 10;
	}

	#lp_main_wrap .lp_nav_logo {
		margin: 0 0 16px;
		line-height: 0;
	}

	#lp_main_wrap .lp_nav_logo img {
		display: block;
		width: 120px;
		height: auto;
	}

	#lp_main_wrap .lp_nav_list.lp_viewsmp_block {
		display: none !important;
	}

	#lp_main_wrap .lp_nav_list.lp_viewpc_block {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	#lp_main_wrap .lp_nav_list.lp_viewpc_block li a {
		position: relative;
		width: fit-content;
		height: 24px;
		display: flex;
		align-items: center;
		color: #48453a;
		font-family: "Times New Roman", "游明朝", "Yu Mincho", "YuMincho", serif;
		font-size: 14px;
		line-height: 1;
		letter-spacing: 0.08em;
		transition: opacity 0.6s;
	}

	#lp_main_wrap .lp_nav_list.lp_viewpc_block li a::before {
		content: "";
		width: 0;
		height: 1px;
		margin: auto 0;
		background-color: #48453a;
		transition: 0.6s;
	}

	#lp_main_wrap .lp_nav_list.lp_viewpc_block li a.active {
		font-size: 17px;
		font-style: italic;
	}

	#lp_main_wrap .lp_nav_list.lp_viewpc_block li a.active::before {
		width: 34px;
		margin-right: 8px;
	}
}

@media (max-width: 767px) {
	#lp_main_wrap > .lp_nav {
		display: none;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1000;
		width: 100%;
		padding: 13px 4px;
		background: #c2bdaf;
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
		opacity: 1;
	}

	#lp_main_wrap .lp_nav.is-fixed {
		display: block !important;
		opacity: 1 !important;
	}

	#lp_main_wrap .lp_nav a:hover,
	#lp_main_wrap .lp_nav a:active {
		opacity: 1;
	}

	#lp_main_wrap .lp_nav_list.lp_viewpc_block {
		display: none !important;
	}

	#lp_main_wrap .lp_nav_logo {
		display: none !important;
	}

	#lp_main_wrap ul.lp_nav_list.lp_viewsmp_block {
		display: flex !important;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin: 0;
		padding: 0 4px;
		list-style: none;
		gap: 12px;
	}

	#lp_main_wrap ul.lp_nav_list.lp_viewsmp_block li {
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
		display: block;
	}

	#lp_main_wrap ul.lp_nav_list.lp_viewsmp_block li a {
		color: #48453a;
		font-size: 14px;
		letter-spacing: 0;
		white-space: nowrap;
		display: inline-block;
		padding: 2px;
	}
}

/* ========== LOOK ========== */
#lp_main_wrap .lp_look {
	max-width: 100%;
	margin: 0 auto;
}

#lp_main_wrap #sec_01 {
	position: relative;
}

#lp_main_wrap #sec_01 > .lp_look_hero,
#lp_main_wrap #sec_01 > .lp_content_item {
	position: relative;
	z-index: 1;
}

#lp_main_wrap #sec_04 {
	position: relative;
}

#lp_main_wrap #sec_04 > .lp_look_hero,
#lp_main_wrap #sec_04 > .lp_content_item {
	position: relative;
	z-index: 1;
}

#lp_main_wrap .lp_look_hero {
	position: relative;
	padding: 70px 0 0;
	min-height: 900px;
}

/* Look02 / 05：Figma通りセクション背面にトーン（写真の上には載せない） */
#lp_main_wrap #sec_02,
#lp_main_wrap #sec_05 {
	position: relative;
	isolation: isolate;
}

#lp_main_wrap #sec_02::before,
#lp_main_wrap #sec_05::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: #d1d1d1;
	pointer-events: none;
}

#lp_main_wrap #sec_02::after,
#lp_main_wrap #sec_05::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: #d3c6b2;
	mix-blend-mode: color;
	pointer-events: none;
}

#lp_main_wrap #sec_02 > *,
#lp_main_wrap #sec_05 > * {
	position: relative;
	z-index: 1;
}

#lp_main_wrap .lp_look_hero_bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 969px;
	z-index: 0;
	pointer-events: none;
}

#lp_main_wrap .lp_look_hero_bg--pic01 img.lp_viewpc_block,
#lp_main_wrap .lp_look_hero_bg--pic02 img.lp_viewpc_block {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	max-width: none;
	opacity: 1;
}

@media (min-width: 768px) {
	#lp_main_wrap .lp_look_hero_bg--pic01 img.lp_viewsmp_block,
	#lp_main_wrap .lp_look_hero_bg--pic02 img.lp_viewsmp_block {
		display: none !important;
	}
}

/* Look01 / Look04：装飾背景（左上基準・幅100%） */
#lp_main_wrap #sec_01 > .lp_look_hero_bg,
#lp_main_wrap #sec_04 > .lp_look_hero_bg {
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	width: 100%;
	height: auto;
}

#lp_main_wrap .lp_look_head {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding: 0 50px;
}

#lp_main_wrap .lp_look_title {
	margin: 0;
	font-family: "Cinzel Decorative", serif;
	font-size: clamp(40px, 5vw, 72px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #ffffff;
	text-transform: capitalize;
}

#lp_main_wrap .lp_look_title span {
	display: block;
}

#lp_main_wrap .lp_look_label {
	display: flex;
	align-items: flex-end;
	gap: 3px;
	padding-left: 7px;
	margin: 0;
	color: #1d1d1d;
}

#lp_main_wrap .lp_look_label_word {
	font-family: "David Libre", serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-transform: capitalize;
}

#lp_main_wrap .lp_look_label_num {
	font-family: "Cinzel Decorative", serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.02em;
	margin-bottom: 3px;
}

#lp_main_wrap .lp_look_label_totalgrp {
	display: inline-flex;
	align-items: flex-end;
	gap: 3px;
}

#lp_main_wrap .lp_look_label_slash {
	position: relative;
	flex-shrink: 0;
	width: 13px;
	height: 19px;
	margin: 0 0 9px 2px;
}

#lp_main_wrap .lp_look_label_slash::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 23px;
	height: 1px;
	background-color: #1d1d1d;
	transform: rotate(-55deg);
	transform-origin: left bottom;
}

#lp_main_wrap .lp_look_label_total {
	font-family: "Cinzel Decorative", serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.02em;
}

#lp_main_wrap .lp_look_photos {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	gap: 4px;
	padding: 71px 0 0;
	max-width: 1440px;
	margin: 0 auto;
}

#lp_main_wrap .lp_look_photos--lower {
	padding-top: 116px;
}

#lp_main_wrap .lp_look_photo {
	width: 41.666%;
	max-width: 600px;
	overflow: hidden;
}

#lp_main_wrap .lp_look_photo--right {
	margin-top: -261px;
}

#lp_main_wrap .lp_look_photos--lower .lp_look_photo--right {
	margin-top: 0;
}

#lp_main_wrap .lp_look_photo img {
	width: 100%;
	height: auto;
	aspect-ratio: 600 / 800;
	object-fit: cover;
}

#lp_main_wrap .lp_look_desc {
	position: relative;
	z-index: 2;
	margin: 0;
}

#lp_main_wrap .lp_look_desc p {
	width: 100%;
	max-width: 420px;
	margin: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 2.2;
	letter-spacing: 0.08em;
}

@media (min-width: 768px) {
	#lp_main_wrap .lp_look_hero {
		min-height: 1131px;
		padding-bottom: 0;
	}

	#lp_main_wrap .lp_look_hero:has(.lp_look_photos--lower) {
		min-height: 1104px;
	}

	/* 1440w：左写真付近（x872 / y870）に重ねる */
	#lp_main_wrap .lp_look_desc {
		position: absolute;
		left: 63.555555%;
		width: 28.166667%;
		max-width: 420px;
		top: 870px;
		padding: 51px 0 0;
		display: block;
	}

	/* Look02：1440w 説明文 x915 y178（写真より上） */
	#lp_main_wrap .lp_look_desc--upper {
		left: 63.541667%;
		width: 28.166667%;
		max-width: 420px;
		top: 169px;
		padding: 0;
		transform: none;
	}

	#lp_main_wrap .lp_look_desc--side {
		left: auto;
		right: 105px;
		top: 181px;
		width: 420px;
		max-width: 420px;
		padding: 0;
		transform: none;
	}
}

@media (max-width: 767px) {
	#lp_main_wrap .lp_look_hero {
		display: flex;
		flex-direction: column;
		position: relative;
		z-index: 1;
		min-height: 0;
		padding: 42px 0 0;
	}
	#lp_main_wrap .lp_look_label {
		gap: 2px;
	}

	#lp_main_wrap #sec_01 > .lp_look_hero_bg,
	#lp_main_wrap #sec_04 > .lp_look_hero_bg {
		height: 463px;
		min-height: 463px;
		overflow: hidden;
		z-index: 0;
	}

	#lp_main_wrap #sec_04 > .lp_look_hero_bg {
		height: 374px;
		min-height: 374px;
	}

	#lp_main_wrap #sec_01 > .lp_look_hero_bg::before,
	#lp_main_wrap #sec_04 > .lp_look_hero_bg::before {
		content: "";
		position: absolute;
		inset: 0;
		background-color: #d1d1d1;
		z-index: 1;
	}

	/* 装飾BG（SP）：書き出し画像 bg_look01 / bg_look04 を全幅表示 */
	#lp_main_wrap #sec_01 > .lp_look_hero_bg.lp_look_hero_bg--pic01 > img.lp_viewsmp_block,
	#lp_main_wrap #sec_04 > .lp_look_hero_bg.lp_look_hero_bg--pic02 > img.lp_viewsmp_block {
		opacity: 1;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: cover;
		object-position: center top;
		z-index: 2;
	}

	#lp_main_wrap #sec_01 > .lp_look_hero_bg::after,
	#lp_main_wrap #sec_04 > .lp_look_hero_bg::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(255, 234, 205, 0.7);
		mix-blend-mode: color;
		z-index: 3;
		pointer-events: none;
	}

	#lp_main_wrap .lp_look_head {
		order: 1;
		flex-direction: column;
		gap: 19px;
		padding: 0 30px;
	}

	#lp_main_wrap .lp_look_title {
		order: 2;
		font-size: 40px;
		letter-spacing: 0.4px;
	}

	#lp_main_wrap .lp_look_label {
		order: 1;
		padding-left: 7px;
	}

	#lp_main_wrap .lp_look_label_word {
		font-size: 17px;
		line-height: 1.5;
	}

	#lp_main_wrap .lp_look_label_num {
		font-size: 24px;
		line-height: 1.5;
		margin-bottom: -2px;
	}

	#lp_main_wrap .lp_look_label_slash {
		width: 7px;
		height: 14px;
	}

	#lp_main_wrap .lp_look_label_slash::before {
		width: 13px;
	}

	#lp_main_wrap .lp_look_label_total {
		font-size: 17px;
	}

	#lp_main_wrap .lp_look_desc,
	#lp_main_wrap .lp_look_desc--upper,
	#lp_main_wrap .lp_look_desc--side {
		order: 2;
		position: static;
		padding: 0 30px;
		margin: 28px 0 0;
		justify-content: flex-start;
	}

	#lp_main_wrap .lp_look_photos {
		order: 3;
		flex-direction: column;
		padding: 43px 0 0;
		gap: 5px;
		max-width: none;
	}

	#lp_main_wrap .lp_look_photo,
	#lp_main_wrap .lp_look_photo--right {
		width: 100%;
		max-width: none;
		margin-top: 0;
	}

	#lp_main_wrap .lp_look_photo img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 375 / 500;
		object-fit: cover;
	}

	#lp_main_wrap .lp_look_desc p {
		max-width: 315px;
		font-size: 13px;
		line-height: 1.9;
		letter-spacing: 0.65px;
	}

	#lp_main_wrap .lp_look > .lp_content_item {
		padding-bottom: 80px;
	}
}

/* ========== ITEM / SWIPER（vol.2流用） ========== */
#lp_main_wrap .lp_content_item {
	padding: 106px 20px 119px;
	text-align: center;
}

#lp_main_wrap .lp_coord_ttl {
	margin: 0 0 32px;
	font-family: "Cinzel Decorative", serif;
	font-size: 36px;
	line-height: 1.5;
	color: #4d4d4d;
	text-transform: capitalize;
}

#lp_main_wrap .price {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

#lp_main_wrap .price .msize,
#lp_main_wrap .price .lsize {
	display: inline-block;
	padding: 8px 0 1px;
	border-bottom: 1px solid #000;
	font-size: 13px;
	letter-spacing: 0.05em;
	line-height: 1;
}

#lp_main_wrap .price .msize::before {
	content: "M ";
}

#lp_main_wrap .price .lsize::before {
	content: "L ";
}

#lp_main_wrap .lp_content_item_credit {
	width: 0;
	min-width: 100%;
	margin-top: 29px;
	text-align: center;
}

#lp_main_wrap .lp_content_item_credit .name {
	font-size: 14px;
	text-transform: capitalize;
}

#lp_main_wrap .swiper-itemlist {
	overflow: hidden;
	position: relative;
	width: 100%;
}

#lp_main_wrap .swiper-itemlist .swiper-wrapper {
	display: flex;
	align-items: flex-start;
	margin: 0;
	padding: 0;
}

#lp_main_wrap .swiper-slide {
	flex-shrink: 0;
	list-style: none;
}

#lp_main_wrap .lp_swiper_endspace {
	width: 0 !important;
	max-width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
}

/* vol.1流用：Swiper 11 は .swiper-horizontal */
#lp_main_wrap .swiper-itemlist.swiper-horizontal > .swiper-scrollbar,
#lp_main_wrap .swiper-itemlist > .swiper-scrollbar {
	position: relative;
	left: 0 !important;
	bottom: auto;
	z-index: 10;
	width: 100%;
	height: 2px;
	margin-top: 34px;
	border-radius: 0;
	background-color: #fff;
}

#lp_main_wrap .swiper-itemlist .swiper-scrollbar-drag {
	background-color: #b3b3b3;
	border-radius: 0;
}

#lp_main_wrap .swiper-itemlist .swiper-scrollbar-lock {
	display: none !important;
}

/* Swiper JS 未読込：ライブラリ初期化なしでも商品列を表示（overflow 解除・横スクロール） */
#lp_main_wrap .swiper-itemlist.is-swiper-fallback {
	overflow: visible;
}

#lp_main_wrap .swiper-itemlist.is-swiper-fallback .swiper-wrapper,
#lp_main_wrap .swiper-itemlist.is-swiper-fallback .swiper-slide {
	opacity: 1;
	visibility: visible;
	transform: none;
}

#lp_main_wrap .swiper-itemlist.is-swiper-fallback .swiper-scrollbar {
	display: none !important;
}

@media (max-width: 767px) {
	#lp_main_wrap .swiper-itemlist.is-swiper-fallback {
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
	}

	#lp_main_wrap .swiper-itemlist.is-swiper-fallback .swiper-wrapper {
		width: max-content;
	}
}

@media (min-width: 768px) {
	#lp_main_wrap .swiper-itemlist .swiper-scrollbar {
		display: none;
	}

	#lp_main_wrap .swiper-itemlist .swiper-wrapper {
		display: flex;
		justify-content: center;
		gap: 10px;
	}

	#lp_main_wrap .swiper-itemlist .swiper-slide {
		width: auto;
		flex: 0 0 auto;
		margin-right: 0 !important;
	}

	#lp_main_wrap .lp_content_item_img {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 260px;
		margin: 0 auto;
	}

	#lp_main_wrap .lp_content_item_img a {
		display: block;
		width: 100%;
		line-height: 0;
	}

	/* _re01は2倍書き出し → 枠内に収めて表示（順番変更後も item 番号ごとの枠幅） */
	#lp_main_wrap .lp_content_item_img img {
		width: 100%;
		height: auto;
		max-width: 100%;
		object-fit: contain;
	}

	#lp_main_wrap .swiper-itemlist .swiper-slide:has(img[src*="item02"]),
	#lp_main_wrap .swiper-itemlist .swiper-slide:has(img[src*="item02"]) .lp_content_item_img {
		width: 260px;
	}

	#lp_main_wrap .swiper-itemlist .swiper-slide:has(img[src*="item03"]),
	#lp_main_wrap .swiper-itemlist .swiper-slide:has(img[src*="item03"]) .lp_content_item_img,
	#lp_main_wrap .swiper-itemlist .swiper-slide:has(img[src*="item04"]),
	#lp_main_wrap .swiper-itemlist .swiper-slide:has(img[src*="item04"]) .lp_content_item_img {
		width: 220px;
	}

	#sec_01 .swiper-itemlist .swiper-slide:has(img[src*="item01"]),
	#sec_01 .swiper-itemlist .swiper-slide:has(img[src*="item01"]) .lp_content_item_img,
	#sec_02 .swiper-itemlist .swiper-slide:has(img[src*="item01"]),
	#sec_02 .swiper-itemlist .swiper-slide:has(img[src*="item01"]) .lp_content_item_img {
		width: 201px;
	}

	#sec_03 .swiper-itemlist .swiper-slide:has(img[src*="item01"]),
	#sec_03 .swiper-itemlist .swiper-slide:has(img[src*="item01"]) .lp_content_item_img {
		width: 200px;
	}

	#sec_04 .swiper-itemlist .swiper-slide:has(img[src*="item01"]),
	#sec_04 .swiper-itemlist .swiper-slide:has(img[src*="item01"]) .lp_content_item_img {
		width: 174px;
	}

	#sec_05 .swiper-itemlist .swiper-slide:has(img[src*="item01"]),
	#sec_05 .swiper-itemlist .swiper-slide:has(img[src*="item01"]) .lp_content_item_img {
		width: 260px;
	}
}

@media (max-width: 767px) {
	#lp_main_wrap .lp_content_item {
		padding: 42px 0 0;
	}

	#lp_main_wrap .lp_coord_ttl {
		font-size: 22px;
		line-height: 1.5;
		margin-bottom: 22px;
	}

	#lp_main_wrap .swiper-itemlist {
		overflow: hidden;
		padding: 0 0 0 15px;
	}

	#lp_main_wrap .swiper-itemlist .swiper-slide {
		width: auto;
		max-width: none;
		margin-right: -10px;
	}

	#lp_main_wrap .swiper-itemlist .swiper-slide:last-child {
		margin-right: 0;
	}

	#lp_main_wrap .lp_swiper_endspace {
		width: 20px !important;
		max-width: 20px !important;
		height: 1px !important;
	}

	#lp_main_wrap .lp_content_item_img {
		width: auto;
		height: auto;
		max-width: none;
	}

	#lp_main_wrap .lp_content_item_img img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 260px;
		object-fit: contain;
	}

	#lp_main_wrap .lp_content_item_credit {
		margin-top: 12px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 7px;
	}

	#lp_main_wrap .lp_content_item_credit .name {
		font-size: 13px;
		line-height: 1.2;
		letter-spacing: 0.78px;
	}

	#lp_main_wrap .price {
		gap: 10px;
	}

	#lp_main_wrap .price .msize,
	#lp_main_wrap .price .lsize {
		font-size: 12px;
		padding: 3px 0 1px;
		letter-spacing: 0.6px;
		line-height: 1;
	}

	#lp_main_wrap .swiper-itemlist.swiper-horizontal > .swiper-scrollbar,
	#lp_main_wrap .swiper-itemlist > .swiper-scrollbar {
		width: calc(100% - 30px);
		max-width: 315px;
		margin: 31px auto 0;
	}
}

/* ========== INTERVIEW ========== */
#lp_main_wrap .lp_interview {
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 160px 0 109px;
	background: #d9c7ad;
	overflow: hidden;
}

#lp_main_wrap .lp_interview_bg {
	position: absolute;
	left: 140px;
	top: 120px;
	margin: 0;
	font-family: "Cinzel Decorative", serif;
	font-size: clamp(48px, 5vw, 72px);
	line-height: 1;
	color: rgba(255, 255, 255, 0.4);
	text-transform: capitalize;
	pointer-events: none;
	letter-spacing: -1.44px;
}

/* 1440w：interview 左のライン（120px・テキスト手前 20px） */
#lp_main_wrap .lp_interview_bg::before {
	content: "";
	position: absolute;
	top: 48%;
	left: -140px;
	width: 120px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.4);
	transform: translateY(-50%);
}

#lp_main_wrap .lp_interview_inner {
	position: relative;
	box-sizing: border-box;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0 214px;
}

#lp_main_wrap .lp_interview_q {
	margin: 0 0 31px;
	font-size: 33px;
	line-height: 1.4;
	letter-spacing: 2.64px;
	font-weight: 400;
}

#lp_main_wrap .lp_interview_a p {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.96px;
}

@media (min-width: 1440px) {
	/* 1440w コンポ位置：親が全幅でもタイトル・本文ブロックは1440中央 */
	#lp_main_wrap .lp_look > .lp_look_hero,
	#lp_main_wrap .lp_look > .lp_content_item {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		box-sizing: border-box;
	}

	#lp_main_wrap .lp_interview_bg {
		left: calc(50% - 580px);
	}

	#lp_main_wrap .lp_cta,
	#lp_main_wrap .lp_archive {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 767px) {
	#lp_main_wrap .lp_interview {
		display: flex;
		flex-direction: column;
		padding: 75px 0;
	}

	#lp_main_wrap .lp_interview_bg {
		position: relative;
		left: auto;
		top: auto;
		display: flex;
		align-items: center;
		gap: 6px;
		width: 100%;
		padding: 0 0px;
		box-sizing: border-box;
		margin: 0 0 15px;
		font-size: 40px;
		letter-spacing: 0.4px;
		line-height: 1;
	}

	#lp_main_wrap .lp_interview_bg::before {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		flex-shrink: 0;
		width: 140px;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.4);
	}

	#lp_main_wrap .lp_interview_inner {
		padding: 0 30px;
		display: flex;
		flex-direction: column;
		gap: 17px;
		max-width: none;
	}

	#lp_main_wrap .lp_interview_q {
		margin: 0;
		font-size: 22px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 1.1px;
	}

	#lp_main_wrap .lp_interview_a p {
		font-size: 13px;
		font-weight: 500;
		line-height: 1.9;
		letter-spacing: 0.39px;
	}
}

/* ========== FOOTER ========== */
#lp_main_wrap .lp_footer {
	background: #d9c7ad;
	padding: 150px 0 50px;
}

#lp_main_wrap .lp_profile {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	max-width: 1440px;
	margin: 0 auto 165px;
	padding: 0;
}

#lp_main_wrap .lp_profile_img {
	flex-shrink: 0;
	margin: 0;
	padding-left: 60px;
}

#lp_main_wrap .lp_profile_img img {
	display: block;
	width: 305px;
	height: auto;
	max-width: none;
}

#lp_main_wrap .lp_profile_body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0px;
}

#lp_main_wrap .lp_profile_ttl {
	font-family: "Cinzel Decorative", serif;
	font-size: 22px;
	line-height: 1;
	text-align: left;
	align-self: flex-start;
	margin: -21px 0 41px;
}

#lp_main_wrap .lp_staff_ttl,
#lp_main_wrap .lp_archive_ttl {
	font-family: "Cinzel Decorative", serif;
	font-size: 22px;
	line-height: 2.2;
	text-align: center;
}

#lp_main_wrap .lp_profile_name {
	margin-bottom: 41px;
	align-self: flex-start;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.12em;
	text-align: left;
}

#lp_main_wrap .lp_profile_txt {
	margin: 0;
	width: 100%;
	max-width: 427px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.9;
}

#lp_main_wrap .lp_staff {
	max-width: 1440px;
	margin: 0 auto 153px;
	text-align: center;
}

#lp_main_wrap .lp_staff_txt {
	margin-top: 24px;
	font-family: "David Libre", serif;
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: 0.1em;
}

#lp_main_wrap .lp_cta {
	text-align: center;
	margin-bottom: 163px;
}

#lp_main_wrap .lp_cta_ttl {
	font-weight: 500;
	font-size: 24px;
	line-height: 2.2;
	letter-spacing: 0.12em;
	margin-bottom: 23px;
}

#lp_main_wrap .lp_btn {
	margin: 0 auto 20px;
	max-width: 770px;
}

#lp_main_wrap .lp_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 70px;
	padding: 26px 48px;
	background: #424242;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0.12em;
	position: relative;
	text-align: center;
}

#lp_main_wrap .lp_btn a img {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	flex-shrink: 0;
}

#lp_main_wrap .lp_archive_list {
	display: flex;
	justify-content: center;
	gap: 4px;
	margin: 12px 0 154px;
}

#lp_main_wrap .lp_archive_list img {
	width: 383px;
	max-width: 48vw;
	height: auto;
}

#lp_main_wrap .lp_footer_nav {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-bottom: 55px;
	font-size: 14px;
	text-decoration: underline;
	letter-spacing: 0.7px;
}

#lp_main_wrap .lp_copy {
	text-align: center;
	font-size: 10px;
}

@media (max-width: 767px) {
	#lp_main_wrap .lp_footer {
		padding: 69px 0 110px;
		background: rgba(217, 199, 173, 0.8);
	}

	#lp_main_wrap .lp_profile {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		padding: 0;
		margin-bottom: 80px;
	}

	#lp_main_wrap .lp_profile_body {
		display: contents;
	}

	#lp_main_wrap .lp_profile_ttl {
		order: 1;
		margin-bottom: 5px;
	}

	#lp_main_wrap .lp_profile_img {
		order: 2;
		padding-left: 0;
		margin-bottom: 28px;
	}

	#lp_main_wrap .lp_profile_img img {
		width: 275px;
		max-width: 100%;
		height: auto;
	}

	#lp_main_wrap .lp_profile_name {
		order: 3;
		font-size: 12px;
		letter-spacing: 1.44px;
		line-height: 1;
		text-align: center;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
		margin-bottom: 22px;
	}

	#lp_main_wrap .lp_profile_txt {
		order: 4;
		font-size: 12px;
		line-height: 1.9;
		max-width: none;
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}

	#lp_main_wrap .lp_profile_ttl {
		font-size: 18px;
		line-height: 2.2;
		align-self: center;
		text-align: center;
	}

	#lp_main_wrap .lp_staff {
		margin-bottom: 82px;
		padding: 0;
	}

	#lp_main_wrap .lp_staff_ttl {
		font-size: 18px;
		line-height: 2.2;
	}

	#lp_main_wrap .lp_staff_txt {
		margin-top: 10px;
		font-size: 12px;
		letter-spacing: 0.84px;
		line-height: 1.9;
		padding: 0 30px;
		box-sizing: border-box;
	}

	#lp_main_wrap .lp_cta {
		margin-bottom: 0;
		padding: 0 25px;
	}

	#lp_main_wrap .lp_cta_ttl {
		font-size: 18px;
		line-height: 1.6;
		letter-spacing: 0.9px;
		color: #323232;
		margin-bottom: 19px;
	}

	#lp_main_wrap .lp_btn {
		max-width: 315px;
		margin-bottom: 10px;
	}

	#lp_main_wrap .lp_btn a {
		font-size: 15px;
		min-height: 56px;
		padding: 16px 44px 16px 16px;
		letter-spacing: 0.45px;
	}

	#lp_main_wrap .lp_attention_note {
		margin: 26px auto 0;
		text-align: left;
		font-size: 10px;
		font-weight: 500;
		line-height: 1.6;
		color: #333333;
	}

	#lp_main_wrap .lp_archive {
		padding-top: 83px;
	}

	#lp_main_wrap .lp_archive_ttl {
		font-size: 18px;
		line-height: 2.2;
	}

	#lp_main_wrap .lp_archive_list {
		flex-direction: column;
		align-items: center;
		gap: 4px;
		margin: 6px 0 102px;
	}

	#lp_main_wrap .lp_archive_list img {
		width: 315px;
		max-width: calc(100vw - 60px);
		height: auto;
		aspect-ratio: 315 / 212;
		object-fit: cover;
	}

	#lp_main_wrap .lp_footer_nav {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 24px;
		font-size: 12px;
		letter-spacing: 0.6px;
		margin-bottom: 54px;
	}

	#lp_main_wrap .lp_copy {
		font-size: 9px;
	}
}

/* ========== ANIMATION（vol.1準拠） ========== */
.animation-fadeIn {
	opacity: 0;
}

.active.animation-fadeIn {
	animation: fadeIn 0.9s ease-in-out 0s forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.animation-fadeZoom {
	transform: scale(1.09);
	will-change: transform;
	transition: transform 3.6s ease 0s;
}

.active.animation-fadeZoom {
	transform: scale(1);
}

.animation-fadeLeft {
	clip-path: polygon(0 0, 90% 0, 90% 100%, 0% 100%);
	translate: 5% 0;
	will-change: clip-path, translate;
	transition: clip-path 1s ease 0s, translate 1.8s ease 0s;
}

.active.animation-fadeLeft {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	translate: 0 0;
}

/* ========== BRAND TOP（vol.1準拠） ========== */
#lp_main_wrap .lp_brandbtn {
	display: none;
	position: fixed;
	left: 40px;
	top: 40px;
	width: 120px;
	z-index: 10;
}

#lp_main_wrap .lp_brandbtn a {
	display: block;
}

@media (max-width: 767px) {
	#lp_main_wrap .lp_brandbtn {
		left: 20px;
		top: 20px;
		width: 90px;
	}
}

#lp_main_wrap .lp_attention_note {
	margin: 50px auto 0;
	max-width: 770px;
	padding: 0 20px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
	color: #333333;
}