@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: 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%;
}

@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;
  }
}
body {
  word-wrap: break-word;
  color: #ffffff;
  padding-bottom: 350px;
  position: relative;
}

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

::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%;
  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;
}
@keyframes glitch-before {
  0% {
    clip-path: polygon(0% 35.7219699802%, 100% 35.7219699802%, 100% 38.150940183%, 0% 38.150940183%);
    transform: translate(-5.3712741793%, 0.194479549%);
  }
  0.2% {
    clip-path: polygon(0% 42.2934889789%, 100% 42.2934889789%, 100% 52.0476754548%, 0% 52.0476754548%);
    transform: translate(1.7202837079%, 0.4782135007%);
  }
  0.4% {
    clip-path: polygon(0% 72.9400421827%, 100% 72.9400421827%, 100% 80.1707305933%, 0% 80.1707305933%);
    transform: translate(3.1837364189%, -0.1011210206%);
  }
  0.6% {
    clip-path: polygon(0% 58.7583316223%, 100% 58.7583316223%, 100% 67.3876059729%, 0% 67.3876059729%);
    transform: translate(6.5294296022%, -0.4509973238%);
  }
  0.8% {
    clip-path: polygon(0% 32.9376632133%, 100% 32.9376632133%, 100% 39.9635547321%, 0% 39.9635547321%);
    transform: translate(5.1228678757%, -0.0385100782%);
  }
  1% {
    clip-path: polygon(0% 88.1539896542%, 100% 88.1539896542%, 100% 93.2608700483%, 0% 93.2608700483%);
    transform: translate(1.7887307624%, -0.2367513575%);
  }
  1.2% {
    clip-path: polygon(0% 1.3486668354%, 100% 1.3486668354%, 100% 3.8341154057%, 0% 3.8341154057%);
    transform: translate(1.8945497854%, 0.1583060159%);
  }
  1.4% {
    clip-path: polygon(0% 51.480245341%, 100% 51.480245341%, 100% 53.38105895%, 0% 53.38105895%);
    transform: translate(-5.7466799022%, 0.0078961549%);
  }
  1.6% {
    clip-path: polygon(0% 52.8706439761%, 100% 52.8706439761%, 100% 62.841684615%, 0% 62.841684615%);
    transform: translate(-7.0824825177%, 0.0163240981%);
  }
  1.8% {
    clip-path: polygon(0% 70.0539704959%, 100% 70.0539704959%, 100% 79.0478080465%, 0% 79.0478080465%);
    transform: translate(3.6454403284%, 0.4483806696%);
  }
  2% {
    clip-path: polygon(0% 46.9500389212%, 100% 46.9500389212%, 100% 56.8780554497%, 0% 56.8780554497%);
    transform: translate(-1.3262203402%, -0.261940806%);
  }
  2.2% {
    clip-path: polygon(0% 11.2649931392%, 100% 11.2649931392%, 100% 20.6773060721%, 0% 20.6773060721%);
    transform: translate(-6.652141848%, -0.2334305351%);
  }
  2.4% {
    clip-path: polygon(0% 27.1670663556%, 100% 27.1670663556%, 100% 35.7346335625%, 0% 35.7346335625%);
    transform: translate(7.0498054832%, -0.4160225154%);
  }
  2.6% {
    clip-path: polygon(0% 70.1668574816%, 100% 70.1668574816%, 100% 75.8033221787%, 0% 75.8033221787%);
    transform: translate(-6.6358007069%, -0.1539569131%);
  }
  2.8% {
    clip-path: polygon(0% 67.5976168602%, 100% 67.5976168602%, 100% 71.5760831547%, 0% 71.5760831547%);
    transform: translate(-0.9993002043%, 0.2613036513%);
  }
  3% {
    clip-path: polygon(0% 3.1166917649%, 100% 3.1166917649%, 100% 5.9449862731%, 0% 5.9449862731%);
    transform: translate(2.5221282581%, -0.1422287487%);
  }
  3.2% {
    clip-path: polygon(0% 45.7659685656%, 100% 45.7659685656%, 100% 50.3346505945%, 0% 50.3346505945%);
    transform: translate(-2.9835572844%, -0.1346524468%);
  }
  3.4% {
    clip-path: polygon(0% 69.1356516838%, 100% 69.1356516838%, 100% 77.2605915948%, 0% 77.2605915948%);
    transform: translate(-2.581397349%, -0.3883816597%);
  }
  3.6% {
    clip-path: polygon(0% 35.4723985727%, 100% 35.4723985727%, 100% 43.1078240113%, 0% 43.1078240113%);
    transform: translate(7.33791385%, -0.0075796582%);
  }
  3.8% {
    clip-path: polygon(0% 14.4163652771%, 100% 14.4163652771%, 100% 22.1775432129%, 0% 22.1775432129%);
    transform: translate(-5.0397953537%, -0.4545843728%);
  }
  4% {
    clip-path: polygon(0% 41.8188069879%, 100% 41.8188069879%, 100% 50.9420825572%, 0% 50.9420825572%);
    transform: translate(5.954884162%, -0.0615790745%);
  }
  4.2% {
    clip-path: polygon(0% 11.8251574303%, 100% 11.8251574303%, 100% 16.3624903064%, 0% 16.3624903064%);
    transform: translate(-3.0173281839%, -0.2675547522%);
  }
  4.4% {
    clip-path: polygon(0% 13.7605618499%, 100% 13.7605618499%, 100% 19.064563612%, 0% 19.064563612%);
    transform: translate(5.7464170957%, 0.4565289418%);
  }
  4.6% {
    clip-path: polygon(0% 87.7024501987%, 100% 87.7024501987%, 100% 96.9700707746%, 0% 96.9700707746%);
    transform: translate(-2.2812647138%, 0.0524156379%);
  }
  4.8% {
    clip-path: polygon(0% 59.87806841%, 100% 59.87806841%, 100% 60.9131153926%, 0% 60.9131153926%);
    transform: translate(-4.9856231616%, 0.3403043635%);
  }
  5% {
    clip-path: polygon(0% 6.654882003%, 100% 6.654882003%, 100% 10.211379692%, 0% 10.211379692%);
    transform: translate(-2.9339675059%, 0.3810203039%);
  }
  5.2% {
    clip-path: polygon(0% 59.3729935382%, 100% 59.3729935382%, 100% 64.3264185889%, 0% 64.3264185889%);
    transform: translate(1.8174939005%, 0.3304855023%);
  }
  5.4% {
    clip-path: polygon(0% 2.444278949%, 100% 2.444278949%, 100% 7.9519289543%, 0% 7.9519289543%);
    transform: translate(7.4671143423%, 0.4019056045%);
  }
  5.6% {
    clip-path: polygon(0% 19.8870044267%, 100% 19.8870044267%, 100% 26.4797109042%, 0% 26.4797109042%);
    transform: translate(5.7076806787%, 0.1687966508%);
  }
  5.8% {
    clip-path: polygon(0% 17.2583225978%, 100% 17.2583225978%, 100% 24.3878667182%, 0% 24.3878667182%);
    transform: translate(1.5860176547%, 0.485975241%);
  }
  6% {
    clip-path: polygon(0% 59.9602976986%, 100% 59.9602976986%, 100% 67.1122701977%, 0% 67.1122701977%);
    transform: translate(-6.8305128308%, -0.3418639208%);
  }
  6.2% {
    clip-path: polygon(0% 77.2384451957%, 100% 77.2384451957%, 100% 85.3168068334%, 0% 85.3168068334%);
    transform: translate(-7.341468629%, -0.1470791579%);
  }
  6.4% {
    clip-path: polygon(0% 21.2124905768%, 100% 21.2124905768%, 100% 28.5283287364%, 0% 28.5283287364%);
    transform: translate(-7.1669816774%, -0.4166433012%);
  }
  6.6% {
    clip-path: polygon(0% 62.2937213758%, 100% 62.2937213758%, 100% 66.2986891222%, 0% 66.2986891222%);
    transform: translate(7.3298493702%, 0.2371782197%);
  }
  6.8% {
    clip-path: polygon(0% 43.7104176114%, 100% 43.7104176114%, 100% 51.3870768851%, 0% 51.3870768851%);
    transform: translate(7.7594361127%, -0.1632629521%);
  }
  7% {
    clip-path: polygon(0% 31.926065049%, 100% 31.926065049%, 100% 37.8456682477%, 0% 37.8456682477%);
    transform: translate(-7.0463278414%, -0.0041846064%);
  }
  7.2% {
    clip-path: polygon(0% 29.6087459583%, 100% 29.6087459583%, 100% 33.3481390292%, 0% 33.3481390292%);
    transform: translate(5.0779662797%, -0.2370131167%);
  }
  7.4% {
    clip-path: polygon(0% 1.8197671384%, 100% 1.8197671384%, 100% 11.4678363188%, 0% 11.4678363188%);
    transform: translate(-7.7634316452%, -0.0256107378%);
  }
  7.6% {
    clip-path: polygon(0% 33.8279568337%, 100% 33.8279568337%, 100% 43.3338755966%, 0% 43.3338755966%);
    transform: translate(-6.2335061018%, 0.0802975266%);
  }
  7.8% {
    clip-path: polygon(0% 34.1422024012%, 100% 34.1422024012%, 100% 36.9783372889%, 0% 36.9783372889%);
    transform: translate(4.8931171554%, -0.0582967348%);
  }
  8% {
    clip-path: polygon(0% 63.5251813158%, 100% 63.5251813158%, 100% 64.5826447102%, 0% 64.5826447102%);
    transform: translate(7.1099801423%, 0.0932438857%);
  }
  8.2% {
    clip-path: polygon(0% 10.5596366188%, 100% 10.5596366188%, 100% 11.8276907467%, 0% 11.8276907467%);
    transform: translate(7.2101438849%, -0.1678506575%);
  }
  8.4% {
    clip-path: polygon(0% 82.1657858011%, 100% 82.1657858011%, 100% 83.8834877055%, 0% 83.8834877055%);
    transform: translate(0.1024189633%, -0.304304995%);
  }
  8.6% {
    clip-path: polygon(0% 59.2056023815%, 100% 59.2056023815%, 100% 60.6256701824%, 0% 60.6256701824%);
    transform: translate(-5.7243356112%, -0.0644328296%);
  }
  8.8% {
    clip-path: polygon(0% 38.3820800339%, 100% 38.3820800339%, 100% 46.1555716336%, 0% 46.1555716336%);
    transform: translate(1.2380299441%, 0.0737706132%);
  }
  9% {
    clip-path: polygon(0% 26.4117903748%, 100% 26.4117903748%, 100% 27.6982404484%, 0% 27.6982404484%);
    transform: translate(6.8781980055%, 0.0517857575%);
  }
  9.2% {
    clip-path: polygon(0% 34.2913771839%, 100% 34.2913771839%, 100% 38.7942397616%, 0% 38.7942397616%);
    transform: translate(-5.8440549348%, -0.0889642048%);
  }
  9.4% {
    clip-path: polygon(0% 7.0431093583%, 100% 7.0431093583%, 100% 10.6249342376%, 0% 10.6249342376%);
    transform: translate(0.3317276851%, -0.4183012429%);
  }
  9.6% {
    clip-path: polygon(0% 65.5053824731%, 100% 65.5053824731%, 100% 67.0520023256%, 0% 67.0520023256%);
    transform: translate(-7.8072801322%, 0.493970388%);
  }
  9.8% {
    clip-path: polygon(0% 84.1625268858%, 100% 84.1625268858%, 100% 90.8082031698%, 0% 90.8082031698%);
    transform: translate(-4.9039793128%, -0.0991696159%);
  }
  10% {
    clip-path: polygon(0% 29.8608078239%, 100% 29.8608078239%, 100% 33.1155686876%, 0% 33.1155686876%);
    transform: translate(-6.1281146314%, 0.2976173842%);
  }
  10.2% {
    clip-path: polygon(0% 80.693058774%, 100% 80.693058774%, 100% 88.5592959686%, 0% 88.5592959686%);
    transform: translate(-7.4895607316%, 0.1164738344%);
  }
  10.4% {
    clip-path: polygon(0% 43.2054083425%, 100% 43.2054083425%, 100% 50.2395914505%, 0% 50.2395914505%);
    transform: translate(-1.9374033192%, 0.1320944333%);
  }
  10.6% {
    clip-path: polygon(0% 55.6459061214%, 100% 55.6459061214%, 100% 62.4471493593%, 0% 62.4471493593%);
    transform: translate(0.5178083406%, -0.3543080054%);
  }
  10.8% {
    clip-path: polygon(0% 0.6001997844%, 100% 0.6001997844%, 100% 9.865584376%, 0% 9.865584376%);
    transform: translate(-2.9180436442%, 0.1329170579%);
  }
  11% {
    clip-path: polygon(0% 69.2973183515%, 100% 69.2973183515%, 100% 74.6081969905%, 0% 74.6081969905%);
    transform: translate(-7.8324341985%, 0.3869559296%);
  }
  11.2% {
    clip-path: polygon(0% 70.513463555%, 100% 70.513463555%, 100% 74.5094883368%, 0% 74.5094883368%);
    transform: translate(-5.5146604001%, -0.2968896325%);
  }
  11.4% {
    clip-path: polygon(0% 42.0584148196%, 100% 42.0584148196%, 100% 43.7752580457%, 0% 43.7752580457%);
    transform: translate(-3.7192475219%, 0.3805975548%);
  }
  11.6% {
    clip-path: polygon(0% 66.5912256961%, 100% 66.5912256961%, 100% 68.629013408%, 0% 68.629013408%);
    transform: translate(4.4446307702%, 0.3762465568%);
  }
  11.8% {
    clip-path: polygon(0% 82.226827462%, 100% 82.226827462%, 100% 86.560626952%, 0% 86.560626952%);
    transform: translate(5.8345554651%, -0.3720171883%);
  }
  12% {
    clip-path: polygon(0% 37.4156097676%, 100% 37.4156097676%, 100% 42.1937663092%, 0% 42.1937663092%);
    transform: translate(-5.0374275559%, 0.061014151%);
  }
  12.2% {
    clip-path: polygon(0% 0.8040687081%, 100% 0.8040687081%, 100% 1.8171359507%, 0% 1.8171359507%);
    transform: translate(0.3963213284%, -0.305803571%);
  }
  12.4% {
    clip-path: polygon(0% 56.920767754%, 100% 56.920767754%, 100% 60.5593681882%, 0% 60.5593681882%);
    transform: translate(-2.2689100404%, 0.4484431606%);
  }
  12.6% {
    clip-path: polygon(0% 70.004190064%, 100% 70.004190064%, 100% 79.474958865%, 0% 79.474958865%);
    transform: translate(3.8143454411%, -0.2652788824%);
  }
  12.8% {
    clip-path: polygon(0% 40.4860240406%, 100% 40.4860240406%, 100% 49.1662136798%, 0% 49.1662136798%);
    transform: translate(-5.8853139241%, -0.3885793802%);
  }
  13% {
    clip-path: polygon(0% 44.5862023512%, 100% 44.5862023512%, 100% 48.3864072976%, 0% 48.3864072976%);
    transform: translate(-3.2698259737%, 0.2212207004%);
  }
  13.2% {
    clip-path: polygon(0% 31.9145285712%, 100% 31.9145285712%, 100% 41.1952610061%, 0% 41.1952610061%);
    transform: translate(2.7439119418%, -0.0064128348%);
  }
  13.4% {
    clip-path: polygon(0% 87.2113843034%, 100% 87.2113843034%, 100% 93.5849198262%, 0% 93.5849198262%);
    transform: translate(-3.3732372909%, 0.3478072937%);
  }
  13.6% {
    clip-path: polygon(0% 74.9923997759%, 100% 74.9923997759%, 100% 76.6149459782%, 0% 76.6149459782%);
    transform: translate(-1.2009760723%, -0.430455634%);
  }
  13.8% {
    clip-path: polygon(0% 70.5381779497%, 100% 70.5381779497%, 100% 73.3663361312%, 0% 73.3663361312%);
    transform: translate(4.0175251729%, 0.0596566773%);
  }
  14% {
    clip-path: polygon(0% 8.4687460201%, 100% 8.4687460201%, 100% 18.0341202215%, 0% 18.0341202215%);
    transform: translate(-5.7190955893%, -0.0379234992%);
  }
  14.2% {
    clip-path: polygon(0% 42.5957125613%, 100% 42.5957125613%, 100% 45.754079928%, 0% 45.754079928%);
    transform: translate(1.0988232333%, 0.3390299651%);
  }
  14.4% {
    clip-path: polygon(0% 26.4272051311%, 100% 26.4272051311%, 100% 35.076215361%, 0% 35.076215361%);
    transform: translate(-2.1220954903%, 0.0847666348%);
  }
  14.6% {
    clip-path: polygon(0% 37.5186928037%, 100% 37.5186928037%, 100% 40.0392776806%, 0% 40.0392776806%);
    transform: translate(-6.4512799289%, 0.1340567553%);
  }
  14.8% {
    clip-path: polygon(0% 52.6432247858%, 100% 52.6432247858%, 100% 54.6474118367%, 0% 54.6474118367%);
    transform: translate(-3.4988646064%, -0.2132576697%);
  }
  15% {
    clip-path: polygon(0% 30.8327794696%, 100% 30.8327794696%, 100% 36.184451589%, 0% 36.184451589%);
    transform: translate(-5.6619452751%, -0.346960488%);
  }
  15.2% {
    clip-path: polygon(0% 64.5902292703%, 100% 64.5902292703%, 100% 73.4082444614%, 0% 73.4082444614%);
    transform: translate(-1.5587614861%, -0.1622568448%);
  }
  15.4% {
    clip-path: polygon(0% 81.6289098727%, 100% 81.6289098727%, 100% 88.0838386662%, 0% 88.0838386662%);
    transform: translate(2.1640812287%, -0.1277775286%);
  }
  15.6% {
    clip-path: polygon(0% 7.758492584%, 100% 7.758492584%, 100% 16.6084596197%, 0% 16.6084596197%);
    transform: translate(6.7839472728%, -0.1976494199%);
  }
  15.8% {
    clip-path: polygon(0% 32.5650321305%, 100% 32.5650321305%, 100% 37.0595722295%, 0% 37.0595722295%);
    transform: translate(6.5553261574%, -0.2092321208%);
  }
  16% {
    clip-path: polygon(0% 15.2841339707%, 100% 15.2841339707%, 100% 24.7124539036%, 0% 24.7124539036%);
    transform: translate(4.6644269109%, -0.3909775918%);
  }
  16.2% {
    clip-path: polygon(0% 30.4676363193%, 100% 30.4676363193%, 100% 40.2487108845%, 0% 40.2487108845%);
    transform: translate(-1.1688256105%, -0.3334364006%);
  }
  16.4% {
    clip-path: polygon(0% 15.5681679067%, 100% 15.5681679067%, 100% 21.8740060222%, 0% 21.8740060222%);
    transform: translate(-0.436468574%, -0.0471613873%);
  }
  16.6% {
    clip-path: polygon(0% 4.9175837625%, 100% 4.9175837625%, 100% 6.0483269583%, 0% 6.0483269583%);
    transform: translate(-4.3803554201%, -0.2936137847%);
  }
  16.8% {
    clip-path: polygon(0% 68.1686403772%, 100% 68.1686403772%, 100% 74.6186867823%, 0% 74.6186867823%);
    transform: translate(-6.6764768377%, 0.0686662345%);
  }
  17% {
    clip-path: polygon(0% 77.5416363471%, 100% 77.5416363471%, 100% 79.4607396194%, 0% 79.4607396194%);
    transform: translate(-7.2125858502%, -0.4885392094%);
  }
  17.2% {
    clip-path: polygon(0% 36.9192703215%, 100% 36.9192703215%, 100% 38.4462615163%, 0% 38.4462615163%);
    transform: translate(3.2652966064%, -0.3002785994%);
  }
  17.4% {
    clip-path: polygon(0% 26.6965391696%, 100% 26.6965391696%, 100% 28.633085431%, 0% 28.633085431%);
    transform: translate(5.9584151365%, -0.4224081234%);
  }
  17.6% {
    clip-path: polygon(0% 43.8547255934%, 100% 43.8547255934%, 100% 49.84023427%, 0% 49.84023427%);
    transform: translate(-0.7516641428%, 0.3348993266%);
  }
  17.8% {
    clip-path: polygon(0% 39.9289388507%, 100% 39.9289388507%, 100% 47.0494233647%, 0% 47.0494233647%);
    transform: translate(-1.434500288%, -0.0767044223%);
  }
  18% {
    clip-path: polygon(0% 51.953118198%, 100% 51.953118198%, 100% 59.9532644663%, 0% 59.9532644663%);
    transform: translate(-5.3853793856%, -0.4676425778%);
  }
  18.2% {
    clip-path: polygon(0% 28.0225442323%, 100% 28.0225442323%, 100% 29.2965514642%, 0% 29.2965514642%);
    transform: translate(6.8950188621%, -0.3229396619%);
  }
  18.4% {
    clip-path: polygon(0% 35.6273065181%, 100% 35.6273065181%, 100% 41.4447725132%, 0% 41.4447725132%);
    transform: translate(4.5092852448%, 0.1099403934%);
  }
  18.6% {
    clip-path: polygon(0% 69.6081902173%, 100% 69.6081902173%, 100% 78.8363542133%, 0% 78.8363542133%);
    transform: translate(-7.7503220138%, -0.3126783641%);
  }
  18.8% {
    clip-path: polygon(0% 56.6544723071%, 100% 56.6544723071%, 100% 64.2235618187%, 0% 64.2235618187%);
    transform: translate(4.9233490618%, 0.2244362596%);
  }
  19% {
    clip-path: polygon(0% 60.9348519982%, 100% 60.9348519982%, 100% 67.4015303839%, 0% 67.4015303839%);
    transform: translate(-7.5034729103%, -0.079827432%);
  }
  19.2% {
    clip-path: polygon(0% 0.716036417%, 100% 0.716036417%, 100% 10.2379687191%, 0% 10.2379687191%);
    transform: translate(4.0029834538%, -0.0550311489%);
  }
  19.4% {
    clip-path: polygon(0% 51.0030533777%, 100% 51.0030533777%, 100% 58.332494089%, 0% 58.332494089%);
    transform: translate(-0.4365456395%, -0.2975431686%);
  }
  19.6% {
    clip-path: polygon(0% 53.1113312205%, 100% 53.1113312205%, 100% 54.9480427815%, 0% 54.9480427815%);
    transform: translate(3.4601063096%, 0.3154717015%);
  }
  19.8% {
    clip-path: polygon(0% 83.4799741312%, 100% 83.4799741312%, 100% 92.235540599%, 0% 92.235540599%);
    transform: translate(-1.4328282402%, 0.3711259861%);
  }
  20%, 100% {
    clip-path: none;
    transform: none;
  }
}
.glitch::before {
  animation: glitch-before 1s linear infinite alternate both;
  content: "";
}
@keyframes glitch-after {
  0% {
    clip-path: polygon(0% 62.4303894391%, 100% 62.4303894391%, 100% 63.7862555958%, 0% 63.7862555958%);
    transform: translate(4.8367566385%, 0.3920496866%);
  }
  0.2% {
    clip-path: polygon(0% 39.3917621801%, 100% 39.3917621801%, 100% 41.8486541518%, 0% 41.8486541518%);
    transform: translate(5.0381117603%, 0.0365170765%);
  }
  0.4% {
    clip-path: polygon(0% 40.1752549765%, 100% 40.1752549765%, 100% 49.9713716911%, 0% 49.9713716911%);
    transform: translate(-3.9003795838%, 0.3374062096%);
  }
  0.6% {
    clip-path: polygon(0% 24.8054747152%, 100% 24.8054747152%, 100% 30.4588188371%, 0% 30.4588188371%);
    transform: translate(-4.2515240224%, -0.2147587581%);
  }
  0.8% {
    clip-path: polygon(0% 74.5595918511%, 100% 74.5595918511%, 100% 83.7319034107%, 0% 83.7319034107%);
    transform: translate(-1.7124646233%, -0.3936914691%);
  }
  1% {
    clip-path: polygon(0% 17.0683369423%, 100% 17.0683369423%, 100% 22.0104121019%, 0% 22.0104121019%);
    transform: translate(-7.1282819705%, -0.4999244819%);
  }
  1.2% {
    clip-path: polygon(0% 30.5167228184%, 100% 30.5167228184%, 100% 38.9926984789%, 0% 38.9926984789%);
    transform: translate(-6.1961028672%, 0.3951513978%);
  }
  1.4% {
    clip-path: polygon(0% 86.832150851%, 100% 86.832150851%, 100% 91.6158867503%, 0% 91.6158867503%);
    transform: translate(2.2401986014%, -0.135768344%);
  }
  1.6% {
    clip-path: polygon(0% 19.7822010335%, 100% 19.7822010335%, 100% 26.496830568%, 0% 26.496830568%);
    transform: translate(-0.5280362571%, 0.1460134314%);
  }
  1.8% {
    clip-path: polygon(0% 18.3491410211%, 100% 18.3491410211%, 100% 22.9712046174%, 0% 22.9712046174%);
    transform: translate(6.2515329658%, -0.1659081175%);
  }
  2% {
    clip-path: polygon(0% 88.9497574446%, 100% 88.9497574446%, 100% 98.0506963339%, 0% 98.0506963339%);
    transform: translate(7.2144163251%, 0.2753925116%);
  }
  2.2% {
    clip-path: polygon(0% 58.6250271493%, 100% 58.6250271493%, 100% 67.4566394618%, 0% 67.4566394618%);
    transform: translate(-3.9288306747%, 0.1552825236%);
  }
  2.4% {
    clip-path: polygon(0% 69.0483334225%, 100% 69.0483334225%, 100% 77.7760144016%, 0% 77.7760144016%);
    transform: translate(-2.3753923898%, 0.1086858632%);
  }
  2.6% {
    clip-path: polygon(0% 74.9823985367%, 100% 74.9823985367%, 100% 81.6792011905%, 0% 81.6792011905%);
    transform: translate(1.0194337894%, 0.0658872885%);
  }
  2.8% {
    clip-path: polygon(0% 50.7492459893%, 100% 50.7492459893%, 100% 53.581277579%, 0% 53.581277579%);
    transform: translate(-4.5696056884%, 0.0411576668%);
  }
  3% {
    clip-path: polygon(0% 63.666716018%, 100% 63.666716018%, 100% 66.5544172142%, 0% 66.5544172142%);
    transform: translate(-7.7017278342%, -0.1789242759%);
  }
  3.2% {
    clip-path: polygon(0% 40.4634312792%, 100% 40.4634312792%, 100% 44.5896118423%, 0% 44.5896118423%);
    transform: translate(-1.5610155095%, 0.4981362524%);
  }
  3.4% {
    clip-path: polygon(0% 52.5883024455%, 100% 52.5883024455%, 100% 56.8163615882%, 0% 56.8163615882%);
    transform: translate(-7.1644329794%, 0.1599545472%);
  }
  3.6% {
    clip-path: polygon(0% 45.9801773846%, 100% 45.9801773846%, 100% 52.782055722%, 0% 52.782055722%);
    transform: translate(4.9063204028%, 0.0892534244%);
  }
  3.8% {
    clip-path: polygon(0% 28.8516215819%, 100% 28.8516215819%, 100% 33.4073194632%, 0% 33.4073194632%);
    transform: translate(-6.9059941269%, -0.2045179312%);
  }
  4% {
    clip-path: polygon(0% 6.5087479997%, 100% 6.5087479997%, 100% 9.8326558469%, 0% 9.8326558469%);
    transform: translate(-2.6033706162%, -0.3379016829%);
  }
  4.2% {
    clip-path: polygon(0% 35.3921997171%, 100% 35.3921997171%, 100% 36.5867513691%, 0% 36.5867513691%);
    transform: translate(0.2979677163%, 0.1069835546%);
  }
  4.4% {
    clip-path: polygon(0% 64.0322606002%, 100% 64.0322606002%, 100% 67.3706702226%, 0% 67.3706702226%);
    transform: translate(5.0558321794%, 0.1860046675%);
  }
  4.6% {
    clip-path: polygon(0% 72.3666611691%, 100% 72.3666611691%, 100% 79.6678673243%, 0% 79.6678673243%);
    transform: translate(-6.9264346379%, 0.0327769716%);
  }
  4.8% {
    clip-path: polygon(0% 64.6304781903%, 100% 64.6304781903%, 100% 74.5416753577%, 0% 74.5416753577%);
    transform: translate(3.029687843%, 0.1570063705%);
  }
  5% {
    clip-path: polygon(0% 4.8522779424%, 100% 4.8522779424%, 100% 6.0424955143%, 0% 6.0424955143%);
    transform: translate(-1.4887726267%, 0.3938273832%);
  }
  5.2% {
    clip-path: polygon(0% 87.6139332547%, 100% 87.6139332547%, 100% 95.6456143774%, 0% 95.6456143774%);
    transform: translate(-6.0255218846%, -0.1693171844%);
  }
  5.4% {
    clip-path: polygon(0% 65.481122122%, 100% 65.481122122%, 100% 69.0509150968%, 0% 69.0509150968%);
    transform: translate(-0.5622777615%, 0.1528406857%);
  }
  5.6% {
    clip-path: polygon(0% 55.2259572917%, 100% 55.2259572917%, 100% 60.7803725892%, 0% 60.7803725892%);
    transform: translate(3.980382228%, 0.1002745216%);
  }
  5.8% {
    clip-path: polygon(0% 13.8167560639%, 100% 13.8167560639%, 100% 15.5474613231%, 0% 15.5474613231%);
    transform: translate(-5.2771604651%, 0.4329216264%);
  }
  6% {
    clip-path: polygon(0% 67.3363582099%, 100% 67.3363582099%, 100% 68.562554626%, 0% 68.562554626%);
    transform: translate(-2.922781163%, 0.4371343519%);
  }
  6.2% {
    clip-path: polygon(0% 51.4775259164%, 100% 51.4775259164%, 100% 60.8709031223%, 0% 60.8709031223%);
    transform: translate(2.584352177%, -0.1568645163%);
  }
  6.4% {
    clip-path: polygon(0% 89.0591670701%, 100% 89.0591670701%, 100% 90.7436568614%, 0% 90.7436568614%);
    transform: translate(4.9073221734%, 0.0174374997%);
  }
  6.6% {
    clip-path: polygon(0% 79.6797358015%, 100% 79.6797358015%, 100% 85.6032511519%, 0% 85.6032511519%);
    transform: translate(-1.3529014218%, -0.1576286918%);
  }
  6.8% {
    clip-path: polygon(0% 56.0938378702%, 100% 56.0938378702%, 100% 60.18498787%, 0% 60.18498787%);
    transform: translate(6.1451171204%, -0.3913535259%);
  }
  7% {
    clip-path: polygon(0% 48.8281715589%, 100% 48.8281715589%, 100% 55.9592016686%, 0% 55.9592016686%);
    transform: translate(3.6548340245%, 0.1001550619%);
  }
  7.2% {
    clip-path: polygon(0% 66.5358597941%, 100% 66.5358597941%, 100% 74.2820345409%, 0% 74.2820345409%);
    transform: translate(6.0836255845%, -0.4592371784%);
  }
  7.4% {
    clip-path: polygon(0% 66.4396620814%, 100% 66.4396620814%, 100% 76.0157177797%, 0% 76.0157177797%);
    transform: translate(-4.6217432542%, 0.3500760926%);
  }
  7.6% {
    clip-path: polygon(0% 61.1561840275%, 100% 61.1561840275%, 100% 63.8133157753%, 0% 63.8133157753%);
    transform: translate(-2.3552592357%, 0.4372318511%);
  }
  7.8% {
    clip-path: polygon(0% 23.3188137005%, 100% 23.3188137005%, 100% 33.0803442157%, 0% 33.0803442157%);
    transform: translate(-5.7558086474%, 0.212329319%);
  }
  8% {
    clip-path: polygon(0% 10.0313065346%, 100% 10.0313065346%, 100% 14.7404601709%, 0% 14.7404601709%);
    transform: translate(-6.898827757%, 0.3012849936%);
  }
  8.2% {
    clip-path: polygon(0% 48.0711006565%, 100% 48.0711006565%, 100% 51.3532067213%, 0% 51.3532067213%);
    transform: translate(-7.8985294566%, -0.0210826118%);
  }
  8.4% {
    clip-path: polygon(0% 15.9833729735%, 100% 15.9833729735%, 100% 17.509784761%, 0% 17.509784761%);
    transform: translate(-2.8576766119%, -0.4268236989%);
  }
  8.6% {
    clip-path: polygon(0% 69.3270083716%, 100% 69.3270083716%, 100% 73.2614442966%, 0% 73.2614442966%);
    transform: translate(-5.6256338081%, -0.1532063269%);
  }
  8.8% {
    clip-path: polygon(0% 61.6591017187%, 100% 61.6591017187%, 100% 71.4743887676%, 0% 71.4743887676%);
    transform: translate(-3.963008722%, -0.1907959035%);
  }
  9% {
    clip-path: polygon(0% 30.3627814789%, 100% 30.3627814789%, 100% 39.9672156543%, 0% 39.9672156543%);
    transform: translate(-3.0276738597%, 0.0356537337%);
  }
  9.2% {
    clip-path: polygon(0% 44.6483272075%, 100% 44.6483272075%, 100% 50.6851171303%, 0% 50.6851171303%);
    transform: translate(6.6898576818%, -0.3606700562%);
  }
  9.4% {
    clip-path: polygon(0% 31.5742839726%, 100% 31.5742839726%, 100% 39.3818717871%, 0% 39.3818717871%);
    transform: translate(3.2577384446%, 0.2678793302%);
  }
  9.6% {
    clip-path: polygon(0% 82.4268644432%, 100% 82.4268644432%, 100% 88.8960074023%, 0% 88.8960074023%);
    transform: translate(-6.0234252344%, 0.159235856%);
  }
  9.8% {
    clip-path: polygon(0% 76.7349896877%, 100% 76.7349896877%, 100% 79.2542189989%, 0% 79.2542189989%);
    transform: translate(0.7713022019%, 0.1667720144%);
  }
  10% {
    clip-path: polygon(0% 16.6872994142%, 100% 16.6872994142%, 100% 25.6374456902%, 0% 25.6374456902%);
    transform: translate(4.5323028998%, -0.0476158441%);
  }
  10.2% {
    clip-path: polygon(0% 67.0032229497%, 100% 67.0032229497%, 100% 74.2650056524%, 0% 74.2650056524%);
    transform: translate(3.4162191908%, 0.0786188322%);
  }
  10.4% {
    clip-path: polygon(0% 41.4432013908%, 100% 41.4432013908%, 100% 49.3174554036%, 0% 49.3174554036%);
    transform: translate(-3.1142483333%, 0.0248512085%);
  }
  10.6% {
    clip-path: polygon(0% 20.0818055725%, 100% 20.0818055725%, 100% 25.5987852934%, 0% 25.5987852934%);
    transform: translate(3.8728695257%, -0.2139768057%);
  }
  10.8% {
    clip-path: polygon(0% 76.4253204895%, 100% 76.4253204895%, 100% 81.8378381015%, 0% 81.8378381015%);
    transform: translate(3.166961836%, -0.3955199916%);
  }
  11% {
    clip-path: polygon(0% 14.6111137349%, 100% 14.6111137349%, 100% 24.0034333889%, 0% 24.0034333889%);
    transform: translate(2.2950637601%, 0.3626467692%);
  }
  11.2% {
    clip-path: polygon(0% 17.2147423653%, 100% 17.2147423653%, 100% 22.4075721486%, 0% 22.4075721486%);
    transform: translate(1.4282013284%, -0.0333606494%);
  }
  11.4% {
    clip-path: polygon(0% 67.7379776959%, 100% 67.7379776959%, 100% 73.9722003749%, 0% 73.9722003749%);
    transform: translate(5.1315737243%, -0.3429784259%);
  }
  11.6% {
    clip-path: polygon(0% 55.1894052208%, 100% 55.1894052208%, 100% 62.1472245688%, 0% 62.1472245688%);
    transform: translate(-6.2223316879%, -0.4482326842%);
  }
  11.8% {
    clip-path: polygon(0% 70.3596408744%, 100% 70.3596408744%, 100% 72.8873508795%, 0% 72.8873508795%);
    transform: translate(-5.1729415772%, 0.2693491889%);
  }
  12% {
    clip-path: polygon(0% 13.0967631239%, 100% 13.0967631239%, 100% 22.4396841969%, 0% 22.4396841969%);
    transform: translate(1.8958765742%, 0.25209471%);
  }
  12.2% {
    clip-path: polygon(0% 38.9811679077%, 100% 38.9811679077%, 100% 43.518615138%, 0% 43.518615138%);
    transform: translate(5.3289029541%, -0.141712914%);
  }
  12.4% {
    clip-path: polygon(0% 11.8193759516%, 100% 11.8193759516%, 100% 18.1311635973%, 0% 18.1311635973%);
    transform: translate(6.3990522691%, -0.1449583566%);
  }
  12.6% {
    clip-path: polygon(0% 76.5376860594%, 100% 76.5376860594%, 100% 79.6769674197%, 0% 79.6769674197%);
    transform: translate(3.8569571439%, 0.0039578678%);
  }
  12.8% {
    clip-path: polygon(0% 44.6650914918%, 100% 44.6650914918%, 100% 48.2771454032%, 0% 48.2771454032%);
    transform: translate(-4.393592738%, -0.0545577994%);
  }
  13% {
    clip-path: polygon(0% 12.4383731916%, 100% 12.4383731916%, 100% 21.3435348403%, 0% 21.3435348403%);
    transform: translate(-7.4484733685%, -0.1746863447%);
  }
  13.2% {
    clip-path: polygon(0% 15.4712977458%, 100% 15.4712977458%, 100% 24.0641472308%, 0% 24.0641472308%);
    transform: translate(-0.6426285631%, -0.1771884035%);
  }
  13.4% {
    clip-path: polygon(0% 37.3134252007%, 100% 37.3134252007%, 100% 45.0832316717%, 0% 45.0832316717%);
    transform: translate(4.4687126711%, -0.2079589008%);
  }
  13.6% {
    clip-path: polygon(0% 40.0448439979%, 100% 40.0448439979%, 100% 44.9667693014%, 0% 44.9667693014%);
    transform: translate(-7.6133401969%, -0.033928976%);
  }
  13.8% {
    clip-path: polygon(0% 19.2121941162%, 100% 19.2121941162%, 100% 25.9840985944%, 0% 25.9840985944%);
    transform: translate(6.8227033588%, -0.2575263423%);
  }
  14% {
    clip-path: polygon(0% 62.713273026%, 100% 62.713273026%, 100% 71.6550980566%, 0% 71.6550980566%);
    transform: translate(6.1452249425%, 0.38064097%);
  }
  14.2% {
    clip-path: polygon(0% 77.1389670418%, 100% 77.1389670418%, 100% 85.1651916456%, 0% 85.1651916456%);
    transform: translate(-4.7840572613%, 0.0383157122%);
  }
  14.4% {
    clip-path: polygon(0% 33.1867778851%, 100% 33.1867778851%, 100% 42.6090528295%, 0% 42.6090528295%);
    transform: translate(-1.2404673261%, -0.1200257675%);
  }
  14.6% {
    clip-path: polygon(0% 73.5812851677%, 100% 73.5812851677%, 100% 79.0440837961%, 0% 79.0440837961%);
    transform: translate(-5.4366826509%, 0.0839720678%);
  }
  14.8% {
    clip-path: polygon(0% 50.0701496137%, 100% 50.0701496137%, 100% 56.9930847786%, 0% 56.9930847786%);
    transform: translate(-6.4868102212%, 0.0707134168%);
  }
  15% {
    clip-path: polygon(0% 64.1776360648%, 100% 64.1776360648%, 100% 72.4608805897%, 0% 72.4608805897%);
    transform: translate(-7.660618806%, 0.2510486888%);
  }
  15.2% {
    clip-path: polygon(0% 48.9933511707%, 100% 48.9933511707%, 100% 58.0230681594%, 0% 58.0230681594%);
    transform: translate(-1.3761004897%, -0.1349107246%);
  }
  15.4% {
    clip-path: polygon(0% 47.1323529237%, 100% 47.1323529237%, 100% 51.467709362%, 0% 51.467709362%);
    transform: translate(-3.8621948139%, 0.2929187818%);
  }
  15.6% {
    clip-path: polygon(0% 89.8994650852%, 100% 89.8994650852%, 100% 96.4466452519%, 0% 96.4466452519%);
    transform: translate(5.7086386171%, -0.1386318085%);
  }
  15.8% {
    clip-path: polygon(0% 82.5917218207%, 100% 82.5917218207%, 100% 91.8691780176%, 0% 91.8691780176%);
    transform: translate(7.0513457157%, -0.2827943358%);
  }
  16% {
    clip-path: polygon(0% 70.8670097855%, 100% 70.8670097855%, 100% 79.3367378372%, 0% 79.3367378372%);
    transform: translate(1.2308760759%, 0.4177232595%);
  }
  16.2% {
    clip-path: polygon(0% 70.7557048696%, 100% 70.7557048696%, 100% 77.1991737408%, 0% 77.1991737408%);
    transform: translate(7.021102218%, -0.3912490079%);
  }
  16.4% {
    clip-path: polygon(0% 53.0811684272%, 100% 53.0811684272%, 100% 55.7457040344%, 0% 55.7457040344%);
    transform: translate(-4.2431573442%, -0.4526830766%);
  }
  16.6% {
    clip-path: polygon(0% 69.8615451737%, 100% 69.8615451737%, 100% 71.5271598506%, 0% 71.5271598506%);
    transform: translate(-7.820974659%, -0.029689621%);
  }
  16.8% {
    clip-path: polygon(0% 3.8102757365%, 100% 3.8102757365%, 100% 9.1449819656%, 0% 9.1449819656%);
    transform: translate(-3.7739330379%, 0.3679350498%);
  }
  17% {
    clip-path: polygon(0% 20.7079480664%, 100% 20.7079480664%, 100% 27.5087424669%, 0% 27.5087424669%);
    transform: translate(5.4278226588%, -0.3515839176%);
  }
  17.2% {
    clip-path: polygon(0% 48.0612993853%, 100% 48.0612993853%, 100% 54.8912636114%, 0% 54.8912636114%);
    transform: translate(-1.8850625998%, 0.4288820223%);
  }
  17.4% {
    clip-path: polygon(0% 78.0458913789%, 100% 78.0458913789%, 100% 85.2758716731%, 0% 85.2758716731%);
    transform: translate(-6.3422308691%, -0.1060092675%);
  }
  17.6% {
    clip-path: polygon(0% 86.6099402684%, 100% 86.6099402684%, 100% 96.240690645%, 0% 96.240690645%);
    transform: translate(-2.7989858383%, 0.2056388943%);
  }
  17.8% {
    clip-path: polygon(0% 57.7191881914%, 100% 57.7191881914%, 100% 63.9658578058%, 0% 63.9658578058%);
    transform: translate(4.4221877442%, -0.1676284043%);
  }
  18% {
    clip-path: polygon(0% 9.5267186279%, 100% 9.5267186279%, 100% 16.1979298009%, 0% 16.1979298009%);
    transform: translate(3.9839916674%, -0.4560025829%);
  }
  18.2% {
    clip-path: polygon(0% 7.7954503584%, 100% 7.7954503584%, 100% 10.1710708487%, 0% 10.1710708487%);
    transform: translate(-7.6053062129%, 0.0970711381%);
  }
  18.4% {
    clip-path: polygon(0% 20.3871880615%, 100% 20.3871880615%, 100% 23.838148702%, 0% 23.838148702%);
    transform: translate(6.0225708193%, -0.0716932079%);
  }
  18.6% {
    clip-path: polygon(0% 34.0171365025%, 100% 34.0171365025%, 100% 35.8479261807%, 0% 35.8479261807%);
    transform: translate(0.6660613849%, -0.0985441227%);
  }
  18.8% {
    clip-path: polygon(0% 85.7103122617%, 100% 85.7103122617%, 100% 95.4164337623%, 0% 95.4164337623%);
    transform: translate(-0.1139021347%, -0.3037587722%);
  }
  19% {
    clip-path: polygon(0% 34.0609986548%, 100% 34.0609986548%, 100% 35.2360614338%, 0% 35.2360614338%);
    transform: translate(5.8426146015%, -0.2470236303%);
  }
  19.2% {
    clip-path: polygon(0% 39.258602274%, 100% 39.258602274%, 100% 48.0991368958%, 0% 48.0991368958%);
    transform: translate(0.36105005%, 0.3856966163%);
  }
  19.4% {
    clip-path: polygon(0% 15.1795037791%, 100% 15.1795037791%, 100% 23.7912911699%, 0% 23.7912911699%);
    transform: translate(-5.3433993371%, 0.2952187329%);
  }
  19.6% {
    clip-path: polygon(0% 27.5479568988%, 100% 27.5479568988%, 100% 34.7390148063%, 0% 34.7390148063%);
    transform: translate(2.84176507%, -0.0270041952%);
  }
  19.8% {
    clip-path: polygon(0% 89.9798423428%, 100% 89.9798423428%, 100% 95.4020207103%, 0% 95.4020207103%);
    transform: translate(1.0580197784%, 0.3635869251%);
  }
  20%, 100% {
    clip-path: none;
    transform: none;
  }
}
.glitch::after {
  animation: glitch-after 1s linear infinite alternate both;
  content: "";
}
.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;
}
@keyframes rgb-shift-r {
  0% {
    transform: translate(-1.4215193264%, -0.3636804046%);
  }
  0.2% {
    transform: translate(0.640258213%, 0.1078093465%);
  }
  0.4% {
    transform: translate(-0.4233668604%, 0.4757095607%);
  }
  0.6% {
    transform: translate(0.3107514657%, 0.2360397383%);
  }
  0.8% {
    transform: translate(1.7644838679%, 0.360194512%);
  }
  1% {
    transform: translate(1.2843761424%, 0.3171963539%);
  }
  1.2% {
    transform: translate(1.0630606544%, -0.2935716948%);
  }
  1.4% {
    transform: translate(0.9582706942%, 0.2286954164%);
  }
  1.6% {
    transform: translate(-1.4786128281%, -0.1365317372%);
  }
  1.8% {
    transform: translate(1.4729540983%, -0.4581879927%);
  }
  2% {
    transform: translate(-1.7735400897%, 0.1179372794%);
  }
  2.2% {
    transform: translate(1.1701709529%, -0.4955287772%);
  }
  2.4% {
    transform: translate(-1.1614918738%, -0.0985724543%);
  }
  2.6% {
    transform: translate(-1.5359428844%, -0.1405640657%);
  }
  2.8% {
    transform: translate(1.9565004046%, 0.2016035405%);
  }
  3% {
    transform: translate(-1.2168257298%, -0.0138363848%);
  }
  3.2% {
    transform: translate(0.5719852055%, 0.0652927497%);
  }
  3.4% {
    transform: translate(0.0059083482%, -0.397350664%);
  }
  3.6% {
    transform: translate(1.2045156196%, -0.1068303939%);
  }
  3.8% {
    transform: translate(-0.8419080308%, 0.03401466%);
  }
  4% {
    transform: translate(-0.4104849564%, 0.411954405%);
  }
  4.2% {
    transform: translate(1.8124001011%, -0.1266306317%);
  }
  4.4% {
    transform: translate(-1.5867659038%, -0.1180261205%);
  }
  4.6% {
    transform: translate(0.6480945698%, 0.3230013968%);
  }
  4.8% {
    transform: translate(0.7007292939%, -0.1991022586%);
  }
  5% {
    transform: translate(-0.578196177%, -0.255146365%);
  }
  5.2% {
    transform: translate(-0.612643129%, 0.2102603706%);
  }
  5.4% {
    transform: translate(0.9680620747%, 0.3103178476%);
  }
  5.6% {
    transform: translate(1.5409577193%, -0.4235124297%);
  }
  5.8% {
    transform: translate(-1.7326808571%, 0.0173705253%);
  }
  6% {
    transform: translate(-1.624594425%, 0.4227113054%);
  }
  6.2% {
    transform: translate(-1.5941033703%, -0.2319132455%);
  }
  6.4% {
    transform: translate(1.6894124472%, 0.1727318785%);
  }
  6.6% {
    transform: translate(-1.9198121561%, -0.4268029104%);
  }
  6.8% {
    transform: translate(-0.6286009544%, -0.429601867%);
  }
  7% {
    transform: translate(-0.8951401646%, 0.3611834686%);
  }
  7.2% {
    transform: translate(-0.1457052596%, -0.2454472874%);
  }
  7.4% {
    transform: translate(-0.1002210116%, 0.299113745%);
  }
  7.6% {
    transform: translate(-0.4605093757%, 0.3586434674%);
  }
  7.8% {
    transform: translate(-0.3233109375%, -0.1112179965%);
  }
  8% {
    transform: translate(1.7450651664%, 0.0736211682%);
  }
  8.2% {
    transform: translate(1.0326708544%, -0.4139425425%);
  }
  8.4% {
    transform: translate(1.799627854%, -0.3159101261%);
  }
  8.6% {
    transform: translate(1.0343204108%, 0.2341037202%);
  }
  8.8% {
    transform: translate(1.4222343617%, 0.2285895173%);
  }
  9% {
    transform: translate(-0.1086244126%, 0.284249311%);
  }
  9.2% {
    transform: translate(1.0919058102%, -0.3479600941%);
  }
  9.4% {
    transform: translate(-1.9664064028%, 0.4508030227%);
  }
  9.6% {
    transform: translate(1.055477237%, -0.1119607297%);
  }
  9.8% {
    transform: translate(-0.3247161881%, -0.2470831532%);
  }
  10% {
    transform: translate(1.3921646822%, 0.1866224065%);
  }
  10.2% {
    transform: translate(-1.8992464828%, -0.1955648789%);
  }
  10.4% {
    transform: translate(-1.1213152639%, 0.2152135087%);
  }
  10.6% {
    transform: translate(1.3567830807%, 0.1631362178%);
  }
  10.8% {
    transform: translate(1.3219812728%, -0.3069269302%);
  }
  11% {
    transform: translate(-1.0402360696%, -0.2629406225%);
  }
  11.2% {
    transform: translate(-0.4184062984%, -0.2596703302%);
  }
  11.4% {
    transform: translate(-1.9296868513%, -0.4543274405%);
  }
  11.6% {
    transform: translate(-0.6088813129%, -0.2634603464%);
  }
  11.8% {
    transform: translate(-1.6809318328%, -0.052844959%);
  }
  12% {
    transform: translate(1.5778100545%, 0.2505011962%);
  }
  12.2% {
    transform: translate(1.8594226015%, 0.3880412376%);
  }
  12.4% {
    transform: translate(0.4015505573%, -0.0748211042%);
  }
  12.6% {
    transform: translate(-1.7134099468%, -0.428797552%);
  }
  12.8% {
    transform: translate(-1.85032795%, -0.0787711812%);
  }
  13% {
    transform: translate(1.3563325145%, 0.413546278%);
  }
  13.2% {
    transform: translate(-0.1673573063%, 0.4348458591%);
  }
  13.4% {
    transform: translate(0.9487872843%, -0.4189139273%);
  }
  13.6% {
    transform: translate(-1.3469912974%, 0.0347747458%);
  }
  13.8% {
    transform: translate(-0.4109665069%, 0.4418875111%);
  }
  14% {
    transform: translate(-1.2665578232%, 0.0820253245%);
  }
  14.2% {
    transform: translate(-0.6828637453%, -0.292103057%);
  }
  14.4% {
    transform: translate(-1.8234880376%, -0.0645852904%);
  }
  14.6% {
    transform: translate(-1.2157195396%, -0.1029823754%);
  }
  14.8% {
    transform: translate(-0.729769694%, -0.4430340256%);
  }
  15% {
    transform: translate(0.9249886962%, -0.3202438822%);
  }
  15.2% {
    transform: translate(0.3177251842%, -0.1139050906%);
  }
  15.4% {
    transform: translate(1.6566110189%, -0.4337533004%);
  }
  15.6% {
    transform: translate(1.0215970195%, -0.1499851308%);
  }
  15.8% {
    transform: translate(1.5524127402%, -0.4086822655%);
  }
  16% {
    transform: translate(-1.3352528239%, 0.0902454457%);
  }
  16.2% {
    transform: translate(0.3108359249%, 0.1967703954%);
  }
  16.4% {
    transform: translate(-0.7190230186%, -0.1564926261%);
  }
  16.6% {
    transform: translate(1.4760278919%, 0.3079877232%);
  }
  16.8% {
    transform: translate(0.8988445572%, -0.4768692913%);
  }
  17% {
    transform: translate(-0.1967221219%, 0.0454506861%);
  }
  17.2% {
    transform: translate(-1.9971900119%, -0.2040145694%);
  }
  17.4% {
    transform: translate(0.9350514118%, -0.306646257%);
  }
  17.6% {
    transform: translate(0.1532921854%, -0.1855431906%);
  }
  17.8% {
    transform: translate(0.308136126%, 0.4783727197%);
  }
  18% {
    transform: translate(-1.2106226174%, -0.2994589826%);
  }
  18.2% {
    transform: translate(1.283234991%, 0.09241813%);
  }
  18.4% {
    transform: translate(0.2719430121%, 0.3277617493%);
  }
  18.6% {
    transform: translate(-1.4386070345%, 0.3353690085%);
  }
  18.8% {
    transform: translate(-0.0481254852%, 0.0317057526%);
  }
  19% {
    transform: translate(1.4653592878%, 0.2774024693%);
  }
  19.2% {
    transform: translate(0.9271772534%, 0.1506441658%);
  }
  19.4% {
    transform: translate(-1.0676320106%, -0.1137159142%);
  }
  19.6% {
    transform: translate(0.1503686027%, 0.0977551278%);
  }
  19.8% {
    transform: translate(-0.7241448141%, -0.3354895251%);
  }
  20%, 100% {
    transform: none;
  }
}
.glitch .r {
  animation: rgb-shift-r 1s steps(1, jump-end) infinite alternate both;
}
.glitch .r::before {
  background: #f00;
}
@keyframes rgb-shift-g {
  0% {
    transform: translate(1.5051813615%, -0.4165972346%);
  }
  0.2% {
    transform: translate(0.420842856%, -0.2683251253%);
  }
  0.4% {
    transform: translate(0.6670007912%, 0.3599448567%);
  }
  0.6% {
    transform: translate(-1.3869460492%, 0.3046337622%);
  }
  0.8% {
    transform: translate(-0.0762650634%, 0.1903451711%);
  }
  1% {
    transform: translate(0.6360203681%, -0.1158013966%);
  }
  1.2% {
    transform: translate(0.644223876%, 0.1053481482%);
  }
  1.4% {
    transform: translate(-0.8167545936%, -0.3558323431%);
  }
  1.6% {
    transform: translate(1.3569987892%, 0.4567657741%);
  }
  1.8% {
    transform: translate(0.4541782125%, 0.0506543988%);
  }
  2% {
    transform: translate(1.9776806523%, -0.2758905537%);
  }
  2.2% {
    transform: translate(-0.7878234194%, 0.2613873138%);
  }
  2.4% {
    transform: translate(-0.0967273886%, 0.2285307653%);
  }
  2.6% {
    transform: translate(-0.2305737986%, -0.030837929%);
  }
  2.8% {
    transform: translate(1.3918580118%, -0.4468142183%);
  }
  3% {
    transform: translate(-1.891321267%, 0.3264071759%);
  }
  3.2% {
    transform: translate(-0.714864002%, 0.297584093%);
  }
  3.4% {
    transform: translate(-1.1951758013%, 0.4589101127%);
  }
  3.6% {
    transform: translate(1.7529226371%, 0.1847574311%);
  }
  3.8% {
    transform: translate(0.6038479689%, -0.4397625893%);
  }
  4% {
    transform: translate(-0.183128898%, -0.0467771221%);
  }
  4.2% {
    transform: translate(-1.0739177558%, -0.1602685332%);
  }
  4.4% {
    transform: translate(0.9248098555%, 0.4323881881%);
  }
  4.6% {
    transform: translate(-1.4754727109%, -0.0731959779%);
  }
  4.8% {
    transform: translate(1.1857879296%, -0.0517101491%);
  }
  5% {
    transform: translate(-1.139775965%, 0.4020556971%);
  }
  5.2% {
    transform: translate(-1.8999605933%, 0.1353254626%);
  }
  5.4% {
    transform: translate(0.3423131583%, 0.4994844442%);
  }
  5.6% {
    transform: translate(0.4048022998%, -0.3644501844%);
  }
  5.8% {
    transform: translate(-1.6969777788%, 0.2755203207%);
  }
  6% {
    transform: translate(0.2570530281%, -0.2692224467%);
  }
  6.2% {
    transform: translate(-1.4991872098%, -0.4071612298%);
  }
  6.4% {
    transform: translate(-0.6372721773%, -0.1871880214%);
  }
  6.6% {
    transform: translate(-0.4080312797%, -0.0727982108%);
  }
  6.8% {
    transform: translate(-1.5520906074%, -0.1009709724%);
  }
  7% {
    transform: translate(0.9095200314%, -0.1825194893%);
  }
  7.2% {
    transform: translate(1.716932309%, 0.0359152805%);
  }
  7.4% {
    transform: translate(-1.2465632764%, 0.4798690396%);
  }
  7.6% {
    transform: translate(-0.377917444%, -0.0266963373%);
  }
  7.8% {
    transform: translate(-0.8213709191%, -0.4882617959%);
  }
  8% {
    transform: translate(-1.1811831071%, 0.261938805%);
  }
  8.2% {
    transform: translate(1.7569565905%, -0.322789059%);
  }
  8.4% {
    transform: translate(-1.2714333766%, -0.4577141957%);
  }
  8.6% {
    transform: translate(-0.5953352496%, 0.2268895996%);
  }
  8.8% {
    transform: translate(-0.29963419%, 0.0497755234%);
  }
  9% {
    transform: translate(1.4677606775%, 0.1961846218%);
  }
  9.2% {
    transform: translate(-0.9829663359%, 0.3992987969%);
  }
  9.4% {
    transform: translate(-0.6421213415%, 0.1429350471%);
  }
  9.6% {
    transform: translate(-0.7548199934%, 0.0878958095%);
  }
  9.8% {
    transform: translate(-0.703958251%, 0.1124641116%);
  }
  10% {
    transform: translate(0.9175946498%, -0.4479507007%);
  }
  10.2% {
    transform: translate(-1.3152558278%, 0.0880299434%);
  }
  10.4% {
    transform: translate(-0.5653224466%, -0.4979526038%);
  }
  10.6% {
    transform: translate(0.4023569871%, -0.3128178461%);
  }
  10.8% {
    transform: translate(1.8909961268%, 0.4413961349%);
  }
  11% {
    transform: translate(1.8726487125%, 0.2952228546%);
  }
  11.2% {
    transform: translate(1.9410933264%, -0.2070036546%);
  }
  11.4% {
    transform: translate(0.0915976519%, -0.2446106003%);
  }
  11.6% {
    transform: translate(1.0610556739%, 0.1114679715%);
  }
  11.8% {
    transform: translate(0.5930659436%, 0.1597835996%);
  }
  12% {
    transform: translate(-0.1651365897%, 0.0749845871%);
  }
  12.2% {
    transform: translate(0.6253148585%, -0.2552579615%);
  }
  12.4% {
    transform: translate(1.3312503166%, -0.454894796%);
  }
  12.6% {
    transform: translate(-0.5851414125%, 0.3239582199%);
  }
  12.8% {
    transform: translate(-1.4605628645%, -0.3248497412%);
  }
  13% {
    transform: translate(-1.7783536902%, 0.3158527548%);
  }
  13.2% {
    transform: translate(-1.1170378207%, 0.2233254097%);
  }
  13.4% {
    transform: translate(0.2572789525%, 0.3806634881%);
  }
  13.6% {
    transform: translate(-0.8742689024%, -0.1558318206%);
  }
  13.8% {
    transform: translate(0.2695510412%, 0.4337486207%);
  }
  14% {
    transform: translate(-0.0791678342%, -0.008401405%);
  }
  14.2% {
    transform: translate(-0.172976278%, -0.0886593608%);
  }
  14.4% {
    transform: translate(1.109321526%, 0.3650341568%);
  }
  14.6% {
    transform: translate(0.1205165912%, 0.0690269225%);
  }
  14.8% {
    transform: translate(1.7479500654%, -0.0949581741%);
  }
  15% {
    transform: translate(-1.5000183143%, 0.0030033554%);
  }
  15.2% {
    transform: translate(-0.4114723307%, -0.3534369762%);
  }
  15.4% {
    transform: translate(0.3677367413%, -0.4446313697%);
  }
  15.6% {
    transform: translate(0.5764580914%, -0.0416487606%);
  }
  15.8% {
    transform: translate(0.8190571775%, -0.2764070071%);
  }
  16% {
    transform: translate(-0.6164179633%, -0.2546652111%);
  }
  16.2% {
    transform: translate(-1.2717002465%, 0.0001854377%);
  }
  16.4% {
    transform: translate(-0.6945066506%, 0.2149042359%);
  }
  16.6% {
    transform: translate(-0.4651105279%, 0.2029879572%);
  }
  16.8% {
    transform: translate(0.8919832275%, 0.3283032025%);
  }
  17% {
    transform: translate(-1.02148565%, -0.2325663944%);
  }
  17.2% {
    transform: translate(0.3439607265%, -0.0795057147%);
  }
  17.4% {
    transform: translate(-0.6389743486%, 0.3523745418%);
  }
  17.6% {
    transform: translate(0.4591346091%, 0.3952880662%);
  }
  17.8% {
    transform: translate(-0.6548589798%, 0.0928281717%);
  }
  18% {
    transform: translate(-0.2174536218%, -0.130915316%);
  }
  18.2% {
    transform: translate(-0.15651693%, -0.4966176089%);
  }
  18.4% {
    transform: translate(-0.7303833283%, -0.1828490493%);
  }
  18.6% {
    transform: translate(-0.4671276167%, -0.2105280789%);
  }
  18.8% {
    transform: translate(-0.0684860579%, -0.3477430234%);
  }
  19% {
    transform: translate(-1.4622123259%, 0.1774591999%);
  }
  19.2% {
    transform: translate(1.0337916858%, 0.2763819292%);
  }
  19.4% {
    transform: translate(1.8411388122%, 0.1262557%);
  }
  19.6% {
    transform: translate(-1.0245283024%, 0.0852658804%);
  }
  19.8% {
    transform: translate(0.1163078189%, 0.4676376456%);
  }
  20%, 100% {
    transform: none;
  }
}
.glitch .g {
  animation: rgb-shift-g 1s steps(1, jump-end) infinite alternate both;
}
.glitch .g::before {
  background: #0f0;
}
@keyframes rgb-shift-b {
  0% {
    transform: translate(-0.8806935355%, 0.1360651736%);
  }
  0.2% {
    transform: translate(-1.2252093165%, 0.3515473952%);
  }
  0.4% {
    transform: translate(0.2008811919%, 0.1226026762%);
  }
  0.6% {
    transform: translate(1.5872473534%, 0.4222774016%);
  }
  0.8% {
    transform: translate(1.6426996601%, -0.0835660176%);
  }
  1% {
    transform: translate(1.1971484705%, -0.3379595804%);
  }
  1.2% {
    transform: translate(1.7578106329%, -0.0438536789%);
  }
  1.4% {
    transform: translate(1.5559227004%, -0.1943725527%);
  }
  1.6% {
    transform: translate(0.7790694767%, -0.0011573432%);
  }
  1.8% {
    transform: translate(0.6392795565%, -0.1769084307%);
  }
  2% {
    transform: translate(1.7428265025%, 0.018526104%);
  }
  2.2% {
    transform: translate(-0.0740875891%, -0.2578088334%);
  }
  2.4% {
    transform: translate(-0.6957888189%, 0.1771574915%);
  }
  2.6% {
    transform: translate(0.8345405074%, -0.2472437208%);
  }
  2.8% {
    transform: translate(-0.7288500582%, 0.1305577385%);
  }
  3% {
    transform: translate(1.3889509008%, 0.4999193579%);
  }
  3.2% {
    transform: translate(1.3743090349%, 0.0066464738%);
  }
  3.4% {
    transform: translate(0.7941011872%, -0.1477534281%);
  }
  3.6% {
    transform: translate(0.2371599224%, -0.0100537946%);
  }
  3.8% {
    transform: translate(-0.6526943958%, -0.3154956082%);
  }
  4% {
    transform: translate(-1.0269645317%, 0.4621215943%);
  }
  4.2% {
    transform: translate(-1.242460982%, -0.2515301204%);
  }
  4.4% {
    transform: translate(1.3689350346%, 0.1906060394%);
  }
  4.6% {
    transform: translate(1.4965032201%, -0.3032486004%);
  }
  4.8% {
    transform: translate(-0.6340986584%, -0.1766817309%);
  }
  5% {
    transform: translate(0.7631357712%, -0.1651707032%);
  }
  5.2% {
    transform: translate(0.6078549689%, 0.2803440339%);
  }
  5.4% {
    transform: translate(0.2724809355%, -0.2987721687%);
  }
  5.6% {
    transform: translate(-1.6301490267%, -0.0882342694%);
  }
  5.8% {
    transform: translate(1.9827578071%, 0.0146845674%);
  }
  6% {
    transform: translate(1.1306317849%, 0.451432433%);
  }
  6.2% {
    transform: translate(-0.3963430572%, -0.2621093198%);
  }
  6.4% {
    transform: translate(-0.1755022136%, 0.4483207142%);
  }
  6.6% {
    transform: translate(-1.0532890659%, 0.01363889%);
  }
  6.8% {
    transform: translate(1.5941287762%, -0.1268679821%);
  }
  7% {
    transform: translate(1.3908144841%, 0.4590299665%);
  }
  7.2% {
    transform: translate(-0.3908885522%, 0.1130554748%);
  }
  7.4% {
    transform: translate(1.3923402486%, 0.0048978052%);
  }
  7.6% {
    transform: translate(-0.6269130414%, -0.3707382718%);
  }
  7.8% {
    transform: translate(0.2403430819%, 0.42101756%);
  }
  8% {
    transform: translate(-0.7646760127%, -0.3137792892%);
  }
  8.2% {
    transform: translate(-0.1464328356%, -0.0661910521%);
  }
  8.4% {
    transform: translate(-1.74028681%, -0.4136635766%);
  }
  8.6% {
    transform: translate(0.8963721988%, 0.4982161898%);
  }
  8.8% {
    transform: translate(1.4574878729%, 0.088314498%);
  }
  9% {
    transform: translate(-0.2053316961%, -0.4344379955%);
  }
  9.2% {
    transform: translate(1.2953008133%, 0.2270948254%);
  }
  9.4% {
    transform: translate(-0.530204194%, 0.0119008307%);
  }
  9.6% {
    transform: translate(-1.8536372999%, 0.0200847459%);
  }
  9.8% {
    transform: translate(0.1212415914%, 0.4610778042%);
  }
  10% {
    transform: translate(0.6271051651%, 0.0726923704%);
  }
  10.2% {
    transform: translate(0.0823482275%, 0.4119961255%);
  }
  10.4% {
    transform: translate(0.8854579117%, 0.4701652124%);
  }
  10.6% {
    transform: translate(-1.9278895728%, 0.0223232934%);
  }
  10.8% {
    transform: translate(-0.0490603485%, 0.1252228438%);
  }
  11% {
    transform: translate(-1.3151531387%, -0.425967622%);
  }
  11.2% {
    transform: translate(-0.7278340304%, -0.3568152901%);
  }
  11.4% {
    transform: translate(-1.9574320475%, 0.2737641186%);
  }
  11.6% {
    transform: translate(-0.7879216499%, -0.4022290024%);
  }
  11.8% {
    transform: translate(-0.202179835%, 0.2976462423%);
  }
  12% {
    transform: translate(-1.8349324657%, 0.4353764252%);
  }
  12.2% {
    transform: translate(-1.9771490608%, -0.1004398427%);
  }
  12.4% {
    transform: translate(1.3821429001%, -0.0598994724%);
  }
  12.6% {
    transform: translate(-0.9116082537%, -0.2706625388%);
  }
  12.8% {
    transform: translate(1.592127135%, 0.237960385%);
  }
  13% {
    transform: translate(0.7818245497%, -0.2040959275%);
  }
  13.2% {
    transform: translate(0.540067366%, 0.2445798329%);
  }
  13.4% {
    transform: translate(-1.6920442288%, -0.0493543304%);
  }
  13.6% {
    transform: translate(-1.7956197597%, -0.446803039%);
  }
  13.8% {
    transform: translate(0.5348070314%, -0.2821366077%);
  }
  14% {
    transform: translate(-0.5933781565%, -0.460730862%);
  }
  14.2% {
    transform: translate(-0.1492995499%, 0.4574143334%);
  }
  14.4% {
    transform: translate(1.6503274049%, 0.1284647865%);
  }
  14.6% {
    transform: translate(1.4816782916%, 0.1966511963%);
  }
  14.8% {
    transform: translate(1.603625078%, 0.3295556906%);
  }
  15% {
    transform: translate(-0.3040655284%, 0.41652123%);
  }
  15.2% {
    transform: translate(0.2882280729%, -0.1982426392%);
  }
  15.4% {
    transform: translate(0.5113351344%, 0.0480322101%);
  }
  15.6% {
    transform: translate(-0.4627498117%, 0.3435385497%);
  }
  15.8% {
    transform: translate(-0.1179953555%, -0.3785688055%);
  }
  16% {
    transform: translate(0.2889947688%, -0.2646063933%);
  }
  16.2% {
    transform: translate(0.8065786914%, -0.4172485345%);
  }
  16.4% {
    transform: translate(1.4786031098%, -0.4110353155%);
  }
  16.6% {
    transform: translate(-0.790477028%, 0.2443730706%);
  }
  16.8% {
    transform: translate(-1.4444166116%, -0.1074075729%);
  }
  17% {
    transform: translate(-0.9306621302%, -0.1552256387%);
  }
  17.2% {
    transform: translate(-1.6188020625%, -0.2998674572%);
  }
  17.4% {
    transform: translate(-0.0623129171%, 0.1502762927%);
  }
  17.6% {
    transform: translate(-1.9154182094%, 0.0138011131%);
  }
  17.8% {
    transform: translate(0.2162633151%, -0.019892519%);
  }
  18% {
    transform: translate(-1.4540782761%, 0.1026978206%);
  }
  18.2% {
    transform: translate(-0.2244449684%, -0.1475433475%);
  }
  18.4% {
    transform: translate(1.5828222313%, 0.2722435569%);
  }
  18.6% {
    transform: translate(1.3892478795%, -0.0190990687%);
  }
  18.8% {
    transform: translate(-1.0772301685%, -0.3385768639%);
  }
  19% {
    transform: translate(0.0354116263%, -0.367615039%);
  }
  19.2% {
    transform: translate(-0.0614891654%, 0.04463325%);
  }
  19.4% {
    transform: translate(-0.0352847376%, -0.4376325639%);
  }
  19.6% {
    transform: translate(-1.7232945487%, -0.3087481043%);
  }
  19.8% {
    transform: translate(-0.3696764538%, -0.1136383739%);
  }
  20%, 100% {
    transform: none;
  }
}
.glitch .b {
  animation: rgb-shift-b 1s steps(1, jump-end) infinite alternate both;
}
.glitch .b::before {
  background: #00f;
}

