@charset "utf-8";

.edf5-page { background: transparent; overflow-x: clip; }
.frame { max-width: 1920px; margin-inline: auto; position: relative; z-index: 1; }
.sp-only { display: none; }
@media screen and (max-width: 767px) {
	.frame { max-width: 750px; }
	.pc-only { display: none; }
	.sp-only { display: block; }
}

.edf5-page::before {
	content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
	background: #04070c url(../img/edf5/bg-main.png) center top / 100% auto no-repeat;
}
.edf5-page::after {
	content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
	background: rgba(3, 6, 11, .5);
}
@media screen and (max-width: 767px) {
	.edf5-page::before { background-image: url(../img/edf5/bg-main-sp.png); }
}

.fv { position: relative; width: 100%; aspect-ratio: 1920 / 767; overflow: hidden; background: transparent; }
.fv-el { position: absolute; margin: 0; line-height: 0; }
.fv-el img { width: 100%; display: block; }
.fv-corner { position: fixed; left: 0; top: 0; width: clamp(80px, 5.73vw, 110px); z-index: 100; opacity: 1; visibility: visible; pointer-events: none; }
.fv-hero   { left: 50%; transform: translateX(-50%); top: 16.5%; width: 28.44%; }
.fv-sub    { left: 50%; transform: translateX(-50%); top: 67.6%; width: 26.51%; }
.fv-buy    { left: 50%; transform: translateX(-50%); top: 85.4%; width: 27.08%; display: block; }

.fv-buy .is-normal { transition: opacity .45s ease, filter .45s ease; }

.fv-buy { position: absolute; }
.fv-buy .is-sp { display: none; }

.fv-buy .is-hover { position: absolute; inset: auto; left: 50%; top: 50%;
	width: 59.807692%; max-width: 311px; height: auto; transform: translate(-50%, calc(-50% - 2px));
	opacity: 0; pointer-events: none;
	filter: drop-shadow(0 0 8px rgba(162,18,56,1)) drop-shadow(0 0 20px rgba(162,18,56,.9)) drop-shadow(0 0 40px rgba(162,18,56,.75));
	transition: opacity .45s ease, filter .45s ease; }
.fv-buy:hover .is-hover, .fv-buy:focus-visible .is-hover { opacity: 1; }
.fv-buy:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.fv-gap { width: 100%; aspect-ratio: 1920 / 80; }
@media screen and (max-width: 767px) {
	.fv { aspect-ratio: 750 / 822; }
	.fv-corner { width: 50px; }
	.fv-hero { top: 19%; width: 72.8%; }
	.fv-sub  { top: 66%; width: 67.87%; }
	.fv-buy  { top: 83%; width: 84%; }

	.fv-buy .is-normal, .fv-buy .is-hover { display: none; }
	.fv-buy .is-sp { display: block; }
}

.psd { position: relative; width: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; container-type: inline-size; }

.psd > .ov { position: absolute; display: block; object-fit: cover; border: 1px solid var(--blue); }
.psd > .ov--top { object-fit: contain; border: 0; }
.psd > .ov--np { object-fit: contain; background: #000; }
.psd > .hot { position: absolute; display: block; z-index: 4; }
.psd > .hot > img { width: 100%; height: 100%; object-fit: contain; display: block; }
.psd > .hot:hover { background: rgba(255,255,255,.06); }
.psd > .hot:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }

.psd[data-sec="footer"] > .hot:hover,
.psd[data-sec="footer"] > .hot:active { background: transparent; }
.psd[data-sec="footer"] > .hot > img { opacity: 1; filter: none; }

