/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.sp {
		display: none !important;
	}
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
}

/* SP for se
-------------------------------------*/
@media screen and (max-width: 359px) {
	.seBrNone br {
		display: none !important;
	}
}





/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.pc-order-1 {
		order: 1;
	}
	.pc-order-2 {
		order: 2;
	}
	.pc-order-3 {
		order: 3;
	}
	.pc-order-4 {
		order: 4;
	}
	.pc-order-5 {
		order: 5;
	}
	.pc-order-6 {
		order: 6;
	}
	.pc-order-7 {
		order: 7;
	}
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.sp-flex-column {
		flex-direction: column;
	}
	.sp-dp-cts {
		display: contents;
	}
	.sp-order-1 {
		order: 1;
	}
	.sp-order-2 {
		order: 2;
	}
	.sp-order-3 {
		order: 3;
	}
	.sp-order-4 {
		order: 4;
	}
	.sp-order-5 {
		order: 5;
	}
	.sp-order-6 {
		order: 6;
	}
	.sp-order-7 {
		order: 7;
	}
}

.cm-secIdt {
	padding: 0 calc(40 * var(--rs));
}
.cm-secWidth {
	max-width: 1100px;
	margin: 0 auto;
}

/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.cm-secIdt {
		padding: 0 calc(25 * var(--rs));
	}
	.cm-secWidth {
		max-width: none;
	}
}

.cm-wd {
	white-space: nowrap;
}







.md-vtl-rl {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.md-storeBtn {
	margin-top: calc(142 * var(--rs));
	padding: 0 calc(26 * var(--rs));
	pointer-events: none;
	position: -webkit-sticky;
	position: sticky;
	right: calc(130 * var(--rs));
	bottom: calc(42 * var(--rs));
	z-index: 90;
}
.md-storeBtn a {
	pointer-events: all;
}
.md-storeBtn .btnWrap {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	max-width: 1920px;
}
.md-storeBtn .btnWrap .webAnc .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(28 * var(--rs));
	box-sizing: border-box;
	padding: calc(2 * var(--rs)) calc(18 * var(--rs)) calc(2 * var(--rs)) 0;
	border-radius: 45px;
	border: 1px solid #494a48;
	text-decoration: none;
	color: #494a48;
	font-family: var(--font-jost);
	font-size: calc(11 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.06em;
	transition: all 0.3s ease-out;
	position: relative;
	white-space: nowrap;
	width: calc(116 * var(--rs));
}
.md-storeBtn .btnWrap .webAnc .btn::before {
	content: "";
	width: calc(15 * var(--rs));
	height: calc(15 * var(--rs));
	background: url(/common/img/icn_cart_bk.svg) no-repeat center center;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	right: calc(12 * var(--rs));
	transform: translateY(-50%);
}
.md-storeBtn .btnWrap .webAnc .btn:hover {
	opacity: 0.7;
}
.md-storeBtn .btnWrap .pageTop {
	width: calc(28 * var(--rs));
	height: auto;
	margin-left: calc(28 * var(--rs));
}
.md-storeBtn .btnWrap .pageTop .btn {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: all 0.3s ease-out;
}
.md-storeBtn .btnWrap .pageTop .btn img {
	width: 100%;
	height: auto;
}

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.md-storeBtn {
		margin-top: 0;
		padding: 0 calc(25 * var(--rs));
		right: 0;
		bottom: calc(20 * var(--rs));
	}
	.md-storeBtn .webAnc {
		display: none !important;
	}
	.md-storeBtn .btnWrap .pageTop {
		width: calc(37 * var(--rs));
		margin-left: 0;
	}
}



.md-secAncWrap {
	margin-top: calc(160 * var(--rs));
}
.md-secAncWrap .secInr {
	width: calc(628 * var(--rs));
	margin: 0 auto;
}
.md-secAncWrap .secCts {
	display: flex;
	align-items: center;
	justify-content: center;
}
.md-secAncWrap .secCts .item {
	width: calc(100% / 3);
	box-sizing: border-box;
	border-right: 1px solid #494a48;
}
.md-secAncWrap .secCts .item:first-child {
	border-left: 1px solid #494a48;
}
.md-secAncWrap .secCts .item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(30 * var(--rs));
	box-sizing: border-box;
	padding: calc(4 * var(--rs)) calc(20 * var(--rs));
	text-decoration: none;
	color: #494a48;
	font-family: var(--font-jost);
	font-size: calc(12 * var(--rs));
	line-height: 2;
	letter-spacing: 0.08em;
	transition: all 0.3s ease-out;
}
.md-secAncWrap .secCts .item .btn:hover {
	opacity: 0.7;
}

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.md-secAncWrap {
		margin-top: calc(112 * var(--rs));
		padding-bottom: calc(84 * var(--rs));
	}
	.md-secAncWrap .secInr {
		width: 100%;
	}
	.md-secAncWrap .secCts {
		display: block;
	}
	.md-secAncWrap .secCts .item {
		width: 100%;
		border-bottom: 1px solid #494a48;
		border-right: none;
	}
	.md-secAncWrap .secCts .item:first-child {
		border-top: 1px solid #494a48;
		border-left: none;
	}
	.md-secAncWrap .secCts .item .btn {
		height: calc(50 * var(--rs));
		font-size: calc(13 * var(--rs));
	}
}




