@charset "utf-8";
/* --------------------------------
	collection
-------------------------------- */
.collection {
	background: #f5f2ea;
	font-size: 1.35rem;
}
.inner {
	margin: 0 auto;
	padding: 0 13rem;
	max-width: 100rem;
}
@media (max-width: 768px) {
	.collection {
		font-size: 2.1rem;
	}
	.inner {
		padding: 0;
	}
}

.collection h2 {
	height: auto;
}
.collection .topTtl {
	padding-top: 8rem;
	padding-bottom: 20rem;
	background: linear-gradient(180deg, rgba(256,256,256,1) 0%, rgba(245,242,234,1)100%);
}
.collection .topTtl > p:first-child {
	margin: 0 auto;
	width: 32.8rem;
}
.collection .lead {
	margin-top: 3rem;
	font-size: 1.6rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	line-height: 3.2rem;
	text-align: center;
}
.collection .itemArea {
	margin: 0 auto;
}
.collection .itemArea .item + .item {
	margin-top: 15rem;
}
.collection .itemArea .item .txtBox .num {
	font-size: 1.9rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1;
}
.collection .itemArea .item .itemLead {
	margin-top: 1rem;
	font-size: 1.9rem;
	line-height: 3.1rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.collection .itemArea .item .itemTxt {
	margin-top: 1rem;
	font-weight: 600;
	line-height: 2.3rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.collection .itemArea .item .detail {
	margin-top: 1rem;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 2rem;
}
.collection .itemArea .item .detail > p + p {
	margin-top: 1rem;
}
.collection .itemArea .item .detail > p .iconT {
	padding: 0 1rem;
	font-size: 1rem;
	background-color: #000;
	color: #fff;
}
.collection .itemArea .item .detail > p .shop {
	font-size: 1rem;
}
.collection .itemArea .item .detail > p .bold {
	font-weight: bold;
}
.collection .itemArea .item .styling {
	margin-bottom: 2rem;
	font-size: 1.5rem;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.collection .itemArea .item .styling span {
	font-size: 2.1rem;
	font-weight: bold;
}
@media (max-width: 768px) {
	.collection .topTtl > p:first-child {
		width: 37rem;
	}
	.collection .lead {
		font-size: 2.2rem;
		line-height: 3.4rem;
	}
	.collection .itemArea .item .txtBox .num {
		font-size: 2.9rem;
	}
	.collection .itemArea .item .itemLead {
		font-size: 3.2rem;
		line-height: 4.6rem;
	}
	.collection .itemArea .item .itemTxt {
		margin-top: 3rem;
		line-height: 3.2rem;
	}
	.collection .itemArea .item .detail {
		margin-top: 3rem;
		font-size: 1.9rem;
		line-height: 2.8rem;
	}
	.collection .itemArea .item .detail > p + p {
		margin-top: 2rem;
	}
	.collection .itemArea .item .detail > p .iconT {
		padding: 0 1.5rem;
		font-size: 1.7rem;
	}
	.collection .itemArea .item .detail > p .shop {
		font-size: 1.6rem;
	}
	.collection .itemArea .item .styling {
		margin-bottom: 3.5rem;
		font-size: 2.1rem;
		text-align: center;
	}
	.collection .itemArea .item .styling span {
		font-size: 3.4rem;
	}
}

/* item01 */
.collection .itemArea .item01 .itemWrap01 {
	display: flex;
	justify-content: center;
	gap: 0 5.5rem;
}
.collection .itemArea .item01 .itemPic01 {
	width: 44.5rem;
}
.collection .itemArea .item01 .box {
	width: 23.6rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.collection .itemArea .item01 .itemPic02 {
	margin-left: auto;
	width: 18rem;
}
.collection .itemArea .item01 .txtBox {
	margin-top: 2.5rem;
}
.collection .itemArea .item01 .itemWrap02 {
	margin-top: 8rem;
	display: flex;
	align-items: flex-end;
	gap: 0 3rem;
	background-image: url(/base/pc/store/special/salonlechic_men/2024ss/img/collection/item01_bg.png);
	background-repeat: no-repeat;
	background-size: 18.8rem auto;
	background-position: right bottom;
}
.collection .itemArea .item01 .itemPic03 {
	width: 28.3rem;
}
.collection .itemArea .item01 .itemWrap02 .txtBox {
	width: 22.7rem;
	font-size: 1.2rem;
	line-height: 2.1rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item01 .itemWrap01 {
		flex-direction: column;
		gap: 8rem 0;
	}
	.collection .itemArea .item01 .itemPic01 {
		width: 100%;
	}
	.collection .itemArea .item01 .box {
		padding: 0 6rem;
		width: 100%;
		gap: 6rem 0;
	}
	.collection .itemArea .item01 .itemPic02 {
		margin: 0 auto;
		width: 45rem;
	}
	.collection .itemArea .item01 .txtBox {
		margin-top: 0;
	}
	.collection .itemArea .item01 .itemWrap02 {
		padding: 0 6rem 50rem;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 4rem 0;
		background-size: 22.2rem auto;
		background-position: center bottom;
	}
	.collection .itemArea .item01 .itemPic03 {
		margin: 0 auto;
		width: 45rem;
	}
	.collection .itemArea .item01 .itemWrap02 .txtBox {
		width: 100%;
		font-size: 2.1rem;
		line-height: 3.2rem;
	}
}

/* item02,item03 */
.collection .itemArea .item02 .itemWrap {
	display: flex;
	flex-direction: row-reverse;
	gap: 0 6rem;
}
.collection .itemArea .item02 .itemPic {
	width: 44.5rem;
}
.collection .itemArea .item02 .txtBox {
	width: 23.5rem;
}
.collection .itemArea .item02 .txtBox .num03 {
	margin-top: 2rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item02 .itemWrap {
		flex-direction: column;
		gap: 6rem 0;
		padding: 0 6rem;
	}
	.collection .itemArea .item02 .itemPic {
		width: 100%;
	}
	.collection .itemArea .item02 .txtBox {
		width: 100%;
	}
	.collection .itemArea .item02 .txtBox .num03 {
		margin-top: 5rem;
	}
}

/* item04 */
.collection .itemArea .item04 .itemWrap {
	display: flex;
	align-items: flex-end;
	gap: 0 5.5rem;
}
.collection .itemArea .item04 .itemPic {
	width: 44.5rem;
}
.collection .itemArea .item04 .txtBox {
	width: 23rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item04 .itemWrap {
		flex-direction: column;
		gap: 6rem 0;
		padding: 0 6rem;
	}
	.collection .itemArea .item04 .itemPic {
		width: 100%;
	}
	.collection .itemArea .item04 .txtBox {
		width: 100%;
	}
}

/* item05 */
.collection .itemArea .item05 .itemWrap01 {
	margin: 0 auto;
	width: 53.6rem;
	display: flex;
	flex-direction: column;
	gap: 3rem 0;
}
.collection .itemArea .item05 .itemWrap02 {
	margin-top: 8rem;
	margin-right: -5rem;
	display: flex;
	gap: 0 3rem;
	background-image: url(/base/pc/store/special/salonlechic_men/2024ss/img/collection/item05_bg.png);
	background-repeat: no-repeat;
	background-size: 19.2rem auto;
	background-position: right bottom;
}
.collection .itemArea .item05 .itemPic02 {
	width: 28.3rem;
}
.collection .itemArea .item05 .itemWrap02 .txtBox {
	width: 23.7rem;
	line-height: 2.3rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item05 .itemWrap01 {
		width: 100%;
		gap: 6rem 0;
	}
	.collection .itemArea .item05 .itemWrap01 .txtBox {
		padding: 0 6rem;
	}
	.collection .itemArea .item05 .itemWrap02 {
		margin-top: 15rem;
		margin-right: 0;
		padding: 0 6rem 48rem;
		flex-direction: column;
		gap: 6rem 0;
		background-size: 25.2rem auto;
		background-position: center bottom;
	}
	.collection .itemArea .item05 .itemPic02 {
		margin: 0 auto;
		width: 45rem;
	}
	.collection .itemArea .item05 .itemWrap02 .txtBox {
		width: 100%;
		font-size: 2.1rem;
		line-height: 3.2rem;
	}
}

/* item06 */
.collection .itemArea .item06 .itemWrap {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	gap: 0 5.5rem;
}
.collection .itemArea .item06 .itemPic {
	width: 44.5rem;
}
.collection .itemArea .item06 .txtBox {
	width: 23.4rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item.item06 {
		margin-top: 8rem;
		padding: 0 6rem;
	}
	.collection .itemArea .item06 .itemWrap {
		flex-direction: column;
		align-items: flex-start;
		gap: 6rem 0;
	}
	.collection .itemArea .item06 .itemPic {
		width: 100%;
	}
	.collection .itemArea .item06 .txtBox {
		width: 100%;
	}
}

/* item07 */
.collection .itemArea .item07 .itemWrap {
	display: flex;
	gap: 0 5rem;
}
.collection .itemArea .item07 .itemPic {
	width: 48.4rem;
}
.collection .itemArea .item07 .txtBox {
	width: 20.2rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item07 .itemWrap {
		flex-direction: column;
		gap: 6rem 0;
	}
	.collection .itemArea .item07 .itemPic {
		width: 100%;
	}
	.collection .itemArea .item07 .txtBox {
		padding: 0 6rem;
		width: 60%;
	}
}

/* item08 */
.collection .itemArea .item.item08 {
	margin-top: 1rem;
}
.collection .itemArea .item08 .itemWrap {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	gap: 0 5rem;
}
.collection .itemArea .item08 .itemPic {
	margin-left: auto;
	width: 20.6rem;
}
.collection .itemArea .item08 .txtBox {
	width: 38.7rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item.item08 {
		margin-top: -38rem;
	}
	.collection .itemArea .item08 .itemWrap {
		padding: 0 6rem;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12rem 0;
	}
	.collection .itemArea .item08 .itemPic {
		margin-left: auto;
		width: 26.2rem;
	}
	.collection .itemArea .item08 .txtBox {
		width: 100%;
	}
}

/* item09 */
.collection .itemArea .item09 .itemWrap01 {
	margin: 0 auto;
	width: 53.6rem;
	display: flex;
	flex-direction: column;
	gap: 3rem 0;
}
.collection .itemArea .item09 .itemWrap02 {
	margin-top: 8rem;
	margin-right: -5rem;
	display: flex;
	align-items: flex-end;
	gap: 0 3rem;
	background-image: url(/base/pc/store/special/salonlechic_men/2024ss/img/collection/item09_bg.png);
	background-repeat: no-repeat;
	background-size: 15.3rem auto;
	background-position: right bottom;
}
.collection .itemArea .item09 .itemPic02 {
	width: 28.3rem;
}
.collection .itemArea .item09 .itemWrap02 .txtBox {
	width: 22.7rem;
	font-size: 1.2rem;
	line-height: 2.1rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item09 .itemWrap01 {
		width: 100%;
		gap: 6rem 0;
	}
	.collection .itemArea .item09 .itemWrap01 .txtBox {
		padding: 0 6rem;
	}
	.collection .itemArea .item09 .itemWrap02 {
		margin-top: 15rem;
		margin-right: 0;
		padding: 0 6rem 46rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 6rem 0;
		background-size: 18rem auto;
		background-position: center bottom;
	}
	.collection .itemArea .item09 .itemPic02 {
		margin: 0 auto;
		width: 45rem;
	}
	.collection .itemArea .item09 .itemWrap02 .txtBox {
		width: 100%;
		font-size: 2.1rem;
		line-height: 3.2rem;
	}
}

/* item10 */
.collection .itemArea .item10 .itemWrap {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	gap: 0 5rem;
}
.collection .itemArea .item10 .itemPic {
	width: 44.5rem;
}
.collection .itemArea .item10 .txtBox {
	width: 23.3rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item.item10 {
		margin-top: 8rem;
	}
	.collection .itemArea .item10 .itemWrap {
		padding: 0 6rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 6rem 0;
	}
	.collection .itemArea .item10 .itemPic {
		width: 100%;
	}
	.collection .itemArea .item10 .txtBox {
		width: 100%;
	}
}

/* item11 */
.collection .itemArea .item11 .itemWrap {
	display: flex;
	align-items: flex-end;
	gap: 0 5rem;
}
.collection .itemArea .item11 .itemPic {
	width: 44.5rem;
}
.collection .itemArea .item11 .txtBox {
	width: 23.2rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item11 .itemWrap {
		padding: 0 6rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 6rem 0;
	}
	.collection .itemArea .item11 .itemPic {
		width: 100%;
	}
	.collection .itemArea .item11 .txtBox {
		width: 100%;
	}
}

/* item12 */
.collection .itemArea .item12 .itemWrap {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	gap: 0 5rem;
}
.collection .itemArea .item12 .itemPic {
	width: 44.5rem;
}
.collection .itemArea .item12 .txtBox {
	margin-bottom: 2rem;
	width: 23.2rem;
}
@media (max-width: 768px) {
	.collection .itemArea .item12 .itemWrap {
		padding: 0 6rem;
		flex-direction: column;
		align-items: flex-start;
		gap: 6rem 0;
	}
	.collection .itemArea .item12 .itemPic {
		width: 100%;
	}
	.collection .itemArea .item12 .txtBox {
		width: 100%;
	}
}


/* footTxt */
.footTxt {
	margin: 20rem auto 0;
	padding: 0 0 6rem;
	width: 100%;
}
@media (max-width: 768px) {

	.footTxt {
		margin: 20rem 0 0;
		padding: 0 6rem 4.5rem;
	}
}