@charset "utf-8";.mainContents{
	font-size: 14px;
	line-height: 2;
	letter-spacing: 3px;
}
.mainContents img{
	width: 100%;
}
.mainContents figure{
	position: relative;
	margin: 0;
}
.mainContents figcaption{
	position: absolute;
}
.topBunner figure{
	padding-bottom: 18%;
}
.topBunner figure .logo{
	position: absolute;
	width: 20%;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.topBunner figcaption{
	width: 35%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	line-height: 3;
}
.mainContentsInner {
	width: 70%;
	margin: 0 auto;
}
.mainContentsInner > div{
	padding-top: 12.316%;
}
.mainContentsInner .itemRow:not(:first-of-type),
.mainContentsInner .menItemRows,
.mainContentsInner .buttonRow,
.mainContentsInner .linkRow{
	padding-top: 24.632%;
}
.logoRow .logoRowInner{
	width: 100%;
	display: flex;
}
.logoRow .logoRowInner:not(:first-of-type){
	padding-top: 9.237%;
}
.logoRow .logoRowInner:nth-child(even){
	justify-content: flex-end;
}
.logoRow .leftColumn,
.logoRow .logoRowInner:nth-child(even) .rightColumn{
	width: 60%;
}
.logoRow .rightColumn{
	width: 40%;
}
.logoRow .rightColumnInner{
	width: 80%;
	margin-left: auto;
}
.logoRow .logo{
	width: 4%;
}
.textRow figure img{
	width: 70%;
}
.textRow figure{
	padding-bottom: 7%;
}
.textRow figcaption{
	width: 40%;
	top: 37%;
	bottom: 0;
	left: 57%;
	background: #ffffff;
	padding: 3.08%;
	display: flex;
	align-items: center;
}
.itemRow{
	width: 100%;
	display: flex;
}
.itemRow .leftColumn{
	width: 40%;
	padding-right: 3.696%;
	padding-left: 0;
}
.itemRow .rightColumn{
	width: 60%;
	padding-right: 0;
	padding-left: 3.696%;
}
.womenItemRows .itemRow:nth-child(even) .rightColumn,
.menItemRows .itemRow:nth-child(odd) .rightColumn{
	width: 40%;
	padding-right: 0;
	padding-left: 3.696%;
}
.womenItemRows .itemRow:nth-child(even) .leftColumn,
.menItemRows .itemRow:nth-child(odd) .leftColumn{
	width: 60%;
	padding-right: 3.696%;
	padding-left: 0;
}
.itemRow .logo{
	width: auto;
	height: 120px;
	margin: 96px auto;
}
.itemRow .color{
	width: auto;
	height: 72px;
	margin-top: 20%;
}
.itemRow .detailWrap{
	width: 70%;
	margin: 0 auto;
	padding: 30px 0 0;
}
.itemRow .detailRow:last-of-type{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.itemRow .detailRow > div{
	display: inline-block;
}
.itemRow .detailRow .mainItemDetail{
	padding-bottom: 20px;
}
.itemRow .detailRow .priceItemDetail{
	width: 55%;
	line-height: 1.5;
}
.itemRow .detailRow .buttonWrap{
	width: 45%;
}
.buttonRow{
	padding: 10px 0;
}
.buttonRow img{
	width: 280px;
}
.linkRow img{
	width: 156px;
}
.scroll-fade{
	opacity: 0;
}
.displaySP{
	display: none;
}

@media only screen and (max-width: 1200px){
	.mainContents{
		font-size: 1.167vw;
		letter-spacing: 0.25vw;
	}
	.itemRow .logo{
		height: 10vw;
		margin: 8vw auto;
	}
	.itemRow .color{
		height: 6vw;
	}
	.buttonRow img{
		width: 23.4vw;
	}
	.linkRow img{
		width: 13vw;
	}
}

@media only screen and (max-width: 640px){
	.mainContents{
		font-size: 2.1875vw;
		letter-spacing: 0.46875vw;
	}
	.mainContentsInner > div,
	.mainContentsInner .itemRow:not(:first-of-type){
		padding-top: 36.948%;
	}
	.mainContentsInner .logoRow,
	.mainContentsInner .womenItemRows{
		padding-top: 12.316%;
	}
	.topBunner figure{
		padding-bottom: 0;
	}
	.topBunner figcaption{
		position: static;
		transform: none;
		line-height: 2;
		margin: 5% auto 0;
		width: 65%;
	}
	.mainContentsInner{
		width: 80%;
	}
	.mainContentsInner .logoRow .logoRowInner{
		flex-direction: column;
	}
	.mainContentsInner .logoRow .logoRowInner:first-of-type{
		flex-direction: column-reverse;
	}
	.mainContentsInner .logoRow .logoRowInner .leftColumn,
	.mainContentsInner .logoRow .logoRowInner .rightColumn{
		width: 100%;
	}
	.mainContentsInner  .logoRow .logoRowInner:nth-child(2n) .rightColumn{
		width: 111.7%;
		margin-left: -5.85%;
	}
	.mainContentsInner .logoRow .logoRowInner:first-of-type .leftColumn,
	.mainContentsInner .logoRow .logoRowInner:not(:first-of-type){
		padding-top: 12.316%;
	}
	.mainContentsInner .logoRow .rightColumnInner{
		width: 81.25%;
		margin: auto;
		padding-top: 20%;
	}
	.mainContentsInner .logoRow .logo{
		width: 2%;
	}
	.mainContentsInner .textRow{
		padding-top: 36.948%;
	}
	.mainContentsInner .textRow figcaption{
		width: 55%;
		top: 0;
		bottom: 19%;
		left: 46%;
		padding: 5%;
		align-items: flex-end;
	}
	.mainContentsInner .itemRow {
		flex-direction: column-reverse;
	}
	.womenItemRows .itemRow:nth-child(even),
	.menItemRows .itemRow:nth-child(odd){
		flex-direction: column;
	}
	.mainContents .mainContentsInner .itemRow .rightColumn{
		width: 100%;
		padding: 0;
	}
	.mainContents .mainContentsInner .itemRow .leftColumn{
		width: 80%;
		margin: 0 auto;
		padding: 0;
	}
	.womenItemRows .itemRow:nth-child(even) .leftColumn,
	.menItemRows .itemRow:nth-child(odd) .leftColumn{
		width: 100%;
	}
	.womenItemRows .itemRow:nth-child(even) .rightColumn,
	.menItemRows .itemRow:nth-child(odd) .rightColumn{
		width: 80%;
		margin: 0 auto;
	}
	.mainContentsInner .itemRow .logo{
		height: 23vw;
		margin: 10% auto;
	}
	.mainContentsInner .itemRow .detailWrap{
		width: 80%;
		margin: 10% auto;
		padding: 0;
	}
	.mainContentsInner .itemRow .color {
		height: 14vw;
		margin-top: 10%;
	}
	.buttonRow img{
		width: 60vw;
	}
	.linkRow img{
		width: 31.8vw;
	}
	.displayPC{
		display: none;
	}
	.displaySP{
		display: block;
	}
}