@charset "UTF-8";
/*
Theme Name: MAS 2
Theme URI: mas.karimoku.com
Description: This is our original theme.
Author: Open Hand Service
Author URI:　https://www.open-hand.jp/
Version:1.1
/*

/*-------------------------------------------------
	Reset
-------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; vertical-align:baseline; background:transparent;}
ins {background-color:#fff; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
img {vertical-align:top; font-size:0; line-height:0;}
button {border: none; background: transparent;}

/*-------------------------------------------------
	Clearfix
-------------------------------------------------*/
.cf:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/*-------------------------------------------------
	Base
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
	--pd-side: 8vw;
	--font-ja: dnp-shuei-gothic-kin-std, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS ゴシック", "MS Gothic", sans-serif;
	--font-en: "Inter", dnp-shuei-gothic-kin-std, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS ゴシック", "MS Gothic", sans-serif;
	--font-en-letter-spacing: -.02em;
	--font-size-10px: clamp(10px, 0.666vw, 9999px);
	--font-size-12px: clamp(10px, 0.8vw, 9999px);
	--font-size-14px: clamp(10px, 0.933vw, 9999px);
	--font-size-15px: clamp(10px, 1vw, 9999px);
	--font-size-16px: clamp(10px, 1.066vw, 9999px);
	--font-size-17px: clamp(10px, 1.133vw, 9999px);
	--font-size-18px: clamp(10px, 1.2vw, 9999px);
	--font-size-19px: clamp(10px, 1.266vw, 9999px);
	--font-size-20px: clamp(10px, 1.333vw, 9999px);
	--font-size-21px: clamp(10px, 1.4vw, 9999px);
	--font-size-22px: clamp(10px, 1.466vw, 9999px);
	--font-size-24px: clamp(10px, 1.6vw, 9999px);
	--font-size-26px: clamp(10px, 1.733vw, 9999px);
	--font-size-27px: clamp(10px, 1.8vw, 9999px);
	--font-size-30px: clamp(10px, 2vw, 9999px);
	--color-grey: #717171;
	--color-dark-grey: #766868;
	--color-light-grey: #7f7f7f;
	--color-line-light-grey: #e7e7e7;
	--color-mas-green: #27483D;
	--color-mas-beige: #E7D2BB;
	--line-1px: clamp(1px, .066vw, .066vw);
	--line-1_5px: clamp(1px, .1vw, .066vw);
	--line-2px: clamp(2px, .133vw, .133vw);
}
@media screen and (max-width: 768px) {
	:root {
		--pd-side: 6.41vw;
		--font-size-17px: clamp(10px, 3.589vw, 9999px); /* w390=14px */
		--font-size-10px-sm: clamp(10px, 2.564vw, 9999px);
		--font-size-11px-sm: clamp(10px, 2.82vw, 9999px);
		--font-size-12px-sm: clamp(10px, 3.076vw, 9999px);
		--font-size-13px-sm: clamp(10px, 3.333vw, 9999px);
		--font-size-14px-sm: clamp(10px, 3.589vw, 9999px);
		--font-size-15px-sm: clamp(10px, 3.846vw, 9999px);
		--font-size-16px-sm: clamp(10px, 4.102vw, 9999px);
		--font-size-17px-sm: clamp(10px, 4.358vw, 9999px);
		--font-size-18px-sm: clamp(10px, 4.615vw, 9999px);
		--font-size-20px-sm: clamp(10px, 5.128vw, 9999px);
		--font-size-22px-sm: clamp(10px, 5.641vw, 9999px);
		--font-size-26px-sm: clamp(10px, 6.65vw, 9999px);
		--font-size-28px-sm: clamp(10px, 7.18vw, 9999px);
		--line-1px: clamp(1px, .2564vw, .066vw);
		--line-1_5px: clamp(1px, .3846vw, .066vw);
		--line-2px: clamp(2px, .5128vw, .133vw);
	}
}

html { font-size: 17px; }
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: var(--font-ja);
	font-size: 100%;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #fff;
}
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
	opacity: 1;
	transition: all 360ms;
}
@media (hover: hover) {
	a:hover {
		text-decoration: none;
		opacity: .6;
		cursor: pointer;
	}
}

h1 {
	font-weight: 700;
}
h2, h3, h4 {
	font-weight: 600;
}
p {
	margin-bottom: 2em;
	font-size: var(--font-size-16px);
	line-height: 2;
}
body.ja p {
	text-align: justify;
}
p:last-of-type {
	margin-bottom: 0;
}
img {
	width: 100%;
	/* object-position: 50% 0%; */
	/* transform: scale(1.15); */
	height: auto;
}
input, select, textarea {
	appearance: none;
	border-radius: 0;
}
input[type="text"]:focus, select:focus, textarea:focus {
	outline: 0;
}
input:focus, textarea:focus, select:focus {
	background-color: transparent;
}
select {
	color: #000;
	background-color: transparent;
}
@media screen and (max-width: 768px) {
	p {
		font-size: var(--font-size-14px-sm);
	}
}

/*-------------------------------------------------
	Commons
-------------------------------------------------*/
.f_l {
	float: left;
}
.f_r {
	float: right;
}
.ly_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ly_flex.ly_flex__rev {
	flex-direction: row-reverse;
}
.la_dn, .la_dn_ib {
	display: none !important;
}
.sm_dn {
	display: block !important;
}
.sm_dn_ib {
	display: inline-block !important;
}
span.ib {
	display: inline-block !important;
}
.post-edit-link {
	position: fixed;
	right: 0;
	bottom: 0;
	padding: 0.5em;
	font-size: var(--font-size-15px);
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.f_l, .f_r {
		float: none;
	}
	.sm_flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sm_flexNone {
		display: block;
	}
	.sm_db {
		display: block;
	}
	.la_dn {
		display: block !important;
	}
	.la_dn-ib {
		display: inline-block !important;
	}
	.sm_dn, .sm_dn-ib {
		display: none !important;
	}
	.sm_dn_notI {
		display: none;
	}
	.sm_w100 {
		width: 100% !important;
	}
	.post-edit-link {
		display: none;
	}
}

/* Layout */
.ly_w100per, .hp_w100 {
	width: 100%;
}
.ly_fullWide {
	margin-left: calc(-1 * var(--pd-side));
	width: calc(100% + (var(--pd-side) * 2));
}
.ly_container {
	display: flex;
	justify-content: flex-end;
}
.ly_container, .ly_footer {
	padding-left: var(--pd-side);
	padding-right: var(--pd-side);
	width: 100%;
}
.ly_contents {
	width: 100%;
}
.ly_basicBox {
	display: flex;
	justify-content: flex-end;
}
.ly_basicBox_l {
	padding-right: 20px;
	width: 300px;
}
.ly_basicBox_r {
	width: calc(100% - 300px);
}
.ly_scroll {
	margin-top: -50px;
	padding-top: 50px;
}
@media screen and (max-width: 768px) {
	/* Layout */
	.ly_contents {
		max-width: 100%;
	}
	.ly_basicBox_l {
		padding-right: 0;
		width: 100%;
	}
	.ly_basicBox_r {
		padding-left: 55px;
		width: 100%;
	}
	.ly_scroll {
		margin-top: 0;
		padding-top: 0;
	}
	.sm_fullWide {
		margin-left: calc(-1 * var(--pd-side));
		width: calc(100% + (var(--pd-side) * 2));
	}
}

/* Margin */
.hp_mgn_inl_auto {
	margin-inline: auto;
}
.hp_mgn_btm_0 {
	margin-bottom: 0;
}

/* Heading and Font */
.el_catch {
	margin-bottom: 1.4em;
	font-weight: 600;
	font-size: 2rem;
	line-height: 1.7;
}
.el_lv1H {
	margin-bottom: 3em;
	font-size: 2.6rem;
	line-height: 1;
	letter-spacing: .01em;
}
.el_lv2H {
	margin-bottom: 1.3em;
	font-size: 2rem;
	line-height: 1.5;
}
.el_lv3H {
	margin-bottom: 1.05em;
	font-size: 1.7rem;
	line-height: 1.5;
}
.hp_fontEn {
	font-family: var(--font-en);
	letter-spacing: var(--font-en-letter-spacing);
	font-weight: 600;
}
.hp_fontEn.medium {
	font-weight: 500;
}
.hp_txtLeft {
	text-align: left !important;
}
.hp_txtRight {
	text-align: right !important;
}
.hp_colorBlack {
	color: #000 !important;
}
.hp_colorWhite {
	color: #fff !important;
}
.hp_posRel {
	position: relative;
}
.hp_fontWeight_bold {
	font-weight: 600;
}
.hp_fontPalt {
	font-feature-settings: "palt";
}
.hang-punc {
	display: inline-block;
	margin-right: -0.6em;
}
@supports (word-break: auto-phrase) {
	.hp_autoPhrase {
		word-break: auto-phrase !important;
	}
}
@media screen and (max-width: 768px) {
}

/* Button */
.el_btn_arrow {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: var(--font-size-20px);
	line-height: 1;
}
.el_btn_arrow:hover {
	opacity: 1;
}
.el_btn_arrow::after,
.el_btn_arrow.prev::before {
	content: '';
	display: inline-block;
	width: 1.666vw;
	height: 1.666vw;
	margin-left: .75em;
	background: center / contain no-repeat url("./img/cmn/arrow_right.svg");
}
.el_btn_arrow.hp_colorWhite::after,
.el_btn_arrow.prev.hp_colorWhite::before {
	background-image: url("./img/cmn/arrow_right_wh.svg");
}
.el_btn_arrow span.txt {
	display: block;
}
.ly_singleNav .el_btn_arrow {
	position: relative;
	right: unset;
	bottom: unset;
}
@media screen and (max-width: 768px) {
	.el_btn_arrow {
		font-size: var(--font-size-15px-sm);
	}
	.el_btn_arrow::after,
	.el_btn_arrow.prev::before,
	.bl_arrow_mas,
	.el_arrow_mas,
	.el_arrow_mas:hover {
		width: 4.615vw !important;
		height: 4.615vw !important;
	}
	.bl_arrow_mas {
		position: relative;
		margin-left: .75em;
	}
}

/* Flip Animation */
.el_btn_arrow.hp_noAfter::after {
	display: none;
}
.el_arrow_mas {
	display: block;
	width: 1.666vw;
	height: 1.666vw;
}
@media (hover: hover) {
	.hp_hoverFlip {
		display: block;
		position: relative;
		clip-path: inset(0 0 -.1em);
	}
	.hp_hoverFlip::before {
		content: attr(data-text);
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		opacity: 0;
	}
	.hp_hoverFlip::before,
	.hp_hoverFlip_inner {
		transition: opacity .45s, transform .45s cubic-bezier(.165,.84,.44,1);
	}
	a:hover .hp_hoverFlip::before {
		opacity: 1;
		transform: translate3d(0, -100%, 0);
	}
	.hp_hoverFlip_inner {
		display: inline-block;
	}
	a:hover .hp_hoverFlip_inner {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	/* Arrow Animation */
	.bl_arrow_mas {
		position: relative;
		margin-left: .75em;
	}
	a:hover .bl_arrow_mas {
		animation: mas_arrow .6s cubic-bezier(.165,.84,.44,1) forwards;
	}
	@keyframes mas_arrow {
		32%, 50% {
			opacity: 0;
		}
		43% {
			opacity: 0;
			transform: translate(0%);
		}
		44%, 50% {
			opacity: 0;
			transform: translate(-100%);
		}
		100% {
			opacity: 1;
			transform: translate(0);
		}
	}
}

/* Fade */
.hp_fadeIn {
	opacity: 0;
	transition: 700ms ease-in-out;
}
.hp_fadeIn.in {
	opacity: 1;
}

/*-------------------------------------------------
	Global Nav
-------------------------------------------------*/
.ly_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 4%;
	width: 100%;
	height: 4vw;
	background-color: #fff;
	/* z-index: 10; */
	z-index: 100;
}
.un_logoMas {
	width: 7.3vw;
	height: 1.8582vw;
}
.un_logoMas > a {
	display: block;
}
.un_logoMas > a:hover {
	opacity: 1;
}
.ly_gNav, .bl_gNav {
	display: flex;
	align-items: center;
}
.bl_gNav {
	gap: 0 1.333vw;
}
.bl_gNav_wrap,
.bogo-language-switcher li {
	font-family: var(--font-en);
	font-weight: 600;
	font-size: var(--font-size-15px);
	line-height: 1;
	letter-spacing: var(--font-en-letter-spacing);
}
.bl_gNav_wrap .sub-menu {
	display: none;
}
/* BOGO */
.bogo-language-switcher {
	margin-left: 4vw;
	display: flex;
}
.bogo-language-switcher li {
	position: relative;
	line-height: 1;
}
.bogo-language-switcher .ja {
	display: flex;
	align-items: center;
	order: 1;
}
.bogo-language-switcher .en-US {
	order: 2;
}
.bogo-language-switcher .ja::after {
	content: '/';
	display: inline-block;
	margin: 0 .3em;
	/* width: .4666vw;
	height: .8666vw;
	background: center / contain no-repeat url("./img/cmn/line_slash.svg"); */
}
.bogo-language-name {
	color: #ccc;
	/* color: rgb(0 0 0 / 0.2); */
}
.bogo-language-switcher .en .bogo-language-name a {
	color: #ccc !important;
	pointer-events: none;
}
/* Instagram */
.un_instaLink {
	margin-left: 1.33333vw;
	/* width: 1.6vw;
	height: 1.6vw; */
	width: 1.5vw;
	height: 1.5vw;
}
.un_instaLink_sm {
	display: none;
}
@media screen and (max-width: 768px) {
	.ly_header {
		top: 0;
		left: 0;
		padding: 0;
		height: 13.589vw;
		z-index: 102;
	}
	.un_logoMas {
		position: absolute;
		top: 3.846vw;
		left: var(--pd-side);
		margin: 0;
		width: 22.564vw;
		height: 5.857vw;
	}
	.un_logoMas.small {
		width: 22.564vw;
		height: 5.857vw;
	}
	.bl_gNav_wrap {
		position: fixed;
		top: 0;
		right: 0;
		margin-right: -50%;
		width: 43.589%;
		height: 100%;
		font-size: var(--font-size-16px-sm);
		line-height: 30px;
		background: #fff;
		transition: all 360ms;
	}
	.bl_gNav_wrap.open {
		margin-right: 0;
		overflow-y: scroll;
	}
	.bl_gNav {
		flex-direction: column;
		align-items: flex-end;
		gap: 1.7vw 0;
		padding: 20.512vw var(--pd-side) var(--pd-side) 0;
		text-align: right;
	}
	/* SP-Menu */
	body.home .bl_btn_wrap {
		top: 3.846vw;
		transition: top 0.36s;
	}
	body.home .ly_header.bg_white .bl_btn_wrap {
		top: 2.948vw;
	}
	.bl_btn_wrap {
		position: fixed;
		top: 2.948vw;
		right: 3.846vw;
		height: 7.692vw;
		width: 11.538vw;
		cursor: pointer;
		z-index: 10004;
		-webkit-transition: opacity .25s ease;
		transition: opacity .25s ease;
	}
	.bl_btn_wrap:hover {
		opacity: 1;
	}
	.bl_btn_wrap.active .top {
		transform: translateY(1.025vw) translateX(0) rotate(45deg);
	}
	.bl_btn_wrap.active .bottom {
		transform: translateY(-1.025vw) translateX(0) rotate(-45deg);
	}
	.bl_btn_wrap span {
		background: #000;
		border: none;
		height: var(--line-2px);
		width: 6.41vw;
		position: absolute;
		top: 2.564vw;
		left: 2.564vw;
		transition: all .36s ease;
		cursor: pointer;
	}
	body.home .bl_btn_wrap span {
		background-color: #fff;
		transition: background-color .36s;
	}
	body.home .ly_header.bg_white .bl_btn_wrap span,
	body.home .bl_btn_wrap.active span {
		background-color: #000;
	}
	.bl_btn_wrap span:nth-of-type(2) {
		top: 4.615vw;
	}
	.bl_gNav_wrap li.menu-item-has-children > a {
		display: inline-block;
		line-height: 1.1;
		border-bottom: 1px solid #000;
	}
	.bl_gNav_wrap .sub-menu {
		display: block;
		/* margin-bottom: 0.3em; */
		padding: 0.25em 0;
		font-weight: 600;
		font-size: var(--font-size-15px-sm);
		line-height: 1.7;
	}
	body.home .bl_gNav .sub-menu li > a,
	.bl_gNav .sub-menu li > a {
		color: rgb(132, 130, 130);
	}
	.bl_gNav .sub-menu li.current-menu-item > a {
		color: #000;
	}
	/* BOGO */
	body.home .ly_langSwitch {
		top: var(--pd-side);
		transition: top 0.36s;
	}
	body.home .ly_header.bg_white .ly_langSwitch {
		top: 4.871vw;
	}
	.ly_langSwitch {
		position: fixed;
		top: 4.871vw;
		right: 17.435vw;
		z-index: 1;
	}
	.bogo-language-switcher {
		margin: 0;
	}
	.bogo-language-switcher li {
		font-size: var(--font-size-15px-sm);
	}
	.bogo-language-switcher .ja::after {
		margin: 0 0.4em 0 0.3em;
		width: auto;
		height: auto;
		font-weight: normal;
		background: none;
	}
	body.home .bogo-language-name > a {
		color: #000;
	}
	/* Instagram */
	.un_instaLink_sm {
		display: flex;
		justify-content: flex-end;
		margin-top: 2.051vw;
		text-indent: 9999px;
		overflow: hidden;
	}
	.un_instaLink_sm > a {
		display: block;
		width: 5.5vw;
		height: 5.5vw;
		background: center / contain no-repeat url(./img/cmn/icon_ig.svg);
	}
}