.md-itemList {
	display: flex;
	gap: calc(60 * var(--rs)) calc(40 * var(--rs));
	flex-wrap: wrap;
}
.md-itemList .item {
	width: calc(calc(100% - calc(80 * var(--rs))) / 3);
	box-sizing: border-box;
}
.md-itemList .item .nameCol {
	font-family: var(--font-jost);
	text-align: center;
	font-size: calc(12 * var(--rs));
	letter-spacing: 0.1em;
	line-height: 1.25;
	height: calc(45 * var(--rs));
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.md-itemList .item .thum {
	margin-top: calc(8 * var(--rs));
}
.md-itemList .item .thum a {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.md-itemList .item .thum img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.md-itemList .item .color {
	display: flex;
	justify-content: center;
	margin-top: calc(15 * var(--rs));
	gap: calc(11 * var(--rs));
}
.md-itemList .item .color .chip {
	width: calc(12 * var(--rs));
	height: calc(12 * var(--rs));
	font-size: 1px;
	border-radius: 100%;
}

.md-itemList--rel {
	gap: calc(40 * var(--rs)) calc(50 * var(--rs));
}
.md-itemList--rel .item {
	width: calc(calc(100% - calc(50 * var(--rs))) / 2);
}


/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.md-itemList {
		gap: calc(50 * var(--rs)) calc(25 * var(--rs));
		flex-wrap: wrap;
	}
	.md-itemList .item {
		width: calc(calc(100% - calc(25 * var(--rs))) / 2);
	}
	.md-itemList .item .nameCol {
		letter-spacing: 0.06em;
	}
	.md-itemList .item .name {
		font-size: calc(12 * var(--rs));
	}
	.md-itemList .item .thum {
		margin-top: calc(8 * var(--rs));
	}
	.md-itemList .item .thum img {
	}
	.md-itemList .item .color {
		margin-top: calc(12 * var(--rs));
		gap: calc(10 * var(--rs));
	}
	.md-itemList--rel {
		gap: calc(50 * var(--rs)) calc(27 * var(--rs));
	}
	.md-itemList--rel .item {
		width: calc(calc(100% - calc(27 * var(--rs))) / 2);
	}
}



.md-btnArw {
	display: flex;
	width: 100%;
	max-width: calc(380 * var(--rs));
	height: calc(50 * var(--rs));
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	font-size: calc(18 * var(--rs));
	color: #fff;
	font-family: var(--font-jost);
	background: #b8b5b4;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	font-weight: 300;
}
.md-btnArw::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(10 * var(--rs));
	height: calc(16 * var(--rs));
	background: var(--icn-arw-wt);
	right: calc(15 * var(--rs));
}
.md-btnArw--white {
	background: #fff;
	color: #494a48;
}
.md-btnArw--white::after {
	background: var(--icn-arw-bk);
}
.md-btnArw--cart::after {
	width: calc(27 * var(--rs));
	height: calc(27 * var(--rs));
	background: var(--icn-cart-wt);
}


/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.md-btnArw {
		width: 100%;
		max-width: none;
	}
	.md-btnArw::after {
		width: calc(12 * var(--rs));
		height: calc(17 * var(--rs));
	}
	.md-btnArw--cart::after {
		width: calc(24 * var(--rs));
		height: calc(24 * var(--rs));
	}
}




.md-ancLine a {
	display: block;
	width: 1px;
	height: 1px;
	visibility: hidden;
	pointer-events: none;
	font-size: 0;
}
.md-ancLine a {
	padding-top: calc(150 * var(--rs));
}
.md-ancLine.ancLine01 a {
	margin-top: calc(-150 * var(--rs));
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.md-ancLine a {
		padding-top: calc(132 * var(--rs));
	}
	.md-ancLine.ancLine01 a {
		margin-top: calc(-132 * var(--rs));
	}
}





/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.md-ancCollection {
		display: none !important;
	}
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.md-ancCollection {
		display: table;
		margin-top: calc(20 * var(--rs));
		margin-left: auto;
		position: -webkit-sticky;
		position: sticky;
		bottom: calc(15 * var(--rs));
		right: calc(15 * var(--rs));
		z-index: 100;
	}
	.md-ancCollection .ancBtn {
		display: flex;
		width: calc(82 * var(--rs));
		height: calc(82 * var(--rs));
		text-align: center;
		justify-content: center;
		align-items: center;
		font-family: var(--font-gothic);
		font-size: calc(10 * var(--rs));
		line-height: 1.6;
		text-decoration: none;
		border-radius: 100%;
		background: rgba(255, 255, 255, 0.6);
	}
}