/*------------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------------
1.0.0.0 INITIALIZE STYLE
	1.1.0.0 FLEXIBLE BOX
	1.2.0.0 BREAD CRUMB
	1.3.0.0 CART NOT FOUND
	1.4.0.0 CART
		1.4.1.0 CART ITEM LIST
		1.4.2.0 COUPON
		1.4.3.0 SUBTOTAL AREA
		1.4.4.0 ANYTHING ELSE
		1.4.5.0 PICKUP ITEMS
2.0.0.0 CONTENTS
3.0.0.0 TABLET WIDTH 960px
4.0.0.0 PC WIDTH 1000px
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
// 1.0.0.0 INITIALIZE STYLE
------------------------------------------------------------------------------*/
main#neo .wrap{
	width:1024px;
}

article h1{
	margin:16px;
	line-height:1.3;
	font-size:40px;
}

article h2{
	margin:16px auto;
	/* width:1500px; */
	font-size:32px;
}

main#neo section:first-of-type{
	margin-top:0;
}


/*--------------------------------------1.1.0.0 -----------------FLEXIBLE BOX */
.breadcrumb,
.commission_free_detail,
.button-cart,
.cart,
.list-item,
.coupon-list ul,
.subtotal-area .ssl,
.anything-else ul,
/* .anything-else .secondory, */
.anything-else .cartin>div,
.pickup-items ul{
	display:flex;
}

/* WRAP MODE -----------------------------------------------------------------*/
.list-item,
.coupon-list ul{
	flex-wrap:wrap;
}

.anything-else .cartin>div{
	flex-direction:column;
}
/* INLINE FLEX ---------------------------------------------------------------*/

/* ALIGN JUSTIFY -------------------------------------------------------------*/
.cart,
.anything-else .secondory{
	justify-content:space-between;
}

/* ALIGN END -----------------------------------------------------------------*/

/* ALIGN CENTER --------------------------------------------------------------*/
.commission_free_detail,
.button-cart,
.anything-else .cartin>div{
	justify-content:center;
}

/* VALIGN START --------------------------------------------------------------*/
.coupon-list ul{
	align-items:flex-start;
}

/* VALIGN END ----------------------------------------------------------------*/

/* VALIGN CENTER -------------------------------------------------------------*/
.commission_free_detail,
.anything-else .cartin>div{
	align-items:center;
}

/* FLEXIBLE ------------------------------------------------------------------*/
.subtotal-area .ssl,
.anything-else .secondory>div:first-child{
	flex:1;
}


/*--------------------------------------1.2.0.0 ------------------BREAD CRUMB */
.breadcrumb{
	background:var(--surface);
}

.breadcrumb li{
	position:relative;
	padding:8px;
	width:calc(100vw / 4);
	width:256px;
	height:32px;
	font-size:16px;
	text-align:center;
}

.breadcrumb li:first-child{
	padding-left:calc((100vw - 1024px) / 2);
	width:calc(((100vw - 1024px) / 2) + 256px);
}

.breadcrumb li:last-child{
	padding-right:calc((100vw - 1024px) / 2);
	width:calc(((100vw - 1024px) / 2) + 256px);
}

.breadcrumb li.on{
	color:var(--back);
	background:var(--main);
}

.breadcrumb li.on+li{
	background:var(--gray);
}

.breadcrumb li.on::after,
.breadcrumb li.on+li::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:-32px;
	width:0;
	height:0;
	border:16px solid transparent;
	border-left:16px solid var(--gray);
	z-index:1;
}

.breadcrumb li.on::after{
	border-left:16px solid var(--main);
}


/*--------------------------------------1.3.0.0 ---------------CART NOT FOUND */
article h1+p{
	margin:0 16px;
	font-size:24px;
}

article h1+p span{
	font-size:28px;
}

.button-cart{
	margin-top:32px;
}

.button-cart .soldout{
	margin:16px 24px 16px 0;
	padding:8px;
	width:30%;
	font-size:20px;
	color:var(--gray);
	border:1px solid var(--surface);
	border-radius:8px;
	background:var(--surface);
	text-align:center;
}

.no-cart-recommend {
	margin:26px auto 0;
	width:976px;
}

.no-cart-recommend ul{
	display:flex;
	flex-wrap:wrap;
	/* justify-content:space-between; */
}

.no-cart-recommend li{
	margin:0 8px 16px 0;
	width:156px;
}