div.glitch {
  position: relative;
}

@keyframes noise-anim {
  0% {
    clip: rect(116px, 9999px, 143px, 0);
  }
  1.6666666667% {
    clip: rect(91px, 9999px, 4px, 0);
  }
  3.3333333333% {
    clip: rect(31px, 9999px, 34px, 0);
  }
  5% {
    clip: rect(113px, 9999px, 4px, 0);
  }
  6.6666666667% {
    clip: rect(34px, 9999px, 76px, 0);
  }
  8.3333333333% {
    clip: rect(203px, 9999px, 126px, 0);
  }
  10% {
    clip: rect(156px, 9999px, 144px, 0);
  }
  11.6666666667% {
    clip: rect(111px, 9999px, 134px, 0);
  }
  13.3333333333% {
    clip: rect(109px, 9999px, 58px, 0);
  }
  15% {
    clip: rect(155px, 9999px, 53px, 0);
  }
  16.6666666667% {
    clip: rect(75px, 9999px, 113px, 0);
  }
  18.3333333333% {
    clip: rect(120px, 9999px, 4px, 0);
  }
  20% {
    clip: rect(8px, 9999px, 34px, 0);
  }
  21.6666666667% {
    clip: rect(183px, 9999px, 117px, 0);
  }
  23.3333333333% {
    clip: rect(72px, 9999px, 124px, 0);
  }
  25% {
    clip: rect(69px, 9999px, 114px, 0);
  }
  26.6666666667% {
    clip: rect(161px, 9999px, 132px, 0);
  }
  28.3333333333% {
    clip: rect(209px, 9999px, 134px, 0);
  }
  30% {
    clip: rect(11px, 9999px, 106px, 0);
  }
  31.6666666667% {
    clip: rect(168px, 9999px, 92px, 0);
  }
  33.3333333333% {
    clip: rect(100px, 9999px, 58px, 0);
  }
  35% {
    clip: rect(163px, 9999px, 61px, 0);
  }
  36.6666666667% {
    clip: rect(33px, 9999px, 92px, 0);
  }
  38.3333333333% {
    clip: rect(18px, 9999px, 60px, 0);
  }
  40% {
    clip: rect(188px, 9999px, 40px, 0);
  }
  41.6666666667% {
    clip: rect(66px, 9999px, 29px, 0);
  }
  43.3333333333% {
    clip: rect(63px, 9999px, 115px, 0);
  }
  45% {
    clip: rect(111px, 9999px, 89px, 0);
  }
  46.6666666667% {
    clip: rect(187px, 9999px, 118px, 0);
  }
  48.3333333333% {
    clip: rect(202px, 9999px, 95px, 0);
  }
  50% {
    clip: rect(105px, 9999px, 110px, 0);
  }
  51.6666666667% {
    clip: rect(69px, 9999px, 43px, 0);
  }
  53.3333333333% {
    clip: rect(84px, 9999px, 138px, 0);
  }
  55% {
    clip: rect(205px, 9999px, 16px, 0);
  }
  56.6666666667% {
    clip: rect(133px, 9999px, 6px, 0);
  }
  58.3333333333% {
    clip: rect(130px, 9999px, 123px, 0);
  }
  60% {
    clip: rect(13px, 9999px, 23px, 0);
  }
  61.6666666667% {
    clip: rect(172px, 9999px, 15px, 0);
  }
  63.3333333333% {
    clip: rect(192px, 9999px, 95px, 0);
  }
  65% {
    clip: rect(41px, 9999px, 47px, 0);
  }
  66.6666666667% {
    clip: rect(21px, 9999px, 145px, 0);
  }
  68.3333333333% {
    clip: rect(37px, 9999px, 16px, 0);
  }
  70% {
    clip: rect(53px, 9999px, 68px, 0);
  }
  71.6666666667% {
    clip: rect(6px, 9999px, 60px, 0);
  }
  73.3333333333% {
    clip: rect(152px, 9999px, 127px, 0);
  }
  75% {
    clip: rect(207px, 9999px, 95px, 0);
  }
  76.6666666667% {
    clip: rect(133px, 9999px, 134px, 0);
  }
  78.3333333333% {
    clip: rect(173px, 9999px, 145px, 0);
  }
  80% {
    clip: rect(14px, 9999px, 114px, 0);
  }
  81.6666666667% {
    clip: rect(193px, 9999px, 133px, 0);
  }
  83.3333333333% {
    clip: rect(19px, 9999px, 108px, 0);
  }
  85% {
    clip: rect(187px, 9999px, 131px, 0);
  }
  86.6666666667% {
    clip: rect(94px, 9999px, 125px, 0);
  }
  88.3333333333% {
    clip: rect(58px, 9999px, 30px, 0);
  }
  90% {
    clip: rect(73px, 9999px, 31px, 0);
  }
  91.6666666667% {
    clip: rect(150px, 9999px, 18px, 0);
  }
  93.3333333333% {
    clip: rect(89px, 9999px, 21px, 0);
  }
  95% {
    clip: rect(58px, 9999px, 121px, 0);
  }
  96.6666666667% {
    clip: rect(28px, 9999px, 7px, 0);
  }
  98.3333333333% {
    clip: rect(51px, 9999px, 107px, 0);
  }
  100% {
    clip: rect(75px, 9999px, 1px, 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(49px, 9999px, 42px, 0);
    transform: skew(0.57deg);
  }
  5% {
    clip: rect(44px, 9999px, 54px, 0);
    transform: skew(0.93deg);
  }
  10% {
    clip: rect(91px, 9999px, 40px, 0);
    transform: skew(0.06deg);
  }
  15% {
    clip: rect(38px, 9999px, 20px, 0);
    transform: skew(0.37deg);
  }
  20% {
    clip: rect(73px, 9999px, 84px, 0);
    transform: skew(0.58deg);
  }
  25% {
    clip: rect(19px, 9999px, 84px, 0);
    transform: skew(0.01deg);
  }
  30% {
    clip: rect(73px, 9999px, 92px, 0);
    transform: skew(0.53deg);
  }
  35% {
    clip: rect(53px, 9999px, 14px, 0);
    transform: skew(0.56deg);
  }
  40% {
    clip: rect(64px, 9999px, 79px, 0);
    transform: skew(0.98deg);
  }
  45% {
    clip: rect(61px, 9999px, 43px, 0);
    transform: skew(0.77deg);
  }
  50% {
    clip: rect(36px, 9999px, 84px, 0);
    transform: skew(0.88deg);
  }
  55% {
    clip: rect(44px, 9999px, 88px, 0);
    transform: skew(0.56deg);
  }
  60% {
    clip: rect(51px, 9999px, 8px, 0);
    transform: skew(0.06deg);
  }
  65% {
    clip: rect(39px, 9999px, 82px, 0);
    transform: skew(0.41deg);
  }
  70% {
    clip: rect(78px, 9999px, 57px, 0);
    transform: skew(0.95deg);
  }
  75% {
    clip: rect(72px, 9999px, 78px, 0);
    transform: skew(0.81deg);
  }
  80% {
    clip: rect(28px, 9999px, 6px, 0);
    transform: skew(0.5deg);
  }
  85% {
    clip: rect(20px, 9999px, 54px, 0);
    transform: skew(0.75deg);
  }
  90% {
    clip: rect(42px, 9999px, 33px, 0);
    transform: skew(0.23deg);
  }
  95% {
    clip: rect(55px, 9999px, 43px, 0);
    transform: skew(0.98deg);
  }
  100% {
    clip: rect(64px, 9999px, 78px, 0);
    transform: skew(0.31deg);
  }
}
@keyframes glitch-anim2 {
  0% {
    clip: rect(83px, 9999px, 42px, 0);
    transform: skew(0.82deg);
  }
  5% {
    clip: rect(39px, 9999px, 9px, 0);
    transform: skew(0.53deg);
  }
  10% {
    clip: rect(30px, 9999px, 3px, 0);
    transform: skew(0.41deg);
  }
  15% {
    clip: rect(48px, 9999px, 53px, 0);
    transform: skew(0.5deg);
  }
  20% {
    clip: rect(21px, 9999px, 53px, 0);
    transform: skew(0.69deg);
  }
  25% {
    clip: rect(48px, 9999px, 31px, 0);
    transform: skew(0.1deg);
  }
  30% {
    clip: rect(39px, 9999px, 7px, 0);
    transform: skew(0.7deg);
  }
  35% {
    clip: rect(27px, 9999px, 30px, 0);
    transform: skew(0.09deg);
  }
  40% {
    clip: rect(99px, 9999px, 14px, 0);
    transform: skew(0.24deg);
  }
  45% {
    clip: rect(100px, 9999px, 54px, 0);
    transform: skew(0.04deg);
  }
  50% {
    clip: rect(17px, 9999px, 30px, 0);
    transform: skew(0.12deg);
  }
  55% {
    clip: rect(2px, 9999px, 85px, 0);
    transform: skew(0.41deg);
  }
  60% {
    clip: rect(52px, 9999px, 77px, 0);
    transform: skew(0.97deg);
  }
  65% {
    clip: rect(39px, 9999px, 26px, 0);
    transform: skew(0.9deg);
  }
  70% {
    clip: rect(72px, 9999px, 40px, 0);
    transform: skew(0.75deg);
  }
  75% {
    clip: rect(98px, 9999px, 99px, 0);
    transform: skew(0.5deg);
  }
  80% {
    clip: rect(48px, 9999px, 81px, 0);
    transform: skew(0.39deg);
  }
  85% {
    clip: rect(48px, 9999px, 31px, 0);
    transform: skew(0.89deg);
  }
  90% {
    clip: rect(73px, 9999px, 84px, 0);
    transform: skew(0.71deg);
  }
  95% {
    clip: rect(62px, 9999px, 64px, 0);
    transform: skew(0.05deg);
  }
  100% {
    clip: rect(73px, 9999px, 32px, 0);
    transform: skew(0.61deg);
  }
}
@keyframes glitch-skew {
  0% {
    transform: skew(0deg);
  }
  10% {
    transform: skew(0deg);
  }
  20% {
    transform: skew(-4deg);
  }
  30% {
    transform: skew(2deg);
  }
  40% {
    transform: skew(0deg);
  }
  50% {
    transform: skew(-4deg);
  }
  60% {
    transform: skew(2deg);
  }
  70% {
    transform: skew(1deg);
  }
  80% {
    transform: skew(-4deg);
  }
  90% {
    transform: skew(-4deg);
  }
  100% {
    transform: skew(-4deg);
  }
}
.errorPage .errorMessage {
  padding: 96px;
  text-align: center;
  margin-top: 57px;
  height: auto;
  min-height: calc(100vh - 355px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.errorPage .errorMessage .tit {
  font-size: 16px;
}
.errorPage .errorMessage .err {
  font-size: 24px;
  font-weight: 800;
  font-style: italic;
}
.errorPage .errorMessage .txt {
  font-size: 16px;
}
.errorPage .btn a {
  display: inline-block;
  background: #270F87;
  padding: 14px 24px;
  border-radius: 100px;
}

@media screen and (min-width: 1px) and (max-width: 960px) {
  .errorPage .errorMessage {
    padding: 56px 24px 40px;
    min-height: 0;
    text-align: left;
  }
  .errorPage .errorMessage .txt {
    font-size: 15px;
  }
}
/*title*/
.page--home section {
  border-bottom: 1px solid #444444;
}
.page--home section:last-child {
  border-bottom: none;
}
.page--home .block--title {
  display: inline-block;
  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 */
}
.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: fit-content;
}
.page--home .birthday-message i {
  margin-right: 0.5em;
}

body:not(.page--home) section .block--title {
  display: block;
  width: fit-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: 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: 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 */
}
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 */
@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],
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;
}
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[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=number],
button {
  color: #000;
}

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 */
@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 {
  -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;
}
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;
}
textarea {
  height: 10em;
  color: #000;
}

