@charset "utf-8";
.goods{
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 8.3333% min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.goods{
		padding:calc(100 / var(--vw-min) * 100vw) 8.3333% min(calc(100 / var(--vw-min) * 100vw),100px);
	}
}
.goods__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.goods__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:var(--color-blue);
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.goods__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.goods__categoryLists {
	display: flex;
	flex-wrap: wrap;
	margin:0 max(calc(-6 / var(--vw-min) * 100vw),-6px) min(calc(40 / var(--vw-min) * 100vw),40px);
	justify-content: center;
}
@media screen and (max-width:768px){
	.goods__categoryLists {
		display: flex;
		flex-wrap: wrap;
		margin:0 calc(-3 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
	}
}
.goods__categoryItem {
	width:calc(100% / 6);
	padding:0 min(calc(6 / var(--vw-min) * 100vw),6px) min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.goods__categoryItem {
		width:calc(100% / 3);
		padding:0 calc(3 / var(--vw-min) * 100vw) calc(6 / var(--vw-min) * 100vw);
	}
}
.goods__categoryItemLink {
	display: flex;
	width:100%;
	border:1px solid var(--color-blue);
	color:var(--color-blue);
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-weight: 700;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.goods__categoryItemLink {
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
.goods__categoryItem.is-active .goods__categoryItemLink{
	background: var(--color-blue);
	color:#fff;
}
@media screen and (hover:hover){
	.goods__categoryItem .goods__categoryItemLink:hover{
		background: var(--color-blue);
		color:#fff;
	}
}
.goods__lists{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px) min(calc(24 / var(--vw-min) * 100vw),24px);
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.goods__lists{
		margin:0 0 calc(24 / var(--vw-min) * 100vw);
		justify-content: space-between;
	}
}
.goods__item {
	width:calc(100% / 4);
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.goods__item {
		width:calc(100% / 2 - calc(16 / var(--vw-min) * 100vw));
		padding:0;
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.goods__itemLink {
	display: block;
	position: relative;
	padding-top:min(calc(17 / var(--vw-min) * 100vw),17px);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.goods__itemLink {
		padding-top:calc(34 / var(--vw-min) * 100vw);
		font-size:calc(26 / var(--vw-min) * 100vw);
	}
}
.goods__itemLink:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:var(--color-lightblue);
}
@keyframes goodsLine-in{
	0%{
		width:20%;
	}
	100%{
		width:100%;
	}
}
@keyframes goodsLine-out{
	0%{
		width:100%;
		left:0;
	}
	80%{
		width:0;
		left:100%;
	}
	80.01%{
		width:0;
		left:0;
	}
	100%{
		width:20%;
		left:0;
	}
}
.goods__itemLink:after{
	content:'';
	position:absolute;
	left:0;
	width:20%;
	top:0;
	height:1px;
	background:var(--color-blue);
	animation:goodsLine-out 0.3s ease forwards;
}
@media screen and (max-width:768px){
	.goods__itemLink:after{
		width:calc(56 / var(--vw-min) * 100vw);
		animation:unset;
	}
}
@media screen and (hover:hover){
	.goods__itemLink:hover:after{
		animation:goodsLine-in 0.3s ease forwards;
	}
}
.goods__itemMark{
	position:absolute;
	left:50%;
	top:0;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	margin:max(calc(-15 / var(--vw-min) * 100vw),-15px) 0 0 max(calc(-15 / var(--vw-min) * 100vw),-15px);
	background:#fff;
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.goods__itemMark{
		width:calc(53 / var(--vw-min) * 100vw);
		height:calc(53 / var(--vw-min) * 100vw);
		margin:calc(-26.5 / var(--vw-min) * 100vw) 0 0 calc(-26.5 / var(--vw-min) * 100vw);
	}
}
.goods__itemMark:before{
	content:'';
	display:block;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	-webkit-mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	background:var(--color-lightblue);
	transition:all 0.1s ease;
}
@media screen and (max-width:768px){
	.goods__itemMark:before{
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.goods__itemLink:hover .goods__itemMark:before{
		background:var(--color-paleblue);
		transition-delay:0.06s;
	}
}
.goods__thumb {
	width:100%;
	padding-top:100%;
	background:#fff;
	position: relative;
	z-index:110;
}
.goods__thumb img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: contain;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.goods__itemLink:hover .goods__thumb img {
		transform:scale(1.05);
	}
}
.goods__listName {
	padding-top:1em;
	line-height: 1.5;
	font-weight: 500;
}