/*-------------------------------------------------
	PRODUCT - Page
-------------------------------------------------*/
:root {
	--prod-index-portrait: 33 / 32;
	/* --prod-index-landscape: 51 / 25; */
}
.bl_prodIndex_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	/* gap: 1vw 2.8%; */
	gap: 2vw 2.8%;
	/* margin-top: 4.666vw; */
}
.ly_prodIndex_item {
	position: relative;
	width: calc( 94.4% / 3 );
}
/* .ly_prodIndex_item.landscape {
	width: calc( 97.2% / 2 );
} */
.ly_prodIndex_item a {
	display: block;
}
.ly_prodIndex_item a:hover {
	opacity: 1;
}
.el_prodIndex_thumb {
	position: relative;
	margin: 0;
	aspect-ratio: var(--prod-index-portrait);
	overflow: hidden;
	display: flex;
	align-items: flex-end;
}
/* .ly_prodIndex_item.landscape .el_prodIndex_thumb {
	aspect-ratio: var(--prod-index-landscape);
} */
.el_prodIndex_thumb img {
	display: block;
	object-position: 50% -65%;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transform: scale(1.13);
}

.el_prodIndex_thumb::after { /* 擬似要素でホバー画像を被せる */
	content: '';
	position: absolute;
	inset: 0;
	aspect-ratio: var(--prod-index-portrait);
	background-image: var(--hover-thumb);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity 0.8s; /* ここでフェード速度調整 */
	pointer-events: none;
	z-index: 1;
}
/* .ly_prodIndex_item.landscape .el_prodIndex_thumb::after {
	aspect-ratio: var(--prod-index-landscape);
} */
.ly_prodIndex_item.landscape .el_prodIndex_thumb img.prod-thumb-img {
	height: auto;
}
@media (hover: hover) {
	.el_prodIndex_thumb:hover::after { /* ホバー時にフェードイン */
		opacity: 1;
	}
}
.el_prod_name {
	/* margin: 0.5em 0 0.5em;
	font-size: var(--font-size-19px); */
	margin: 0.6em 0 0.5em;
    font-size: var(--font-size-16px);
	line-height: 1.333;
	text-align: center;
}
.bl_prod_colorList {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 .65vw;
	height: 2.533vw;
}
.el_prod_colorChip {
	position: relative;
	aspect-ratio: 1 / 1;
	padding: .2vw;
	height: 2.3vw;
	border-radius: 50%;
	border: var(--line-1px) solid transparent;
	transition: border-color .3s;
	/* overflow: hidden; */
}
.el_prod_colorChip img {
	width: auto;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.el_prod_colorChip:hover,
.el_prod_colorChip.active {
	border-color: #7f7f7f;
}
.el_prod_colorChip:hover {
	cursor: pointer;
}
p.el_prodIndex_variations {
	/* margin-top: 0.75em; */
	margin-top: 0.65em;
	font-weight: 400;
	font-size: var(--font-size-12px);
	line-height: 1.333;
	color: var(--color-light-grey);
	text-align: center !important;
}
.prod-thumb-img {
	transition: opacity 0.1s;
	opacity: 1;
}
.ly_prodIndex_featured {
	padding-bottom: 6vw;
}
@media screen and (max-width: 768px) {
	.bl_prodIndex_list {
		align-items: flex-start;
		gap: 6.5vw 6%;
		margin-top: 0;
	}
	.ly_prodIndex_item {
		width: calc(94% / 2);
	}
	/* .ly_prodIndex_item.landscape {
		width: 94%;
	} */
	.el_prod_name {
		margin-bottom: 0.5em;
		font-size: var(--font-size-14px-sm);
	}
	p.el_prodIndex_variations {
		margin-top: .75em;
		font-size: var(--font-size-10px-sm);
	}
	.bl_prod_colorList {
		gap: 0 2.2vw;
	}
	.bl_prod_colorList,
	.el_prod_colorChip {
		height: 7.05vw;
	}
	.el_prod_colorChip {
		padding: .512vw;
	}
}

/*-------------------------------------------------
	Top Page
-------------------------------------------------*/
/* Top-Common */
body.home .ly_contents {
	padding-top: 6vw;
}
.el_topTtl_lv1H {
	margin-bottom: .15em;
	font-size: var(--font-size-26px);
	line-height: 1.333;
}
p.el_topTtl_desc {
	font-size: var(--font-size-17px);
	line-height: 1.5;
	color: #939393;
}
@media screen and (max-width: 768px) {
	body.home .ly_contents {
		padding-top: 13.5vw;
	}
	.el_topTtl_lv1H {
		margin-bottom: .05em;
		font-size: var(--font-size-20px-sm);
	}
	p.el_topTtl_desc {
		font-size: var(--font-size-14px-sm);
	}
}

/* Top-G-Nav */
body.home .ly_header {
	background-color: transparent;
	transition: background-color .36s;
}
body.home .ly_header.bg_white {
	background-color: #fff;
}
body.home .un_logoMas {
	margin-top: 3vw;
	width: 15.333vw;
	height: 3.902vw;
	transition: all 360ms;
}
body.home .un_logoMas.small {
	margin-top: 0;
	width: 7.3vw;
	height: 1.858vw;
}
body.home .bl_gNav li > a,
body.home .bogo-language-name > a,
body.home .bogo-language-switcher .ja::after {
	color: #fff;
	transition: color .36s, opacity .36s;
}
body.home .ly_header.bg_white .bl_gNav li > a,
body.home .ly_header.bg_white .bogo-language-name > a,
body.home .ly_header.bg_white .bogo-language-switcher .ja::after {
	color: #000;
}
@media screen and (max-width: 768px) {
	body.home .un_logoMas {
		top: var(--pd-side);
		margin: 0;
		width: 38.461vw;
		height: 10.256vw;
	}
	body.home .un_logoMas.small {
		top: 3.846vw;
		width: 22.564vw;
		height: 5.857vw;
	}
	body.home .bl_gNav li > a,
	body.home .ly_langSwitch.open .bogo-language-name > a,
	body.home .ly_langSwitch.open .bogo-language-switcher .ja::after {
		color: #000;
	}
}

/* #first-view */
.ly_firstView {
	position: relative;
	overflow: hidden;
	background-color: #999;
}
.bl_fvSlider {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.bl_fvSlider .swiper,
.bl_fvSlider .swiper-wrapper,
.bl_fvSlider .swiper-slide,
.bl_fvSlider .swiper-slide > a {
	width: 100%;
	height: 100%;
}
.bl_fvSlider .swiper-slide {
	position: relative;
	background-size: cover;
	background-position: center;
}
/* .bl_fvSlider .swiper-slide#fv-slide-1 {
	background-image: url("./img/top/slide_top/pc/top_slide_1.jpg");
}
.bl_fvSlider .swiper-slide#fv-slide-2 {
	background-image: url("./img/top/slide_top/pc/top_slide_2.jpg");
} */
.bl_fvSlider .swiper-slide > a {
	display: block;
}
.bl_fvSlider .swiper-slide > a:hover {
	opacity: 1;
}
.ly_fvSlider_bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bl_fvSlider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.ly_fvSlider_txt {
	position: absolute;
	right: 5.333%;
	bottom: 4.9vw;
}
.el_fvSlider_ttl {
	/* margin-bottom: 0.2em;
	font-size: var(--font-size-30px);
	line-height: 1.333; */
	margin-bottom: 0.3em;
    font-size: var(--font-size-27px);
    line-height: 1.41;
	color: #fff;
	text-align: right;
}
.el_fvSlider_ttl span.sub_ttl {
	display: block;
	margin-bottom: 0.7em;
	font-weight: 500;
	font-size: var(--font-size-17px);
}
p.el_fvSlider_txt {
	font-size: var(--font-size-20px);
	line-height: 1.333;
	color: #fff;
	text-align: right !important;
}
/* Mouse Stalker */
.mstalker {
	position: fixed;
	left: 0;
	top: 0;
	width: var(--mstalker-size, 77px);
	height: var(--mstalker-size, 77px);
	z-index: 9999;
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0;
	transition: opacity .18s ease;
	will-change: transform, opacity;
}
.mstalker.is-visible {
	opacity: 1;
}
/* スコープ内は常にネイティブカーソルを隠す（強制） */
.js-stalker-scope,
.js-stalker-scope * {
	cursor: none !important;
}
/* 入力系は例外としてテキストカーソルを維持 */
.js-stalker-scope input,
.js-stalker-scope textarea,
.js-stalker-scope select,
.js-stalker-scope [contenteditable="true"] {
	cursor: text !important;
}
/* タッチ主体端末では隠さない（任意） */
@media (pointer: coarse) {
	.js-stalker-scope,
	.js-stalker-scope * {
		cursor: auto !important;
	}
}
@media screen and (max-width: 768px) {
	.ly_fvSlider_txt {
		right: var(--pd-side);
		bottom: 13.5vw;
		width: calc(100% - var(--pd-side) * 2);
	}
	.el_fvSlider_ttl {
		/* font-size: var(--font-size-22px-sm); */
		font-size: var(--font-size-20px-sm);
		word-break: normal;
		overflow-wrap: break-word;
		line-break: loose;
	}
	.el_fvSlider_ttl span.sub_ttl {
		font-size: var(--font-size-12px-sm);
		letter-spacing: var(--font-en-letter-spacing);
	}
	p.el_fvSlider_txt {
		/* font-size: var(--font-size-13px-sm); */
		font-size: var(--font-size-14px-sm);
	}
}

/* === View More Prompt (Top Page Mobile Only) ============================= */
/* スマホで #first-view 上に一度だけ表示されるタップ誘導画像 */
@media screen and (min-width: 769px) {
	.fv-view-more-prompt {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.fv-view-more-prompt {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
		display: none;      /* JS で block にして使用 */
		opacity: 0;         /* フェードイン開始時の初期値 */
		pointer-events: none;
		width: 100vw;
		background-color: rgb(0 0 0 / 0.25);
	}
	.fv-view-more-prompt img {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 18vw;
		height: auto;
	}
}

/* Top-Products */
#top-product {
	margin-bottom: 6vw;
}
body.home .bl_prodIndex_list {
	position: relative;
	gap: 0 5.128%;
	/* padding: 5.333vw 3.571% 7vw; */
	padding: 1.5vw 3.571% 7vw;
}
body.home .ly_prodIndex_item {
	width: calc(89.744% / 3);
}
.el_prod_name > span.cat {
	display: none;
}
body.home .el_prod_name > span.cat,
#find-more-products .el_prod_name > span.cat {
	display: inline-block;
	color: var(--color-light-grey);
}
span.cat::after {
	content: '';
	display: inline-block;
	margin: 0 1em;
	width: var(--line-1px);
	height: .75vw;
	background-color: var(--color-light-grey);
}
body.home .el_prod_name > span.cat::after,
#find-more-products .el_prod_name > span.cat::after {
	margin: 0 .8em;
	height: 1vw;
}
#top-product .el_btn_arrow {
	z-index: 1;
}
@media screen and (max-width: 768px) {
	#top-product {
		margin-bottom: 20.512vw;
	}
	body.home .bl_prodIndex_list {
		flex-direction: column;
		gap: 0 5.128%;
		padding: 7.692vw 3.205vw 17.948vw;
	}
	body.home .ly_prodIndex_item {
		width: 100%;
	}
	/* body.home .ly_prodIndex_item:nth-child(n + 2) {
		display: none;
	} */
	body.home .el_prod_name > span.cat::after,
	#find-more-products .el_prod_name > span.cat::after {
		height: 3vw;
	}
}

/* === Top Product Swiper (SP only) ============================= */
@media screen and (max-width: 768px) {
	.sm_wrap_prod_slider {
		margin-left: calc(-1 * var(--pd-side));
    	margin-right: calc(-1 * var(--pd-side));
		width: auto;
		overflow: hidden;
	}

	/* 調整用変数 */
	#top-product-slider{
		--side-pad: 0vw;      /* 左右余白（見切れ量） */
		--slide-w: 60vw;       /* 中央スライド幅（小さいほど左右が多く見える） */
		--slide-overlap: 0vw; /* 画像の横オーバーラップ量 */
		--slide-pull: 5vw;     /* 左右スライドを中央へ寄せる距離（transform） */
	}

	#top-product-slider {
		position: relative;
		margin-top: 7.692vw;
		padding: 0 0 14vw 0;
		width: 100%;
		overflow: visible;
		padding-left: var(--side-pad);
		padding-right: var(--side-pad);
	}

	/* Swiper wrapper を横並び */
	body.home #top-product-slider .bl_prodIndex_list {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 0;
		padding: 0;
		margin: 0;
	}

	/* 既存の非表示指定を打ち消し（ループ用） */
	body.home #top-product-slider .ly_prodIndex_item:nth-child(n + 2) { display: block; }

	/* スライド本体 */
	#top-product-slider .ly_prodIndex_item {
		flex: 0 0 var(--slide-w);
		width: var(--slide-w);
		opacity: .5;
		transition: opacity .35s ease, transform .35s ease;
		will-change: transform;
	}

	/* 中央スライド強調 */
	#top-product-slider .swiper-slide-active { opacity: 1; }

	/* 情報パネルのフェード */
	#top-product-slider .bl_prodIndex_info {
		opacity: 0;
		transition: opacity .35s ease;
		pointer-events: none;
	}
	#top-product-slider .swiper-slide-active .bl_prodIndex_info {
		opacity: 1;
		pointer-events: auto;
	}

	/* 画像オーバーラップ：内部だけ横に広げる */
	#top-product-slider .ly_prodIndex_item > a {
		display: block;
		position: relative;
		padding: 0 var(--slide-overlap);
	}

	#top-product-slider .el_prodIndex_thumb {
		margin: 0;
		width: calc(100% + 2 * var(--slide-overlap));
		margin-left: calc(-1 * var(--slide-overlap));
		transition: transform .35s ease;
	}

	/* 左右スライドを中央へ寄せる（距離を詰める本質） */
	#top-product-slider .ly_prodIndex_item.swiper-slide-prev {
		transform: translateX(var(--slide-pull));
	}
	#top-product-slider .ly_prodIndex_item.swiper-slide-next {
		transform: translateX(calc(-1 * var(--slide-pull)));
	}

	/* 適度な縮小で中央をさらに際立たせたい場合（任意） */
	#top-product-slider .ly_prodIndex_item.swiper-slide-prev .el_prodIndex_thumb,
	#top-product-slider .ly_prodIndex_item.swiper-slide-next .el_prodIndex_thumb {
		transform: scale(.90);
		transform-origin: bottom center;
	}
	#top-product-slider .swiper-slide-active .el_prodIndex_thumb {
		transform: scale(1);
	}
}

