@charset "utf-8";


/* -----------------------------------------------------------
    買取リスト
-------------------------------------------------------------- */


@media screen and (max-width: 667px){
	
}


/*    brand_pickup_wrapper
-------------------------------------------------------------- */
.brand_pickup_wrapper{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: 40px auto 60px;
}

.brand_pickup_wrapper .section_title_eng{
	display: inline-block;
	font-size: 3.2rem;
}

#brand_list .brand_pickup_wrapper .section_title{
	display: inline-block;
	margin: 0 0 25px 15px;
}


.brand_pickup_wrapper .section_txt{
	text-align: left;
	margin: 15px 0 20px 0;
}

#brand_list .brand_pickup_wrapper .section_txt{
	display: none;
}

@media screen and (max-width: 667px){
	.brand_pickup_wrapper{
		display: block;
		margin: 30px auto 60px auto;
	}

	.brand_pickup_wrapper .section_title_eng{
		display: block;
		font-size: 2rem;
	}
	#brand_list .brand_pickup_wrapper .section_title{
		display: block;
		font-size: 1.8rem;
    	margin: 4px 0 20px 0;
	}
	
	#brand_list .brand_pickup_wrapper .section_txt{
		margin: 0 0 20px 0;
		padding: 0 20px;
		display: none;
	}
}


/*    brand_area
-------------------------------------------------------------- */
#brand_list .brand_area{
	width: 300px;
	padding: 0;
	margin: 0;
}

#brand_list .brand_area .brand_wrapper{
	margin: 0 auto;
}

#brand_list .brand_area .brand_wrapper li, 
#brand_list .brand_area .brand_wrapper li:nth-of-type(3n) {
	margin: 0 0 30px;
}

@media screen and (max-width: 667px){
	#brand_list .brand_area{
		width: 100%;
		padding: 0 0 20px;
	}
	
	#brand_list .brand_area .brand_wrapper li, 
	#brand_list .brand_area .brand_wrapper li:nth-of-type(3n) {
		margin: 0 0 15px;
	}
	
}


/*    list_area
-------------------------------------------------------------- */
.list_area{
	width: 770px;
}

.list_initial{
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 0 0 20px;
}
.list_initial a{
	display: block;
	color: #e56c66;
	font-size: 1.8rem;
    background: #fbf2f2;
	border: 1px solid currentColor;
    border-radius: 3px;
    padding: 12px 15px 10px;
}

@media screen and (max-width: 667px){
	.list_area{
		width: 100%;
		padding: 0 0 0;
	}

	.list_initial {
		flex-wrap: wrap;
		padding: 0 20px;
		display: none;
	}
	.list_initial li{
		width: calc((100% - 10px) / 2);
		margin: 0 0 10px;
	}
	.list_initial a{
		width: 100%;
		font-size: 1.6rem;
		text-align: center;
		padding: 10px 0;
	}
}


/*    initial_area
-------------------------------------------------------------- */
.initial_area{
	padding: 10px 0 0;
}

/*
.initial_title{
	color: #e56c66;
	font-weight: bold;
	padding: 12px 20px;
	border-bottom: 1px solid currentColor;
	margin: 0 0 30px;
}
*/
.initial_title{
	color: #e56c66;
	padding: 10px 30px;
	text-align: left;
	display: block;
	margin: 0 auto 0 0;
}

#brand_list .news_acc_btn {
    font-size: 1.8rem;
	margin: 0 0 10px;
}

.initial_brand_list{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 20px 0 0;
}

.initial_brand_list li{
	width: calc((100% - (10px * 2)) / 3);
	padding: 0 0 30px 25px;
}
.initial_brand_list li:nth-of-type(3n){
	padding: 0 0 30px 25px;
}

.initial_brand_list a{
	display: block;
	padding: 0 0 0 20px;
	position: relative;
	color: #53383f;
}
.initial_brand_list a::before{
    display: inline-block;
	margin: 0 6px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.6rem;
	color: #bca884;
	/*
    width: 8px;
    height: 13px;
    background: url(../img/arrow_pink.png) no-repeat center / contain;
	*/
	position: absolute;
	left: 5px;
	top: 2px;
}

.brand_title{
	/*
	font-weight: bold;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	*/
	line-height: 1.3;
	margin: 0 0 2px;
}

.brand_eng{
	color: #bca884;
    font: 1.2rem / 1.3 'Lato', sans-serif;
}
a .brand_eng{
	color: #bca884;
}



@media screen and (max-width: 667px){
	.initial_area{
		padding: 0 20px 0;
	}

	.initial_title{
		padding: 0;
	}
	
	/*
	.initial_title{
		padding: 15px 20px;
		border-right: none;
		border-left: none;
		margin: 0 0 10px;
		position: relative;
		cursor: pointer;
		background: #faefef;
		border: 1px #e5c5ba solid;
	}
	.initial_title::after { 
		position: absolute;
		display: inline-block;
		content: "";
		width: 15px;
		height: 15px;
		background: url(../img/icon_plus_pink.png) no-repeat 0 0;
		background-size: 15px auto;
		top: 50%;
		right: 15px;
		margin: -7px 0 0 0;
	}
	.initial_title.active::after {
		background: url(../img/icon_minus_pink.png) no-repeat 0 0;
		background-size: 15px auto;		
	}	
	*/
	
	.initial_brand_list{
		justify-content: space-between;
		padding: 10px 15px;
	}
	.initial_brand_list li{
		/*
		width: calc((100% - 10px) / 2);
		*/
		width: 100%;
		padding: 0 0 15px;
	}
	.initial_brand_list li:nth-of-type(3n){
		padding: 0 0 15px;
	}

	.initial_brand_list a{
		display: block;
		padding: 0 0 0 20px;
		position: relative;
	}

}