@charset "UTF-8";
*, :after, :before {
	border-style: solid;
	border-width: 0;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	line-height: 1.15;
}

body {
	margin: 0;
}

main {
	display: block;
}

address, blockquote, dl, figure, form, iframe, p, pre, table {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin-left: 0;
}

hr {
	border-top-width: 1px;
	box-sizing: content-box;
	clear: both;
	color: inherit;
	height: 0;
	margin: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: inherit;
}

address {
	font-style: inherit;
}

a {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b, strong {
	font-weight: bolder;
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: inherit;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

embed, iframe, img, object, svg {
	vertical-align: bottom;
}

button, input, optgroup, select, textarea {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: 0;
	color: inherit;
	font: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
	text-transform: inherit;
	vertical-align: middle;
}

[type=checkbox] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}

[type=radio] {
	-webkit-appearance: radio;
	appearance: radio;
}

[type=button], [type=reset], [type=submit], button {
	cursor: pointer;
}

[type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, button:disabled {
	cursor: default;
}

select:disabled {
	opacity: inherit;
}

fieldset, option {
	padding: 0;
}

fieldset {
	margin: 0;
	min-width: 0;
}

legend {
	padding: 0;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

label[for] {
	cursor: pointer;
}

details {
	display: block;
}

summary {
	display: list-item;
}

[contenteditable]:focus {
	outline: auto;
}

table {
	border-collapse: collapse;
	border-color: inherit;
}

caption {
	text-align: left;
}

td, th {
	padding: 0;
	vertical-align: top;
}

th {
	font-weight: 700;
	text-align: left;
}

/* ==============================================
* Base style
*/
:root {
	--main-width: 475px;
	--pc-lcol-width: calc((100% - var(--main-width)) * (556 / (556 + 335)) + 1px);
	--pc-rcol-width: calc((100% - var(--main-width)) * (335 / (556 + 335)) + 1px);
	--font-family-fallback: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	--font-family-helvetica: "Helvetica Neue", Roboto, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	--ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
}
@supports (container-type: inline-size) {
	:root {
		--main-width: max(475px, min(34.77vw, 600px));
		/*
		コンテナクエリに対応しているブラウザの場合は、PC版で.mainをブラウザ幅に応じて横幅600pxまで拡大する
		ブラウザ幅 1366px未満 → width = 475px
		ブラウザ幅 1366px〜1726px未満 → width = 34.77vw
		ブラウザ幅 1727px以上 → width = 600px
		*/
	}
}

body {
	font-family: "Zen Kaku Gothic New", var(--font-family-fallback);
	font-size: 16px;
	line-height: 1.4;
	background-color: #000;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

svg {
	overflow: visible;
}

a {
	color: #fff;
	text-decoration: none !important;
}

button {
	cursor: pointer;
}

#root {
	position: relative;
	min-height: 100vh;
	max-width: 100%;
	overflow-x: clip;
	opacity: 0;
	transition: opacity 1.3s;
}
#root.loaded {
	opacity: 1;
}

.pc-lcol,
.pc-rcol {
	container-type: inline-size;
	position: fixed;
	top: 0;
	height: 100vh;
	height: 100lvh;
}
@media screen and (max-width: 1024px) {
	.pc-lcol,
	.pc-rcol {
		display: none !important;
	}
}

.pc-lcol {
	flex: 1;
	left: 0;
	width: var(--pc-lcol-width);
	z-index: 0;
	display: flex;
	align-items: center;
}

.pc-rcol {
	right: 0;
	width: var(--pc-rcol-width);
	z-index: 0;
}
.pc-rcol__inner {
	padding: 20px 0;
	height: 100vh;
	max-height: 100vh;
	overflow-y: auto;
	display: flex;
	align-items: center;
}

.main {
	container-type: inline-size;
	position: relative;
	width: var(--main-width);
	margin-left: calc(var(--pc-lcol-width) - 1px);
	max-width: 100%;
	background-color: #141414;
	z-index: 2;
}
@media screen and (max-width: 1024px) {
	.main {
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 475px) {
	.main {
		width: 100%;
		margin-left: 0;
		max-width: 100%;
	}
}

@keyframes splide-loading {
	0% {
		transform: rotate(0);
	}
	to {
		transform: rotate(1turn);
	}
}
.splide__track--draggable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
	margin: 0 !important;
	opacity: 0;
	z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
	opacity: 1;
	z-index: 1;
}

.splide--rtl {
	direction: rtl;
}

.splide__track--ttb > .splide__list {
	display: block;
}

.splide__container {
	box-sizing: border-box;
	position: relative;
}

.splide__list {
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
	display: block;
}

.splide__pagination {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	pointer-events: none;
}

.splide__pagination li {
	display: inline-block;
	line-height: 1;
	list-style-type: none;
	margin: 0;
	pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
	display: none;
}

.splide__progress__bar {
	width: 0;
}

.splide {
	position: relative;
	visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
	visibility: visible;
}

.splide__slide {
	backface-visibility: hidden;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	list-style-type: none !important;
	margin: 0;
	position: relative;
}

.splide__slide img {
	vertical-align: bottom;
}

.splide__spinner {
	animation: splide-loading 1s linear infinite;
	border: 2px solid #999;
	border-left-color: transparent;
	border-radius: 50%;
	bottom: 0;
	contain: strict;
	display: inline-block;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}

.splide__sr {
	clip: rect(0 0 0 0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
	display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
	display: inline;
}

.splide__track {
	overflow: hidden;
	position: relative;
	z-index: 0;
}

/**************************\
  Basic Modal Styles
\**************************/
.modal__overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal__container {
	background-color: #fff;
	padding: 30px;
	max-width: 500px;
	max-height: 100vh;
	border-radius: 4px;
	overflow-y: auto;
	box-sizing: border-box;
}

.modal__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.modal__title {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.25;
	color: #00449e;
	box-sizing: border-box;
}

.modal__close {
	background: transparent;
	border: 0;
}

.modal__header .modal__close:before {
	content: "✕";
}

.modal__content {
	margin-top: 2rem;
	margin-bottom: 2rem;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
	font-size: 0.875rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	background-color: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	border-radius: 0.25rem;
	border-style: none;
	border-width: 0;
	cursor: pointer;
	-webkit-appearance: button;
	text-transform: none;
	overflow: visible;
	line-height: 1.15;
	margin: 0;
	will-change: transform;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	transition: -webkit-transform 0.25s ease-out;
	transition: transform 0.25s ease-out;
	transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.modal__btn-primary {
	background-color: #00449e;
	color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes mmfadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes mmslideIn {
	from {
		transform: translateY(15%);
	}
	to {
		transform: translateY(0);
	}
}
@keyframes mmslideOut {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-10%);
	}
}
.micromodal-slide {
	display: none;
}

.micromodal-slide.is-open {
	display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
	animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
	animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
	animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
	animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
	will-change: transform;
}

/* ==============================================
 * common classes - display
 */
.c-lte-sp {
	display: none;
}
@media screen and (max-width: 475px) {
	.c-lte-sp {
		display: block;
	}
}

.c-lte-sp-inline {
	display: none;
}
@media screen and (max-width: 475px) {
	.c-lte-sp-inline {
		display: inline;
	}
}

@media screen and (max-width: 475px) {
	.c-gt-sp {
		display: none;
	}
}

/* ==============================================
 * anim
 */
@keyframes animFadeInUpSmall {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	60% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.anim-fade-in-up-small {
	opacity: 0;
}
.anim-fade-in-up-small.js-animated {
	animation: 1s var(--ease-out-quad) forwards animFadeInUpSmall;
}
html.no-js .anim-fade-in-up-small {
	opacity: 1;
}

/* ==============================================
 * .cBoxTech
 */
.cBoxTech {
	background: center center/100% auto repeat-y url("../img/2025_evangelion/box-tech_bg.png");
	position: relative;
}
.cBoxTech::before {
	content: "";
	display: block;
	padding-bottom: 70.25%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: center top/100% auto repeat-y url("../img/2025_evangelion/box-tech_start.png");
	z-index: 0;
}
.cBoxTech::after {
	content: "";
	display: block;
	padding-bottom: 78.58%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: center bottom/100% auto repeat-y url("../img/2025_evangelion/box-tech_end.png");
	z-index: 0;
}
.cBoxTech > * {
	position: relative;
	z-index: 2;
}
.cBoxTech__leftSlash {
	background: center top/100% auto no-repeat url("../img/2025_evangelion/box-tech_left-slash.png");
}
.cBoxTech__rightSlash {
	background: center top/100% auto no-repeat url("../img/2025_evangelion/box-tech_right-slash.png");
}

/* ==============================================
 * .mv
 */
.mv__img {
	padding-top: 32px;
	padding-top: 6.73cqw;
}
@media screen and (max-width: 475px) {
	.mv__img {
		padding-top: 5.33vw;
	}
}
.mv__desc {
	margin-top: 46px;
	margin-top: 9.68cqw;
	line-height: 1.571;
	letter-spacing: 0.05em;
	text-align: center;
	font-size: 14px;
	font-size: 2.94cqw;
}
@media screen and (max-width: 475px) {
	.mv__desc {
		font-size: 14px;
		text-align: left;
		margin-left: 5.33vw;
		margin-right: 5.33vw;
	}
}

/* ==============================================
 * .what
 */
.what__img {
	margin-top: 34px;
	margin-top: 7.15cqw;
}
@media screen and (max-width: 475px) {
	.what__img {
		margin-top: 8vw;
	}
}
.what__lead {
	margin-top: 28px;
	margin-top: 5.89cqw;
	margin-bottom: 27px;
	margin-bottom: 5.68cqw;
	margin-left: 17px;
	margin-left: 3.57cqw;
}
@media screen and (max-width: 475px) {
	.what__lead {
		margin-top: 8vw;
		margin-left: 5.86vw;
	}
}
.what__lead img {
	width: 56.11%;
}
.what__ttl {
	margin-left: 16px;
	margin-left: 3.36cqw;
}
@media screen and (max-width: 475px) {
	.what__ttl {
		margin-left: 5.86vw;
	}
}
.what__ttl img {
	width: 52.72%;
}
@media screen and (max-width: 475px) {
	.what__ttl img {
		width: 47.46vw;
	}
}
.what__desc {
	margin-top: 42px;
	margin-top: 8.84cqw;
	margin-left: 15px;
	margin-left: 3.15cqw;
	padding-bottom: 13px;
	padding-bottom: 2.73cqw;
	margin-right: 15px;
	margin-right: 3.15cqw;
	font-size: 14px;
	font-size: 2.94cqw;
	line-height: 1.857;
	letter-spacing: 0.035em;
	border-bottom: 4px solid #B80009;
}
@media screen and (max-width: 475px) {
	.what__desc {
		margin-top: 9.6vw;
		margin-left: 5.33vw;
		margin-right: 5.33vw;
		padding-bottom: 4.26vw;
		letter-spacing: 0em;
		font-size: 14px;
		line-height: 1.571;
	}
}

/* ==============================================
 * .look
 */
.look__sec--bgBlack {
	background-color: #000;
}
.look__sec--01 {
	margin-top: 13.26%;
	padding-top: 8.42%;
}
@media screen and (max-width: 475px) {
	.look__sec--01 {
		margin-top: 10.66vw;
	}
}
.look__sec--02 {
	margin-top: 9.68%;
	padding-bottom: 21.05%;
}
.look__sec--03 {
	padding-top: 9.47%;
}
.look__sec--04 {
	padding-top: 9.68%;
	padding-bottom: 8.42%;
}
.look__sec--05 {
	margin-top: 8.42%;
	padding-top: 8.42%;
}
.look__sec--06 {
	margin-top: 9.68%;
}
.look__sec--07 {
	margin-top: 9.89%;
}
.look__sec--08 {
	margin-top: 9.68%;
	padding-bottom: 18.73%;
}
.look__sec--09 {
	padding-top: 8.42%;
	padding-bottom: 8.42%;
}
.look__sec--10 {
	margin-top: 8.42%;
	padding-top: 8.42%;
	padding-bottom: 17.26%;
}
.look__sec--10 .look__row--c {
	margin-top: 2.1% !important;
}
.look__img, .look__illust {
	clip-path: inset(0 0 1px 0);
}
.look__img {
	position: relative;
	overflow: hidden;
}
.look__img img {
	transition: transform 0.5s;
}
.look__click {
	width: 73px;
	width: 15.36cqw;
	height: 11px;
	height: 2.31cqw;
	position: relative;
}
.look__click img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: opacity 0.3s;
}
.look__click img:last-child {
	opacity: 0;
}
.look__clickHoverArea:hover {
	cursor: pointer;
}
.look__clickHoverArea:hover .look__img img, .look__clickHoverArea:hover.look__img img {
	transform: scale(1.06);
}
.look__clickHoverArea:hover .look__click img:first-child, .look__clickHoverArea:hover.look__click img:first-child {
	opacity: 0;
}
.look__clickHoverArea:hover .look__click img:last-child, .look__clickHoverArea:hover.look__click img:last-child {
	opacity: 1;
}
.look__row + .look__row {
	margin-top: 8.42%;
}
.look__row--a {
	display: flex;
}
.look__row--a .look__imgArea {
	margin-left: 9.26%;
	width: 73.68%;
}
.look__row--a .look__click {
	margin-top: 17px;
	margin-top: 3.57cqw;
}
.look__row--a .look__ttl {
	margin-top: 41px;
	margin-top: 8.63cqw;
	margin-left: 4.63%;
	width: 2.31%;
}
.look__row--b {
	display: flex;
}
.look__row--b .look__ttl {
	margin-top: 41px;
	margin-top: 8.63cqw;
	margin-left: 9.89%;
	width: 2.31%;
}
.look__row--b .look__imgArea {
	margin-left: 5.26%;
	width: 73.68%;
}
.look__row--b .look__click {
	margin-top: 17px;
	margin-top: 3.57cqw;
}
.look__row--c {
	display: flex;
	align-items: end;
}
.look__row--c .look__ttl {
	margin-top: 41px;
	margin-top: 8.63cqw;
}
.look__row--c .look__click {
	margin-left: 9.47%;
	margin-bottom: 0.63%;
}
.look__row--c .look__img {
	margin-left: 16.21%;
	width: 50.1%;
}
.look__row--c:not(:has(.look__click)) {
	justify-content: end;
}
.look__row--c:not(:has(.look__click)) .look__img {
	margin-left: 0;
	margin-right: 9.05%;
}
.look__row--d .look__ttl {
	margin-left: 4%;
}
.look__row--d .look__ttl img {
	width: 18.2%;
}
.look__row--d .look__img {
	margin-top: 4.21%;
}
.look__row--d .look__click {
	margin-top: 3.78%;
	margin-left: 4%;
}
.look__row--e {
	display: flex;
}
.look__row--e .look__img {
	width: 84.21%;
}
.look__row--e .look__ttl {
	margin-left: 3.15%;
	margin-top: 3px;
	margin-top: 0.63cqw;
	width: 2.31%;
}
.look__row--f {
	display: flex;
	justify-content: end;
	align-items: end;
}
.look__row--f .look__click {
	margin-right: 7.15%;
	margin-bottom: 0.63%;
}
.look__row--f .look__img {
	width: 73.68%;
}
.look__row--g .look__ttl {
	margin-left: auto;
	margin-right: 9.26%;
	width: 10.52%;
}
.look__row--g .look__imgArea {
	margin-top: 3.15%;
}
.look__row--g .look__click {
	margin-top: 4%;
	margin-left: 10.1%;
}
.look__lead--01 {
	margin-top: 48px;
	margin-top: 10.1cqw;
	margin-left: 9.26%;
}
.look__lead--01 img {
	width: 80.04%;
}
.look__lead--02 {
	margin-top: 9.68%;
	margin-left: 3.78%;
}
.look__lead--02 img {
	width: 92.77%;
}
.look__lead--03 {
	margin-left: 9.26%;
	margin-top: 9.89%;
}
.look__lead--03 img {
	width: 89.32%;
}
.look__illust--01 {
	margin-top: 8.42%;
}

/* ==============================================
 * .lineup
 */
.lineup {
	padding-top: 18.94%;
}
.lineup__ttl {
	margin-left: 8.84%;
}
.lineup__ttl img {
	width: 63.27%;
}
.lineup__dateArea {
	margin-top: 5.05%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lineup__date {
	margin-left: 9.26%;
	position: relative;
	letter-spacing: 0.07em;
	padding: 0 0.46em;
	display: inline-block;
	color: #000;
	font-family: "Azeret Mono", monospace;
	font-size: 13px;
	font-size: 2.73cqw;
	line-height: 1.077;
	background: #fff;
}
.lineup__date::before {
	content: "";
	position: absolute;
	left: calc(100% + 0.23em);
	top: 0;
	bottom: 0;
	display: block;
	width: 0.53em;
	height: 100%;
	background-color: #B80009;
}
.lineup__copyright {
	margin-right: 20%;
}
.lineup__copyright img {
	width: 37px;
	width: 7.78cqw;
}
.lineup__list {
	margin: 3.57% auto;
	width: 84.21%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 5%;
}
.lineup__item {
	margin-top: 21.05%;
}
.lineup__item:first-child, .lineup__item:nth-child(2) {
	margin-top: 0;
}
.lineup__item a:hover .lineup__img img {
	transform: scale(1.06);
}
.lineup__img {
	overflow: hidden;
	aspect-ratio: 570/713;
	clip-path: inset(0 0 1px 0);
}
.lineup__img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: transform 0.4s;
}
.lineup__name {
	margin-top: 1em;
	font-size: 12px;
	font-size: 2.52cqw;
	font-weight: 500;
	font-family: var(--font-family-helvetica);
	letter-spacing: 0.05em;
	line-height: 1.833;
}
.lineup__store {
	margin-top: 0.5em;
	font-size: 12px;
	font-size: 2.52cqw;
}
.lineup__store span {
	display: inline-block;
	padding: 0.16em 0.5em;
	background-color: #fff;
}
.lineup__store span img {
	width: 50px;
	width: 10.52cqw;
}

/* ==============================================
 * .campaign
 */
.campaign {
	margin-top: 7.15%;
	padding-top: 12.21%;
	padding-bottom: 12.63%;
	border-top: 1px solid #B80009;
}
@media screen and (max-width: 475px) {
	.campaign {
		margin-top: 11.73vw;
		padding-bottom: 9.6vw;
	}
}
.campaign__box {
	padding-bottom: 12%;
	background: center center/100% auto repeat-y url("../img/2025_evangelion/campaign_bg_main.png");
	position: relative;
}
.campaign__box::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	padding-bottom: 4%;
	background: center bottom/100% auto no-repeat url("../img/2025_evangelion/campaign_bg_end.png");
	z-index: 0;
}
.campaign__box > * {
	position: relative;
	z-index: 2;
}
.campaign__ttl img {
	width: 100%;
}
.campaign__lead {
	margin-top: 9.47%;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
	font-size: 20px;
	font-size: 4.21cqw;
	line-height: 1.3;
	letter-spacing: 0.035em;
}
.campaign__termTtl {
	margin-top: 10.52%;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
	font-size: 20px;
	font-size: 4.21cqw;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.035em;
}
.campaign__term {
	margin-top: 2.94%;
}
.campaign__term img {
	margin: 0 auto;
	width: 84.42%;
}
.campaign__photo {
	margin-top: 7.15%;
}
.campaign__photo img {
	margin: 0 auto;
	width: 58.94%;
}
.campaign__itemName {
	margin-top: 2.73%;
	text-align: center;
	font-family: "Zen Kaku Gothic New", var(--font-family-fallback);
	letter-spacing: 0.035em;
	font-size: 13px;
	font-size: 2.73cqw;
	line-height: 1.538;
	font-weight: normal;
}
@media screen and (max-width: 475px) {
	.campaign__itemName {
		font-size: 3.46vw;
	}
}
.campaign__itemNotice {
	margin-top: 2.52%;
	text-align: center;
	font-family: "Zen Kaku Gothic New", var(--font-family-fallback);
	letter-spacing: 0.035em;
	font-size: 10px;
	font-size: 2.1cqw;
	line-height: 1.6;
}
@media screen and (max-width: 475px) {
	.campaign__itemNotice {
		margin-top: 1.33vw;
		font-size: 2.4vw;
		line-height: 1.556;
	}
}
.campaign__btn {
	margin-top: 7.78%;
}
@media screen and (max-width: 475px) {
	.campaign__btn {
		margin-top: 6.4vw;
	}
}
.campaign__btn a {
	margin: 0 auto;
	font-weight: bold;
	font-family: "Zen Old Mincho", serif;
	font-size: 20px;
	font-size: 4.21cqw;
	line-height: 1;
	letter-spacing: 0.035em;
	display: grid;
	place-content: center;
	width: 84.21%;
	height: 4em;
	background-color: #fff;
	color: #000;
}
@media screen and (max-width: 475px) {
	.campaign__btn a {
		font-size: min(5.33vw, 20px);
		height: 3.15em;
	}
}
.campaign__footer {
	margin-top: 3.57%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.campaign__footer li {
	position: relative;
}
.campaign__footer li:not(:first-child)::before {
	content: "";
	display: block;
	width: 1px;
	height: 0.8em;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 60%;
	transform: translateY(-50%);
}
.campaign__footer a {
	padding: 0 0.76em;
	margin: 0 1em;
	font-family: "Zen Kaku Gothic New", var(--font-family-fallback);
	font-size: 13px;
	font-size: 2.73cqw;
	letter-spacing: 0.035em;
	line-height: 1.538;
}
@media screen and (max-width: 475px) {
	.campaign__footer a {
		font-size: min(3.46vw, 13px);
	}
}
.campaign__footer a:hover {
	text-decoration: underline !important;
}
.campaign__small {
	margin-top: 10.52%;
	font-family: "Zen Kaku Gothic New", var(--font-family-fallback);
	font-size: 13px;
	font-size: 2.73cqw;
	line-height: 1.538;
	text-align: center;
}
@media screen and (max-width: 475px) {
	.campaign__small {
		margin-top: 9.33vw;
		font-size: 2.93vw;
	}
}

/* ==============================================
 * .footer
 */
.footer {
	padding-top: 11.36%;
	padding-bottom: 21.68%;
	background: #000;
}
@media screen and (max-width: 475px) {
	.footer {
		padding-top: 11.73vw;
	}
}
.footer__credit, .footer__copyright {
	text-align: center;
	font-family: "Jost", var(--font-family-fallback);
	font-size: 12px;
	font-size: 2.52cqw;
	line-height: 2;
	letter-spacing: 0.035em;
}
@media screen and (max-width: 475px) {
	.footer__credit, .footer__copyright {
		font-size: min(3.46vw, 13px);
		line-height: 1.692;
	}
}
.footer__copyright {
	margin-top: 5.05%;
}

/* ==============================================
 * .menu
 */
.menu {
	box-sizing: content-box;
	width: 246px;
	width: 73.21cqw;
	max-width: 310.698px;
	padding: 0 20px 41.66%;
	margin-left: 6px;
	margin-left: 1.78cqw;
}
.menu__logo {
	margin-left: auto;
	margin-right: -1.63%;
	margin-bottom: 14.22%;
	width: 44.71%;
}
.menu__list li {
	position: relative;
}
.menu__list li::before {
	content: "";
	position: absolute;
	left: 1.62%;
	top: calc(50% - 1px);
	transform: translateY(-50%);
	display: block;
	width: 7.72%;
	padding-bottom: 7.72%;
	background: center center/contain no-repeat url("../img/2025_evangelion/menu_cursor.svg");
	opacity: 0;
	transition: opacity 0.4s;
}
.menu__list li:not(:first-child) {
	margin-top: 6.91%;
}
.menu__list li.active::before {
	opacity: 1;
}
.menu__list li.active img:first-child {
	opacity: 0;
}
.menu__list li.active img:last-child {
	opacity: 1;
}
.menu__list a {
	margin-left: 13.82%;
	display: block;
	position: relative;
	width: 76.42%;
}
.menu__list a:hover img:first-child {
	opacity: 0;
}
.menu__list a:hover img:last-child {
	opacity: 1;
}
.menu__list img {
	width: 100%;
	transition: opacity 0.4s;
}
.menu__list img:last-child {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

/* ==============================================
 * .scene
 */
.scene {
	position: relative;
	height: 100vh;
	max-height: 70vw;
	width: 100%;
}
.scene__img {
	position: absolute;
	width: 68.22%;
	max-height: 36%;
	aspect-ratio: 380/213;
	background: center center/contain no-repeat none;
}
.scene__set {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1.2s;
}
.scene__set.active {
	opacity: 1;
}
.scene__set--01 .scene__img:first-child {
	right: 0;
	top: 27.34%;
}
.scene__set--01 .scene__img:last-child {
	left: 0;
	bottom: 0;
}
.scene__set--02 .scene__img:first-child {
	left: 0;
	top: 0;
}
.scene__set--02 .scene__img:last-child {
	right: 0;
	top: 44.92%;
}
.scene__set--03 .scene__img:first-child {
	right: 0;
	bottom: 50.65%;
}
.scene__set--03 .scene__img:last-child {
	left: 0;
	top: 50.65%;
}
.scene__set--04 .scene__img:first-child {
	left: 50%;
	transform: translateX(-50%);
	bottom: 55.59%;
}
.scene__set--04 .scene__img:last-child {
	left: 50%;
	transform: translateX(-50%);
	top: 55.59%;
}
.scene__set--05 .scene__img:first-child {
	left: 0;
	bottom: 50.65%;
}
.scene__set--05 .scene__img:last-child {
	right: 0;
	top: 50.65%;
}
.scene__set--01 .scene__img:first-child {
	background-image: url("../img/2025_evangelion/scene_01_01.jpg");
}
.scene__set--01 .scene__img:last-child {
	background-image: url("../img/2025_evangelion/scene_01_02.jpg");
}
.scene__set--02 .scene__img:first-child {
	background-image: url("../img/2025_evangelion/scene_02_01.jpg");
}
.scene__set--02 .scene__img:last-child {
	background-image: url("../img/2025_evangelion/scene_02_02.jpg");
}
.scene__set--03 .scene__img:first-child {
	background-image: url("../img/2025_evangelion/scene_03_01.jpg");
}
.scene__set--03 .scene__img:last-child {
	background-image: url("../img/2025_evangelion/scene_03_02.jpg");
}
.scene__set--04 .scene__img:first-child {
	background-image: url("../img/2025_evangelion/scene_04_01.jpg");
}
.scene__set--04 .scene__img:last-child {
	background-image: url("../img/2025_evangelion/scene_04_02.jpg");
}
.scene__set--05 .scene__img:first-child {
	background-image: url("../img/2025_evangelion/scene_05_01.jpg");
}
.scene__set--05 .scene__img:last-child {
	background-image: url("../img/2025_evangelion/scene_05_02.jpg");
}

/* ==============================================
 * .modal (Micromodal.js)
 */
.modal {
	display: none;
}
.modal.is-open {
	display: block;
}
.modal__overlay {
	z-index: 1000;
	background: transparent;
	justify-content: center;
	padding-left: var(--pc-lcol-width);
	padding-right: var(--pc-rcol-width);
}
@media screen and (max-width: 1024px) {
	.modal__overlay {
		padding-left: 0;
		padding-right: 0;
	}
}
.modal__container {
	padding: 30px 0;
	overflow-x: clip;
	max-width: 84vw;
	width: 315px;
	background: transparent;
}
@media screen and (max-width: 1024px) {
	.modal__container {
		margin-right: auto;
		margin-left: auto;
	}
}
.modal__inner {
	position: relative;
	padding: 36px 20px 34px;
	border-radius: 0;
	background: #fff;
}
.modal__close {
	position: absolute;
	display: flex;
	justify-content: end;
	right: 3px;
	top: 7px;
}
.modal__close button {
	padding: 10px;
}
.modal__close img {
	width: 15px;
}
.modal__slider {
	width: 158px;
	margin: 0 auto;
}
.modal__slider img {
	width: 100%;
}
.modal__desc {
	margin-top: 24px;
	font-size: 13px;
	line-height: 1.538;
	letter-spacing: 0.035em;
	color: #000;
}
.modal__list {
	margin-top: 36px;
	padding-bottom: 5px;
	border-bottom: 4px solid #B80009;
}
.modal__list a {
	outline: none;
	color: #000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	font-family: var(--font-family-helvetica);
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 2.333;
}
.modal__itemName {
	flex: 1;
}
.modal__store {
	width: 62px;
}
.modal__store img {
	width: 100%;
}
.modal__allItem {
	margin-top: 22px;
	display: flex;
	justify-content: end;
}
.modal__allItem img {
	width: 94px;
}

/* ==============================================
 * .bar
 */
.bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	height: min(18.13vw, 68px);
	background: #000;
	z-index: 50;
	display: none;
}
@media screen and (max-width: 1024px) {
	.bar {
		display: block;
	}
}
.bar ul {
	height: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.bar li {
	height: 100%;
}
.bar li:not(:first-child) {
	position: relative;
}
.bar li:not(:first-child)::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	background-color: #B80009;
	height: 52.94%;
}
.bar a {
	display: grid;
	place-content: center;
	width: 100%;
	height: 100%;
}
.bar img {
	max-width: 97px;
	width: 25.86vw;
}
/*# sourceMappingURL=2025_evangelion.css.map */