/* Inside MAS */
.ly_colorBG {
	padding: 4.666vw var(--pd-side) 8vw;
	background-color: var(--color-mas-green);
}
.ly_colorBG .el_topTtl_lv1H {
	color: #fff;
}
.ly_colorBG .el_topTtl_desc {
	color: #BABABA;
}
.ly_colorBG.beige {
	background-color: var(--color-mas-beige);
}
.ly_moreList {
	display: flex;
	flex-wrap: wrap;
	gap: 4vw 2.38%;
	margin-top: 3.333vw;
}
.bl_moreItem {
	width: 31.746%;
}
.el_moreItem_img {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.el_moreItem_img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(20,101,52,0.15);
	opacity: 1;
	transition: opacity .3s ease;
	pointer-events: none;
}
.hp_bg_beige .el_moreItem_img::after {
	background: rgba(216, 155, 88, 0.15);
}
.bl_moreItem a:hover {
	opacity: 1;
}
.bl_moreItem a:hover .el_moreItem_img::after {
	opacity: 0;
}
.el_moreItem_img img {
	object-fit: cover;
	object-position: center;
	height: 100%;
	filter: grayscale(100%);
	transition: filter .3s ease;
}
.bl_moreItem a:hover .el_moreItem_img img {
	filter: grayscale(0%);
}
.el_moreItem_ttl {
	margin-top: 0.8em;
	font-weight: 600;
	font-size: var(--font-size-16px);
	line-height: 1.5;
	color: #fff;
}
@media screen and (min-width: 769px) {
	.el_moreItem_ttl {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		min-width: 0;
	}
}
.el_moreItem_ttl span.cat {
	color: #CACACA;
}
.el_moreItem_ttl span.cat::after {
	margin: 0 0.8em;
	height: 0.9vw;
	background-color: #D3CDCD;
}
#inside-more .bl_moreItem:nth-child(-n + 2) {
	width: 48.81%;
}
@media screen and (max-width: 768px) {
	body.home .ly_colorBG {
		padding: 12.82vw var(--pd-side);
	}
	.ly_moreList {
		flex-direction: column;
		margin-top: 10.256vw;
		gap: 3vw 0;
	}

	.el_prodIndex_thumb img {
		object-position: 50% 0%;
		transform: scale(1.25);
		/* object-position: 50% 0%;
		transform: scale(1.15); */
	}
	.bl_moreItem,
	#inside-more .bl_moreItem:nth-child(-n + 2) {
		width: 100%;
	}
	.bl_moreItem > a {
		display: flex;
		justify-content: space-between;
	}
	.el_moreItem_img {
		flex: 0 0 44.358vw;
	}
	.el_moreItem_ttl {
		flex: 1;
		margin-top: 0;
		padding-left: 5.128vw;
		font-size: var(--font-size-13px-sm);
	}
	.el_moreItem_ttl span.cat {
		display: block;
		margin-top: -0.35em;
	}
	.el_moreItem_ttl span.cat::after {
		display: none;
	}
	#inside-more .bl_moreItem:nth-child(-n + 2) {
		margin-bottom: 3.5vw;
	}
	#inside-more .bl_moreItem:nth-child(-n + 2) > a {
		display: block;
	}
	#inside-more .bl_moreItem:nth-child(-n + 2) .el_moreItem_ttl {
		margin-top: 0.65em;
		padding: 0;
	}
	#inside-more .bl_moreItem:nth-child(-n + 2) span.cat {
		display: inline-block;
		margin-top: 0;
	}
	#inside-more .bl_moreItem:nth-child(-n + 2) span.cat::after {
		display: inline-block;
		height: 3vw;
	}
}

/* Top-Products-2 */
.ly_topProd {
	position: relative;
	aspect-ratio: 150 / 72;
	padding: 4.666vw var(--pd-side);
	background: center / cover no-repeat url("./img/top/pic_top_products.jpg");
	overflow: hidden;
}
.ly_topProd .el_btn_arrow {
	right: var(--pd-side);
	bottom: 4.666vw;
}
@media screen and (max-width: 768px) {
	.ly_topProd {
		aspect-ratio: 39 / 45;
		padding: 9vw var(--pd-side);
		background-image: url("./img/top/pic_top_products_sm.jpg");
	}
	.ly_topProd .el_btn_arrow {
		bottom: 12.82vw;
	}
}

/* Top-About */
.wrap_topAbout {
	position: relative;
	margin: 10vw 0;
}
.bl_topAbout_txt {
	flex: 0 0 38.095%;
}
.bl_topAbout_txt .el_page_lv2H {
	margin-top: 3em;
	letter-spacing: .03em;
}
.bl_topAbout_img {
	margin-right: calc(-1 * var(--pd-side));
	/* flex: 0 0 59%; */
	flex: 0 0 58.5%;
}
.el_topAbout_img_1,
.el_topAbout_img_2 {
	max-height: 32vw;
}
.el_topAbout_img_1 {
	max-width: 32vw;
}
.el_topAbout_img_2 {
	max-width: 16vw;
}
@media screen and (max-width: 768px) {
	.wrap_topAbout {
		margin: 14vw 0;
	}
	.ly_topAbout {
		flex-direction: column-reverse;
	}
	.bl_topAbout_img,
	.bl_topAbout_txt {
		flex: unset;
	}
	.bl_topAbout_img {
		margin-top: 10vw;
		overflow: hidden;
	}
	.el_topAbout_img_1,
	.el_topAbout_img_2 {
		max-width: unset;
		max-height: unset;
		height: 64.102vw;
		overflow: hidden;
	}
	.el_topAbout_img_1 {
		/* width: 64.102vw; */
		width: 66vw;
		object-fit: cover;
        object-position: center;
	}
	.el_topAbout_img_2 {
		margin-right: -1.282vw;
		width: 32.051vw;
	}
	.bl_topAbout_txt {
		padding-bottom: 13.589vw;
	}
	.bl_topAbout_txt .el_page_lv2H {
		margin-top: 2.6em;
	}
}

/* Instagram Feed */
.ly_topInstagram {
	position: relative;
	padding-top: 4.666vw;
	padding-bottom: 6.333vw;
}
.ly_instagram {
	margin-top: 2.533vw;
	margin-bottom: -1.866vw;
	/* height: 20vw;
	background-color: var(--color-line-light-grey); */
}
@media screen and (max-width: 768px) {
	.ly_topInstagram {
		padding-top: 0;
		padding-bottom: 14.871vw;
	}
	.ly_instagram {
		margin-top: 8.46vw;
		margin-bottom: -1.538vw;
		/* height: 33.333vw; */
	}
}

/*-------------------------------------------------
	Footer
-------------------------------------------------*/
html,body {
	height: 100%;
}
.ly_container {
	position: relative;
	min-height: 100%;
}
.ly_contents {
	position: relative;
	padding-bottom: 25.533vw;
}
.ly_footer {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-top: 16.666vw;
	width: 100%;
	height: 25.533vw;
}
.ly_footer.hp_bg_green {
	background-color: var(--color-mas-green);
}
.ly_footer.hp_bg_beige {
	background-color: var(--color-mas-beige);
}
.ly_footer.hp_bg_green p,
.ly_footer.hp_bg_green a {
	color: #fff;
}
.un_karimokuLogo {
	width: 11vw;
}
.ly_footer.hp_bg_white .un_karimokuLogo > img.wh,
.ly_footer.hp_bg_beige .un_karimokuLogo > img.wh {
	display: none;
}
.ly_footer.hp_bg_green .un_karimokuLogo > img.bk {
	display: none;
}
.un_copyRight {
	margin-left: 1.333vw;
	margin-bottom: 0;
	font-size: var(--font-size-16px);
	line-height: 1;
}
body.ja .un_copyRight.en,
body.en-US .un_copyRight.ja {
	display: none !important;
}
@media screen and (max-width: 768px) {
	.ly_contents {
		padding-bottom: 100vw;
	}
	.ly_footer {
		position: absolute;
		padding-top: 38.461vw;
		height: 100vw;
	}
	.ly_ftrLogo {
		position: absolute;
		left: var(--pd-side);
		bottom: 15vw;
		width: calc(100% - var(--pd-side) * 2);
	}
	.un_karimokuLogo {
		margin-left: 0;
		width: 33.333vw;
	}
	.un_copyRight {
		margin-left: 1em;
		font-size: var(--font-size-10px-sm);
	}
	/* Footer Nav */
	.ly_ftrNav {
		display: flex !important;
	}
	.bl_ftrNav {
		flex: 0 0 24.358vw;
		padding-right: 1em;
	}
	.bl_ftrNav:last-of-type {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		padding-left: 1em;
		padding-right: 0;
	}
	.bl_ftrNav li {
		margin-bottom: .4em;
	}
	.bl_ftrNav li a {
		font-weight: 600;
		font-size: var(--font-size-12px-sm);
		line-height: 1;
	}
	.bl_ftrNav:last-of-type li.menu-item-551 {
		padding-right: .6em;
	}
	.bl_ftrNav > .un_instaLink_sm {
		margin-top: 9.487vw;
		margin-bottom: 0;
	}
	.bl_ftrNav > .un_instaLink_sm > a {
		width: 6.41vw;
		height: 6.41vw;
	}
	.ly_footer.hp_bg_green .un_instaLink_sm > a {
		background-image: url(./img/cmn/icon_ig_wh.svg);
	}
}

/* Find More */
.ly_findMore {
	margin-top: 12vw;
	padding-top: 5.333vw;
	padding-bottom: 3.333vw;
}
body.page.page-id-15 .ly_findMore { /* Aboutページのみ */
	margin-top: 0;
}
.ly_colorBG.ly_findMore.hp_bg_white {
	display: none;
}
.ly_colorBG.ly_findMore.hp_bg_beige {
	background-color: var(--color-mas-beige);
}
.el_findMore_ttl {
	margin-bottom: 3.333vw;
	font-size: var(--font-size-20px);
	line-height: 1;
	color: #fff;
}
.ly_findMore.hp_bg_beige .el_findMore_ttl,
.ly_findMore.hp_bg_beige .el_moreItem_ttl {
	color: #000;
}
.ly_findMore.hp_bg_beige .el_moreItem_ttl span.cat {
	color: rgba(103, 103, 103, 1);
}
.ly_findMore.hp_bg_beige .el_moreItem_ttl span.cat::after {
	background-color: #000;
}
@media screen and (max-width: 768px) {
	.ly_findMore {
		margin-top: 30.769vw;
		padding-top: 9vw;
		padding-bottom: 0;
	}
	.ly_findMore .ly_moreList {
		margin-top: 7.692vw;
	}
	.el_findMore_ttl {
		font-size: var(--font-size-15px-sm);
	}
	#find-more-products .ly_prodIndex_featured {
		margin-top: -12.82vw;
	}
	#find-more-products .el_btn_arrow {
		margin-right: var(--pd-side);
	}
}

/* === Find More Swiper (SP only) ============================= */
@media screen and (max-width: 768px) {

	/* トップと同じ初期値（今の設定に合わせています） */
	#find-more-slider{
		--side-pad: 0vw;     /* 左右余白（見切れ量） */
		--slide-w: 64vw;     /* 中央スライド幅（小さいほど左右が多く見える） */
		--slide-overlap: 0vw;/* 画像の横オーバーラップ量（不要なら0のまま） */
		--slide-pull: 10vw;  /* 左右スライドを中央へ寄せる距離 */
	}

	#find-more-slider {
		position: relative;
		margin-top: 7.692vw;
		padding: 0 0 11.538vw 0;
		width: 100%;
		overflow: visible;
		padding-left: var(--side-pad);
		padding-right: var(--side-pad);
	}

	/* Swiper wrapper を横並び・nowrap に */
	#find-more-slider .bl_prodIndex_list {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 0;
		padding: 0;
		margin: 0;
	}

	/* スライド本体 */
	#find-more-slider .ly_prodIndex_item {
		flex: 0 0 var(--slide-w);
		width: var(--slide-w);
		opacity: .5;
		transition: opacity .35s ease, transform .35s ease;
		will-change: transform;
	}

	/* 中央スライド強調 */
	#find-more-slider .swiper-slide-active { opacity: 1; }

	/* 情報パネルのフェード（中央のみ表示） */
	#find-more-slider .bl_prodIndex_info {
		opacity: 0;
		transition: opacity .35s ease;
		pointer-events: none;
	}
	#find-more-slider .swiper-slide-active .bl_prodIndex_info {
		opacity: 1;
		pointer-events: auto;
	}

	/* 必要なら画像だけ横に広げる（今は overlap=0 なので実質無効） */
	#find-more-slider .ly_prodIndex_item > a {
		display: block;
		position: relative;
		padding: 0 var(--slide-overlap);
	}
	#find-more-slider .el_prodIndex_thumb {
		margin: 0;
		width: calc(100% + 2 * var(--slide-overlap));
		margin-left: calc(-1 * var(--slide-overlap));
		transition: transform .35s ease;
	}

	/* 左右スライドを中央へ寄せて“距離”を詰める */
	#find-more-slider .ly_prodIndex_item.swiper-slide-prev {
		transform: translateX(var(--slide-pull));
	}
	#find-more-slider .ly_prodIndex_item.swiper-slide-next {
		transform: translateX(calc(-1 * var(--slide-pull)));
	}

	/* 適度な縮小で中央をさらに際立たせたい場合（任意） */
		#find-more-slider .ly_prodIndex_item.swiper-slide-prev .el_prodIndex_thumb,
		#find-more-slider .ly_prodIndex_item.swiper-slide-next .el_prodIndex_thumb {
			transform: scale(.90);
			transform-origin: bottom center;
		}
		#find-more-slider .swiper-slide-active .el_prodIndex_thumb {
			transform: scale(1);
		}
}

/*-------------------------------------------------
	Page Common
-------------------------------------------------*/
.ly_contents {
	padding-top: 9.333vw;
}
.el_pageTtl {
	margin-bottom: 1.75em;
	font-size: var(--font-size-24px);
	line-height: 1;
}
.el_page_lv2H {
	margin-bottom: 1em;
	font-weight: 600;
	font-size: var(--font-size-24px);
	line-height: 1.5;
}
.ly_page {
	margin-top: 3.8vw;
}
.wrap_page_basic .ly_page {
	margin-top: -4.666vw;
}
.ly_pageDesc {
	width: 39.682%;
}
.ly_pageCont {
	width: 52.38%;
}
@media screen and (max-width: 768px) {
	.ly_contents {
		padding-top: 21.282vw;
	}
	.el_pageTtl {
		margin-bottom: 2.8em;
		font-size: var(--font-size-15px-sm);
	}
	body.category-products .el_pageTtl {
		margin-bottom: 2.5em;
	}
	.el_page_lv2H {
		font-size: var(--font-size-17px-sm);
	}
	.wrap_page_basic .ly_page {
		margin-top: -9.743vw;
	}
	.ly_pageDesc {
		margin-bottom: 18.5vw;
	}
}

/* Index (Page Top) */
.hp_sticky {
	position: sticky;
	top: 9.333vw;
}
.ly_index_catList {
	padding-right: 2.38%;
	width: 16.666%;
}
.ly_index_cont {
	width: 83.333%;
}
.bl_index_catList {
	font-size: var(--font-size-18px);
	line-height: 1.333;
}
.bl_index_catList li + li {
	margin-top: 1.05em;
}
.bl_index_catList li a {
	padding-bottom: 0;
	border-bottom: 1px solid transparent;
}
.bl_index_catList li.is_active a,
.bl_index_catList li:hover a {
	border-color: #000;
	opacity: 1;
}
.bl_index_catList li span.sm_subTtl {
	display: none;
}
@media screen and (max-width: 768px) {
	.hp_sticky.sm_flex {
		position: relative;
		top: unset;
		width: 100%;
	}
	.ly_index_catList {
		display: flex;
		justify-content: space-between;
		padding-right: 0;
	}
	.bl_index_catList {
		margin-bottom: 12vw;
		width: 100%;
		font-size: var(--font-size-15px-sm);
		text-align: right;
	}
	.bl_index_catList li + li {
		margin-top: 0.8em;
	}
	.bl_index_catList li.is_active a,
	.bl_index_catList li:hover a {
		border: none;
	}
	.bl_index_catList li span.sm_subTtl {
		display: inline-block;
		color: rgb(127, 127, 127);
	}
}

/* SP-CatList-Accordion */
.catAccordion__current {
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
.catAccordion__listWrapper {
	overflow: visible;
	height: auto;
}
@media screen and (max-width: 768px) {
	.catAccordion {
		width: 70%;
		text-align: right;
	}
	.catAccordion__current {
		display: block;
		font-size: var(--font-size-15px-sm);
	}
	.catAccordion__listWrapper {
		overflow: hidden;
		height: 0;
		transition: height .3s;
		will-change: height;
	}
	.catAccordion__current .sm_subTtl {
		color: rgb(127,127,127);
	}
	.catAccordion.is-open .bl_index_catList li.is_active {
		display: none;
	}
	.catItem.catItem--all {
		padding-top: 0.8em;
	}
}
@media screen and (min-width: 769px) {
	.catAccordion__current {
		display: none;
	}
	.catAccordion__listWrapper {
		height: auto !important;
		overflow: visible;
	}
}

/* #pagenation */
#pagenation {
	/* margin-top: 2vw; */
	margin-top: 5vw;
	width: 100%;
}
#pagenation-list {
	display: flex;
    justify-content: center;
    align-items: center;
}
#pagenation-list li {
	display: inline-block;
	margin: 0 .9em;
	font-family: var(--font-en);
	font-weight: 600;
	font-size: var(--font-size-20px);
	line-height: 1;
	letter-spacing: -.02em;
}
#pagenation-list li span.current {
	color: #9A9A9A;
}
#pagenation-list li a.prev::before,
#pagenation-list li a.next::after {
	content: '';
	display: inline-block;
	margin: 0;
	width: 1.333vw;
	height: 1.333vw;
}
#pagenation-list li a.prev {
	margin-right: 0.2em;
}
#pagenation-list li a.prev::before {
	background: center / contain no-repeat url("./img/cmn/arrow_right.svg");
	transform: scale(-1, 1);
}
#pagenation-list li a.next {
	margin-left: 0.2em;
}
#pagenation-list li a.next::after {
	background: center / contain no-repeat url("./img/cmn/arrow_right.svg");
}
@media screen and (max-width: 768px) {
	#pagenation {
		/* margin-top: 5.128vw; */
		margin-top: 10vw;
	}
	#pagenation-list li {
		font-size: var(--font-size-16px-sm);
	}
	#pagenation-list li a.prev::before,
	#pagenation-list li a.next::after {
		width: 4.615vw;
		height: 4.615vw;
	}
}

