/* ================================
　サイトイメージ変更　body header footer 背景・文字色設定
================================ */
body {
	background:#FFF;
}
#header {
	background:#FFF;
}
#footer {
    background: #f8f8f8;
    border-top: 1px solid #e8e8e8;
}

/* スマホ：最上部のバー */
#bg_bar_globalmenu {
	background:#fdfbee;
}

/* スマホ：三本線　hamburger icon in CSS */
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
    background: #000;
}
.drawer-open .nav-trigger span::before, .drawer-open .nav-trigger span::after {
    background: #000;
}

/* スマホ：カートアイコン */
.cb-shopping-cart {
	color:#FFF;
}
p.cart-trigger .cb-close {
	color:#FFF;
}

@media only screen and (min-width: 768px) {
	
	/* PC：キャッチコピー（最上部）
	-------------------------------- */
    #header .copy {
		color: #525263;
    }

	/* PC：ヘッダーメニュー（最上部）
	-------------------------------- */
	#header #header_menu_area li a {
		color: #525263;
	}
	#header #header_menu_area li a:hover {
		color: #9797a1;
	}

	/* PC：ヘッダー部カゴの中
	-------------------------------- */
	/* 文字 */
	#cart_area .cart_price {
		color:#525263;
	}
	/* カートアイコン */
	#cart_area .cb-shopping-cart {
		color:#525263;
	}
	#cart_area p.cart-trigger .cb-close {
		color:#525263;
	}
	/* アンダーライン */
	#cart_area p {
		border:none;
		border-bottom:1px solid #D9D9D9;
	}

	/* PC：グローバルメニュー
	-------------------------------- */
	/* 横バー */
	#bg_bar_globalmenu {
		background:#f8eaea;
	}
	/* 文字 */
    #header .category-nav > li > a {
		color:#333;
	}
	/* オンマウス時の文字と背景 */
    #header .category-nav > li:hover > a {
		color:#333;
		background:#CCC;
	}
}