/* 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 */
@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 label p {
  display: block;
  padding: 0.5em;
  position: relative;
  cursor: pointer;
}
.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 */
@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 label p {
  display: block;
  padding: 0.5em;
  position: relative;
  cursor: pointer;
}
.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: 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: 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;
  object-fit: contain;
  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: fit-content;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.footer .inner .block-nav ul {
  display: flex;
  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%;
  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);
}
@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;
  }
}
.page--profile .block--list .list--member li {
  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: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;
}
@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 .date {
  font-size: 15px;
}
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;
}
@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 .date,
body.page--favorite .section--list .content--main .block--category-list .list--large li .block--data .date {
  font-size: 15px;
}
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%;
}
@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,
body.page--favorite .section--list .content--main .searchBox {
  position: relative;
  border: #ffffff solid 1px;
  border-radius: 30px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
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;
  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;
  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;
}
@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 .date {
  font-size: 15px;
}
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;
}
@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 .date {
  font-size: 15px;
}
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: 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: 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%;
}
@media screen and (min-width: 1px) and (max-width: 960px) {
  body.page--faq .searchBox {
    width: 100%;
  }
}
body.page--faq .searchBox {
  position: relative;
  border: #ffffff solid 1px;
  border-radius: 30px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}
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%;
}
@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,
body:not(.page--home) .section--list.page--entry .inner .block--contents-notice .list--contents--list li {
  background: #242424;
  padding: 40px 30px;
}
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);
}
@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,
body:not(.page--home) .section--list.page--entry .inner .block--contents .list--contents--list li {
  background: #242424;
  padding: 40px 30px;
}
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;
}
@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 th,
body:not(.page--home) .section--list.page--entry .inner .block--spec .list--payment th {
  padding: 10px 3%;
  text-align: center;
  border: 2px solid #fff;
  font-weight: 400;
  font-size: 16px;
}
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: 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: 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);
    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;
}/*# sourceMappingURL=service.css.map */