/*-------------------------------------------------
	PRODUCT - Slider
-------------------------------------------------*/
.ly_prodSlide {
	margin-top: -5.333vw;
	margin-bottom: 8vw;
}
/* Old Code */
.slick-slide {
    margin-right: 0.5vw !important;
    margin-left: 0.5vw !important;
}
.bl_prodSlide {
	position: relative;
	font-size: 1.5rem;
	line-height: 1.5;
}
.bl_prodSlide_cap {
	position: relative;
	height: 50px;
	text-align: right;
}
.bl_prodSlide_cap > span {
	display: block;
	position: absolute;
	right: 0;
	bottom: 2px;
	font-size: 1.6rem;
	line-height: 1;
	transition: all 1200ms;
	opacity: 0;
}
.slick-current .bl_prodSlide_cap > span {
	opacity: 1;
}
.prev.slick-arrow, .next.slick-arrow {
	display: block;
	position: absolute;
	bottom: 80px;
	margin-top: -40px;
	width: 100px;
	height: 30px;
	background-image: url("../img/cmn/arrow_left.svg");
	background-position: center;
	background-size: 80px 10px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
}
.prev.slick-arrow {
	left: 285px;
	transform: scale(-1, 1);
}
.next.slick-arrow {
	right: 285px;
}
@media screen and (max-width: 768px) {
	#product-slide {
		margin-top: -14.615vw;
	}
	.bl_prodSlide_sp + .bl_prodSlide_sp {
		margin-top: 10px;
	}
	.slick-slide {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.bl_prodSlide_cap {
		height: 22px;
		font-size: 1.2rem;
		text-align: center;
	}
	.bl_prodSlide_cap > span {
		left: 50%;
		right: unset;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		opacity: 1 !important;
	}
	.prev.slick-arrow, .next.slick-arrow {
		top: 50%;
		bottom: unset;
		margin-top: -17px;
		width: 60px;
		height: 28px;
		background-image: url("../img/cmn/arrow_left_sp.svg");
		background-position: center;
		background-size: 40px 8px;
	}
	.prev.slick-arrow {
		top: 50%;
		bottom: unset;
		left: 0;
		transform: scale(-1, 1);
	}
	.next.slick-arrow {
		right: 0;
	}
	.bl_prodSlide_cap {
		display: none;
	}
}

/*-------------------------------------------------
	PRODUCT
-------------------------------------------------*/

/*-------------------------------------------------
	ABOUT
-------------------------------------------------*/
.ly_aboutLead {
	align-items: center;
	margin-bottom: 11vw;
}
.bl_aboutLead_txt {
	width: 50%;
}
.bl_aboutLead_txt .el_page_lv2H {
	margin-top: 1.15em;
	margin-bottom: 1.4em;
	letter-spacing: .05em;
}
.bl_aboutLead_txt p {
	margin-bottom: 1.25em;
	font-size: var(--font-size-16px);
}
.bl_aboutLead_img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45%;
}
.el_aboutLead_img {
	margin-top: 0vw;
	width: 28vw;
}
@media screen and (max-width: 768px) {
	.ly_aboutLead {
		flex-direction: column-reverse;
		margin-bottom: 12.5vw;
	}
	.bl_aboutLead_txt .el_page_lv2H {
		margin-top: 0;
		margin-bottom: 1.5em;
	}
	.bl_aboutLead_txt p {
		margin-bottom: 2em;
		font-size: var(--font-size-13px-sm);
	}
	.bl_aboutLead_img {
		margin-top: -12.6vw;
		margin-bottom: 13.6vw;
	}
	.el_aboutLead_img {
		width: 58vw;
		margin-top: 16vw;
	}
}

/* Slider Box */
:root {
	--about-box-init-height: 26.666vw;
	--about-box-active-height: 45.333vw;
	--transition-ease: cubic-bezier(.55,0,.2,1);
	--dot-size: 0.666vw;
	--segment-thickness: clamp(1px, .066vw, .066vw);
	--segment-length: 5.333vw;
	--color-dot-active: #ffffff;
	--color-dot-inactive: #838383;
	--color-seg-base: #838383;
	--color-seg-progress: #fff;
	--about-box-pd-top: 3.333vw;
	--about-box-pd-btm: 3.333vw;
	--seg-duration: 10000ms;
}
.ly_aboutSlider {
	display: flex;
	flex-direction: column;
}
.about-slideBox {
	position: relative;
	width: 100%;
	height: var(--about-box-init-height);
	background: #fff;
	overflow: hidden;
	transition: height .9s var(--transition-ease);
	/* cursor: pointer; */
}
.about-slideBox.active {
	height: var(--about-box-active-height);
	z-index: 10;
}
.box-bg-static,
.box-bg-color {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	pointer-events: none;
	transition: opacity 1s ease;
}
.box-bg-static {
	filter: grayscale(1);
	opacity: 1;
}
.about-slideBox.active .box-bg-static {
	opacity: 0;
}
.box-bg-color {
	opacity: 0;
}
.about-slideBox.active .box-bg-color {
	opacity: 1;
}
.initial-content {
	align-items: center;
	position: relative;
	z-index: 2;
	padding: var(--about-box-pd-top) var(--pd-side) var(--about-box-pd-btm) var(--pd-side);
	max-width: 100%;
	height: 100%;
	transition: opacity .5s ease;
}
.el_aboutSlider_ttl {
	font-size: var(--font-size-30px);
	line-height: 1;
	color: #fff;
}
p.el_aboutSlider_desc {
	font-weight: 400;
	font-size: var(--font-size-17px);
	line-height: 1;
	color: #fff;
}
p.el_aboutSlider_desc > span.en {
	margin-right: 1em;
	font-weight: 500;
	font-family: var(--font-en);
	letter-spacing: var(--font-en-letter-spacing);
}
.slide-overlay p.el_aboutSlider_desc > span.en {
	margin-right: 0;
}
.about-slideBox.active .initial-content {
	opacity: 0;
	pointer-events: none;
}
.slider-layer {
	position: absolute;
	inset: 0;
	display: none;
	z-index: 3;
}
.about-slideBox.active .slider-layer {
	display: block;
	animation: fadeIn .5s ease forwards;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	width: 100%;
	height: 100%;
	position: relative;
}
.swiper-slide .slide-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide:not(:last-of-type) .slide-bg {
	cursor: pointer;
}
.slide-overlay {
	position: absolute;
	top: var(--about-box-pd-top);
	left: var(--pd-side);
	right: var(--pd-side);
	max-width: calc(100% - var(--pd-side) * 2);
	height: calc(100% - var(--about-box-pd-top) - var(--about-box-pd-btm));
	z-index: 4;
	opacity: 0;
	transition: opacity .5s ease;
	pointer-events: none;
}
.about-slideBox.active .slide-overlay {
	opacity: 1;
}
.slide-overlay .el_aboutSlider_ttl {
	position: absolute;
	top: 0;
	left: 0;
	font-size: var(--font-size-24px);
}
.slide-overlay .el_aboutSlider_desc {
	position: absolute;
	top: 0;
	right: 0;
	font-size: var(--font-size-14px);
}
.ly_aboutSlider_txt {
	align-items: center;
	margin-top: calc(-1 * var(--about-box-pd-top));
	height: var(--about-box-active-height);
}
.bl_aboutSlider_txt {
	flex: 0 0 50%;
}
.bl_aboutSlider_txt h4 {
	margin-bottom: 1em;
	/* font-weight: 500; */
	font-weight: 600;
	font-size: var(--font-size-20px);
	line-height: 1.7;
	color: #fff;
}
.bl_aboutSlider_txt p {
	font-weight: 400;
	font-size: var(--font-size-16px);
	color: #fff;
}
.bl_aboutSlider_img {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
}
img.fig_aboutSlider_1_2 {
	max-width: 24.666vw;
}
img.fig_aboutSlider_1_3 {
	margin-top: 1vw;
	margin-right: -1.1vw;
	max-width: 26.4vw;
}
img.fig_aboutSlider_2_2 {
	margin-left: -7.733vw;
	margin-bottom: -3.6vw;
	max-width: 40vw;
}
img.fig_aboutSlider_3_2 {
	max-width: 26.266vw;
}
img.fig_aboutSlider_4_3 {
	margin-left: -2.133vw;
	max-width: 43vw;
}
.hp_overlay_25 {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.25);
	pointer-events: none;
}
/* Dot + Progress Bar */
.custom-pagination {
	position: absolute;
	left: var(--pd-side);
	bottom: var(--about-box-pd-btm);
	display: flex;
	align-items: center;
	z-index: 8;
	font-size: 0;
	-webkit-user-select: none;
	user-select: none;
}
.cp-dot {
	width: var(--dot-size);
	height: var(--dot-size);
	border-radius: 50%;
	background: var(--color-dot-inactive);
	transition: background-color .25s;
}
.cp-dot.active,
.cp-dot.visited {
	background: var(--color-dot-active);
}
.cp-segment {
	width: var(--segment-length);
	height: var(--segment-thickness);
	margin: 0;
	background: var(--color-seg-base);
	position: relative;
	overflow: hidden;
}
.cp-seg-progress {
	position: absolute;
	inset: 0;
	width: 0%;
	background: var(--color-seg-progress);
}
.cp-segment.completed .cp-seg-progress {
	width: 100% !important;
	animation: none !important;
}
@keyframes progressFill {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
.cp-seg-progress.animating {
	animation: progressFill var(--seg-duration) linear forwards;
}
.cp-dot,
.cp-segment {
	cursor: pointer;
}

/* Mobile-specific arrow buttons (hidden by default; shown on small screens) */
.cp-arrow {
	display: none;
	width: 4vw;
	height: 4vw;
	color: transparent;
	border: 0px;
	border-top: solid var(--line-1_5px) #fff;
	border-right: solid var(--line-1_5px) #fff;
	opacity: .6;
	transform: rotate(45deg);
	cursor: pointer;
}

@media (max-width: 768px) {
	:root {
		--about-box-init-height: 46.15vw;
		--about-box-active-height: 153.85vw;
		--dot-size: 2.564vw;
		--segment-thickness: clamp(1px, .2564vw, .066vw);
		--segment-length: 17.948vw;
	}
	.initial-content {
		flex-direction: column;
		align-items: unset;
		padding: var(--pd-side);
	}
	.initial-content h2,
	.slide-overlay .el_aboutSlider_ttl {
		font-size: var(--font-size-17px-sm);
	}
	.initial-content p,
	.slide-overlay .desc,
	.slide-overlay .el_aboutSlider_desc {
		font-size: var(--font-size-12px-sm);
		text-align: right !important;
	}
	p.el_aboutSlider_desc > span.en {
		display: block;
		margin-right: 0;
		margin-bottom: 1em;
		font-weight: 400;
		text-align: right;
	}
	.slide-overlay {
		/* top: var(--pd-side); */
		top: 7.692vw;
		height: calc(100% - var(--pd-side) * 2);
	}
	.slide-overlay h3 {
		font-size: var(--font-size-17px-sm);
	}
	.ly_aboutSlider_txt.ly_flex {
		align-items: flex-start;
		height: 100%;
	}
	.slide-overlay .el_aboutSlider_desc {
		top: -.4em;
		line-height: 2;
	}
	.slide-overlay p.el_aboutSlider_desc > span.en {
		margin-bottom: 0.35em;
	}
	.ly_aboutSlider_txt {
		margin-top: 0;
		padding: 0;
		height: 100%;
	}
	.bl_aboutSlider_txt.sm_txt_top {
		position: absolute;
		top: 14.2vw;
	}
	.bl_aboutSlider_txt.sm_txt_mid {
		position: absolute;
		/* top: 94.5vw; */
		bottom: 13.2vw;
	}
	.bl_aboutSlider_txt.sm_txt_btm {
		position: absolute;
		top: 104.5vw;
	}
	.bl_aboutSlider_txt {
		flex: 1;
	}
	.bl_aboutSlider_txt h4 {
		margin-bottom: 1em;
		font-size: var(--font-size-18px-sm);
	}
	.bl_aboutSlider_txt p {
		font-size: var(--font-size-13px-sm);
		line-height: 2.154;
	}
	.bl_aboutSlider_img {
		flex: unset;
		position: absolute;
		top: 10.256vw;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}
	img.fig_aboutSlider_1_2 {
		margin-top: 0;
		max-width: 48.717vw;
	}
	img.fig_aboutSlider_1_3 {
		margin-top: 0;
		margin-right: -2.5vw;
		max-width: 48.717vw;
	}
	img.fig_aboutSlider_2_2 {
		margin-top: 59.5vw;
		margin-left: 0;
		max-width: 87.179vw;
	}
	img.fig_aboutSlider_3_2 {
		margin-top: 2vw;
		max-width: 51.282vw;
	}
	img.fig_aboutSlider_4_3 {
		margin-top: 79.2vw;
		margin-left: 0;
		max-width: 84.615vw;
	}
	.custom-pagination {
		/* left: 50%;
		transform: translateX(-50%); */
		justify-content: center;
		margin-left: calc(-1 * var(--pd-side));
		width: 100%;
		bottom: 7.69vw;
	}
	/* show arrows on mobile */
	.cp-arrow {
		display: block;
		position: absolute;
		bottom: -.64vw;
		border-width: var(--line-1_5px);
	}
	.cp-arrow.cp-prev {
		left: var(--pd-side);
		transform: rotate(-135deg);
	}
	.cp-arrow.cp-next {
		/* right: -10.256vw; */
		right: var(--pd-side);
	}
}

/*-------------------------------------------------
	Single - Common
-------------------------------------------------*/
/* Breadcrumb */
.ly_breadcrumb {
	display: flex;
	align-items: center;
	font-family: var(--font-en);
}
.ly_breadcrumb > span {
	display: block;
	font-weight: 500;
	font-size: var(--font-size-14px);
	line-height: 1;
	letter-spacing: var(--font-en-letter-spacing);
	white-space: nowrap;
}
.ly_breadcrumb > span,
.ly_breadcrumb > span > a {
	color: var(--color-grey);
}
.ly_breadcrumb > span:first-of-type > a {
	flex: 0 0 auto;
	font-weight: 600;
	font-size: var(--font-size-20px);
	color: #000;
	white-space: nowrap;
}
.ly_breadcrumb > span:nth-of-type(3) { /* 2番目: 固定幅・折り返しなし（幅を縮めない） */
	flex: 0 1 auto;
	min-width: 0;
	white-space: nowrap;
}
.ly_breadcrumb > span:last-of-type { /* 3番目（最後）: 残り幅、省略表示 */
	flex: 1 1 0%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 0;
}
.el_arrow_bc {
	display: block;
	margin-left: 1.2vw;
	margin-right: 1.2vw;
	width: .533vw;
	height: .533vw;
	border: 0px;
	border-top: solid var(--line-1_5px) var(--color-grey);
	border-right: solid var(--line-1_5px) var(--color-grey);
	transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
	.ly_breadcrumb {
		margin-bottom: 5vw;
	}
	.ly_breadcrumb > span {
		font-size: var(--font-size-12px-sm);
	}
	.ly_breadcrumb > span:first-of-type > a {
		font-size: var(--font-size-15px-sm);
	}
	.el_arrow_bc {
		margin-left: 2.5vw;
		margin-right: 3vw;
		width: 2.051vw;
		height: 2.051vw;
	}
}

/* Other Content */
.el_singleOther_ttl {
	margin-bottom: 2.8vw;
	font-size: var(--font-size-20px);
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.el_singleOther_ttl {
		margin-bottom: 8vw;
		font-size: var(--font-size-15px-sm);
	}
	.ly_otherNews .el_news_excerpt {
		display: none;
	}
}

/* Single Nav */
.ly_singleNav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6.666vw;
	margin-bottom: 13.333vw;
}
.wrap_singleJournal .ly_singleNav {
	margin-top: .666vw;
}
.el_btn_arrow.prev::before {
	margin-left: 0;
	margin-right: .75em;
	transform: rotate(180deg);
}
.el_btn_arrow.prev::after {
	display: none;
}
@media screen and (max-width: 768px) {
	.ly_singleNav {
		margin-top: 15vw;
		margin-bottom: 30vw;
	}
}

