/* ---------お気に入り---------------- */
.product__fav-item {
  margin-top: 10px;
}
.product__fav-item button {
  padding: 0;
  cursor: pointer;
  transition: .2s;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
}

.product__fav-item .fav-items {
  color: #ff7373;
}

.product__fav-item svg {
  width: 20px;
  height: 20px;
  vertical-align: -.35em;
  fill: currentColor;
}
/* 送料無料や特典付きのラベル表示*/

#page-detail .photo-column {
  position: relative;
}
.photo-column[data-soldout="true"]::after {
	content: "Sold";
	position: absolute;
	top: 0;
	left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: 44px;
	font-size: 18px;
	color: #fff;
	letter-spacing: .05em;
	rotate: -40deg;
	translate: -18px;
}
.photo-column[data-soldout="true"]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 15px;
  width: 88px;
  height: 64px;
  clip-path: polygon(0% 0%,100% 0%,0% 100%);
  background: red;
}
.photo-column:not([data-soldout="true"]) .mark{
	position: absolute;
	top: -8px;
	left: 12px;
	display: block;
	width: calc(2em + 17px);
	padding: 8px;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.2;
	font-family: 'Yu Gothic' !important;
  color: #fff;
	letter-spacing: .01em;
	background: rgba(70, 106, 191, 0.8);
	border-radius: 8px;
}
.photo-column[data-soldout="true"] .mark {
  display: none;
}
.photo-column.freeship:not([data-soldout="true"])::after {
	content: "送料無料";
	position: absolute;
	top: 62px;
	left: 12px;
	display: block;
	width: calc(2em + 17px);
	padding: 8px;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.2;
	font-family: 'Yu Gothic' !important;
  color: #fff;
	letter-spacing: .01em;
	background: rgba(255, 0, 0, 0.7);
	border-radius: 8px;
}
.photo-column.freeship:not([data-soldout="true"]):not(:has(>.mark))::after{
  top: -8px
}
/* SNSシェア*/
.share-links {
  display: flex;
  column-gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.share-link {
  display: block;
  min-width: 80px;
  font-size: 12px;
  font-weight: 500;
  font-family: sans-serif;
  color: #fff !important;
  background: #000;
  letter-spacing: .05em;
  padding-block: 2px;
  text-align: center;
}
.tw.share-link {
  border-radius: 16px;
}
.line.share-link {
  width: 87px;
  font-size: 10px;
  padding-top: 3px 2px;
  background: rgb(6, 199, 85);
  border-radius: 4px;
}
.share-link svg {
  width: 14px;
  height: 14px;
  fill:#fff;
  vertical-align: middle;
  margin-right: 3px;
}
.share-link:is(:hover, :focus) {
	color: #fff !important;
	text-decoration: none;
	filter: grayscale(.4);
}