@charset "utf-8";

/*********************************************
ブランド用外見カスタム
*********************************************/
/* MJ（2L） */
#contents.BRAND_2L
{
	/* ブランドエリア＆美類エリアの背景色 */
	--color-bg-category: #fffded;
	/* お試し中のアイテムエリアの背景色 */
	--color-bg-stock: #fffded;
	/* 美類ボタンの背景色 */
	--color-btn-category: #be8a3a;
	/* 商品を詳しく見るボタンの背景色 */
	--color-btn-detail: #be8a3a;
	/* 外すボタンの背景色 */
	--color-btn-delete_bg: #ffffff;
	/* 外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-delete_fg: #be8a3a;
	/* 全てのアイテムを外すボタンの背景色 */
	--color-btn-deleteAll_bg: #ffffff;
	/* 全てのアイテムを外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-deleteAll_fg: #be8a3a;
	/* TOPボタンの背景色 */
	--color-btn-top: #be8a3a;
	/* カテゴリのアクティブ色（テキスト＆下線） */
	--color-active-category: #de006e;
	/* 商品リストの上端仕切り線の色 */
	--color-line-prodList: #be8a3a;
	/* 商品のアクティブ色（選択枠＆商品名） */
	--color-active-selProd: #be8a3a;
	/* SKUのアクティブ色（選択枠＆号数名） */
	--color-active-selSku: #de006e;
	/* 「お試し中のアイテム」ラベル色 */
	--color-text-stockLabel: #be8a3a;
	/* お試し中のアイテムの美類ラベル先頭の「・」の色（基本的には「お試し中のアイテム」ラベル色と同じにする） */
	--color-dot-biruiLabel: #be8a3a;
	/* 複数SKU関連の強調色 */
	--color-multi-active: #be8a3a;
}

/* IEG（_C） */
#contents.BRAND__C
{
	/* ブランドエリア＆美類エリアの背景色 */
	--color-bg-category: #F6F1De;
	/* お試し中のアイテムエリアの背景色 */
	--color-bg-stock: #F6F1De;
	/* 美類ボタンの背景色 */
	--color-btn-category: #002554;
	/* 商品を詳しく見るボタンの背景色 */
	--color-btn-detail: #002554;
	/* 外すボタンの背景色 */
	--color-btn-delete_bg: #ffffff;
	/* 外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-delete_fg: #002554;
	/* 全てのアイテムを外すボタンの背景色 */
	--color-btn-deleteAll_bg: #ffffff;
	/* 全てのアイテムを外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-deleteAll_fg: #002554;
	/* TOPボタンの背景色 */
	--color-btn-top: #002554;
	/* カテゴリのアクティブ色（テキスト＆下線） */
	--color-active-category: #002554;
	/* 商品リストの上端仕切り線の色 */
	--color-line-prodList: #002554;
	/* 商品のアクティブ色（選択枠＆商品名） */
	--color-active-selProd: #Ad975A;
	/* SKUのアクティブ色（選択枠＆号数名） */
	--color-active-selSku: #Ad975A;
	/* 「お試し中のアイテム」ラベル色 */
	--color-text-stockLabel: #002554;
	/* お試し中のアイテムの美類ラベル先頭の「・」の色（基本的には「お試し中のアイテム」ラベル色と同じにする） */
	--color-dot-biruiLabel: #002554;
	/* 複数SKU関連の強調色 */
	--color-multi-active: #Ad975A;
}

/* IE（4U） */
#contents.BRAND_4U
{
	/* ブランドエリア＆美類エリアの背景色 */
	--color-bg-category: #ffe5e8;
	/* お試し中のアイテムエリアの背景色 */
	--color-bg-stock: #ffe5e8;
	/* 美類ボタンの背景色 */
	--color-btn-category: #a50034;
	/* 商品を詳しく見るボタンの背景色 */
	--color-btn-detail: #a50034;
	/* 外すボタンの背景色 */
	--color-btn-delete_bg: #ffffff;
	/* 外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-delete_fg: #a50034;
	/* 全てのアイテムを外すボタンの背景色 */
	--color-btn-deleteAll_bg: #ffffff;
	/* 全てのアイテムを外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-deleteAll_fg: #a50034;
	/* TOPボタンの背景色 */
	--color-btn-top: #a50034;
	/* カテゴリのアクティブ色（テキスト＆下線） */
	--color-active-category: #a50034;
	/* 商品リストの上端仕切り線の色 */
	--color-line-prodList: #a50034;
	/* 商品のアクティブ色（選択枠＆商品名） */
	--color-active-selProd: #a50034;
	/* SKUのアクティブ色（選択枠＆号数名） */
	--color-active-selSku: #a50034;
	/* 「お試し中のアイテム」ラベル色 */
	--color-text-stockLabel: #a50034;
	/* お試し中のアイテムの美類ラベル先頭の「・」の色（基本的には「お試し中のアイテム」ラベル色と同じにする） */
	--color-dot-biruiLabel: #a50034;
	/* 複数SKU関連の強調色 */
	--color-multi-active: #a50034;
}

