@charset "utf-8";

/*----------------------------- wish_list -----------------------------*/
/****************************** all ******************************/
.wish_list{
	border:none;
	background:linear-gradient(to bottom, #f0f0f0 0%, #fbfbfb 20%, #fff 50%, #eee 80%, #dfdfdf 100%);
	display:flex;
	justify-content:center;
	align-items:center;
}

.wish_list1{
	aspect-ratio:1;
	border-radius:50%;
}

.wish_list:disabled{
	cursor:default;
}

.wish_list0 > span{
	white-space:nowrap;
	line-height:1.2;
}

.wish_list1 > span{
	display:none;
}

.wish_list0:disabled > span{
	color:#999;
}

.wish_list > img{
	height:auto;
	aspect-ratio:1;
}
/****************************** /all ******************************/

/****************************** pc ******************************/
@media screen and (min-width:1281px){
	.wish_list{
		box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
	}
	
	.wish_list0{
		padding:4px 8px;
		border-radius:5px;
		gap:6px;
	}
	
	.wish_list0 > span{
		font-size:13px;
	}
	
	.wish_list0 > img{
		width:16px;
	}
	
	.wish_list1{
		width:50px;
	}
	
	.wish_list1 > img{
		width:30px;
	}
}
/****************************** /pc ******************************/

/****************************** tablet ******************************/
@media screen and (min-width:768px) and (max-width:1280px){
	.wish_list{
		box-shadow:0.2vw 0.2vw 0.2vw rgba(0, 0, 0, 0.3);
	}
	
	.wish_list0{
		padding:0.4vw 0.8vw;
		border-radius:0.5vw;
		gap:0.6vw;
	}
	
	.wish_list0 > span{
		font-size:1.3vw;
	}
	
	.wish_list0 > img{
		width:1.6vw;
	}
	
	.wish_list1{
		width:5.0vw;
	}
	
	.wish_list1 > img{
		width:3.0vw;
	}
}
/****************************** /tablet ******************************/

/****************************** sp ******************************/
@media screen and (max-width:767px){
	.wish_list{
		box-shadow:0.6vw 0.6vw 0.6vw rgba(0, 0, 0, 0.3);
	}
	
	.wish_list0{
		padding:2.0vw 1.3vw;
		border-radius:1.5vw;
		gap:1.2vw;
	}
	
	.wish_list0 > span{
		font-size:2.9vw;
	}
	
	.wish_list0 > img{
		width:3.0vw;
	}
	
	.wish_list1{
		width:9.0vw;
	}
	
	.wish_list1 > img{
		width:5.5vw;
	}
}
/****************************** /sp ******************************/
/*----------------------------- /wish_list -----------------------------*/