/* ----------------------------------------
main
----------------------------------------*/

/* list-index
---------------------*/
.brandList {
	width: calc(100% - 15px * 2);
	margin: 0 15px;}
.brandBox {
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;}
.boxR {
	float: none;
	width: 100%;}
.brandTitle {
	order: 10;
	margin-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;}
.categoryTags {
	order: 20;
	margin-bottom: 0;}
.brandLogo {
	order: 30;
	float: none;
	display: flex;
		justify-content: center;
		align-items: center;
	width: 100%;
	height: 0;
	margin-bottom: 0;
	padding: calc(170px / 2) 0;
	text-align: center;
	border: 0;}
.brandLogo > img {}
	img.fukupika {width: 118px;}
	img.glaco {width: 148px;}
	img.kobo99 {width: 97px;}
	img.digloss {width: 250px;}
	img.roompia {width: 142px;}
	img.alaunen {width: 225px;}
	img.smoothEgg {width: 120px;}
	img.bodyDoctor {width: 155px;}
	img.cocotorico {width: 205px;}
	img.megane {width: 142px;}
	img.sporpha {width: 130px;}
	img.velogue {width: 205px;}
	img.gzox {width: 225px;}
	img.becarx {width: 193px;}
	img.proSpec {width: 270px;}

.brandDetail {
	order: 40;}
.brandBtnArea {
	order: 50;
	display: flex;
	flex-wrap: wrap;}
.brandBtnArea li {
	width: calc(50% - 15px / 2);
	margin-right: 15px;}
	.brandBtnArea li:nth-child(2n) {
		margin-right: 0;}
.brandBtn {
	display: flex;
		justify-content: center;
		align-items: center;
	width: 100%;
	min-width: 0;
	height: 100%;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1.2;}
	.blank .brandBtn:after {
		top: calc(50% - 10px / 2);
		right: 10px;}
	.brandBtn .redArrowS {
		right: 15px;}



/* detail
---------------------*/
.listOption {
	width: calc(100% - 15px * 2);
	padding: 0;}
.brandHead {
	width: 100%;
	margin-bottom: 40px;
	padding: 20px 0;}
.brandHead > img {}

	.brandHead > img[src*="fukupika"] {width: 140px;}
	.brandHead > img[src*="glaco"] {width: 200px;}
	.brandHead > img[src*="99kobo"] {width: 120px;}
	.brandHead > img[src*="digloss"] {width: 260px;}
	.brandHead > img[src*="roompia"] {width: 160px;}
	.brandHead > img[src*="alaunen"] {width: 250px;}
	.brandHead > img[src*="smoothEgg"] {}
	.brandHead > img[src*="bodyDoctor"] {width: 230px;}
	.brandHead > img[src*="cocotorico"] {width: 260px;}
	.brandHead > img[src*="megane"] {width: 180px;}
	.brandHead > img[src*="sporpha"] {width: 170px;}
	.brandHead > img[src*="velogue"] {width: 260px;}
	.brandHead > img[src*="gzox"] {width: 250px;}
	.brandHead > img[src*="becarx"] {width: 220px;}
	.brandHead > img[src*="proSpec"] {width: 290px;}


.brandProfile {
	width: 100%;
	margin-bottom: 40px;}

.brandInfoBtn {
	width: calc(100% - 15px * 2);
	margin-bottom: 60px;
	text-align: center;}