@charset "utf-8";
/*-----------------------------------------------
 * goods - lists
-------------------------------------------------*/
.categoryLists{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
	padding-bottom:40px;
}
.categoryList__link{
	display:inline-block;
	position:relative;
	text-decoration:none;
	padding:14px 40px;
	line-height:1.25;
	background-color:#fff;
	color:#000;
	border:1px solid #000;
	border-radius:40px;
}
.categoryList__link.--is-current{
	background-color:var(--color-main-red);
	color:#FFF;
}
.categoryList__link > span{
	position:relative;
}
@media (hover:hover) and (pointer:fine){
	.categoryList__link{
		transition:.3s ease;
	}
	.categoryList__link:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		border-radius:40px;
		opacity:0;
		transform:scale(80%);
		background-color:var(--color-main-red);
		transition:.6s ease;
	}
	.link_btn--arrow{
		transition:.3s ease .2s;
	}

	.categoryList__link:hover{
		border-color:var(--color-main-red);
	}

	.categoryList__link:hover::before{
		transform:scale(100%);
		opacity:1;
	}
}

@media screen and (max-width:767px){
	.categoryLists{
		gap:var(--sp-size-16);
		padding-bottom:var(--sp-size-80);
	}
	.categoryList__link{
		padding:var(--sp-size-24) var(--sp-size-48);
		border-radius:64px;
		border-width:var(--sp-size-2);
	}
}

.goodsLists{
	display:flex;
	flex-wrap:wrap;
	margin:0 max(calc(-20 / var(--def-ww) * 100vw),calc(-20px * var(--max-percent)));
}
.goodsList{
	width:calc(100% / 3);
	padding:0 min(calc(20 / var(--def-ww) * 100vw),calc(20px * var(--max-percent))) min(calc(40 / var(--def-ww) * 100vw),calc(40px * var(--max-percent)));
}
@media screen and (max-width:767px){
	.goodsList{
		width:calc(100% / 2);
		padding:0 min(calc(20 / var(--def-ww) * 100vw),calc(20px * var(--max-percent))) min(calc(40 / var(--def-ww) * 100vw),calc(40px * var(--max-percent)));
	}
}
.goodsList__categories{
	display:flex;
	flex-wrap:wrap;
}
.goodsList__category{
	height:20px;
	line-height:20px;
	font-size:12px;
	padding:0 0.25em;
	background:#000;
	color:#fff;
	margin:0 0.5em 0.5em 0;
}
@media screen and (max-width:767px){
	.goodsList__category{
		height:var(--sp-size-32);
		line-height:var(--sp-size-32);
		font-size:var(--sp-size-24);
		margin-bottom:0.25em;
	}
}
.goodsList__link{
	display:block;
	text-decoration:none;
}
.goodsList__thumb{
	width:100%;
	padding-top:100%;
	position:relative;
	margin-bottom:1.25em;
	background:#fff;
}
@media screen and (max-width:767px){
	.goodsList__thumb{
		margin-bottom:1em;
	}
}
.goodsList__thumb img{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media (hover:hover) and (pointer:fine){
	.goodsList__thumb,
	.goodsList__title{
		transition:.4s ease;
	}
	.goodsList__link:hover .goodsList__thumb{
		transform:rotate(2deg) scale(1.025);
		filter:drop-shadow(0 0 25px rgba(0,0,0,.25));
	}
	.goodsList__link:hover .goodsList__title{
		color:#d60011;
	}
}
.goodsLists{
	opacity:0;
	transition:opacity .6s ease;
}
.goodsLists.--is-view{
	opacity:1;
}
.goods__comingsoon {
	padding:4em 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.goods__comingsoon:before {
	content:'';
	display: block;
	width:60px;
	margin-right:40px;
	height:1px;
	background:var(--color-main-red);
}
.goods__comingsoon:after {
	content:'';
	display: block;
	width:60px;
	margin-left:40px;
	height:1px;
	background:#000;
}
@media screen and (max-width:767px){
	.goods__comingsoon:before {
		width:var(--sp-size-64);
		margin-right:var(--sp-size-48);
	}
	.goods__comingsoon:after {
		width:var(--sp-size-64);
		margin-left:var(--sp-size-48);
	}
}
.goods__comingsoonText {
	font-size:40px;
	font-family: var(--font-en);
}
@media screen and (max-width:767px){
	.goods__comingsoonText {
		font-size:var(--sp-size-48);
	}
}
.goods__comingsoonText span {
	color:var(--color-main-red);
}