/**
 * Favorite Plug-In Style Seat
 *
 * お気に入りプラグイン専用スタイルシート
 */

@charset "utf-8";

/* Base
	 ========================================================================== */

.favorite-icon {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

/* Assertive Featured Item Widget
	 ========================================================================== */

.widget_assertive_featured_item_widget .itemimg {
	position: relative;
}

.widget_assertive_featured_item_widget .favorite-icon {
	display: block;
	position: absolute;
	z-index: 2;
	right: 20px;
	bottom: 20px;
	width: 40px;
	height: 40px;
}

/* widget_assertive_item_list
	 ========================================================================== */

.widget_assertive_item_list .favorite-icon {
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 10px;
}

/* Category First Time Item
	 ========================================================================== */

.first-item .itemimg .favorite-icon {
	right: 8px;
	bottom: 8px;
	width: 40px;
	height: 40px;
}

/* Item Single Page
	 ========================================================================== */

.favorite-button {
	text-align: center;
}

.favorite-button .add-favorite {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

#tofavorite-content {
	display: none;
	position: fixed;
	z-index: 3;
	width: 80%;
	max-width: 400px;
	margin: 0;
	padding: 30px 25px;
	border-radius: 4px;
	background: #fff;
}

#tofavorite-content a {
	display: block;
	width: 100%;
	padding: 13px 0;
	color: #fff;
	text-align: center;
}

#tofavorite-content a:hover {
	text-decoration: none;
}

#tofavorite-content .tofavorite-page-link a {
	margin-top: 15px;
	background-color: #ff9f38;
}

#tofavorite-content .tologin-page-link a,
#tofavorite-content .tologin-newmember-page-link a {
	border: 1px solid #333;
	border-radius: 4px;
	color: #333;
}

.tologin-page-link {
	margin-top: 20px;
}

.tologin-newmember-page-link {
	margin: 6px 0 20px;
}

#tofavorite-overlay {
	display: none;
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .5);
}

.tofavorite-button-link {
	margin-top: 10px;
	background-color: #ccc;
}

.tofavorite-button-link:hover {
	color: #f00;
	cursor: pointer;
}

#itempage .separate .favorite-icon {
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 10px;
	width: 40px;
	height: 40px;
}

/* cat-list
	 ========================================================================== */

#member-favorite .item-wrap {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

#member-favorite .itemimg {
	position: relative;
	width: calc(33% - 7px);
}

#member-favorite .itemimg a {
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	line-height: 0;
	aspect-ratio: 1 / 1;
}

#member-favorite .itemimg img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
}

#member-favorite .in-block {
	width: calc(67% - 8px);
}

#member-favorite .in-block .campaign_message,
#member-favorite .in-block .campaign_discount {
	margin: 4px 0;
}

#member-favorite .in-block .item-info-wrap .itemname {
	margin-top: 5px;
	margin-bottom: 5px;
	color: var(--spc-lpcst-col);
	font-size: .875rem;
	font-weight: 300;
	line-height: 1.3;
}

#member-favorite .in-block .item-info-wrap .itemcode {
	font-size: .75rem;
}

#member-favorite .in-block .item-info-wrap .itemprice {
	margin-bottom: 5px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
}

/* Inside Menu
	 ========================================================================== */

