@charset "utf-8";
.product_wrap h3 {
	font-family: var(--font-Montserrat);
	font-size: 0.882vw;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1;
	border-left: 0.368vw solid #000000;
	padding-left: 2.059vw;
}
.product_wrap section {
	margin-top: 7.353vw;
}
.product_wrap section .section_inner {
	padding-top: 2.206vw;
	padding-left: 2.426vw;
}
@media screen and (min-width: 1360px) {
	.product_wrap h3 {
		font-size: 12px;
		border-left: 5px solid #000000;
		padding-left: 28px;
	}
	.product_wrap section {
		margin-top: 100px;
	}
	.product_wrap section .section_inner {
		padding-top: 30px;
		padding-left: 33px;
	}
}

@media screen and (max-width: 750px) {
	.product_wrap h3 {
		font-size: 3.2vw;
		border-left: 5px solid #000000;
		padding-left: 5.067vw;
	}
	.product_wrap section {
		margin-top: 8vw;
	}
	.product_wrap section .section_inner {
		padding-top: 6.4vw;
		padding-left: 6.4vw;
	}
}

/*------------------- top_detail -------------------*/
.top_detail .column2-wrap {
	column-gap: 5.147vw;
}
.top_detail .column2-wrap .column2-item:last-child {
	width: 30.074vw;
}
.top_detail section {
	border-top: 1px solid #EBEBEB;
	margin-top: 2.5vw;
	padding-top: 2.206vw;
}
.top_detail section .section_inner {
	padding-top: 0.735vw;
	padding-left: 2.574vw;
}
/* img_slide */
.top_detail .img_wrap {
	width: 35.294vw;
}
.top_detail .img_thumb {
	position: relative;
	width: 11.029vw;
	cursor: pointer;
}
.top_detail .img_thumb::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 68%;
}
.top_detail .img_thumb.slick-current::before {
	opacity: 0;
}

/* product_name */
.product_name .tags {
	display: flex;
	column-gap: 0.735vw;

	border-left: 0.368vw solid #000000;
	padding-left: 2.059vw;
}
.product_name .tags li {
	font-family: var(--font-Montserrat);
	font-size: 0.882vw;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1;
	border: 1px solid #000000;
	border-radius: 25em;
	background-color: #FFFFFF;

	padding: 0.221vw 0.956vw;
}
.product_name .tags li.new-tag {
	font-weight: bold;
	color: #FF0000;
	border-color: #FF0000;
}
.product_name h2 {
	font-size: 1.765vw;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.75;

	padding-left: 2.574vw;
}
/* color_list */
#color .color_list {
	display: grid;
	grid-template-columns: repeat(3, 7.206vw);
	grid-column-gap: 1.471vw;
	grid-row-gap: 0.735vw;
}
#color .color_list .img_wrap {
	width: 7.206vw;
	border: 1px solid #EBEBEB;
}
#color .color_list .img_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#color .color_list .color_name {
	font-size: 1.176vw;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1.25;

	margin-top: 0.294vw;
}

/* size_list */
#size .size_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 1.471vw;
	grid-row-gap: 0.735vw;
}
#size .size_list li {
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 1;
	padding: 1.029vw 1.471vw 1.103vw;
	border: 1px solid #EBEBEB;
	
	text-align: center;
}
@media screen and (min-width: 1360px) {
	.top_detail .column2-wrap {
		column-gap: 70px;
	}
	.top_detail .column2-wrap .column2-item:last-child {
		width: 409px;
	}
	.top_detail section {
		margin-top: 34px;
		padding-top: 30px;
	}
	.top_detail section .section_inner {
		padding-top: 10px;
		padding-left: 35px;
	}
	/* img_slide */
	.top_detail .img_wrap {
		width: 480px;
	}
	.top_detail .img_thumb {
		width: 150px;
	}

	/* product_name */
	.product_name .tags {
		column-gap: 10px;

		border-left: 5px solid #000000;
		padding-left: 28px;
	}
	.product_name .tags li {
		font-size: 12px;

		padding: 3px 13px;
	}
	.product_name h2 {
		font-size: 24px;

		padding-left: 35px;
	}
	/* color_list */
	#color .color_list {
		grid-template-columns: repeat(3, 98px);
		grid-column-gap: 20px;
		grid-row-gap: 10px;
	}
	#color .color_list .img_wrap {
		width: 98px;
	}
	#color .color_list .color_name {
		font-size: 16px;

		margin-top: 4px;
	}

	/* size_list */
	#size .size_list {
		grid-column-gap: 20px;
		grid-row-gap: 10px;
	}
	#size .size_list li {
		padding: 14px 20px 15px;
	}
}

