@charset "UTF-8";
/******************************
　最下部固定カートボタン
******************************/
.back-to-top {
  transition-property: opacity, visibility, transform;
}
.fixed-cartArea {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	padding: 10px 30px;
	z-index:4;
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-basic);
	transition-property: opacity, visibility, transform;
}
.fixed-cartArea.__show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.fixed-cartArea .item-cart-btn {
	font-size: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	padding: 0.5em;
	margin-inline: auto;
	min-block-size: 4rem;
	width: 100%;
  background: var(--color-red);
  color: var(--color-text-invert);
  text-shadow: none;
	transition-property: background-color;
	border: 0;
	width: 100%;
}
.item-cart-btn.--add-to-cart::before {
	content: "";
	flex: 0 0 auto;
	aspect-ratio: 1;
	block-size: 3rem;
	background: center / contain no-repeat;
	background-image: url(https://gigaplus.makeshop.jp/plantbio/img/common/btn-icon_cart.svg);
}
.item-cart-btn.--add-to-cart:hover {
	background: var(--color-accent);
	opacity: 1;
}

.item-cart-btn.--add-to-cart .cart-note {
	display: block;
	font-size: .68em;
}
@media screen and (min-width:769px) {
	.item-cart-btn{
		max-width: 500px;
	}
}
@media screen and (max-width:768px) {
	.back-to-top.--show {
		transform: translateY(-100%);
	}
	.back-to-top.--show.move {
		transform: translateY(0);
	}
}