@charset "UTF-8";
/* CSS Document */
/* --------------------------------------------------

初期設定

-------------------------------------------------- */
/* --------------------------------------------------

hover

-------------------------------------------------- */
/* --------------------------------------------------

スマホサイズのフォント指定

-------------------------------------------------- */
/* --------------------------------------------------

breakpoint

-------------------------------------------------- */
/* --------------------------------------------------

cart

-------------------------------------------------- */
.cart {
				margin-top: 3rem;
}
.cart-table {
				background: #FFF;
				overflow: hidden;
}
.cart-text-head {
				display: flex;
				gap: 6px;
				font-weight: 400;
				font-size: 1.5rem;
				color: #666;
}
@media only screen and (max-width: 768px) {
				.cart-text-head {
								display: none;
				}
}
.cart-text-head div {
				padding: 1em;
				text-align: center;
				background: #f9f9f9;
}
.cart-text-head .img-head {
				width: 15%;
}
.cart-text-head .name-head {
				width: 45%;
}
.cart-text-head .qty-head {
				width: 15%;
				text-align: center;
}
.cart-text-head .price-head {
				text-align: center;
				width: 15%;
}
.cart-text-head .remove-head {
				text-align: center;
				width: 10%;
}
.cart-product {
				display: flex;
				gap: 6px;
				align-items: center;
				border-bottom: 1px solid #DDD;
				padding-block: 1em;
}
@media only screen and (max-width: 768px) {
				.cart-product {
								width: 100%;
								display: flex;
								padding: 1.5rem 0;
				}
}
.cart-product:last-child {
				border-bottom: none;
}
.cart-product .img {
				width: 15%;
}
@media only screen and (max-width: 768px) {
				.cart-product .img {
								width: 25%;
								float: left;
								margin-right: 1rem;
								margin-bottom: 1rem;
				}
}
.cart-product .img a {
				display: block;
}
.cart-product .img a img {
				width: 100%;
				height: auto;
				aspect-ratio: 1/1;
				object-fit: cover;
}
.cart-product .cart-item-text {
				display: contents;
}
@media only screen and (max-width: 768px) {
				.cart-product .cart-item-text {
								display: block;
								flex: 1;
				}
}
.cart-product .cart-item-text .name {
				width: 45%;
}
@media only screen and (max-width: 768px) {
				.cart-product .cart-item-text .name {
								width: auto;
								margin-bottom: 1rem;
				}
}
.cart-product .cart-item-text .name a {
				font-size: 1.6rem;
				font-weight: 600;
				color: #1A1A1A;
				text-decoration: none;
}
.cart-product .cart-item-text .name a:hover {
				color: #E42020;
}
@media only screen and (max-width: 768px) {
				.cart-product .cart-item-text .name a {
								font-size: 1.4rem;
				}
}
.cart-product .cart-item-text .qty {
				text-align: center;
				width: 15%;
}
@media only screen and (max-width: 768px) {
				.cart-product .cart-item-text .qty {
								width: auto;
								text-align: left;
								margin-bottom: 1rem;
				}
}
.cart-product .cart-item-text .qty .quantity-blk {
				display: inline-flex;
				align-items: center;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate {
				display: flex;
				align-items: center;
				border: 1px solid #DDD;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-down,
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-up {
				width: 32px;
				height: 32px;
				border: none;
				background: #FFF;
				font-size: 1.4rem;
				font-weight: bold;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #1A1A1A;
				transition: background-color 0.3s ease;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-down:hover,
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-up:hover {
				background: #EEE;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-down:disabled,
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-up:disabled {
				color: #DDD;
				cursor: not-allowed;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-down {
				border-right: 1px solid #DDD;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-up {
				border-left: 1px solid #DDD;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-input {
				width: 50px;
				height: 32px;
				border: none;
				text-align: center;
				font-size: 1.4rem;
				font-weight: bold;
				background: #FFF;
				color: #1A1A1A;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-input:focus {
				outline: none;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-input::-webkit-outer-spin-button, .cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-input::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
}
.cart-product .cart-item-text .qty .quantity-blk .quantity-operate .quantity-input[type=number] {
				-moz-appearance: textfield;
}
.cart-product .cart-item-text .qty .refresh {
				display: block;
				margin-top: 0.5em;
}
.cart-product .cart-item-text .qty .refresh a {
				padding: 0.5em 1em;
				font-size: 1.2rem;
}
.cart-product .cart-item-text .price {
				text-align: center;
				font-size: 1.6rem;
				font-weight: 600;
				color: #1A1A1A;
				width: 15%;
}
@media only screen and (max-width: 768px) {
				.cart-product .cart-item-text .price {
								width: auto;
								text-align: left;
								margin-bottom: 1rem;
				}
}
.cart-product .cart-item-text .remove {
				text-align: center;
				width: 10%;
}
@media only screen and (max-width: 768px) {
				.cart-product .cart-item-text .remove {
								display: none;
				}
}
.cart-product .cart-item-text .remove a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 32px;
				height: 32px;
				color: #E42020;
				font-size: 2rem;
				text-decoration: none;
				transition: all 0.3s ease;
}
.cart-product .cart-item-text .remove a:hover {
				background: #E42020;
				color: #FFF;
}
.cart-product .cart-item-text .remove-sp {
				display: none;
}
@media only screen and (max-width: 768px) {
				.cart-product .cart-item-text .remove-sp {
								display: block;
								text-align: right;
				}
}
.cart-product .cart-item-text .remove-sp a {
				display: inline-block;
				padding: 0.5rem 1rem;
				color: #1A1A1A;
				font-size: 1.2rem;
				text-decoration: none;
				transition: background-color 0.3s ease;
}
.cart-product .cart-item-text .remove-sp a:hover {
				background: #ba1717;
				color: #FFF;
}
.cart .total {
				padding: 2rem 0 1rem;
				text-align: right;
				border-top: 1px solid #DDD;
}
.cart .total .total-text {
				font-size: 1.3rem;
				font-weight: 500;
				color: #1A1A1A;
}
@media only screen and (max-width: 768px) {
				.cart .total .total-text {
								font-size: 1.2rem;
				}
}
.cart .total .total-text .total-price {
				font-size: 3rem;
				font-weight: 500;
				margin-left: 1rem;
}
@media only screen and (max-width: 768px) {
				.cart .total .total-text .total-price {
								font-size: 2rem;
								display: inline-block;
								margin-left: 0;
								margin-top: 0.5rem;
				}
}
.cart .total .total-text .total-text-small {
				font-size: 1.4rem;
				color: #666;
				margin-left: 0.5rem;
}
@media only screen and (max-width: 768px) {
				.cart .total .total-text .total-text-small {
								font-size: 1.2rem;
				}
}
.cart .payment-add-btn {
				margin-top: 1rem;
				text-align: right;
}
@media only screen and (max-width: 768px) {
				.cart .payment-add-btn {
								text-align: center;
				}
}
.cart .payment-add-btn .add-btn-right .cart-btn {
				display: inline-block;
				padding: 1em 7em;
				background: #666;
				color: #FFF;
				font-size: 1.8rem;
				font-weight: 700;
				text-decoration: none;
				transition: background-color 0.3s ease;
}
@media only screen and (max-width: 768px) {
				.cart .payment-add-btn .add-btn-right .cart-btn {
								width: 100%;
								text-align: center;
								padding: 1.5rem 2rem;
				}
}
.cart .payment-add-btn .continue-shopping {
				display: none;
}

.cart-list-option {
				font-size: 1.2rem;
}

.cart-list-point {
				font-size: 1.2rem;
}

.shipping-note {
				text-align: right;
				margin-bottom: 4rem;
}
.shipping-note h5 {
				font-size: 1.3rem;
}
.shipping-note p span {
				font-weight: 700;
}

.amazon-button {
				display: inline-block;
				width: 320px;
				margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
				.amazon-button {
								width: 100%;
				}
}