.no-cart-recommend li:nth-child(6n+6){
	margin-right:0;
}

.no-cart-recommend li p{
	margin-top:8px;
    font-size:16px;
    color:#db0000;
	text-align:right;
}

.no-cart-recommend li p s{
	margin-right:8px;
	font-size:12px;
	text-decoration:line-through;
}

.no-cart-recommend li p s:after{
	content:'→';
	padding-left:4px;
}


/*--------------------------------------1.4.0.0 -------------------------CART */
article h1+p+p{
	margin:16px 16px 0;
	font-size:18px;
}

article h1+p+p i{
	font-size:18px;
}

article h1+p+p span{
	font-size:18px;
	font-weight:bold;
	color:#03a678;
}

.free_info{
	margin-bottom:8px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.commission_free_detail{
	margin-bottom:8px;
	padding:16px 0;
	border-top:1px solid #d2527f;
	border-bottom:1px solid #d2527f;
}

.commission_free_detail img{
	width:30px;
	height:30px;
}

.commission_free_detail p{
	font-size:18px;
}

.commission_free_detail p span{
	font-size:24px;
	font-weight:bold;
	color:#d2527f;
}

.cart_message{
	margin-top:16px;
	padding:8px;
	color:#fff;
	background:var(--main);
	text-align:center;
}

.soldout_text{
	margin:16px 0 8px;
	padding:16px 0;
	line-height:1.5;
	font-size:16px;
	border-top:1px solid #d2527f;
	border-bottom:1px solid #d2527f;
	text-align:center;
}


/* .add-new{
	display:inline-flex;
	align-items:center;
	margin-bottom:16px;
	border-radius:50px;
	background:var(--main);
	animation:fadeMode 5s linear forwards;
} */

.add-new{
	display:inline-flex;
	position:fixed;
	top:calc(50% - 50px);
	left:0;
	right:0;
	margin:auto;
	width:50vw;
	height:100px;
	/* margin-bottom:16px; */
	border-radius:50px;
	background:var(--main);
	animation:fadeMode 5s linear forwards;
	align-items:center;
	box-shadow:0 0 10px rgba(0,0,0,.7);
	overflow:hidden;
	z-index:3;
}

.add-new .primary{
	display:flex;
	align-items:center;
	width:100px;
	height:100px;
	border:3px solid var(--main);
	border-radius:50%;
	background:var(--back);
	overflow:hidden;
}

.add-new .primary img{
	margin:auto;
	width:auto;
	height:85px;
}

.add-new .secondory{
	margin:0 8px;
	/* max-width:180px; */
	line-height:1.5;
	color:var(--back);
	animation:fadeModeInner 5s linear forwards;
	overflow:hidden;
	flex:1;
}

.add-new .secondory span{
	font-size:18px;
	font-weight:bold;
	color:var(--back);
}

@keyframes fadeMode{
	  0%{}
	 20%{}
	 40%{
		width:50vw;
	 }
	 42%{
		width:100px;
		transform:scale(1);
	 }
	 45%{
		transform:scale(2);
	 }
	 50%{
		transform:scale(0);
	 }
	 80%{}
	100%{
		width:100px;
		transform:scale(0);
	}
}

@keyframes fadeModeInner{
		0%{}
	 20%{}
	 40%{
		 margin:0 8px;
		 width:auto;
	 }
	 42%{
		 margin:0;
		 width:0
	 }
	 60%{}
	 80%{}
	100%{
		margin:0;
		width:0
	}
}


.cart{
	margin:24px 16px 0;
}

.cart-item{
	margin-right:24px;
	width:700px;
}


/*----------------------------------------1.4.1.0 -------------CART ITEM LIST */
.list-item{
	/* width:792px; */
	align-items:flex-start;
}

.list-item li{
	margin:0 8px 0 0;
	width:calc((100vw - 380px) / 4);
	width:161px;
	border:1px solid var(--gray);
	border-radius:6px;
	overflow:hidden;
}

.list-item li:nth-child(n+5){
	margin-top:8px;
}

.list-item li:nth-child(4n+4){
	margin-right:0;
}


/* ADD ITEM ANIMATION --------------------------------------------------------*/
.list-item li.add-item{
	position:relative;
}

.list-item li.add-item::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--main);
	animation:returnBorder 5s linear forwards;
}

