@charset "utf-8";
/*
#imgWrap {
	position: relative;
	width: 100%;
	max-width: 1800px;
	margin: 0 auto 40px;
	padding: 0 0 40px;
	z-index: 95;
	background: url(../images/brand/s_brand_back01.jpg) center top no-repeat;
	background-size: cover;
}

.imgBlock {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
*/

#imgWrap {
	position: relative;
	z-index: 95;
	margin-bottom: 40px;
}

.imgBlock {
	width: 100%;
	max-width: 1800px;
	max-height: 450%;
	position: relative;
	padding: 0 0 40px;
	margin: 0 auto;
	background: url(../images/brand/s_brand_back01.jpg) center top no-repeat;
	background-size: cover;
}

#imgWrap p {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 14.333% 0 2.388%;
}

#imgWrap img { margin: 0 auto; }

/*
#imgWrap:after {
	display: block;
	content: "";
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: -11px;
	left: 0;
	transform: rotate(-0.5deg);
	background: #FFF;
	z-index: 80;
}
*/

.imgBlock:after {
	display: block;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	border-width: 0.833vw 50vw;
	border-style: solid;
	border-color: transparent #fff #fff transparent;
}

.pagelink {
	position: relative;
	width: 100%;
	padding: 5px 0;
	background: rgba(50, 50, 50, 0.5);
	z-index: 85;
}

.pagelink ul {
	display: table;
	table-layout: fixed;
	width: 540px;
	margin: 0 auto;
	border-left: 1px solid #3c3c3c;
}

.pagelink li {
	display: table-cell;
	border-right: 1px solid #3c3c3c;
}

.pagelink li a {
	display: block;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}

.pagelink a:hover { opacity: 0.6; }

#fitness { z-index: 90; }

#summer { z-index: 85; }

#winter { z-index: 80; }

.mainBlock {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.mainBlock h2 {
	width: 100%;
	margin-bottom: 9px;
}

.mainBlock ul {
	display: block;
	width: 100%;
	max-width: 1100px;
	height: auto;
	border-left: 1px solid #aaa;
}

.mainBlock:not(:last-child) { margin-bottom: 2.72%; }

.mainBlock:last-of-type { margin-bottom: 13.63%; }

.mainBlock li {
	display: block;
	padding: 1%;
	box-sizing: border-box;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.mainBlock li:last-child{ border-right: 1px solid #aaa; }

.mainBlock li img { margin: 0 auto; }

/* --- responsive --- */
@media (min-width:1801px){
	.imgBlock:after { border-width: 15px 900px; }
}

@media (min-width:992px) {
	.mainBlock li { width: 20%; }

	.mainBlock li:nth-child(5n+5) { border-right: 1px solid #aaa; }

	.mainBlock li:nth-child(-n+5){ border-top: 1px solid #aaa; }
}

@media (max-width:991px) {
	.pagelink { display: none; }

	.mainBlock { padding: 0 5%; }

	.mainBlock li { width: 25%; }

	.mainBlock li:nth-child(4n+4) { border-right: 1px solid #aaa; }

	.mainBlock li:nth-child(-n+4){ border-top: 1px solid #aaa; }
}
/* --- /responsive --- */