/*
 * 商品ページ・カートまわりのスタイル（Welcart）
 * 親テーマ usces_cart.css の指定を上書きする。
 *
 * キーカラー #6c848d（ホバー #80aba9）= メニューの Cart と同じ色
 */

/* =カートへ入れるボタン（商品ページ）
-------------------------------------------------------------- */

.item-info .skubutton,
.item-info .skubutton:focus {
	height: 40px;
	padding: 0 1.6em;
	border: none;
	border-radius: 6px;
	background-color: #6c848d;
	color: #fff;
	font-size: .9em;
	letter-spacing: .08em;
	margin-left: .5em;
	vertical-align: middle;
}

.item-info .skubutton:hover {
	background-color: #80aba9;
}

/* 数量欄もボタンと高さ・角丸をそろえる */
.item-info .quantity input.skuquantity {
	height: 40px;
	border-radius: 6px;
	vertical-align: middle;
}

/* =メニューの Cart（商品が入っているとき・PC表示）
-------------------------------------------------------------- */

@media screen and (min-width: 62.5em) {

	#site-navigation li.menu-cart-item.has-items a {
		background-color: #fff;
		color: #6c848d !important;
	}

	#site-navigation li.menu-cart-item.has-items a:hover {
		background-color: #80aba9;
		color: #fff !important;
	}
}

/* =カート〜購入完了・会員ページのボタン
-------------------------------------------------------------- */

/* ボタン共通の大きさと角丸 */
.cart-page .send input,
.cart-page .send a,
.member-page .send input,
#wc_login .loginbox #member_login,
#wc_member .loginbox #member_login,
#wc_changepassword #member_login,
#wc_lostmemberpassword #member_login {
	min-width: 12em;
	padding: .75em 2em;
	border-radius: 6px;
	font-size: .9em;
	letter-spacing: .08em;
}

/* 次へ進むボタン（キーカラー） */
.send input.to_customerinfo_button,
.send input.to_memberlogin_button,
.send input.to_deliveryinfo_button,
.send input.to_confirm_button,
.send input#purchase_button,
#wc_customer .send input.to_reganddeliveryinfo_button,
.member-page .send input,
#wc_login .loginbox #member_login,
#wc_member .loginbox #member_login,
#wc_changepassword #member_login,
#wc_lostmemberpassword #member_login,
#wc_login .loginbox .new-entry #nav a,
#wc_member .loginbox .new-entry #nav a,
#wc_ordercompletion a.redownload_button,
#memberinfo table.retail .redownload_link a {
	border-radius: 6px;
	background-color: #6c848d;
	color: #fff;
}

.send input.to_customerinfo_button:hover,
.send input.to_memberlogin_button:hover,
.send input.to_deliveryinfo_button:hover,
.send input.to_confirm_button:hover,
.send input#purchase_button:hover,
#wc_customer .send input.to_reganddeliveryinfo_button:hover,
.member-page .send input:hover,
#wc_login .loginbox #member_login:hover,
#wc_member .loginbox #member_login:hover,
#wc_changepassword #member_login:hover,
#wc_lostmemberpassword #member_login:hover,
#wc_login .loginbox .new-entry #nav a:hover,
#wc_member .loginbox .new-entry #nav a:hover,
#wc_ordercompletion a.redownload_button:hover,
#memberinfo table.retail .redownload_link a:hover {
	background-color: #80aba9;
}

/* 戻る系のボタン（買い物を続ける・戻る など）は薄いグレーのまま角丸だけそろえる */
#wc_ordercompletion .send a,
#cart .action input.delButton {
	border-radius: 6px;
}

/* 数量更新・ポイント・クーポン（枠線ボタン） */
#wc_cart #cart .upbutton input,
#point_table td input.use_point_button,
#cart #coupon_table td .use_coupon_button {
	border: 1px solid #6c848d;
	border-radius: 6px;
	background-color: #fff;
	color: #6c848d;
}

#wc_cart #cart .upbutton input:hover,
#point_table td input.use_point_button:hover,
#cart #coupon_table td .use_coupon_button:hover {
	background-color: #6c848d;
	color: #fff;
}

/* 手順バー（カート → お客様情報 → 配送・支払方法 → 内容確認）の現在地 */
div.cart_navi li.current,
div.cart_navi li.current::before,
div.cart_navi li.current::after {
	background-color: #6c848d;
	color: #fff;
}