/* PR（GA） */
#contents.BRAND_GA
{
	/* ブランドエリア＆美類エリアの背景色 */
	--color-bg-category: #F2F2F2;
	/* お試し中のアイテムエリアの背景色 */
	--color-bg-stock: #F2F2F2;
	/* 美類ボタンの背景色 */
	--color-btn-category: #C00E54;
	/* 商品を詳しく見るボタンの背景色 */
	--color-btn-detail: #C00E54;
	/* 外すボタンの背景色 */
	--color-btn-delete_bg: #ffffff;
	/* 外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-delete_fg: #C00E54;
	/* 全てのアイテムを外すボタンの背景色 */
	--color-btn-deleteAll_bg: #ffffff;
	/* 全てのアイテムを外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-deleteAll_fg: #C00E54;
	/* TOPボタンの背景色 */
	--color-btn-top: #C00E54;
	/* カテゴリのアクティブ色（テキスト＆下線） */
	--color-active-category: #C00E54;
	/* 商品リストの上端仕切り線の色 */
	--color-line-prodList: #C00E54;
	/* 商品のアクティブ色（選択枠＆商品名） */
	--color-active-selProd: #C00E54;
	/* SKUのアクティブ色（選択枠＆号数名） */
	--color-active-selSku: #C00E54;
	/* 「お試し中のアイテム」ラベル色 */
	--color-text-stockLabel: #C00E54;
	/* お試し中のアイテムの美類ラベル先頭の「・」の色（基本的には「お試し中のアイテム」ラベル色と同じにする） */
	--color-dot-biruiLabel: #C00E54;
	/* 複数SKU関連の強調色 */
	--color-multi-active: #C00E54;
}

/* SMU（5K） */
#contents.BRAND_5K
{
	/* ブランドエリア＆美類エリアの背景色 */
	--color-bg-category: #f8f8f8;
	/* お試し中のアイテムエリアの背景色 */
	--color-bg-stock: #f8f8f8;
	/* 美類ボタンの背景色 */
	--color-btn-category: #c8102e;
	/* 商品を詳しく見るボタンの背景色 */
	--color-btn-detail: #c8102e;
	/* 外すボタンの背景色 */
	--color-btn-delete_bg: #ffffff;
	/* 外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-delete_fg: #c8102e;
	/* 全てのアイテムを外すボタンの背景色 */
	--color-btn-deleteAll_bg: #ffffff;
	/* 全てのアイテムを外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-deleteAll_fg: #c8102e;
	/* TOPボタンの背景色 */
	--color-btn-top: #c8102e;
	/* カテゴリのアクティブ色（テキスト＆下線） */
	--color-active-category: #c8102e;
	/* 商品リストの上端仕切り線の色 */
	--color-line-prodList: #c8102e;
	/* 商品のアクティブ色（選択枠＆商品名） */
	--color-active-selProd: #c8102e;
	/* SKUのアクティブ色（選択枠＆号数名） */
	--color-active-selSku: #c8102e;
	/* 「お試し中のアイテム」ラベル色 */
	--color-text-stockLabel: #c8102e;
	/* お試し中のアイテムの美類ラベル先頭の「・」の色（基本的には「お試し中のアイテム」ラベル色と同じにする） */
	--color-dot-biruiLabel: #c8102e;
	/* 複数SKU関連の強調色 */
	--color-multi-active: #c8102e;
}

/* MQ（4L） */
#contents.BRAND_4L
{
	/* ブランドエリア＆美類エリアの背景色 */
	--color-bg-category: #EFEFEF;
	/* お試し中のアイテムエリアの背景色 */
	--color-bg-stock: #EFEFEF;
	/* 美類ボタンの背景色 */
	--color-btn-category: #d4003b;
	/* 商品を詳しく見るボタンの背景色 */
	--color-btn-detail: #d4003b;
	/* 外すボタンの背景色 */
	--color-btn-delete_bg: #ffffff;
	/* 外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-delete_fg: #d4003b;
	/* 全てのアイテムを外すボタンの背景色 */
	--color-btn-deleteAll_bg: #ffffff;
	/* 全てのアイテムを外すボタンの前景色（基本的には商品を詳しく見るボタンの背景色と同じにする） */
	--color-btn-deleteAll_fg: #d4003b;
	/* TOPボタンの背景色 */
	--color-btn-top: #d4003b;
	/* カテゴリのアクティブ色（テキスト＆下線） */
	--color-active-category: #d4003b;
	/* 商品リストの上端仕切り線の色 */
	--color-line-prodList: #d4003b;
	/* 商品のアクティブ色（選択枠＆商品名） */
	--color-active-selProd: #d4003b;
	/* SKUのアクティブ色（選択枠＆号数名） */
	--color-active-selSku: #d4003b;
	/* 「お試し中のアイテム」ラベル色 */
	--color-text-stockLabel: #d4003b;
	/* お試し中のアイテムの美類ラベル先頭の「・」の色（基本的には「お試し中のアイテム」ラベル色と同じにする） */
	--color-dot-biruiLabel: #d4003b;
	/* 複数SKU関連の強調色 */
	--color-multi-active: #d4003b;
}