/* likelist css */
@charset "UTF-8";

/* main
----------------------------------------------------------------------*/
#main{position: relative;}

#likelist .itemList li{
	position:relative;
}

#likelist .itemList li.soldout{
	overflow:inherit;
}

#likelist .itemList li.soldout .out{
	position: absolute;
	width: 100%;
	height: 105%;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
	text-align: right;
	padding: 10px 15px;
	box-sizing: border-box;
	color: #fff;
	background-color: rgba(0,0,0,0.2);
}

#likelist .itemList li label{
	position: absolute;
	z-index: 2;
	top: 10px;
	left: 10px;
}

.delBtn{
	position: absolute;
	top: -60px;
	right: 0;
}

.delBtn p{
}

.delBtn p a{
	width: auto !important;
	width: fit-content !important;
	line-height: 40px !important;
	height: 40px !important;
	padding: 0 25px;
}

/*--------------------------------------------------------------------
 sp
--------------------------------------------------------------------*/
@media all and (max-width: 640px) { 

/* main
----------------------------------------------------------------------*/
	#main{ margin-top:25px; }

	#likelist{
		position:relative;
		padding-bottom: 40px;
	}

	#likelist .itemList{ margin-top:17px; }

	.delBtn{
		position: absolute;
		top: initial;
		bottom: 0px;
		text-align: right;
		width: 100%;
	}
	
	.delBtn p{
		text-align: right;
	}
	
	.delBtn p a{
		width: 100% !important;
		line-height: 40px !important;
		height: 40px !important;
		padding: 0 25px;
	}

}