@media screen and (max-width: 750px) {
	.top_detail .column2-wrap {
		column-gap: 0;
		row-gap: 8vw;
	}
	.top_detail .column2-wrap .column2-item:last-child {
		width: auto;
	}
	.top_detail section {
		margin-top: 9.6vw;
		padding-top: 8vw;
	}
	.top_detail section .section_inner {
		padding-top: 2.667vw;
		padding-left: 6.4vw;
	}
	/* img_slide */
	.top_detail .img_wrap {
		width: auto;
	}
	.top_detail .img_thumb {
		width: 27.733vw;
	}

	/* product_name */
	.product_name .tags {
		column-gap: 2.667vw;

		border-left: 1.333vw solid #000000;
		padding-left: 4.533vw;
	}
	.product_name .tags li {
		font-size: 3.2vw;

		padding: 0.8vw 3.467vw;
	}
	.product_name h2 {
		font-size: 5.333vw;

		padding-left: 6.4vw;
	}
	/* color_list */
	#color .color_list {
		grid-template-columns: repeat(2, 26.133vw);
		grid-column-gap: 5.333vw;
		grid-row-gap: 2.667vw;
	}
	#color .color_list .img_wrap {
		width: 26.133vw;
	}
	#color .color_list .color_name {
		font-size: 4.267vw;

		margin-top: 1.067vw;
	}

	/* size_list */
	#size .size_list {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 5.333vw;
		grid-row-gap: 2.667vw;
	}
	#size .size_list li {
		padding: 3.733vw 5.333vw 4vw;
		text-align: center;
	}
}


/*------------------- SPEC -------------------*/
#spec dl {
	display: grid;
	grid-template-columns: 1fr 5fr;
	grid-template-rows: 1fr;
	grid-column-gap: 6.618vw;
	border-bottom: 1px solid #EBEBEB;

	padding: 2.794vw 0;
}
#spec dl:first-child {
	border-top: 1px solid #EBEBEB;
}
#spec dl dt {
	font-weight: bold;
	letter-spacing: 0.08em;
}
#spec dl dd {
	font-weight: 300;
	letter-spacing: 0.08em;
}
#spec dl.material dd,
#spec dl.magnet dd {
	letter-spacing: 0.04em;
}
@media screen and (min-width: 1360px) {
	#spec dl {
		grid-column-gap: 90px;

		padding: 38px 0;
	}
}

@media screen and (max-width: 750px) {
	.product_wrap section#spec .section_inner {
		padding-left: 0;
	}
	#spec dl {
		display: block;

		padding: 18px 0 20px;
	}
	#spec dl dd {
		line-height: 1.75;
	}
}

/*------------------- FEATURES -------------------*/
#features .column2-wrap {
	column-gap: 6.324vw;
}
#features .column3-wrap {
	column-gap: 3.162vw;
}
#features .block_item + .block_item {
	margin-top: 4.191vw;
}
#features .column2-item,
#features .column3-item {
	flex: 1;
}
#features .img_wrap + .title {
	margin-top: 1.176vw;
}
#features .title + .text {
	margin-top: 1.103vw;
}

#features .column2-wrap.align_center {
  align-items: center;
}
@media screen and (min-width: 1360px) {
	#features .column2-wrap {
		column-gap: 86px;
	}
	#features .column3-wrap {
		column-gap: 43px;
	}
	#features .block_item + .block_item {
		margin-top: 57px;
	}
	#features .img_wrap + .title {
		margin-top: 16px;
	}
	#features .title + .text {
		margin-top: 15px;
	}

}

@media screen and (max-width: 750px) {
	#features {
		margin-top: 13.333vw;
	}
	.product_wrap section#features .section_inner {
		padding-left: 0;
	}
	#features .column2-wrap {
		column-gap: 0;
		row-gap: 7.36vw;
	}
	#features .column3-wrap {
		column-gap: 0;
		row-gap: 7.36vw;
	}
	#features .block_item + .block_item {
		margin-top: 57px;
	}
	#features .title {
		line-height: 1.5;
	}
	#features .text {
		letter-spacing: 0.06em;
		line-height: 1.75;
	}
	#features .img_wrap + .title {
		margin-top: 16px;
	}
	#features .title + .text {
		margin-top: 15px;
	}
}