.buybtn { position: absolute; display: flex; align-items: center; justify-content: center; background: #000; border: 1px solid var(--blue); color: var(--blue); font-family: "Noto Sans JP",sans-serif; font-weight: 700; font-size: 0.9375cqw; line-height: 1.1; white-space: nowrap; box-sizing: border-box; padding: 0 1cqw; transition: box-shadow .25s; }

.psd > .buybtn { display: flex; align-items: center; justify-content: center; text-align: center; }
.buybtn > span { pointer-events: none; }

.buybtn::after { content: ""; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); width: 0.73cqw; height: 0.83cqw; background: url(../img/edf5/btn-arrow-blue.png) center/contain no-repeat; transition: transform .2s; }
.buybtn--red { color: #cf1733; border-color: #cf1733; }
.buybtn--red::after { background-image: url(../img/edf5/btn-arrow-red.png); }

.buybtn:hover { box-shadow: 0 0 20px 2px #0587eb; }
.buybtn--red:hover { box-shadow: 0 0 30px 4px #a21238; }
.buybtn:hover::after { transform: translate(4px, -50%); }

.psd > .buybtn:hover { background: #000; }
.psd > .buybtn--red:hover { background: #000; }

.buybtn--off { opacity: .5; pointer-events: none; }
.buybtn--off:hover { box-shadow: none; }
.sp-only .buybtn { font-size: 13px; padding: 0 3cqw; white-space: nowrap; line-height: 1.12; z-index: 3; }
.sp-only .buybtn::after { right: -5px; width: 3cqw; height: 3.4cqw; }

.sp-cta-label { position: absolute; z-index: 3; transform: translateY(calc(-50% - 10px)); text-align: left; font-family: "Noto Sans JP",sans-serif; font-weight: 400; font-size: 18px; color: #fff; white-space: nowrap; padding-left: 5.5cqw; }
.sp-cta-label::before { content: ""; position: absolute; left: 0; top: 50%; width: 4.5cqw; height: 1px; background: var(--blue); transform: translateY(-50%); }

.pc-cta-label { position: absolute; z-index: 3; transform: translateY(calc(-50% + 9px)); text-align: left; font-family: "Noto Sans JP",sans-serif; font-weight: 400; font-size: 18px; color: #fff; white-space: nowrap; padding-left: 52px; pointer-events: none; }

.pc-cta-label::before { content: ""; position: absolute; left: 0; top: 50%; width: 40px; height: 1px; background: var(--blue); transform: translateY(-50%); }

.sec-head2 { position: absolute; z-index: 2; line-height: 1; }
.sec-head2 .wm { display: block; font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif; font-weight: 700; font-style: italic; font-size: 6.25cqw; color: rgba(255,255,255,.08); white-space: nowrap; line-height: 1; }
.sec-head2 .en { position: absolute; left: 0; bottom: -.06em; font-family: var(--font-en); font-size: 2.917cqw; font-weight: 700; font-style: normal; letter-spacing: .04em; color: var(--blue); line-height: 1; }

.pc-only .sec-head2 .en { bottom: .06em; }

[data-sec="about"]   .sec-head2 .wm { margin-left: 0.7833em; }
[data-sec="movie"]   .sec-head2 .wm { margin-left: 0.7em; }
[data-sec="system"]  .sec-head2 .wm { margin-left: 1.1em; letter-spacing: -0.18em; }
[data-sec="product"] .sec-head2 .wm { margin-left: 1.2583em; letter-spacing: -0.04em; }
[data-sec="buy"]     .sec-head2 .wm { margin-left: 0.25em; letter-spacing: -0.04em; }

@media (min-width: 1880px) { .sec-head2 .en { font-size: 56px; } .sec-head2 .wm { font-size: 120px; } }

.sp-only .sec-head2 .en { font-size: 28px; }

.sp-only .sec-head2 .wm { font-size: 60px; }

.sp-only [data-sec="system"] .tx--b,
.sp-only [data-sec="buy"] .tx--b { white-space: nowrap; }

.modal { position: fixed; inset: 0; z-index: 220; display: none; background: rgba(0,0,0,.9); place-items: center; padding: 5vh 5vw; }
.modal.is-open { display: grid; }
.modal__box { position: relative; display: grid; place-items: center; }
.modal__box img.modal-img { max-width: 90vw; max-height: 90vh; width: auto; height: auto; display: block; }
.modal__vid { position: relative; width: min(1000px, 90vw); aspect-ratio: 16/9; }
.modal__vid iframe { width: 100%; height: 100%; border: 0; }
.modal__close { position: fixed; top: 3vh; right: 3vw; width: 44px; height: 44px; background: none; padding: 0; cursor: pointer; z-index: 3; }
.modal__close img { width: 100%; height: 100%; display: block; }

.buytag { position: absolute; z-index: 1; width: max-content; display: flex; align-items: center; padding: 0 1.1cqw; font-family: "Noto Sans JP",sans-serif; font-weight: 700; font-size: 1.6667cqw; color: #000; white-space: nowrap; }
.buytag--blue { background: #0587eb; }
.buytag--red { background: #a21238; }
.sp-only .buytag { font-size: 5.3333cqw; padding: 0 2.5cqw; }

.slider__item > img { cursor: zoom-in; }

.tx { position: absolute; white-space: nowrap; font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif; font-weight: 400; letter-spacing: .01em; transform: translateY(-.16em); }
.tx--b { font-weight: 700; }
.tx--wrap { white-space: normal; }
.tx--nw { white-space: nowrap; }
.psd > .ov--band { object-fit: fill; border: 0; z-index: 0; }

.bnr-row { position: absolute; left: 0; width: 100%; z-index: 1; display: flex; justify-content: safe center; align-items: center; gap: 1.46cqw; overflow-x: auto; scrollbar-width: none; }
.bnr-row::-webkit-scrollbar { display: none; }
.bnr-item { flex: 0 0 18.85cqw; height: 100%; display: block; line-height: 0; }
.bnr-item img { width: 100%; height: 100%; object-fit: cover; display: block; border: 1px solid var(--blue); }
.bnr-item:hover { filter: drop-shadow(0 0 12px rgba(5,135,235,.6)); }

.sp-only .bnr-row { flex-wrap: wrap; overflow: visible; align-content: center; justify-content: center; gap: 0.93cqw 0.8cqw; }
.sp-only .bnr-item { flex: 0 0 48.53cqw; height: auto; aspect-ratio: 364 / 107; }

.sp-only .bnr-item img { border: 0; }

.sp-only .bnr-item { cursor: default; pointer-events: none; }
.sp-only .bnr-item:hover { filter: none; }

.pc-only .bnr-item { opacity: .5; cursor: default; pointer-events: none; }
.pc-only .bnr-item:hover { filter: none; }

.psd > .ov--nobd { border: 0; padding: 0; background: transparent; object-fit: unset; }

.sp-aslider { position: absolute; left: 0; width: 100%; z-index: 1; }
.sp-aslider__vp { display: flex; height: 100%; gap: 4.9%; padding-inline: 11.2%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 11.2%; scrollbar-width: none; cursor: grab; user-select: none; -webkit-user-select: none; }
.sp-aslider__vp::-webkit-scrollbar { display: none; }
.sp-aslider__vp img { flex: 0 0 77.6%; height: 100%; object-fit: cover; scroll-snap-align: center; border: 1px solid var(--blue); -webkit-user-drag: none; display: block; }

.sp-aarrow { position: absolute; z-index: 6; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; filter: drop-shadow(0 0 6px rgba(0,0,0,.85)); }
.sp-aarrow--prev { background-image: url(../img/edf5/arrow-left.png); }
.sp-aarrow--next { background-image: url(../img/edf5/arrow-right.png); }
.sp-aarrow:active { filter: drop-shadow(0 0 10px rgba(5,135,235,.9)); }

.sp-catch { position: absolute; z-index: 1; object-fit: contain; }

.sp-stripe { position: absolute; z-index: 0; background: url(../img/edf5/bg-section-stripe.png) repeat; pointer-events: none; }

.sp-geobg { position: absolute; z-index: 0; background: rgba(5,135,235,.1); pointer-events: none; }

.sp-mslider { position: absolute; left: 0; width: 100%; z-index: 1; display: flex; gap: 4.9%; padding-left: 15px; padding-right: 18.5%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 15px; scroll-behavior: smooth; scrollbar-width: none; cursor: grab; user-select: none; -webkit-user-select: none; }
.sp-mslider::-webkit-scrollbar { display: none; }
.sp-mslide { flex: 0 0 290px; width: 290px; height: 163px; position: relative; scroll-snap-align: start; border: 1px solid var(--blue); box-sizing: border-box; overflow: hidden; }

.sp-mslide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 290px; height: 163px; max-width: none; object-fit: unset; display: block; -webkit-user-drag: none; }
.sp-mslide .mplay { width: 44px; height: 44px; transform: translate(-50%,-50%); transition: none; filter: none; }
.sp-mbar { position: absolute; z-index: 2; cursor: pointer; background: #fff; }
.sp-mthumb { position: absolute; top: 0; left: 0; height: 100%; width: 33%; background: var(--blue); transition: left .15s; }

.slider { position: absolute; z-index: 3; user-select: none; -webkit-user-select: none; }

.slider__vp { display: flex; gap: 1.2cqw; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 18.75%; scrollbar-width: none; cursor: grab; padding-left: 18.75%; padding-right: 4cqw; user-select: none; -webkit-user-select: none; }
.slider__vp::-webkit-scrollbar { display: none; }

.pc-about-slider1 .slider__vp { scroll-snap-type: none; }
.slider.is-grab .slider__vp { cursor: grabbing; scroll-behavior: auto; }
.slider__item { flex: 0 0 30.2cqw; height: 100%; scroll-snap-align: start; position: relative; }
.slider__item img { -webkit-user-drag: none; user-select: none; pointer-events: auto; }
.slider__item > img { width: 100%; height: 100%; object-fit: cover; display: block; border: 1px solid var(--blue); }

.slider__btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 6; width: 1.7cqw; min-width: 26px; aspect-ratio: 32 / 35; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: .2s;
	filter: drop-shadow(0 0 10px rgba(0,0,0,.8)) drop-shadow(0 0 20px rgba(0,0,0,.8)); }

.slider__btn--prev { left: calc(18.75% - 20px); right: auto; transform: translateY(-50%); background-image: url(../img/edf5/arrow-left.png); }
.slider__btn--next { right: calc(19.65% - 20px); left: auto; transform: translateY(-50%); background-image: url(../img/edf5/arrow-right.png); }

.slider__btn--prev:hover { transform: translateY(-50%) translateX(-5px); filter: drop-shadow(0 0 20px rgba(5,135,235,.8)); }
.slider__btn--next:hover { transform: translateY(-50%) translateX(5px); filter: drop-shadow(0 0 20px rgba(5,135,235,.8)); }

.slider--movie .slider__vp { padding-left: 18.75%; padding-right: 51.05cqw; scroll-snap-type: none; }
.slider--movie .slider__item { scroll-snap-align: none; }
.slider--movie .slider__item > img { border: 1px solid var(--blue); }
.slider--movie .slider__item--np > img { object-fit: contain; background: #0a0e15; }

.slider__bar { position: absolute; left: 50%; transform: translateX(-50%); bottom: -3.2cqw; width: 320px; height: 6px; background: #fff; cursor: pointer; z-index: 6; }
.slider__bar-thumb { position: absolute; top: 0; left: 0; height: 100%; width: 106px; background: var(--blue); transition: left .2s; }

.mplay { position: absolute; left: 50%; top: 50%; width: 84px; height: 84px; transform: translate(-50%,-50%) scale(1); transform-origin: center center; background: url(../img/edf5/youtube-click.png) center/contain no-repeat; cursor: pointer; transition: transform .35s ease, filter .35s ease; will-change: transform, filter; z-index: 2; }

.slider__item:hover .mplay { transform: translate(-50%,-50%) scale(1.0476190476); filter: drop-shadow(0 0 8px rgba(5,135,235,1)) drop-shadow(0 0 20px rgba(5,135,235,.9)) drop-shadow(0 0 40px rgba(5,135,235,.75)); }

.gnav { position: fixed; top: 10px; right: 10px; z-index: 60; display: flex; flex-direction: column; align-items: flex-end; }

.gnav__lang { display: flex; }
.gnav__lang a {
	width: 60px; height: 60px; display: grid; place-items: center;
	font-family: var(--font-en); font-size: 1.8rem; font-weight: 700; letter-spacing: .06em;
	border: 2px solid var(--blue);
}
.gnav__lang a + a { border-left: 0; }
.gnav__lang a.is-active { background: var(--blue); color: #fff; }
.gnav__lang a:not(.is-active) { background: transparent; color: var(--blue); }
.gnav__lang a:not(.is-active):hover { background: rgba(5,135,235,.18); }

.gnav__list { position: relative; margin-top: 86px; padding: 0 20px 30px 44px; display: flex; flex-direction: column; gap: 22px; text-align: right; }

.gnav__list a { font-family: var(--font-en); font-size: 2.0rem; font-weight: 600; letter-spacing: .1em; color: #fff;
	text-shadow: 0 1px 4px rgba(0,0,0,.6); transition: color .25s, text-shadow .25s; }
.gnav__list a:hover { color: #fff; text-shadow: 0 0 4px #fff, 0 0 10px #aee3ff, 0 0 18px #2aa3ff, 0 0 28px #0587eb, 0 0 42px #0587eb, 0 0 58px #0587eb; }
.gnav__list a.is-current { color: var(--blue); text-shadow: 0 0 10px rgba(5,135,235,.75); }

.nav-toggle { display: none; position: fixed; top: 12px; right: 12px; z-index: 70; width: 48px; height: 48px; background: rgba(6,12,22,.85); border: 1px solid var(--line); border-radius: 4px; }
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 22px; height: 2px; background: #fff; transition: .3s var(--ease); }
.nav-toggle span { top: 50%; margin-top: -1px; }
.nav-toggle span::before { top: -7px; } .nav-toggle span::after { top: 7px; }
.is-nav-open .nav-toggle span { background: transparent; }
.is-nav-open .nav-toggle span::before { top: 0; transform: translateX(-50%) rotate(45deg); }
.is-nav-open .nav-toggle span::after { top: 0; transform: translateX(-50%) rotate(-45deg); }
@media screen and (max-width: 767px) {

	.nav-toggle { display: block; width: 50px; height: 50px; top: 0; right: 0; background: #000; border: 0; border-radius: 0; }
	.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after { width: 30px; height: 3px; background: #fff; border-radius: 0; box-shadow: none; }
	.nav-toggle span { top: 50%; margin-top: -1.5px; }
	.nav-toggle span::before { top: -11px; }
	.nav-toggle span::after  { top: 11px; }
	.is-nav-open .nav-toggle span { background: transparent; box-shadow: none; }
	.is-nav-open .nav-toggle span::before { top: 0; transform: translateX(-50%) rotate(45deg); }
	.is-nav-open .nav-toggle span::after  { top: 0; transform: translateX(-50%) rotate(-45deg); }

	.gnav { top: 0; right: 0; height: 100svh; width: 150px; transform: translateX(100%); transition: transform .4s var(--ease);
		background: rgba(0,0,0,.8);
		justify-content: flex-start; align-items: flex-end; padding: 0; }
	.is-nav-open .gnav { transform: translateX(0); }

	.gnav__lang { justify-content: flex-end; margin: 0 50px 0 0; }
	.gnav__lang a { width: 50px; height: 50px; font-size: 1.6rem; border-width: 1px; }

	.gnav__list { margin-top: 64px; padding: 0 0 0 22px; gap: 26px; text-align: left; align-items: flex-start; align-self: flex-start; width: 100%; box-sizing: border-box; }

	.gnav__list a { font-size: 2.0rem; }
}

.banners-sec    { background-color: transparent; background-image: url(../img/edf5/sec-bnr.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; }
.banners-sec-sp { background-color: transparent; background-image: url(../img/edf5/sec-bnr-sp.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; }

.pc-only [data-sec="about"] { margin-top: 0; }
.pc-only [data-sec="movie"], .pc-only [data-sec="system"], .pc-only [data-sec="product"], .pc-only [data-sec="footer"] { margin-top: -0.16%; background-color: #04070c; }

.panel { position: absolute; z-index: 0; border: 0; background: url(../img/edf5/bg-section-stripe.png) repeat; pointer-events: none; }
.sp-only [data-sec] { background-color: #04070c; }

.sp-only [data-sec="banners"] { background-color: transparent; }

.sp-only [data-sec="about"] { margin-top: 0; }
.sp-only [data-sec="movie"] { margin-top: -0.27%; }
.sp-only [data-sec="system"] { margin-top: -0.4%; }
.sp-only [data-sec="product"] { margin-top: -0.53%; }
.sp-only [data-sec="buy"] { margin-top: 0; }
.sp-only [data-sec="footer"] { margin-top: -0.67%; }

.page-load { position: fixed; inset: 0; z-index: 300; background: var(--bg); display: grid; place-items: center; transition: opacity .6s var(--ease); }
.page-load__logo { width: 340px; max-width: 62vw; height: auto; animation: pulse 1.4s ease-in-out infinite; }
@keyframes pulse { 0%,100%{opacity:.35} 50%{opacity:1} }
.is-loaded .page-load { opacity: 0; pointer-events: none; }

.cta-frame { position: absolute; z-index: 1; pointer-events: none; animation: ctaspin 26s linear infinite; }
@keyframes ctaspin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .cta-frame { animation: none; } }
.cta-badge-txt { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; }
.cta-badge-txt .ja { font-family: "Noto Sans JP",sans-serif; font-weight: 700; font-size: 1.45cqw; color: #fff; letter-spacing: .04em; line-height: 1; }
.cta-badge-txt .en2 { font-family: var(--font-en); font-size: .66cqw; font-weight: 600; letter-spacing: .28em; color: #9fc7ee; margin-top: 1em; line-height: 1; }
.sp-only .cta-badge-txt .ja { font-size: 4.6cqw; }
.sp-only .cta-badge-txt .en2 { font-size: 2.4cqw; margin-top: .9em; }

.pc-only [data-sec="about"] { aspect-ratio: 1920/1025; background-image: url(../img/edf5/sec-about.png); }
.pc-only [data-sec="movie"] { aspect-ratio: 1920/687; }
.pc-only [data-sec="system"] { aspect-ratio: 1920/3506; }
.pc-only [data-sec="product"] { aspect-ratio: 1920/1149; }
.pc-only [data-sec="footer"] { aspect-ratio: 1920/191; }
.sp-only [data-sec="about"] { aspect-ratio: 750/1383; background-image: url(../img/edf5/sec-about-sp.png); }
.sp-only [data-sec="movie"] { aspect-ratio: 750/688; }
.sp-only [data-sec="system"] { aspect-ratio: 750/4905; }
.sp-only [data-sec="product"] { aspect-ratio: 750/2091; }
.sp-only [data-sec="buy"] { aspect-ratio: 750/5174; }
.sp-only [data-sec="footer"] { aspect-ratio: 750/398; }

.pc-only [data-sec="movie"]   { background: rgba(0,0,0,.4) url(../img/edf5/bg-section-stripe.png) repeat; }
.pc-only [data-sec="system"]  { background:
		url(../img/edf5/sec-system-bg-logo.png) 90% top / 39% auto no-repeat,
		url(../img/edf5/sec-system-bottom.png) center bottom / 100% auto no-repeat,
		linear-gradient(to bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,1) 80%); }
.pc-only [data-sec="product"] { background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 100%); }
.pc-only [data-sec="buy"]     { background: rgba(0,0,0,.8); }

.pc-only [data-sec="buy"]::before { content: ""; position: absolute; left: 0; top: 84.67%; width: 100%; height: 13.76%; background: url(../img/edf5/sec-buynow.png) 0 0 / 100% 100% no-repeat; z-index: 0; pointer-events: none; }
.sp-only [data-sec="movie"]   { background: rgba(0,0,0,.4) url(../img/edf5/bg-section-stripe.png) repeat; }
.sp-only [data-sec="system"]  { background:
		url(../img/edf5/sec-system-bottom-sp.png) center bottom / 100% auto no-repeat,
		linear-gradient(to bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,1) 80%); }
.sp-only [data-sec="product"] { background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 100%); }
.sp-only [data-sec="buy"]     { background-color: rgba(0,0,0,.8); }

.pc-only [data-sec="about"]   { background-color: rgba(0,0,0,.8); }
.sp-only [data-sec="about"]   { background-color: rgba(0,0,0,.8); }

.pc-footer-logo1 { left:30.29%; top:18.06%; width:3.3%; height:auto; }
.pc-footer-follow { left:56.61%; top:22.51%; width:5%; height:auto; }
.sp-footer-logo1 { left:7%; top:21.5%; width:12.5%; height:auto; }
.sp-footer-follow { left:25.5%; top:50.2%; width:15%; height:auto; }

.pc-banners-sec1 { aspect-ratio:1920/242; }
.pc-banners-bnrrow1 { top:27.69%;height:44.21%; }

.pc-about-head1 { left:18.75%;top:8%; }
.pc-about-tx1 { left:18.75%;top:42.146%;width:49.715%;font-size:0.9375cqw;line-height:1.6;color:#ffffff; }
.pc-about-slider1 { left:0;top:60.1%;width:100%;height:32.1%; }

.pc-movie-head1 { left:18.7%;top:11.79%; }
.pc-movie-slider1 { left:0;top:33.9%;width:100%;height:47.9%; }

.pc-system-head1 { left:18.7%;top:2.31%; }
.pc-system-tx1 { left:18.75%;top:6.361%;font-size:2.0833cqw;line-height:1.3;color:#fff; }
.pc-system-tx2 { left:18.75%;top:8.7%;font-size:0.9375cqw;line-height:1.667;color:#fff; }
.pc-system-tx3 { left:18.802%;top:26.612%;font-size:2.0833cqw;line-height:1.25;color:#fff; }
.pc-system-tx4 { left:18.75%;top:28.95%;font-size:0.9375cqw;line-height:1.6;color:#fff; }
.pc-system-tx5 { left:18.906%;top:44.067%;font-size:2.0833cqw;line-height:1.25;color:#fff; }
.pc-system-tx6 { left:18.75%;top:46.4%;font-size:0.9375cqw;line-height:1.6;color:#fff; }
.pc-system-tx7 { left:18.906%;top:62.407%;font-size:2.0833cqw;line-height:1.25;color:#fff; }
.pc-system-tx8 { left:18.75%;top:64.75%;font-size:0.9375cqw;line-height:1.6;color:#fff; }
.pc-system-tx9 { left:18.854%;top:68.397%;font-size:0.625cqw;line-height:1.25;color:#aaaaaa; }
.pc-system-ov3 { left:18.75%;top:15.06%;width:30.21%;height:9.33%; }
.pc-system-ov4 { left:51.04%;top:15.06%;width:30.21%;height:9.33%; }
.pc-system-ov5 { left:18.75%;top:32.54%;width:30.21%;height:9.33%; }
.pc-system-ov6 { left:51.04%;top:32.54%;width:30.21%;height:9.33%; }
.pc-system-ov7 { left:18.75%;top:50.85%;width:30.21%;height:9.33%; }
.pc-system-ov8 { left:51.04%;top:50.85%;width:30.21%;height:9.33%; }
.pc-system-ov9 { left:18.75%;top:70.05%;width:30.21%;height:9.33%; }
.pc-system-ov10 { left:51.04%;top:70.11%;width:30.21%;height:9.33%; }

.pc-product-head1 { left:18.7%;top:7.05%; }
.pc-product-panel1 { left:18.7%;top:20.28%;width:62.6%;height:76.24%; }
.pc-product-ov1 { left:56.2%;top:15.06%;width:21.98%;height:36.73%; }
.pc-product-tx1 { left:21.927%;top:25.7%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx2 { left:31.25%;top:25.7%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx3 { left:21.927%;top:30.3%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx4 { left:31.302%;top:30.3%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx5 { left:21.875%;top:34.9%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx6 { left:31.25%;top:34.9%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx7 { left:21.875%;top:39.5%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx8 { left:31.354%;top:39.5%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx9 { left:21.927%;top:44.1%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx10 { left:31.25%;top:44.1%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx11 { left:21.875%;top:48.7%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx12 { left:31.302%;top:48.7%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx13 { left:21.875%;top:58.25%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx14 { left:31.302%;top:58.25%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx15 { left:31.354%;top:61.1%;font-size:0.625cqw;line-height:1.6;color:#aaaaaa; }
.pc-product-tx16 { left:21.875%;top:65.4%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx17 { left:31.302%;top:65.4%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx18 { left:21.927%;top:69.85%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx19 { left:31.25%;top:69.85%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx20 { left:21.875%;top:77%;font-size:0.7971cqw;line-height:1.5;color:#0587eb; }
.pc-product-tx21 { left:31.25%;top:77%;font-size:0.8333cqw;line-height:1.5;color:#fff; }
.pc-product-tx22 { left:31.354%;top:84.2%;font-size:0.625cqw;line-height:1.7;color:#aaaaaa; }

.pc-buy-sec1 { aspect-ratio:1920/3059; }
.pc-buy-head1 { left:18.7%;top:1.37%; }
.pc-buy-panel1 { left:18.7%;top:6.31%;width:62.6%;height:15.2%; }
.pc-buy-panel2 { left:18.7%;top:23.41%;width:62.6%;height:15.13%; }
.pc-buy-panel3 { left:18.7%;top:40.44%;width:62.6%;height:38.12%; }
.pc-geobg { position: absolute; z-index: 0; background: rgba(5,135,235,.1); pointer-events: none; }
.pc-buy-geobg1 { left:18.7%;top:54.5%;width:62.6%;height:11.5%; }
.pc-buy-tag1 { left:18.7%;top:6.34%;width:20.36%;height:2.03%; }
.pc-buy-tag2 { left:38.96%;top:6.34%;width:22.08%;height:2.03%; }
.pc-buy-tag3 { left:18.7%;top:23.41%;width:28.49%;height:2.03%; }
.pc-buy-tag4 { left:18.7%;top:40.44%;width:20.36%;height:2.03%; }
.pc-buy-ov1 { left:21.875%;top:10.30%;width:26.04%;height:9.22%; }
.pc-buy-ov2 { left:21.875%;top:27.33%;width:26.04%;height:auto; }
.pc-buy-ov3 { left:21.93%;top:44.39%;width:26.04%;height:9.19%; }
.pc-buy-ov4 { left:21.875%;top:55.54%;width:26.04%;height:9.22%; }
.pc-buy-ov5 { left:21.93%;top:67.37%;width:26.04%;height:9.19%; }
.pc-buy-tx1 { left:50.052%;top:11.9%;font-size:0.9375cqw;line-height:1.25;color:#aaaaaa; }
.pc-buy-tx2 { left:50.156%;top:13.05%;font-size:1.25cqw;line-height:1.5;color:#fff; }
.pc-buy-tx3 { left:50.625%;top:15.45%;width:27.4%;font-size:0.625cqw;line-height:1.8;color:#aaaaaa; }
.pc-buy-tx4 { left:50.104%;top:28.65%;font-size:0.9375cqw;line-height:1.25;color:#aaaaaa; }
.pc-buy-tx5 { left:50.052%;top:29.8%;font-size:1.25cqw;line-height:1.45;color:#fff; }
.pc-buy-tx6 { left:50.156%;top:46.15%;font-size:1.6667cqw;line-height:1.25;color:#0587eb; }
.pc-buy-tx7 { left:50%;top:47.9%;font-size:1.25cqw;line-height:1.5;color:#fff; }
.pc-buy-tx8 { left:50.104%;top:56.7%;font-size:1.6667cqw;line-height:1.25;color:#0587eb; }
.pc-buy-tx9 { left:50.104%;top:58.4%;font-size:0.9375cqw;line-height:1.25;color:#aaaaaa; }
.pc-buy-tx10 { left:50.052%;top:59.55%;font-size:1.25cqw;line-height:1.5;color:#fff; }
.pc-buy-tx11 { left:50%;top:69.1%;font-size:1.6667cqw;line-height:1.25;color:#0587eb; }
.pc-buy-tx12 { left:50.052%;top:70.85%;font-size:1.25cqw;line-height:1.5;color:#fff; }
.pc-buy-tx13 { left:41.771%;top:calc(78.56% + 62px);font-size:0.625cqw;line-height:1.556;color:#aaaaaa; }
.pc-buy-tx14 { left:50.052%;top:75.55%;font-size:0.625cqw;line-height:1.556;color:#aaaaaa; }
.pc-buy-btn1 { left:49.95%;top:33.41%;width:13.65%;height:2.03%; }
.pc-buy-btn2 { left:64.53%;top:33.41%;width:13.65%;height:2.03%; }
.pc-buy-btn3 { left:49.95%;top:50.11%;width:13.65%;height:2.03%; }
.pc-buy-btn4 { left:64.53%;top:50.11%;width:13.65%;height:2.03%; }
.pc-buy-btn5 { left:49.95%;top:61.82%;width:13.65%;height:2.03%; }
.pc-buy-btn6 { left:49.95%;top:73.10%;width:13.65%;height:2.03%; }

.pc-buy-tx11, .pc-buy-tx12, .pc-buy-btn6 { transform: translateY(-20px); }
.pc-buy-tx14 { transform: translateY(-9px); }
.pc-buy-btn7 { left:calc(33.96% + 70px);top:87.91%;width:13.65%;height:2.03%; }
.pc-buy-btn8 { left:52.55%;top:87.91%;width:13.65%;height:2.03%; }
.pc-buy-btn9 { left:67.66%;top:87.91%;width:13.65%;height:2.03%; }
.pc-buy-btn10 { left:calc(33.96% + 70px);top:92.97%;width:13.65%;height:2.03%; }
.pc-buy-btn11 { left:52.55%;top:92.97%;width:13.65%;height:2.03%; }

.pc-buy-btn7, .pc-buy-btn8, .pc-buy-btn9, .pc-buy-btn10, .pc-buy-btn11 { transform: translateY(11px); }
.pc-buy-ctaframe1 { left:20.21%;top:87%;width:13.75%;height:8.6%; }
.pc-buy-ctabadge1 { left:20.21%;top:87%;width:13.75%;height:8.6%; }

.pc-buy-ctalabel1 { left:calc(33.96% + 70px); top:87.1%; }
.pc-buy-ctalabel2 { left:calc(33.96% + 70px); top:92.2%; }

.pc-footer-tx1 { left:45.521%;top:73.3%;font-size:0.5208cqw;line-height:1.25;color:#555555; }
.pc-footer-tx2 { left:45.365%;top:83.8%;font-size:0.5208cqw;line-height:1.25;color:#555555; }
.pc-footer-hot1 { left:35.78%;top:18.06%;width:7.29%;height:29.84%; }
.pc-footer-hot2 { left:45.16%;top:18.06%;width:9.79%;height:29.84%; }
.pc-footer-hot3 { left:61.93%;top:26.18%;width:2.4%;height:22%; }
.pc-footer-hot4 { left:64.79%;top:26.18%;width:2.4%;height:22%; }
.pc-footer-hot5 { left:67.81%;top:26.18%;width:2.6%;height:22%; }

.sp-banners-sec1 { aspect-ratio:750/355; }
.sp-banners-bnrrow1 { top:18.87%;height:62.26%; }

.sp-about-head1 { left:4%;top:7.3%; transform:translateY(-12px);  }
.sp-about-catch1 { left:15px;top:18.1%;width:calc(100% - 30px);height:18.4%; }
.sp-about-tx1 { left:15px;top:39.5%;width:calc(100% - 30px);font-size:min(14px,3.7cqw);line-height:1.8;color:#fff; }
.sp-about-aslider1 { left:0;top:70.5%;width:100%;height:23.65%; }
.sp-about-aarrow1 { left:3.07%;top:79.5%;width:6.13%;height:4.4%; }
.sp-about-aarrow2 { left:90.8%;top:79.5%;width:6.13%;height:4.4%; }

.sp-movie-head1 { left:15px;top:11.63%; transform:translateY(-12px);  }
.sp-movie-mslider1 { left:0;top:33.87%;width:100%;height:47.53%; }
.sp-movie-mbar1 { left:28.5%;top:87.1%;width:42.9%;height:1.2%; }

.sp-system-head1 { left:15px;top:1.63%; transform:translateY(-12px);  }
.sp-system-tx1 { left:15px;top:4.506%;width:48.2%;font-size:24px;line-height:1.292;color:#fff; }
.sp-system-tx2 { left:15px;top:6.055%;width:calc(100% - 30px);font-size:min(14px,3.7cqw);line-height:1.8;color:#fff; }
.sp-system-tx3 { left:15px;top:29.623%;width:79.267%;font-size:24px;line-height:1.292;color:#fff; }
.sp-system-tx4 { left:15px;top:31.172%;width:calc(100% - 30px);font-size:min(14px,3.7cqw);line-height:1.8;color:#fff; }
.sp-system-tx5 { left:15px;top:46.524%;width:77.133%;font-size:24px;line-height:1.292;color:#fff; }
.sp-system-tx6 { left:15px;top:49.358%;width:calc(100% - 30px);font-size:min(14px,3.7cqw);line-height:1.8;color:#fff; }
.sp-system-tx7 { left:15px;top:67.788%;width:calc(100% - 30px);font-size:24px;line-height:1.292;color:#fff; }
.sp-system-tx8 { left:15px;top:69.337%;width:calc(100% - 30px);font-size:min(14px,3.7cqw);line-height:1.8;color:#fff; }
.sp-system-tx9 { left:15px;top:78.797%;width:calc(100% - 30px);font-size:2.6667cqw;line-height:1.7;color:#aaa; }
.sp-system-mslider1 { left:0;top:20.04%;width:100%;height:6.67%; }
.sp-system-mbar1 { left:28.5%;top:27.5%;width:42.9%;height:0.2%; }
.sp-system-mslider2 { left:0;top:36.94%;width:100%;height:6.67%; }
.sp-system-mbar2 { left:28.5%;top:44.4%;width:42.9%;height:0.2%; }
.sp-system-mslider3 { left:0;top:58.21%;width:100%;height:6.67%; }
.sp-system-mbar3 { left:28.5%;top:65.7%;width:42.9%;height:0.2%; }
.sp-system-mslider4 { left:0;top:80.94%;width:100%;height:6.67%; }
.sp-system-mbar4 { left:28.5%;top:88.4%;width:42.9%;height:0.2%; }

.sp-product-stripe1 { left:0;top:15.93%;height:82.16%;width:100%; }
.sp-product-head1 { left:15px;top:3.92%; transform:translateY(-12px);  }
.sp-product-ov1 { left:21.87%;top:11.14%;width:56.27%;height:20.28%; }
.sp-product-tx1 { left:15px;top:33.812%;width:13.533%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx2 { left:33.333%;top:33.812%;width:62%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx3 { left:15px;top:37.303%;width:26.2%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx4 { left:33.6%;top:37.398%;width:40%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx5 { left:15px;top:40.794%;width:10.067%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx6 { left:33.467%;top:40.842%;width:22.067%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx7 { left:15px;top:44.285%;width:13.667%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx8 { left:33.867%;top:44.285%;width:45.533%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx9 { left:15px;top:47.824%;width:13.533%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx10 { left:33.333%;top:47.824%;width:43.133%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx11 { left:15px;top:51.267%;width:7.4%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx12 { left:33.333%;top:51.267%;right:15px;width:auto;font-size:3.2cqw;line-height:1.6;color:#fff; }
.sp-product-tx13 { left:15px;top:60.928%;width:13.8%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx14 { left:33.6%;top:60.928%;right:15px;width:auto;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx15 { left:33.333%;top:63.032%;right:15px;width:auto;font-size:2.6667cqw;line-height:1.7;color:#aaa; }
.sp-product-tx16 { left:15px;top:70.014%;width:9.4%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx17 { left:33.6%;top:69.871%;width:26.467%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx18 { left:15px;top:73.362%;width:7.133%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx19 { left:33.467%;top:73.362%;width:52.733%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx20 { left:15px;top:78.91%;width:7.267%;font-size:3.2cqw;line-height:1.75;color:#0587eb; }
.sp-product-tx21 { left:33.467%;top:78.91%;width:58.067%;font-size:3.2cqw;line-height:1.75;color:#fff; }
.sp-product-tx22 { left:15px;top:83.357%;width:calc(100% - 30px);font-size:2.6667cqw;line-height:1.7;color:#aaa; }

.sp-movie-mslider1, .sp-system-mslider1, .sp-system-mslider2, .sp-system-mslider3, .sp-system-mslider4, .sp-about-aslider1, .sp-product-stripe1 {
	left: calc(-1 * var(--gap, 0px)); width: calc(100% + 2 * var(--gap, 0px));
}

.sp-buy-stripe1 { left:15px;top:3.75%;width:calc(100% - 30px);height:16.72%; }
.sp-buy-stripe2 { left:15px;top:21.57%;width:calc(100% - 30px);height:17.12%; }
.sp-buy-stripe3 { left:15px;top:39.81%;width:calc(100% - 30px);height:42.06%; }
.sp-buy-geobg1 { left:15px;top:55.5%;width:calc(100% - 30px);height:12.7%; }

.sp-buy-stripe1, .sp-buy-stripe2, .sp-buy-stripe3 { background: url(../img/edf5/bg-section-stripe.png) repeat; }
.sp-buy-geobg1 { background-color: rgba(5,135,235,.1); background-image: url(../img/edf5/bg-section-stripe.png); background-repeat: repeat; }
.sp-only [data-sec="buy"] .buy-bgfull { background: none; }
.sp-buy-head1 { left:15px;top:0.81%; transform:translateY(-12px);  }
.sp-buy-ov1 { left:16.67%;top:7.63%;width:66.67%;height:5.45%; }
.sp-buy-ov2 { left:16.67%;top:24.15%;width:66.67%;height:auto; }
.sp-buy-ov3 { left:16.8%;top:42.15%;width:66.67%;height:5.43%; }
.sp-buy-ov4 { left:16.67%;top:56.28%;width:66.67%;height:5.45%; }
.sp-buy-ov5 { left:16.8%;top:68.75%;width:66.67%;height:5.43%; }
.sp-buy-tag1 { left:15px;top:4.136%;height:1.45%; }
.sp-buy-tag2 { left:15px;top:5.682%;height:1.45%; }
.sp-buy-tx1 { left:30px;top:13.819%;width:32.333%;font-size:3.2cqw;line-height:1.7;color:#aaa; }
.sp-buy-tx2 { left:30px;top:14.9%;width:83.0%;font-size:4.2667cqw;line-height:1.2;color:#fff;  }
.sp-buy-tx3 { left:30px;top:15.964%;width:83.0%;font-size:2.6667cqw;line-height:1.7;color:#aaa; }
.sp-buy-tag3 { left:15px;top:21.956%;height:1.45%; }
.sp-buy-tx4 { left:30px;top:30.68%;width:39.267%;font-size:3.2cqw;line-height:1.7;color:#aaa; }
.sp-buy-tx5 { left:30px;top:31.74%;width:71.667%;font-size:4.2667cqw;line-height:1.2;color:#fff;  }
.sp-buy-tag4 { left:15px;top:40.201%;height:1.45%; }
.sp-buy-tx6 { left:30px;top:48.396%;width:40%;font-size:4.2667cqw;line-height:1.25;color:#0587eb; }
.sp-buy-tx7 { left:30px;top:49.575%;width:30%;font-size:4.2667cqw;line-height:1.2;color:#fff; }
.sp-buy-tx8 { left:30px;top:62.543%;width:20%;font-size:4.2667cqw;line-height:1.25;color:#0587eb; }
.sp-buy-tx9 { left:30px;top:63.722%;width:38.6%;font-size:3.2cqw;line-height:1.7;color:#aaa; }
.sp-buy-tx10 { left:30px;top:64.823%;width:40%;font-size:4.2667cqw;line-height:1.2;color:#fff;  }
.sp-buy-tx11 { left:30px;top:74.99%;width:25%;font-size:4.2667cqw;line-height:1.25;color:#0587eb; }
.sp-buy-tx12 { left:30px;top:76.169%;width:57.667%;font-size:4.2667cqw;line-height:1.2;color:#fff; }
.sp-buy-tx13 { left:15px;top:calc(81.87% + 26px);width:69.533%;font-size:2.6667cqw;line-height:1.7;color:#aaa; }
.sp-buy-tx14 { left:30px;top:79.55%;width:calc(100% - 60px);font-size:2.6667cqw;line-height:1.7;color:#aaa; }

.sp-buy-tx13 > span { white-space: nowrap; }
.sp-buy-btn1 { left:27.47%;top:33.82%;width:45.2%;height:1.585%; }
.sp-buy-btn2 { left:27.47%;top:35.95%;width:45.2%;height:1.585%; }
.sp-buy-btn3 { left:27.47%;top:51.04%;width:45.2%;height:1.585%; }
.sp-buy-btn4 { left:27.47%;top:53.17%;width:45.2%;height:1.585%; }
.sp-buy-btn5 { left:27.47%;top:66.02%;width:45.2%;height:1.585%; }
.sp-buy-btn6 { left:27.47%;top:77.64%;width:45.2%;height:1.585%; }
.sp-buy-btn7 { left:15px;top:91.26%;width:45.2%;height:1.585%; }
.sp-buy-btn8 { left:15px;top:93.4%;width:45.2%;height:1.585%; }
.sp-buy-btn9 { left:15px;top:95.53%;width:45.2%;height:1.585%; }
.sp-buy-btn10 { left:50.8%;top:91.26%;width:45.2%;height:1.585%; }
.sp-buy-btn11 { left:50.8%;top:93.4%;width:45.2%;height:1.585%; }
.sp-buy-ov6 { left:0;top:84.67%;width:100%;height:13.76%; }
.sp-buy-ov8 { left:3.87%;top:85.97%;width:92.27%;height:3.23%; }
.sp-buy-ctalabel1 { left:15px;top:90.7%; }
.sp-buy-ctalabel2 { left:50.8%;top:90.7%; }

.sp-buy-ov5, .sp-buy-tx11, .sp-buy-tx12, .sp-buy-btn6 { transform: translateY(20px); }
.sp-buy-tx14 { transform: translateY(20px); }
.sp-buy-ov6, .sp-buy-ov8, .sp-buy-btn7, .sp-buy-btn8, .sp-buy-btn9, .sp-buy-btn10, .sp-buy-btn11 { transform: translateY(39px); }
.sp-buy-ctalabel1, .sp-buy-ctalabel2 { transform: translateY(calc(-50% - 10px + 39px)); }

.sp-footer-tx1 { left:50%;top:76.131%;transform:translate(-50%,-50%);font-size:2.6667cqw;line-height:1.4;color:#555; }
.sp-footer-tx2 { left:50%;top:86.181%;transform:translate(-50%,-50%);font-size:2.6667cqw;line-height:1.4;color:#555; }
.sp-footer-hot1 { left:26.8%;top:21.86%;width:25.07%;height:19.35%; }
.sp-footer-hot2 { left:57.2%;top:21.86%;width:33.6%;height:19.35%; }
.sp-footer-hot3 { left:44.53%;top:52.76%;width:6.13%;height:10.3%; }
.sp-footer-hot4 { left:55.87%;top:52.76%;width:6.13%;height:10.3%; }
.sp-footer-hot5 { left:67.2%;top:52.76%;width:6.13%;height:10.3%; }

.pc-system-tx9, .pc-product-tx15,
.sp-system-tx9, .sp-product-tx15 {
	padding-left: 1em; text-indent: -1em;
}

.nix-note > span { display: block; padding-left: 1em; text-indent: -1em; }

.menu-piller {
	position: fixed; top: 10px; right: -1px; width: 1px; height: 300px;
	z-index: 59;
	pointer-events: none;

	box-shadow: 0 0 200px 40px rgba(5,135,235,.7);
}

.menu-light { position: fixed; top: 50px; right: 0; width: 200px; height: auto; z-index: 58; pointer-events: none; }

.pc-buy-ctaside {
	display: none; position: absolute; top: 84.67%; height: 13.76%; width: var(--gap, 0px);
	z-index: 0; pointer-events: none; background-repeat: repeat-x; background-size: auto 100%;
}
.pc-buy-ctaside-l { right: 100%; background-image: url(../img/edf5/sec-buynow-left.png); }
.pc-buy-ctaside-r { left: 100%;  background-image: url(../img/edf5/sec-buynow-right.png); }

@media screen and (min-width: 1921px) {

	.pc-only .banners-sec, .pc-only [data-sec="buy"] { overflow: visible; --gap: calc((100vw - 1920px - var(--viewport-scrollbar, 0px)) / 2); }

	.pc-only .banners-sec::before, .pc-only .banners-sec::after {
		content: ""; position: absolute; top: 0; bottom: 0; width: var(--gap, 0px);
		z-index: 0; pointer-events: none; background-repeat: repeat-x; background-size: auto 100%;
	}
	.pc-only .banners-sec::before { right: 100%; background-image: url(../img/edf5/sec-bnr-left.png); }
	.pc-only .banners-sec::after  { left: 100%;  background-image: url(../img/edf5/sec-bnr-right.png); }

	.pc-buy-ctaside { display: block; }
}

@media screen and (max-width: 767px) { .menu-piller, .menu-light { display: none; } }

@media screen and (max-width: 767px) and (min-width: 376px) {

	.frame { max-width: 375px; }
	.sp-only .banners-sec-sp, .sp-only [data-sec="buy"] { overflow: visible; --gap: calc((100vw - 375px - var(--viewport-scrollbar, 0px)) / 2); }

	.sp-only .banners-sec-sp::before, .sp-only .banners-sec-sp::after {
		content: ""; position: absolute; top: 0; bottom: 0; width: var(--gap, 0px);
		z-index: 0; pointer-events: none; background-repeat: repeat-x; background-size: auto 100%;
	}
	.sp-only .banners-sec-sp::before { right: 100%; background-image: url(../img/edf5/sec-bnr-sp-left.png); }
	.sp-only .banners-sec-sp::after  { left: 100%;  background-image: url(../img/edf5/sec-bnr-sp-right.png); }

	.sp-only [data-sec="buy"]::before, .sp-only [data-sec="buy"]::after {
		content: ""; position: absolute; top: 84.67%; height: 13.76%; width: var(--gap, 0px); transform: translateY(39px);
		z-index: 0; pointer-events: none; background-repeat: repeat-x; background-size: auto 100%;
	}
	.sp-only [data-sec="buy"]::before { right: 100%; background-image: url(../img/edf5/sec-buynow-sp-left.png); }
	.sp-only [data-sec="buy"]::after  { left: 100%;  background-image: url(../img/edf5/sec-buynow-sp-right.png); }
}

.buy-bgfull { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; pointer-events: none; background: rgba(0,0,0,.8); }

@media screen and (min-width: 1921px) {
	.pc-only [data-sec="about"], .pc-only [data-sec="movie"], .pc-only [data-sec="system"] {
		overflow: visible; position: relative; z-index: 0; --gap: calc((100vw - 1920px - var(--viewport-scrollbar, 0px)) / 2); background: transparent;
	}
	.pc-only [data-sec="product"] {
		overflow: visible; position: relative; z-index: 0; --gap: calc((100vw - 1920px - var(--viewport-scrollbar, 0px)) / 2); background: transparent;
	}
	.pc-only [data-sec="product"]::before {
		content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--gap)); right: calc(-1 * var(--gap));
		z-index: 0; pointer-events: none;
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 100%);
	}
	.pc-only [data-sec="about"]::after, .pc-only [data-sec="movie"]::after, .pc-only [data-sec="system"]::after {
		content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--gap)); right: calc(-1 * var(--gap));
		z-index: -1; pointer-events: none;
	}

	.pc-only [data-sec="about"]::after  { background: rgba(0,0,0,.8) url(../img/edf5/sec-about.png) center top / 1920px 100% no-repeat; }

	.pc-only [data-sec="movie"]::after  { background: rgba(0,0,0,.4) url(../img/edf5/bg-section-stripe.png) repeat; }

	.pc-only [data-sec="system"]::after { background:
		url(../img/edf5/sec-system-bg-logo.png) right calc(var(--gap) + 117px) top / 749px auto no-repeat,
		url(../img/edf5/sec-system-bottom.png) center bottom / 100% auto no-repeat,
		linear-gradient(to bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,1) 80%); }

	.pc-only [data-sec="buy"] { z-index: 0; background: transparent; }
	.pc-only [data-sec="buy"] .buy-bgfull { display: block; left: calc(-1 * var(--gap)); right: calc(-1 * var(--gap)); }
}

@media screen and (max-width: 767px) and (min-width: 376px) {
	.sp-only [data-sec="about"], .sp-only [data-sec="movie"], .sp-only [data-sec="system"] {
		overflow: visible; position: relative; z-index: 0; --gap: calc((100vw - 375px - var(--viewport-scrollbar, 0px)) / 2); background: transparent;
	}

	.sp-only [data-sec="product"] {
		overflow: visible; position: relative; z-index: 0; --gap: calc((100vw - 375px - var(--viewport-scrollbar, 0px)) / 2); background: transparent;
	}

	.sp-only [data-sec="product"]::before {
		content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--gap)); right: calc(-1 * var(--gap));
		z-index: 0; pointer-events: none;
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 100%);
	}
	.sp-only [data-sec="about"]::after, .sp-only [data-sec="movie"]::after, .sp-only [data-sec="system"]::after {
		content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--gap)); right: calc(-1 * var(--gap));
		z-index: -1; pointer-events: none;
	}

	.sp-only [data-sec="about"]::after  { background: rgba(0,0,0,.8); }
	.sp-only [data-sec="movie"]::after  { background: rgba(0,0,0,.4) url(../img/edf5/bg-section-stripe.png) repeat; }
	.sp-only [data-sec="system"]::after { background:
		url(../img/edf5/sec-system-bottom-sp.png) center bottom / 100% auto no-repeat,
		linear-gradient(to bottom, rgba(0,0,0,.8) 0%, rgba(0,0,0,1) 80%); }

	.sp-only [data-sec="buy"] { z-index: 0; background: transparent; }
	.sp-only [data-sec="buy"] .buy-bgfull { display: block; left: calc(-1 * var(--gap)); right: calc(-1 * var(--gap)); background: rgba(0,0,0,.8); }
}

@media screen and (min-width: 1921px) {

	.pc-only [data-sec="about"] .slider,
	.pc-only [data-sec="movie"] .slider {
		left: calc(-1 * var(--gap)); width: calc(100% + 2 * var(--gap));
	}
	.pc-only [data-sec="about"] .slider__vp {
		padding-left: calc(var(--gap) + 18.75cqw); scroll-padding-left: calc(var(--gap) + 18.75cqw); padding-right: calc(var(--gap) + 4cqw);
	}
	.pc-only [data-sec="movie"] .slider__vp {
		padding-left: calc(var(--gap) + 18.75cqw); scroll-padding-left: calc(var(--gap) + 18.75cqw); padding-right: calc(var(--gap) + 51.05cqw);
	}

	.pc-only [data-sec="about"] .slider__btn--prev { left: calc(var(--gap) + 18.75cqw - 20px); }
	.pc-only [data-sec="about"] .slider__btn--next { right: calc(var(--gap) + 19.65cqw - 20px); }

}