html {
	box-sizing:border-box
}

body {
	line-height: 1.5;
	-webkit-font-smoothing:antialiased
}

*, * :before, * :after {
	box-sizing:inherit
}

* {
	margin:0
}

input, button, textarea, select {
	font:inherit
}

p, h1, h2, h3, h4, h5, h6 {
	word-wrap:break-word
}

html {
	overflow-y: scroll;
	font-size:calc(100vw / var(--DESIGN_SP))
}

@media (min-width: 768px) {
	html {
		font-size:calc(100vw / var(--DESIGN_PC))
	}
}

body:not(.TRANS_ENTER_COMPLETE) {
	cursor:wait
}

html.lenis {
	height:auto
}

.lenis.lenis-smooth {
	scroll-behavior:auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior:contain
}

.lenis.lenis-scrolling iframe {
	pointer-events:none
}

@font-face {
	font-family: OvemagaCommissionerSlash;
	src: url(data:font/woff;base64,d09GRgABAAAAAASAAAwAAAAACZAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABHAAAAEkAAABgbrSEu2NtYXAAAAFoAAAALwAAADQAUABOZ2FzcAAAAZgAAAAIAAAACAAAABBnbHlmAAABoAAAAGAAAABgQnJz1WhlYWQAAAIAAAAANgAAADYYOfDCaGhlYQAAAjgAAAAeAAAAJAwBBldobXR4AAACWAAAAAwAAAAMDNoDMWxvY2EAAAJkAAAADwAAABAAAACYbWF4cAAAAnQAAAAdAAAAIAAOAIpuYW1lAAAClAAAAc0AAAcIg2YMZHBvc3QAAARkAAAAEwAAACD/nwAycHJlcAAABHgAAAAHAAAAB2gGjIV42mNgYZnItIeBlYGBVYRlAwMDwzQIDRQzYgpkQAWMyBxPF28nhgUMCgz67J/+pTAwcFYweSkwMM4HyTHfYZ0EpBQYGAAu+AxYAAAAeNpjYGBgZGAGYgYGHgYWBg0gzQakGRmYGBQY9P//B/LB9P+H/y+DVQEBAIP/CJgAAAEAAf//AA8AAQGSAnICbgNOAAMAAAERIREBkgDcAnIA3P8kAAEAIAAAA20FkgAQAAAzNjY3EzY2NyEOAgcDBgYHICtRNsE4VSwBIR45PibANVIrb9GIAfCN2nNNkZ9i/hWI0W8AAAAAAQAAAAEAADJ3cyBfDzz1AAEH0AAAAADaGontAAAAANt9HHcAIAAAA20FkgABAAYAAgABAAAAAHjaY2BkYGD/9C8FSF5gUGCQZ37LABRBAcwAc+UEZwAAB9ADEQF+AAADjAAgeNpjYAADGShOAAAB+ACZAHjaY2BkYGBgZhBkYGQoY2BjAPEQgJmBCQAMjACZAAAAeNrtkz9P20AYh38X20RV1UodYahuhMV2ssGGIqSOEUIMHUqdyLINMRfdnZFgYGToCAMrQ0dGFqT2C3Rk6JfoV+jQn513QKoyZOnQNif7nvffc4otA9DqCgqL33teC1ZYZ7TgHvpwwgHzF8Ih+UY4wivcC68x/yjcJz+RFV52/h/C9Ks9YfrVB2H6VS5Mv7oUpl/dCtOvPgvTr75ySoUv6H9Q34UVhr1Pwj287n0RDpj/JhySfwpH2Ahi4TUMg3fCffJFx29af3AvTH/4UZj+8FqY/vBOmP7wSZj+KBSmP3orTH80Hpn5ua2K0uthOtjWB2WuR6auK+cqc5pbPbbmOJ96vdv40linN0vv524nSYrKl80knpo6OTFuklnvkueTW+Ysr7MiO5o+S7pZ5sr9vGhmmV1aX1o45M5ID+I0TVcf/4f+KkYwmOMcFhUKlPDQGCLFANukA2Zy7m1XzVXxG3O8G5wyb1kZ825wzGjaze6i4V4yZ9mpsdk5Pc9w2EHCVXC+7WgwQcyp1pzghLtjJuOcJyVLz9winZFq9ha8jsTxe6fDjHXHs/YZFzxx1vlXn1994lDiRU3zecZ8qu36E6f/f6t/4Vv9BUOkiQ4AAAB42mNgZgCD/3MYjBiwAAAqgwHRALgB/4WwBI0A) format("woff");
	font-weight: 400;
	font-style:normal
}

.ArrowUpperRight {
	fill:var(--COLOR_BASE)
}

.Button {
	-webkit-text-decoration: none;
	text-decoration: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: calc(13 * var(--ONE_UNIT)) calc(17 * var(--ONE_UNIT));
	background-color: #fff;
	min-width: calc(230 * var(--ONE_UNIT));
	border-radius: calc(8 * var(--ONE_UNIT));
	border:1px solid #000
}

.Button__icon {
	width: calc(196.48 * var(--ONE_UNIT));
	height:auto
}

.Hamburger__bg {
	fill:var(--COLOR_HEADER)
}

.Hamburger__icon, .Hamburger__text {
	fill:var(--COLOR_BASE)
}

.Hamburger__bg, .Hamburger__icon, .Hamburger__text {
	transition:fill 0s 1s
}

.PAGE_DETAIL .Hamburger__bg {
	fill:#000
}

.PAGE_DETAIL .Hamburger__icon, .PAGE_DETAIL .Hamburger__text {
	fill:#fff
}

.Hamburger__top {
	translate: 0px 0px;
	transition:.3s translate cubic-bezier(.34, 1.56, .64, 1)
}

.Hamburger__eyes {
	scale: 1 0;
	transition: .3s scale cubic-bezier(.34, 1.56, .64, 1);
	transform-origin:50% 50%
}

.Hamburger__bottom {
	translate: 0px 0px;
	transition:.3s translate cubic-bezier(.34, 1.56, .64, 1)
}

body:not(.STATE_MOBILE) .Hamburger:hover .Hamburger__top {
	translate:0px -6px
}

body:not(.STATE_MOBILE) .Hamburger:hover .Hamburger__eyes {
	scale:1 1
}

body:not(.STATE_MOBILE) .Hamburger:hover .Hamburger__bottom {
	translate:0px 7px
}

.HamburgerClose__bg {
	fill: var(--COLOR_BASE);
	stroke:none
}

.HamburgerClose__icon, .HamburgerClose__text {
	fill: var(--COLOR_HEADER);
	stroke:none
}

.Logo {
	width: 100%;
	height:auto
}

.PAGE_TOP.TRANS_ENTER_COMPLETE .Logo, .PAGE_TOP.TRANS_LEAVE .Logo {
	fill:var(--COLOR_HEADER)
}

.PAGE_DETAIL.TRANS_ENTER_COMPLETE .Logo, .PAGE_DETAIL.TRANS_LEAVE .Logo {
	fill:#000
}

.PAGE_ERROR.TRANS_ENTER_COMPLETE .Logo, .PAGE_ERROR.TRANS_LEAVE .Logo {
	fill:var(--COLOR_HEADER)
}

.Header.active .Logo {
	fill:var(--COLOR_MAIN)
}

.PDF__bg {
	stroke: var(--COLOR_BASE);
	fill:transparent
}

.PDF__triangle {
	stroke:var(--COLOR_BASE)
}

.PDF__text {
	fill:var(--COLOR_BASE)
}

.Separator {
	position: relative;
	display: inline-block;
	width: calc(120 * var(--ONE_UNIT));
	height:calc(40 * var(--ONE_UNIT))
}

.Separator:before, .Separator:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #000;
	background-color:var(--detail-textColor, #000)
}

.Separator:before {
	width: calc(120 * var(--ONE_UNIT));
	height: 1px;
	translate:-50% -50%
}

.Separator:after {
	width: 1px;
	height: calc(40 * var(--ONE_UNIT));
	translate:-50% -50%
}

.Batch {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height:100%
}

.Batch__icon {
	width: 100%;
	height:auto
}

.Batch__icon > img, .Batch__icon > svg {
	width: 100%;
	height:100%
}

.Batch__text {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 78%;
	height: 100%;
	padding: calc(2 * var(--ONE_UNIT)) calc(6 * var(--ONE_UNIT));
	border-radius: calc(2 * var(--ONE_UNIT));
	word-break: break-all;
	text-align: center;
	color: #fff;
	background-color: #000;
	font-family: Poppins, sans-serif;
	font-size: calc(12 * var(--ONE_UNIT));
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: calc(.96 * var(--ONE_UNIT));
	letter-spacing:.96px
}

.Header {
	width: 100%;
	height: 100%;
	padding: 0 12px;
	display: flex;
	justify-content: space-between;
	align-items:center
}

@media (min-width: 768px) {
	.Header {
		padding:0 56px
	}
}

.Header__logo {
	cursor: pointer;
	pointer-events: all;
	flex: 0 0 169px;
	width: 169px;
	height:72px
}

.Header__nav {
	position: relative;
	pointer-events: all;
	flex: 0 0 96px;
	width: 96px;
	height:96px
}

.Header__hamburger {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 100%;
	height:auto
}

.Header__hamburger--open {
	z-index:1
}

.Header__hamburger--close {
	z-index:0
}

.Header .Header__hamburger--open {
	transition: opacity 1.1s, rotate 1.1s cubic-bezier(.32, .94, .6, 1), visibility 0s;
	opacity: 1;
	rotate: 0deg;
	visibility:visible
}

.Header .Header__hamburger--close {
	transition: opacity 1.1s, rotate 1.1s cubic-bezier(.32, .94, .6, 1), visibility 0s 1.1s;
	opacity: 0;
	rotate: 0deg;
	visibility:hidden
}

.Header.active .Header__hamburger--open {
	transition: opacity 1.1s, rotate 1.1s cubic-bezier(.32, .94, .6, 1), visibility 0s 1.1s;
	opacity: 0;
	rotate: 360deg;
	visibility:hidden
}

.Header.active .Header__hamburger--close {
	transition: opacity 1.1s, rotate 1.1s cubic-bezier(.32, .94, .6, 1), visibility 0s;
	opacity: 1;
	rotate: 360deg;
	visibility:visible
}

.Landscape {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	padding-top: calc(4 * var(--ONE_UNIT));
	padding-bottom:calc(4 * var(--ONE_UNIT))
}

.Landscape__image {
	width: auto;
	height:100%
}

.Loading {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content:center
}

.Loading__spinner {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(var(--HEADER_H_PC) * 1px);
	padding: 0 12px;
	display: flex;
	justify-content: flex-end;
	align-items:center
}

@media (min-width: 768px) {
	.Loading__spinner {
		height: calc(var(--HEADER_H_SP) * 1px);
		padding:0 56px
	}
}

.Loading__spinner > img {
	opacity: 0;
	visibility: hidden;
	width: 96px;
	height:96px
}

.Loading__door {
	position: relative;
	z-index: 0;
	width: calc(200 * var(--ONE_UNIT));
	height:calc(200 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Loading__door {
		width: calc(400 * var(--ONE_UNIT));
		height:calc(400 * var(--ONE_UNIT))
	}
}

.Loading__door > svg {
	fill: var(--COLOR_MAIN);
	stroke: var(--COLOR_MAIN);
	width: 100%;
	height:100%
}

.Loading__headline {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height:100%
}

.Loading__headline > svg {
	fill: var(--COLOR_MAIN);
	stroke: var(--COLOR_MAIN);
	width: 100%;
	height:100%
}

#loading_headline_spinner {
	opacity:1
}

#loading_headline_overa_text, #loading_headline_magazine_text, #loading_headline_year_text, #loading_headline_season_text {
	opacity:0
}

.Menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 300px;
	height: auto;
	padding: 160px 24px 32px;
	background-color: var(--COLOR_HEADER);
	border-radius:0 0 0 48px
}

@media (min-width: 768px) {
	.Menu {
		width: 392px;
		height: auto;
		padding:160px 56px 32px
	}
}

.Menu__list {
	width: 100%;
	margin-bottom:32px
}

.Menu__item {
	cursor: pointer;
	-webkit-text-decoration: none;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom:32px
}

.Menu__item:last-child {
	margin-bottom:0
}

.Menu__item:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-size: auto auto;
	background-image:repeating-linear-gradient(90deg, var(--COLOR_BASE), var(--COLOR_BASE) 4px, transparent 4px, transparent 8px)
}

.Menu__text {
	color: var(--COLOR_BASE);
	font-family: Poppins, sans-serif;
	font-size: $font-size-base;
	font-style: italic;
	font-weight: 300;
	line-height:160%
}

.Menu__name {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content:flex-start
}

.Menu__externalLink {
	width: 10px;
	height:auto
}

.Menu__pdf {
	width: 32px;
	height:auto
}

.Menu__price {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content:flex-start
}

.Menu__instagram {
	display: block;
	overflow: hidden;
	margin-bottom:32px
}

.Menu__instagram > svg {
	width: 168px;
	height: auto;
	fill: var(--COLOR_BASE);
	stroke:var(--COLOR_BASE)
}