/*-------------------------------------------------
	PRODUCT - Single
-------------------------------------------------*/
.ly_prod_main {
	margin-top: 3.666vw;
	margin-bottom: 8vw;
}
.wrap_prod_slider {
	width: 51.587%;
}
.ly_prod_info {
	width: 43.65%;
}
.el_prod_ttl {
	margin-bottom: 0.18em;
	font-size: var(--font-size-30px);
	line-height: 1.333;
}
p.el_prod_kind {
	margin-bottom: 2vw;
	font-weight: 600;
	font-size: var(--font-size-17px);
	line-height: 1.333;
	color: var(--color-grey);
}
.bl_prod_txt {
	margin-top: 2vw;
}
.ly_prod_ttl {
	width: 23.8%;
}
.ly_prod_cont {
	position: relative;
	width: 69.047%;
}
.el_prodTtl_lv2H {
	font-size: var(--font-size-20px);
	text-align: right;
}
@media screen and (min-width: 768px) {
	.ly_prod_sub .sm_wrap_prod_slider {
		position: relative;
		width: 69.047%;
	}
	.ly_prod_sub .sm_wrap_prod_slider .ly_prod_cont {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.ly_prod_main {
		flex-direction: column;
		margin-top: 0;
		margin-bottom: 16vw;
	}
	.wrap_prod_slider,
	.ly_prod_info,
	.ly_prod_cont {
		width: 100%;
	}
	.bl_prod_txt {
		margin-top: 7.5vw;
	}
	.el_prod_ttl {
		margin-top: 10vw;
		margin-bottom: .15em;
		font-size: var(--font-size-26px-sm);
	}
	p.el_prod_kind {
		margin-bottom: 6.5vw;
		font-size: var(--font-size-14px-sm);
	}
	.ly_prod_ttl {
		width: 100%;
	}
	.el_prodTtl_lv2H {
		margin-bottom: 8vw;
		font-size: var(--font-size-15px-sm);
		text-align: left;
	}
}

/* Slider */
.ly_prod_slider {
	display: none;
}
.ly_prod_slider.active {
	display: block;
	animation: fadein 0.3s;
}
@keyframes fadein {
	from { opacity: 0;}
	to { opacity: 1;}
}
.bl_prod_slider {
	width: 100%;
	margin-inline: auto;
	height: 40vw;
}
.bl_prod_slider .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.bl_prod_slider .swiper-slide {
	height: 100%;
	width: 100%;
	background: none;
}
.bl_prod_slider img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	background: #fff;
	/* object-position: 50% 79%; */
	transform: scale(1.05);
}
.bl_prod_slider .swiper-slide {
	position: relative;
	text-align: center;
	vertical-align: middle;
}
.bl_prod_slider_tn {
	margin-inline: auto;
	width: 100%;
}
.ly_prod_slider:not(.has-many-thumbs) .bl_prod_slider_tn .swiper-wrapper {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.111vw;
}
.bl_prod_slider_tn .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	position: relative; /* ←追加 */
	/* margin: 0 !important; */
	padding: 0;
	background: none;
	cursor: pointer;
}
.bl_prod_slider_tn .swiper-slide::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 0);
	transition: background-color 0.3s;
	pointer-events: none; /* ←追加 */
}
.bl_prod_slider_tn .swiper-slide:hover::before,
.bl_prod_slider_tn .swiper-slide.swiper-slide-thumb-active::before {
	background-color: rgb(0 0 0 / 0.1);
}
.bl_prod_slider_tn img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #fff;
}
@media screen and (min-width: 769px) {
	.bl_prod_slider_tn .swiper-slide {
		margin: 0 !important;
	}
	.ly_prod_slider.has-many-thumbs .bl_prod_slider_tn .swiper-wrapper {
		display: flex !important;
		gap: 1.111vw;
	}
	.ly_prod_slider.has-many-thumbs .bl_prod_slider_tn .swiper-slide {
		width: calc((100% - (1.111vw * 3)) / 4) !important;
	}
}
@media screen and (max-width: 768px) {
	.bl_prod_slider {
		height: 87.18vw;
	}
	.bl_prod_slider_tn {
		margin-left: calc(-1 * var(--pd-side)) !important;
		/* padding-left: var(--pd-side) !important; */
		padding-left: 0 !important;
		padding-right: 0;
		width: 100vw;
		overflow: hidden;
	}
	.bl_prod_slider_tn .swiper-wrapper,
	.ly_prod_slider:not(.has-many-thumbs.active) .bl_prod_slider_tn .swiper-wrapper {
		display: flex !important;
	}
	.ly_prod_slider:not(.has-many-thumbs.active) .bl_prod_slider_tn .swiper-wrapper {
		padding-left: var(--pd-side) !important;
		gap: 2.564vw;
	}
	.bl_prod_slider_tn .swiper-slide {
		flex: 0 0 25.641vw;
		width: 25.641vw !important;
		aspect-ratio: 1 / 1;
		box-sizing: border-box;
	}
	.bl_prod_slider_tn img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		display: block;
		background:#fff;
	}
}

/* swiper-pagination */
.ly_prod_slider .prod-slider-pagination,
.swiper-pagination {
	position: relative !important;
	bottom: unset !important;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1vw;
	margin-top: 2.3vw;
	padding: 0;
	height: auto;
	line-height: 0;
}
.swiper-pagination-bullet {
	flex: 0 0 auto;
	margin: 0 !important;
	width: .666vw !important;
	height: .666vw !important;
	border-radius: 50%;
	background-color: #e6e6e6 !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active {
	background-color: #b2b2b2 !important;
}
@media screen and (max-width: 768px) {
	.ly_prod_slider .prod-slider-pagination,
	.swiper-pagination {
		margin-top: 6.5vw;
	}
	.swiper-pagination-bullet {
		margin: 0 0.2em !important;
		width: 1.794vw !important;
		height: 1.794vw !important;
	}
}

/* Colors */
.wrap_prod_colors {
	padding: 1vw 0;
	border-bottom: 1px solid var(--color-line-light-grey);
}
.wrap_prod_colors:first-of-type {
	border-top: 1px solid var(--color-line-light-grey);
}
.ly_prod_colors {
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.bl_prod_colors {
	display: flex;
	align-items: center;
}
p.el_prod_colorTtl {
	margin-bottom: .5em;
	font-size: var(--font-size-17px);
	line-height: 1.333;
	color: var(--color-light-grey);
}
.wrap_prod_colors .bl_prod_colorList {
	justify-content: flex-start;
	gap: 0 .7vw;
	margin-left: -0.3vw;
}
.wrap_prod_colors .bl_prod_colorList,
.wrap_prod_colors .el_prod_colorChip {
	height: 3.867vw;
}
.el_prod_colorChip_label {
	display: block;
	position: absolute;
	top: 4.2vw;
	left: 50%;
	transform: translateX(-50%);
	padding: .25em .4em;
	width: max-content;
	font-size: var(--font-size-10px);
	line-height: 1.333;
	letter-spacing: .1em;
	text-align: left;
	font-feature-settings: "palt";
	color: #000;
	white-space: nowrap;
	border: var(--line-1px) solid #000;
	background-color: #fff;
	opacity: 0;
	transition: opacity .3s;
}
.el_prod_colorChip:hover .el_prod_colorChip_label,
.el_fabric_colorChip:hover .el_prod_colorChip_label {
	opacity: 1;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.wrap_prod_colors {
		padding: 3.2vw 0 4.2vw;
	}
	.wrap_prod_colors .bl_prod_colorList {
		gap: 0 2.5vw;
		margin-left: -1vw;
	}
	.wrap_prod_colors .bl_prod_colorList,
	.wrap_prod_colors .el_prod_colorChip {
		height: 14.4vw;
	}
	.wrap_prod_colors .el_prod_colorChip {
		padding: .77vw;
	}
	p.el_prod_colorTtl {
		margin-bottom: .75em;
		font-size: var(--font-size-14px-sm);
	}
	.el_prod_colorChip_label {
		top: 16vw;
		font-size: var(--font-size-10px-sm);
	}
}

/* Fabric Color */
:root {
	--fabric-color-chip-size: 2.8vw;
}
.wrap_fabric_colorList {
	display: flex;
	flex-wrap: wrap;
	gap: 2.8vw;
	margin-top: .75vw;
	margin-bottom: .5vw;
}
.bl_fabric_colorList {
	display: flex;
	gap: 0 1.1vw;
	height: var(--fabric-color-chip-size);
}
.el_fabric_colorChip {
	position: relative;
	aspect-ratio: 1 / 1;
	height: var(--fabric-color-chip-size);
}
.el_fabric_brand {
	margin-left: .9em;
	font-size: var(--font-size-14px);
}
.el_fabric_name {
	padding-bottom: 0.8em;
	font-size: var(--font-size-14px);
	line-height: 1.333;
	color: var(--color-light-grey);
}
.el_fabric_colorChip .el_prod_colorChip_label {
	top: 3.8vw;
	letter-spacing: -.02em;
}
@media screen and (max-width: 768px) {
	:root {
		--fabric-color-chip-size: 10.5vw;
	}
	.el_fabric_brand {
		font-size: var(--font-size-12px-sm);
	}
	.wrap_fabric_colorList {
		gap: 3vw 10.769vw;
		margin-top: -1vw;
	}
	.el_fabric_name {
		padding-bottom: 0.7em;
		font-size: var(--font-size-12px-sm);
	}
	.bl_fabric_colorList {
		gap: 3.3vw;
	}
	.el_fabric_colorChip .el_prod_colorChip_label {
		top: 14.5vw;
		font-size: var(--font-size-10px-sm);
	}
	.el_prod_colorChip:first-of-type .el_prod_colorChip_label,
	.el_fabric_colorChip:first-of-type .el_prod_colorChip_label {
		left: 0;
		transform: none;
	}
}

/* Image Slider */
:root {
	--slideH: 43.6vw;
}
.ly_prod_imgSlider {
	margin-bottom: 8vw;
}
.ly_prod_imgSlider .swiper {
	position: relative;
	width: 100%;
}
.ly_prod_imgSlider .swiper-wrapper {
	align-items: center;
}
.ly_prod_imgSlider .swiper-slide {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0.5vw;
	height: var(--slideH);
	background: none;
	overflow: hidden;
	position: relative;
	border-radius: 0;
}
.ly_prod_imgSlider .swiper-slide.landscape {
	width: calc(var(--slideH) * 3 / 2); /* 65.4vw */
}
.ly_prod_imgSlider .swiper-slide.portrait {
	width: calc(var(--slideH) * 3 / 4); /* 32.7vw */
}
.ly_prod_imgSlider .swiper-slide .prod-slide-img { /* 画像を中央トリミング */
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	font-size: 0;
}
.ly_prod_imgSlider .swiper.mode-two .swiper-wrapper { /* --- 2枚モード専用調整 --- */
	justify-content: center;
	transform: none !important;
}
.ly_prod_imgSlider .swiper.mode-two .swiper-slide {
	margin: 0;
}
.ly_prod_imgSlider .swiper.mode-two .swiper-slide + .swiper-slide {
	margin-left: 2%;
}
.ly_prod_imgSlider .swiper.mode-two .swiper-button-prev,
.ly_prod_imgSlider .swiper.mode-two .swiper-button-next,
.ly_prod_imgSlider .swiper.mode-two ~ .swiper-pagination {
	display: none;
}
.swiper-button-next,
.swiper-button-prev {
	top: 50%;
	margin-top: -.866vw;
	width: auto;
	height: auto;
	background: none;
}
.swiper-button-next::after,
.swiper-button-prev::after {
	content: '';
	display: block;
	width: 1.466vw;
	height: 1.466vw;
	color: transparent;
	border: 0;
	border-top: solid .1vw #cbcbcb;
	border-right: solid .1vw #cbcbcb;
}
.swiper-button-next::after {
	margin-right: 2.65vw;
	transform: rotate(45deg);
}
.swiper-button-prev::after {
	margin-left: 2.65vw;
	transform: rotate(-135deg);
}
.ly_prod_imgSlider .swiper-pagination {
	margin-top: 2.666vw;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}
@media screen and (max-width: 768px) {
	:root {
		--slideH: 66.666vw;
	}
	.ly_prod_imgSlider {
		margin-bottom: 15vw;
	}
	.ly_prod_imgSlider .swiper-button-prev,
	.ly_prod_imgSlider .swiper-button-next {
		display: none;
	}
	.ly_prod_imgSlider .swiper-pagination {
		margin-top: 6.5vw;
	}
}

/* Detail */
:root {
  --detail-thumb-gap-ratio: 0.03;
  --detail-thumb-h: 24vw; /* 固定高さ（PC） */
  --detail-thumb-w: calc(var(--detail-thumb-h) * 3 / 4); /* 18vw */
  --detail-thumb-hover-scale: 1.1;
  --detail-thumb-transition: 0.5s cubic-bezier(.25,.8,.25,1);
}

.ly_prod_detailSlider {
  position: relative;
  margin-bottom: 3vw;
  width: calc(100% + var(--pd-side));
  --thumb-gap-percent: calc(var(--detail-thumb-gap-ratio) * 100%);
  overflow: visible;
}

.detailThumbsWrapper.is-swiper { position: relative; overflow: hidden; }

.detailThumbsSwiper { width: 100%; }
.detailThumbsSwiper .swiper-wrapper { align-items: stretch; }

.detailThumbsSwiper .swiper-slide.detailThumbSlide {
  width: var(--detail-thumb-w) !important;
  flex: 0 0 var(--detail-thumb-w);
}

.thumbBtn {
  all: unset;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
.thumbBtn:focus-visible { outline: 2px solid #333; outline-offset: 2px; }

.thumbFrame {
  position: relative;
  display: block;
  width: 100%;
  height: var(--detail-thumb-h);
  overflow: hidden;
  background: #f5f5f5;
}
.thumbFrame.ratio-3-4 {
  aspect-ratio: 3 / 4;
  height: auto;
}
.zoomWrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: transform var(--detail-thumb-transition);
  will-change: transform;
}
.zoomWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.thumbFrame .zoomWrap,
.thumbFrame .zoomWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbBtn:hover .zoomWrap,
.thumbBtn:focus-visible .zoomWrap {
  transform: scale(var(--detail-thumb-hover-scale));
}

/* 矢印（thumbs-nav）表示制御 */
.ly_prod_detailSlider[data-count="1"] .thumbs-nav,
.ly_prod_detailSlider[data-count="2"] .thumbs-nav,
.ly_prod_detailSlider[data-count="3"] .thumbs-nav {
  display: none; /* PC: 3枚以下は矢印非表示 */
}
.ly_prod_detailSlider .thumbs-nav.is-disabled { opacity: 0 !important; }

/* モバイル調整 */
@media screen and (max-width: 768px) {
	:root {
		--detail-thumb-h: 51.282vw;
	}
	.ly_prod_detailSlider {
		margin-bottom: 11.5vw;
	}
	.detailThumbsWrapper.is-swiper {
		margin-left: calc(var(--pd-side) * -1);
	}
	.ly_prod_detailSlider .swiper-horizontal {
		padding-left: var(--pd-side) !important;
		padding-right: var(--pd-side) !important;
	}
	.ly_prod_detailSlider .swiper-button-prev,
	.ly_prod_detailSlider .swiper-button-next {
		display: none;
	}
}

/* Detail Modal (Single Image) */
:root {
	--detail-modal-bg: rgba(0,0,0,0.6);
	--detail-modal-z: 1200;
	--detail-modal-slideH: 33.778vw;
}
.detailModal {
	position: fixed;
	inset: 0;
	background: var(--detail-modal-bg);
	display: none;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: var(--detail-modal-z);
}
.detailModal.is-open { display:block; }
.detailModal.is-visible { opacity:1; }
.detailModal__overlay { position: absolute; inset: 0; z-index: 10; cursor: pointer; }
.detailModal__inner {
	position: relative;
	height: 100svh;
	max-height: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	z-index: 20;
}
.detailModal__close {
	display: block;
	position: absolute;
	top: 3.333vw;
	right: 3.333vw;
	width: 1.666vw;
	height: 1.666vw;
	cursor: pointer;
	z-index: 30;
	transition: opacity .3s;
}
.detailModal__close::before,
.detailModal__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% * 1.2727922);
	height: 0.1773vw;
	background: #fff;
	transform-origin: 50% 50%;
}
.detailModal__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.detailModal__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.detailModal__close:hover,
.detailModal__close:focus-visible { opacity: .7; }

