:root {
	--font-beb: "Bebas Neue", sans-serif;
	--color-black: #231815;
	--color-prp: #922088;
	--color-org: #EF8200;
	--color-pk: #E7456A;
}

.p-top figure {
	margin: 0;
}
.p-top .c-ticket img {
	animation: floating-y 2.8s ease-in-out infinite alternate;
}
.p-top .c-ticket img.-rev {
	animation: floating-y2 2.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
	0% {
		transform: rotate(5deg);
	}
	50% {
		transform: rotate(-5deg);
	}
	100% {
		transform: rotate(5deg);
	}
}
@keyframes floating-y2 {
	0% {
		transform: rotate(-5deg);
	}
	50% {
		transform: rotate(5deg);
	}
	100% {
		transform: rotate(-5deg);
	}
}
.p-top-tryon {
	padding: clamp(18px, 13.6px + 1.375vw, 40px);
	background-color: rgba(255, 246, 207, 0.9);
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.p-top-tryon h2 {
	width: 100%;
	margin-block-end: clamp(15px, 13px + 0.625vw, 25px);
}
.p-top-tryon figure {
	position: absolute;
	width: 24%;
	right: clamp(18px, 13.6px + 1.375vw, 40px);
	top: clamp(18px, 13.6px + 1.375vw, 40px);
}
@media screen and (max-width: 767px) {
	.p-top-tryon figure {
		width: 32%;
	}
}
.p-top-tryon figure.c-ticket {
	position: static;
	width: 30%;
}
@media screen and (max-width: 767px) {
	.p-top-tryon figure.c-ticket {
		width: 57%;
		margin-inline: auto;
		margin-block-end: 20px;
	}
}
.p-top-tryon dl {
	width: 42%;
	margin-block-end: clamp(10px, 7px + 0.9375vw, 25px);
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
	.p-top-tryon dl {
		width: 100%;
	}
}
.p-top-tryon dl dt {
	font-size: clamp(14px, 12.8px + 0.375vw, 20px);
	line-height: 1.55;
	margin-block-end: clamp(5px, 4px + 0.3125vw, 10px);
}
@media screen and (max-width: 767px) {
	.p-top-tryon dl dt {
		line-height: 1.35;
	}
}
.p-top-tryon dl dd {
	font-size: clamp(11px, 10.4px + 0.1875vw, 14px);
	line-height: 1.1;
}
@media screen and (max-width: 767px) {
	.p-top-tryon dl dd {
		line-height: 1.3;
	}
}
.p-top-tryon P {
	width: 100%;
}
.p-top-tryon P a {
	display: grid;
	height: 60px;
	place-items: center;
	background: #E7456D;
}
@media screen and (max-width: 767px) {
	.p-top-tryon P a {
		height: 47px;
	}
	.p-top-tryon P a img {
		width: 145px !important;
	}
}
.p-top-beautycamp {
	padding: clamp(18px, 13.6px + 1.375vw, 40px);
	background-color: rgba(252, 232, 215, 0.9);
}
.p-top-beautycamp figure.c-ticket {
	position: absolute;
	width: 30%;
	right: 15px;
	top: 50px;
}
@media screen and (max-width: 767px) {
	.p-top-beautycamp figure.c-ticket {
		position: static;
		width: 57%;
		margin-inline: auto;
	}
}
.p-top-beautycamp h2 {
	margin-block-end: clamp(15px, 12px + 0.9375vw, 30px);
}
.p-top-beautycamp p:nth-of-type(1) {
	font-size: clamp(15px, 13.6px + 0.4375vw, 22px);
	font-weight: 600;
	line-height: 1.45;
	margin-block-end: clamp(10px, 8px + 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
	.p-top-beautycamp p:nth-of-type(1) {
		padding-inline-end: 30%;
	}
	.p-top-beautycamp p:nth-of-type(1) br {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.p-top-beautycamp p:nth-of-type(1) {
		padding: 0;
	}
}
.p-top-beautycamp p.c-more a {
	display: grid;
	height: 60px;
	place-items: center;
	background: #EB6D8E;
}
@media screen and (max-width: 767px) {
	.p-top-beautycamp p.c-more a {
		height: 47px;
	}
	.p-top-beautycamp p.c-more a img {
		width: 145px !important;
	}
}
.p-top-beautycamp dl {
	margin-block-end: clamp(15px, 14px + 0.3125vw, 20px);
}
.p-top-beautycamp dl dt {
	margin-block-start: clamp(15px, 12px + 0.9375vw, 30px);
	margin-block-end: clamp(10px, 9px + 0.3125vw, 15px);
	text-align: left;
	/*font-size: myClamp(18,26);
	font-weight: 700;
	span{
	    color: #fff;
	    line-height: 1;
	    display: inline-block;
	    position: relative;
	    &:before{
	        content: "";
	        position: absolute;
	        z-index: -1;
	        width: 100%;
	        height: calc(100% + 4px);
	        background-color: #EB6D8E;
	        left: 0;
	        top: -4px;
	        @include me{
	            top: -1px;
	        }
	    }
	}*/
}
@media screen and (max-width: 767px) {
	.p-top-beautycamp dl dt img {
		width: auto !important;
		height: 19px;
	}
}
.p-top-beautycamp dl dd {
	font-size: clamp(14px, 12.8px + 0.375vw, 20px);
	line-height: 1.5;
	font-feature-settings: "palt";
	margin-block-end: clamp(5px, 4px + 0.3125vw, 10px);
}
@media screen and (max-width: 767px) {
	.p-top-beautycamp dl dd {
		line-height: 1.35;
	}
}
.p-top-beautycamp dl dd em {
	font-style: normal;
	color: #E60012;
	display: block;
}
@media screen and (max-width: 767px) {
	.p-top-beautycamp dl dd img {
		width: 84% !important;
		height: auto;
	}
}
.p-top-beautycamp ul {
	font-size: clamp(11px, 10.4px + 0.1875vw, 14px);
	line-height: 1.2;
}
@media screen and (max-width: 767px) {
	.p-top-beautycamp ul {
		line-height: 1.35;
	}
}
.p-top-beautycamp hr {
	border: none;
	margin-block: clamp(30px, 28px + 0.625vw, 40px);
	border-top: 1px solid #231815;
}
.p-top-beautycamp h3 {
	margin-block-end: clamp(25px, 22px + 0.9375vw, 40px);
}
.p-top-runway {
	padding: clamp(18px, 13.6px + 1.375vw, 40px);
	background-color: rgba(251, 235, 252, 0.9);
}
.p-top-runway p {
	font-size: clamp(14px, 12.8px + 0.375vw, 20px);
	line-height: 1.5;
	margin-block-start: clamp(15px, 13px + 0.625vw, 25px);
	margin-block-end: clamp(10px, 6px + 1.25vw, 30px);
}
@media screen and (max-width: 767px) {
	.p-top-runway p {
		display: flex;
		line-height: 1.35;
	}
	.p-top-runway p.flex-none {
		display: block;
	}
	.p-top-runway p.flex-none::after {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.p-top-runway p:after {
		content: "";
		background-image: url(../images/top/runway-img01b-sp.webp);
		background-size: cover;
		aspect-ratio: 200/264;
		width: 33%;
		display: block;
		flex-shrink: 0;
		margin-block-start: -8.5%;
	}
}
.p-top-runway__guest {
	display: grid;
	grid-template: "pic tl" max-content "pic txt" 1fr/25% 75%;
	margin-block-end: clamp(20px, 18px + 0.625vw, 30px);
}
@media screen and (max-width: 767px) {
	.p-top-runway__guest {
		grid-template: "pic tl" max-content "pic txt" 1fr/33% 67%;
	}
}
.p-top-runway__guest h3 {
	grid-area: tl;
	font-family: var(--font-beb);
	font-size: clamp(22px, 19.2px + 0.875vw, 36px);
	color: var(--color-prp);
	line-height: 1;
	padding-inline-start: clamp(10px, 8px + 0.625vw, 20px);
	padding-block-end: 5px;
	border-bottom: 1px solid var(--color-black);
}
.p-top-runway__guest figure {
	grid-area: pic;
}
.p-top-runway__guest dl {
	grid-area: txt;
	padding-inline-start: clamp(10px, 8px + 0.625vw, 20px);
	padding-block-start: 10px;
}
.p-top-runway__guest dl dt {
	font-size: clamp(14px, 12.4px + 0.5vw, 22px);
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.p-top-runway__guest dl dt rt {
		font-size: 70%;
	}
}
.p-top-runway__guest dl dd {
	font-size: clamp(13px, 12px + 0.3125vw, 18px);
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.p-top-runway__guest dl dd {
		line-height: 1.35;
	}
}
.p-top-runway__model h3 {
	font-size: clamp(13px, 11.6px + 0.4375vw, 20px);
	font-weight: 700;
	padding-block-end: 5px;
	border-bottom: 1px solid var(--color-black);
	margin-block-end: clamp(10px, 7px + 0.9375vw, 25px);
}
@media screen and (max-width: 767px) {
	.p-top-runway__model h3 {
		padding-block-end: 0;
		border: none;
	}
}
.p-top-runway__model h3 span {
	font-family: var(--font-beb);
	line-height: 1;
	font-size: clamp(22px, 19.2px + 0.875vw, 36px);
	color: var(--color-prp);
	display: inline-block;
	margin-inline-end: 0.5em;
}
@media screen and (max-width: 767px) {
	.p-top-runway__model h3 span {
		display: block;
		margin: 0 0 5px 0;
		padding-block-end: 5px;
		border-bottom: 1px solid var(--color-black);
	}
}
.p-top-runway ul {
	width: 95%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 22px;
}
@media screen and (max-width: 767px) {
	.p-top-runway ul {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px 3%;
	}
}
.p-top-runway ul li a, .p-top-runway ul li p {
	margin: 0;
}
.p-top-runway ul li a img, .p-top-runway ul li p img {
	display: block;
	margin-block-end: clamp(5px, 4px + 0.3125vw, 10px);
}
.p-top-runway ul li a em, .p-top-runway ul li p em {
	font-style: normal;
	font-family: var(--font-beb);
	line-height: 1;
	font-size: clamp(16px, 13.6px + 0.75vw, 28px);
	color: var(--color-prp);
	text-align: center;
	display: block;
}
.p-top-runway ul li a span, .p-top-runway ul li p span {
	display: block;
	text-align: center;
	font-feature-settings: "palt";
	font-size: clamp(11px, 9.2px + 0.5625vw, 20px);
}
.p-top-runway ul li a:hover {
	text-decoration: none;
}
.p-top-runway ul li:last-of-type {
	width: 122%;
}
@media screen and (max-width: 767px) {
	.p-top-runway ul li:last-of-type {
		width: 120%;
	}
}
.p-top-workshop {
	padding: clamp(18px, 13.6px + 1.375vw, 40px);
	background-color: rgba(248, 249, 222, 0.9);
}
.p-top-workshop h2 {
	margin-block-end: clamp(15px, 13px + 0.625vw, 25px);
}
.p-top-workshop__box {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-top-workshop__box {
		display: table;
	}
}
.p-top-workshop__box figure {
	width: 24%;
}
@media screen and (max-width: 767px) {
	.p-top-workshop__box figure {
		width: 39%;
		float: right;
		margin: 0 0 10px 10px;
	}
}
.p-top-workshop__box figure figcaption {
	margin-block-start: clamp(5px, 4px + 0.3125vw, 10px);
	text-align: right;
	font-size: clamp(11px, 10.4px + 0.1875vw, 14px);
}
.p-top-workshop__box p {
	width: 72%;
	font-size: clamp(14px, 12.8px + 0.375vw, 20px);
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.p-top-workshop__box p {
		width: 100%;
		line-height: 1.35;
	}
}
.p-top-workshop__box:nth-of-type(2) p {
	font-size: clamp(13px, 12px + 0.3125vw, 18px);
}
.p-top-workshop h3 {
	margin-block-start: -75px;
	margin-block-end: clamp(10px, 8px + 0.625vw, 20px);
	width: 72%;
	font-family: var(--font-beb);
	font-size: clamp(22px, 19.2px + 0.875vw, 36px);
	color: var(--color-org);
	line-height: 1;
	padding-block-end: 5px;
	border-bottom: 1px solid var(--color-black);
}
@media screen and (max-width: 767px) {
	.p-top-workshop h3 {
		margin-block-start: 25px;
		width: 100%;
	}
}
.p-top-workshop h4 {
	font-weight: 700;
	font-size: clamp(12px, 10.8px + 0.375vw, 18px);
	line-height: 1.5;
	margin-block-end: clamp(5px, 3px + 0.625vw, 15px);
}
.p-top-workshop h4 em {
	font-size: clamp(14px, 12.4px + 0.5vw, 22px);
	display: block;
	font-style: normal;
}
.p-top-performance {
	padding: clamp(18px, 13.6px + 1.375vw, 40px);
	background-color: rgba(249, 222, 222, 0.9);
}
.p-top-performance p {
	font-size: clamp(14px, 12.8px + 0.375vw, 20px);
	line-height: 1.5;
	margin-block-start: clamp(15px, 13px + 0.625vw, 25px);
	margin-block-end: clamp(20px, 18px + 0.625vw, 30px);
}
@media screen and (max-width: 767px) {
	.p-top-performance p {
		line-height: 1.35;
	}
}
.p-top-performance__profile {
	display: grid;
	grid-template: "pic tl" max-content "pic txt" 1fr/35% 65%;
}
@media screen and (max-width: 767px) {
	.p-top-performance__profile {
		display: flex;
		flex-direction: column;
	}
}
.p-top-performance__profile h3 {
	grid-area: tl;
	font-family: var(--font-beb);
	font-size: clamp(22px, 19.2px + 0.875vw, 36px);
	color: var(--color-pk);
	line-height: 1;
	padding-inline-start: clamp(10px, 8px + 0.625vw, 20px);
	padding-block-end: 5px;
	border-bottom: 1px solid var(--color-black);
}
@media screen and (max-width: 767px) {
	.p-top-performance__profile h3 {
		padding-inline-start: 0;
		order: 2;
	}
}
.p-top-performance__profile figure {
	grid-area: pic;
}
@media screen and (max-width: 767px) {
	.p-top-performance__profile figure {
		order: 1;
	}
}
.p-top-performance__profile figure figcaption {
	font-size: clamp(11px, 10.4px + 0.1875vw, 14px);
}
@media screen and (max-width: 767px) {
	.p-top-performance__profile figure figcaption {
		text-align: right;
	}
}
.p-top-performance__profile dl {
	grid-area: txt;
	padding-inline-start: clamp(10px, 8px + 0.625vw, 20px);
	padding-block-start: clamp(5px, 4px + 0.3125vw, 10px);
}
@media screen and (max-width: 767px) {
	.p-top-performance__profile dl {
		order: 3;
		padding-inline-start: 0;
	}
}
.p-top-performance__profile dl dt {
	font-size: clamp(14px, 12.4px + 0.5vw, 22px);
	font-weight: 600;
}
.p-top-performance__profile dl dd {
	font-size: clamp(13px, 12px + 0.3125vw, 18px);
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.p-top-performance__profile dl dd {
		line-height: 1.35;
	}
}/*# sourceMappingURL=top.css.map */