.Menu__logo {
	overflow:hidden
}

.Menu__logo > svg {
	width: 106px;
	height: auto;
	fill:var(--COLOR_BASE)
}

.Menu__item:hover .Menu__price {
	-webkit-text-decoration: line-through;
	text-decoration:line-through
}

.Menu__item:hover .Menu__name, .Menu__instagram:hover {
	opacity:.7
}

.Menu {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	scale: .95;
	transform-origin: 100% 0%;
	transition:scale .6s cubic-bezier(.32, .94, .6, 1), opacity .3s cubic-bezier(.32, .94, .6, 1), visibility 0s .6s, pointer-events 0s
}

.Menu.active {
	pointer-events: all;
	visibility: visible;
	opacity: 1;
	scale: 1;
	transition:scale .6s cubic-bezier(.32, .94, .6, 1), opacity .3s cubic-bezier(.32, .94, .6, 1), visibility 0s, pointer-events 0s .6s
}

.Menu__name, .Menu__price {
	translate: -5% 100%;
	transition:translate .6s .2s cubic-bezier(.32, .94, .6, 1)
}

.Menu__instagram > svg {
	transform-origin: 50% 100%;
	scale: .8;
	opacity: 0;
	transition:translate .6s cubic-bezier(.32, .94, .6, 1), scale .6s cubic-bezier(.32, .94, .6, 1), opacity .6s cubic-bezier(.32, .94, .6, 1)
}

.Menu__logo > svg {
	transform-origin: 50% 0%;
	translate: 0% -50%;
	transition:translate .6s cubic-bezier(.32, .94, .6, 1)
}

.Menu.active .Menu__name, .Menu.active .Menu__price {
	translate:0% 0%
}

.Menu.active .Menu__instagram > svg {
	scale: 1;
	opacity:1
}

.Menu.active .Menu__logo > svg {
	translate:0% 0%
}

.Rack {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height:80vh
}
@media (min-width: 768px) {
	.Rack { 
		height: 80vh;
	}
}
@media (min-width: 1366px) {
	.Rack { 
		height: 105vh;
	}
}

