
/* =
-------------------------------------------------------------- */

/* --------  -------- */
/* --  -- */
/* -  - */


/* = wc_item_single.php + wc_sku_select.php 
-------------------------------------------------------------- */

/* -------- .fvfld -------- */
.fvfld {
	position: relative;
}
.fvfld .loading_img {
	position: absolute;
	top: 10px;
	right: -24px;
}
.fvfld input[type="button"] {
	background: none;
	font-family: "FontAwesome";
	font-size: 13px;
	color: #222;
	margin: 0;
	padding: 6px;
	border: 1px solid #ccc;
	line-height: normal;
}
.fvfld input[type="button"]:hover {
	background-color: #999;
	color: #fff;
	border-color: #999;
}


/* = member_favorite_page.php
-------------------------------------------------------------- */

#wc_favorite_list .memberinfo_box {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd;
}

#wc_favorite_list .no-fav {
	text-align: center;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #ddd;
}

/* -------- .favorite-list -------- */

.favorite-list {
	margin: 0 20px;
}
.favorite-list h3 {
	margin-bottom: 15px;
}
.favorite-list h3:before {
	margin-right: 2px;
	content: '■';
}
.favorite-list p.favorite-total {
	margin-bottom: 15px;
}
/* ---- table ---- */
.favorite-list table {
	width: 100%;
	border-top: 1px solid #ccc;
}
.favorite-list tr {
	display: block;
	position: relative;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
/* -- th -- */
.favorite-list thead {
	display: none;
}
/* -- td -- */

/* - .fav-image - */
.favorite-list td {
	padding: 5px 0;
}
.favorite-list td.fav-image {
	display: block;
}

/* - .fav-delete - */
.favorite-list td.fav-delete {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 12px;
	padding: 0;
}
.favorite-list td.fav-delete a {
	display: inline-block;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.favorite-list td.fav-delete a:hover {
	background-color: #999;
	color: #fff;
	border: 1px solid #999;
}

.favorite-list td.fav-name,
.favorite-list td.fav-price {
	position: relative;
	display: block;
	padding: 5px 0 5px 35%;
}
.favorite-list td.fav-price {
	text-align: right;
}
/* - .before - */
.favorite-list td.fav-name:before,
.favorite-list td.fav-price:before {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	text-align: left;
	font-weight: bold;
	width: 35%;
}
/* - .fav-name - */
.favorite-list td.fav-name:before {
	content: "商品名";
}
/* - .fav-price - */
.favorite-list td.fav-price:before {
	content: "金額";
}


@media screen and (min-width: 768px){
	
	
	/* = wc_item_single.php + wc_sku_select.php 
	-------------------------------------------------------------- */

	/* -------- .fvfld -------- */
	.fvfld {
		margin-top: 20px;
	}
	.fvfld input[type="button"] {
		width: 100%;
	}
	.guide_box {
		margin-top: 10px;
	}

	
	/* = member_favorite_page.php
	-------------------------------------------------------------- */

	#wc_favorite_list .memberinfo_box {
		margin-bottom: 60px;
		padding-bottom: 0;
		border-bottom: none;
	}

	/* -------- .favorite-list -------- */

	.favorite-list {
		margin: 0;
	}
	.favorite-list h3 {
		font-size: 20px;
	}
	.favorite-list h3:before {
		display: none;
	}

	/* ---- table ---- */
	.favorite-list table {
		width: 100%;
		border-top: 1px solid #ccc;
	}
	.favorite-list thead {
		display: table-row-group;
	}
	.favorite-list tr {
		display: table-row;
	}
	.favorite-list th,
	.favorite-list td {
		padding: 10px;
	}
	.favorite-list th {
		text-align: center;
		white-space: nowrap;
	}
	.favorite-list td.fav-image,
	.favorite-list td.fav-name,
	.favorite-list td.fav-price {
		display: table-cell;
	}
	.favorite-list td.fav-name,
	.favorite-list td.fav-price {
		text-align: center;
		padding-left: 10px;
	}
	.favorite-list td.fav-image {
		text-align: center;
		width: 80px;
	}
	.favorite-list td.fav-price {
		white-space: nowrap;
	}
	.favorite-list .fav-delete {
		width: 80px;
	}
	.favorite-list td.fav-delete {
		position: static;
		text-align: center;
		padding: 10px;
		white-space: nowrap;
	}
	.favorite-list td.fav-name:before,
	.favorite-list td.fav-price:before {
		display: none;
	}
	
}

