@charset "utf-8";


/* ******************************************
	共通
****************************************** */
p.lead {
	margin-bottom: 60px;
}
.btn_more {
	text-align: center;
	margin-top: 50px;
}
.btn_more a {
	display: inline-block;
	padding: 15px 0;
	width: 400px;
	text-decoration: none;
	border: 1px solid #fff;
	text-align: center;
}
.btn_more a:hover {
	background-color: #fff;
	color: #000;
}

.btn_brand {
	text-align: center;
	margin-top: 50px;
}
.btn_brand a {
	display: inline-block;
	padding: 15px 0;
	width: 400px;
	text-decoration: none;
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
	text-align: center;
}
.btn_brand a:hover {
	background-color: #000;
	color: #fff;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
	.btn_more a {
		width: 90%;
	}
	.btn_brand a {
		width: 90%;
	}
}
@media screen and (max-width: 450px) {
}





#brand_mens, #brand_ladys {
	padding-bottom: 150px;
}

#brand_mens h2, #brand_ladys h2 {
	font-size: min(24px,24px,3.7vw);
}

.brand_list {
	width: 90%;
	max-width: 1250px;
	padding: 0;
	margin: 0 auto;
	list-style: none;

	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.brand_list li {
	padding: 0;
	margin: 0;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
	width: 23.5%;
}
.brand_list li:nth-child(4n) {
	margin-right: 0;
}
.brand_list li a {
	display: block;
}
.brand_list li img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
	.brand_list li {
		width: 32%;
	}
	.brand_list li:nth-child(4n) {
		margin-right: 2%;
	}
	.brand_list li:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 450px) {
	.brand_list li {
		margin-right: 4%;
		width: 48%;
	}
	.brand_list li:nth-child(3n) {
		margin-right: 4%;
	}
	.brand_list li:nth-child(2n) {
		margin-right: 0;
	}
}








/* ******************************************
	brand_post
****************************************** */
#brand_post {
	text-align: center;
	padding-bottom: 150px;
}
#brand_post .brand_post_box {
	width: 90%;
	max-width: 950px;
	margin: 0 auto;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#brand_post .brand_post_box picture {
	padding: 0;
	margin: 0;
	width: 45%;
}
#brand_post .brand_post_box picture img {
	width: 100%;
	height: auto;
}
#brand_post .brand_post_text {
	width: 50%;
	text-align: left;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
	#brand_post {
		padding-bottom: 75px;
	}
	#brand_post .brand_post_box picture {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 25px;
	}
	#brand_post .brand_post_text {
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
}








/* ******************************************
	brand_product_list
****************************************** */
#brand_product_list {}
#brand_product_list p.lead{
	text-align: center;
}
#brand_product_list article {
	padding: 0;
	padding-bottom: 45px;
	margin: 0 auto;
	margin-bottom: 45px;
	width: 90%;
	max-width: 1250px;
	/* border-bottom: 1px dashed #999; */
}
#brand_product_list article h3 {
	text-align: left;
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#brand_product_list article .brand_date {
	text-align: right;
	margin-bottom: 25px;
}
#brand_product_list article .brand_data_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#brand_product_list article .brand_data_box picture {
	width: 45%;
}
#brand_product_list article .brand_data_box picture img {
	width: 100%;
	height: auto;
}
#brand_product_list article .brand_data_box p {
	width: 50%;
	padding: 0;
	margin: 0;
	text-align: left;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
	#brand_product_list article .brand_data_box picture {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 25px;
	}
	#brand_product_list article .brand_data_box p {
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
}