.insider.welcart-menu .membership ul li:nth-child(2) a::before {
	content: "";
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%2056h-1c-39.7%200-74.8%2021-95%2052-20.2-31-55.3-52-95-52h-1c-61.9.6-112%2050.9-112%20113%200%2037%2016.2%2089.5%2047.8%20132.7C156%20384%20256%20456%20256%20456s100-72%20160.2-154.3C447.8%20258.5%20464%20206%20464%20169c0-62.1-50.1-112.4-112-113zm41.6%20229.2C351%20343.5%20286.1%20397.3%20256%20420.8c-30.1-23.5-95-77.4-137.6-135.7C89.1%20245.1%2076%20198%2076%20169c0-22.6%208.8-43.8%2024.6-59.8%2015.9-16%2037-24.9%2059.6-25.1H161.1c14.3%200%2028.5%203.7%2041.1%2010.8%2012.2%206.9%2022.8%2016.7%2030.4%2028.5%205.2%207.9%2014%2012.7%2023.5%2012.7s18.3-4.8%2023.5-12.7c7.7-11.8%2018.2-21.6%2030.4-28.5%2012.6-7.1%2026.8-10.8%2041.1-10.8h.9c22.5.2%2043.7%209.1%2059.6%2025.1%2015.9%2016%2024.6%2037.3%2024.6%2059.8-.2%2029-13.3%2076.1-42.6%20116.2z%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M352%2056h-1c-39.7%200-74.8%2021-95%2052-20.2-31-55.3-52-95-52h-1c-61.9.6-112%2050.9-112%20113%200%2037%2016.2%2089.5%2047.8%20132.7C156%20384%20256%20456%20256%20456s100-72%20160.2-154.3C447.8%20258.5%20464%20206%20464%20169c0-62.1-50.1-112.4-112-113zm41.6%20229.2C351%20343.5%20286.1%20397.3%20256%20420.8c-30.1-23.5-95-77.4-137.6-135.7C89.1%20245.1%2076%20198%2076%20169c0-22.6%208.8-43.8%2024.6-59.8%2015.9-16%2037-24.9%2059.6-25.1H161.1c14.3%200%2028.5%203.7%2041.1%2010.8%2012.2%206.9%2022.8%2016.7%2030.4%2028.5%205.2%207.9%2014%2012.7%2023.5%2012.7s18.3-4.8%2023.5-12.7c7.7-11.8%2018.2-21.6%2030.4-28.5%2012.6-7.1%2026.8-10.8%2041.1-10.8h.9c22.5.2%2043.7%209.1%2059.6%2025.1%2015.9%2016%2024.6%2037.3%2024.6%2059.8-.2%2029-13.3%2076.1-42.6%20116.2z%22%2F%3E%3C%2Fsvg%3E");
	width: 19px;
	height: 19px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center center;
	mask-position: center center;
	margin-right: 5px;
	background-color: var(--hi-ht-col);
}

/* Member Favorite Page
	 ========================================================================== */

#wc-favorite.common-frame {
	padding: 0;
}

#member-favorite .item-wrap:not(:last-child) {
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px dotted #707070;
}

#member-favorite .item-wrap {
	width: 100%;
	word-wrap: break-word;
}

#member-favorite .item-wrap > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#member-favorite .fv-block {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}

#member-favorite .fv-block .price-block {
	width: calc(100% - 40px);
}

#member-favorite .fv-block .favorite-icon {
	position: inherit;
	width: 30px;
	height: 30px;
}

#wc-favorite.mypage .send {
	padding: 0;
}

/**
  * 16.1 Mobile Large 620px
  */
@media screen and (min-width: 38.75em) {

	/* Base
		 ========================================================================== */

	.favorite-icon {
		width: 30px;
		height: 30px;
	}

	/* Item Single Page
		 ========================================================================== */

	.favorite-button {
		text-align: left;
	}

	/* Member Favorite Page
		 ========================================================================== */

	#member-favorite {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	#member-favorite .item-wrap {
		display: grid;
		grid-template-rows: min-content;
		margin: 0;
		padding: 0;
		gap: 10px;
	}

	#member-favorite .item-wrap:not(:last-child) {
		margin: 0;
		padding: 0;
		border-bottom: none;
	}

	#member-favorite .item-wrap > a {
		display: block;
	}

	#member-favorite .itemimg,
	#member-favorite .in-block {
		width: 100%;
	}

}

/**
 * 16.2 Tablet Small 740px
 */
@media screen and (min-width: 46.25em) {

	#member-favorite {
		grid-template-columns: repeat(3, 1fr);
	}

}

/**
 * 16.4 Desktop Small 1000px
 */
@media screen and (min-width: 62.5em) {

	#member-favorite {
		grid-template-columns: repeat(4, 1fr);
	}

}