/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */

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

/* Headings */
/* ============================================ */

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

/* Lists (enumeration) */
/* ============================================ */

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

/* Lists (definition) */
/* ============================================ */

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */

/**
 * Remove the gray background on active links in IE 10.
 */

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */

/**
 * Prevent vertical alignment issues.
 */

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

/* Forms */
/* ============================================ */

/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */

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

/**
 * Correct cursors for clickable elements.
 */

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

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */

option {
  padding: 0;
}

/**
 * Reset to invisible
 */

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

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type="number"] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */

label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */

[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

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

body[data-level=lower]{background-image:url(../../assets/images/animaxmusix/2nd/dots_bg.png);background-repeat:repeat;background-position:center;background-size:8px 13px}:root{--color-dark-blue: #040520;--color-blue: #005af1;--color-red: #ff5050;--color-white: #ffffff;--color-yellow: #fcff16;--color-light-blue: #3bd8ff;--color-pink: #ff00c0;--color-violet: #9368ff;--color-green: #04e180;--color-orange: #fd8302;--color-light-gray: #e1e4dd;--color-deep-blue: #0c0f6e;--color-black: #000000;--color-right-blue: #afb2ff;--color-blue02: #0207a6;--gradient-rainbow: linear-gradient( 116deg, var(--color-pink) 9.96%, var(--color-light-blue) 48.12%, var(--color-green) 77.16%, var(--color-yellow) 106.2% );--font-family-sans: 'Gen Interface JP', sans-serif;--font-family-en: 'Orbitron', sans-serif;--opacity: 0.7;--duration: 0.3s;--duration-inview: 0.6s}*{box-sizing:border-box}img{max-width:100%;height:auto;vertical-align:bottom}a{color:inherit;text-decoration:none}em{font-style:normal}ul{list-style:none}html{scroll-behavior:smooth;font-size:62.5%}body{margin:0;overflow-x:clip;font-family:var(--font-family-sans);font-size:1.6rem;font-weight:400;line-height:1.5;color:var(--color-white);word-break:break-all;background-color:var(--color-dark-blue);transition:opacity .8s}@media(min-width: 960px){body{font-size:1.6rem}}main{overflow:clip}summary{display:block;outline:none}summary::-webkit-details-marker{display:none}br.pc{display:none}@media(min-width: 960px){br.pc{display:block !important}}br.tb{display:none}@media(min-width: 768px)and (max-width: 959.98px){br.tb{display:block !important}}br.sp{display:none}@media(max-width: 767.98px){br.sp{display:block !important}}@media(min-width: 960px){.sp-only{display:none}}@media(max-width: 959.98px){.pc-only{display:none}}#app-header{position:sticky;top:0;z-index:100}#main{min-height:100dvh}#app-footer{position:relative;z-index:50}.inview{opacity:0;transform:translateY(40px);transition:opacity var(--duration-inview) ease,transform var(--duration-inview) ease}.inview.is-inview{opacity:1;transform:translateY(0)}.c-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:10px 40px;font-family:var(--font-family-sans);font-size:2rem;font-weight:600;line-height:1.6;color:var(--color-blue02);white-space:nowrap;background-color:var(--color-white);border-radius:10px;transition:background-color var(--duration),color var(--duration)}@media(hover: hover){.c-button:where(:any-link,:enabled,summary):hover{color:var(--color-white);background-color:var(--color-blue02)}}@media(min-width: 768px){.c-button--lg{padding:20px 40px;font-size:2.4rem}}.c-button--frame{color:var(--color-white);background-color:rgba(0,0,0,0);border:1px solid var(--color-white)}@media(hover: hover){.c-button--frame:where(:any-link,:enabled,summary):hover{color:var(--color-black);background-color:var(--color-white)}.c-button--frame:where(:any-link,:enabled,summary):hover .c-button__icon-more{transform:translateY(-50%) rotate(-180deg)}}.c-button--black{color:var(--color-white);background-color:var(--color-black)}@media(hover: hover){.c-button--black:where(:any-link,:enabled,summary):hover{color:var(--color-black);background-color:var(--color-white)}}.c-button--more{width:100%;max-width:320px;padding-inline:60px;font-family:var(--font-family-en)}@media(hover: hover){.c-button--hover-yellow:where(:any-link,:enabled,summary):hover{color:var(--color-blue02);background-color:var(--color-yellow)}}.c-button--external{padding-inline:40px 72px}.c-button__icon-right,.c-button__icon-left,.c-button__icon-more,.c-button__icon-external{position:absolute;top:50%;width:7px;height:13px;background-color:currentColor;transform:translateY(-50%);transition:background-color var(--duration)}.c-button__icon-right{right:15px;-webkit-mask:url(../../assets/images/animaxmusix/common/arrow.svg) center/contain no-repeat;mask:url(../../assets/images/animaxmusix/common/arrow.svg) center/contain no-repeat;transform:translateY(-50%) rotate(180deg)}.c-button__icon-left{left:15px;-webkit-mask:url(../../assets/images/animaxmusix/common/arrow.svg) center/contain no-repeat;mask:url(../../assets/images/animaxmusix/common/arrow.svg) center/contain no-repeat}.c-button__icon-more{left:20px;width:24px;height:22px;-webkit-mask:url(../../assets/images/animaxmusix/common/more.svg) center/contain no-repeat;mask:url(../../assets/images/animaxmusix/common/more.svg) center/contain no-repeat;transition:background-color var(--duration),transform var(--duration)}.c-button__icon-external{right:40px;width:24px;height:24px;-webkit-mask:url(../../assets/images/animaxmusix/common/ic_blank.svg) center/contain no-repeat;mask:url(../../assets/images/animaxmusix/common/ic_blank.svg) center/contain no-repeat}.c-heading-lg{font-size:2rem;font-weight:700;line-height:1.8;letter-spacing:1.6px}@media(min-width: 768px){.c-heading-lg{font-size:2.4rem;letter-spacing:1.92px}}.c-heading-sm{font-size:1.6rem;font-weight:700;line-height:1.8;letter-spacing:1.28px}@media(min-width: 768px){.c-heading-sm{font-size:1.8rem;letter-spacing:1.44px}}.c-heading-text{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px;background-color:var(--color-deep-blue);border-radius:10px}@media(min-width: 768px){.c-heading-text{padding:24px}}.c-heading-text--heading{font-size:1.8rem;font-weight:700;line-height:1.8;color:var(--color-white)}.c-heading-text--text{font-size:1.6rem;font-weight:400;line-height:1.8;color:#b4b6e2}.c-note{font-size:1.4rem;font-weight:400;line-height:1.5;color:#a2a5ff;letter-spacing:1.12px}.c-list tbody{display:flex;flex-direction:column}@media(max-width: 767.98px){.c-list tbody{gap:16px}}.c-list tbody tr{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%;padding-block-end:8px}@media(min-width: 768px){.c-list tbody tr{flex-direction:row;gap:24px;align-items:center;align-self:stretch;justify-content:flex-start;padding-block:8px}}.c-list tbody tr td:nth-of-type(odd){display:flex;align-items:center;align-self:stretch;justify-content:center;padding:8px;font-size:1.6rem;font-weight:700;line-height:1.5;text-align:center;letter-spacing:1.28px;background-color:var(--color-blue02);border-radius:5px}@media(min-width: 768px){.c-list tbody tr td:nth-of-type(odd){width:160px}}.c-list tbody tr td:nth-of-type(even){font-size:1.6rem;font-weight:400;line-height:1.8;color:#b4b6e2;letter-spacing:1.28px}@media(min-width: 768px){.c-list tbody tr td:nth-of-type(even){width:calc(100% - 184px)}}.c-img{display:block;width:100%;aspect-ratio:167/94;margin:0 auto;border-radius:10px}@media(min-width: 768px){.c-img{max-width:750px;aspect-ratio:359/202;border-radius:20px}}.c-img--portrait{max-width:65%;aspect-ratio:123/154}@media(min-width: 768px){.c-img--portrait{max-width:400px}}.c-img-2col{display:flex;flex-direction:column;gap:16px}@media(min-width: 768px){.c-img-2col{flex-direction:row;gap:24px;align-items:center;max-width:960px;margin:0 auto}}
