@charset "UTF-8";

 /* ----------brandbrandList */
/* brandlineup */
main .brandlineup {
  padding: 5em 0;
  background: #dadde1;
}

main .brandlineup .brandList table + p {
  text-align: left;
}

@media screen and (max-width: 768px) {
  main .brandlineup {
    font-size: 1.333vw;
    padding: 6em 0;
  }
  main .brandlineup .brandList table + p {
    font-size: 2.2em;
  }
}
.brandList {
	padding: 3rem 0 0;
}
.brandList .brandListInner {
	margin: 0 auto;
	max-width: 60rem;
  
}
/* .brandList .tab input[type="radio"] {
	display: none;
}
.brandList .tab label {
	display: inline-block;
	width: 12.2rem;
	height: 4.2rem;
	font-size: 2.2rem;
	text-align: center;
	cursor: pointer;
}
.brandList .tab label.active {
	background: url('/base/pc/store/special/denimstyle/2022ss/img/brandlist/tab_label.png') center top / contain no-repeat;
} */
.brandList table {
	width: 100%;
	font-size: 1.5rem;
}
.brandList table tr:nth-child(n + 2) {
	background: #fff;
}
.brandList table tr {
	border-bottom: 1rem solid #dadde1;
}
.brandList table tr th {
	text-align: left;
	font-weight: normal;
	padding-left: .8em;
}
.brandList table tr th .name {
	color: #5e8087;
}
.brandList table tr td {
	padding: .2em;
	text-align: center;
}
.brandList table tr td .square {
	color: #5e8087;
}
.brandList table tr td .sub {
	font-size: 1rem;
}
/* .brandList table tr:first-child td span {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height: max-content;
	height: -webkit-max-content;
} */

@media screen and (max-width: 768px) {
	.brandList .brandListInner {
		max-width: 100%;
		font-size: 1.333vw;
	}
	/* .brandList .tab {
		margin-bottom: -8rem;
	} */
	.brandList table {
		font-size: 2.2em;
	}
	.brandList table tr th .name {
		display: none;
	}
	.brandList table tr td {
		padding: 0 .5em;
	}
	.brandList table tr:first-child td span {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		height: max-content;
		height: -webkit-max-content;
	}
}