@charset "UTF-8";
/* ==============================================================
*  base
* ============================================================ */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: inherit;
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

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

b, strong {
  font-weight: bolder;
}

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

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;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  word-wrap: break-word;
}

section, main {
  display: block;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

i, em {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

li {
  list-style: none;
}

img {
  max-width: 100%;
  line-height: 0;
}

* {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* ==============================================================
*  contents
* ============================================================ */
/* common.scss
============================== */
html {
  background-color: #000;
}

body {
  color: #fff;
  font-size: 15px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 100vh;
}

.drop--bg {
  background-image: url("/static/superdragon/fanclub/top/bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  position: fixed !important;
  opacity: 0.45;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  height: 100vh;
  width: 100%;
}

body {
  word-wrap: break-word;
  color: #ffffff;
  padding-bottom: 350px;
  position: relative;
}
@media screen and (min-width: 961px) {
  body {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }
}

a {
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

img {
  max-width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  line-height: 0;
  pointer-events: all;
}

::-moz-selection {
  background-color: #7B64D6;
  color: #fff;
}

::selection {
  background-color: #7B64D6;
  color: #fff;
}

::-moz-selection {
  background-color: #ffffff;
  color: #fff;
}

.svg-symbol {
  display: none !important;
}

svg {
  width: 100%;
  height: 100%;
}

.content-main {
  background-color: #fff;
}

.body--app a {
  -webkit-touch-callout: none !important;
}

figure img,
.thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.noimage {
  width: 50%;
  height: 50%;
  mix-blend-mode: color-dodge;
}

.vjs-audio.vjs-has-started .vjs-poster {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.vjs-audio .vjs-poster {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

/*Animation*/
.glitch {
  background: #000 no-repeat center;
  background-size: 0;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.glitch::before, .glitch::after,
.glitch .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.glitch::before {
  animation: glitch-before 1s linear infinite alternate both;
  content: "";
}
@keyframes glitch-before {
  0% {
    -webkit-clip-path: polygon(0% 52.5942656288%, 100% 52.5942656288%, 100% 56.3917909223%, 0% 56.3917909223%);
            clip-path: polygon(0% 52.5942656288%, 100% 52.5942656288%, 100% 56.3917909223%, 0% 56.3917909223%);
    transform: translate(-5.6354579935%, 0.2651649311%);
  }
  0.2% {
    -webkit-clip-path: polygon(0% 6.6551501848%, 100% 6.6551501848%, 100% 13.0371852656%, 0% 13.0371852656%);
            clip-path: polygon(0% 6.6551501848%, 100% 6.6551501848%, 100% 13.0371852656%, 0% 13.0371852656%);
    transform: translate(-3.8395008339%, -0.3026460516%);
  }
  0.4% {
    -webkit-clip-path: polygon(0% 5.9381036865%, 100% 5.9381036865%, 100% 15.7726166123%, 0% 15.7726166123%);
            clip-path: polygon(0% 5.9381036865%, 100% 5.9381036865%, 100% 15.7726166123%, 0% 15.7726166123%);
    transform: translate(1.9764657905%, -0.0893098051%);
  }
  0.6% {
    -webkit-clip-path: polygon(0% 60.8639719743%, 100% 60.8639719743%, 100% 62.2251816362%, 0% 62.2251816362%);
            clip-path: polygon(0% 60.8639719743%, 100% 60.8639719743%, 100% 62.2251816362%, 0% 62.2251816362%);
    transform: translate(1.963314475%, 0.068017604%);
  }
  0.8% {
    -webkit-clip-path: polygon(0% 24.1837222926%, 100% 24.1837222926%, 100% 32.1471081955%, 0% 32.1471081955%);
            clip-path: polygon(0% 24.1837222926%, 100% 24.1837222926%, 100% 32.1471081955%, 0% 32.1471081955%);
    transform: translate(-4.4292931856%, 0.3856673378%);
  }
  1% {
    -webkit-clip-path: polygon(0% 6.288039825%, 100% 6.288039825%, 100% 7.5881038944%, 0% 7.5881038944%);
            clip-path: polygon(0% 6.288039825%, 100% 6.288039825%, 100% 7.5881038944%, 0% 7.5881038944%);
    transform: translate(-1.038664892%, -0.0762076324%);
  }
  1.2% {
    -webkit-clip-path: polygon(0% 54.871898402%, 100% 54.871898402%, 100% 61.299468951%, 0% 61.299468951%);
            clip-path: polygon(0% 54.871898402%, 100% 54.871898402%, 100% 61.299468951%, 0% 61.299468951%);
    transform: translate(1.9005309948%, -0.3982287506%);
  }
  1.4% {
    -webkit-clip-path: polygon(0% 80.5048339319%, 100% 80.5048339319%, 100% 89.8486884416%, 0% 89.8486884416%);
            clip-path: polygon(0% 80.5048339319%, 100% 80.5048339319%, 100% 89.8486884416%, 0% 89.8486884416%);
    transform: translate(2.4445184374%, -0.2846658838%);
  }
  1.6% {
    -webkit-clip-path: polygon(0% 3.6411695818%, 100% 3.6411695818%, 100% 5.3481700109%, 0% 5.3481700109%);
            clip-path: polygon(0% 3.6411695818%, 100% 3.6411695818%, 100% 5.3481700109%, 0% 5.3481700109%);
    transform: translate(-0.0191395136%, 0.23175595%);
  }
  1.8% {
    -webkit-clip-path: polygon(0% 11.2464686663%, 100% 11.2464686663%, 100% 20.8438683562%, 0% 20.8438683562%);
            clip-path: polygon(0% 11.2464686663%, 100% 11.2464686663%, 100% 20.8438683562%, 0% 20.8438683562%);
    transform: translate(-3.8882166541%, 0.1487592549%);
  }
  2% {
    -webkit-clip-path: polygon(0% 4.6635451894%, 100% 4.6635451894%, 100% 12.7009206988%, 0% 12.7009206988%);
            clip-path: polygon(0% 4.6635451894%, 100% 4.6635451894%, 100% 12.7009206988%, 0% 12.7009206988%);
    transform: translate(1.3471189803%, -0.1624865477%);
  }
  2.2% {
    -webkit-clip-path: polygon(0% 80.4642014177%, 100% 80.4642014177%, 100% 85.3971071848%, 0% 85.3971071848%);
            clip-path: polygon(0% 80.4642014177%, 100% 80.4642014177%, 100% 85.3971071848%, 0% 85.3971071848%);
    transform: translate(4.8253808472%, 0.1103636318%);
  }
  2.4% {
    -webkit-clip-path: polygon(0% 17.0483927865%, 100% 17.0483927865%, 100% 18.1100263873%, 0% 18.1100263873%);
            clip-path: polygon(0% 17.0483927865%, 100% 17.0483927865%, 100% 18.1100263873%, 0% 18.1100263873%);
    transform: translate(-4.8879566159%, -0.0674652612%);
  }
  2.6% {
    -webkit-clip-path: polygon(0% 72.5105763726%, 100% 72.5105763726%, 100% 81.5384690114%, 0% 81.5384690114%);
            clip-path: polygon(0% 72.5105763726%, 100% 72.5105763726%, 100% 81.5384690114%, 0% 81.5384690114%);
    transform: translate(-3.6886302316%, -0.1528553998%);
  }
  2.8% {
    -webkit-clip-path: polygon(0% 8.2476751778%, 100% 8.2476751778%, 100% 14.3695269569%, 0% 14.3695269569%);
            clip-path: polygon(0% 8.2476751778%, 100% 8.2476751778%, 100% 14.3695269569%, 0% 14.3695269569%);
    transform: translate(5.2677122545%, 0.0383145568%);
  }
  3% {
    -webkit-clip-path: polygon(0% 50.5291144742%, 100% 50.5291144742%, 100% 59.5747929669%, 0% 59.5747929669%);
            clip-path: polygon(0% 50.5291144742%, 100% 50.5291144742%, 100% 59.5747929669%, 0% 59.5747929669%);
    transform: translate(2.1222778155%, -0.4732842129%);
  }
  3.2% {
    -webkit-clip-path: polygon(0% 15.4688094752%, 100% 15.4688094752%, 100% 17.8720500922%, 0% 17.8720500922%);
            clip-path: polygon(0% 15.4688094752%, 100% 15.4688094752%, 100% 17.8720500922%, 0% 17.8720500922%);
    transform: translate(3.2819056467%, -0.41155642%);
  }
  3.4% {
    -webkit-clip-path: polygon(0% 50.4267651941%, 100% 50.4267651941%, 100% 57.866494962%, 0% 57.866494962%);
            clip-path: polygon(0% 50.4267651941%, 100% 50.4267651941%, 100% 57.866494962%, 0% 57.866494962%);
    transform: translate(4.140655473%, 0.3944655143%);
  }
  3.6% {
    -webkit-clip-path: polygon(0% 38.6548300345%, 100% 38.6548300345%, 100% 41.8210953915%, 0% 41.8210953915%);
            clip-path: polygon(0% 38.6548300345%, 100% 38.6548300345%, 100% 41.8210953915%, 0% 41.8210953915%);
    transform: translate(-6.2992235197%, 0.2393363248%);
  }
  3.8% {
    -webkit-clip-path: polygon(0% 66.453607041%, 100% 66.453607041%, 100% 69.9326915909%, 0% 69.9326915909%);
            clip-path: polygon(0% 66.453607041%, 100% 66.453607041%, 100% 69.9326915909%, 0% 69.9326915909%);
    transform: translate(-7.8133888729%, 0.169617049%);
  }
  4% {
    -webkit-clip-path: polygon(0% 28.216892222%, 100% 28.216892222%, 100% 35.7536354274%, 0% 35.7536354274%);
            clip-path: polygon(0% 28.216892222%, 100% 28.216892222%, 100% 35.7536354274%, 0% 35.7536354274%);
    transform: translate(-4.0946200503%, -0.4580742656%);
  }
  4.2% {
    -webkit-clip-path: polygon(0% 40.1030725125%, 100% 40.1030725125%, 100% 42.1186463152%, 0% 42.1186463152%);
            clip-path: polygon(0% 40.1030725125%, 100% 40.1030725125%, 100% 42.1186463152%, 0% 42.1186463152%);
    transform: translate(6.738829651%, 0.2128050631%);
  }
  4.4% {
    -webkit-clip-path: polygon(0% 82.5528543595%, 100% 82.5528543595%, 100% 92.3397825141%, 0% 92.3397825141%);
            clip-path: polygon(0% 82.5528543595%, 100% 82.5528543595%, 100% 92.3397825141%, 0% 92.3397825141%);
    transform: translate(3.7037327914%, 0.1179086997%);
  }
  4.6% {
    -webkit-clip-path: polygon(0% 20.3224229894%, 100% 20.3224229894%, 100% 24.8433370532%, 0% 24.8433370532%);
            clip-path: polygon(0% 20.3224229894%, 100% 20.3224229894%, 100% 24.8433370532%, 0% 24.8433370532%);
    transform: translate(-1.5229487844%, -0.0862279635%);
  }
  4.8% {
    -webkit-clip-path: polygon(0% 81.8602026779%, 100% 81.8602026779%, 100% 85.4384565485%, 0% 85.4384565485%);
            clip-path: polygon(0% 81.8602026779%, 100% 81.8602026779%, 100% 85.4384565485%, 0% 85.4384565485%);
    transform: translate(1.6788887629%, 0.1801622499%);
  }
  5% {
    -webkit-clip-path: polygon(0% 34.5270074097%, 100% 34.5270074097%, 100% 35.6345895356%, 0% 35.6345895356%);
            clip-path: polygon(0% 34.5270074097%, 100% 34.5270074097%, 100% 35.6345895356%, 0% 35.6345895356%);
    transform: translate(1.8172588063%, 0.25465171%);
  }
  5.2% {
    -webkit-clip-path: polygon(0% 36.5283526197%, 100% 36.5283526197%, 100% 40.4562787589%, 0% 40.4562787589%);
            clip-path: polygon(0% 36.5283526197%, 100% 36.5283526197%, 100% 40.4562787589%, 0% 40.4562787589%);
    transform: translate(1.1634819969%, -0.2169707373%);
  }
  5.4% {
    -webkit-clip-path: polygon(0% 17.6494922474%, 100% 17.6494922474%, 100% 23.2538194186%, 0% 23.2538194186%);
            clip-path: polygon(0% 17.6494922474%, 100% 17.6494922474%, 100% 23.2538194186%, 0% 23.2538194186%);
    transform: translate(-3.4058094526%, -0.1638999444%);
  }
  5.6% {
    -webkit-clip-path: polygon(0% 36.5890803391%, 100% 36.5890803391%, 100% 38.9036836638%, 0% 38.9036836638%);
            clip-path: polygon(0% 36.5890803391%, 100% 36.5890803391%, 100% 38.9036836638%, 0% 38.9036836638%);
    transform: translate(7.3203577425%, -0.1824377174%);
  }
  5.8% {
    -webkit-clip-path: polygon(0% 42.9067919468%, 100% 42.9067919468%, 100% 45.0440411055%, 0% 45.0440411055%);
            clip-path: polygon(0% 42.9067919468%, 100% 42.9067919468%, 100% 45.0440411055%, 0% 45.0440411055%);
    transform: translate(-4.8088332909%, -0.3640675314%);
  }
  6% {
    -webkit-clip-path: polygon(0% 2.7612814629%, 100% 2.7612814629%, 100% 4.2063641831%, 0% 4.2063641831%);
            clip-path: polygon(0% 2.7612814629%, 100% 2.7612814629%, 100% 4.2063641831%, 0% 4.2063641831%);
    transform: translate(5.3468034193%, -0.3269653369%);
  }
  6.2% {
    -webkit-clip-path: polygon(0% 68.6579442719%, 100% 68.6579442719%, 100% 70.8565245621%, 0% 70.8565245621%);
            clip-path: polygon(0% 68.6579442719%, 100% 68.6579442719%, 100% 70.8565245621%, 0% 70.8565245621%);
    transform: translate(-0.1736743719%, -0.0203321996%);
  }
  6.4% {
    -webkit-clip-path: polygon(0% 35.615748729%, 100% 35.615748729%, 100% 37.0492860568%, 0% 37.0492860568%);
            clip-path: polygon(0% 35.615748729%, 100% 35.615748729%, 100% 37.0492860568%, 0% 37.0492860568%);
    transform: translate(1.0896682177%, 0.4929452404%);
  }
  6.6% {
    -webkit-clip-path: polygon(0% 37.1290579291%, 100% 37.1290579291%, 100% 43.659595938%, 0% 43.659595938%);
            clip-path: polygon(0% 37.1290579291%, 100% 37.1290579291%, 100% 43.659595938%, 0% 43.659595938%);
    transform: translate(-3.1402307074%, -0.4599011117%);
  }
  6.8% {
    -webkit-clip-path: polygon(0% 16.5380223692%, 100% 16.5380223692%, 100% 20.1948954441%, 0% 20.1948954441%);
            clip-path: polygon(0% 16.5380223692%, 100% 16.5380223692%, 100% 20.1948954441%, 0% 20.1948954441%);
    transform: translate(-2.2318692179%, 0.4133336535%);
  }
  7% {
    -webkit-clip-path: polygon(0% 25.9903155277%, 100% 25.9903155277%, 100% 35.9840030826%, 0% 35.9840030826%);
            clip-path: polygon(0% 25.9903155277%, 100% 25.9903155277%, 100% 35.9840030826%, 0% 35.9840030826%);
    transform: translate(-7.4662213422%, -0.3107059267%);
  }
  7.2% {
    -webkit-clip-path: polygon(0% 12.9616582263%, 100% 12.9616582263%, 100% 16.9596214542%, 0% 16.9596214542%);
            clip-path: polygon(0% 12.9616582263%, 100% 12.9616582263%, 100% 16.9596214542%, 0% 16.9596214542%);
    transform: translate(7.3088007376%, -0.1232461027%);
  }
  7.4% {
    -webkit-clip-path: polygon(0% 14.1997726445%, 100% 14.1997726445%, 100% 22.833287538%, 0% 22.833287538%);
            clip-path: polygon(0% 14.1997726445%, 100% 14.1997726445%, 100% 22.833287538%, 0% 22.833287538%);
    transform: translate(4.1223682218%, 0.0477838018%);
  }
  7.6% {
    -webkit-clip-path: polygon(0% 59.5308661902%, 100% 59.5308661902%, 100% 62.8899091449%, 0% 62.8899091449%);
            clip-path: polygon(0% 59.5308661902%, 100% 59.5308661902%, 100% 62.8899091449%, 0% 62.8899091449%);
    transform: translate(3.0814749823%, -0.0360069849%);
  }
  7.8% {
    -webkit-clip-path: polygon(0% 39.3798356677%, 100% 39.3798356677%, 100% 45.9935527937%, 0% 45.9935527937%);
            clip-path: polygon(0% 39.3798356677%, 100% 39.3798356677%, 100% 45.9935527937%, 0% 45.9935527937%);
    transform: translate(-0.2492111647%, -0.1579667683%);
  }
  8% {
    -webkit-clip-path: polygon(0% 64.2925352268%, 100% 64.2925352268%, 100% 72.525281539%, 0% 72.525281539%);
            clip-path: polygon(0% 64.2925352268%, 100% 64.2925352268%, 100% 72.525281539%, 0% 72.525281539%);
    transform: translate(2.6095138983%, -0.4503072012%);
  }
  8.2% {
    -webkit-clip-path: polygon(0% 59.6812432379%, 100% 59.6812432379%, 100% 68.8386082885%, 0% 68.8386082885%);
            clip-path: polygon(0% 59.6812432379%, 100% 59.6812432379%, 100% 68.8386082885%, 0% 68.8386082885%);
    transform: translate(1.2907520937%, 0.1897462365%);
  }
  8.4% {
    -webkit-clip-path: polygon(0% 35.7688156418%, 100% 35.7688156418%, 100% 39.4606426297%, 0% 39.4606426297%);
            clip-path: polygon(0% 35.7688156418%, 100% 35.7688156418%, 100% 39.4606426297%, 0% 39.4606426297%);
    transform: translate(2.7785463732%, -0.2046895421%);
  }
  8.6% {
    -webkit-clip-path: polygon(0% 68.0073682755%, 100% 68.0073682755%, 100% 73.2205918405%, 0% 73.2205918405%);
            clip-path: polygon(0% 68.0073682755%, 100% 68.0073682755%, 100% 73.2205918405%, 0% 73.2205918405%);
    transform: translate(4.3219479583%, 0.4968978529%);
  }
  8.8% {
    -webkit-clip-path: polygon(0% 53.2515765389%, 100% 53.2515765389%, 100% 57.7237884209%, 0% 57.7237884209%);
            clip-path: polygon(0% 53.2515765389%, 100% 53.2515765389%, 100% 57.7237884209%, 0% 57.7237884209%);
    transform: translate(0.8224820538%, -0.161484036%);
  }
  9% {
    -webkit-clip-path: polygon(0% 9.9767315709%, 100% 9.9767315709%, 100% 18.6652864633%, 0% 18.6652864633%);
            clip-path: polygon(0% 9.9767315709%, 100% 9.9767315709%, 100% 18.6652864633%, 0% 18.6652864633%);
    transform: translate(-7.8230786024%, -0.3201792285%);
  }
  9.2% {
    -webkit-clip-path: polygon(0% 22.1850880328%, 100% 22.1850880328%, 100% 29.3688916762%, 0% 29.3688916762%);
            clip-path: polygon(0% 22.1850880328%, 100% 22.1850880328%, 100% 29.3688916762%, 0% 29.3688916762%);
    transform: translate(0.4271051151%, 0.0697277453%);
  }
  9.4% {
    -webkit-clip-path: polygon(0% 50.8014735763%, 100% 50.8014735763%, 100% 52.41843%, 0% 52.41843%);
            clip-path: polygon(0% 50.8014735763%, 100% 50.8014735763%, 100% 52.41843%, 0% 52.41843%);
    transform: translate(7.5244416699%, 0.2999395305%);
  }
  9.6% {
    -webkit-clip-path: polygon(0% 0.3585921366%, 100% 0.3585921366%, 100% 8.4916062495%, 0% 8.4916062495%);
            clip-path: polygon(0% 0.3585921366%, 100% 0.3585921366%, 100% 8.4916062495%, 0% 8.4916062495%);
    transform: translate(3.487017603%, -0.2505700276%);
  }
  9.8% {
    -webkit-clip-path: polygon(0% 43.7487275498%, 100% 43.7487275498%, 100% 51.5057715822%, 0% 51.5057715822%);
            clip-path: polygon(0% 43.7487275498%, 100% 43.7487275498%, 100% 51.5057715822%, 0% 51.5057715822%);
    transform: translate(2.5809690135%, -0.4379997967%);
  }
  10% {
    -webkit-clip-path: polygon(0% 52.6183877011%, 100% 52.6183877011%, 100% 54.5704145483%, 0% 54.5704145483%);
            clip-path: polygon(0% 52.6183877011%, 100% 52.6183877011%, 100% 54.5704145483%, 0% 54.5704145483%);
    transform: translate(-1.5660061957%, 0.0054063781%);
  }
  10.2% {
    -webkit-clip-path: polygon(0% 46.1863130852%, 100% 46.1863130852%, 100% 55.4546632326%, 0% 55.4546632326%);
            clip-path: polygon(0% 46.1863130852%, 100% 46.1863130852%, 100% 55.4546632326%, 0% 55.4546632326%);
    transform: translate(1.0693835724%, -0.3628875794%);
  }
  10.4% {
    -webkit-clip-path: polygon(0% 60.8736253914%, 100% 60.8736253914%, 100% 66.4697311386%, 0% 66.4697311386%);
            clip-path: polygon(0% 60.8736253914%, 100% 60.8736253914%, 100% 66.4697311386%, 0% 66.4697311386%);
    transform: translate(-5.1615886467%, 0.1693669579%);
  }
  10.6% {
    -webkit-clip-path: polygon(0% 88.9831260801%, 100% 88.9831260801%, 100% 91.8999693039%, 0% 91.8999693039%);
            clip-path: polygon(0% 88.9831260801%, 100% 88.9831260801%, 100% 91.8999693039%, 0% 91.8999693039%);
    transform: translate(3.5523938186%, 0.0040887666%);
  }
  10.8% {
    -webkit-clip-path: polygon(0% 50.2399604817%, 100% 50.2399604817%, 100% 52.9854425915%, 0% 52.9854425915%);
            clip-path: polygon(0% 50.2399604817%, 100% 50.2399604817%, 100% 52.9854425915%, 0% 52.9854425915%);
    transform: translate(0.5932392346%, 0.4769200398%);
  }
  11% {
    -webkit-clip-path: polygon(0% 36.979252009%, 100% 36.979252009%, 100% 43.71467661%, 0% 43.71467661%);
            clip-path: polygon(0% 36.979252009%, 100% 36.979252009%, 100% 43.71467661%, 0% 43.71467661%);
    transform: translate(-5.0008298906%, 0.0522757777%);
  }
  11.2% {
    -webkit-clip-path: polygon(0% 69.4758482237%, 100% 69.4758482237%, 100% 78.5108963584%, 0% 78.5108963584%);
            clip-path: polygon(0% 69.4758482237%, 100% 69.4758482237%, 100% 78.5108963584%, 0% 78.5108963584%);
    transform: translate(-2.2356291029%, -0.2099062265%);
  }
  11.4% {
    -webkit-clip-path: polygon(0% 48.6675518604%, 100% 48.6675518604%, 100% 50.530100762%, 0% 50.530100762%);
            clip-path: polygon(0% 48.6675518604%, 100% 48.6675518604%, 100% 50.530100762%, 0% 50.530100762%);
    transform: translate(7.4497650104%, -0.4104188712%);
  }
  11.6% {
    -webkit-clip-path: polygon(0% 81.2662020261%, 100% 81.2662020261%, 100% 85.697624507%, 0% 85.697624507%);
            clip-path: polygon(0% 81.2662020261%, 100% 81.2662020261%, 100% 85.697624507%, 0% 85.697624507%);
    transform: translate(-1.800100524%, -0.0505928464%);
  }
  11.8% {
    -webkit-clip-path: polygon(0% 0.9561331884%, 100% 0.9561331884%, 100% 1.965258541%, 0% 1.965258541%);
            clip-path: polygon(0% 0.9561331884%, 100% 0.9561331884%, 100% 1.965258541%, 0% 1.965258541%);
    transform: translate(-0.8073989009%, 0.2552315826%);
  }
  12% {
    -webkit-clip-path: polygon(0% 33.0077784354%, 100% 33.0077784354%, 100% 38.5566044205%, 0% 38.5566044205%);
            clip-path: polygon(0% 33.0077784354%, 100% 33.0077784354%, 100% 38.5566044205%, 0% 38.5566044205%);
    transform: translate(6.9962257403%, -0.3213102505%);
  }
  12.2% {
    -webkit-clip-path: polygon(0% 29.5519629507%, 100% 29.5519629507%, 100% 38.3010704106%, 0% 38.3010704106%);
            clip-path: polygon(0% 29.5519629507%, 100% 29.5519629507%, 100% 38.3010704106%, 0% 38.3010704106%);
    transform: translate(6.966971212%, 0.4400044399%);
  }
  12.4% {
    -webkit-clip-path: polygon(0% 57.0109077434%, 100% 57.0109077434%, 100% 66.0266697648%, 0% 66.0266697648%);
            clip-path: polygon(0% 57.0109077434%, 100% 57.0109077434%, 100% 66.0266697648%, 0% 66.0266697648%);
    transform: translate(7.0147566057%, -0.3412079529%);
  }
  12.6% {
    -webkit-clip-path: polygon(0% 66.7973942843%, 100% 66.7973942843%, 100% 72.5653513286%, 0% 72.5653513286%);
            clip-path: polygon(0% 66.7973942843%, 100% 66.7973942843%, 100% 72.5653513286%, 0% 72.5653513286%);
    transform: translate(-1.9107544948%, -0.3257023346%);
  }
  12.8% {
    -webkit-clip-path: polygon(0% 34.3124074478%, 100% 34.3124074478%, 100% 39.1140064932%, 0% 39.1140064932%);
            clip-path: polygon(0% 34.3124074478%, 100% 34.3124074478%, 100% 39.1140064932%, 0% 39.1140064932%);
    transform: translate(4.4210754263%, -0.3884632932%);
  }
  13% {
    -webkit-clip-path: polygon(0% 38.963717651%, 100% 38.963717651%, 100% 41.1884618317%, 0% 41.1884618317%);
            clip-path: polygon(0% 38.963717651%, 100% 38.963717651%, 100% 41.1884618317%, 0% 41.1884618317%);
    transform: translate(-7.3731817751%, 0.1761407283%);
  }
  13.2% {
    -webkit-clip-path: polygon(0% 75.8415889274%, 100% 75.8415889274%, 100% 81.5501999661%, 0% 81.5501999661%);
            clip-path: polygon(0% 75.8415889274%, 100% 75.8415889274%, 100% 81.5501999661%, 0% 81.5501999661%);
    transform: translate(7.7817204099%, -0.059413667%);
  }
  13.4% {
    -webkit-clip-path: polygon(0% 21.5681972804%, 100% 21.5681972804%, 100% 28.6100027976%, 0% 28.6100027976%);
            clip-path: polygon(0% 21.5681972804%, 100% 21.5681972804%, 100% 28.6100027976%, 0% 28.6100027976%);
    transform: translate(3.6484206681%, 0.0141996826%);
  }
  13.6% {
    -webkit-clip-path: polygon(0% 5.4432987177%, 100% 5.4432987177%, 100% 7.196059176%, 0% 7.196059176%);
            clip-path: polygon(0% 5.4432987177%, 100% 5.4432987177%, 100% 7.196059176%, 0% 7.196059176%);
    transform: translate(-1.6159811302%, 0.0764967058%);
  }
  13.8% {
    -webkit-clip-path: polygon(0% 67.3373861424%, 100% 67.3373861424%, 100% 68.5365628671%, 0% 68.5365628671%);
            clip-path: polygon(0% 67.3373861424%, 100% 67.3373861424%, 100% 68.5365628671%, 0% 68.5365628671%);
    transform: translate(-2.4948332145%, -0.3680723326%);
  }
  14% {
    -webkit-clip-path: polygon(0% 72.6402681399%, 100% 72.6402681399%, 100% 75.6556894738%, 0% 75.6556894738%);
            clip-path: polygon(0% 72.6402681399%, 100% 72.6402681399%, 100% 75.6556894738%, 0% 75.6556894738%);
    transform: translate(-5.8504184063%, -0.2896131059%);
  }
  14.2% {
    -webkit-clip-path: polygon(0% 50.4116313147%, 100% 50.4116313147%, 100% 58.4443194595%, 0% 58.4443194595%);
            clip-path: polygon(0% 50.4116313147%, 100% 50.4116313147%, 100% 58.4443194595%, 0% 58.4443194595%);
    transform: translate(-5.6320488263%, -0.4517587564%);
  }
  14.4% {
    -webkit-clip-path: polygon(0% 54.4815841939%, 100% 54.4815841939%, 100% 61.4638654172%, 0% 61.4638654172%);
            clip-path: polygon(0% 54.4815841939%, 100% 54.4815841939%, 100% 61.4638654172%, 0% 61.4638654172%);
    transform: translate(6.9921910703%, -0.1263412114%);
  }
  14.6% {
    -webkit-clip-path: polygon(0% 1.9199220798%, 100% 1.9199220798%, 100% 3.6339843846%, 0% 3.6339843846%);
            clip-path: polygon(0% 1.9199220798%, 100% 1.9199220798%, 100% 3.6339843846%, 0% 3.6339843846%);
    transform: translate(-7.7969111053%, 0.4889590639%);
  }
  14.8% {
    -webkit-clip-path: polygon(0% 15.7256500793%, 100% 15.7256500793%, 100% 20.160403997%, 0% 20.160403997%);
            clip-path: polygon(0% 15.7256500793%, 100% 15.7256500793%, 100% 20.160403997%, 0% 20.160403997%);
    transform: translate(4.1607199878%, -0.3832574194%);
  }
  15% {
    -webkit-clip-path: polygon(0% 0.7730540974%, 100% 0.7730540974%, 100% 7.5235286241%, 0% 7.5235286241%);
            clip-path: polygon(0% 0.7730540974%, 100% 0.7730540974%, 100% 7.5235286241%, 0% 7.5235286241%);
    transform: translate(-6.093338496%, 0.1806705088%);
  }
  15.2% {
    -webkit-clip-path: polygon(0% 42.5464202087%, 100% 42.5464202087%, 100% 45.994760525%, 0% 45.994760525%);
            clip-path: polygon(0% 42.5464202087%, 100% 42.5464202087%, 100% 45.994760525%, 0% 45.994760525%);
    transform: translate(-4.535724552%, -0.4175067656%);
  }
  15.4% {
    -webkit-clip-path: polygon(0% 8.1569217111%, 100% 8.1569217111%, 100% 14.2894515893%, 0% 14.2894515893%);
            clip-path: polygon(0% 8.1569217111%, 100% 8.1569217111%, 100% 14.2894515893%, 0% 14.2894515893%);
    transform: translate(5.4759394029%, -0.3572334783%);
  }
  15.6% {
    -webkit-clip-path: polygon(0% 13.4481757874%, 100% 13.4481757874%, 100% 19.4740298897%, 0% 19.4740298897%);
            clip-path: polygon(0% 13.4481757874%, 100% 13.4481757874%, 100% 19.4740298897%, 0% 19.4740298897%);
    transform: translate(-1.5840133572%, -0.4040708612%);
  }
  15.8% {
    -webkit-clip-path: polygon(0% 73.1326676885%, 100% 73.1326676885%, 100% 81.1539989434%, 0% 81.1539989434%);
            clip-path: polygon(0% 73.1326676885%, 100% 73.1326676885%, 100% 81.1539989434%, 0% 81.1539989434%);
    transform: translate(-7.016916096%, 0.4819888116%);
  }
  16% {
    -webkit-clip-path: polygon(0% 83.275016361%, 100% 83.275016361%, 100% 91.1677021848%, 0% 91.1677021848%);
            clip-path: polygon(0% 83.275016361%, 100% 83.275016361%, 100% 91.1677021848%, 0% 91.1677021848%);
    transform: translate(-7.3908040417%, -0.3642996629%);
  }
  16.2% {
    -webkit-clip-path: polygon(0% 13.5420769162%, 100% 13.5420769162%, 100% 15.9553845291%, 0% 15.9553845291%);
            clip-path: polygon(0% 13.5420769162%, 100% 13.5420769162%, 100% 15.9553845291%, 0% 15.9553845291%);
    transform: translate(-3.6665128776%, 0.0567047465%);
  }
  16.4% {
    -webkit-clip-path: polygon(0% 68.7363485015%, 100% 68.7363485015%, 100% 71.9912854735%, 0% 71.9912854735%);
            clip-path: polygon(0% 68.7363485015%, 100% 68.7363485015%, 100% 71.9912854735%, 0% 71.9912854735%);
    transform: translate(-6.9938857019%, -0.1762506949%);
  }
  16.6% {
    -webkit-clip-path: polygon(0% 82.249699847%, 100% 82.249699847%, 100% 86.1132432669%, 0% 86.1132432669%);
            clip-path: polygon(0% 82.249699847%, 100% 82.249699847%, 100% 86.1132432669%, 0% 86.1132432669%);
    transform: translate(2.4061396045%, -0.3365510856%);
  }
  16.8% {
    -webkit-clip-path: polygon(0% 41.0753379363%, 100% 41.0753379363%, 100% 47.2492148475%, 0% 47.2492148475%);
            clip-path: polygon(0% 41.0753379363%, 100% 41.0753379363%, 100% 47.2492148475%, 0% 47.2492148475%);
    transform: translate(-7.1238404961%, 0.3853377698%);
  }
  17% {
    -webkit-clip-path: polygon(0% 5.7629297811%, 100% 5.7629297811%, 100% 8.6913305235%, 0% 8.6913305235%);
            clip-path: polygon(0% 5.7629297811%, 100% 5.7629297811%, 100% 8.6913305235%, 0% 8.6913305235%);
    transform: translate(0.0248425518%, 0.458209427%);
  }
  17.2% {
    -webkit-clip-path: polygon(0% 37.100327025%, 100% 37.100327025%, 100% 45.7865952921%, 0% 45.7865952921%);
            clip-path: polygon(0% 37.100327025%, 100% 37.100327025%, 100% 45.7865952921%, 0% 45.7865952921%);
    transform: translate(1.5528529584%, 0.3743828077%);
  }
  17.4% {
    -webkit-clip-path: polygon(0% 63.2040233679%, 100% 63.2040233679%, 100% 64.710707011%, 0% 64.710707011%);
            clip-path: polygon(0% 63.2040233679%, 100% 63.2040233679%, 100% 64.710707011%, 0% 64.710707011%);
    transform: translate(-6.9383589229%, 0.0978907978%);
  }
  17.6% {
    -webkit-clip-path: polygon(0% 72.4361473683%, 100% 72.4361473683%, 100% 80.8800289594%, 0% 80.8800289594%);
            clip-path: polygon(0% 72.4361473683%, 100% 72.4361473683%, 100% 80.8800289594%, 0% 80.8800289594%);
    transform: translate(-7.5436532871%, 0.3250364101%);
  }
  17.8% {
    -webkit-clip-path: polygon(0% 88.6585002164%, 100% 88.6585002164%, 100% 94.4185239204%, 0% 94.4185239204%);
            clip-path: polygon(0% 88.6585002164%, 100% 88.6585002164%, 100% 94.4185239204%, 0% 94.4185239204%);
    transform: translate(-4.6537851188%, 0.2655242016%);
  }
  18% {
    -webkit-clip-path: polygon(0% 89.7446540877%, 100% 89.7446540877%, 100% 98.9460605096%, 0% 98.9460605096%);
            clip-path: polygon(0% 89.7446540877%, 100% 89.7446540877%, 100% 98.9460605096%, 0% 98.9460605096%);
    transform: translate(7.4432656847%, -0.2882383874%);
  }
  18.2% {
    -webkit-clip-path: polygon(0% 58.8282401585%, 100% 58.8282401585%, 100% 66.7283197657%, 0% 66.7283197657%);
            clip-path: polygon(0% 58.8282401585%, 100% 58.8282401585%, 100% 66.7283197657%, 0% 66.7283197657%);
    transform: translate(-2.0988745877%, 0.3021160771%);
  }
  18.4% {
    -webkit-clip-path: polygon(0% 68.044062742%, 100% 68.044062742%, 100% 73.2586848023%, 0% 73.2586848023%);
            clip-path: polygon(0% 68.044062742%, 100% 68.044062742%, 100% 73.2586848023%, 0% 73.2586848023%);
    transform: translate(3.924280231%, -0.2818584447%);
  }
  18.6% {
    -webkit-clip-path: polygon(0% 52.6500260989%, 100% 52.6500260989%, 100% 57.182984365%, 0% 57.182984365%);
            clip-path: polygon(0% 52.6500260989%, 100% 52.6500260989%, 100% 57.182984365%, 0% 57.182984365%);
    transform: translate(-1.2765567736%, -0.2677466624%);
  }
  18.8% {
    -webkit-clip-path: polygon(0% 18.243724681%, 100% 18.243724681%, 100% 24.8873366974%, 0% 24.8873366974%);
            clip-path: polygon(0% 18.243724681%, 100% 18.243724681%, 100% 24.8873366974%, 0% 24.8873366974%);
    transform: translate(-4.4840666418%, 0.0579681499%);
  }
  19% {
    -webkit-clip-path: polygon(0% 37.1236060164%, 100% 37.1236060164%, 100% 44.1687271734%, 0% 44.1687271734%);
            clip-path: polygon(0% 37.1236060164%, 100% 37.1236060164%, 100% 44.1687271734%, 0% 44.1687271734%);
    transform: translate(7.3216461488%, 0.1694527817%);
  }
  19.2% {
    -webkit-clip-path: polygon(0% 60.6624371236%, 100% 60.6624371236%, 100% 67.2240153269%, 0% 67.2240153269%);
            clip-path: polygon(0% 60.6624371236%, 100% 60.6624371236%, 100% 67.2240153269%, 0% 67.2240153269%);
    transform: translate(-4.6588401214%, -0.1353580998%);
  }
  19.4% {
    -webkit-clip-path: polygon(0% 5.7421210234%, 100% 5.7421210234%, 100% 14.7651700143%, 0% 14.7651700143%);
            clip-path: polygon(0% 5.7421210234%, 100% 5.7421210234%, 100% 14.7651700143%, 0% 14.7651700143%);
    transform: translate(-0.3974160122%, 0.2868206897%);
  }
  19.6% {
    -webkit-clip-path: polygon(0% 76.0138078824%, 100% 76.0138078824%, 100% 84.9068200681%, 0% 84.9068200681%);
            clip-path: polygon(0% 76.0138078824%, 100% 76.0138078824%, 100% 84.9068200681%, 0% 84.9068200681%);
    transform: translate(-0.7029502152%, 0.3315775695%);
  }
  19.8% {
    -webkit-clip-path: polygon(0% 7.7134292032%, 100% 7.7134292032%, 100% 12.8427229242%, 0% 12.8427229242%);
            clip-path: polygon(0% 7.7134292032%, 100% 7.7134292032%, 100% 12.8427229242%, 0% 12.8427229242%);
    transform: translate(-6.2101316739%, 0.273694001%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
.glitch::after {
  animation: glitch-after 1s linear infinite alternate both;
  content: "";
}
@keyframes glitch-after {
  0% {
    -webkit-clip-path: polygon(0% 67.9480422027%, 100% 67.9480422027%, 100% 70.1142166067%, 0% 70.1142166067%);
            clip-path: polygon(0% 67.9480422027%, 100% 67.9480422027%, 100% 70.1142166067%, 0% 70.1142166067%);
    transform: translate(3.996830699%, -0.0486306039%);
  }
  0.2% {
    -webkit-clip-path: polygon(0% 42.8186313963%, 100% 42.8186313963%, 100% 45.3756850025%, 0% 45.3756850025%);
            clip-path: polygon(0% 42.8186313963%, 100% 42.8186313963%, 100% 45.3756850025%, 0% 45.3756850025%);
    transform: translate(-5.5273676958%, 0.2625528318%);
  }
  0.4% {
    -webkit-clip-path: polygon(0% 14.5832970544%, 100% 14.5832970544%, 100% 17.3066548164%, 0% 17.3066548164%);
            clip-path: polygon(0% 14.5832970544%, 100% 14.5832970544%, 100% 17.3066548164%, 0% 17.3066548164%);
    transform: translate(-1.1659060333%, 0.3177557648%);
  }
  0.6% {
    -webkit-clip-path: polygon(0% 49.1916834903%, 100% 49.1916834903%, 100% 56.4824881346%, 0% 56.4824881346%);
            clip-path: polygon(0% 49.1916834903%, 100% 49.1916834903%, 100% 56.4824881346%, 0% 56.4824881346%);
    transform: translate(6.6799542009%, -0.3975847651%);
  }
  0.8% {
    -webkit-clip-path: polygon(0% 49.8150746922%, 100% 49.8150746922%, 100% 56.7693386427%, 0% 56.7693386427%);
            clip-path: polygon(0% 49.8150746922%, 100% 49.8150746922%, 100% 56.7693386427%, 0% 56.7693386427%);
    transform: translate(-4.4955308662%, -0.2836932363%);
  }
  1% {
    -webkit-clip-path: polygon(0% 5.1524270383%, 100% 5.1524270383%, 100% 10.2991149839%, 0% 10.2991149839%);
            clip-path: polygon(0% 5.1524270383%, 100% 5.1524270383%, 100% 10.2991149839%, 0% 10.2991149839%);
    transform: translate(2.0011384138%, 0.2804643001%);
  }
  1.2% {
    -webkit-clip-path: polygon(0% 12.171384618%, 100% 12.171384618%, 100% 17.0530544844%, 0% 17.0530544844%);
            clip-path: polygon(0% 12.171384618%, 100% 12.171384618%, 100% 17.0530544844%, 0% 17.0530544844%);
    transform: translate(1.6515366331%, 0.3968377195%);
  }
  1.4% {
    -webkit-clip-path: polygon(0% 88.2041378977%, 100% 88.2041378977%, 100% 96.1016238344%, 0% 96.1016238344%);
            clip-path: polygon(0% 88.2041378977%, 100% 88.2041378977%, 100% 96.1016238344%, 0% 96.1016238344%);
    transform: translate(-2.5763370389%, 0.1286418671%);
  }
  1.6% {
    -webkit-clip-path: polygon(0% 23.9385405378%, 100% 23.9385405378%, 100% 30.3116719757%, 0% 30.3116719757%);
            clip-path: polygon(0% 23.9385405378%, 100% 23.9385405378%, 100% 30.3116719757%, 0% 30.3116719757%);
    transform: translate(4.1033918664%, 0.3142406386%);
  }
  1.8% {
    -webkit-clip-path: polygon(0% 26.4602746782%, 100% 26.4602746782%, 100% 33.5580271191%, 0% 33.5580271191%);
            clip-path: polygon(0% 26.4602746782%, 100% 26.4602746782%, 100% 33.5580271191%, 0% 33.5580271191%);
    transform: translate(-0.604563591%, 0.049930375%);
  }
  2% {
    -webkit-clip-path: polygon(0% 14.5893376462%, 100% 14.5893376462%, 100% 24.1336146048%, 0% 24.1336146048%);
            clip-path: polygon(0% 14.5893376462%, 100% 14.5893376462%, 100% 24.1336146048%, 0% 24.1336146048%);
    transform: translate(-7.6855719131%, -0.0040088254%);
  }
  2.2% {
    -webkit-clip-path: polygon(0% 3.2888007526%, 100% 3.2888007526%, 100% 9.6919712631%, 0% 9.6919712631%);
            clip-path: polygon(0% 3.2888007526%, 100% 3.2888007526%, 100% 9.6919712631%, 0% 9.6919712631%);
    transform: translate(3.2261202593%, -0.2789897831%);
  }
  2.4% {
    -webkit-clip-path: polygon(0% 65.8146413518%, 100% 65.8146413518%, 100% 71.7547683112%, 0% 71.7547683112%);
            clip-path: polygon(0% 65.8146413518%, 100% 65.8146413518%, 100% 71.7547683112%, 0% 71.7547683112%);
    transform: translate(4.2351855371%, -0.2922931339%);
  }
  2.6% {
    -webkit-clip-path: polygon(0% 4.6033035018%, 100% 4.6033035018%, 100% 6.7389337352%, 0% 6.7389337352%);
            clip-path: polygon(0% 4.6033035018%, 100% 4.6033035018%, 100% 6.7389337352%, 0% 6.7389337352%);
    transform: translate(7.4398972568%, -0.3326370476%);
  }
  2.8% {
    -webkit-clip-path: polygon(0% 41.495159215%, 100% 41.495159215%, 100% 50.2268246776%, 0% 50.2268246776%);
            clip-path: polygon(0% 41.495159215%, 100% 41.495159215%, 100% 50.2268246776%, 0% 50.2268246776%);
    transform: translate(1.1031632148%, -0.2610458772%);
  }
  3% {
    -webkit-clip-path: polygon(0% 43.8952175661%, 100% 43.8952175661%, 100% 48.7157240905%, 0% 48.7157240905%);
            clip-path: polygon(0% 43.8952175661%, 100% 43.8952175661%, 100% 48.7157240905%, 0% 48.7157240905%);
    transform: translate(2.0362562007%, -0.3846310593%);
  }
  3.2% {
    -webkit-clip-path: polygon(0% 84.7649963772%, 100% 84.7649963772%, 100% 89.5990054949%, 0% 89.5990054949%);
            clip-path: polygon(0% 84.7649963772%, 100% 84.7649963772%, 100% 89.5990054949%, 0% 89.5990054949%);
    transform: translate(-4.6383768777%, 0.0675513491%);
  }
  3.4% {
    -webkit-clip-path: polygon(0% 27.3778536371%, 100% 27.3778536371%, 100% 34.6752538645%, 0% 34.6752538645%);
            clip-path: polygon(0% 27.3778536371%, 100% 27.3778536371%, 100% 34.6752538645%, 0% 34.6752538645%);
    transform: translate(1.7359855564%, 0.2360158658%);
  }
  3.6% {
    -webkit-clip-path: polygon(0% 8.6804356801%, 100% 8.6804356801%, 100% 12.269198601%, 0% 12.269198601%);
            clip-path: polygon(0% 8.6804356801%, 100% 8.6804356801%, 100% 12.269198601%, 0% 12.269198601%);
    transform: translate(4.4045421438%, -0.0111643136%);
  }
  3.8% {
    -webkit-clip-path: polygon(0% 37.4544613085%, 100% 37.4544613085%, 100% 43.0112625418%, 0% 43.0112625418%);
            clip-path: polygon(0% 37.4544613085%, 100% 37.4544613085%, 100% 43.0112625418%, 0% 43.0112625418%);
    transform: translate(-5.5136474605%, -0.3683012091%);
  }
  4% {
    -webkit-clip-path: polygon(0% 70.0779542815%, 100% 70.0779542815%, 100% 77.0492170685%, 0% 77.0492170685%);
            clip-path: polygon(0% 70.0779542815%, 100% 70.0779542815%, 100% 77.0492170685%, 0% 77.0492170685%);
    transform: translate(-1.3057612956%, 0.3589023469%);
  }
  4.2% {
    -webkit-clip-path: polygon(0% 36.2522954822%, 100% 36.2522954822%, 100% 45.3513075216%, 0% 45.3513075216%);
            clip-path: polygon(0% 36.2522954822%, 100% 36.2522954822%, 100% 45.3513075216%, 0% 45.3513075216%);
    transform: translate(-4.5459523945%, 0.0046221391%);
  }
  4.4% {
    -webkit-clip-path: polygon(0% 59.5994688535%, 100% 59.5994688535%, 100% 67.9747121319%, 0% 67.9747121319%);
            clip-path: polygon(0% 59.5994688535%, 100% 59.5994688535%, 100% 67.9747121319%, 0% 67.9747121319%);
    transform: translate(2.1296059665%, 0.1651898444%);
  }
  4.6% {
    -webkit-clip-path: polygon(0% 15.5159691361%, 100% 15.5159691361%, 100% 19.7358579191%, 0% 19.7358579191%);
            clip-path: polygon(0% 15.5159691361%, 100% 15.5159691361%, 100% 19.7358579191%, 0% 19.7358579191%);
    transform: translate(-4.4664033708%, 0.0697547136%);
  }
  4.8% {
    -webkit-clip-path: polygon(0% 36.3090613427%, 100% 36.3090613427%, 100% 37.4522665714%, 0% 37.4522665714%);
            clip-path: polygon(0% 36.3090613427%, 100% 36.3090613427%, 100% 37.4522665714%, 0% 37.4522665714%);
    transform: translate(-6.3529997389%, 0.005652621%);
  }
  5% {
    -webkit-clip-path: polygon(0% 46.9624985226%, 100% 46.9624985226%, 100% 56.4767053703%, 0% 56.4767053703%);
            clip-path: polygon(0% 46.9624985226%, 100% 46.9624985226%, 100% 56.4767053703%, 0% 56.4767053703%);
    transform: translate(5.6837705172%, 0.455131395%);
  }
  5.2% {
    -webkit-clip-path: polygon(0% 69.1336789799%, 100% 69.1336789799%, 100% 78.5882472184%, 0% 78.5882472184%);
            clip-path: polygon(0% 69.1336789799%, 100% 69.1336789799%, 100% 78.5882472184%, 0% 78.5882472184%);
    transform: translate(6.7578732444%, -0.223209935%);
  }
  5.4% {
    -webkit-clip-path: polygon(0% 40.7291169567%, 100% 40.7291169567%, 100% 47.7523162248%, 0% 47.7523162248%);
            clip-path: polygon(0% 40.7291169567%, 100% 40.7291169567%, 100% 47.7523162248%, 0% 47.7523162248%);
    transform: translate(1.7558884961%, -0.2085716139%);
  }
  5.6% {
    -webkit-clip-path: polygon(0% 81.6996708042%, 100% 81.6996708042%, 100% 88.6605048785%, 0% 88.6605048785%);
            clip-path: polygon(0% 81.6996708042%, 100% 81.6996708042%, 100% 88.6605048785%, 0% 88.6605048785%);
    transform: translate(-6.2286636999%, 0.2723218726%);
  }
  5.8% {
    -webkit-clip-path: polygon(0% 59.6738445166%, 100% 59.6738445166%, 100% 63.1024690805%, 0% 63.1024690805%);
            clip-path: polygon(0% 59.6738445166%, 100% 59.6738445166%, 100% 63.1024690805%, 0% 63.1024690805%);
    transform: translate(-4.5323393656%, 0.4789506814%);
  }
  6% {
    -webkit-clip-path: polygon(0% 53.2476070588%, 100% 53.2476070588%, 100% 55.3154314306%, 0% 55.3154314306%);
            clip-path: polygon(0% 53.2476070588%, 100% 53.2476070588%, 100% 55.3154314306%, 0% 55.3154314306%);
    transform: translate(7.1659631398%, 0.0606881843%);
  }
  6.2% {
    -webkit-clip-path: polygon(0% 0.0881748315%, 100% 0.0881748315%, 100% 3.8307858598%, 0% 3.8307858598%);
            clip-path: polygon(0% 0.0881748315%, 100% 0.0881748315%, 100% 3.8307858598%, 0% 3.8307858598%);
    transform: translate(-3.4477977262%, 0.1818344185%);
  }
  6.4% {
    -webkit-clip-path: polygon(0% 31.2858947543%, 100% 31.2858947543%, 100% 35.0811403466%, 0% 35.0811403466%);
            clip-path: polygon(0% 31.2858947543%, 100% 31.2858947543%, 100% 35.0811403466%, 0% 35.0811403466%);
    transform: translate(0.8299591111%, 0.2611203194%);
  }
  6.6% {
    -webkit-clip-path: polygon(0% 3.8679843099%, 100% 3.8679843099%, 100% 13.1535609171%, 0% 13.1535609171%);
            clip-path: polygon(0% 3.8679843099%, 100% 3.8679843099%, 100% 13.1535609171%, 0% 13.1535609171%);
    transform: translate(-6.5895424617%, -0.4836204084%);
  }
  6.8% {
    -webkit-clip-path: polygon(0% 58.2259374168%, 100% 58.2259374168%, 100% 67.4288002238%, 0% 67.4288002238%);
            clip-path: polygon(0% 58.2259374168%, 100% 58.2259374168%, 100% 67.4288002238%, 0% 67.4288002238%);
    transform: translate(-2.0840872346%, 0.4730581413%);
  }
  7% {
    -webkit-clip-path: polygon(0% 40.5106454751%, 100% 40.5106454751%, 100% 43.6189086401%, 0% 43.6189086401%);
            clip-path: polygon(0% 40.5106454751%, 100% 40.5106454751%, 100% 43.6189086401%, 0% 43.6189086401%);
    transform: translate(6.1631482416%, 0.0546967198%);
  }
  7.2% {
    -webkit-clip-path: polygon(0% 4.4315819452%, 100% 4.4315819452%, 100% 5.5353947011%, 0% 5.5353947011%);
            clip-path: polygon(0% 4.4315819452%, 100% 4.4315819452%, 100% 5.5353947011%, 0% 5.5353947011%);
    transform: translate(-3.7853311522%, 0.2674592165%);
  }
  7.4% {
    -webkit-clip-path: polygon(0% 65.4408921619%, 100% 65.4408921619%, 100% 73.3312207678%, 0% 73.3312207678%);
            clip-path: polygon(0% 65.4408921619%, 100% 65.4408921619%, 100% 73.3312207678%, 0% 73.3312207678%);
    transform: translate(6.0666191041%, -0.3604406112%);
  }
  7.6% {
    -webkit-clip-path: polygon(0% 40.7364001737%, 100% 40.7364001737%, 100% 44.2400964747%, 0% 44.2400964747%);
            clip-path: polygon(0% 40.7364001737%, 100% 40.7364001737%, 100% 44.2400964747%, 0% 44.2400964747%);
    transform: translate(-1.6262868563%, -0.1078110604%);
  }
  7.8% {
    -webkit-clip-path: polygon(0% 83.8584272934%, 100% 83.8584272934%, 100% 92.2398722485%, 0% 92.2398722485%);
            clip-path: polygon(0% 83.8584272934%, 100% 83.8584272934%, 100% 92.2398722485%, 0% 92.2398722485%);
    transform: translate(3.1800681171%, -0.0510952389%);
  }
  8% {
    -webkit-clip-path: polygon(0% 33.0258638309%, 100% 33.0258638309%, 100% 34.833439657%, 0% 34.833439657%);
            clip-path: polygon(0% 33.0258638309%, 100% 33.0258638309%, 100% 34.833439657%, 0% 34.833439657%);
    transform: translate(-7.2101911927%, -0.4452810193%);
  }
  8.2% {
    -webkit-clip-path: polygon(0% 65.0825543408%, 100% 65.0825543408%, 100% 67.6386793216%, 0% 67.6386793216%);
            clip-path: polygon(0% 65.0825543408%, 100% 65.0825543408%, 100% 67.6386793216%, 0% 67.6386793216%);
    transform: translate(-1.9416123204%, -0.1193392063%);
  }
  8.4% {
    -webkit-clip-path: polygon(0% 31.5326858758%, 100% 31.5326858758%, 100% 33.504747539%, 0% 33.504747539%);
            clip-path: polygon(0% 31.5326858758%, 100% 31.5326858758%, 100% 33.504747539%, 0% 33.504747539%);
    transform: translate(-5.7701942792%, -0.3907852005%);
  }
  8.6% {
    -webkit-clip-path: polygon(0% 29.2453739382%, 100% 29.2453739382%, 100% 32.1515292217%, 0% 32.1515292217%);
            clip-path: polygon(0% 29.2453739382%, 100% 29.2453739382%, 100% 32.1515292217%, 0% 32.1515292217%);
    transform: translate(0.2103231422%, -0.4853710277%);
  }
  8.8% {
    -webkit-clip-path: polygon(0% 59.0939372062%, 100% 59.0939372062%, 100% 68.100726239%, 0% 68.100726239%);
            clip-path: polygon(0% 59.0939372062%, 100% 59.0939372062%, 100% 68.100726239%, 0% 68.100726239%);
    transform: translate(0.902421518%, -0.3888982005%);
  }
  9% {
    -webkit-clip-path: polygon(0% 16.7219718272%, 100% 16.7219718272%, 100% 21.5512815698%, 0% 21.5512815698%);
            clip-path: polygon(0% 16.7219718272%, 100% 16.7219718272%, 100% 21.5512815698%, 0% 21.5512815698%);
    transform: translate(-0.6418033333%, -0.1378289422%);
  }
  9.2% {
    -webkit-clip-path: polygon(0% 4.9927138064%, 100% 4.9927138064%, 100% 13.0192405258%, 0% 13.0192405258%);
            clip-path: polygon(0% 4.9927138064%, 100% 4.9927138064%, 100% 13.0192405258%, 0% 13.0192405258%);
    transform: translate(5.7937146825%, -0.0846383044%);
  }
  9.4% {
    -webkit-clip-path: polygon(0% 40.0292313147%, 100% 40.0292313147%, 100% 46.8564856923%, 0% 46.8564856923%);
            clip-path: polygon(0% 40.0292313147%, 100% 40.0292313147%, 100% 46.8564856923%, 0% 46.8564856923%);
    transform: translate(2.2994335952%, 0.3900188072%);
  }
  9.6% {
    -webkit-clip-path: polygon(0% 50.6211996843%, 100% 50.6211996843%, 100% 58.2256542723%, 0% 58.2256542723%);
            clip-path: polygon(0% 50.6211996843%, 100% 50.6211996843%, 100% 58.2256542723%, 0% 58.2256542723%);
    transform: translate(6.1482655294%, 0.4163547396%);
  }
  9.8% {
    -webkit-clip-path: polygon(0% 30.0608292574%, 100% 30.0608292574%, 100% 31.4658135347%, 0% 31.4658135347%);
            clip-path: polygon(0% 30.0608292574%, 100% 30.0608292574%, 100% 31.4658135347%, 0% 31.4658135347%);
    transform: translate(4.1242172716%, 0.472482824%);
  }
  10% {
    -webkit-clip-path: polygon(0% 54.5866938899%, 100% 54.5866938899%, 100% 57.6840561814%, 0% 57.6840561814%);
            clip-path: polygon(0% 54.5866938899%, 100% 54.5866938899%, 100% 57.6840561814%, 0% 57.6840561814%);
    transform: translate(6.0273633049%, -0.0110996184%);
  }
  10.2% {
    -webkit-clip-path: polygon(0% 20.4905067365%, 100% 20.4905067365%, 100% 28.6445874762%, 0% 28.6445874762%);
            clip-path: polygon(0% 20.4905067365%, 100% 20.4905067365%, 100% 28.6445874762%, 0% 28.6445874762%);
    transform: translate(6.4824907076%, 0.3470631783%);
  }
  10.4% {
    -webkit-clip-path: polygon(0% 33.5154609468%, 100% 33.5154609468%, 100% 40.1574716838%, 0% 40.1574716838%);
            clip-path: polygon(0% 33.5154609468%, 100% 33.5154609468%, 100% 40.1574716838%, 0% 40.1574716838%);
    transform: translate(0.1968183222%, 0.0930763132%);
  }
  10.6% {
    -webkit-clip-path: polygon(0% 37.1910433803%, 100% 37.1910433803%, 100% 42.7736752506%, 0% 42.7736752506%);
            clip-path: polygon(0% 37.1910433803%, 100% 37.1910433803%, 100% 42.7736752506%, 0% 42.7736752506%);
    transform: translate(3.9635836257%, -0.1508544216%);
  }
  10.8% {
    -webkit-clip-path: polygon(0% 8.1447416274%, 100% 8.1447416274%, 100% 12.3008369924%, 0% 12.3008369924%);
            clip-path: polygon(0% 8.1447416274%, 100% 8.1447416274%, 100% 12.3008369924%, 0% 12.3008369924%);
    transform: translate(-6.6424248566%, -0.2274210408%);
  }
  11% {
    -webkit-clip-path: polygon(0% 81.3730578838%, 100% 81.3730578838%, 100% 85.5064069263%, 0% 85.5064069263%);
            clip-path: polygon(0% 81.3730578838%, 100% 81.3730578838%, 100% 85.5064069263%, 0% 85.5064069263%);
    transform: translate(-0.2715057884%, 0.4668855467%);
  }
  11.2% {
    -webkit-clip-path: polygon(0% 46.7215386733%, 100% 46.7215386733%, 100% 48.7349935787%, 0% 48.7349935787%);
            clip-path: polygon(0% 46.7215386733%, 100% 46.7215386733%, 100% 48.7349935787%, 0% 48.7349935787%);
    transform: translate(5.132813052%, 0.3717629993%);
  }
  11.4% {
    -webkit-clip-path: polygon(0% 71.4180075733%, 100% 71.4180075733%, 100% 80.2301374415%, 0% 80.2301374415%);
            clip-path: polygon(0% 71.4180075733%, 100% 71.4180075733%, 100% 80.2301374415%, 0% 80.2301374415%);
    transform: translate(-2.3001321693%, -0.2076360211%);
  }
  11.6% {
    -webkit-clip-path: polygon(0% 56.5948429407%, 100% 56.5948429407%, 100% 61.9276453677%, 0% 61.9276453677%);
            clip-path: polygon(0% 56.5948429407%, 100% 56.5948429407%, 100% 61.9276453677%, 0% 61.9276453677%);
    transform: translate(2.1487092498%, 0.1702937422%);
  }
  11.8% {
    -webkit-clip-path: polygon(0% 82.2267960056%, 100% 82.2267960056%, 100% 90.6390533296%, 0% 90.6390533296%);
            clip-path: polygon(0% 82.2267960056%, 100% 82.2267960056%, 100% 90.6390533296%, 0% 90.6390533296%);
    transform: translate(6.5573765328%, -0.0920086716%);
  }
  12% {
    -webkit-clip-path: polygon(0% 46.7700650642%, 100% 46.7700650642%, 100% 51.6901999191%, 0% 51.6901999191%);
            clip-path: polygon(0% 46.7700650642%, 100% 46.7700650642%, 100% 51.6901999191%, 0% 51.6901999191%);
    transform: translate(-6.9017849333%, 0.1153236495%);
  }
  12.2% {
    -webkit-clip-path: polygon(0% 35.073283233%, 100% 35.073283233%, 100% 41.7722224667%, 0% 41.7722224667%);
            clip-path: polygon(0% 35.073283233%, 100% 35.073283233%, 100% 41.7722224667%, 0% 41.7722224667%);
    transform: translate(5.75192283%, -0.3215993917%);
  }
  12.4% {
    -webkit-clip-path: polygon(0% 26.4482263225%, 100% 26.4482263225%, 100% 29.3742168831%, 0% 29.3742168831%);
            clip-path: polygon(0% 26.4482263225%, 100% 26.4482263225%, 100% 29.3742168831%, 0% 29.3742168831%);
    transform: translate(-1.0963190531%, 0.2543214083%);
  }
  12.6% {
    -webkit-clip-path: polygon(0% 25.3818501637%, 100% 25.3818501637%, 100% 30.379050741%, 0% 30.379050741%);
            clip-path: polygon(0% 25.3818501637%, 100% 25.3818501637%, 100% 30.379050741%, 0% 30.379050741%);
    transform: translate(4.837560571%, 0.1989678211%);
  }
  12.8% {
    -webkit-clip-path: polygon(0% 48.5174377346%, 100% 48.5174377346%, 100% 53.54187166%, 0% 53.54187166%);
            clip-path: polygon(0% 48.5174377346%, 100% 48.5174377346%, 100% 53.54187166%, 0% 53.54187166%);
    transform: translate(-1.4637173345%, -0.4866400838%);
  }
  13% {
    -webkit-clip-path: polygon(0% 2.6861724965%, 100% 2.6861724965%, 100% 9.9470230964%, 0% 9.9470230964%);
            clip-path: polygon(0% 2.6861724965%, 100% 2.6861724965%, 100% 9.9470230964%, 0% 9.9470230964%);
    transform: translate(-6.1348559231%, 0.4401109663%);
  }
  13.2% {
    -webkit-clip-path: polygon(0% 56.4939340773%, 100% 56.4939340773%, 100% 58.2474580758%, 0% 58.2474580758%);
            clip-path: polygon(0% 56.4939340773%, 100% 56.4939340773%, 100% 58.2474580758%, 0% 58.2474580758%);
    transform: translate(6.7093245873%, 0.0026363724%);
  }
  13.4% {
    -webkit-clip-path: polygon(0% 24.1430266675%, 100% 24.1430266675%, 100% 29.3089657929%, 0% 29.3089657929%);
            clip-path: polygon(0% 24.1430266675%, 100% 24.1430266675%, 100% 29.3089657929%, 0% 29.3089657929%);
    transform: translate(4.0521830471%, -0.4158424571%);
  }
  13.6% {
    -webkit-clip-path: polygon(0% 71.9399689603%, 100% 71.9399689603%, 100% 76.8547943299%, 0% 76.8547943299%);
            clip-path: polygon(0% 71.9399689603%, 100% 71.9399689603%, 100% 76.8547943299%, 0% 76.8547943299%);
    transform: translate(2.5337658781%, -0.022937567%);
  }
  13.8% {
    -webkit-clip-path: polygon(0% 56.0667654701%, 100% 56.0667654701%, 100% 62.3803464629%, 0% 62.3803464629%);
            clip-path: polygon(0% 56.0667654701%, 100% 56.0667654701%, 100% 62.3803464629%, 0% 62.3803464629%);
    transform: translate(-6.2667044111%, -0.3478324812%);
  }
  14% {
    -webkit-clip-path: polygon(0% 48.9593880179%, 100% 48.9593880179%, 100% 54.4509045364%, 0% 54.4509045364%);
            clip-path: polygon(0% 48.9593880179%, 100% 48.9593880179%, 100% 54.4509045364%, 0% 54.4509045364%);
    transform: translate(-4.4104236518%, -0.1480178699%);
  }
  14.2% {
    -webkit-clip-path: polygon(0% 55.2483557954%, 100% 55.2483557954%, 100% 63.8098013377%, 0% 63.8098013377%);
            clip-path: polygon(0% 55.2483557954%, 100% 55.2483557954%, 100% 63.8098013377%, 0% 63.8098013377%);
    transform: translate(2.4253958239%, -0.2410435436%);
  }
  14.4% {
    -webkit-clip-path: polygon(0% 14.9396875817%, 100% 14.9396875817%, 100% 22.6649595907%, 0% 22.6649595907%);
            clip-path: polygon(0% 14.9396875817%, 100% 14.9396875817%, 100% 22.6649595907%, 0% 22.6649595907%);
    transform: translate(7.8024338029%, 0.3179389923%);
  }
  14.6% {
    -webkit-clip-path: polygon(0% 4.0821842459%, 100% 4.0821842459%, 100% 11.0763349982%, 0% 11.0763349982%);
            clip-path: polygon(0% 4.0821842459%, 100% 4.0821842459%, 100% 11.0763349982%, 0% 11.0763349982%);
    transform: translate(-2.6237469382%, 0.4800958663%);
  }
  14.8% {
    -webkit-clip-path: polygon(0% 46.591377759%, 100% 46.591377759%, 100% 55.2673016755%, 0% 55.2673016755%);
            clip-path: polygon(0% 46.591377759%, 100% 46.591377759%, 100% 55.2673016755%, 0% 55.2673016755%);
    transform: translate(3.5586431483%, -0.2397180647%);
  }
  15% {
    -webkit-clip-path: polygon(0% 31.1346170018%, 100% 31.1346170018%, 100% 34.3584860056%, 0% 34.3584860056%);
            clip-path: polygon(0% 31.1346170018%, 100% 31.1346170018%, 100% 34.3584860056%, 0% 34.3584860056%);
    transform: translate(3.5703046234%, 0.2933092477%);
  }
  15.2% {
    -webkit-clip-path: polygon(0% 72.8994019697%, 100% 72.8994019697%, 100% 76.4317992019%, 0% 76.4317992019%);
            clip-path: polygon(0% 72.8994019697%, 100% 72.8994019697%, 100% 76.4317992019%, 0% 76.4317992019%);
    transform: translate(-4.0918164713%, 0.3558638904%);
  }
  15.4% {
    -webkit-clip-path: polygon(0% 55.5558924022%, 100% 55.5558924022%, 100% 62.2337339508%, 0% 62.2337339508%);
            clip-path: polygon(0% 55.5558924022%, 100% 55.5558924022%, 100% 62.2337339508%, 0% 62.2337339508%);
    transform: translate(7.3296752777%, -0.1531957653%);
  }
  15.6% {
    -webkit-clip-path: polygon(0% 78.2365424344%, 100% 78.2365424344%, 100% 87.4963132833%, 0% 87.4963132833%);
            clip-path: polygon(0% 78.2365424344%, 100% 78.2365424344%, 100% 87.4963132833%, 0% 87.4963132833%);
    transform: translate(4.7435531588%, 0.4408439183%);
  }
  15.8% {
    -webkit-clip-path: polygon(0% 56.8724828346%, 100% 56.8724828346%, 100% 61.4894161767%, 0% 61.4894161767%);
            clip-path: polygon(0% 56.8724828346%, 100% 56.8724828346%, 100% 61.4894161767%, 0% 61.4894161767%);
    transform: translate(1.7717940471%, -0.2869963887%);
  }
  16% {
    -webkit-clip-path: polygon(0% 30.9635490607%, 100% 30.9635490607%, 100% 35.8919649601%, 0% 35.8919649601%);
            clip-path: polygon(0% 30.9635490607%, 100% 30.9635490607%, 100% 35.8919649601%, 0% 35.8919649601%);
    transform: translate(3.0363722386%, 0.1344230758%);
  }
  16.2% {
    -webkit-clip-path: polygon(0% 35.0438594629%, 100% 35.0438594629%, 100% 39.2969354834%, 0% 39.2969354834%);
            clip-path: polygon(0% 35.0438594629%, 100% 35.0438594629%, 100% 39.2969354834%, 0% 39.2969354834%);
    transform: translate(0.7924722697%, -0.0684535809%);
  }
  16.4% {
    -webkit-clip-path: polygon(0% 19.1721385311%, 100% 19.1721385311%, 100% 23.3985763516%, 0% 23.3985763516%);
            clip-path: polygon(0% 19.1721385311%, 100% 19.1721385311%, 100% 23.3985763516%, 0% 23.3985763516%);
    transform: translate(-0.0575216833%, -0.4795576176%);
  }
  16.6% {
    -webkit-clip-path: polygon(0% 3.883918497%, 100% 3.883918497%, 100% 13.2316062171%, 0% 13.2316062171%);
            clip-path: polygon(0% 3.883918497%, 100% 3.883918497%, 100% 13.2316062171%, 0% 13.2316062171%);
    transform: translate(-7.2945443599%, -0.1197661723%);
  }
  16.8% {
    -webkit-clip-path: polygon(0% 8.1789832203%, 100% 8.1789832203%, 100% 17.3180644741%, 0% 17.3180644741%);
            clip-path: polygon(0% 8.1789832203%, 100% 8.1789832203%, 100% 17.3180644741%, 0% 17.3180644741%);
    transform: translate(6.5375997451%, 0.4486327161%);
  }
  17% {
    -webkit-clip-path: polygon(0% 61.8849098515%, 100% 61.8849098515%, 100% 64.2437613478%, 0% 64.2437613478%);
            clip-path: polygon(0% 61.8849098515%, 100% 61.8849098515%, 100% 64.2437613478%, 0% 64.2437613478%);
    transform: translate(2.7476124565%, 0.2540728209%);
  }
  17.2% {
    -webkit-clip-path: polygon(0% 54.7764688489%, 100% 54.7764688489%, 100% 64.2479241826%, 0% 64.2479241826%);
            clip-path: polygon(0% 54.7764688489%, 100% 54.7764688489%, 100% 64.2479241826%, 0% 64.2479241826%);
    transform: translate(2.4829650857%, 0.3507470556%);
  }
  17.4% {
    -webkit-clip-path: polygon(0% 35.5107855379%, 100% 35.5107855379%, 100% 42.1289299585%, 0% 42.1289299585%);
            clip-path: polygon(0% 35.5107855379%, 100% 35.5107855379%, 100% 42.1289299585%, 0% 42.1289299585%);
    transform: translate(-2.5390001709%, -0.2612035323%);
  }
  17.6% {
    -webkit-clip-path: polygon(0% 5.2371782519%, 100% 5.2371782519%, 100% 9.2710338774%, 0% 9.2710338774%);
            clip-path: polygon(0% 5.2371782519%, 100% 5.2371782519%, 100% 9.2710338774%, 0% 9.2710338774%);
    transform: translate(-7.6582768124%, -0.4493857176%);
  }
  17.8% {
    -webkit-clip-path: polygon(0% 55.1437881595%, 100% 55.1437881595%, 100% 57.2493309432%, 0% 57.2493309432%);
            clip-path: polygon(0% 55.1437881595%, 100% 55.1437881595%, 100% 57.2493309432%, 0% 57.2493309432%);
    transform: translate(-4.6196370889%, -0.1778937005%);
  }
  18% {
    -webkit-clip-path: polygon(0% 18.1472934407%, 100% 18.1472934407%, 100% 27.7936963012%, 0% 27.7936963012%);
            clip-path: polygon(0% 18.1472934407%, 100% 18.1472934407%, 100% 27.7936963012%, 0% 27.7936963012%);
    transform: translate(1.5131575939%, -0.2002613388%);
  }
  18.2% {
    -webkit-clip-path: polygon(0% 54.4148573307%, 100% 54.4148573307%, 100% 59.4318640586%, 0% 59.4318640586%);
            clip-path: polygon(0% 54.4148573307%, 100% 54.4148573307%, 100% 59.4318640586%, 0% 59.4318640586%);
    transform: translate(-6.381746401%, 0.0331898797%);
  }
  18.4% {
    -webkit-clip-path: polygon(0% 78.0749556983%, 100% 78.0749556983%, 100% 83.2454496769%, 0% 83.2454496769%);
            clip-path: polygon(0% 78.0749556983%, 100% 78.0749556983%, 100% 83.2454496769%, 0% 83.2454496769%);
    transform: translate(-5.4445981954%, -0.2513097069%);
  }
  18.6% {
    -webkit-clip-path: polygon(0% 3.1708443942%, 100% 3.1708443942%, 100% 11.6139088518%, 0% 11.6139088518%);
            clip-path: polygon(0% 3.1708443942%, 100% 3.1708443942%, 100% 11.6139088518%, 0% 11.6139088518%);
    transform: translate(-4.3087599148%, -0.0388711232%);
  }
  18.8% {
    -webkit-clip-path: polygon(0% 72.7632791051%, 100% 72.7632791051%, 100% 82.0859616007%, 0% 82.0859616007%);
            clip-path: polygon(0% 72.7632791051%, 100% 72.7632791051%, 100% 82.0859616007%, 0% 82.0859616007%);
    transform: translate(5.1541956679%, -0.3836440877%);
  }
  19% {
    -webkit-clip-path: polygon(0% 10.4494230555%, 100% 10.4494230555%, 100% 12.0975145668%, 0% 12.0975145668%);
            clip-path: polygon(0% 10.4494230555%, 100% 10.4494230555%, 100% 12.0975145668%, 0% 12.0975145668%);
    transform: translate(7.6466826614%, 0.0797130449%);
  }
  19.2% {
    -webkit-clip-path: polygon(0% 69.0251004584%, 100% 69.0251004584%, 100% 73.1134656887%, 0% 73.1134656887%);
            clip-path: polygon(0% 69.0251004584%, 100% 69.0251004584%, 100% 73.1134656887%, 0% 73.1134656887%);
    transform: translate(-4.8607394568%, -0.3491223736%);
  }
  19.4% {
    -webkit-clip-path: polygon(0% 74.2065179599%, 100% 74.2065179599%, 100% 78.8641998468%, 0% 78.8641998468%);
            clip-path: polygon(0% 74.2065179599%, 100% 74.2065179599%, 100% 78.8641998468%, 0% 78.8641998468%);
    transform: translate(4.4252405005%, 0.2243410459%);
  }
  19.6% {
    -webkit-clip-path: polygon(0% 53.2396807484%, 100% 53.2396807484%, 100% 55.6362748367%, 0% 55.6362748367%);
            clip-path: polygon(0% 53.2396807484%, 100% 53.2396807484%, 100% 55.6362748367%, 0% 55.6362748367%);
    transform: translate(-0.3946327457%, 0.1791027728%);
  }
  19.8% {
    -webkit-clip-path: polygon(0% 21.865667386%, 100% 21.865667386%, 100% 25.3664483834%, 0% 25.3664483834%);
            clip-path: polygon(0% 21.865667386%, 100% 21.865667386%, 100% 25.3664483834%, 0% 25.3664483834%);
    transform: translate(-1.7740171361%, 0.400114627%);
  }
  20%, 100% {
    -webkit-clip-path: none;
            clip-path: none;
    transform: none;
  }
}
.glitch .channel {
  mix-blend-mode: screen;
}
.glitch .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.glitch .r {
  animation: rgb-shift-r 1s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-r {
  0% {
    transform: translate(1.7884390692%, 0.1380696076%);
  }
  0.2% {
    transform: translate(1.1893694945%, 0.2752117706%);
  }
  0.4% {
    transform: translate(1.8890156496%, 0.1233621393%);
  }
  0.6% {
    transform: translate(-0.3774600017%, 0.3462118064%);
  }
  0.8% {
    transform: translate(0.0624300177%, 0.1225285251%);
  }
  1% {
    transform: translate(0.8636449201%, 0.0341362509%);
  }
  1.2% {
    transform: translate(-1.9741219312%, 0.0367467405%);
  }
  1.4% {
    transform: translate(-0.2749710555%, -0.2579665356%);
  }
  1.6% {
    transform: translate(-1.1584513666%, -0.0129451209%);
  }
  1.8% {
    transform: translate(-0.3392381012%, -0.1926669663%);
  }
  2% {
    transform: translate(-0.5454580897%, -0.4289004796%);
  }
  2.2% {
    transform: translate(0.1900361833%, 0.2653435906%);
  }
  2.4% {
    transform: translate(-0.8739018294%, 0.2042407094%);
  }
  2.6% {
    transform: translate(1.7998085309%, -0.3186386334%);
  }
  2.8% {
    transform: translate(-0.5888554918%, -0.3298582585%);
  }
  3% {
    transform: translate(1.059758518%, -0.184024844%);
  }
  3.2% {
    transform: translate(1.2347680856%, 0.1443333984%);
  }
  3.4% {
    transform: translate(-0.3013250008%, 0.1540388387%);
  }
  3.6% {
    transform: translate(0.5024430378%, -0.2934496162%);
  }
  3.8% {
    transform: translate(0.8617411329%, -0.2111472142%);
  }
  4% {
    transform: translate(0.8582202349%, -0.4870305079%);
  }
  4.2% {
    transform: translate(-0.2591644026%, -0.3729622007%);
  }
  4.4% {
    transform: translate(1.4692542886%, -0.2297411283%);
  }
  4.6% {
    transform: translate(-0.4469261314%, 0.0362337451%);
  }
  4.8% {
    transform: translate(-1.0026198216%, -0.2427977364%);
  }
  5% {
    transform: translate(0.2443604203%, 0.3311867838%);
  }
  5.2% {
    transform: translate(1.6362761032%, -0.0434571166%);
  }
  5.4% {
    transform: translate(1.6257216715%, 0.4088054246%);
  }
  5.6% {
    transform: translate(1.1337188634%, -0.2360484136%);
  }
  5.8% {
    transform: translate(0.6150604119%, -0.1484473063%);
  }
  6% {
    transform: translate(-0.67170588%, 0.3902252834%);
  }
  6.2% {
    transform: translate(0.4220448395%, -0.4949439197%);
  }
  6.4% {
    transform: translate(-1.3165322804%, -0.0794874126%);
  }
  6.6% {
    transform: translate(-0.6459836537%, -0.4005271027%);
  }
  6.8% {
    transform: translate(-1.2040402942%, 0.2210261315%);
  }
  7% {
    transform: translate(1.0574394647%, -0.3077861918%);
  }
  7.2% {
    transform: translate(-1.6257563133%, 0.0859859813%);
  }
  7.4% {
    transform: translate(-0.7149887908%, 0.1330404757%);
  }
  7.6% {
    transform: translate(1.6176963295%, 0.1541963681%);
  }
  7.8% {
    transform: translate(-1.2695348592%, -0.4171048864%);
  }
  8% {
    transform: translate(-0.5515583023%, -0.321118785%);
  }
  8.2% {
    transform: translate(-1.7012336805%, 0.258505939%);
  }
  8.4% {
    transform: translate(1.9263754682%, 0.4629562869%);
  }
  8.6% {
    transform: translate(1.7268065872%, 0.2691238955%);
  }
  8.8% {
    transform: translate(-0.2806295074%, 0.1037081705%);
  }
  9% {
    transform: translate(-1.8247756964%, -0.109195714%);
  }
  9.2% {
    transform: translate(1.0278862397%, -0.0052980355%);
  }
  9.4% {
    transform: translate(-0.5578423084%, 0.0279831466%);
  }
  9.6% {
    transform: translate(0.307980673%, 0.0042877156%);
  }
  9.8% {
    transform: translate(1.1434529032%, -0.3114836847%);
  }
  10% {
    transform: translate(0.8254996794%, -0.4406831806%);
  }
  10.2% {
    transform: translate(0.4058519043%, -0.0629307063%);
  }
  10.4% {
    transform: translate(-1.8294076977%, -0.0621590516%);
  }
  10.6% {
    transform: translate(-0.2914690531%, -0.1566066394%);
  }
  10.8% {
    transform: translate(-0.307056742%, 0.4998959025%);
  }
  11% {
    transform: translate(1.6500785243%, 0.2817318283%);
  }
  11.2% {
    transform: translate(-1.0670313347%, 0.2135572755%);
  }
  11.4% {
    transform: translate(0.9234615379%, 0.0410290394%);
  }
  11.6% {
    transform: translate(1.4037847078%, 0.0425838054%);
  }
  11.8% {
    transform: translate(0.2066544854%, 0.382056105%);
  }
  12% {
    transform: translate(1.6921589388%, -0.2982999989%);
  }
  12.2% {
    transform: translate(-1.1526689942%, -0.1907527099%);
  }
  12.4% {
    transform: translate(-1.295180641%, -0.2030646586%);
  }
  12.6% {
    transform: translate(-0.0515937253%, 0.1421036221%);
  }
  12.8% {
    transform: translate(1.7789455224%, -0.3174526119%);
  }
  13% {
    transform: translate(-0.7840087065%, 0.2310330683%);
  }
  13.2% {
    transform: translate(-0.7397019148%, 0.0582688327%);
  }
  13.4% {
    transform: translate(1.9341665014%, -0.4665636431%);
  }
  13.6% {
    transform: translate(1.2777467417%, -0.0456765084%);
  }
  13.8% {
    transform: translate(-1.4238817667%, -0.1365747388%);
  }
  14% {
    transform: translate(-0.6331128205%, -0.0346248758%);
  }
  14.2% {
    transform: translate(0.1850655889%, 0.2263597571%);
  }
  14.4% {
    transform: translate(0.8083231478%, -0.2582347134%);
  }
  14.6% {
    transform: translate(1.8022954409%, -0.4644563461%);
  }
  14.8% {
    transform: translate(-0.2027141875%, -0.2013337359%);
  }
  15% {
    transform: translate(1.3214387519%, 0.0941023831%);
  }
  15.2% {
    transform: translate(-1.089236515%, 0.0513197405%);
  }
  15.4% {
    transform: translate(-0.7894864193%, 0.4003713309%);
  }
  15.6% {
    transform: translate(0.6635756521%, -0.3776819318%);
  }
  15.8% {
    transform: translate(1.7939702421%, 0.0478774764%);
  }
  16% {
    transform: translate(-0.4332270122%, 0.1642606581%);
  }
  16.2% {
    transform: translate(-0.2296578908%, 0.284689674%);
  }
  16.4% {
    transform: translate(1.9032555826%, -0.1801583316%);
  }
  16.6% {
    transform: translate(0.5293340866%, -0.1856297699%);
  }
  16.8% {
    transform: translate(0.447618688%, 0.1040057347%);
  }
  17% {
    transform: translate(-1.8339619401%, 0.3266566115%);
  }
  17.2% {
    transform: translate(0.4240428249%, -0.4919707427%);
  }
  17.4% {
    transform: translate(-0.6211563329%, -0.387200561%);
  }
  17.6% {
    transform: translate(-1.8176015328%, -0.3493005997%);
  }
  17.8% {
    transform: translate(1.3122220016%, 0.4329127202%);
  }
  18% {
    transform: translate(0.391775914%, -0.3170427861%);
  }
  18.2% {
    transform: translate(-0.6391234978%, 0.4275928236%);
  }
  18.4% {
    transform: translate(1.7961479586%, -0.4392998144%);
  }
  18.6% {
    transform: translate(-1.7622447269%, -0.3303366695%);
  }
  18.8% {
    transform: translate(0.5340955378%, -0.1303107925%);
  }
  19% {
    transform: translate(0.197133273%, 0.4301419538%);
  }
  19.2% {
    transform: translate(-0.3929338374%, 0.4366283896%);
  }
  19.4% {
    transform: translate(-0.8130317872%, -0.2537572853%);
  }
  19.6% {
    transform: translate(0.01585434%, 0.4370929384%);
  }
  19.8% {
    transform: translate(-0.303256984%, -0.4560723862%);
  }
  20%, 100% {
    transform: none;
  }
}
.glitch .r::before {
  background: #f00;
}
.glitch .g {
  animation: rgb-shift-g 1s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-g {
  0% {
    transform: translate(-1.4420265998%, -0.0578436447%);
  }
  0.2% {
    transform: translate(-0.5187463532%, 0.3956565609%);
  }
  0.4% {
    transform: translate(-1.4032737655%, 0.3720723522%);
  }
  0.6% {
    transform: translate(0.9264966291%, -0.1782397971%);
  }
  0.8% {
    transform: translate(1.8548889749%, 0.2188301221%);
  }
  1% {
    transform: translate(1.7109101485%, -0.0222825784%);
  }
  1.2% {
    transform: translate(0.9763856703%, 0.2835863888%);
  }
  1.4% {
    transform: translate(-1.5727756364%, 0.0303517971%);
  }
  1.6% {
    transform: translate(1.6691286382%, -0.4905862289%);
  }
  1.8% {
    transform: translate(-0.6197706742%, 0.2066215197%);
  }
  2% {
    transform: translate(1.043400851%, 0.4445020677%);
  }
  2.2% {
    transform: translate(0.6735977188%, 0.3023141137%);
  }
  2.4% {
    transform: translate(-0.4628620071%, -0.0317955199%);
  }
  2.6% {
    transform: translate(-0.905550324%, -0.1406424743%);
  }
  2.8% {
    transform: translate(-0.2574351086%, 0.0795846731%);
  }
  3% {
    transform: translate(-0.3851549095%, 0.0278953855%);
  }
  3.2% {
    transform: translate(0.1748015495%, -0.3893818779%);
  }
  3.4% {
    transform: translate(1.7207901354%, -0.3681533543%);
  }
  3.6% {
    transform: translate(1.632489755%, 0.0607359736%);
  }
  3.8% {
    transform: translate(-0.323478675%, -0.342444563%);
  }
  4% {
    transform: translate(-0.2131332433%, 0.2194738249%);
  }
  4.2% {
    transform: translate(1.59602698%, -0.4943425211%);
  }
  4.4% {
    transform: translate(1.2242570688%, -0.3392025353%);
  }
  4.6% {
    transform: translate(1.7444973156%, -0.0267044605%);
  }
  4.8% {
    transform: translate(1.8971273599%, 0.126838103%);
  }
  5% {
    transform: translate(-0.2376121695%, 0.0308702399%);
  }
  5.2% {
    transform: translate(0.3614465595%, 0.191028908%);
  }
  5.4% {
    transform: translate(1.0513224091%, 0.1426656056%);
  }
  5.6% {
    transform: translate(0.7844795398%, -0.1033859908%);
  }
  5.8% {
    transform: translate(1.5836511606%, 0.0206413295%);
  }
  6% {
    transform: translate(0.1701626385%, 0.1150625436%);
  }
  6.2% {
    transform: translate(0.2552697803%, -0.1636069588%);
  }
  6.4% {
    transform: translate(-1.9156604946%, -0.2985122945%);
  }
  6.6% {
    transform: translate(1.3944124874%, -0.0460862375%);
  }
  6.8% {
    transform: translate(1.9806548726%, -0.1991889738%);
  }
  7% {
    transform: translate(-0.2856894164%, -0.1312258845%);
  }
  7.2% {
    transform: translate(1.614856639%, -0.2642769192%);
  }
  7.4% {
    transform: translate(0.6966640793%, 0.1738426966%);
  }
  7.6% {
    transform: translate(1.6565393993%, -0.3391587214%);
  }
  7.8% {
    transform: translate(1.3180928667%, -0.1256709534%);
  }
  8% {
    transform: translate(-1.6510669629%, 0.1042260915%);
  }
  8.2% {
    transform: translate(0.2672763427%, -0.2083764965%);
  }
  8.4% {
    transform: translate(0.5930283038%, -0.4257811827%);
  }
  8.6% {
    transform: translate(0.043741595%, 0.4278584105%);
  }
  8.8% {
    transform: translate(-0.8971418555%, -0.4706057698%);
  }
  9% {
    transform: translate(0.582076498%, 0.4407542134%);
  }
  9.2% {
    transform: translate(-1.9444230383%, 0.0440042578%);
  }
  9.4% {
    transform: translate(-0.2473282946%, 0.0875250609%);
  }
  9.6% {
    transform: translate(-0.4980261207%, -0.4994685694%);
  }
  9.8% {
    transform: translate(-1.6746194571%, 0.2034630333%);
  }
  10% {
    transform: translate(1.0808279028%, -0.3294473465%);
  }
  10.2% {
    transform: translate(0.3199446108%, -0.0883027507%);
  }
  10.4% {
    transform: translate(0.9773126907%, 0.0096486013%);
  }
  10.6% {
    transform: translate(-1.6506389776%, -0.0204457124%);
  }
  10.8% {
    transform: translate(-1.264544838%, 0.4325911679%);
  }
  11% {
    transform: translate(0.0774952273%, -0.2288752575%);
  }
  11.2% {
    transform: translate(1.3448577366%, -0.0324933655%);
  }
  11.4% {
    transform: translate(0.5211887376%, 0.2960336344%);
  }
  11.6% {
    transform: translate(1.4943874874%, -0.0099697816%);
  }
  11.8% {
    transform: translate(-0.2376294991%, 0.2366470924%);
  }
  12% {
    transform: translate(1.2035813357%, -0.1413969796%);
  }
  12.2% {
    transform: translate(0.9748931689%, -0.0383621959%);
  }
  12.4% {
    transform: translate(0.042750975%, 0.1549545914%);
  }
  12.6% {
    transform: translate(0.6949165043%, 0.1304664215%);
  }
  12.8% {
    transform: translate(1.4703530428%, 0.0706834706%);
  }
  13% {
    transform: translate(-0.9370574802%, -0.2201786555%);
  }
  13.2% {
    transform: translate(-0.6821153909%, 0.4180706707%);
  }
  13.4% {
    transform: translate(0.3149739121%, 0.3379678324%);
  }
  13.6% {
    transform: translate(0.7558922522%, -0.0629212814%);
  }
  13.8% {
    transform: translate(-0.2320567693%, 0.0557295757%);
  }
  14% {
    transform: translate(-0.2842485557%, -0.1475560992%);
  }
  14.2% {
    transform: translate(0.1607760149%, 0.4523817467%);
  }
  14.4% {
    transform: translate(-1.0313609755%, -0.2034334513%);
  }
  14.6% {
    transform: translate(-1.7923147765%, 0.4973259838%);
  }
  14.8% {
    transform: translate(0.3640777568%, 0.0544010709%);
  }
  15% {
    transform: translate(-0.9077368551%, -0.4414873389%);
  }
  15.2% {
    transform: translate(0.7591333306%, -0.0807852944%);
  }
  15.4% {
    transform: translate(0.1715723597%, 0.1582005368%);
  }
  15.6% {
    transform: translate(1.1130547034%, -0.058908567%);
  }
  15.8% {
    transform: translate(-1.7365366685%, 0.05890464%);
  }
  16% {
    transform: translate(1.2128693207%, -0.4864935568%);
  }
  16.2% {
    transform: translate(-1.7722445718%, -0.3829158469%);
  }
  16.4% {
    transform: translate(-0.4209959686%, -0.4086795526%);
  }
  16.6% {
    transform: translate(1.8581221188%, -0.41517747%);
  }
  16.8% {
    transform: translate(0.5353642723%, 0.3895484602%);
  }
  17% {
    transform: translate(-1.593014069%, -0.2745374739%);
  }
  17.2% {
    transform: translate(1.1800651108%, 0.2564594986%);
  }
  17.4% {
    transform: translate(1.5502938798%, -0.3881358811%);
  }
  17.6% {
    transform: translate(0.7265307044%, 0.1743551635%);
  }
  17.8% {
    transform: translate(0.5025160964%, -0.4108835336%);
  }
  18% {
    transform: translate(-1.9962712698%, 0.1543066136%);
  }
  18.2% {
    transform: translate(-0.2205029309%, 0.166676937%);
  }
  18.4% {
    transform: translate(-1.8536010644%, 0.4896598303%);
  }
  18.6% {
    transform: translate(1.2687288024%, 0.1829159869%);
  }
  18.8% {
    transform: translate(0.6462268061%, -0.0455618557%);
  }
  19% {
    transform: translate(0.8491046044%, -0.2634139068%);
  }
  19.2% {
    transform: translate(1.034529345%, 0.0643390933%);
  }
  19.4% {
    transform: translate(-0.9453696884%, -0.3462004716%);
  }
  19.6% {
    transform: translate(-0.4485931258%, 0.0804127234%);
  }
  19.8% {
    transform: translate(-0.1201097675%, 0.1984342775%);
  }
  20%, 100% {
    transform: none;
  }
}
.glitch .g::before {
  background: #0f0;
}
.glitch .b {
  animation: rgb-shift-b 1s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-b {
  0% {
    transform: translate(-0.2921716001%, -0.235602176%);
  }
  0.2% {
    transform: translate(-1.4457611784%, 0.1002814739%);
  }
  0.4% {
    transform: translate(-1.317460266%, -0.3316299202%);
  }
  0.6% {
    transform: translate(-0.814285138%, 0.3295520193%);
  }
  0.8% {
    transform: translate(-0.6280551991%, -0.2338917991%);
  }
  1% {
    transform: translate(0.8698205468%, 0.2751109851%);
  }
  1.2% {
    transform: translate(-0.439201798%, 0.0759345549%);
  }
  1.4% {
    transform: translate(1.9739780701%, -0.2406005639%);
  }
  1.6% {
    transform: translate(-0.2979913637%, -0.2091701753%);
  }
  1.8% {
    transform: translate(-0.3072088756%, -0.1553531298%);
  }
  2% {
    transform: translate(1.1465353911%, -0.3550008888%);
  }
  2.2% {
    transform: translate(-1.6879277238%, 0.2793301276%);
  }
  2.4% {
    transform: translate(0.0211292899%, -0.081522801%);
  }
  2.6% {
    transform: translate(0.1459924638%, -0.4006304764%);
  }
  2.8% {
    transform: translate(-0.2142439439%, 0.0844507211%);
  }
  3% {
    transform: translate(-0.6170650733%, 0.2586277794%);
  }
  3.2% {
    transform: translate(-0.9362397815%, -0.4391943767%);
  }
  3.4% {
    transform: translate(-0.7239508141%, -0.168006892%);
  }
  3.6% {
    transform: translate(-1.7070807965%, -0.023607582%);
  }
  3.8% {
    transform: translate(0.8256873481%, -0.0402342413%);
  }
  4% {
    transform: translate(-0.7310058766%, -0.2058011965%);
  }
  4.2% {
    transform: translate(0.8282717157%, 0.2865774888%);
  }
  4.4% {
    transform: translate(0.9737986364%, -0.2195470106%);
  }
  4.6% {
    transform: translate(-0.0896227288%, 0.0469230048%);
  }
  4.8% {
    transform: translate(0.4300567764%, 0.3471275341%);
  }
  5% {
    transform: translate(-0.5483173734%, 0.1638024067%);
  }
  5.2% {
    transform: translate(1.5795226396%, -0.1034145162%);
  }
  5.4% {
    transform: translate(0.5539684964%, -0.0376811397%);
  }
  5.6% {
    transform: translate(1.3954267732%, -0.0178472006%);
  }
  5.8% {
    transform: translate(0.4498053769%, 0.3673069745%);
  }
  6% {
    transform: translate(-1.3923266452%, 0.4742748744%);
  }
  6.2% {
    transform: translate(1.6302181331%, -0.0094638557%);
  }
  6.4% {
    transform: translate(-1.4121305042%, 0.2383445376%);
  }
  6.6% {
    transform: translate(-1.8159777757%, -0.4103758781%);
  }
  6.8% {
    transform: translate(-0.9890158819%, -0.1777183987%);
  }
  7% {
    transform: translate(0.6227153352%, 0.3168661763%);
  }
  7.2% {
    transform: translate(-1.5204337082%, 0.1697659047%);
  }
  7.4% {
    transform: translate(-0.4617997466%, -0.2498214799%);
  }
  7.6% {
    transform: translate(0.2778228293%, -0.2864837761%);
  }
  7.8% {
    transform: translate(-1.8430654157%, -0.1250801816%);
  }
  8% {
    transform: translate(-0.7695307225%, -0.0927293927%);
  }
  8.2% {
    transform: translate(1.4685821449%, -0.1557768669%);
  }
  8.4% {
    transform: translate(0.0395593781%, -0.0678979512%);
  }
  8.6% {
    transform: translate(1.032766428%, -0.4422533948%);
  }
  8.8% {
    transform: translate(-1.0043082472%, -0.2095561646%);
  }
  9% {
    transform: translate(0.6094574088%, -0.2863011528%);
  }
  9.2% {
    transform: translate(-1.0640193628%, 0.4220311499%);
  }
  9.4% {
    transform: translate(0.9318673244%, -0.2093770365%);
  }
  9.6% {
    transform: translate(-0.0573365436%, 0.017161214%);
  }
  9.8% {
    transform: translate(1.9737367749%, -0.2913423407%);
  }
  10% {
    transform: translate(-1.0005884379%, -0.106843897%);
  }
  10.2% {
    transform: translate(0.8390807787%, 0.3224477785%);
  }
  10.4% {
    transform: translate(-0.4608650101%, -0.1242646201%);
  }
  10.6% {
    transform: translate(1.8812928104%, -0.0053839801%);
  }
  10.8% {
    transform: translate(-0.3332772621%, -0.015241336%);
  }
  11% {
    transform: translate(0.1772749981%, 0.1918857425%);
  }
  11.2% {
    transform: translate(-0.1947320517%, -0.2801867748%);
  }
  11.4% {
    transform: translate(-0.5407285268%, -0.1242567277%);
  }
  11.6% {
    transform: translate(-0.9613463894%, 0.0663070319%);
  }
  11.8% {
    transform: translate(1.3981814608%, 0.4870079407%);
  }
  12% {
    transform: translate(-1.9768127712%, 0.3782608644%);
  }
  12.2% {
    transform: translate(-0.3378054876%, -0.0282512966%);
  }
  12.4% {
    transform: translate(-0.4143369349%, -0.3371743913%);
  }
  12.6% {
    transform: translate(0.6379479841%, 0.0335857914%);
  }
  12.8% {
    transform: translate(-0.4197233814%, -0.142910157%);
  }
  13% {
    transform: translate(-1.7130641116%, 0.0937259043%);
  }
  13.2% {
    transform: translate(1.0495511415%, 0.4845921587%);
  }
  13.4% {
    transform: translate(-0.843239566%, -0.2986698721%);
  }
  13.6% {
    transform: translate(-1.6635444536%, -0.3512420636%);
  }
  13.8% {
    transform: translate(-0.5400991329%, -0.0762129915%);
  }
  14% {
    transform: translate(0.6984851912%, 0.4873982947%);
  }
  14.2% {
    transform: translate(-0.7341628047%, 0.4928626213%);
  }
  14.4% {
    transform: translate(1.3084061082%, -0.4224549242%);
  }
  14.6% {
    transform: translate(0.3201228755%, -0.1391505172%);
  }
  14.8% {
    transform: translate(1.0250306307%, -0.0160532118%);
  }
  15% {
    transform: translate(-0.9627809672%, 0.0814401719%);
  }
  15.2% {
    transform: translate(-1.2532100799%, 0.2873364029%);
  }
  15.4% {
    transform: translate(1.8128481251%, 0.2139460497%);
  }
  15.6% {
    transform: translate(0.8157744239%, -0.4278882665%);
  }
  15.8% {
    transform: translate(-0.2421632581%, -0.0981547813%);
  }
  16% {
    transform: translate(0.8004854422%, -0.0270702033%);
  }
  16.2% {
    transform: translate(-1.563873854%, -0.1270746898%);
  }
  16.4% {
    transform: translate(-0.5230683794%, -0.2306919968%);
  }
  16.6% {
    transform: translate(-0.4402425408%, -0.1057306212%);
  }
  16.8% {
    transform: translate(1.9946079116%, 0.0758415498%);
  }
  17% {
    transform: translate(-1.842366027%, 0.0374025185%);
  }
  17.2% {
    transform: translate(-0.2970071147%, -0.2997209028%);
  }
  17.4% {
    transform: translate(-1.9334786609%, 0.2324308811%);
  }
  17.6% {
    transform: translate(0.5930839073%, -0.1735412712%);
  }
  17.8% {
    transform: translate(0.269219591%, -0.1930220666%);
  }
  18% {
    transform: translate(0.9911958589%, -0.1818831411%);
  }
  18.2% {
    transform: translate(-1.1119914822%, 0.3255283511%);
  }
  18.4% {
    transform: translate(1.7387938589%, 0.4007078235%);
  }
  18.6% {
    transform: translate(0.5907696114%, -0.4320393418%);
  }
  18.8% {
    transform: translate(1.4640738538%, 0.3916270922%);
  }
  19% {
    transform: translate(-1.1900148203%, 0.0123726524%);
  }
  19.2% {
    transform: translate(0.7255483243%, -0.1525806833%);
  }
  19.4% {
    transform: translate(-0.6925222181%, -0.4547008272%);
  }
  19.6% {
    transform: translate(-0.792052229%, -0.124954444%);
  }
  19.8% {
    transform: translate(0.0621803677%, -0.004655288%);
  }
  20%, 100% {
    transform: none;
  }
}
.glitch .b::before {
  background: #00f;
}

div.glitch {
  position: relative;
}

@keyframes noise-anim {
  0% {
    clip: rect(70px, 9999px, 139px, 0);
  }
  1.6666666667% {
    clip: rect(168px, 9999px, 67px, 0);
  }
  3.3333333333% {
    clip: rect(67px, 9999px, 22px, 0);
  }
  5% {
    clip: rect(42px, 9999px, 139px, 0);
  }
  6.6666666667% {
    clip: rect(46px, 9999px, 126px, 0);
  }
  8.3333333333% {
    clip: rect(105px, 9999px, 103px, 0);
  }
  10% {
    clip: rect(153px, 9999px, 17px, 0);
  }
  11.6666666667% {
    clip: rect(134px, 9999px, 2px, 0);
  }
  13.3333333333% {
    clip: rect(192px, 9999px, 96px, 0);
  }
  15% {
    clip: rect(10px, 9999px, 142px, 0);
  }
  16.6666666667% {
    clip: rect(85px, 9999px, 128px, 0);
  }
  18.3333333333% {
    clip: rect(42px, 9999px, 61px, 0);
  }
  20% {
    clip: rect(66px, 9999px, 143px, 0);
  }
  21.6666666667% {
    clip: rect(90px, 9999px, 36px, 0);
  }
  23.3333333333% {
    clip: rect(97px, 9999px, 11px, 0);
  }
  25% {
    clip: rect(151px, 9999px, 89px, 0);
  }
  26.6666666667% {
    clip: rect(142px, 9999px, 119px, 0);
  }
  28.3333333333% {
    clip: rect(6px, 9999px, 137px, 0);
  }
  30% {
    clip: rect(96px, 9999px, 131px, 0);
  }
  31.6666666667% {
    clip: rect(157px, 9999px, 22px, 0);
  }
  33.3333333333% {
    clip: rect(2px, 9999px, 119px, 0);
  }
  35% {
    clip: rect(189px, 9999px, 30px, 0);
  }
  36.6666666667% {
    clip: rect(67px, 9999px, 143px, 0);
  }
  38.3333333333% {
    clip: rect(119px, 9999px, 85px, 0);
  }
  40% {
    clip: rect(4px, 9999px, 37px, 0);
  }
  41.6666666667% {
    clip: rect(57px, 9999px, 75px, 0);
  }
  43.3333333333% {
    clip: rect(183px, 9999px, 16px, 0);
  }
  45% {
    clip: rect(8px, 9999px, 19px, 0);
  }
  46.6666666667% {
    clip: rect(47px, 9999px, 53px, 0);
  }
  48.3333333333% {
    clip: rect(23px, 9999px, 52px, 0);
  }
  50% {
    clip: rect(104px, 9999px, 102px, 0);
  }
  51.6666666667% {
    clip: rect(38px, 9999px, 87px, 0);
  }
  53.3333333333% {
    clip: rect(101px, 9999px, 18px, 0);
  }
  55% {
    clip: rect(197px, 9999px, 62px, 0);
  }
  56.6666666667% {
    clip: rect(178px, 9999px, 139px, 0);
  }
  58.3333333333% {
    clip: rect(200px, 9999px, 21px, 0);
  }
  60% {
    clip: rect(2px, 9999px, 7px, 0);
  }
  61.6666666667% {
    clip: rect(81px, 9999px, 4px, 0);
  }
  63.3333333333% {
    clip: rect(156px, 9999px, 52px, 0);
  }
  65% {
    clip: rect(50px, 9999px, 40px, 0);
  }
  66.6666666667% {
    clip: rect(176px, 9999px, 19px, 0);
  }
  68.3333333333% {
    clip: rect(194px, 9999px, 64px, 0);
  }
  70% {
    clip: rect(141px, 9999px, 37px, 0);
  }
  71.6666666667% {
    clip: rect(18px, 9999px, 1px, 0);
  }
  73.3333333333% {
    clip: rect(24px, 9999px, 40px, 0);
  }
  75% {
    clip: rect(127px, 9999px, 63px, 0);
  }
  76.6666666667% {
    clip: rect(122px, 9999px, 116px, 0);
  }
  78.3333333333% {
    clip: rect(106px, 9999px, 45px, 0);
  }
  80% {
    clip: rect(140px, 9999px, 90px, 0);
  }
  81.6666666667% {
    clip: rect(176px, 9999px, 109px, 0);
  }
  83.3333333333% {
    clip: rect(80px, 9999px, 22px, 0);
  }
  85% {
    clip: rect(209px, 9999px, 65px, 0);
  }
  86.6666666667% {
    clip: rect(30px, 9999px, 128px, 0);
  }
  88.3333333333% {
    clip: rect(54px, 9999px, 29px, 0);
  }
  90% {
    clip: rect(76px, 9999px, 118px, 0);
  }
  91.6666666667% {
    clip: rect(103px, 9999px, 51px, 0);
  }
  93.3333333333% {
    clip: rect(25px, 9999px, 112px, 0);
  }
  95% {
    clip: rect(150px, 9999px, 134px, 0);
  }
  96.6666666667% {
    clip: rect(38px, 9999px, 6px, 0);
  }
  98.3333333333% {
    clip: rect(177px, 9999px, 33px, 0);
  }
  100% {
    clip: rect(16px, 9999px, 8px, 0);
  }
}
.glitch-effect {
  position: absolute;
  left: -5px;
  clip: rect(0, 9000px, 0, 0);
  animation: noise-anim 3s infinite linear alternate-reverse;
}

.txtglitch {
  position: relative;
  animation: glitch-skew 4s infinite linear alternate-reverse;
}
.txtglitch::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 #00fff2;
  clip: rect(44px, 450px, 56px, 0);
  animation: glitch-anim 5s infinite linear alternate-reverse;
}
.txtglitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 #717e7d, 2px 2px #ff00c1;
  animation: glitch-anim2 2s infinite linear alternate-reverse;
}

@keyframes glitch-anim {
  0% {
    clip: rect(42px, 9999px, 7px, 0);
    transform: skew(0.89deg);
  }
  5% {
    clip: rect(69px, 9999px, 96px, 0);
    transform: skew(0.45deg);
  }
  10% {
    clip: rect(67px, 9999px, 54px, 0);
    transform: skew(0.3deg);
  }
  15% {
    clip: rect(79px, 9999px, 48px, 0);
    transform: skew(0.24deg);
  }
  20% {
    clip: rect(90px, 9999px, 65px, 0);
    transform: skew(0.94deg);
  }
  25% {
    clip: rect(92px, 9999px, 46px, 0);
    transform: skew(0.95deg);
  }
  30% {
    clip: rect(71px, 9999px, 2px, 0);
    transform: skew(0.55deg);
  }
  35% {
    clip: rect(98px, 9999px, 98px, 0);
    transform: skew(0.34deg);
  }
  40% {
    clip: rect(64px, 9999px, 28px, 0);
    transform: skew(0.6deg);
  }
  45% {
    clip: rect(96px, 9999px, 74px, 0);
    transform: skew(0.8deg);
  }
  50% {
    clip: rect(79px, 9999px, 81px, 0);
    transform: skew(0.95deg);
  }
  55% {
    clip: rect(50px, 9999px, 41px, 0);
    transform: skew(0.79deg);
  }
  60% {
    clip: rect(65px, 9999px, 79px, 0);
    transform: skew(0.33deg);
  }
  65% {
    clip: rect(94px, 9999px, 18px, 0);
    transform: skew(0.41deg);
  }
  70% {
    clip: rect(91px, 9999px, 38px, 0);
    transform: skew(0.2deg);
  }
  75% {
    clip: rect(12px, 9999px, 33px, 0);
    transform: skew(0.83deg);
  }
  80% {
    clip: rect(32px, 9999px, 63px, 0);
    transform: skew(0.67deg);
  }
  85% {
    clip: rect(41px, 9999px, 1px, 0);
    transform: skew(0.59deg);
  }
  90% {
    clip: rect(33px, 9999px, 19px, 0);
    transform: skew(0.98deg);
  }
  95% {
    clip: rect(83px, 9999px, 51px, 0);
    transform: skew(0.37deg);
  }
  100% {
    clip: rect(85px, 9999px, 68px, 0);
    transform: skew(0.31deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(86px, 9999px, 51px, 0);
    transform: skew(0.71deg);
  }
  5% {
    clip: rect(7px, 9999px, 21px, 0);
    transform: skew(0.92deg);
  }
  10% {
    clip: rect(95px, 9999px, 48px, 0);
    transform: skew(0.83deg);
  }
  15% {
    clip: rect(96px, 9999px, 80px, 0);
    transform: skew(0.03deg);
  }
  20% {
    clip: rect(94px, 9999px, 43px, 0);
    transform: skew(0.36deg);
  }
  25% {
    clip: rect(92px, 9999px, 26px, 0);
    transform: skew(0.66deg);
  }
  30% {
    clip: rect(67px, 9999px, 61px, 0);
    transform: skew(0.53deg);
  }
  35% {
    clip: rect(34px, 9999px, 60px, 0);
    transform: skew(0.75deg);
  }
  40% {
    clip: rect(57px, 9999px, 79px, 0);
    transform: skew(0.54deg);
  }
  45% {
    clip: rect(66px, 9999px, 100px, 0);
    transform: skew(0.06deg);
  }
  50% {
    clip: rect(40px, 9999px, 96px, 0);
    transform: skew(0.31deg);
  }
  55% {
    clip: rect(59px, 9999px, 98px, 0);
    transform: skew(0.44deg);
  }
  60% {
    clip: rect(48px, 9999px, 22px, 0);
    transform: skew(0.21deg);
  }
  65% {
    clip: rect(99px, 9999px, 59px, 0);
    transform: skew(0.3deg);
  }
  70% {
    clip: rect(45px, 9999px, 87px, 0);
    transform: skew(0.64deg);
  }
  75% {
    clip: rect(69px, 9999px, 100px, 0);
    transform: skew(0.11deg);
  }
  80% {
    clip: rect(37px, 9999px, 86px, 0);
    transform: skew(0.94deg);
  }
  85% {
    clip: rect(9px, 9999px, 33px, 0);
    transform: skew(0.05deg);
  }
  90% {
    clip: rect(90px, 9999px, 11px, 0);
    transform: skew(0.89deg);
  }
  95% {
    clip: rect(55px, 9999px, 87px, 0);
    transform: skew(0.47deg);
  }
  100% {
    clip: rect(81px, 9999px, 58px, 0);
    transform: skew(0.72deg);
  }
}
@keyframes glitch-skew {
  0% {
    transform: skew(-4deg);
  }
  10% {
    transform: skew(1deg);
  }
  20% {
    transform: skew(-2deg);
  }
  30% {
    transform: skew(0deg);
  }
  40% {
    transform: skew(0deg);
  }
  50% {
    transform: skew(0deg);
  }
  60% {
    transform: skew(0deg);
  }
  70% {
    transform: skew(1deg);
  }
  80% {
    transform: skew(-2deg);
  }
  90% {
    transform: skew(-4deg);
  }
  100% {
    transform: skew(-1deg);
  }
}
/*title*/
.page--home {
  /* delighter */
}
.page--home section {
  border-bottom: 1px solid #444444;
}
.page--home section:last-child {
  border-bottom: none;
}
.page--home .block--title {
  display: inline-block;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
.page--home .block--title .section-tit {
  font-size: clamp(1.875rem, 1.4423rem + 1.9231vw, 3.75rem);
  font-weight: 600;
  color: #fff;
  line-height: 1;
  margin: 0;
}
.page--home .block--title .section-subtit {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  text-indent: 1.5em;
  line-height: 1;
  margin: 0 0 2em 0;
}
.page--home .block--title .section-subtit::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
}
.page--home .block--title .list__more {
  margin-top: 2em;
}
.page--home .block--title .list__more a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  font-size: 20px;
  position: relative;
  padding-right: 1.5em;
  line-height: 1;
}
.page--home .block--title .list__more a img {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 4px;
  transform-origin: center;
}
.page--home .limited .block--title .section-tit {
  font-size: clamp(3.125rem, 2.4038rem + 3.2051vw, 6.25rem);
}
.page--home .limited .block--title .section-subtit {
  color: #7B64D6;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  text-indent: 1.5em;
  line-height: 1;
  margin: 0 0 2em 0;
}
.page--home .limited .block--title .section-subtit::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 0px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: transparent;
  background-image: url("/static/original/fanclub/img/fc.svg");
  background-position: center;
  background-size: cover;
}
.page--home .limited .block--title .list__more {
  margin-top: 2em;
}
@keyframes arrow {
  0% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  33% {
    transform: translate(100%, -100%);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  66% {
    transform: translate(-100%, 100%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.page--home .delighter {
  opacity: 0;
  position: relative;
}
.page--home .delighter::after {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  mix-blend-mode: difference;
}
.page--home .delighter.started {
  opacity: 1;
}
.page--home .delighter > * {
  opacity: 0;
}
.page--home .delighter.started > * {
  animation: contentAnim 0.8s forwards;
}
@keyframes contentAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.page--home .delighter.started::after {
  animation: titFade2 0.8s forwards;
}
@keyframes titFade2 {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  49% {
    transform: scaleX(1);
    transform-origin: left;
  }
  51% {
    transform: scaleX(1);
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}
.page--home .birthday-message {
  margin: 4em auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.page--home .birthday-message i {
  margin-right: 0.5em;
}

body:not(.page--home) {
  /* delighter */
}
body:not(.page--home) section .block--title {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  margin: 0 auto;
  margin-bottom: 80px;
  text-align: center;
}
body:not(.page--home) section .block--title .section-tit {
  font-size: clamp(1.875rem, 0.8654rem + 4.4872vw, 6.25rem);
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
body:not(.page--home) section .block--title .section-subtit {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  text-indent: 1.5em;
  line-height: 1;
  margin: 0 auto 1em auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
body:not(.page--home) section .block--title .section-subtit::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff;
}
body:not(.page--home) section.limited .block--title .section-tit {
  font-size: clamp(1.875rem, 0.8654rem + 4.4872vw, 6.25rem);
}
body:not(.page--home) section.limited .block--title .section-subtit {
  color: #7B64D6;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  text-indent: 1.5em;
  line-height: 1;
  margin: 0 auto 1em auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
body:not(.page--home) section.limited .block--title .section-subtit::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 0px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: transparent;
  background-image: url("/static/original/fanclub/img/fc.svg");
  background-position: center;
  background-size: cover;
}
body:not(.page--home) .delighter {
  opacity: 0;
  position: relative;
}
body:not(.page--home) .delighter::after {
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  mix-blend-mode: difference;
}
body:not(.page--home) .delighter.started {
  opacity: 1;
}
body:not(.page--home) .delighter > * {
  opacity: 0;
}
body:not(.page--home) .delighter.started > * {
  animation: contentAnim 0.8s forwards;
}
@keyframes contentAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body:not(.page--home) .delighter.started::after {
  animation: titFade2 0.8s forwards;
}
@keyframes titFade2 {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  49% {
    transform: scaleX(1);
    transform-origin: left;
  }
  51% {
    transform: scaleX(1);
    transform-origin: right;
  }
  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}

/* input */
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
button {
  -webkit-appearance: none;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  background: #fff;
  box-shadow: none;
  border: 1px solid #ffffff;
  padding: 0.5em 0.8em;
  color: #ffffff;
  color: #000;
}
@media screen and (min-width: 961px) {
  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=password],
  input[type=number],
  button {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=password],
  input[type=number],
  button {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
button:focus {
  border-color: inherit;
}
input[type=text].form__error,
input[type=tel].form__error,
input[type=email].form__error,
input[type=password].form__error,
input[type=number].form__error,
button.form__error {
  background: #fff0ea;
  color: #ff77bc;
  border-color: #ff77bc;
}
input[type=text].form__error:focus,
input[type=tel].form__error:focus,
input[type=email].form__error:focus,
input[type=password].form__error:focus,
input[type=number].form__error:focus,
button.form__error:focus {
  background: transparent;
  color: inherit;
  border-color: inherit;
}
input[type=text][disabled],
input[type=tel][disabled],
input[type=email][disabled],
input[type=password][disabled],
input[type=number][disabled],
button[disabled] {
  background: #ddd;
  border: none;
  opacity: 0.5;
}

input[readonly=readonly],
input[readonly=readonly] {
  border: none;
  background: #fff;
}

.input--half {
  width: 50% !important;
}

.input--quarter {
  width: 25% !important;
}

button {
  border: none;
  line-height: 1;
}

.btn {
  text-align: center;
}

.btn--main {
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.05em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  min-width: 250px;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  padding: 20px 1.5em;
  cursor: pointer;
  border: 1px solid #7B64D6;
  color: #fff;
  background: #7B64D6;
  margin-bottom: 1em;
}

.btn--sub {
  min-width: 250px;
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.05em;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  padding: 20px 1.5em;
  cursor: pointer;
  border: #ffffff solid 1px;
  color: #ffffff;
  margin-bottom: 1em;
}

.block--submit {
  text-align: center;
}

.form--post dd {
  margin-bottom: 20px;
}

/* textarea */
textarea {
  -webkit-appearance: none;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  background: #fff;
  box-shadow: none;
  border: 1px solid #ffffff;
  padding: 0.5em 0.8em;
  color: #ffffff;
  height: 10em;
  color: #000;
}
@media screen and (min-width: 961px) {
  textarea {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  textarea {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }
}
textarea:focus {
  border-color: inherit;
}
textarea.form__error {
  background: #fff0ea;
  color: #ff77bc;
  border-color: #ff77bc;
}
textarea.form__error:focus {
  background: transparent;
  color: inherit;
  border-color: inherit;
}
textarea[disabled] {
  background: #ddd;
  border: none;
  opacity: 0.5;
}

/* select */
.form__select {
  display: inline-block;
  position: relative;
}
.form__select select {
  padding: 4px 40px 4px 10px;
  padding-right: 1.5em;
  color: #000;
}
.form__select::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid #fff;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  vertical-align: middle;
  right: 0;
}
.form__select::after {
  position: absolute;
  border-color: #ffffff;
  top: 15px;
  right: 9px;
  z-index: -1;
}

/* checkbox */
.form__checkbox label p {
  display: block;
  padding: 0.5em;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .form__checkbox label p {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .form__checkbox label p {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }
}
.form__checkbox input[type=checkbox],
.form__checkbox input[type=radio] {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.form__checkbox.form__error {
  color: #f33;
}
.form__checkbox label p {
  padding-left: 1.6em;
}
.form__checkbox label p::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 0.3em;
  border: 1px solid #ffffff;
  margin: -0.6em 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.form__checkbox label p::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.4em;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  margin: -0.25em 0 0;
  position: absolute;
  top: 70%;
  left: 0.2em;
  transform: rotate(-45deg);
  opacity: 0;
}
.form__checkbox :checked ~ p::before {
  background: #ffffff;
  border-color: #ffffff;
}
.form__checkbox :checked ~ p::after {
  top: 50%;
  opacity: 1;
}

/* radio */
.form__radio label p {
  display: block;
  padding: 0.5em;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .form__radio label p {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .form__radio label p {
    font-family: "din-2014", sans-serif, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.6;
    font-feature-settings: "palt";
    letter-spacing: 0.01em;
  }
}
.form__radio input[type=checkbox],
.form__radio input[type=radio] {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
.form__radio.form__error {
  color: #f33;
}
.form__radio label p {
  padding: 0 0.5em 0 1.6em;
}
.form__radio label p::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  border: 1px solid;
  margin: -0.6em 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.form__radio :checked ~ p::before {
  border-color: #ffffff;
  border-width: 0.3em;
}

.block--complete > p {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.block--complete > p.text-sub {
  text-align: center;
  font-weight: normal;
  font-size: 12px;
}

.line__btn {
  position: relative;
}
.line__btn input,
.line__btn a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  font-size: 16px;
  padding: 16px 20px;
  border-radius: 50px;
  border: #fff solid 1px;
}
.line__btn .icon__arrow {
  display: flex;
  width: 20px;
  height: 20px;
  position: relative;
}
.line__btn .icon__arrow::before {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  position: absolute;
  background-color: #ffffff;
  left: 50%;
  top: 50%;
  transform: rotate(-45deg) translate(-50%, -50%);
  transform-origin: top left;
}
.line__btn .icon__arrow::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-right: #ffffff solid 1px;
  border-bottom: #ffffff solid 1px;
  transform: rotate(-90deg) translate(-50%, -50%);
  transform-origin: left top;
}
.line__btn.submit {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
}
.line__btn.submit a {
  border: #ffffff solid 1px;
}
.line__btn input {
  padding-right: 70px;
}
.line__btn input + .icon__arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.none {
  opacity: 0.3;
}

.wrap {
  min-height: 100%;
  position: relative;
  /*padding-bottom: 220px;*/
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .wrap {
    /*padding-bottom: 380px;*/
  }
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
  color: #707070;
  font-size: 15px;
  font-weight: bold;
}
.header .header-menu {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  background: #242424;
  overflow: hidden;
  border-radius: 0 0 1em 1em;
}
.header .header-menu .header-menu__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .header-menu .header-menu__list li a:hover {
  color: #fff;
}
.header .header-menu .header-menu__list li:first-child {
  padding-left: 2em;
}
.header .header-menu .header-menu__list li.nav__login {
  padding: 1em;
  color: #fff;
  background: #270F87;
}
.header .header-menu .header-menu__list li.nav__login a {
  padding: 0.5em;
}

.form__select {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.form__select select {
  -webkit-appearance: none;
  position: relative;
}
.form__select::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  border-bottom: #ffffff solid 1px;
  border-left: #ffffff solid 1px;
  z-index: 2;
}

.thumb {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin: 1em 0;
}
.thumb img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  position: relative;
  left: 0;
  top: 0;
  z-index: 2;
}
.thumb img.blur {
  background-size: cover;
  filter: blur(30px);
  transform: scale(1.5);
  position: absolute;
  z-index: 0;
}

li.new a .tit::after {
  content: "NEW";
  color: #7B64D6;
  margin-left: 1em;
}

.section--mainvisual {
  position: relative;
}
.section--mainvisual .logo {
  position: absolute;
  height: 135px;
  width: 165px;
  left: 50%;
  top: 0;
  z-index: 3;
  transform: translate(-50%, -50%);
}
.section--mainvisual .block--mainvisual_photo {
  margin-bottom: 4em;
  position: relative;
  font-size: 0;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 16/10.56;
}
.section--mainvisual .block--mainvisual_photo img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.section--mainvisual .block--mainvisual_photo img.main-img {
  background-size: contain;
  background-position: top;
  position: relative;
  z-index: 2;
}
.section--mainvisual .block--mainvisual_photo img.cover-img {
  position: absolute;
  filter: blur(30px);
  background: no-repeat;
  background-size: cover;
  transform: scale(1.5);
  z-index: 1;
  left: 0;
}

.drawer {
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  transition-delay: 1s;
  transition: all 0.6s cubic-bezier(0.035, 0.675, 0.225, 1.025) 0.3s;
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.drawer::-webkit-scrollbar {
  display: none;
}
.drawer .g-nav {
  padding-top: 8vw;
  color: #fff;
  width: 50%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 80px;
}
.drawer .g-nav li.tit {
  margin-bottom: 20px;
}
.drawer .g-nav li.nav__login {
  font-size: 2vw;
}
.drawer .g-nav li.nav__login span {
  margin: 0 10px;
}
.drawer .g-nav li a {
  line-height: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.drawer .g-nav li a img {
  margin-top: -4px;
  margin-right: 10px;
}
.drawer-visible .drawer {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  overflow-y: scroll;
}
.drawer-visible .drawer::after {
  height: 100vh;
  visibility: visible;
}

.footer {
  background: #270F87;
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.footer .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5em 2em;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}
.footer .inner .footer-nav span {
  min-width: 170px;
  margin-right: 1em;
}
.footer .inner .footer-nav .block-nav ul {
  flex-wrap: wrap;
}
.footer .inner .footer-nav .block-nav ul li::after {
  content: "/";
  margin-left: 1em;
}
.footer .inner .footer-nav .block-nav ul li:last-child::after {
  content: none;
}
.footer .inner .logo--footer {
  max-width: 260px;
}
.footer .inner .logo--footer a {
  display: block;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.footer .inner .logo--footer a img {
  mix-blend-mode: lighten;
}
.footer .inner .logo--footer a svg {
  height: auto;
  aspect-ratio: 2/0.7;
  fill: #fff;
}
.footer .inner .block-nav {
  width: 100%;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.footer .inner .block-nav ul {
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.footer .inner .block-nav ul li {
  font-size: 12px;
  line-height: 1;
  margin-right: 1em;
}
.footer .inner .block-nav ul.nav--sns {
  width: 100%;
  margin-top: 4em;
}
.footer .inner .block-nav ul.nav--sns li {
  font-size: 16px;
}
.footer .inner .block-nav .copyright {
  margin-top: 1em;
}

.page--home .loading {
  animation: loading 3s forwards ease-out;
  opacity: 1;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 10;
}
.page--home .loading::after {
  content: "";
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  background: black;
  z-index: 11;
  opacity: 0;
  animation: loadingBg 3s forwards;
}
@keyframes loading {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75% {
    opacity: 1;
    transform: scale(1.2);
  }
  99% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
    display: none;
    visibility: hidden;
  }
}
@keyframes loadingBg {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    display: none;
    visibility: hidden;
  }
}
.page--home .anim_logo {
  position: absolute;
  z-index: 10;
  top: 50svh;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 19;
}
.page--home .wrapper {
  overflow: hidden;
}
.page--home .wrapper .block--contents {
  max-width: 1180px;
  padding: 0 2em;
  margin: 155px auto 0 auto;
}
.page--home .wrapper .tit-wrap {
  line-height: 1;
}
.page--home .wrapper .tit-wrap .limited {
  color: #7B64D6;
}
.page--home .wrapper .tit-wrap .section-tit {
  color: #fff;
  font-size: 100px;
}
.page--home .wrapper .tit-wrap .list__more {
  color: #fff;
}
.page--home .section--banner {
  padding: 6em 0 0 0;
}
.page--home .section--banner .block--banner-swiper {
  position: relative;
}
.page--home .section--banner .block--banner-swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  border-radius: 10px;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page--home .section--banner .block--banner-swiper .swiper-wrapper .swiper-slide a {
  display: block;
}
.page--home .section--banner .block--banner-swiper .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page--home .section--banner .swiper--custom-stat {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1180px;
  margin: 2em auto;
  gap: 1.5em;
}
.page--home .section--banner .swiper--custom-stat .swiper-pagination-c {
  color: #fff;
  margin-top: -4px;
}
.page--home .section--banner .swiper--custom-stat .swiper-button-next-c,
.page--home .section--banner .swiper--custom-stat .swiper-button-prev-c {
  color: #fff;
  cursor: pointer;
}
.page--home .section--news {
  padding: 4em 0 1em 0;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.page--home .section--news .list--information {
  max-width: calc(100% - 440px);
  padding-left: 100px;
}
.page--home .section--news .list--information li {
  display: flex;
  min-height: 70px;
  align-items: center;
}
.page--home .section--news .list--information li a .list__inner {
  display: flex;
  width: 100%;
  gap: 40px;
  font-size: 1em;
}
.page--home .section--news .list--information li a .list__inner .block--sub--info {
  line-height: 1.4;
}
.page--home .section--news .list--information li a .list__inner .tit {
  line-height: 1.4;
}
.page--home .section--movie,
.page--home .section--blog {
  padding: 4em 0 8em 0;
}
.page--home .section--movie .block--tit,
.page--home .section--blog .block--tit {
  margin-bottom: 4em;
}
.page--home .section--movie .block--tit .block--title,
.page--home .section--blog .block--tit .block--title {
  width: 100%;
  position: relative;
}
.page--home .section--movie .block--tit .block--title .list__more,
.page--home .section--blog .block--tit .block--title .list__more {
  position: absolute;
  bottom: 0;
  right: 0;
}
.page--home .section--movie figure,
.page--home .section--movie .thumbnail,
.page--home .section--blog figure,
.page--home .section--blog .thumbnail {
  background: #270F87;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
}
.page--home .section--movie .noimage,
.page--home .section--blog .noimage {
  width: 50%;
  height: 50%;
  mix-blend-mode: color-dodge;
}
.page--home .section--movie .block--txt .tit,
.page--home .section--blog .block--txt .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}
.page--home .section--movie .block--txt .block--sub--info,
.page--home .section--blog .block--txt .block--sub--info {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}
.page--home .section--movie .item_detail .entrytitle,
.page--home .section--blog .item_detail .entrytitle {
  color: #fff;
  display: block;
  margin-top: 1em;
  font-size: 15px;
}
.page--home .section--movie .item_update,
.page--home .section--blog .item_update {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}
.page--home .section--movie figure,
.page--home .section--movie .thumbnail {
  align-items: center;
}
.page--home .section--blog figure,
.page--home .section--blog .thumbnail {
  align-items: flex-start;
}
.page--home .section--stream {
  padding: 4em 0 8em 0;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page--home .section--stream .block--banner-swiper {
  width: 60%;
  overflow: hidden;
}
.page--home .section--stream .block--banner-swiper figure {
  background: transparent;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 28vw 0 0 28vw;
}
.page--home .section--stream .block--banner-swiper .block--txt .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}
.page--home .section--stream .block--banner-swiper .block--txt .block--sub--info {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}
.page--home .section--photo {
  padding: 4em 0 8em 0;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page--home .section--photo .block--banner-swiper {
  width: 60%;
  overflow: hidden;
  margin-left: 100px;
}
.page--home .section--photo .block--banner-swiper figure {
  background: #270F87;
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page--home .section--photo .block--banner-swiper figure img {
  background-position-y: top;
  background-size: contain;
}
.page--home .section--photo .block--banner-swiper .img--blur img {
  filter: blur(30px);
}
.page--home .section--photo .block--banner-swiper .block--txt .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}
.page--home .section--photo .block--banner-swiper .block--txt .block--sub--info {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}

body:not(.page--home) .section--detail,
body:not(.page--home) .section--list {
  padding-top: 120px;
  max-width: 1180px;
  min-height: 50vh;
  padding: 155px 2em 80px 2em;
  margin: 0 auto;
}
body:not(.page--home) .section--detail .block--player,
body:not(.page--home) .section--detail .video {
  padding-top: 56.25%;
  position: relative;
  margin-bottom: 1.5em;
}
body:not(.page--home) .section--detail .block--player iframe,
body:not(.page--home) .section--detail .video iframe {
  position: absolute;
  top: 0;
}
body:not(.page--home) .section--detail .ph,
body:not(.page--home) .section--detail .video {
  margin: 1em 0;
}
body:not(.page--home) .section--detail .date {
  font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem);
}
body:not(.page--home) .section--detail .tit {
  font-weight: 700;
  font-size: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
  padding: 1em 0;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #444;
}
body:not(.page--home) .section--detail .txt * {
  position: relative;
}
body:not(.page--home) .section--detail .detail__btn {
  margin-top: 10vh;
}
body:not(.page--home) .section--detail .detail__btn a {
  padding-left: 30px;
  font-size: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
  position: relative;
}
body:not(.page--home) .section--detail .detail__btn a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
  height: clamp(0.875rem, 0.7885rem + 0.3846vw, 1.25rem);
  background-repeat: no-repeat;
  background-image: url("/static/original/fanclub/img/back-ico.svg");
}
body:not(.page--home) .section--detail .detail__btn.archive__btn {
  margin-top: 5vh;
}

body.page--info .section--list .list--large li {
  padding: 27px 0;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
}
body.page--info .section--list .list--large li a .block--data {
  display: flex;
  font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem);
  line-height: 1.4;
}
body.page--info .section--list .list--large li a .block--data .date {
  min-width: 120px;
}
body.page--info .section--list .list--large li a .block--data .tit {
  font-weight: 700;
}
body.page--info .section--detail .content--main .txt img {
  height: 100% !important;
  width: 100% !important;
  aspect-ratio: auto !important;
}
body.page--info .section--detail .content--main .txt iframe {
  aspect-ratio: 16/9 !important;
  width: 100% !important;
  height: auto !important;
}
body.page--info .section--detail .content--main .txt a {
  color: #7B64D6;
  text-decoration: underline;
}
body.page--info .section--detail .content--main .txt .btn--main.primary {
  display: block;
  background: #270F87;
  line-height: 48px;
  height: 48px;
  border-radius: 2em;
  width: 100%;
  max-width: 360px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding: 0;
  border: none;
  font-size: inherit;
}

body.page--schedule .section--list .content--main .block--title .block--month {
  margin-bottom: 40px;
}
body.page--schedule .section--list .content--main .block--title .block--month .tit {
  font-family: mr-eaves-xl-modern, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 30px;
}
body.page--schedule .section--list .content--main .block--title .block--month .tit span {
  font-size: 12px;
  margin-left: 10px;
}
body.page--schedule .section--list .content--main .block--title .list--sort {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0;
  padding-right: 2em;
}
body.page--schedule .section--list .content--main .block--title .list--sort li input[type=checkbox] {
  display: none;
}
body.page--schedule .section--list .content--main .block--title .list--sort li .category {
  font-size: 12px;
  padding: 5px 14px 6px;
  color: #ffffff;
  border: 1px solid;
  background: #ffffff;
  color: #fff;
  border-radius: 30px;
  line-height: 1;
  display: block;
  transition: 0.3s;
  margin-left: 0;
  margin-right: 0.25em;
}
body.page--schedule .section--list .content--main .block--title .list--sort li input[type=checkbox]:not(:checked) + .category {
  background: none;
  color: #ffffff;
  opacity: 0.6;
}
@media screen and (min-width: 961px) {
  body.page--schedule .section--list .content--main .block--title .list--sort li:hover input[type=checkbox]:checked + .category {
    cursor: pointer;
    background: transparent;
    color: #ffffff;
    opacity: 0.6;
  }
  body.page--schedule .section--list .content--main .block--title .list--sort li:hover input[type=checkbox]:not(:checked) + .category {
    cursor: pointer;
    background: #ffffff;
    color: #fff;
    opacity: 1;
  }
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule {
  border-radius: 15px;
  box-shadow: 0px 0px 60px 10px rgba(206, 223, 233, 0.2784313725);
  margin-bottom: 20px;
  overflow: hidden;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li {
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
  position: relative;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: #efefef;
  left: 0;
  bottom: 0;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li.no-data {
  padding: 20vh 25px;
  text-align: center;
  justify-content: center;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li:last-child {
  border: none;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li .date--event {
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px 0 0 30px;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li .date--event strong {
  font-family: mr-eaves-xl-modern, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 40px;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li .date--event .week {
  display: block;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li .list__txt {
  width: 70%;
  border-bottom: #efefef solid 1px;
  margin-left: 30%;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li .list__txt:last-child {
  border: none;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li a {
  display: block;
  padding: 20px 25px;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li a .category {
  display: inline-block;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 20px;
}
body.page--schedule .section--list .content--main .block--list ul.list--schedule li a .tit {
  line-height: 1.5;
}

.page--profile .block--txt figure {
  margin-bottom: 20px;
  box-shadow: 0px 0px 60px 10px rgba(206, 223, 233, 0.2784313725);
  border: #efefef solid 1px;
  margin-bottom: 20px;
}
.page--profile .block--txt figure img {
  display: block;
}
.page--profile .block--txt .block--txt__body {
  margin-bottom: 80px;
}
.page--profile .block--list figure {
  position: relative;
  line-height: 0;
  margin-bottom: 1em;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
}
.page--profile .block--list figure img {
  width: 100%;
}
.page--profile .block--list figure .dummy {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page--profile .block--list .txt {
  margin-bottom: 40px;
}
.page--profile .block--list .list--member {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: space-between;
}
.page--profile .block--list .list--member li {
  width: calc(33.3333333333% - 1em);
  transition: all 0.5s;
  /*
  &:nth-child(3n) {
  	margin: 0;
  }
  */
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--profile .block--list .list--member li {
    /*
    width: calc(50% - 1em);
    */
    width: calc(50% - 0.75em);
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--profile .block--list .list--member li {
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--profile .block--list .list--member li:last-child {
    margin-bottom: 0;
  }
}
.page--profile .block--list .list--member li .thumb {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.page--profile .block--list .list--member li .thumb img {
  display: block;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-size: cover;
}
.page--profile .block--list .list--member li .name {
  font-size: 1.2em;
}
.page--profile .block--list .list--member li .name span {
  margin-left: 1em;
  font-size: 15px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--profile .block--list .list--member li .name span {
    display: block;
    line-height: 1;
    font-size: 13px;
    margin: 0 0 5px;
  }
}
.page--profile .block--list .list--member li .txt {
  margin-bottom: 20px;
}
.page--profile .block--list .list--member li a {
  margin-right: 1em;
}

body.page--disco .section--list .content--main .block--category {
  background: #000;
  padding: 10px 3% 15px;
  white-space: nowrap;
  overflow: scroll;
}
body.page--disco .section--list .content--main .block--category li {
  display: inline-block;
  margin-right: 2px;
}
body.page--disco .section--list .content--main .block--category li a {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.06em;
  display: block;
  min-width: 70px;
  text-align: center;
  padding: 0.5em 1em;
  position: relative;
  cursor: pointer;
  color: #999;
  border-radius: 20px;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.2);
}
body.page--disco .section--list .content--main .block--category li.current a {
  background: #fff;
  color: #000;
}
body.page--disco .section--list .content--main .list--discography {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.page--disco .section--list .content--main .list--discography li {
  width: calc(50% - 10px);
  margin-bottom: 30px;
  overflow: hidden;
}
body.page--disco .section--list .content--main .list--discography li.no-data {
  padding: 20vh 25px;
  text-align: center;
  width: 100%;
}
body.page--disco .section--list .content--main .list--discography li .thumb {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0;
  border-radius: 15px;
  overflow: hidden;
}
body.page--disco .section--list .content--main .list--discography li .thumb img {
  width: 100%;
  height: 100%;
}
body.page--disco .section--list .content--main .list--discography li .block--text p {
  margin-bottom: 10px;
}
body.page--disco .section--list .content--main .list--discography li .block--text p.category {
  display: inline-block;
  font-size: 10px;
  border-radius: 20px;
}
body.page--disco .section--list .content--main .list--discography li .block--text p.tit {
  font-size: 14px;
  font-weight: 500;
}
body.page--disco .section--detail .content--main .area--disco-detail .date {
  margin-bottom: 20px;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--jacket li .thumb .dummy {
  position: absolute;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--comment {
  margin-bottom: 20px;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--comment .title-shoplist {
  margin-top: 2em;
  margin-bottom: 1em;
  padding: 10px 0;
  border-bottom: solid 1px;
  font-size: 1rem;
  font-weight: bold;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--comment .shoplist {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
  gap: 1em 3%;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--comment .shoplist a,
body.page--disco .section--detail .content--main .area--disco-detail .block--comment .shoplist span {
  display: inline-block;
  width: 14.16%;
  min-width: 83px;
  overflow: hidden;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--comment .shoplist a img,
body.page--disco .section--detail .content--main .area--disco-detail .block--comment .shoplist span img {
  border-radius: 3px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--disco .section--detail .content--main .area--disco-detail .block--comment .shoplist a,
  body.page--disco .section--detail .content--main .area--disco-detail .block--comment .shoplist span {
    width: 22%;
    min-width: 79px;
  }
}
body.page--disco .section--detail .content--main .area--disco-detail .block--detail .block--track > li {
  border-bottom: #efefef solid 1px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--detail .block--track > li .title {
  font-weight: bold;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--detail .block--track > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
body.page--disco .section--detail .content--main .area--disco-detail .block--detail .block--track > li .list--track .num {
  margin-right: 10px;
  opacity: 0.4;
}

body.page--blog .section--list .content--main .list--large {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
body.page--blog .section--list .content--main .list--large li {
  width: calc(50% - 30px);
}
body.page--blog .section--list .content--main .list--large li .thumb {
  background: #2e2e2e;
}
body.page--blog .section--list .content--main .list--large li .block--data {
  line-height: 1.4;
}
body.page--blog .section--list .content--main .list--large li .block--data .date {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--blog .section--list .content--main .list--large li .block--data .date {
    margin-top: 0;
  }
}
body.page--blog .section--list .content--main .list--large li .block--data .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}
body.page--blog .section--detail .content--main .txt * {
  white-space: normal !important;
}

body.page--blog.page--aopBlog .section--list .content--main .list--large li .thumb {
  aspect-ratio: 16/9;
  /*
  img {
  	background-size: cover;
  	background-position: top center;
  }
  */
}
body.page--blog.page--aopBlog .archiveBtn a {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.05em;
  display: block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  padding: 20px 1.5em;
  cursor: pointer;
  border: 1px solid #270f87;
  color: #fff;
  background: #270f87;
  margin: 5vh auto 0;
  transition: all 0.5s ease;
}
body.page--blog.page--aopBlog .archiveBtn a:hover {
  opacity: 0.7;
}

body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js {
  position: absolute;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js .vjs-big-play-button {
  position: absolute;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js .vjs-control-bar {
  position: absolute;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js .vjs-control-text {
  position: absolute;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js .vjs-icon-placeholder:before {
  position: relative;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js .vjs-load-progress {
  position: absolute;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js .vjs-picture-in-picture-control.vjs-button:before {
  font-family: "Material Symbols Outlined";
  font-size: 16px;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .block--player .video-js .vjs-subs-caps-button {
  display: flex;
  justify-items: center;
  align-items: center;
}
body.page--blog.page--aopBlog.page--aopBlog--detail .section--detail .content--main .txt p img {
  margin: 1em 0;
  width: 100% !important;
  border-radius: 15px;
  overflow: hidden;
}

body.page--movie .section--list .content--main .block--category-list .list--large,
body.page--favorite .section--list .content--main .block--category-list .list--large {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
body.page--movie .section--list .content--main .block--category-list .list--large li,
body.page--favorite .section--list .content--main .block--category-list .list--large li {
  width: calc(50% - 30px);
}
body.page--movie .section--list .content--main .block--category-list .list--large li .block--data,
body.page--favorite .section--list .content--main .block--category-list .list--large li .block--data {
  line-height: 1.4;
}
body.page--movie .section--list .content--main .block--category-list .list--large li .block--data .date,
body.page--favorite .section--list .content--main .block--category-list .list--large li .block--data .date {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--movie .section--list .content--main .block--category-list .list--large li .block--data .date,
  body.page--favorite .section--list .content--main .block--category-list .list--large li .block--data .date {
    margin-top: 0;
  }
}
body.page--movie .section--list .content--main .block--category-list .list--large li .block--data .tit,
body.page--favorite .section--list .content--main .block--category-list .list--large li .block--data .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}
body.page--movie .section--list .content--main .block--category-list .list--large li .thumb,
body.page--favorite .section--list .content--main .block--category-list .list--large li .thumb {
  background: #2e2e2e;
}
body.page--movie .section--list .content--main .searchBox,
body.page--favorite .section--list .content--main .searchBox {
  display: flex;
  align-items: center;
  width: 70%;
  position: relative;
  border: #ffffff solid 1px;
  border-radius: 30px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--movie .section--list .content--main .searchBox,
  body.page--favorite .section--list .content--main .searchBox {
    width: 100%;
  }
}
body.page--movie .section--list .content--main .searchBox form,
body.page--favorite .section--list .content--main .searchBox form {
  width: 100%;
  background: #fff;
}
body.page--movie .section--list .content--main .searchBox input[type=text],
body.page--favorite .section--list .content--main .searchBox input[type=text] {
  width: calc(100% - 40px);
  border: none;
  padding: 15px;
}
body.page--movie .section--list .content--main .searchBox input[type=submit],
body.page--favorite .section--list .content--main .searchBox input[type=submit] {
  width: 40px;
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 40px;
  color: #000;
  background: transparent;
  border: none;
  border-radius: 30px;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
body.page--movie .section--detail .favorite,
body.page--favorite .section--detail .favorite {
  position: relative;
  display: flex;
  align-items: center;
}
body.page--movie .section--detail .favorite .btnSelected,
body.page--favorite .section--detail .favorite .btnSelected {
  position: relative;
  background: none;
  webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  z-index: 0;
}
body.page--movie .section--detail .favorite .btnSelected .icon-white,
body.page--favorite .section--detail .favorite .btnSelected .icon-white {
  display: inline-block !important;
  z-index: 20;
  position: absolute;
  width: 20px;
  height: 18px;
}
body.page--movie .section--detail .favorite .btnSelected .icon-red,
body.page--favorite .section--detail .favorite .btnSelected .icon-red {
  display: inline-block !important;
  z-index: 20;
  width: 20px;
  height: 18px;
  opacity: 0;
}
body.page--movie .section--detail .favorite .favorite__btn.like .icon-red,
body.page--favorite .section--detail .favorite .favorite__btn.like .icon-red {
  opacity: 1;
}
body.page--movie .section--detail .favorite .favorite__btn.like .icon-white,
body.page--favorite .section--detail .favorite .favorite__btn.like .icon-white {
  opacity: 0;
}
body.page--movie .section--detail .favorite .favoriteList__btn,
body.page--favorite .section--detail .favorite .favoriteList__btn {
  display: inline-block;
  line-height: 0;
  vertical-align: 6px;
  margin-left: 5px;
}
body.page--movie .section--detail .favorite .favoriteList__btn a,
body.page--favorite .section--detail .favorite .favoriteList__btn a {
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
  border: 1px solid #fff;
  line-height: 1;
  padding: 2px 5px;
}

body.page--stream .section--list .content--main .block--sort-category {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  max-width: 240px;
  width: 75%;
  height: 55px;
  display: flex;
  margin-bottom: 2em;
}
body.page--stream .section--list .content--main .block--sort-category .block--sorttit {
  background: #7B64D6;
  width: 40%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
body.page--stream .section--list .content--main .block--sort-category .block--sort {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page--stream .section--list .content--main .block--sort-category .block--sort .form__select select {
  background: transparent;
  border: none;
  outline: none;
  padding-right: 30px;
  color: #270F87;
  font-weight: 700;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-image: url("/static/original/fanclub/img/chevron_bottom.svg");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: center;
}
body.page--stream .section--list .content--main .block--sort-category .block--sort .form__select::after {
  content: none;
  display: none;
  background: transparent;
  color: transparent;
  visibility: hidden;
}
body.page--stream .section--list .content--main .block--category-list .list--large {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
body.page--stream .section--list .content--main .block--category-list .list--large li {
  width: calc(50% - 30px);
}
body.page--stream .section--list .content--main .block--category-list .list--large li .thumb {
  background: transparent;
  aspect-ratio: 16/9;
  border-radius: 11vw 0 0 11vw;
}
body.page--stream .section--list .content--main .block--category-list .list--large li .block--data {
  line-height: 1.4;
}
body.page--stream .section--list .content--main .block--category-list .list--large li .block--data .date {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--stream .section--list .content--main .block--category-list .list--large li .block--data .date {
    margin-top: 0;
  }
}
body.page--stream .section--list .content--main .block--category-list .list--large li .block--data .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}

body.page--photo .section--list .content--main .list--large {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
body.page--photo .section--list .content--main .list--large li {
  width: calc(50% - 30px);
}
body.page--photo .section--list .content--main .list--large li a .thumb {
  aspect-ratio: 16/9;
  background: #2e2e2e;
}
body.page--photo .section--list .content--main .list--large li a .block--data {
  line-height: 1.4;
}
body.page--photo .section--list .content--main .list--large li a .block--data .date {
  color: #777777;
  margin-top: 1em;
  font-size: 15px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--photo .section--list .content--main .list--large li a .block--data .date {
    margin-top: 0;
  }
}
body.page--photo .section--list .content--main .list--large li a .block--data .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}
body.page--photo .section--detail .content--main .list--tile {
  display: flex;
  flex-wrap: wrap;
  gap: 3%;
}
body.page--photo .section--detail .content--main .list--tile li {
  width: 31.33%;
}
body.page--photo .section--detail .content--main .list--tile li a .thumb {
  background: #2e2e2e;
}
body.page--photo #swipebox-slider .slide-loading {
  background-image: none !important;
}
body.page--photo #swipebox-slider .slide img {
  max-height: 80%;
}
body.page--photo #swipebox-overlay {
  background: rgba(25, 25, 25, 0.8);
}
body.page--photo #swipebox-overlay #swipebox-close {
  top: 3vw;
  right: 4vw;
  width: 30px;
  height: 30px;
  background: none;
}
body.page--photo #swipebox-overlay #swipebox-close::before, body.page--photo #swipebox-overlay #swipebox-close::after {
  content: "";
  width: 30px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 14px;
  transition: all 0.6s ease-out 0s;
  -webkit-transition: all 0.6s ease-out 0s;
}
body.page--photo #swipebox-overlay #swipebox-close::before {
  transform: rotate(45deg);
}
body.page--photo #swipebox-overlay #swipebox-close::after {
  transform: rotate(-45deg);
}
body.page--photo #swipebox-bottom-bar {
  background: none;
  transform: translate3d(0, -50%, 0);
  top: 50%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--photo #swipebox-bottom-bar {
    top: inherit;
    bottom: 0;
  }
}
body.page--photo #swipebox-bottom-bar #swipebox-prev,
body.page--photo #swipebox-bottom-bar #swipebox-next {
  background: none;
  color: #fff;
}
body.page--photo #swipebox-bottom-bar #swipebox-prev::after,
body.page--photo #swipebox-bottom-bar #swipebox-next::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid;
  border-top: none;
  border-right: none;
  vertical-align: middle;
  pointer-events: none;
  margin-top: -0.25em;
  margin-right: 0.25em;
  margin-top: 1em;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--photo #swipebox-bottom-bar #swipebox-prev::after,
  body.page--photo #swipebox-bottom-bar #swipebox-next::after {
    width: 20px;
    height: 20px;
  }
}
body.page--photo #swipebox-bottom-bar #swipebox-prev {
  left: 3%;
}
body.page--photo #swipebox-bottom-bar #swipebox-prev::after {
  transform: rotate(45deg);
  margin-left: 1em;
}
body.page--photo #swipebox-bottom-bar #swipebox-next {
  right: 3%;
}
body.page--photo #swipebox-bottom-bar #swipebox-next::after {
  transform: rotate(-135deg);
}
@media screen and (min-width: 800px) {
  body.page--photo #swipebox-arrows {
    max-width: none;
  }
}

body.page--wallpaper .section--list .content--main .list--large {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
body.page--wallpaper .section--list .content--main .list--large li {
  width: calc(50% - 30px);
}
body.page--wallpaper .section--list .content--main .list--large li a .thumb {
  aspect-ratio: 16/9;
  background: #2e2e2e;
}
body.page--wallpaper .section--list .content--main .list--large li a .block--txt {
  line-height: 1.4;
}
body.page--wallpaper .section--list .content--main .list--large li a .block--txt .tit {
  color: #fff;
  margin-top: 1em;
  font-size: 15px;
}
body.page--wallpaper .section--detail .content--main .section--inner .block--txt .ph {
  margin: 1em auto;
  max-width: 768px;
}
body.page--wallpaper .section--detail .content--main .section--inner .block--txt .ph img {
  pointer-events: all;
}
body.page--wallpaper .section--detail .content--main .list--tile li a .thumb {
  aspect-ratio: 16/9;
}
body.page--wallpaper #swipebox-slider .slide-loading {
  background-image: none !important;
}
body.page--wallpaper #swipebox-slider .slide img {
  max-height: 80%;
}
body.page--wallpaper #swipebox-overlay {
  background: rgba(25, 25, 25, 0.8);
}
body.page--wallpaper #swipebox-overlay #swipebox-close {
  top: 3vw;
  right: 4vw;
  width: 30px;
  height: 30px;
  background: none;
}
body.page--wallpaper #swipebox-overlay #swipebox-close::before, body.page--wallpaper #swipebox-overlay #swipebox-close::after {
  content: "";
  width: 30px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 14px;
  transition: all 0.6s ease-out 0s;
  -webkit-transition: all 0.6s ease-out 0s;
}
body.page--wallpaper #swipebox-overlay #swipebox-close::before {
  transform: rotate(45deg);
}
body.page--wallpaper #swipebox-overlay #swipebox-close::after {
  transform: rotate(-45deg);
}
body.page--wallpaper.page--list .content--main .block--list .list--contents {
  justify-content: space-between;
}
body.page--wallpaper.page--list .content--main .block--list .list--contents > li {
  width: calc(50% - 10px);
  margin: 0 0 20px 0;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--wallpaper.page--list .content--main .block--list .list--contents > li {
    width: calc(50% - 10px);
    margin-right: 0;
  }
}
body.page--wallpaper.page--list .content--main .block--list .list--contents > li .thumb {
  position: relative;
  aspect-ratio: 16/9;
  margin-bottom: 15px;
}
body.page--wallpaper.page--list .content--main .block--list .list--contents > li .list__txt {
  padding-bottom: 15px;
}
body.page--wallpaper.page--list .content--main .block--list .list--contents > li .tit {
  margin-bottom: 5px;
}
body.page--wallpaper.page--list .content--main .block--list .list--contents > li .date {
  color: #888;
  padding: 0 20px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--wallpaper.page--list .content--main .block--list .list--contents > li .date {
    padding: 0 10px;
  }
}
body.page--wallpaper.page--list .content--main .block--list .list--contents > li:nth-child(2n) {
  transform: translateY(60px);
}

body.page--qa .section--list .content--list .list--qa {
  margin: 5vw auto 0 auto;
  max-width: 768px;
}
body.page--qa .section--list .content--list .list--qa li {
  padding: 27px 0;
  border-top: 1px solid #444444;
  border-bottom: 1px solid #444444;
}
body.page--qa .section--list .content--list .list--qa li a {
  flex-wrap: wrap;
  display: flex;
  font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem);
  line-height: 1.4;
}
body.page--qa .section--list .content--list .list--qa li a .date {
  color: #888;
  margin-right: 20px;
}
body.page--qa .section--list .content--list .list--qa li a .tit {
  width: 100%;
  font-weight: bold;
  margin-bottom: 10px;
}
body.page--qa .section--list .content--list .list--qa li a .tit::before {
  content: "Q";
  font-size: 20px;
  font-weight: normal;
  margin-right: 10px;
}
body.page--qa .section--detail .content--list .txt {
  margin-bottom: 1em;
}
body.page--qa .section--detail .content--list .form--post {
  max-width: 768px;
  margin: 0 auto;
}
body.page--qa .section--detail .content--list .confirm dd {
  border-bottom: 1px solid #444;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
body.page--qa .section--detail .content--list .block__question {
  border: 1px solid #fff;
  padding: 2em;
  margin-bottom: 2em;
}
body.page--qa .section--detail .content--list .block__question .tit--q {
  width: 100%;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem);
  display: flex;
  padding-left: 35px;
  position: relative;
}
body.page--qa .section--detail .content--list .block__question .tit--q span {
  position: absolute;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 50px;
  background: #7B64D6;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.page--qa .section--detail .content--list .block__question .name {
  padding-left: 35px;
}
body.page--qa .section--detail .content--list .block__answer {
  margin-bottom: 2em;
}
body.page--qa .section--detail .content--list .block__answer .list--answer li {
  padding-bottom: 1em;
  padding-top: 1.5em;
  margin-bottom: 1em;
}
body.page--qa .section--detail .content--list .block__answer .list--answer li .block--txt {
  position: relative;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  box-sizing: border-box;
  line-height: 1.6;
  margin-left: calc(50px + 1em);
  padding: 0.5em 0.75em;
  border-radius: 10px;
  background: #fff;
  color: #000;
  z-index: 1;
}
body.page--qa .section--detail .content--list .block__answer .list--answer li .block--txt::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 8px;
  border-top: 2px solid transparent;
  border-left: 7px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 7px solid transparent;
  z-index: 1;
}
body.page--qa .section--detail .content--list .block__answer .list--answer li .block--txt span {
  width: 100%;
}
body.page--qa .section--detail .content--list .block__answer .list--answer li .block--txt span:first-child {
  width: 100%;
  display: block;
  position: absolute;
  left: calc(-50px - 1em);
  top: -16px;
}
body.page--qa .section--detail .content--list .block__answer .list--answer li .block--txt span:first-child::before {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 50px;
  background-size: cover;
}
body.page--qa .section--detail .content--list .block__answer .list--answer li .block--txt .name {
  display: block;
  color: #fff;
  margin-bottom: 0;
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  white-space: nowrap;
}

body.page--faq .section--list .content--main .block--list .list--tag {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
body.page--faq .section--list .content--main .block--list .list--tag li a {
  display: block;
  background: #7B64D6;
  line-height: 1;
  font-size: 12px;
  border-radius: 2em;
  padding: 0.5em 0.7em;
}
body.page--faq .section--list .content--main .block--list .tit--category {
  font-weight: bold;
  margin-bottom: 15px;
}
body.page--faq .section--list .content--main .block--list ul.list--faq {
  margin-bottom: 40px;
  border-radius: 15px;
  background: #242424;
  margin-bottom: 20px;
  overflow: hidden;
}
body.page--faq .section--list .content--main .block--list ul.list--faq li {
  position: relative;
  border-bottom: 1px solid #444;
}
body.page--faq .section--list .content--main .block--list ul.list--faq li:last-child {
  border-bottom: none;
}
body.page--faq .section--list .content--main .block--list ul.list--faq li a {
  display: flex;
  padding: 20px 25px;
  line-height: 1.5;
}
body.page--faq .section--list .content--main .block--list ul.list--faq li a .icon--q {
  font-weight: bold;
  margin-right: 5px;
}
body.page--faq .section--list .content--main .block--list ul.list--faq li a .tit {
  width: 100%;
}
body.page--faq .section--detail .content--main .txt--basic {
  margin-bottom: 40px;
}
body.page--faq .section--detail .content--main .block--faq-detail {
  background-color: #270F87;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 15px;
  padding: 30px 25px;
  overflow: hidden;
  margin-bottom: 30px;
}
body.page--faq .section--detail .content--main .block--faq-detail .icon--q {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background: #7B64D6;
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
}
body.page--faq .section--detail .content--main .block--faq-detail .icon--a {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background: #fff;
  color: #7B64D6;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 18px;
}
body.page--faq .section--detail .content--main .tit--category {
  font-weight: bold;
  padding: 20px 25px;
}
body.page--faq .section--detail .content--main .list--faq {
  margin-bottom: 40px;
  border-radius: 15px;
  background: #242424;
  margin-bottom: 20px;
  overflow: hidden;
}
body.page--faq .section--detail .content--main .list--faq li {
  position: relative;
  border-bottom: 1px solid #444;
}
body.page--faq .section--detail .content--main .list--faq li:last-child {
  border-bottom: none;
}
body.page--faq .section--detail .content--main .list--faq li a {
  display: flex;
  padding: 20px 25px;
  line-height: 1.5;
}
body.page--faq .section--detail .content--main .list--faq li a .icon--q {
  font-weight: bold;
  margin-right: 5px;
}
body.page--faq .section--detail .content--main .list--faq li a .tit {
  width: 100%;
}
body.page--faq .searchBox {
  display: flex;
  align-items: center;
  width: 70%;
  position: relative;
  border: #ffffff solid 1px;
  border-radius: 30px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--faq .searchBox {
    width: 100%;
  }
}
body.page--faq .searchBox form {
  width: 100%;
  background: #fff;
}
body.page--faq .searchBox input[type=text] {
  width: calc(100% - 40px);
  border: none;
  padding: 15px;
}
body.page--faq .searchBox input[type=submit] {
  width: 40px;
  font-family: FontAwesome;
  font-size: 20px;
  line-height: 40px;
  color: #000;
  background: transparent;
  border: none;
  border-radius: 30px;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}

/*  4.3 カレンダー
------------------------------ */
body.page--calendar .wrapper {
  padding: 0;
  overflow: hidden;
}
body.page--calendar #header,
body.page--calendar footer {
  display: none;
}
body.page--calendar .block--refine {
  width: 100%;
  background: #000;
  overflow: hidden;
}
body.page--calendar .block--refine ul {
  width: 100%;
  padding: 0 3% 15px;
  white-space: nowrap;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body.page--calendar .block--refine li {
  display: inline-block;
  margin-right: 2px;
}
body.page--calendar .block--refine input[type=checkbox] {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
body.page--calendar .block--refine label p {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.06em;
  display: block;
  min-width: 70px;
  text-align: center;
  padding: 0.5em 1em;
  position: relative;
  cursor: pointer;
  color: #999;
  border-radius: 20px;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.2);
}
body.page--calendar .block--refine input[type=checkbox]:checked + p {
  background: #fff;
  color: #000;
}
body.page--calendar .block--month {
  background: #000;
  color: #fff;
}
body.page--calendar .block--month p {
  position: relative;
  float: left;
  height: 55px;
  line-height: 55px;
  font-size: 12px;
  font-weight: bold;
}
body.page--calendar .block--month a {
  display: block;
  color: #fff;
}
body.page--calendar .block--month .tit {
  width: 60%;
  text-align: center;
}
body.page--calendar .block--month .tit span {
  padding: 0 10px;
  font-size: 24px;
  vertical-align: -4px;
}
body.page--calendar .block--month .prev {
  width: 20%;
  text-align: left;
}
body.page--calendar .block--month .prev a {
  padding-left: 20px;
}
body.page--calendar .block--month .prev::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  margin: -0.5em 0 0;
  position: absolute;
  right: 0.25em;
  top: 50%;
  transform: rotate(45deg);
  right: auto;
  left: 10px;
  margin: -0.27em 0 0;
  border-color: #fff;
}
body.page--calendar .block--month .next {
  width: 20%;
  text-align: right;
}
body.page--calendar .block--month .next a {
  padding-right: 20px;
}
body.page--calendar .block--month .next::before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid #000;
  border-top: none;
  border-right: none;
  margin: -0.5em 0 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(-135deg);
  margin: -0.27em 0 0;
  border-color: #fff;
}
body.page--calendar .block--week ul {
  color: inherit;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.02em;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #999;
  background: #fff;
  border-bottom: 0.5px solid rgba(150, 150, 150, 0.5);
  padding: 5px 0 3px;
}
body.page--calendar .block--week ul li {
  width: 100%;
  text-align: center;
}
body.page--calendar .block--week ul li:nth-child(6) {
  color: #4cafff;
}
body.page--calendar .block--week ul li:nth-child(7) {
  color: #ff6d6f;
}
body.page--calendar .block--day ul {
  color: inherit;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  background: #fff;
  border-bottom: 0.5px solid rgba(150, 150, 150, 0.5);
}
body.page--calendar .block--day ul li {
  position: relative;
  width: 14.28571429%;
  min-height: 65px;
  padding-bottom: 5px;
}
body.page--calendar .block--day ul li:nth-child(6) .day {
  color: #0098ff;
}
body.page--calendar .block--day ul li:nth-child(7) .day {
  color: #ff4346;
}
body.page--calendar .block--day ul a {
  display: block;
}
body.page--calendar .block--day ul a + a {
  margin-top: 5px;
}
body.page--calendar .block--day ul span {
  display: block;
  padding: 0 2px;
  word-break: break-all;
}
body.page--calendar .block--day ul span span {
  display: inline;
  font-weight: bold;
}
body.page--calendar .block--day ul .box {
  padding-top: 20px;
  width: 100%;
  line-height: 1.2;
}
body.page--calendar .block--day ul .category {
  display: inline-block;
  margin: 0 0 5px;
  background: #000;
  color: #fff;
}
body.page--calendar .block--day ul .day {
  position: absolute;
  left: 0;
  top: 5px;
  color: #000;
  width: 100%;
  text-align: center;
  font-weight: 500;
}

body.page--feature .section--detail .block--title .section-subtit {
  text-indent: 1em;
}

.page--error .tit {
  font-family: mr-eaves-xl-modern, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 40px;
}
.page--error .txt {
  margin-bottom: 40px;
}

.page--questionnaire .btn {
  margin: 1.5em auto 0;
}
.page--questionnaire .btn .btn--main {
  min-width: 250px;
}
.page--questionnaire .wrap .content--main > section {
  padding: 0 clamp(150px, 15vw, 800px) 120px;
}
.page--questionnaire .section-tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1em;
}
.page--questionnaire .form--post {
  max-width: 768px;
  margin: 0 auto;
}
.page--questionnaire .form--confirm {
  max-width: 768px;
  margin: 0 auto;
}
.page--questionnaire .form--confirm dd {
  border-bottom: 1px solid #444;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.page--questionnaire .ph {
  position: relative;
  line-height: 0;
  font-size: 0;
  margin-bottom: 3vw;
  text-align: center;
}
.page--questionnaire .ph::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page--questionnaire .form--post {
  margin-bottom: 5em;
}
.page--questionnaire .form--post dt {
  margin: 2em 0 1em;
}
.page--questionnaire .form--post .icon--required::before {
  content: "必須";
  font-size: 11px;
  color: #fff;
  background: #7B64D6;
  padding: 4px 8px;
  margin-left: 1em;
}
.page--questionnaire .form--post .form__select::after {
  z-index: 10;
}
.page--questionnaire .form--post .form__select select {
  padding: 4px 40px 3px 10px;
}
.page--questionnaire .form--post .form__radio label p {
  padding: 0.5em 0.5em 0.5em 1.6em;
}
.page--questionnaire .form--post textarea {
  color: #000;
}
.page--questionnaire .form--post ul.form--horizontal {
  display: flex;
}
.page--questionnaire .form--post ul.form--horizontal li {
  margin-right: 0.3em;
}
.page--questionnaire .block--error {
  background: #fdfbfd;
  color: #ef1717;
  font-weight: 500;
  padding: 10px;
  margin-bottom: 3em;
}
.page--questionnaire .block--error li + li {
  margin-top: 0.3em;
}
.page--questionnaire.confirm .wrap .content--main > section form {
  border-radius: 15px;
  box-shadow: 0px 0px 60px 10px rgba(206, 223, 233, 0.2784313725);
  margin-bottom: 20px;
  overflow: hidden;
  padding: 30px 25px 60px;
}
.page--questionnaire.confirm .wrap .content--main > section form dt {
  margin-bottom: 0;
  opacity: 0.6;
  font-size: 0.8em;
}
.page--questionnaire.confirm .wrap .content--main > section form dd {
  margin: 0 0 30px;
}

body:not(.page--home) .section--detail.support .block--title .section-tit,
body:not(.page--home) .section--list.support .block--title .section-tit {
  font-size: clamp(1.875rem, 1.4423rem + 1.9231vw, 3.75rem);
}
body:not(.page--home) .section--detail.support .block--txt .txt,
body:not(.page--home) .section--list.support .block--txt .txt {
  margin-bottom: 40px;
}
body:not(.page--home) .section--detail.support .block--txt .list--support dt,
body:not(.page--home) .section--list.support .block--txt .list--support dt {
  font-weight: bold;
  border-bottom: #efefef 1px solid;
  line-height: 1.5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
body:not(.page--home) .section--detail.support .block--txt .list--support dd,
body:not(.page--home) .section--list.support .block--txt .list--support dd {
  margin-bottom: 3em;
}
body:not(.page--home) .section--detail.support .block--txt .list--support .supportTable,
body:not(.page--home) .section--list.support .block--txt .list--support .supportTable {
  display: block;
  text-align: left;
}
body:not(.page--home) .section--detail.support .block--txt .list--support .supportTable *,
body:not(.page--home) .section--list.support .block--txt .list--support .supportTable * {
  display: block;
}
body:not(.page--home) .section--detail.support .block--txt .list--support .supportTable tr,
body:not(.page--home) .section--list.support .block--txt .list--support .supportTable tr {
  margin-bottom: 2.5em;
}
body:not(.page--home) .section--detail.support .course_box,
body:not(.page--home) .section--list.support .course_box {
  margin-bottom: 40px;
}
body:not(.page--home) .section--detail.support .course_box .support-tit_sub,
body:not(.page--home) .section--list.support .course_box .support-tit_sub {
  background-color: #ffffff;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  border-radius: 30px;
  padding: 12px 20px;
  margin-bottom: 20px;
}
body:not(.page--home) .section--detail.support .course_box .support-list dt,
body:not(.page--home) .section--list.support .course_box .support-list dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
body:not(.page--home) .section--detail.support .detail_table,
body:not(.page--home) .section--list.support .detail_table {
  margin: 0 0 30px;
  width: 100%;
  background: #fff;
  border-collapse: separate;
  border-spacing: 0;
}
body:not(.page--home) .section--detail.support .detail_table tr:first-child th,
body:not(.page--home) .section--detail.support .detail_table tr:first-child td,
body:not(.page--home) .section--list.support .detail_table tr:first-child th,
body:not(.page--home) .section--list.support .detail_table tr:first-child td {
  border-top: 1px solid #ffffff;
}
body:not(.page--home) .section--detail.support .support-list:last-child .detail_table,
body:not(.page--home) .section--list.support .support-list:last-child .detail_table {
  margin-bottom: 0;
}
body:not(.page--home) .section--detail.support .detail_table th,
body:not(.page--home) .section--list.support .detail_table th {
  width: 150px;
  background: #efefef;
  font-size: 13px;
  font-weight: bold;
  border-right: 1px solid #ffffff;
  padding: 20px;
  text-align: left;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
body:not(.page--home) .section--detail.support .detail_table td,
body:not(.page--home) .section--list.support .detail_table td {
  border-right: 1px solid #ffffff;
  padding: 20px;
  text-align: left;
  border-bottom: 1px solid #ffffff;
  font-size: 13px;
}
body:not(.page--home) .section--detail.support .detail_sub,
body:not(.page--home) .section--list.support .detail_sub {
  background-color: #efefef;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
}
body:not(.page--home) .section--detail.support .detail_sub .tit,
body:not(.page--home) .section--list.support .detail_sub .tit {
  margin-bottom: 5px;
  font-weight: bold;
}
body:not(.page--home) .section--detail.support .rule,
body:not(.page--home) .section--list.support .rule {
  color: #ff77bc;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.support .detail_table th,
  body:not(.page--home) .section--list.support .detail_table th {
    width: 100px;
    font-size: 12px;
    padding: 10px;
    text-align: center;
  }
  body:not(.page--home) .section--detail.support .detail_table td,
  body:not(.page--home) .section--list.support .detail_table td {
    font-size: 12px;
    padding: 10px;
  }
}
body:not(.page--home) .section--detail.support .terms-list li,
body:not(.page--home) .section--list.support .terms-list li {
  margin-bottom: 1em;
}
body:not(.page--home) .section--detail.page--entry .inner .block--title .section-tit,
body:not(.page--home) .section--list.page--entry .inner .block--title .section-tit {
  font-size: clamp(1.875rem, 1.4423rem + 1.9231vw, 3.75rem);
}
body:not(.page--home) .section--detail.page--entry .inner .block-tit,
body:not(.page--home) .section--list.page--entry .inner .block-tit {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 80px;
  text-align: center;
}
body:not(.page--home) .section--detail.page--entry .inner .logo--block div,
body:not(.page--home) .section--list.page--entry .inner .logo--block div {
  font-size: 21px;
  letter-spacing: 0.3em;
  text-align: center;
  position: relative;
  margin-top: 1em;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents-notice .list--contents--list,
body:not(.page--home) .section--list.page--entry .inner .block--contents-notice .list--contents--list {
  display: flex;
  gap: 2em;
  flex-wrap: wrap;
  justify-content: center;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents-notice .list--contents--list li,
body:not(.page--home) .section--list.page--entry .inner .block--contents-notice .list--contents--list li {
  width: 60%;
  background: #242424;
  padding: 40px 30px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.page--entry .inner .block--contents-notice .list--contents--list li,
  body:not(.page--home) .section--list.page--entry .inner .block--contents-notice .list--contents--list li {
    width: 100% !important;
  }
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents-notice .list--contents--list li .tit,
body:not(.page--home) .section--list.page--entry .inner .block--contents-notice .list--contents--list li .tit {
  text-align: center;
  font-weight: 700;
  padding-top: 0;
  font-size: 18px;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents-notice .benefits li,
body:not(.page--home) .section--list.page--entry .inner .block--contents-notice .benefits li {
  width: calc(50% - 1em);
  background: #270F87;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents-notice .benefits li .tit,
body:not(.page--home) .section--list.page--entry .inner .block--contents-notice .benefits li .tit {
  border-bottom-color: #7B64D6;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents .list--contents--list,
body:not(.page--home) .section--list.page--entry .inner .block--contents .list--contents--list {
  display: flex;
  gap: 2em;
  flex-wrap: wrap;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents .list--contents--list li,
body:not(.page--home) .section--list.page--entry .inner .block--contents .list--contents--list li {
  width: calc(33.33% - 1.333em);
  background: #242424;
  padding: 40px 30px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.page--entry .inner .block--contents .list--contents--list li,
  body:not(.page--home) .section--list.page--entry .inner .block--contents .list--contents--list li {
    width: 100% !important;
  }
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents .list--contents--list li .tit,
body:not(.page--home) .section--list.page--entry .inner .block--contents .list--contents--list li .tit {
  text-align: center;
  font-weight: 700;
  padding-top: 0;
  font-size: 18px;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents .benefits li,
body:not(.page--home) .section--list.page--entry .inner .block--contents .benefits li {
  width: calc(50% - 1em);
  background: #270F87;
}
body:not(.page--home) .section--detail.page--entry .inner .block--contents .benefits li .tit,
body:not(.page--home) .section--list.page--entry .inner .block--contents .benefits li .tit {
  border-bottom-color: #7B64D6;
}
body:not(.page--home) .section--detail.page--entry .inner .block--spec .list--payment,
body:not(.page--home) .section--list.page--entry .inner .block--spec .list--payment {
  margin: 0 auto;
  width: 80%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.page--entry .inner .block--spec .list--payment,
  body:not(.page--home) .section--list.page--entry .inner .block--spec .list--payment {
    width: 100% !important;
  }
}
body:not(.page--home) .section--detail.page--entry .inner .block--spec .list--payment th,
body:not(.page--home) .section--list.page--entry .inner .block--spec .list--payment th {
  width: 190px;
  padding: 10px 3%;
  text-align: center;
  border: 2px solid #fff;
  font-weight: 400;
  font-size: 16px;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.page--entry .inner .block--spec .list--payment th,
  body:not(.page--home) .section--list.page--entry .inner .block--spec .list--payment th {
    width: 50%;
    max-width: 190px;
  }
}
body:not(.page--home) .section--detail.page--entry .inner .block--spec .list--payment td,
body:not(.page--home) .section--list.page--entry .inner .block--spec .list--payment td {
  border: 2px solid #fff;
  font-size: 16px;
  padding: 20px;
}
body:not(.page--home) .section--detail.page--entry .inner .block--spec .half--width,
body:not(.page--home) .section--list.page--entry .inner .block--spec .half--width {
  width: 60%;
}
body:not(.page--home) .section--detail.page--entry .inner .block--entry,
body:not(.page--home) .section--list.page--entry .inner .block--entry {
  width: 80%;
  letter-spacing: 0.02em;
  background: #ffeded;
  color: #000;
  padding: 28px;
  border: 2px solid #de1a1a;
  margin: 80px auto 40px auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.page--entry .inner .block--entry,
  body:not(.page--home) .section--list.page--entry .inner .block--entry {
    width: 100%;
  }
}
body:not(.page--home) .section--detail.page--entry .inner .block--entry .txt,
body:not(.page--home) .section--list.page--entry .inner .block--entry .txt {
  border-bottom: none;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}
body:not(.page--home) .section--detail.page--entry .inner .block--entry ul p,
body:not(.page--home) .section--list.page--entry .inner .block--entry ul p {
  margin-bottom: 10px;
}
body:not(.page--home) .section--detail.page--entry .inner .block--entry ul p li,
body:not(.page--home) .section--list.page--entry .inner .block--entry ul p li {
  margin-bottom: 0.8em;
  position: relative;
  padding-left: 1em;
  text-indent: -0.5em;
  font-size: 0.85em;
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn,
body:not(.page--home) .section--list.page--entry .inner .block--btn {
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.page--entry .inner .block--btn,
  body:not(.page--home) .section--list.page--entry .inner .block--btn {
    width: 100%;
  }
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box,
body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 4em;
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box .inner,
body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box .inner {
  width: calc(50% - 2em);
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box .inner,
  body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box .inner {
    width: 100%;
  }
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box .inner .tit,
body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box .inner .tit {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: none;
  margin-bottom: 0;
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box .inner .tit span,
body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box .inner .tit span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box .inner:last-child .tit,
body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box .inner:last-child .tit {
  margin-bottom: 21px;
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box .inner .btn,
body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box .inner .btn {
  width: 100%;
}
body:not(.page--home) .section--detail.page--entry .inner .block--btn .btn-box .inner .btn a,
body:not(.page--home) .section--list.page--entry .inner .block--btn .btn-box .inner .btn a {
  width: 100%;
}

body:not(.page--home).page--birthday-message .section--detail .detail__btn a::after {
  background-image: url(/superdragon/static/original/fanclub/img/back-ico.svg);
}

@media screen and (min-width: 960px) {
  .btn .btn--main,
  .btn .btn--sub {
    transition: 0.2s;
  }
  .btn .btn--main:hover,
  .btn .btn--sub:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--questionnaire .wrap .content--main > section {
    padding: 0 0 150px;
  }
  .page--questionnaire .wrap .content--main > section .input--half {
    width: 75% !important;
  }
  .page--questionnaire .wrap .content--main > section .input--quarter {
    width: 30% !important;
  }
  .page--questionnaire .wrap .content--main > section .input--quarter.postal_code {
    width: 75% !important;
  }
}
.block--pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10vh;
}
.block--pager li {
  font-size: clamp(0.875rem, 0.8173rem + 0.2564vw, 1.125rem);
  margin: 1em;
  width: 32px;
  height: 32px;
}
.block--pager li a {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block--pager .pager__item--newer a {
  background-image: url("/static/original/fanclub/img/prev.svg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.block--pager .pager__item--older a {
  background-image: url("/static/original/fanclub/img/next.svg");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.block--pager .pager__item--number {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.block--pager .pager__item--other {
  border-radius: 50px;
  background: #444444;
  font-weight: 700;
}
.block--pager .pager__item--current {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #7B64D6;
  font-weight: 700;
}

.txt--basic {
  margin: 0 0 1em;
}

.txt--sub {
  font-size: 0.85em;
  line-height: 1.6em;
  margin-top: 0.5em;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.page--notice .section--list .list--info {
  width: 100%;
  border-top: 1px solid rgba(36, 9, 104, 0.1450980392);
}
.page--notice .section--list .list--info li {
  border-bottom: 1px solid rgba(36, 9, 104, 0.1450980392);
}
.page--notice .section--list .list--info li a {
  display: block;
  padding: 15px 0 20px;
}
.page--notice .section--list .list--info li a .txt {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
  line-height: 1.5;
}
.page--notice .section--list .list--info li a .date {
  font-size: 12px;
}
@media screen and (min-width: 961px) {
  .sp {
    display: none !important;
  }
  a {
    transition: all 0.2s 0s ease;
  }
  .page--home .block--title .list__more a:hover img {
    animation: arrow 1s forwards;
  }
  .page--home .section--news .list--information li a .list__inner {
    transition: 0.3s;
  }
  .page--home .section--news .list--information li a:hover .list__inner {
    opacity: 0.6;
  }
  body.page--qa .section--list .content--list .list--qa li a {
    transition: 0.3s;
  }
  body.page--qa .section--list .content--list .list--qa li a:hover {
    opacity: 0.6;
  }
  body.page--info .section--list .list--large li a .block--data {
    transition: 0.3s;
  }
  body.page--info .section--list .list--large li a:hover .block--data {
    opacity: 0.6;
  }
  .section--list a figure, .section--list a .thumbnail, .page--home a figure, .page--home a .thumbnail {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 1em;
  }
  .section--list a figure::after, .section--list a .thumbnail::after, .page--home a figure::after, .page--home a .thumbnail::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 2;
    top: 0;
    opacity: 0;
    background-image: url("/static/original/fanclub/img/noise.gif");
    transition: 0.3s opacity;
  }
  .section--list a:hover figure::after, .section--list a:hover .thumbnail::after, .page--home a:hover figure::after, .page--home a:hover .thumbnail::after {
    opacity: 0.35;
  }
  .section--banner .swiper-slide a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background-image: url("/static/original/fanclub/img/noise.gif");
    transition: 0.3s opacity;
  }
  .section--banner .swiper-slide a:hover::after {
    opacity: 0.35;
  }
  .page--movie.new-movie.movie--point--list .section--list {
    max-width: 1180px;
    width: initial;
  }
  .page--movie.new-movie.movie--point--list .section--list .section-tit {
    margin-bottom: 0;
  }
  body.point--contents--detail .section--detail .block--tit .date {
    color: #777777;
    margin-top: 0;
  }
  body.point--contents--detail .section--detail .block--tit .tit {
    padding: 0 0 1em;
    margin-bottom: 3em;
  }
  body.point--contents--detail .section--detail .txtArea .pointList {
    text-align: center;
    width: 350px;
    margin: 0 auto 3em;
    display: flex;
    border: 1px solid #270f87;
  }
  body.point--contents--detail .section--detail .txtArea .pointList:first-child {
    margin: 0 auto 1px;
    border-bottom: none;
  }
  body.point--contents--detail .section--detail .txtArea .pointList:last-of-type {
    border-top: none;
  }
  body.point--contents--detail .section--detail .txtArea .pointList dt {
    width: 50%;
    background: #270f87;
    padding: 5px 10px;
  }
  body.point--contents--detail .section--detail .txtArea .pointList:first-child dd:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #270f87;
  }
  body.point--contents--detail .section--detail .txtArea .pointList dd {
    width: 50%;
    padding: 5px 10px;
    position: relative;
  }
  body.point--contents--detail .section--detail .txtArea form .btn input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    min-width: 250px;
    text-align: center;
    text-decoration: none;
    border-radius: 40px;
    padding: 20px 1.5em;
    cursor: pointer;
    border: 1px solid #7B64D6;
    color: #fff;
    background: #7B64D6;
    transition: 0.2s;
  }
  body.point--contents--detail .section--detail .txtArea form .btn input:hover {
    opacity: 0.6;
  }
  body.point--contents--detail .section--detail .noPoint {
    margin-bottom: 1em;
    text-align: center;
  }
  body.point--contents--detail .section--detail .noPointBtn {
    text-align: center;
  }
  body.point--contents--detail .section--detail .noPointBtn a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    min-width: 250px;
    text-align: center;
    text-decoration: none;
    border-radius: 40px;
    padding: 20px 1.5em;
    cursor: pointer;
    border: 1px solid #7B64D6;
    color: #fff;
    background: #7B64D6;
    transition: 0.2s;
    margin: 0 auto;
  }
  body.point--contents--detail .section--detail .noPointBtn a:hover {
    opacity: 0.6;
  }
  .list__more a:hover::after,
  .detail__btn a:hover::after {
    animation: scroll_btn 0.5s;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  /* common.scss
  ============================== */
  body {
    padding-bottom: 500px;
  }
  .drop--bg {
    background-size: cover;
    background-position: center;
  }
  .pc {
    display: none !important;
  }
  .header svg {
    width: 90px;
  }
  .header .header-menu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .header .header-menu .drawer__btn {
    width: 64px;
    height: 54px;
    position: relative;
  }
  .header .header-menu .drawer__btn .drawer-line {
    display: block;
    position: absolute;
    width: 20px;
    height: 1px;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
  }
  .header .header-menu .drawer__btn .top {
    top: 40%;
  }
  .header .header-menu .drawer__btn .btm {
    top: 60%;
  }
  .header h1 {
    display: flex;
  }
  .menuopen .header .header-menu .drawer__btn .top {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .menuopen .header .header-menu .drawer__btn .mid {
    opacity: 0;
    transform: translate(150%, -50%);
  }
  .menuopen .header .header-menu .drawer__btn .btm {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  a figure,
  a .thumbnail {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 1em;
  }
  .drawer {
    background: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
    border-radius: 0;
  }
  .drawer .g-nav {
    margin-top: 8vh;
    padding-left: 8vh;
    width: 100%;
  }
  .drawer .g-nav li.tit {
    margin-bottom: 10px;
  }
  .drawer .g-nav li:not(.tit) {
    font-size: 6.5vw;
    font-weight: bold;
  }
  .drawer .g-nav li.nav__login {
    font-size: 6vw;
    margin-bottom: 10px;
  }
  .drawer .g-nav li.nav__login a:first-child::after {
    height: 14px;
  }
  .drawer-visible .drawer::after {
    height: 100%;
  }
  .footer .inner {
    padding: 10vw 6vw;
  }
  .footer .inner .footer-nav .block-nav span {
    display: block;
    width: 100%;
  }
  .footer .inner .footer-nav .block-nav ul {
    margin-bottom: 2em;
  }
  .footer .inner .footer-nav .block-nav ul li {
    margin-top: 1em;
  }
  .btn--main,
  .btn--sub {
    width: 100%;
    padding: 0.9em 20px;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) and (min-width: 458px) and (max-width: 961px) {
  .btn--main,
  .btn--sub {
    min-width: 40%;
  }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  .page--home .wrapper .block--contents {
    margin: 310px auto 0 auto;
  }
  .page--home .section--mainvisual {
    transform: scale(1.2);
  }
  .page--home .section--mainvisual .logo {
    top: -19%;
  }
  .page--home .section--banner {
    padding: 10em 0 0 0;
  }
  .page--home .section--news .list--information {
    max-width: 100%;
    padding-left: 0;
  }
  .page--home .section--news .list--information li {
    min-height: 50px;
    margin: 1em 0;
  }
  .page--home .section--news .list--information li a .list__inner .block--sub--info {
    line-height: 1.8;
  }
  .page--home .section--news .list--information li a .list__inner .tit {
    line-height: 1.8;
  }
  .page--home .section--stream .block--banner-swiper {
    width: 100%;
  }
  .page--home .section--photo .block--banner-swiper {
    width: 100%;
    margin-left: 0;
  }
  .page--home .section--stream,
  .page--home .section--movie,
  .page--home .section--blog {
    padding: 4em 0 4em 0;
  }
  .page--home .birthday-message {
    width: 100%;
  }
  .block--tit {
    width: 100%;
  }
  .block--tit .block--title {
    width: 100%;
    position: relative;
  }
  .block--tit .block--title .section-subtit {
    font-size: 12px;
    margin-bottom: 1em !important;
  }
  .block--tit .block--title .list__more {
    position: absolute;
    bottom: auto;
    top: 0;
    right: 0;
    margin-top: 0 !important;
  }
  .block--tit .block--title .list__more a {
    font-size: 15px;
  }
  .block--tit .block--title .list__more a img {
    width: 12px;
  }
  body:not(.page--home) section .block--title {
    margin-bottom: 40px !important;
  }
  body:not(.page--home) .section--detail,
  body:not(.page--home) .section--list {
    padding: 100px 2em 80px 2em;
    margin: 0 auto;
  }
  .page--movie .section--list .content--main .list--large,
  .page--favorite .section--list .content--main .list--large,
  .page--blog .section--list .content--main .list--large,
  .page--photo .section--list .content--main .list--large,
  .page--wallpaper .section--list .content--main .list--large {
    gap: 30px !important;
  }
  .page--movie .section--list .content--main .list--large li,
  .page--favorite .section--list .content--main .list--large li,
  .page--blog .section--list .content--main .list--large li,
  .page--photo .section--list .content--main .list--large li,
  .page--wallpaper .section--list .content--main .list--large li {
    width: calc(50% - 15px) !important;
  }
  .page--stream .section--list .content--main .list--large {
    gap: 30px !important;
  }
  .page--stream .section--list .content--main .list--large li {
    width: 100% !important;
  }
  .page--movie.new-movie.movie--point--list .section--list {
    padding: 100px 2em 80px 2em;
    margin: 0 auto;
  }
  .page--movie.new-movie.movie--point--list .section--list .section-tit {
    margin-bottom: 0;
  }
  body.point--contents--detail .section--detail .block--tit .date {
    color: #777777;
    margin-top: 0;
  }
  body.point--contents--detail .section--detail .block--tit .tit {
    padding: 0 0 1em;
    margin-bottom: 2.5em;
  }
  body.point--contents--detail .section--detail .txtArea .pointList {
    text-align: center;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 2.5em;
    display: flex;
    border: 1px solid #270f87;
  }
  body.point--contents--detail .section--detail .txtArea .pointList:first-child {
    margin: 0 auto 1px;
    border-bottom: none;
  }
  body.point--contents--detail .section--detail .txtArea .pointList:last-of-type {
    border-top: none;
  }
  body.point--contents--detail .section--detail .txtArea .pointList dt {
    width: 50%;
    background: #270f87;
    padding: 5px 10px;
  }
  body.point--contents--detail .section--detail .txtArea .pointList:first-child dd:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #270f87;
  }
  body.point--contents--detail .section--detail .txtArea .pointList dd {
    width: 50%;
    padding: 5px 10px;
    position: relative;
  }
  body.point--contents--detail .section--detail .txtArea form .btn input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 100%;
    padding: 0.9em 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 40px;
    cursor: pointer;
    border: 1px solid #7B64D6;
    color: #fff;
    background: #7B64D6;
  }
  body.point--contents--detail .section--detail .noPoint {
    margin-bottom: 1em;
    text-align: center;
  }
  body.point--contents--detail .section--detail .noPointBtn {
    text-align: center;
  }
  body.point--contents--detail .section--detail .noPointBtn a {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.05em;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 100%;
    padding: 0.9em 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 40px;
    cursor: pointer;
    border: 1px solid #7B64D6;
    color: #fff;
    background: #7B64D6;
  }
  .page--info .section--list .list--large li a .block--data .date {
    min-width: 80px !important;
  }
}
.block--pager li {
  margin: 0.5em;
}