.detailModalSwiper { position: relative; width: 100%; box-sizing: border-box; padding: 0 0 32px; }
.swiper.detailModalSwiper { overflow: visible; }
.detailModalSwiper .swiper-wrapper { align-items: center; }
.detailModalSwiper .swiper-slide.modalSlide {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	text-align: center;
}
.modalImgFrame {
	height: var(--detail-modal-slideH);
	max-height: var(--detail-modal-slideH);
	width: auto;
	display: flex;
	background: #111;
	overflow: hidden;
}
.modalImgFrame.ratio-3-2 { aspect-ratio: 3 / 2; }
.modalImgFrame.ratio-3-4 { aspect-ratio: 3 / 4; }
.modalImgFrame img { width: 100%; height: 100%; object-fit: cover; display: block; }

.modalCaption {
	margin-top: 1.25em;
	max-width: 50.666vw;
	color: #fff;
	font-size: var(--font-size-14px);
	line-height: 2;
}
.detailModal[data-count="1"] .modal-prev,
.detailModal[data-count="1"] .modal-next,
.detailModal[data-count="1"] .modal-pagination { display: none !important; }
.detailModalSwiper .modal-prev, .detailModalSwiper .modal-next { color: #fff; }
.detailModalSwiper .modal-prev.swiper-button-disabled,
.detailModalSwiper .modal-next.swiper-button-disabled {
	opacity: .3;
	cursor: default;
	pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
	.detailModal { transition: none; }
	.detailModal__close { transition: none; }
}
.modal-pagination.swiper-pagination { bottom: 5.5vw !important; }
@supports (scrollbar-gutter: stable) { html { scrollbar-gutter: stable; } }
body.body--lockScroll { overflow: hidden; }
@media screen and (max-width: 768px) {
	:root {
		--detail-modal-slideH: 82.051vw;
	}
	.detailModal__close {
		top: 7.692vw;
		right: 7.692vw;
		width: 5.128vw;  /* 20px @ 390px幅 */
		height: 5.128vw; /* 20px @ 390px幅 */
	}
	.modalCaption {
		margin-top: 1.2em;
		max-width: 87.179vw;
		font-size: var(--font-size-12px-sm);
	}
	.detailModal__close::before,
	.detailModal__close::after {
		height: var(--line-2px); /* 2px @ 390px幅 */
	}
	.swiper-button-next::after,
	.swiper-button-prev::after {
		width: 3vw;
		height: 3vw;
		border-width: .7vw;
	}
	.modal-pagination.swiper-pagination {
		bottom: 16vw !important;
	}
}

/* .ly_prod_imgSlider .swiper-slide {
    margin: 0 1vw;
} */

/* 3 views */
.ly_prod_3views {
	/* margin-right: 8%;
	width: 30%; */
	margin-right: 5.816%;
	width: 32.184%;
}
@media screen and (max-width: 768px) {
	.ly_prod_3views {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10vw !important;
	}
	.ly_prod_3views img {
		width: calc(100% - 2 * var(--pd-side));
		max-width: 64vw;
		height: auto;
	}
	.ly_prod_3views.ly_threeViewsSlider img {
		width: 100%;
		max-width: unset;
	}
}

/* Three Views Slider */
.ly_threeViewsSlider {
	position: relative;
	margin-bottom: 4vw;
}
.threeViewsSlider__inner {
	max-width: 100%;
	margin: 0 auto;
}
.threeViewsMain {
	position: relative;
	width: 100%;
}
.threeViewsSwiper {
	width: 100%;
	overflow: hidden;
}
.threeViewsSwiper .swiper-wrapper {
	align-items: stretch;
}
.threeViewSlide {
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}
.threeViewSlide__btn {
	all: unset;
	cursor: pointer;
	display: block;
	width: 100%;
}
.threeViewSlide__btn:focus-visible {
	outline: 2px solid #333;
	outline-offset: 2px;
}
.threeViewSlide__imgWrap {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.threeViews-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain; /* 可変高さ */
}
/* Pagination & Nav arrows (調整) */
.threeViewsSwiper .swiper-button-prev,
.threeViewsSwiper .swiper-button-next {
	color: #222;
	width: 2.2vw;
	height: 2.2vw;
}
.threeViewsSwiper .swiper-pagination {
	position: absolute;
	bottom: .75rem;
}
/* Name Nav */
.threeViewsNav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: .9em .6em;
	margin-top: 3.333vw;
}
.threeViewsNav__item {
	position: relative;
	padding: .31em 1em .29em;
	font-weight: 500;
	font-size: var(--font-size-14px);
	line-height: 1;
	color: rgba(127, 127, 127, 1);
	border: var(--line-1px) solid rgba(127, 127, 127, 1);
	border-radius: 9999px;
	background-color: #fff;
	transition: color .4s, border-color .3s, background-color .3s;
	cursor: pointer;
}
.threeViewsNav__item.is-active,
.threeViewsNav__item:hover,
.threeViewsNav__item:focus-visible {
	color: #fff;
	border-color: rgba(149, 149, 149, 1);
	background-color: rgba(149, 149, 149, 1);
}
.ly_threeViewsSlider[data-count="1"] .threeViewsNav {
	display: none;
}
.threeViewsNav__note {
	margin-top: 0.9em;
	font-size: var(--font-size-14px);
	color: rgba(127, 127, 127, 1);
}
/* Modal */
:root {
	--threeViews-modal-bg: rgba(0,0,0,.6);
	--threeViews-modal-z: 1250;
	--threeViews-square-size: 33.333vw;
	--threeViews-square-padding: 3vw; /* w1500=45px */
}
.threeViewsModal {
	position: fixed;
	inset: 0;
	background: var(--threeViews-modal-bg);
	display: none;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: var(--threeViews-modal-z);
}
.threeViewsModal.is-open { display: block; }
.threeViewsModal.is-visible { opacity: 1; }
.threeViewsModal__overlay {
	position: absolute;
	inset: 0;
	cursor: pointer;
	z-index: 10;
}
.threeViewsModal__inner {
	position: relative;
	height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 20;
	padding: 0;
}
.threeViewsModal__close {
	position: absolute;
	top: 3.333vw;
	right: 3.333vw;
	width: 1.666vw;
	height: 1.666vw;
	cursor: pointer;
	background: none;
	border: none;
	z-index: 30;
	color: #fff;
}
.threeViewsModal__close::before,
.threeViewsModal__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% * 1.2727922);
	height: 0.1773vw;
	background: #fff;
	transform-origin: 50% 50%;
}
.threeViewsModal__close::before { transform: translate(-50%,-50%) rotate(45deg); }
.threeViewsModal__close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.threeViewsModalSwiper {
	position: relative;
	width: 100%;
	padding: 0 0 2.5rem;
	overflow: visible;
}
.threeViewsModalSwiper .swiper-wrapper {
	align-items: center;
}
.threeViewsModalSlide {
	width: 100%;
	text-align: center;
	display: flex !important;
	flex-direction: column;
	align-items:center;
	justify-content: center;
}
.threeViewsModalImgFrame {
	width: var(--threeViews-square-size);
	height: var(--threeViews-square-size);
	padding: var(--threeViews-square-padding);
	background:#fff;
	overflow: hidden;
	display: grid;
	place-items: center;
	margin-inline: auto;
}
.threeViewsModalImgFrame img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.threeViewsModalCaption {
	margin-top: 1.25em;
	max-width: 52vw;
	color: #fff;
	font-size: var(--font-size-14px);
	line-height: 1.9;
	margin-left: auto;
	margin-right: auto;
}
.threeViewsModal[data-count="1"] .threeViewsModal-prev,
.threeViewsModal[data-count="1"] .threeViewsModal-next,
.threeViewsModal[data-count="1"] .threeViewsModal-pagination {
	display: none !important;
}
.threeViewsModal-prev,
.threeViewsModal-next {
	color:#fff;
}
.threeViewsModal-prev.swiper-button-disabled,
.threeViewsModal-next.swiper-button-disabled {
	opacity:.3;
	pointer-events:none;
}
.threeViewsModal-pagination.swiper-pagination {
	bottom: 5.5vw !important;
}
/* Scroll lock reuse */
body.body--lockScroll {
	overflow: hidden;
}
@media (max-width: 768px) {
	:root {
		--threeViews-square-size: 74.359vw;
		--threeViews-square-padding: 5.128vw; /* w390=20px */
	}
	.threeViewsNav {
		justify-content: center;
		gap: .5em .75em;
		margin-top: 10vw;
		font-size: var(--font-size-14px-sm);
	}
	.threeViewsNav__item {
		padding: .38em 1.13em .33em;
		font-size: var(--font-size-14px-sm);
	}
	.threeViewsNav__note {
		margin-top: 1.2em;
		margin-bottom: -.6em !important;
		font-size: var(--font-size-12px-sm);
	}
	.threeViewsModalSlide {
		margin-top: 10vw;
	}
	.threeViewsModal__close {
		top: 7.692vw;
        right: 7.692vw;
        width: 5.128vw;
        height: 5.128vw;
	}
	.threeViewsModal__close::before,
	.threeViewsModal__close::after {
		height: var(--line-2px);
	}
	.threeViewsModalImgFrame {
		width: min(90vw, var(--threeViews-square-size));
		height: min(90vw, var(--threeViews-square-size));
		padding: var(--threeViews-square-padding);
	}
	.threeViewsModalCaption {
		max-width: 84vw;
		font-size: var(--font-size-12px-sm);
	}
}

/* Spec */
.wrap_prod_spec {
	justify-content: flex-end;
	margin-bottom: 10vw;
}
.ly_prod_spec {
	width: 62%;
	border-top: 1px solid var(--color-line-light-grey);
}
.bl_prod_spec {
	padding: 1.2vw 0;
	width: 100%;
	border-bottom: 1px solid var(--color-line-light-grey);
}
.bl_prod_spec.hp_linkBtn {
	padding: 2vw 0 0;
	border: none;
}
.el_prod_specTtl {
	/* width: 44.25%; */
	width: 42%;
	font-weight: 500;
	font-size: var(--font-size-17px);
	line-height: 1.666;
	letter-spacing: 0;
	color: var(--color-light-grey);
}
.el_prod_specTtl > span.sm {
	display: block;
	font-size: var(--font-size-12px);
	color: #AEAEAE;
}
.bl_prod_specCont {
	/* width: 55.75%; */
	width: 58%;
}
.bl_prod_specCont > p {
	margin-bottom: 0;
	line-height: 1.666;
	text-align: left !important;
}
.bl_prod_specCont > p + p {
	margin-top: 0.75em;
}
.bl_prod_specCont p span.color_chip img {
	display: block;
	/* margin-top: .466vw; */
	margin-top: .266vw;
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	overflow: hidden;
}
.bl_prod_specCont p span.color_chip_name {
	margin-left: 0.7em;
}
.bl_prod_specCont.un_prod_num > p {
	font-size: var(--font-size-14px);
}
.hp_prodNum p {
	display: flex;
	align-items: top;
}
a.el_btn_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1vw;
	width: 100%;
	height: 6vw;
	line-height: 1.75;
	text-align: center;
	color: #000;
	border: 1px solid #a9a9a9;
	background-color: #fff;
	transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
a.el_btn_box:hover,
a.el_btn_box.hp_purchase {
	color: #fff;
	border-color: #959595;
	background-color: #959595;
	opacity: 1;
}
a.el_btn_box.hp_purchase {
	transition: opacity 0.3s;
}
a.el_btn_box.hp_purchase:hover {
	opacity: .4;
}
a.el_btn_box span.en {
	display: block;
	font-size: var(--font-size-17px);
}
a.el_btn_box span.ja {
	display: block;
	font-size: var(--font-size-14px);
}
@media screen and (max-width: 768px) {
	.wrap_prod_spec {
		margin-bottom: 17.5vw;
	}
	.ly_prod_spec {
		width: 100%;
	}
	.bl_prod_spec {
		padding: 3.75vw 0;
	}
	.el_prod_specTtl {
		/* flex: 0 0 32%; */
		flex: 0 0 36%;
		font-size: var(--font-size-12px-sm);
	}
	.el_prod_specTtl > span.sm {
		font-size: var(--font-size-10px-sm);
		line-height: 1.4;
	}
	.bl_prod_specCont {
		flex: 1;
	}
	.bl_prod_specCont p {
		font-size: var(--font-size-12px-sm);
	}
	.bl_prod_specCont p span.color_chip img {
		/* margin-top: .9vw; */
		margin-top: .641vw;
		margin-right: 0.5em;
		width: 3vw;
		height: 3vw;
	}
	.bl_prod_specCont.un_prod_num > p {
		font-size: var(--font-size-10px-sm);
	}
	.hp_prodNum p {
		align-items: flex-start;
		font-size: var(--font-size-12px-sm);
	}
	.bl_prod_spec.hp_linkBtn {
		padding-top: 7.5vw;
	}
	.bl_prod_spec.hp_linkBtn + .bl_prod_spec.hp_linkBtn {
		padding-top: 4.75vw;
	}
	a.el_btn_box {
		height: 18vw;
	}
	a.el_btn_box span.en {
		font-size: var(--font-size-14px-sm);
	}
	a.el_btn_box span.ja {
		font-size: var(--font-size-12px-sm);
	}
}
@media screen and (max-width: 389px) {
	.el_prod_specTtl {
		flex: 0 0 34%;
	}
}

/* Designer */
#product-designer {
	margin-bottom: 9vw;
}
.ly_prod_dsnr  + .ly_prod_dsnr {
	margin-top: 5.333vw;
}
.bl_prod_dsnrImg {
	position: relative;
	width: 34.285%;
}
.el_prod_designerImg {
	filter: grayscale(100%);
	transition: filter 0.3s;
}
.bl_prod_dsnrTxt {
	position: relative;
	width: 56.571%;
}
.el_prod_dsnrName {
	margin-top: -.5em;
	margin-bottom: 1.2em;
	font-size: var(--font-size-20px);
	line-height: 2;
}
.bl_prod_dsnrTxt p {
	font-size: var(--font-size-14px);
}
@media screen and (max-width: 768px) {
	.ly_prod_dsnr {
		flex-direction: column;
	}
	.bl_prod_dsnrImg {
		display: flex;
		align-items: flex-end;
		width: 100%;
	}
	.el_prod_designerImg {
		width: 50%;
	}

	#product-designer {
    margin-bottom: 13vw;
	}
	.el_prod_dsnrName {
		margin-top: 0;
		margin-bottom: -.5em;
		margin-left: 5.4vw;
		font-weight: 600;
		font-size: var(--font-size-13px-sm);
		line-height: 1.7;
	}
	.el_prod_dsnrName span.hp_fontEn {
		display: block;
		margin-top: 0.2em;
		font-weight: 500;
		font-size: var(--font-size-14px-sm);
	}
	.bl_prod_dsnrTxt {
		margin-top: 6vw;
		padding-bottom: 11.5vw;
	}
	.bl_prod_dsnrTxt p {
		font-size: var(--font-size-12px-sm);
	}
}

/* Find More */
#find-more-products .bl_prodIndex_list {
	margin-top: 0;
}

