@charset "UTF-8";
/****************************************************
						共通 
****************************************************/
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', 'sans-serif';
	
}

#ER a{
  -webkit-tap-highlight-color: transparent;
}

#ER .brandList .btn  {
	display: block;
	border: 0.3px solid #70706f;
	padding: 0.35rem 0;
	width: 90%;
	margin: 5% auto 0;
	font-size: 0.55rem;
	text-align: center;
	color: #70706f;
	transition: color 0.2s;
/*	font-weight: bold;*/
/*
color: #fff;
background-color: black;
opacity: 1;
transition: opacity 0.2s;
*/
}

@media only screen and (min-width: 769px)  {
	#ER .brandList .btn {
		padding: 1rem 0;
		font-size: 1rem;
		font-weight: normal;
	
	}
}

@media (hover: hover) {
	#ER .brandList .btn:hover {
		color: rgba(0,0,0,0.3);
/*		opacity: 0.5;*/
	}
}

#ER .brandList .btn:active {
		color: rgba(0,0,0,0.3);
/*		opacity: 0.5;*/
}

#ER li{
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 0.5px #70706f solid;
}

#ER .brandList .brand #kv{
	width: 100%;
	height: 100%;
	max-width: 850px; 
	display: block;
	object-fit: cover;
}

#ER .brandList .brand .kv_parts{
	width:50%;
	margin: 0 0 0 5%;
	overflow: hidden;
}

/*
***************************************************
						ERロゴ 
***************************************************
*/
#ER .top{
	width: 100%;
	margin: 0 auto 3%;
	border-bottom: 0.5px #70706f solid;
	padding: 3%;
}

#ER .top img{
	width: 50%;
	display: block;
	margin: 0 auto;
}

/*
***************************************************
						ブランド一覧 
***************************************************
*/
#ER .brandList .brand{
	display: flex;
}

#ER .brandList .brand img{
	width: 50%;
	margin: 0 auto;
}

/*
***************************************************
						CH 
***************************************************
*/
#ER .brandList #CH_logo{
	width: 45%;
	margin:10% auto;
	display: block;
}

#ER .brandList .CH_parts{
	width:40%;
	margin: 0 auto;
	padding: 10% 0;
}

@media only screen and (min-width: 769px)  {
	#ER .brandList #CH_logo{
		width: 40%;
		margin:10% auto;
		display: block;
	}
}

/****************************************************
						CL 
***************************************************/
#ER .brandList #CL_logo{
	width: 70%;
	margin:10% auto;
	display: block;
}

#ER .brandList .CL_parts{
	width:40%;
	margin: 0 auto;
	padding: 10% 0;
}

@media only screen and (min-width: 769px)  {
	#ER .brandList #CL_logo{
		width: 60%;
		margin:10% auto;
		display: block;
	}
}


/****************************************************
						BR 
****************************************************/
#ER .brandList #BR_logo{
	width: 50%;
	margin:10% auto;
	display: block;
}

#ER .brandList .BR_parts{
	width:40%;
	margin: 0 auto;
	padding: 10% 0;
}

@media only screen and (min-width: 769px)  {
	#ER .brandList #BR_logo{
		width: 45%;
		margin:10% auto;
		display: block;
	}
}

/****************************************************
						BY
****************************************************/
#ER .brandList #BY_logo{
	width: 83%;
	margin:10% auto;
	display: block;
}

#ER .brandList .BY_parts{
	width:40%;
	margin: 0 auto;
	padding: 10% 0;
}

@media only screen and (min-width: 769px)  {
	#ER .brandList #BY_logo{
		width: 80%;
		margin:10% auto;
		display: block;
	}
}


/****************************************************
						BL 
****************************************************/
#ER .brandList #BL_logo{
	width: 65%;
	margin:10% auto;
	display: block;
}

#ER .brandList .BL_parts{
	width:40%;
	margin: 0 auto;
	padding: 10% 0;
}

#ER .brandList .BL_li{
		margin-bottom: 10%;
}

@media only screen and (min-width: 769px)  {
	#ER .brandList #BL_logo{
		width: 60%;
		margin:10% auto;
		display: block;
	}
}