@charset "utf-8";

/*  */
main .inner {
	background: url(/base/pc/store/special/pierre_cardin/2025aw/img/top/bg_icon.png) repeat 0px 15px, #306282;
}
main h1 {
	margin: 0 auto;
	padding-top: 170px;
	width: 645px;
}

/* links */
main .links {
	margin-top: 186px;
	font-size: 54px;
	font-family: "Hind", sans-serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
}
main .links li + li {
	margin-top: 4.5rem;
}
main .links li:nth-child(3) {
	margin-top: 6.5rem;
}
main .links .hidden {
	visibility: hidden;
}

/* sign */
main .sign {
	padding-top: 140px;
	padding-bottom: 85px;
	text-align: center;
}

/* modal */
.micromodal-slide {
	display: none;
}
.micromodal-slide.is-open {
	display: block;
}
.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100;
}
.modal__container {
	background-color: #fff;
	width: 95%;
	max-width: 750px;
	max-height: 92%;
	background: url(/base/pc/store/special/pierre_cardin/2025aw/img/top/bg.png) repeat-y top center;
	background-size: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling : touch;
}
.modalBox div {
	margin: 40px 35px;
	padding: 40px 25px 30px;
	background-color: #fff;
	text-align: center;
}
.modalBox .note {
	color: #36318f;
	margin-top: 13px;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	font-weight: 500;
}
.modalBox .modalClose {
	position: absolute;
	top: 70px;
	right: 50px;
	width: 45px;
	height: 45px;
	cursor: pointer;
}
.modalBox .modalClose:before,
.modalBox .modalClose:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 4px;
	transform: translate(-50%,-50%) rotate(45deg);
	background-color: #36318f;
}
.modalBox .modalClose:after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
@media screen and (max-width: 480px) {
	.modal__container {
		max-height: 90vh;
		max-width: 300px;
	}
}
@keyframes mmfadeIn {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
}
@keyframes mmfadeOut {
	from {
	opacity: 1;
	}
	to {
	opacity: 0;
	}
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
	animation: mmfadeIn 0.75s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
	animation: mmslideIn 0.75s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
	animation: mmfadeOut 1s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
	animation: mmslideOut 1s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
	will-change: transform;
}