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

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

/* スマホ：三本線　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:1px solid #D9D9D9;*/
	}
	/* エラーメッセージ */
 	.bg-danger {
       border-radius: 10px;
	}

	/* PC：グローバルメニュー
	-------------------------------- */
	/* 横バー */
	#bg_bar_globalmenu {
		background:#fff;
		/*background:#fcfcfc;*/
        	/*background:#80aba9;*/
		/*border-top:1px solid #fafafa;*/
		border-bottom:1px solid #eee;
	}
	/* 文字 */
    #header .category-nav > li > a {
		color:#333;
        text-align: right;
	}
	/* オンマウス時の文字と背景 */
    #header .category-nav > li:hover > a {
		color:#333;
		background:#CCC;
	}

	/* sphone：youtube
	-------------------------------- */
    .top_youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 16px;
        width: 100% !important;
        height: 100% !important;
    }
}