@charset "UTF-8";
/* CSS Document */


#bcWrapper {
	background-color: #e0e0e0;
	padding-top: 2px;
	height: 34px;
	overflow: hidden;
}

#breadCrumbArea {
	font-size: 1.3rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	height: 64px;
}

#breadCrumb {
	list-style-type: none;
	display: inline-table;
	max-width: 100%;
}

#breadCrumb li {
	display: table-cell;
	white-space: nowrap;
	line-height: 34px;
	padding-left: 17px;
	padding-right: 4px;
	background: url(../images/separater_breadcrumb.png) no-repeat left center;
}

#breadCrumb li:first-child {
	padding-left: 0;
	background: none;
}



/* ============================
  Responsive
============================ */

@media screen and (max-width: 1080px) {
	#bcWrapper .wrapper {
		margin: 0 !important;
	}

	#breadCrumb {
		padding: 0 1% 0 3.7%;
	}
}

@media only screen 
and (max-width : 480px) {
	/*
	#breadCrumb li {
		max-width: 9em;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	*/
}