/*
Theme Name:		Welcart Simple Plus Child Theme
Template:		welcart_simple-plus
Theme URI:		https://www.welcart.com/archives/16004.html
Author:			Welcart Inc.
Author URI:		https://www.welcart.com/
Description:	Welcart Simple Plus Child Theme.
Version:		2.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, simple-plus,
*/

/* =========================================================
 * Asukayama Works
 * Welcart 商品ページ：カラー等のコンボボックス調整
 * - 背景：白
 * - 枠線：#424242 / 2px
 * - 角丸なし
 * - フォーカス時の二重線なし
 * - 三角アイコンは1つだけ表示
 * ========================================================= */

body #itempage select,
body .itempage select,
body .usces_item select,
body .usces_single_item select,
body .skuform select,
body select[name*="itemOption"],
body select[name*="item_option"],
body select[name*="opt"],
body select[name*="color"],
body select[name*="カラー"],
body select[id*="color"],
body select[id*="カラー"] {
	background-color: #ffffff !important;
	color: #424242 !important;
	border: 2px solid #424242 !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	text-shadow: none !important;

	/*
	 * ブラウザ標準の三角を消す。
	 * テーマ側の三角画像は background-image として残す。
	 */
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

body #itempage select:focus,
body #itempage select:active,
body .itempage select:focus,
body .itempage select:active,
body .usces_item select:focus,
body .usces_item select:active,
body .usces_single_item select:focus,
body .usces_single_item select:active,
body .skuform select:focus,
body .skuform select:active {
	background-color: #ffffff !important;
	color: #424242 !important;
	border: 2px solid #424242 !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

/* 旧Edge / IE系の標準三角対策 */
body #itempage select::-ms-expand,
body .itempage select::-ms-expand,
body .usces_item select::-ms-expand,
body .usces_single_item select::-ms-expand,
body .skuform select::-ms-expand {
	display: none;
}

/* =========================================================
 * Asukayama Works
 * Welcart 商品ページ：質問・オーダー相談ボタン
 * ========================================================= */

.aw-order-consult-button-wrap {
	margin: 5px 0 0;
}

.aw-order-consult-button {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 16px;
	border: 1px solid #424242;
	background: #424242;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	border-radius: 0;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.aw-order-consult-button:hover,
.aw-order-consult-button:focus {
	background: #a0a0a0;
    
	border: 1px solid #a0a0a0;
	color: #424242;
	text-decoration: none;
	outline: none;
}

@media (max-width: 768px) {
	.aw-order-consult-button-wrap {
		margin-top: 8px;
	}

	.aw-order-consult-button {
		padding: 10px 14px;
		font-size: 13px;
	}
}