@keyframes returnBorder{
	0%{
		opacity:1;
		background:var(--gray);
	}
	20%{
	}
	45%{
		opacity:1;
		background:var(--gray);
	}
	50%{
		height:100%;
		opacity:1;
		background:var(--main);
	}
	54.9%{
		height:100%;
	}
	55%{
		opacity:0;
		height:0;
	}
	80%{
	}
	99.9%{
	}
	100%{
		opacity:0;
		height:0;
	}
}

/* THUMBNAIL -----------------------------------------------------------------*/
.list-item img{
	margin:auto;
	width:auto;
	height:148px;
}

/* ITEM NAME -----------------------------------------------------------------*/
.list-item .name a{
	padding:8px 8px 0;
	display:-webkit-box;
	height:42px;
	line-height:1.4;
	font-size:12px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

/* QUANTITY ------------------------------------------------------------------*/
.list-item .number{
	padding:8px 8px 0;
	font-size:11px;
}

.list-item .number_re{
	display:flex;
	padding:8px 8px 0;
	align-items:center;
}

.list-item .number_re .item_minus,
.list-item .number_re .item_plus{
	width:20px;
	cursor:pointer;
}

.list-item .number_re .item_minus img,
.list-item .number_re .item_plus img{
	width:100%;
	height:auto;
}

.list-item .number_re .item_disabled img{
	filter:contrast(.3) brightness(1.8);
}

.list-item .number_re .item_number{
	margin:0 8px;
	font-size:14px;
}

/* PRICE ---------------------------------------------------------------------*/
.list-item .price{
	padding:8px 8px 0;
	font-size:13px;
	color:#cf000f;
	text-align:right;
}

.list-item .price span{
	display:block;
	margin-top:8px;
	font-size:10px;
	text-align:right;
}

.list-item .price span::before{
	content:'単価';
	display:inline-block;
	margin-right:4px;
	padding:2px 4px;
	font-size:10px;
	border:1px solid var(--gray);
	border-radius:4px;
}

/* ACTION BUTTON -------------------------------------------------------------*/
.button-action{
	padding:8px;
}

.button-action a{
	padding:8px;
	width:100%;
	font-size:12px;
	border:1px solid var(--gray);
	border-radius:4px;
	background:var(--surface);
}

.list-item .icon-star:before{
	display:block;
	content:'欲しいものリストに入れる';
	margin:0;
	width:100%;
	font-size:10px;
}

.list-item .icon-star.wish_in::before{
	content:'リストに追加済み';
}

.list-item .icon-star.wish_in{
	display:block;
	margin-bottom:8px;
	padding:8px;
    width:100%;
    font-size:12px;
    border:1px solid var(--gray);
    border-radius:4px;
    background:var(--surface);
}

.button-action a:first-child{
	margin-bottom:8px;
}


.item_message span{
	display:block;
	margin:8px;
	padding:8px;
	line-height:1.5;
	font-size:12px;
	border-radius:4px;
	background:var(--gray);
}

.item_message p{
	margin:8px;
	padding:8px;
	line-height:1.5;
	font-size:12px;
	border-radius:4px;
	background:var(--gray);
}

/* CART TYING ----------------------------------------------------------------*/
.cart_tying b{
	display:block;
	position:relative;
	margin:16px 8px 8px;
	padding-left:28px;
	font-size:12px;
}

.cart_tying b::before{
	content:'お得';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:24px;
	height:24px;
	line-height:24px;
	font-size:10px;
	color:var(--back);
	border-radius:50%;
	background:#00b16a;
	text-align:center;
}

.cart_tying b span{
	display:block;
	margin-top:4px;
	padding:4px;
	font-size:12px;
	color:var(--back);
	border-radius:4px;
	background:var(--main);
	cursor:pointer;
}

.cart_tying b span::after{
	content:'+';
	display:flex;
	position:absolute;
	bottom:0;
	right:-8px;
	width:20px;
	height:20px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-radius:50%;
	background:var(--main);
	align-items:center;
	justify-content:center;
}


/* TYING LIST */
.cart_tying .list-tying{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	z-index:9999;
}

.cart_tying .list-tying.on{
	display:flex;
	align-items:center;
	justify-content:center;
}

.list-tying>div{
	position:relative;
	width:682px;
}

.list-tying p{
	margin: 0 0 8px;
	line-height:1.4;
	font-size: 28px;
	color: var(--back);
	text-align: center;
}

.cart_tying ul{
	display:flex;
	position:relative;
	width:682px;
	justify-content:center;
}

.cart_tying li{
  /* display:flex; */
	/* margin-top:4px; */
	width:100%;
	width:130px;
	background:var(--back);
}

.cart_tying li:nth-child(4){
	margin-right:8px;
}

.cart_tying li:nth-child(5){
	margin:0;
}

.cart_tying li:last-child{
	display:flex;
	position:absolute;
	top:-44px;
	right:-44px;
	width:32px;
	height:32px;
	font-size:28px;
	color:var(--back);
	border:3px solid var(--back);
	border-radius:50%;
	background:none;
	cursor:pointer;
	align-items:center;
	justify-content:center;
}

.cart_tying .thumb{
	/* margin-right:4px; */
  /* width:72px; */
	width:130px;
}

.cart_tying .thumb img{
  /* width:auto; */
  /* height:72px; */
	height:130px;
}

.cart_tying .texts{
	/* flex:1; */
}

.cart_tying .texts .price{
	padding:8px 8px 4px;
	font-size:10px;
	color:#d00;
}

.cart_tying .texts .price::before{
	content:'+';
}

.cart_tying .texts .point{
	margin:0 8px;
	font-size:14px;
	font-weight:bold;
	color:var(--text);
	text-align:right;
}

.cart_tying .texts .point::after{
	content:'pt';
}

.cart_tying .texts a{
	/* margin:8px 8px 8px 0; */
	margin:8px;
	/* width:calc(100% - 8px); */
	width:calc(100% - 16px);
	padding:4px 8px;
	font-size:12px;
	text-align:center;
}

.cart-recommend ul{
	display:flex;
	flex-wrap:wrap;
	/* justify-content:space-between; */
}

.cart-recommend li{
	margin:0 8px 16px 0;
	width:161px;
}

.cart-recommend li:nth-child(4n+4){
	margin-right:0;
}

.cart-recommend li p{
	margin-top:8px;
    font-size:16px;
    color:#db0000;
	text-align:right;
}

.cart-recommend li p s{
	margin-right:8px;
	font-size:12px;
	text-decoration:line-through;
}

.cart-recommend li p s:after{
	content:'→';
	padding-left:4px;
}

/*----------------------------------------1.4.2.0 ---------------------COUPON */
.coupon-list{
	margin-top:24px;
	background:var(--surface);
	h2{
		margin:0;
		padding:16px;
		font-size:24px;

		i{
			font-size:24px;
		}

		&+p{
			padding:0 16px;
		}
	}

	/* COUPON LIST -----------------------------------------------------------*/
	li{
		position:relative;
		margin:16px;
		width:calc(100% - 32px);
		border:1px solid var(--gray);
		border-radius:8px;
		overflow:hidden;

		&.no_coupon,
		label>div>div{
			position:relative;
			padding:16px;
			font-size:18px;
			overflow:hidden;
		}

		label{
			cursor:pointer;

			&>div{
				display:flex;
				padding-left:48px;
				align-items:center;

				img{
					width:100px;
					height:100px;
				}

				&>div{
					flex:1;
				}

				p{
					padding:8px 0 0;
					font-size:12px;

					&:not(:only-child):last-child{
						line-height:1.5;
					}

					&.title{
						padding:0;
						font-size:16px;
					}

					&.discount{
						padding-left:0;
						font-size:24px;

						span{
							font-size:18px;
						}
					}
				}
				details{
					summary{
						margin:16px 0 0;
						padding:8px;
						font-size:14px;
						color:var(--back);
						border-radius:8px;
						background:var(--accent);
						text-align:center;
					}
					div{
						padding:8px;
						line-height:1.7;
						border:1px solid var(--accent);
						border-radius:0 0 8px 8px;
					}
					&[open]{
						summary{
							border-radius:8px 8px 0 0;
						}
					}
				}
			}

			input{
				&::before{
					content:'';
					display:block;
					position:absolute;
					top:50%;
					left:16px;
					width:16px;
					height:16px;
					border:2px solid var(--gray);
					border-radius:50%;
					transform:translateY(-8px);
					z-index:3;
				}
				&::after{
					content:'';
					display:block;
					position:absolute;
					top:50%;
					left:22px;
					width:8px;
					height:8px;
					border-radius:50%;
					background:var(--gray);
					transform:translateY(-2px);
					z-index:3;
				}
				&#ncc_0+div p{
					padding:0;
					font-size:18px;
				}
				&:checked{
					&::before{
						border:2px solid var(--back);
					}
					&::after{
						background:var(--back);
					}
					&+div{
						background:var(--main);
						&::after{
							content:'CHECK!';
							position:absolute;
							top:-10px;
							right:-10px;
							padding-right:16px;
							width:140px;
							height:20px;
							line-height:20px;
							font-size:10px;
							color:#fff;
							background:#f90;
							transform:rotate(15deg);
							text-align:right;
						}
						p,
						span{
							color:var(--back);
						}
						details{
							summary{
								color:var(--main);
								background:var(--back);
							}
							div{
								border:none;
								border-top:1px solid var(--main);
								background:var(--back);
							}
							&[open]{
								summary{
									border-radius:8px 8px 0 0;
								}
							}
						}
							}
				}
				/* DISABLED ----------------------------------------------------------*/
				&:disabled{
					div{
						background:var(--gray);
						p{
							opacity:.5;
						}
						&::after{
							content:'条件を満たしていません';
							display:block;
							position:absolute;
							top:30%;
							left:0;
							margin:0 16px;
							padding:8px;
							width:200px;
							width:calc(100% - 32px);
							color:var(--back);
							border:3px solid var(--back);
							background:rgba(0,0,0,.3);
							box-sizing:border-box;
							filter:drop-shadow(0px 0px 3px black);
							transform:translateY(-50%);
							text-align:center;
							z-index:5;
						}
					}
				}
			}
		}
	}
}






