@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .articlePhoto02 {
	margin-bottom: -3rem;
}
#main .articlePhoto03 {
	margin-bottom: 3rem;
}
#main .articlePhoto04 {
	margin: 0 2.9rem 4rem 3rem;
}
#main .articlePhoto05 {
	margin: 0 3rem 4.7rem;
}
#main .articlePhoto07 {
	margin-bottom: 3rem;
}
#main .articlePhoto08 {
	margin-bottom: 3rem;
}
#main .articlePhoto09 {
	margin-bottom: 3rem;
}
#main .articlePhoto10 {
	margin-bottom: 3.9rem;
}
#main .ambassador {
	padding: 8rem 2rem 5rem;
}
#main .ambassador h2 {
	width: 23.5rem;
	margin: 0 auto 3.6rem;
}
#main .ambassador h3 {
	width: 23.8rem;
	margin: 0 auto 2rem;
}
#main .ambassador .ambassadorJsBox {
	margin-bottom: 3rem;
}
#main .ambassador .slick-list {
	border-radius: 2rem;
}
#main .ambassador .slick-slide > div img {
	border-radius: 2rem;
}
#main .ambassador .ambassadorJsBox ul a:hover {
	opacity: 0.7;
}
#main .ambassador .slick-dots {
	text-align: center;
	margin-top: 0.6rem;
}
#main .ambassador .slick-dots li {
	margin: 0 0.35rem;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100vmax;
	cursor: pointer;
	background-color: #DCD3CF;
}
#main .ambassador .slick-dots li button {
	display: none;
}
#main .ambassador .slick-dots li.slick-active {
	background-color: #544B45;
}
#main .ambassador .textImg {
	margin: 0 1rem;
}
#main .catalogue {
	padding: 5.1rem 3rem;
	background: #FFFAF4;
}
#main .catalogue h2 {
	width: 27.2rem;
	margin: 0 auto 3.4rem;
}
#main .catalogue .textImg {
	margin-bottom: 5rem;
}
.popList li {
	overflow: hidden;
	border-radius: 1rem;
	position: relative;
}
.popList li .link {
	position: absolute;
	inset: 0;
}
.popList a:not([class]) {
	padding: 1.2rem 1.8rem 1rem;
	align-items: center;
}
.popList a:not([class]):hover {
	opacity: 1;
}
.popList .photoBox {
	margin-right: 1.7rem;
	width: 10rem;
	aspect-ratio: 100 / 125;
}
.popList .photoBox img {
	object-fit: contain;
}
.popList .textBox {
	padding-top: 0;
	padding-right: 0;
}
@media all and (min-width: 897px) {
	.subContainer {
		padding-top: 0;
	}
	.popList li:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	.containerBox {
		margin-bottom: 1rem;
		padding-top: 0;
	}
	#main .catalogue h2 {
		width: 55.5vw;
	}
	#main .ambassador h2 {
		width: 58.75vw;
	}
	#main .ambassador h3 {
		width: 59.5vw;
	}
}