/*-------------------------------------------------
	JOURNAL - Page
-------------------------------------------------*/
.ly_index_cont.journal,
.ly_index_cont.contract {
	width: 79.365%;
}
.ly_index_cont.journal {
	margin-top: 1.333vw;
}
.bl_journalIndex_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3vw 5%;
	position: relative;
}
.ly_journalIndex_item {
	position: relative;
	padding-top: 3.333vw;
}
a.hp_hoverZoom:hover {
	opacity: 1;
}
a.hp_hoverZoom figure > img {
	transform: scale(1);
	transition: transform 0.3s;
}
@media (hover: hover) {
	a.hp_hoverZoom:hover figure > img {
		transform: scale(1.05);
	}
}
@media screen and (min-width: 769px) {
	.bl_journalIndex_list.is-first-page .ly_journalIndex_item:nth-child(5)::before,
	.bl_journalIndex_list.is-first-page .ly_journalIndex_item:nth-child(8)::before,
	.bl_journalIndex_list.is-not-first-page .ly_journalIndex_item:nth-child(4)::before,
	.bl_journalIndex_list.is-not-first-page .ly_journalIndex_item:nth-child(7)::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 333.333%;
		height: var(--line-1px);
		background: var(--color-line-light-grey);
	}
}
.bl_journalIndex_img {
	aspect-ratio: 3 /4;
	overflow: hidden;
}
.bl_journalIndex_img img {
	object-fit: cover;
	object-position: center;
}
.bl_journalIndex_txt {
	display: flex;
	flex-direction: column;
}
span.meta {
	font-size: var(--font-size-14px);
	color: var(--color-light-grey);
}
.bl_journalIndex_txt > span.meta {
	margin-top: 1.5em;
}
.el_journal_name {
	margin-top: 0.7em;
	font-weight: 600;
	font-size: var(--font-size-17px);
	line-height: 1.5;
	letter-spacing: -.02em;
}
@media screen and (max-width: 768px) {
	.ly_index_cont.journal {
		margin-top: 0;
	}
	span.meta {
		font-size: var(--font-size-12px-sm);
	}
	span.cat::after {
		height: 2.25vw;
	}
	.el_journal_name {
		font-size: var(--font-size-14px-sm);
	}
	.bl_journalIndex_txt > span.meta {
		margin-top: 0.5em;
		line-height: 1.5;
	}
	.bl_journalIndex_list.is-first-page .ly_journalIndex_item:nth-child(4)::before,
	.bl_journalIndex_list.is-first-page .ly_journalIndex_item:nth-child(6)::before,
	.bl_journalIndex_list.is-first-page .ly_journalIndex_item:nth-child(8)::before,
	.bl_journalIndex_list.is-not-first-page .ly_journalIndex_item:nth-child(3)::before,
	.bl_journalIndex_list.is-not-first-page .ly_journalIndex_item:nth-child(5)::before,
	.bl_journalIndex_list.is-not-first-page .ly_journalIndex_item:nth-child(7)::before,
	.bl_journalIndex_list.is-not-first-page .ly_journalIndex_item:nth-child(9)::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 87.179vw;
		height: var(--line-1px);
		background: var(--color-line-light-grey);
	}
}

/* Featured */
.ly_journalIndex_item.featured:first-of-type {
    grid-column: 1 / span 3;
	margin-bottom: -1.666vw;
	padding-bottom: 4.666vw;
	border-bottom: var(--line-1px) solid var(--color-line-light-grey);
}
.ly_journalIndex_item.featured {
	width: 100%;
}
.ly_journalIndex_item.featured > a {
	display: grid;
	grid-template-columns: 50% 45%;
	gap: 5%;
	align-items: start;
}
.bl_journalIndex_img.featured {
	display: block;
	width: 100%;
	height: auto;
}
.bl_journalIndex_txt.featured {
	aspect-ratio: 450 / 666;
	overflow: hidden;
}
.bl_journalIndex_txt.featured::after {
	content: "";
	position: absolute;
	right: -1%;
	bottom: 4.5vw;
	width: 47%;
	height: 6em;
	pointer-events: none;
	background: linear-gradient(
		to bottom,
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,0) 10%,
		rgba(255,255,255,1) 100%
	);
}
.bl_journalIndex_txt.featured .el_journal_name {
	margin-bottom: 1.4em;
	font-size: var(--font-size-21px);
}
.bl_journalIndex_txt.featured span.meta {
	margin-top: 0;
}
.bl_journalIndex_txt.featured .el_journalSingle_lv2H {
	margin-bottom: .5em;
	/* font-weight: 500; */
	font-weight: 600;
	font-size: var(--font-size-14px);
	color: #666565;
}
.bl_journalIndex_txt.featured p {
	font-weight: 400;
	font-size: var(--font-size-14px);
	color: #666565;
}
.bl_journalIndex_txt.featured p + .el_journalSingle_lv2H {
	margin-top: -0.5em;
}
.bl_journalIndex_txt.featured .el_journalSingle_txt p:last-of-type {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.ly_journalIndex_item.featured:first-of-type {
		grid-column: 1 / span 2;
		margin-bottom: -6.5vw;
		padding-top: 0;
		padding-bottom: 10vw;
	}
	.ly_journalIndex_item.featured > a {
		display: block;
	}
	.bl_journalIndex_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 6.5vw 6.153vw;
	}
	.ly_journalIndex_item {
		padding-top: 7.692vw;
	}
	/* .bl_journalIndex_txt {
		flex-direction: column-reverse;
	} */
	.bl_journalIndex_txt.featured {
		aspect-ratio: unset;
	}
	.bl_journalIndex_txt.featured .el_journal_name {
		margin-top: 1em;
		margin-bottom: .5em;
		font-size: var(--font-size-17px-sm);
	}
	.bl_journalIndex_txt.featured p {
		font-size: var(--font-size-12px-sm);
	}
	.bl_journalIndex_excerpt {
		margin-top: 1em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
	}
	.bl_journalIndex_txt.featured .el_journalSingle_lv2H,
	.bl_journalIndex_txt.featured::after {
		display: none;
	}
}

/*-------------------------------------------------
	JOURNAL - Single
-------------------------------------------------*/
/* Header */
.ly_singleHeader {
	/* aspect-ratio: 3 / 1; */
	position: relative;
	margin-top: 2vw;
	margin-bottom: 5.333vw;
	background-color: var(--color-line-light-grey);
}
.bl_singleHeader_mainV {
	/* aspect-ratio: 30 / 11; */
	aspect-ratio: 5 / 2;
	overflow: hidden;
}
.el_singleHeader_mainV {
	object-fit: cover;
	object-position: center;
	height: 100%;
}
.el_singleHeader_ttl {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	padding: 4vw var(--pd-side);
}
.el_singleHeader_ttl span {
	display: inline-block;
}
.el_singleHeader_ttl > span {
	font-size: 0;
}
.el_singleHeader_ttl span.ttl {
	padding: 0.15em 0.45em;
	font-family: var(--font-en);
	font-weight: 500;
	font-size: var(--font-size-26px);
	letter-spacing: -.02em;
	line-height: 1.5;
	background-color: #fff;
}
.el_singleHeader_ttl span.sub_ttl {
	margin-top: -.15em;
}
.el_singleHeader_ttl span.meta {
	padding: 0.4em 0.85em 0.6em;
	font-size: var(--font-size-14px);
	color: var(--color-light-grey);
	background-color: #fff;
}
.el_singleHeader_ttl span.cat::after {
	content: '';
	display: inline-block;
	margin: 0 1em;
	width: var(--line-1px);
	height: .75vw;
	background-color: var(--color-light-grey);
}
.un_journalSingle_credit {
	/* margin-top: -3.4em; */
	font-weight: 500;
	font-size: var(--font-size-14px);
	line-height: 1.857;
	color: #5D5D5D;
}
@media screen and (max-width: 768px) {
	.bl_singleHeader_mainV {
		aspect-ratio: 5 / 3;
	}
	.bl_singleHeader_mainV.journal {
		aspect-ratio: 11 / 10;
	}
	.el_singleHeader_ttl {
        display: none;
    }
	.un_journalSingle_credit {
		margin-top: -2em;
		font-size: var(--font-size-12px-sm);
	}
	.ly_journalSingle {
		padding-bottom: 8.46vw;
	}
}

/* Article */
.grid-sizer,
.bl_journalSingle {
	margin-bottom: 5.333vw;
	width: 46.825%;
}
/* .bl_journalSingle:last-of-type {
	margin-bottom: 0;
} */
.gutter-sizer {
	width: 5.333vw;
}
.el_journalSingle_lv2H {
	margin-bottom: 1.5em;
	font-weight: 600;
	font-size: var(--font-size-20px);
	line-height: 1.5;
}
.el_journalSingle_txt p:last-of-type {
	margin-bottom: -.6em;
}
.el_journalSingle_cap {
	margin-top: 1em;
	font-size: var(--font-size-15px);
	line-height: 1.5;
	color: var(--color-light-grey);
	text-align: justify;
}
@media screen and (max-width: 768px) {
	.ly_singleHeader {
		margin-top: 0;
		/* margin-bottom: 11.5vw; */
		margin-bottom: 5.897vw;
	}
	.bl_journalSingle {
		width: 100%;
	}
	.bl_journalSingle + .bl_journalSingle {
		margin-top: 13vw;
	}
	.bl_journalSingle.img + .bl_journalSingle.img {
		margin-top: 10vw;
	}
	.el_journalSingle_lv2H {
		margin-bottom: 1em;
		font-size: var(--font-size-16px-sm);
	}
	.el_journalSingle_cap {
		/* font-size: var(--font-size-10px-sm); */
		font-size: var(--font-size-11px-sm);
	}
}

/* Other Journals */
.bl_journalIndex_list.bl_otherJournals {
	grid-template-columns: repeat(4, 1fr);
	gap: 0 3.571%;
}
@media screen and (max-width: 768px) {
	.bl_journalIndex_list.bl_otherJournals {
		grid-template-columns: repeat(2, 1fr);
		gap: 7.692vw 6.153vw;
	}
}

/*-------------------------------------------------
	CONTRACT - Page
-------------------------------------------------*/
.ly_index_cont.contract {
	margin-top: 4.666vw;
}
.bl_contractIndex_list {
	display: flex;
	flex-direction: column;
	gap: 3.333vw 0;
}
.bl_contractIndex_img {
	aspect-ratio: 2 / 1;
	width: 100%;
	background-color: var(--color-line-light-grey);
	overflow: hidden;
}
.bl_contractIndex_img img {
	object-fit: cover;
	object-position: center;
	height: 100%;
}
.el_contract_name {
	margin: 0.85em 0 0.35em;
	font-size: var(--font-size-17px);
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.ly_index_cont.contract {
		margin-top: 0;
	}
	.bl_contractIndex_list {
		gap: 8vw 0;
	}
	.bl_contractIndex_img {
		aspect-ratio: 8 / 5;
	}
	.el_contract_name {
		margin: 0.7em 0 0.15em;
		font-size: var(--font-size-14px-sm);
	}
}

/*-------------------------------------------------
	CONTRACT - Single
-------------------------------------------------*/
.ly_contractSingle {
	margin-top: 6.333vw;
}
.el_contractSingle_ttl {
	margin-bottom: 0.4em;
	font-weight: 600;
	font-size: var(--font-size-24px);
	line-height: 1.5;
}
.el_contractSingle_subTtl {
	margin-top: -0.25em;
	margin-bottom: 0.75em;
	font-weight: 600;
	font-size: var(--font-size-20px);
	line-height: 1.5;
}
.bl_contractSingle {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2.333vw 0;
	margin-top: 5.333vw;
}
.el_contractSingle_item {
	overflow: hidden;
}
.el_contractSingle_item.landscape {
	aspect-ratio: 3 / 2;
	width: 100%;
}
.el_contractSingle_item.portrait {
	aspect-ratio: 3 / 4;
	width: 48.412%;
}
.el_contractSingle_img {
	object-fit: cover;
	object-position: center;
	height: 100%;
}
@media screen and (max-width: 768px) {
	.ly_contractSingle {
		margin-top: 6.6vw;
	}
	/* .ly_contractSingle.type_b {
		margin-top: -5.5vw;
	} */
	.el_contractSingle_ttl {
		/* margin: 0.5em 0 0 0; */
		margin: 0.7em 0 0 0;
		font-size: var(--font-size-18px-sm);
	}
	.el_contractSingle_subTtl {
		/* margin-top: .7em; */
		margin-top: .5em;
		margin-bottom: 10vw;
		font-size: var(--font-size-14px-sm);
	}
	.bl_contractSingle {
		gap: 2.5vw 0;
		margin-top: 9vw;
	}
	.el_contractSingle_item.portrait {
		width: 100%;
	}
}

/* Credit */
.ly_credit {
	/* margin-top: 10vw; */
	margin-top: 3.666vw;
}
.el_credit_ttl {
	margin-bottom: 1em;
	font-weight: 600;
	font-size: var(--font-size-20px);
	line-height: 1.5;
}
.ly_creditList,
.ly_creditTxt {
	border-top: var(--line-1px) solid #000;
}
.ly_creditList {
	width: 47.62%;
}
.ly_creditTxt {
	padding-left: 4.762%;
	width: 52.38%;
}
.bl_creditList {
	display: flex;
	align-items: center;
	padding: 1em 0;
	border-bottom: var(--line-1px) solid var(--color-line-light-grey);
}
.el_creditList_dt,
.el_creditList_dd {
	font-size: var(--font-size-14px);
	line-height: 1.5;
}
.el_creditList_dt {
	flex: 0 0 46.666%;
	color: var(--color-light-grey);
}
.el_creditList_dd {
	flex: 1;
	color: #000;
	text-align: left;
}
.ly_creditTxt {
	padding-top: 1.4125em;
	font-size: var(--font-size-14px);
}
.ly_creditTxt p {
	font-size: var(--font-size-14px);
	line-height: 2;
}
@media screen and (max-width: 768px) {
	.ly_credit {
		margin-top: 10vw;
	}
	.ly_creditList {
		width: 100%;
	}
	.bl_creditList {
		padding: 0.8em 0;
	}
	.el_credit_ttl {
		margin-bottom: .9em;
		font-size: var(--font-size-16px-sm);
	}
	.el_creditList_dt,
	.el_creditList_dd {
		font-size: var(--font-size-12px-sm);
	}
	.el_creditList_dt {
		flex: 0 0 35.897vw;
		padding-right: 1em;
	}
	.ly_creditTxt {
		padding-top: 3.3em;
		padding-left: 0;
		width: 100%;
		border: none;
	}
	.ly_creditTxt p {
		font-size: var(--font-size-12px-sm);
	}
}

/* Other Contract | Project */
.ly_otherContract {
	gap: 4vw 4.761%;
}
.bl_otherContract {
	width: 47.619%;
}
.bl_otherContract_img {
	aspect-ratio: 12 / 7;
	width: 100%;
	background-color: var(--color-line-light-grey);
	overflow: hidden;
}
.bl_otherContract_img img {
	object-fit: cover;
	object-position: center;
	height: 100%;
}
.el_otherContract_ttl {
	margin: 0.9em 0 0.35em;
	font-weight: 600;
	font-size: var(--font-size-17px);
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.ly_otherContract {
		flex-direction: column;
		gap: 10vw 0;
	}
	.bl_otherContract {
		width: 100%;
	}
	.bl_otherContract_img {
		aspect-ratio: 8 / 5;
	}
	.el_otherContract_ttl {
		margin: 0.7em 0 0.15em;
		font-size: var(--font-size-14px-sm);
	}
}

/*-------------------------------------------------
	DESIGNER
-------------------------------------------------*/
body.category-4 .ly_index_catList { /* カテゴリー「DESIGNER」の場合 */
	display: none;
}
.ly_dIndex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6vw 3vw;
	margin-top: 7vw;
}
.bl_dIndex {
	width: 19.841%;
}
.bl_dIndex a:hover {
	opacity: 1;
}
.bl_dIndex_img,
.bl_dProf_portrait {
	aspect-ratio: 3 / 4;
	position: relative;
	overflow: hidden;
}
.bl_dIndex_img::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(216, 155, 88, 0.15);
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	z-index: 1;
}
.bl_dIndex a:hover .bl_dIndex_img::before {
	opacity: 1;
}
.bl_dIndex_img img,
.bl_dProf_portrait img {
	object-fit: cover;
	object-position: center;
}
.bl_dIndex_img img {
	position: relative;
	filter: grayscale(100%);
}
.el_dIndex_ttl {
	margin-top: 1em;
	font-weight: 600;
	font-size: var(--font-size-17px);
	line-height: 1.333;
}
@media screen and (max-width: 768px) {
	.ly_dIndex {
		justify-content: space-between;
		gap: 9.5vw var(--pd-side);
		margin-top: 0;
	}
	.bl_dIndex {
		width: calc((100% - var(--pd-side)) / 2 );
	}
	.el_dIndex_ttl {
		margin-top: 0.8em;
		font-size: var(--font-size-14px-sm);
	}
}

/* DESIGNER-Single */
.ly_dProf {
	display: flex;
	margin-top: 5.333vw;
	margin-bottom: 10vw;
	margin-inline: auto;
	max-width: 80.158%;
	justify-content: space-around;
	align-items: center;
}
.bl_dProf_portrait {
	width: 30%;
}
.dPortraitImg {
	filter: grayscale(100%);
}
.bl_dProf {
	width: 54.445%;
}
.el_dProf_name {
	margin-bottom: 1em;
	font-size:  var(--font-size-24px);
	line-height: 1.666;
}
.el_dProf_name span.ja {
	margin-right: 1em;
}
.el_dProf_name span.en {
	display: inline-block;
}
.bl_dProf p, .el_dProf_url {
	font-weight: 400;
	letter-spacing: -.005em;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	.ly_dProf {
		flex-direction: column;
		margin-top: 0;
		margin-bottom: 27.5vw;
		max-width: 100%;
	}
	.bl_dProf_portrait {
		margin-bottom: 10vw;
	}
	/* .bl_dProf {
	} */
	.el_dProf_name {
		margin: 0 0 .85em;
		font-size: var(--font-size-18px-sm);
	}
	.el_dTxt_ttl {
		margin-bottom: 1.7em;
		font-size: 1.6rem;
		line-height: 1.625;
		letter-spacing: -.01em;
	}
}

