/* =================================
　全体の背景設定
================================= */

/* ---------------------------------
 ヘッダー
--------------------------------- */
/* ヘッダー背景 */
.ec-layoutRole__header {
	background: url(bg_header_wrap.png) repeat-x bottom #fff;
}

/********** ★No.1ヘッダーデザイン **********/

/* 左上のディスクリプション文字色 */
.ec-headerDescription {
	color: #fff;
}
/* 右上アイコン */
.ec-headerNav .ec-headerNav__itemIcon {
	color: #fff;
}
/* 右上リンク文字 */
.ec-headerNav .ec-headerNav__itemLink {
	color: #fff;
}
/* カート文字 */
.ec-cartNavi {
	color: #fff;
}

/********** ★No.2ヘッダーデザイン **********/

/* 左上のディスクリプション文字色 */
.ec-headerNaviRole.no2 .ec-headerDescription {
	color: #fff;
}
/* 右上アイコン */
.ec-headerNaviRole.no2 .ec-headerNav .ec-headerNav__itemIcon {
	color: #fff;
}
/* 右上リンク文字 */
.ec-headerNaviRole.no2 .ec-headerNav .ec-headerNav__itemLink {
	color: #fff;
}
/* カート文字 */
.ec-cartNavi.no2 {
	color: #fff;
}
/* 検索：キーワード入力 */
.ec-headerNaviRole__search.no2 .ec-headerSearch .ec-headerSearch__keyword {
	background:none;
}
.ec-headerNaviRole__search.no2 .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
	color:#fff;
}
.ec-headerNaviRole__search.no2 .ec-headerSearch .ec-headerSearch__keyword .ec-icon {
	color:#fff;
}
/* オンマウス */
.ec-headerNaviRole.no2 a:hover,
.ec-cartNavi.no2:hover,
.ec-headerNaviRole__search.no2 .ec-headerSearch .ec-headerSearch__keyword .ec-icon:hover {
	opacity:0.6;
}

/********** ★No.3ヘッダーデザイン **********/

/* 左上のディスクリプション文字色 */
.ec-headerNaviRole.no3 .ec-headerDescription {
	color: #fff;
}
/* 右上アイコン */
.ec-headerNaviRole.no3 .ec-headerNav .ec-headerNav__itemIcon {
	color: #fff;
}
/* 右上リンク文字 */
.ec-headerNaviRole.no3 .ec-headerNav .ec-headerNav__itemLink {
	color: #fff;
}
/* カート文字 */
.ec-cartNavi.no3 {
	color: #fff;
}
/* 検索：キーワード入力 */
.pc_search_area.headerdesign3 .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__keyword {
	background:none;
}
.pc_search_area.headerdesign3 .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
	color:#fff;
}
.pc_search_area.headerdesign3 .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__keyword .ec-icon {
	color:#fff;
}
/* HOT検索キーワード */
.pc_search_area.headerdesign3 .hot_keyword,
.pc_search_area.headerdesign3 .hot_keyword a {
	color: #fff;
}
/* オンマウス */
.ec-headerNaviRole.no3 a:hover,
.ec-cartNavi.no3:hover,
.pc_search_area.headerdesign3 .ec-headerNaviRole__search .ec-headerSearch .ec-headerSearch__keyword .ec-icon:hover {
	opacity:0.6;
}

/* ---------------------------------
 コンテンツ背景
--------------------------------- */
@media only screen and (min-width: 768px){
.ec-layoutRole .ec-layoutRole__contents {
	padding-top:30px;
}
}
@media only screen and (min-width: 1090px){
.ec-layoutRole {
	background: url(bg_body.png) repeat-x top #fff;
}
.ec-layoutRole .ec-layoutRole__contents {
	padding:30px 30px 50px 30px;
}
.ec-sliderRole_area {
	padding:0 30px;
}
}

/* ---------------------------------
 SP画面の余白調整
--------------------------------- */
@media only screen and (max-width: 767px){
/* ロゴ */
.ec-headerRole__title {
	margin-bottom:20px;
}
/* トップ画像スライド */
.slick-slider {
	margin-top: -30px;
}
}

/* ---------------------------------
 フッター
--------------------------------- */
.ec-footerRole {
	border-top: 1px solid #7d7d7d;
	margin-top: 30px;
	background: black;
}

/* =================================
　グローバルメニュー【A】メニューバー背景色、リンク色、オンマウス色
　その他の設定→assets/css/style.css
================================= */
 /* メニューバー */
.ec-categoryNaviRole{
	background:#171717; /* ■背景 */
}

/* 各メニュー（親カテゴリ）項目 */
.ec-itemNav__nav li a {
	background:#171717; /* ■背景 */
	color: #fff; /* ●リンク */
	border-left:1px solid #ddd; /* 区切り線 */
}
.ec-itemNav__nav li:last-child a {
	border-right:1px solid #ddd; /* 区切り線 */
}
.ec-itemNav__nav > li:hover > a {
	background: #333; /* □背景オンマウス */
}
/* 2階層（以降）の子カテゴリ */
.ec-itemNav__nav li ul li a {
	background: #333; /* □背景 */
}
.ec-itemNav__nav > li:hover li:hover > a {
	background: #333;
}
/* 3階層以降の子カテゴリの背景色 */
.ec-itemNav__nav li ul li ul li a {
	background: #7D7D7D;
}
.ec-itemNav__nav li:hover ul li ul li a:hover {
	background: #333;
}

/* =================================
　グローバルメニュー【B】メニューバー背景色、リンク色、オンマウス色
　その他の設定→assets/css/style.css
================================= */
.global_menu_areaB {
	background:#171717; /* ■背景 */
}
.global_menu_areaB ul.global > li > a {
	color: #fff; /* ●リンク */
}
.global_menu_areaB ul.global > li:hover {
	background:#333; /* □背景オンマウス */
}
.global_menu_areaB ul.global > li:hover a {
	color:#fff; /* ○リンクオンマウス */
}

/* =================================
　グローバルメニュー【C】メニューバー背景色、リンク色、オンマウス色
　その他の設定→assets/css/style.css
================================= */
/* メニューバー（親カテゴリー）
----------------------- */
.global_menu_areaC {
	background:#171717; /* ■背景 */
}
.global_menu_areaC ul.global > li > a {
	color: #fff; /* ●リンク */
}
.global_menu_areaC ul.global > li:hover {
	background:#333; /* □背景オンマウス */
}
.global_menu_areaC ul.global > li:hover a {
	color:#FFF; /* ○リンクオンマウス */
}

/* メガ・ドロップダウン
----------------------- */
.global_menu_areaC ul.global > li > ul {
	background:#333; /* □背景 */
	color:#FFF; /* ○リンク */
}
/* 階層表示の場合 */
.global_menu_areaC ul.global > li ul li a {
	color: #FFF; /* ○リンク */
}
.global_menu_areaC ul.global > li > ul li a:hover {
	background:#fff; /* ▲リンク背景オンマウス */
	color:#333; /* △リンクオンマウス */
}
/* 独自構成の場合 */
.global_menu_areaC .global_mega a:hover {
	color:#CCC !important; /* ★リンクオンマウス */
}