.Rack__bin {
	position: absolute;
	bottom: calc((var(--RB_SP) - var(--JH_SP)) * var(--ONE_UNIT));
	left: 0;
	width: calc(var(--JW_SP) * var(--ONE_UNIT));
	height: calc(var(--JH_SP) * var(--ONE_UNIT));
	will-change:transform, opacity;
	box-shadow: 0 0 20px #00000070;
}

@media (min-width: 768px) {
	.Rack__bin {
		bottom: calc((var(--RB_PC) - var(--JH_PC)) * var(--ONE_UNIT));
		left: 0;
		width: calc(var(--JW_PC) * var(--ONE_UNIT));
		height:calc(var(--JH_PC) * var(--ONE_UNIT))
	}
}

.Credits {
	counter-reset: credits-counter;
	width: 100%;
	border: 1px solid #000;
	border: 1px solid var(--detail-textColor, #000);
	padding:calc(16 * var(--ONE_UNIT)) calc(12 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Credits {
		display: flex;
		padding:calc(16 * var(--ONE_UNIT)) calc(32 * var(--ONE_UNIT))
	}
}

.Credits ol {
	list-style-type: none;
	padding: 0;
	margin:0
}

.Credits .Credits__row {
	margin-bottom:calc(8 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Credits .Credits__row {
		margin-bottom: 0;
		flex:0 0 50%
	}
}

.Credits .Credits__row:last-child {
	margin-bottom:0
}

.Credits__item {
	position: relative;
	counter-increment: credits-counter;
	padding-left: 2em;
	color: #000;
	color: var(--detail-textColor, #000);
	text-align: left;
	font-family: Poppins, sans-serif;
	font-size: calc(14 * var(--ONE_UNIT));
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: calc(.56 * var(--ONE_UNIT));
	margin-bottom:calc(8 * var(--ONE_UNIT))
}

.Credits__item:before {
	position: absolute;
	top: 0;
	right: calc(100% - 1.8em);
	content: counter(credits-counter) ". "
}

.Credits__item:last-child {
	margin-bottom:0
}

.Credits__position {
	margin-bottom:calc(4 * var(--ONE_UNIT))
}

.Credits__name {
	display: flex;
	gap: calc(8 * var(--ONE_UNIT));
	align-items: center;
	justify-content: flex-start;
	text-transform:uppercase
}

.Credits__text {
	color: #000;
	font-family: Poppins, sans-serif;
	font-size: calc(14 * var(--ONE_UNIT));
	font-style: normal;
	font-weight: 300;
	line-height: 120%;
	letter-spacing:calc(.56 * var(--ONE_UNIT))
}

.Credits__icon {
	width: calc(38 * var(--ONE_UNIT));
	height:auto
}

a.Credits__name {
	text-decoration-color:#2b40ff
}

a.Credits__name .Credits__text {
	color:#2b40ff
}

a.Credits__name .Credits__icon {
	fill:#2b40ff
}

.Hand {
	position: relative;
	width: calc(470 * var(--ONE_UNIT));
	height: calc(381 * var(--ONE_UNIT));
}

.Hand__pick, .Hand__up {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:auto
}

.Hand {
	visibility: hidden;
	opacity:0
}

.TRANS_LEAVE .Hand {
	transition: opacity .8s, visibility 0s .8s;
	visibility: hidden;
	opacity:0
}

.TRANS_ENTER_COMPLETE .Hand {
	transition: opacity .8s .8s;
	visibility: visible;
	opacity:1
}

.Hand__pick {
	visibility: visible;
	opacity: 1;
	rotate: 0deg;
	scale: 1;
	translate: 0% 0%;
	will-change: opacity, rotate, scale, translate;
	transition:opacity .6s, visibility 0s, rotate .6s, scale .6s, translate .6s
}

@media (min-width: 768px) {
	.Hand__pick {
		transition:opacity .5s, visibility 0s, rotate .5s, scale .5s, translate .5s
	}
}

.Hand__up {
	opacity: 0;
	will-change: opacity;
	transition:opacity .6s
}

@media (min-width: 768px) {
	.Hand__up {
		transition:opacity .5s
	}
}

.Hand.selected .Hand__pick {
	opacity: 0;
	rotate: 27deg;
	scale: .9;
	translate: -9% 2%;
	transition:opacity .6s, rotate .6s, scale .6s, translate .6s
}

@media (min-width: 768px) {
	.Hand.selected .Hand__pick {
		transition:opacity .5s, rotate .5s, scale .5s, translate .5s
	}
}

.Hand.selected .Hand__up {
	opacity: 1;
	transition:opacity .6s
}

@media (min-width: 768px) {
	.Hand.selected .Hand__up {
		transition:opacity .5s
	}
}

.HugeText {
	position: relative;
	width:100%
}

.HugeText__inner {
	font-family: Poppins, sans-serif;
	font-size: calc(220 * var(--ONE_UNIT));
	font-style: italic;
	font-weight: 900;
	line-height: 80%;
	letter-spacing: calc(-8.8 * var(--ONE_UNIT));
	text-stroke: 1px var(--COLOR_MAIN);
	-webkit-text-stroke: 1px var(--COLOR_MAIN);
	width: -moz-max-content;
	width:max-content
}

.HugeText__inner--pick {
	position: relative;
	color:transparent
}

.HugeText__inner--up {
	position: absolute;
	top: 0;
	left: 0;
	color:var(--COLOR_MAIN)
}

.HugeText__inner span {
	display: inline-block;
	padding-right:calc(16 * var(--ONE_UNIT))
}

.HugeText {
	visibility: hidden;
	opacity:0
}

.TRANS_ENTER_COMPLETE .HugeText {
	transition: opacity .8s;
	visibility: visible;
	opacity:1
}

.HugeText__inner {
	animation-duration: 16s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	transform:translate(-50%)
}

@media (min-width: 768px) {
	.HugeText__inner {
		animation-duration:8s
	}
}

.HugeText__inner.loop {
	animation-name:HugeText-loop
}

@keyframes HugeText-loop {
	0% {
		transform:translate(-50%)
	}

	to {
		transform:translate(0)
	}
}

.HugeText__inner--pick {
	opacity: 1;
	will-change: opacity;
	transition:opacity .3s
}

.HugeText__inner--up {
	opacity: 0;
	will-change: opacity;
	transition:opacity .3s
}

.HugeText.selected .HugeText__inner--pick {
	opacity: 0;
	transition:opacity .3s
}

.HugeText.selected .HugeText__inner--up {
	opacity: 1;
	transition:opacity .3s
}

.ImageList__heading {
	margin-bottom:calc(20 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.ImageList__heading {
		display: flex;
		-moz-column-gap: calc(16 * var(--ONE_UNIT));
		column-gap:calc(16 * var(--ONE_UNIT))
	}
}

.ImageList__headingLg {
	display: block;
	color: #000;
	color: var(--detail-textColor, #000);
	font-family: Poppins, sans-serif;
	font-size: calc(22 * var(--ONE_UNIT));
	font-style: italic;
	font-weight: 900;
	line-height: 1;
	letter-spacing:calc(-.88 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.ImageList__headingLg {
		font-size: calc(24 * var(--ONE_UNIT));
		line-height: 1;
		letter-spacing: calc(-.96 * var(--ONE_UNIT));
		margin-bottom:calc(8 * var(--ONE_UNIT))
	}
}

.ImageList__headingSm {
	display: block;
	color: #000;
	color: var(--detail-textColor, #000);
	font-family: Poppins, sans-serif;
	font-size: calc(16 * var(--ONE_UNIT));
	font-style: italic;
	font-weight: 900;
	line-height: 1;
	letter-spacing:calc(-.64 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.ImageList__headingSm {
		padding:calc(4 * var(--ONE_UNIT)) 0 0
	}
}

.ImageList__body {
	display: grid;
	grid-template-columns:repeat(2, 50%)
}

@media (min-width: 768px) {
	.ImageList__body {
		grid-template-columns:repeat(3, 33.34%)
	}
}

.ImageList__item {
	position:relative
}

.ImageList__img {
	width: 100%;
	height:auto
}

.ImageList__light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	scale: 1.05;
	filter: blur(calc(22 * var(--ONE_UNIT)));
	background-color: #fff;
	opacity:0
}

.ImageList__img {
	position: relative;
	transition:border-radius .3s, box-shadow .3s
}

.ImageList {
	will-change: scale, translate;
	transform-origin: 50% 100%;
	transition:scale .8s cubic-bezier(.25, 1, .5, 1), translate .8s cubic-bezier(.25, 1, .5, 1)
}

.ImageList__heading {
	will-change: scale, translate;
	transform-origin: 0% 50%;
	transition:scale .8s cubic-bezier(.25, 1, .5, 1), translate .8s cubic-bezier(.25, 1, .5, 1)
}

.ImageList__item {
	will-change: scale;
	transition:scale .8s cubic-bezier(.25, 1, .5, 1)
}

.ImageList__light {
	will-change:opacity
}

.ImageList__img {
	transition:border-radius .6s cubic-bezier(.25, 1, .5, 1)
}

.ImageList.groove {
	scale: .84;
	translate:0 calc(34 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.ImageList.groove {
		scale: .84;
		translate:0 calc(34 * var(--ONE_UNIT))
	}
}

.ImageList.groove .ImageList__heading {
	scale: .95;
	translate:calc(19 * var(--ONE_UNIT)) 0
}

@media (min-width: 768px) {
	.ImageList.groove .ImageList__heading {
		scale: 1.2;
		translate:calc(50 * var(--ONE_UNIT)) 0
	}
}

.ImageList.groove .ImageList__item {
	scale:.8
}

@media (min-width: 768px) {
	.ImageList.groove .ImageList__item {
		scale:.74
	}
}

.ImageList.groove .ImageList__img {
	border-radius:calc(20 * var(--ONE_UNIT))
}

.Jacket {
	pointer-events: none;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(var(--JW_SP) * var(--ONE_UNIT));
	height:calc(var(--JH_SP) * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Jacket {
		width: calc(var(--JW_PC) * var(--ONE_UNIT));
		height:calc(var(--JH_PC) * var(--ONE_UNIT))
	}
}

.Jacket {
	visibility:hidden
}

.Jacket.detail {
	visibility:visible
}

.Jacket.detail .Jacket__backface, .Jacket.detail .Jacket__sleeve {
	opacity:0
}

.Jacket.detail .Jacket__record img {
	-webkit-clip-path: inset(0 0);
	clip-path:inset(0 0)
}

.Jacket__backface {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: calc(var(--JW_SP) * var(--ONE_UNIT));
	height: calc(var(--JH_SP) * var(--ONE_UNIT));
	background-color: #d2d2d2;
	border-radius:calc(4 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Jacket__backface {
		width: calc(var(--JW_PC) * var(--ONE_UNIT));
		height:calc(var(--JH_PC) * var(--ONE_UNIT))
	}
}

.Jacket__record {
	position: relative;
	z-index: 0;
	top: 0;
	left:0
}

.Jacket__sleeve {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	width: calc(var(--JW_SP) * var(--ONE_UNIT));
	height:calc(var(--JH_SP) * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Jacket__sleeve {
		width: calc(var(--JW_PC) * var(--ONE_UNIT));
		height:calc(var(--JH_PC) * var(--ONE_UNIT))
	}
}

.Jacket__sleeve img {
	width: 100%;
	height:100%
}

.Jacket__record > img {
	width: 100%;
	height: auto;
	-webkit-clip-path: inset(0 calc(114.605 * var(--ONE_UNIT)));
	clip-path:none

}

@media (min-width: 768px) {
	.Jacket__record > img {
		width: auto;
		height: calc(var(--JRH_PC) * var(--ONE_UNIT));
		-webkit-clip-path: inset(0 calc(60 * var(--ONE_UNIT)));
		clip-path:none
	}
}

.Jacket__record > .Jacket__link {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% 0%;
	width: 100%;
	width: calc(var(--JRW_SP) * var(--ONE_UNIT));
	height:calc(var(--JRH_SP) * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Jacket__record > .Jacket__link {
		width: calc(var(--JRW_PC) * var(--ONE_UNIT));
		height:calc(var(--JRH_PC) * var(--ONE_UNIT))
	}
}

.Jacket__sleeve {
	pointer-events:all
}

.Jacket.selected .Jacket__link {
	cursor: pointer;
	pointer-events:all
}

.Jacket.selected .Jacket__sleeve {
	cursor: none;
	pointer-events:none
}

.Jacket__record {
	translate: 0rem 98rem;
	will-change: translate;
	transition:translate .4s
}

@media (min-width: 768px) {
	.Jacket__record {
		transition:translate .2s
	}
}

.Jacket.detail .Jacket__record {
	will-change:auto
}

.Jacket.selected .Jacket__record {
	translate:0rem -46rem
}

/* @media (min-width: 768px) {
	.Jacket.selected .Jacket__record {
		translate:0rem -136rem
	}
} */

ul.Links {
	list-style-type: none;
	padding: 0;
	margin:0
}

.Links {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	-moz-column-gap: calc(0 * var(--ONE_UNIT));
	column-gap:calc(0 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Links {
		-moz-column-gap: calc(25 * var(--ONE_UNIT));
		column-gap:calc(25 * var(--ONE_UNIT))
	}
}

.Links__item {
	flex:0 1 calc(78 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.Links__item {
		flex:0 1 calc(106 * var(--ONE_UNIT))
	}
}

.p-Detail {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:0 calc(24 * var(--ONE_UNIT)) calc(64 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail {
		padding:0 calc(156 * var(--ONE_UNIT)) calc(120 * var(--ONE_UNIT))
	}
}

.p-Detail__mv {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom:calc(24 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__mv {
		margin-bottom:calc(40 * var(--ONE_UNIT))
	}
}

.p-Detail__mv > img {
	width: 100%;
	height: auto;
	-webkit-clip-path: inset(0px 0px);
	clip-path:inset(0px 0px)
}

.p-Detail__body {
	width:100%
}

.p-Detail__title {
	color: #000;
	color: var(--detail-textColor, #000);
	text-align: center;
	font-family: OvemagaCommissionerSlash, Poppins, sans-serif;
	font-size: calc(56 * var(--ONE_UNIT));
	font-style: normal;
	font-weight: 900;
	line-height: 80%;
	letter-spacing: calc(-2.24 * var(--ONE_UNIT));
	margin-bottom:calc(16 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__title {
		font-size: calc(120 * var(--ONE_UNIT));
		letter-spacing: calc(-4.8 * var(--ONE_UNIT));
		margin-bottom:calc(16 * var(--ONE_UNIT))
	}
}

.p-Detail__tags {
	display: block;
	word-wrap: break-word;
	color: #000;
	color: var(--detail-textColor, #000);
	font-family: Poppins, sans-serif;
	font-size: calc(12 * var(--ONE_UNIT));
	font-style: normal;
	font-weight: 300;
	line-height: 120%;
	letter-spacing: calc(.96 * var(--ONE_UNIT));
	text-align: center;
	margin-bottom:calc(24 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__tags {
		margin-bottom:calc(40 * var(--ONE_UNIT))
	}
}

.p-Detail__links {
	margin-bottom:calc(40 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__links {
		margin-bottom:calc(40 * var(--ONE_UNIT))
	}
}

.p-Detail__summary {
	color: #000;
	color: var(--detail-textColor, #000);
	text-align: left;
	font-feature-settings: "palt" on;
	font-family: Noto Sans JP, sans-serif;
	font-size: calc(16 * var(--ONE_UNIT));
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	margin-bottom:calc(40 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__summary {
		margin-bottom:calc(56 * var(--ONE_UNIT))
	}
}

.p-Detail__credits {
	margin-bottom:calc(8 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__credits {
		margin-bottom:calc(16 * var(--ONE_UNIT))
	}
}

.p-Detail__copyright {
	display: flex;
	justify-content: flex-end;
	margin-bottom:calc(40 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__copyright {
		margin-bottom:calc(56 * var(--ONE_UNIT))
	}
}

.p-Detail__copyright > img {
	width: calc(209 * var(--ONE_UNIT));
	height:auto
}

.p-Detail__separator {
	text-align: center;
	margin-bottom:calc(40 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Detail__separator {
		margin-bottom:calc(56 * var(--ONE_UNIT))
	}
}

.p-Detail__images {
	margin-bottom:calc(56 * var(--ONE_UNIT))
}

.p-Detail__back {
	text-align:center
}

.STATE_ONCE .p-Detail__mv {
	visibility: hidden;
	opacity:0
}

.STATE_ONCE.TRANS_ENTER_COMPLETE .p-Detail__mv {
	transition: opacity 1s 1s;
	visibility: visible;
	opacity:1
}

.p-Detail__body {
	visibility: hidden;
	opacity: 0;
	transition:opacity 1s, visibility 1s 1s
}

.TRANS_ENTER_COMPLETE .p-Detail__body {
	transition: opacity 1s 1s, visibility 0s;
	visibility: visible;
	opacity:1
}

.p-Error {
	display: flex;
	width: 100%;
	height: 100vh;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	padding:calc(18 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Error {
		padding:calc(149 * var(--ONE_UNIT))
	}
}

.p-Error__Image {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit:contain
}

.p-Error {
	visibility: hidden;
	opacity: 0;
	transition:opacity 1s
}

.TRANS_ENTER_COMPLETE .p-Error {
	visibility: visible;
	opacity:1
}

.p-Top {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height:100vh
}

.p-Top__hiddenImage {
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: -2;
	top: 0;
	left:0
}

.p-Top__hiddenChar2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	translate: 323px -144px;
	width: 45px;
	height:auto
}

@media (min-width: 768px) {
	.p-Top__hiddenChar2 {
		translate: 646px -288px;
		width:90px
	}
}

.p-Top__hiddenChar2 {
	translate: 332px -143px;
	width:46.5px
}

@media (min-width: 768px) {
	.p-Top__hiddenChar2 {
		translate: 664px -286px;
		width:93px
	}
}

.p-Top__hiddenBg {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: bottom left;
	background-size:497px 268px
}

@media (min-width: 768px) {
	.p-Top__hiddenBg {
		background-size:auto
	}
}

.p-Top__hiddenChar1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	translate: 120.5px -64.5px;
	width: 36px;
	height:auto
}

@media (min-width: 768px) {
	.p-Top__hiddenChar1 {
		translate: 241px -129px;
		width:72px
	}
}

.p-Top__hugeText {
	pointer-events: none;
	position: absolute;
	z-index: 0;
	bottom: calc(249 * var(--ONE_UNIT));
	left:0
}

@media (min-width: 768px) {
	.p-Top__hugeText {
		bottom:calc(528 * var(--ONE_UNIT))
	}
}

.p-Top__rack {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height:100%
}

.p-Top__hand {
	pointer-events: none;
	position: absolute;
	z-index: 2;
	bottom: calc(276 * var(--ONE_UNIT));
	left:calc(77 * var(--ONE_UNIT))
}

@media (min-width: 768px) {
	.p-Top__hand {
		bottom: calc(782 * var(--ONE_UNIT));
		left: calc(613 * var(--ONE_UNIT));
	}
}

@media (min-width: 1366px) {
	.p-Top__hand {
		bottom: calc(482 * var(--ONE_UNIT));
		left: calc(613 * var(--ONE_UNIT));
	}
}

.p-Top__hiddenImage {
	opacity: 0;
	translate: 0% -100%;
	transition:opacity .8s, translate .8s
}

.TRANS_ENTER_COMPLETE .p-Top.visibleIllust .p-Top__hiddenImage {
	opacity:1
}

.p-Top__rack {
	transition:opacity 1s
}

.EVENT_RESIZE .p-Top__rack {
	opacity: 0;
	transition:opacity 0s
}

.l-bg {
	position: fixed;
	z-index: -3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color:var(--COLOR_BASE)
}

.l-canvas {
	position: fixed;
	z-index: -2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events:none
}

.l-pageTransition {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events:none
}

.l-container {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	padding-top:calc(var(--HEADER_H_SP) * 1px)
}

@media (min-width: 768px) {
	.l-container {
		padding-top:calc(var(--HEADER_H_PC) * 1px)
	}
}

.PAGE_TOP .l-container {
	position: fixed;
	top: auto;
	bottom: -20vh;
	pointer-events: none;
	height:100vh;
	overflow: visible;
}
.l-menu {
	pointer-events: none;
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: flex-end;
	align-items:flex-start
}

.l-header {
	pointer-events: none;
	position: fixed;
	z-index: 2;
	width: 100%;
	height:calc(var(--HEADER_H_PC) * 1px)
}

@media (min-width: 768px) {
	.l-header {
		height:calc(var(--HEADER_H_SP) * 1px)
	}
}

.l-loading {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	overflow:hidden
}

.l-landscape {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	overflow: hidden;
	background-color:var(--COLOR_BASE)
}

@media (orientation: landscape) {
	.STATE_MOBILE .l-landscape {
		visibility: visible;
		opacity:1
	}
}

.l-header {
	translate: 0 -100%;
	transition:translate .8s
}

.TRANS_ENTER_COMPLETE .l-header {
	translate:0 0%
}

.l-canvas {
	opacity: 0;
	transition:opacity .8s
}

.PAGE_DETAIL.TRANS_ENTER_COMPLETE .l-canvas {
	opacity:1
}

.i-rec__bg1 {
	transform-origin: 50% 50%;
	will-change: transform;
	translate: 0% 0%;
	transition: translate 0s;
	animation-name: i-rec-rotateLoop;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-fill-mode:forwards
}

.i-rec__bg2 {
	fill: #000;
	transform-origin: 50% 50%;
	will-change: transform;
	translate: 0% 100%;
	transition: translate 0s, fill 0s;
	animation-name: i-rec-rotateLoop;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-fill-mode:forwards
}

.i-rec__text {
	transform-origin: 50% 50%;
	will-change: transform;
	fill: #fff;
	stroke: #fff;
	transition: fill .8s, stroke .8s;
	animation-name: i-rec-rotateLoop;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-fill-mode:forwards
}

.i-rec__icon {
	transform-origin: 50% 50%;
	will-change: transform;
	fill: #fff;
	stroke: #fff;
	transition:fill .8s, stroke .8s
}

body:not(.STATE_MOBILE) .i-rec:hover .i-rec__bg1 {
	animation-name: i-rec-rotateLoop,;
	translate: 0% 100%;
	transition:translate .5s .2s
}

body:not(.STATE_MOBILE) .i-rec:hover .i-rec__bg2 {
	fill: #000;
	fill: var(--detail-backfaceColor, #000);
	animation-name: i-rec-rotateLoop,;
	translate: 0% 0%;
	transition:translate .5s, fill .3s .2s ease-out
}

body:not(.STATE_MOBILE) .i-rec:hover .i-rec__icon {
	fill: #fff;
	fill: var(--detail-bgColor, #FFFFFF);
	stroke: #fff;
	stroke: var(--detail-bgColor, #FFFFFF);
	transition:fill .4s .2s, stroke .4s .2s
}

body:not(.STATE_MOBILE) .i-rec:hover .i-rec__text {
	fill: #fff;
	fill: var(--detail-bgColor, #FFFFFF);
	stroke: #fff;
	stroke: var(--detail-bgColor, #FFFFFF);
	transition:fill .4s .2s, stroke .4s .2s
}

@keyframes i-rec-rotateLoop {
	0% {
		rotate:0deg
	}

	to {
		rotate:360deg
	}
}

@keyframes i-rec-tranLoop {
	0% {
		translate:4px 0
	}

	6.25% {
		translate:-4px 0
	}

	12.5% {
		translate:4px 0
	}

	18.75% {
		translate:-4px 0
	}

	25% {
		translate:4px 0
	}

	31.25% {
		translate:-4px 0
	}

	37.5% {
		translate:4px 0
	}

	43.75% {
		translate:-4px 0
	}

	50% {
		translate:4px 0
	}

	56.25% {
		translate:-4px 0
	}

	62.5% {
		translate:4px 0
	}

	68.75% {
		translate:-4px 0
	}

	75% {
		translate:4px 0
	}

	81.25% {
		translate:-4px 0
	}

	87.5% {
		translate:4px 0
	}

	93.75% {
		translate:-4px 0
	}

	to {
		translate:4px 0
	}
}

.i-up {
	display:block
}

.i-up .i-up__item {
	display: inline-block;
	overflow:hidden
}

.i-up .i-up__char {
	display: inline-block;
	transform:translate3d(0, 110%, 0)
}

.TRANS_ENTER_COMPLETE .i-up.EVENT_ON_IN_VIEW .i-up__char {
	animation: i-up-in .6s ease-in-out both;
	animation-delay: .08s;
	animation-delay:calc(.08s * var(--i-up-index, 1))
}

.TRANS_LEAVE .i-up.EVENT_ON_IN_VIEW .i-up__char {
	animation:i-up-out .6s ease-in-out both
}

@keyframes i-up-in {
	0% {
		transform:translate3d(0, 110%, 0)
	}

	to {
		transform:translateZ(0)
	}
}

@keyframes i-up-out {
	0% {
		transform:translateZ(0)
	}

	to {
		transform:translate3d(0, 110%, 0)
	}
}

.u-ajst-Poppins80 {
	line-height: 1;
	margin-top: -.2em;
	padding-right: .1em;
	padding-left: .1em;
	margin-right: -.1em;
	margin-left: -.1em
}

body:not(.rtl) .elementor-239 .elementor-element.elementor-element-72fb9bd0 {
	display: none;
}