/*----------------------------------------1.4.3.0 -------------SUBTOTAL AREA */

.button-cart form{
	display:block;
	margin:16px 0;
	padding:8px;
	width:30%;
	border:1px solid var(--accent);
	border-radius:8px;
}

.button-cart form input[type='submit']{
	width:100%;
	font-size:20px;
	text-align:center;
}

.subtotal-area .soldout{
	display:block;
	margin-top:16px;
	padding:16px;
	width:100%;
	border-radius:8px;
	background:var(--gray);
	text-align:center;
}


/* SUBTOTAL AREA -------------------------------------------------------------*/
.subtotal-area{
	position:sticky;
	top:150px;
	padding:16px;
	width:300px;
	height:100%;
	border:1px solid var(--gray);
	border-radius:8px;
}

.subtotal-area table{
	width:100%;
	border-spacing:8px;
}

.subtotal-area th{
	padding:8px;
	width:47%;
	font-size:12px;
	font-weight:normal;
	background:var(--surface);
	text-align:left;
}

.subtotal-area td{
	padding:8px;
	width:53%;
	font-size:12px;
	text-align:right;
}

.subtotal-area td>p{
	font-size:12px;
	text-align:right;
}

.subtotal-area #cart_total{
	font-size:18px;
	color:#cf000f;
}

