/**
 * Common Styles for Welcart
 */

@charset "utf-8";

/* OPT Tag
	 ========================================================================== */
.taglist {
	padding-top: 8px;
}

.opt-tag {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 5px;
}

.opt-tag li,
.campaign_message,
.campaign_discount {
	display: inline-block;
	margin: 0;
	padding: 2px 6px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	font-size: .5625rem;
	letter-spacing: initial;
	line-height: 1.2;
	text-align: center;
}

.campaign_message,
.campaign_discount {
	margin: 0 5px 0 0;
}

.tax {
	font-size: 66.666%;
	font-weight: 100;
}

.itemsoldout {
	display: inline-block;
	margin: 3px 10px 3px 0;
	padding: 2px 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	font-size: .5625rem;
}

.itemcode {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 90%;
	letter-spacing: initial;
}

.search .page-content p,
.search .page-content form {
	text-align: center;
}

/**
 * Colors
 */

/* OPT Tag
	 ========================================================================== */

.opt-tag li,
.campaign_message,
.campaign_discount {
	color: #fff;
}

.opt-tag .sale,
.campaign_message,
.campaign_discount {
	background-color: var(--wc-wtsa-col);
}

.itemsoldout {
	background-color: var(--wc-wso-col);
	color: #fff;
}

.opt-tag .recommend {
	background-color: var(--wc-wtr-col);
}

.opt-tag .new {
	background-color: var(--wc-wtn-col);
}

.opt-tag .stock {
	background-color: var(--wc-wtst-col);
}

#itempage .itemsubimg img {
	background-color: #fff;
}

.itemprice,
.total_price {
	color: var(--wc-wp-col);
	letter-spacing: initial;
}

.customer_form th em {
	color: #ff3838;
}

/* Primary
	 ========================================================================== */

.send input.to_customerinfo_button,
.send input.to_memberlogin_button,
.send input.to_deliveryinfo_button,
.send input.to_reganddeliveryinfo_button,
.send input.to_confirm_button,
.send input.checkout_button,
.send input.member_login_button,
.loginbox .is-not-member .nav a,
.send input.editmember,
.send input#member_login,
.customer_form #zipcode_row input[type="button"],
.cart-completion a.redownload_button,
#wc_member_update_settlement .card-update {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

/* Button Others
	 ========================================================================== */

.send input,
.send a,
.cart-completion a.redownload_button {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

.cart-table thead th {
	border-top: 1px solid #707070;
}

.cart-table tbody td {
	border-top: 1px dashed #707070;
	border-bottom: 1px dashed #707070;
}

.cart-table .num {
	width: 43px;
	border-right: 1px dashed #707070;
}

.cart-table .action .delButton {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

.upbutton input {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

.cart-info + .currency-code::before {
	background-color: #000;
}

.agree_member_area::before {
	background-color: #000;
}

/* Custom Form
	 ========================================================================== */

#time::before {
	background-color: #fff;
}

#time tr:last-child::after {
	background-color: #fff;
}

/* UI Dialog
	 ========================================================================== */

.ui-dialog .ui-dialog-titlebar {
	border-bottom: 1px solid #ddd;
}

.ui-dialog .ui-dialog-titlebar {
	color: #000;
}

.ui-dialog .customer_form {
	color: #000;
}

.ui-dialog .customer_form td > p {
	margin-bottom: 0;
}

.ui-dialog .customer_form select {
	border: 1px solid #ddd;
}

.ui-dialog .send {
	border-top: 1px solid #ddd;
}

/* Cart Infomation
	 ========================================================================== */

.cart-confirm .used {
	color: #ff3838;
}

/* Point Table
	 ========================================================================== */

#point-table {
	border: 1px solid #707070;
	background-color: #fff;
}

#point-table .use_point_button {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

.available_point_message {
	background-color: #ccc;
}

/* Coupon Table
	 ========================================================================== */

#coupon_table {
	border: 1px solid #707070;
	background-color: #fff;
}

#coupon_table .use_coupon_button {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

#coupon_table .reset_coupon_button {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

#coupon-dialog .ui-dialog-titlebar {
	height: auto;
	line-height: 30px;
}

#coupon-dialog .ui-dialog-buttonpane .ui-button {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

#coupon-dialog .ui-dialog-buttonpane .ui-button:hover {
	opacity: .65;
	background-color: var(--spc-lpclb-col);
}

#confirm-table tr {
	border: 1px solid #707070;
}

#confirm-table {
	background-color: #fff;
}

/* Is Not Member
	 ========================================================================== */

.is-not-member {
	background-color: #fff;
}

.is-not-member .nav a {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

/* Member Submenu
	 ========================================================================== */

.member-submenu a {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

.member-purchase tr {
	border-top: 1px dotted #aaa;
}

.member-purchase thead tr:first-child {
	border-top: none;
}

.member-purchase tbody tr:last-child {
	border-bottom: 1px solid #aaa;
}

#history_head {
	min-width: 1000px;
	border: 1px solid #aaa;
}

table.retail {
	min-width: 1000px;
	border: 1px solid #aaa;
}

#history_head td.retail .continue_status {
	display: block;
	color: #008000;
	font-weight: bold;
	text-align: center;
}

.member-purchase .redownload_link a {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

.member-completion h2 {
	border-bottom: 1px solid #707070;
}

/* Form
	 ========================================================================== */

.form-submit .submit {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

/* Error 404
	 ========================================================================== */

.error404 .page-content #s-submit {
	background-color: var(--spc-lpclb-col);
	color: var(--spc-lpclbt-col);
}

/**
* 16.6 Desktop Wide 1400px
*/
@media screen and (min-width: 87.5em) {

	#primary.content-area {
		max-width: 1280px;
		margin: auto;
	}

}