/* #products-by */
#products-by-designer {
	scroll-margin-top: 10vw;
}
.ly_prodBy {
	margin-inline: auto;
	/* max-width: 80.158%; */
}
.el_prodBy_ttl {
	margin-bottom: 2.5vw;
	font-size: var(--font-size-22px);
	line-height: 1.4;
}
.ly_prodBy .bl_prodIndex_list {
	margin-top: 0;
}
@media screen and (max-width: 768px) {
	#products-by-designer {
		scroll-margin-top: 21.282vw;
	}
	.ly_prodBy {
		min-width: 100%;
	}
	.el_prodBy_ttl {
		font-size: var(--font-size-15px-sm);
	}
	.ly_prodBy .catAccordion {
		margin-bottom: 11.538vw;
		width: 100%;
		text-align: left;
	}
	.ly_prodBy .bl_index_catList {
		margin-bottom: 0;
		text-align: left;
	}
}

/*-------------------------------------------------
	NEWS
-------------------------------------------------*/
.ly_index_cont.news {
	padding-top: 4.666vw;
	width: 75.396%;
}
.ly_newsIndex_item {
	margin-bottom: 2vw;
	padding-bottom: 2.666vw;
	border-bottom: var(--line-1px) solid var(--color-line-light-grey);
}
.ly_newsIndex_item:last-of-type {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: none;
}
.bl_newsIndex_img {
	flex: 0 0 31.578%;
	aspect-ratio: 5 / 3;
	height: 100%;
	overflow: hidden;
	/* background-color: var(--color-line-light-grey); */
	background: center / cover no-repeat url("./img/page/bg_news_tn.png");
}
.el_newsIndex_img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
.bl_newsIndex_txt {
	flex: 1;
	padding-left: 4.736%;
}
.el_news_ttl {
	margin: 0.5em 0 .75em;
	font-weight: 600;
	font-size: var(--font-size-20px);
	line-height: 1.5;
}
p.el_news_excerpt {
	margin-bottom: -.3em;
	font-weight: 400;
	font-size: var(--font-size-14px);
	color: #666565;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}
@media screen and (max-width: 768px) {
	.ly_index_cont.news {
		padding-top: 0;
	}
	.ly_newsIndex_item {
		margin-bottom: 5.5vw;
		padding-bottom: 7vw;
	}
	.bl_newsIndex_img {
		margin-bottom: 1em;
	}
	.bl_newsIndex_txt {
		padding-left: 0;
	}
	.el_news_ttl {
		margin-top: 0.35em;
		margin-bottom: 1em;
		font-size: var(--font-size-16px-sm);
	}
	p.el_news_excerpt {
		margin-bottom: 0;
		font-size: var(--font-size-12px-sm);
	}
}

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

	/* NEWS-Single */

}

/*-------------------------------------------------
	NEWS - Single
-------------------------------------------------*/
.ly_news {
	margin-bottom: 13.333vw;
}
.ly_newsTtl {
	flex: 0 0 40.476%;
	padding-bottom: 9vw;
}
.ly_newsTtl .ly_breadcrumb {
	max-width: 30vw;
}
.el_newsTtl {
	margin: 2em 11.764% 0.5em 0;
	font-size: var(--font-size-24px);
	line-height: 1.5;
}
.ly_newsCont {
	flex: 1;
	margin-top: 5vw;
}
.ly_newsCont .ly_singleNav {
	margin-bottom: 0;
}
.wp-caption {
	margin-bottom: 3.333vw;
	width: 100% !important;
}
p.wp-caption-text {
	margin-top: 0.75em;
	padding-top: 0 !important;
	font-size: var(--font-size-14px);
	line-height: 1.5;
	text-align: right !important;
	color: var(--color-light-grey);
}
.bl_newsCont h2 {
	margin-bottom: 1.75em;
	font-weight: 600;
	font-size: var(--font-size-20px);
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.ly_newsTtl .ly_breadcrumb {
		max-width: 100%;
	}
	.ly_newsTtl {
		padding-bottom: 8.5vw;
	}
	.el_newsTtl {
		margin: .4em 0 0;
		font-size: var(--font-size-18px-sm);
	}
	.ly_newsCont {
		margin-top: 0;
	}
	p.wp-caption-text {
		font-size: var(--font-size-12px-sm);
	}
	.bl_newsCont h2 {
		font-size: var(--font-size-15px-sm);
	}
	.ly_newsCont .ly_singleNav {
		margin-bottom: 30vw;
	}
}

/* NEWS-Single-Entry-Rule */
.bl_newsCont img + p {
	padding-top: 2.5em;
}
.bl_newsCont img p + img {
	padding-top: .5em;
}
.bl_newsCont p:last-of-type + img {
	padding-top: 2.5em;
}
.bl_newsCont .ly_basicBox_r img + img {
	padding-top: 1.5em;
}
.bl_newsCont .ly_basicBox_r img + p {
	padding-top: 2.5em;
}

/* Other News */
.ly_newsIndex_item.other {
	margin-bottom: 3.333vw;
	padding-bottom: 2.333vw;
}
.ly_newsIndex_meta {
	flex: 0 0 16.666%;
	padding-right: 2.38%;
}
.ly_newsIndex_meta span.meta {
	display: block;
	margin-top: -0.4em;
	line-height: 1.5;
}
.ly_newsIndex_img {
	flex: 0 0 23.809%;
	padding-right: 4.761%;
}
.bl_newsIndex_img.other {
	flex: unset;
	width: 100%;
}
.bl_newsIndex_txt.other {
	padding-left: 0;
}
.bl_newsIndex_txt.other .el_news_ttl {
	margin: -.25em 0 .75em;
}
@media screen and (max-width: 768px) {
	.ly_newsIndex_item.other {
		margin-bottom: 10.5vw;
		padding-bottom: 3vw;
	}
	.ly_newsIndex_meta {
		padding-right: 0;
	}
	.ly_newsIndex_img {
		padding-right: 0;
	}
}

/*-------------------------------------------------
	CONTACT
-------------------------------------------------*/
.bl_contact_email {
	margin-bottom: 4.666vw;
	padding-bottom: 4.666vw;
	border-bottom: var(--line-1px) solid var(--color-line-light-grey);
}
body.page-id-307 .bl_contact_email {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
body.page-id-307 .ly_pageCont > p {
	display: none;
}

/* Contact-Form */
.el_contactTtl {
	font-weight: 600;
	font-size: var(--font-size-17px);
	line-height: 2;
}
.wpcf7 {
	margin-top: 3.1vw;
}
.wpcf7 dl + dl,
.wpcf7 dl + div,
.wpcf7 div + dl,
.wpcf7 div + div {
	margin-top: 1.8vw;
}
.wpcf7 div.wpcf7-agree-checkbox + div {
	margin-top: 0 !important;
}
.wpcf7-title,
.wpcf7-title p,
.wpcf7-field,
.wpcf7-field input,
.wpcf7-field select,
.wpcf7-field textarea,
.wpcf7-btn input[type=submit] {
	font-weight: 500;
	font-family: var(--font-ja);
	font-size: var(--font-size-15px);
	line-height: 1.75;
}
.wpcf7-field {
	font-weight: normal;
}
.wpcf7-field input, .wpcf7-field select, .wpcf7-field textarea {
	padding: .5em 0;
	font-weight: normal;
	border: none;
	border-bottom: var(--line-1px) solid #000;
}
.wpcf7-field-select {
	position: relative;
}
.wpcf7-field-select::after {
	content: '';
	position: absolute;
	display: block;
	top: calc(50% - .555vw);
	right: .8vw;
	width: .5333vw;
	height: .5333vw;
	border: 0;
	border-top: var(--line-1px) solid #000;
	border-right: var(--line-1px) solid #000;
	transform: rotate(135deg);
	pointer-events: none;
}
.wpcf7-field textarea {
	height: 10.3vw;
}
.wpcf7-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* margin-top: 1.133vw; */
}
.wpcf7-btn > p {
	display: flex;
    flex-direction: column;
    align-items: center;
	margin-bottom: 0;
	width: 100%;
}
.wpcf7-btn input[type=submit] {
	margin: 0;
	width: 100%;
	height: 4vw;
	font-weight: 600;
	font-size: var(--font-size-17px);
	line-height: 1;
	text-align: center;
	color: #000;
	border: var(--line-1px) solid #000;
	background-color: #fff;
	transition: color 360ms, border-color 360ms, background-color 360ms;
}
.wpcf7-submit:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.wpcf7-btn input[type=submit]:not(:disabled):hover {
	color: #fff;
	border-color: rgba(149, 149, 149, 1);
	background-color: rgba(149, 149, 149, 1);
	cursor: pointer;
}
.wpcf7-agree-checkbox {
	padding-top: 4.466vw;
}
.wpcf7-agree-checkbox > p {
	text-align: center !important;
}
.wpcf7-agree-checkbox .wpcf7-list-item {
	margin-left: 0;
}
input[type="checkbox"].agree-checkbox {
	margin: 0;
	width: 1.2vw;
	height: 1.2vw;
	vertical-align: middle;
	appearance: auto;
	cursor: pointer;
}
a.un_agree-checkbox_link {
	font-weight: 500;
	font-size: var(--font-size-15px);
	text-decoration: underline;
}

.wpcf7-spinner {
	margin: 12px !important;
}
.wpcf7-not-valid-tip {
	font-size: var(--font-size-12px) !important;
}
.wpcf7 form .wpcf7-response-output {
	margin: 1em 0 1em !important;
    padding: 1em !important;
	font-weight: 600;
	font-size: var(--font-size-15px) !important;
	text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--color-mas-beige) !important;
}
.cf7-cf-turnstile {
	margin-top: 12px !important;
	margin-bottom:  0 !important;
	width: 100%;
}
.cf7-cf-turnstile iframe {
	margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
	/* Contact-Form */
	.wpcf7 {
		margin-top: 4.5vw;
	}
	.wpcf7-title {
		font-size: var(--font-size-12px-sm);
	}
	.wpcf7 dl + dl,
	.wpcf7 dl + div,
	.wpcf7 div + dl,
	.wpcf7 div + div {
		margin-top: 3.846vw;
	}
	.wpcf7-title,
	.wpcf7-field,
	.wpcf7-field input,
	.wpcf7-field select,
	.wpcf7-field textarea,
	.wpcf7-btn input[type=submit] {
		font-size: clamp(10px, 4.11vw, 9999px);
		line-height: 2;
	}
	.wpcf7-field textarea {
		line-height: 1.5;
	}
	.wpcf7-field input, .wpcf7-field select,
	.wpcf7-field textarea {
		padding: 0;
	}
	.wpcf7-title p {
		font-size: var(--font-size-12px-sm);
	}
	.wpcf7-field-select::after {
		top: calc(50% - 1.538vw);
		right: 3.076vw;
		width: 2.051vw;
		height: 2.051vw;
	}
	.wpcf7-field textarea {
		height: 29.487vw;
	}
	.wpcf7-btn input[type=submit] {
		height: 15.384vw;
		font-size: var(--font-size-14px-sm);
	}
	a.un_agree-checkbox_link {
		font-size: var(--font-size-12px-sm);
	}
	input[type="checkbox"].agree-checkbox {
		width: 3.846vw;
		height: 3.846vw;
	}
	/* .wpcf7-btn {
		margin-top: 2.564vw;
	} */
	.wpcf7-not-valid-tip {
		font-size: var(--font-size-10px-sm) !important;
	}
	.wpcf7 form .wpcf7-response-output {
		padding: 1em .5em !important;
		font-size: var(--font-size-12px-sm) !important;
		line-height: 1.666;
	}
}

/*-------------------------------------------------
	PAGE-（BASIC, DOWNLOAD, STOCKIST）
-------------------------------------------------*/
.ly_pageList {
	border-top: var(--line-1px) solid var(--color-line-light-grey);
}
.bl_pageList {
	position: relative;
	padding: 1.666vw 0 1.666vw 0;
	border-bottom: var(--line-1px) solid var(--color-line-light-grey);
}
.ly_dlList .bl_pageList {
	padding-right: 9vw;
}
.el_pageList_ttl {
	margin-bottom: .75em;
	font-size: var(--font-size-18px);
	line-height: 1.588;
}
.bl_pageList.ly_flex .el_pageList_ttl  {
	flex: 0 0 46.969%;
	margin-bottom: 0;
	padding-right: 1.666vw;
}
.bl_pageList_info {
	flex: 1;
}
.bl_pageList p {
	margin-bottom: 0;
}
p.el_pageList_txt {
	font-size: var(--font-size-14px);
}
a.el_pageList_link {
	display: block;
	padding-bottom: 0.4vw;
	font-weight: 500;
	font-size: var(--font-size-14px);
	line-height: 1;
	color: var(--color-light-grey);
	border-bottom: var(--line-1px) solid rgba(160, 157, 157, 1);
}
.ly_dlList a.el_pageList_link {
	position: absolute;
	bottom: 2.125vw;
	right: 0;
}
a.el_pageList_link::after {
	content: '';
	display: inline-block;
	margin-left: 1.666em;
	width: .666vw;
	height: .666vw;
	background: center / contain no-repeat url("./img/cmn/arrow_up_right.svg");
}
.bl_pageList_link {
	margin-top: 1.1vw;
}
.bl_pageList_link a.el_pageList_link {
	display: inline-block;
}
.bl_pageList_link a.el_pageList_link + a {
	margin-left: 1.3em;
}
@media screen and (max-width: 768px) {
	.bl_pageList {
		padding: 6.8vw 0 8.5vw;
	}
	.ly_dlList .bl_pageList {
		padding: 4.5vw 0 6vw;
	}
	.el_pageList_ttl {
		margin-bottom: 0.5em;
		font-size: var(--font-size-14px-sm);
	}
	p.el_pageList_txt {
		font-size: var(--font-size-12px-sm);
	}
	a.el_pageList_link {
		padding-bottom: 1.3vw;
		font-size: var(--font-size-12px-sm);
	}
	.ly_dlList a.el_pageList_link {
		display: inline-block;
		position: relative;
		bottom: unset;
		right: unset;
		margin-top: 5.5vw;
	}
	a.el_pageList_link::after {
		width: 2.051vw;
		height: 2.051vw;
	}
	.bl_pageList.ly_flex .el_pageList_ttl {
		margin-bottom: 0.5em;
	}
	.bl_pageList_link {
		margin-top: 3.5vw;
	}
}

/* STOCKIST */
.ly_stockist, .bl_dl {
	margin-bottom: 100px;
}
.bl_stockist {
	display: flex;
}
.bl_stockist + .bl_stockist {
	margin-top: 60px;
}
.el_stockist_cat {
	display: block;
}
.el_stockist_ttl {
	padding-right: 30px;
	width: 290px;
	font-weight: 600;
	font-size: 1.7rem;
	line-height: 1.53;
}
.el_stockist_txt {
	padding-left: 30px;
	width: calc(100% - 290px);
	border-left: 1px solid #000;
}
.el_stockist_txt a.el_stockist_link {
	display: block;
}

@media screen and (max-width: 768px) {
	.ly_page {
		margin-top: -8.5vw;
	}
	/* DOWNLOAD（page-id-279） */
	.bl_dl {
		margin-top: 50px;
	}
	.bl_dl.bl_prod_dl .el_prod_dl a {
		font-size: 1.6rem;
	}
	/* STOCKIST */
	.ly_stockist, .bl_dl {
		margin-bottom: 0;
	}
	.bl_stockist {
		display: block;
	}
	.bl_stockist + .bl_stockist {
		margin-top: 20px;
	}
	.bl_stockist::after {
		content: '';
		display: block;
		margin-top: 20px;
		width: 17px;
		height: 1px;
		background-color: #000;
	}
	.bl_stockist:last-of-type:after {
		display: none;
	}
	.el_stockist_ttl {
		padding-right: 0;
		padding-bottom: 0.6em;
		width: 100%;
		font-size: 1.5rem;
		line-height: 1.333;
	}
	.el_stockist_txt {
		padding-left: 0;
		width: 100%;
		font-size: 1.3rem;
		line-height: 1.615;
		border-left: none;
	}
}

/*-------------------------------------------------
	404
-------------------------------------------------*/
p.un_404Txt {
	margin-bottom: 7em;
}
@media screen and (max-width: 768px) {
	p.un_404Txt {
		margin-bottom: 1.5em;
	}
}