/* CART BUTTON ---------------------------------------------------------------*/
.subtotal-area input[type='submit']{
	margin-top:16px;
	padding:16px;
	width:100%;
	color:var(--accent);
	border:1px solid var(--gray);
	border-radius:8px;
	background:var(--surface);
}

.subtotal-area input.buy{
	font-size:18px;
	color:#fff;
	border:1px solid #c77800;
	border-radius:8px;
	background:linear-gradient(to bottom,#FCC314,#f90);
	text-shadow:0px -1px 1px #c77800;
}

.subtotal-area .payment-text{
	margin-top:16px;
	line-height:1.7;
	font-size:12px;
}

.subtotal-area .payment-text img{
	margin:8px 0;
}

.subtotal-area .payment-text a{
	margin-top:8px;
	font-size:12px;
	text-align:right;
}


/* SSL -----------------------------------------------------------------------*/
.subtotal-area .ssl{
	margin:16px auto 0;
	padding:8px;
	width:268px;
	background:var(--surface);
}

.subtotal-area .ssl img{
	margin-right:8px;
	width:40px;
	height:40px;
}

.subtotal-area .ssl p{
	line-height:1.4;
	font-size:12px;
}


/*----------------------------------------1.4.4.0 --------------ANYTHING ELSE */
.anything-else li{
	margin-right:8px;
	/* width:200px; */
}

.anything-else li img{
	
}

.anything-else .secondory{
	padding:8px;
}

.anything-else .name{
	display:-webkit-box;
	height:39px;
	line-height:1.5;
	font-size:13px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.anything-else .price{
	margin-top:8px;
	font-size:16px;
	color:#db0000;
	text-align:right;
}

.anything-else .cartin{
	margin-top:8px;
	padding:8px;
	border:1px solid #c77800;
	border-radius:4px;
	background:#f90;
}

.anything-else .cartin>div{
	width:100%;
	height:100%;
}

.anything-else .cartin span,
.anything-else .cartin span i{
	font-size:18px;
}


/*----------------------------------------1.4.5.0 ---------------PICKUP ITEMS */
.pickup-items li{
	margin-right:8px;
	width:200px;
}

.pickup-items li img{
	margin:auto;
	width:auto;
	height:200px;
}

.pickup-items .price{
	margin-top:8px;
	font-size:14px;
}


/*--------------------------------------2.6.0.0 -------------MYPAGE WISH LIST */
#wish-list{
	display:flex;
}

#wish-list>div{
	margin-right:24px;
	width:708px;
}

