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

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

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

/* スマホ：カートアイコン */
.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:#008000;
	}
	/* 文字 */
    #header .category-nav > li > a {
		color:#ffffff;
	}
	/* オンマウス時の文字と背景 */
    #header .category-nav > li:hover > a {
		color:#ffffff;
		background:#000500;
	}
}