#wish-list .cart_move input{
	padding:8px 16px;
	font-size:16px;
	border:1px solid var(--gray);
	border-radius:8px;
	background:var(--surface);
}

#wish-list .cart_move:first-of-type input{
	margin:0 auto 16px;
}

#wish-list .cart_move:last-of-type input{
	margin:16px auto 0;
}

/* LIST WISH -----------------------------------------------------------------*/
#wish-list .list-wish li{
	display:flex;
	border:1px solid var(--gray);
}

#wish-list .list-wish li label{
	display:flex;
	align-items:center;
}

#wish-list .list-wish li label input{
	margin:0 16px;
	appearance:auto;
}

#wish-list .list-wish li .thumb{
	width:200px;
	height:200px;
}

#wish-list .list-wish li .thumb img{
	margin:auto;
	width:auto;
	height:100%;
}

#wish-list .list-wish li>div{
	display:flex;
	padding:16px;
	flex-direction:column;
	flex:1;
	justify-content:space-between;
}

#wish-list .list-wish .title a{
	font-size:20px;
}

#wish-list .list-wish .price{
	margin-top:24px;
	font-size:16px;
	color:#d00;
	text-align:right;
}

#wish-list .list-wish li>div>div:last-child{
	display:flex;
	justify-content:space-between;
}

#wish-list .list-wish li>div>div:last-child a{
	padding:8px;
	border:1px solid var(--accent);
	border-radius:8px;
	width:200px;
	font-size:14px;
	text-align:center;
}

#wish-list .list-wish li>div>div:last-child a::after{
	content:url('/img/pc/arrow_next.svg');
	display:inline-block;
	margin-left:8px;
	padding:4px;
	width:12px;
	height:12px;
	background:var(--accent);
	border-radius:50%;
	vertical-align:middle;
}


/* SIDE BAR ------------------------------------------------------------------*/
#wish-list aside{
	width:260px;
}

#wish-list aside>ul{
	position:sticky;
	top:200px;
	border:1px solid var(--gray);
	border-radius:8px;
}

#wish-list aside li{
	margin:0 !important;
}

#wish-list aside li:not(:last-child){
	border-bottom:1px solid var(--gray);
}

#wish-list aside>ul>li a,
#wish-list aside>ul>li span{
	padding:16px;
	font-size:18px;
}

#wish-list aside>ul>li span{
	display:block;
	color:var(--back);
	background:var(--main);
}

#wish-list aside>ul>li span i{
	color:var(--back);
}

/* CONTINUE BUTTON -----------------------------------------------------------*/
#wish-list .button-border{
	margin:24px 0 0 auto;
	width:300px;
}

#wish-list .button-border::after{
	content:none;
}

#wish-list .button-border>form{
	display:flex;
	justify-content:flex-end;
}

#wish-list .button-border>form input{
	color:var(--accent);
}

#wish-list .button-border>form::after{
	content:url('/img/pc/arrow_next.svg');
	display:inline-block;
	margin-left:8px;
	padding:4px;
	width:12px;
	height:12px;
	background:var(--accent);
	border-radius:50%;
	vertical-align:middle;
}


/*------------------------------------------------------------------------------
// 2.0.0.0 CONTENTS
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
// 3.0.0.0 TABLET WIDTH 1024px
------------------------------------------------------------------------------*/
@media screen and (min-width:1024px){
}


/*------------------------------------------------------------------------------
// 4.0.0.0 PC WIDTH 1000px
------------------------------------------------------------------------------*/