@font-face {
  font-family: "Yanolja Yache B";
  src: url("https://db.onlinewebfonts.com/t/3c8137ccb0f21adab7b2d770ddf4dd8e.eot");
  src: url("https://db.onlinewebfonts.com/t/3c8137ccb0f21adab7b2d770ddf4dd8e.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/3c8137ccb0f21adab7b2d770ddf4dd8e.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/3c8137ccb0f21adab7b2d770ddf4dd8e.woff") format("woff"), url("https://db.onlinewebfonts.com/t/3c8137ccb0f21adab7b2d770ddf4dd8e.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/3c8137ccb0f21adab7b2d770ddf4dd8e.svg#Yanolja Yache B") format("svg"); }

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

html {
  font-size: 62.5%; }
  @media screen and (max-width: 768px) {
    html {
      font-size: 50%; } }
html.kr {
  font-size: 80%; }
  @media screen and (max-width: 768px) {
    html.kr {
      font-size: 62.5%; } }
body.jp,
body.en,
body.es {
  font-family: fot-seurat-pron, sans-serif, "Yanolja Yache B"; }

body.kr {
  font-family: "Yanolja Yache B"; }

body.cn,
body.tw {
  font-family: sans-serif;
  font-weight: bold; }

.content {
  width: 1000px;
  padding: 0 32px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .content {
      width: auto;
      padding: 0 24px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow-x: hidden; } }
.official {
  background-color: #35d2ff; }
  @media screen and (min-width: 768px) {
    .official {
      overflow: hidden;
      margin-top: 88px; } }
  .official .cover {
    position: relative;
    height: 670px; }
    @media screen and (max-width: 768px) {
      .official .cover {
        height: 690px;
        margin: 0 -24px; } }
    .official .cover__gradient {
      position: absolute;
      right: -100%;
      left: -100%;
      top: 0;
      margin: auto;
      width: 100vw;
      height: 670px;
      background-image: url("../images/official/top/cover-gradient.png");
      background-repeat: repeat-x; }
      @media screen and (min-width: 768px) {
        .official .cover__gradient {
          min-width: 1064px; } }
    .official .cover__building {
      position: absolute;
      right: -100%;
      left: -100%;
      bottom: 100px;
      margin: auto;
      width: 100vw;
      height: 120px;
      background-image: url("../images/official/top/cover-building.png"); }
      @media screen and (min-width: 768px) {
        .official .cover__building {
          min-width: 1064px; } }
    .official .cover__dot {
      position: absolute;
      right: -100%;
      left: -100%;
      bottom: 120px;
      margin: auto;
      width: 100vw;
      height: 350px;
      background-image: url("../images/official/top/cover-dot.png");
      background-position: center; }
      @media screen and (min-width: 768px) {
        .official .cover__dot {
          min-width: 1064px; } }
    .official .cover__background {
      width: 930px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: auto; }
      @media screen and (max-width: 768px) {
        .official .cover__background {
          top: -30px;
          left: -50px;
          width: auto;
          overflow: hidden; }
          .official .cover__background img {
            width: 560px; } }
    .official .cover__foreground {
      width: 930px;
      position: absolute;
      top: 168px;
      left: 0;
      right: 0;
      margin: auto; }
      .official .cover__foreground img {
        display: none; }
      @media screen and (min-width: 768px) {
        .official .cover__foreground img[src*="-pc"] {
          display: block; } }
      @media screen and (max-width: 768px) {
        .official .cover__foreground {
          width: auto;
          text-align: center;
          top: 200px; }
          .official .cover__foreground img[src*="-sp"] {
            display: block;
            width: 320px;
            margin: 0 auto; } }
    .official .cover__title {
      width: 366px;
      position: absolute;
      bottom: 108px;
      left: 40px;
      right: 0;
      margin: auto; }
      @media screen and (max-width: 768px) {
        .official .cover__title {
          left: 0;
          bottom: 186px;
          width: auto;
          text-align: center; }
          .official .cover__title img {
            width: 242px; } }
    .official .cover__headline {
      position: absolute;
      top: 54px;
      right: 0;
      font-size: 2.2rem;
      color: #fff;
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left;
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      text-align: center;
      color: #fff57f;
      text-shadow: #e95098 4px 0px 0px, #e95098 3.87565px 0.989616px 0px, #e95098 3.51033px 1.9177px 0px, #e95098 2.92676px 2.72656px 0px, #e95098 2.16121px 3.36588px 0px, #e95098 1.26129px 3.79594px 0px, #e95098 0.282949px 3.98998px 0px, #e95098 -0.712984px 3.93594px 0px, #e95098 -1.66459px 3.63719px 0px, #e95098 -2.51269px 3.11229px 0px, #e95098 -3.20457px 2.39389px 0px, #e95098 -3.69721px 1.52664px 0px, #e95098 -3.95997px 0.56448px 0px, #e95098 -3.97652px -0.432781px 0px, #e95098 -3.74583px -1.40313px 0px, #e95098 -3.28224px -2.28625px 0px, #e95098 -2.61457px -3.02721px 0px, #e95098 -1.78435px -3.57996px 0px, #e95098 -0.843183px -3.91012px 0px, #e95098 0.150409px -3.99717px 0px, #e95098 1.13465px -3.8357px 0px, #e95098 2.04834px -3.43574px 0px, #e95098 2.83468px -2.82216px 0px, #e95098 3.44477px -2.03312px 0px, #e95098 3.84068px -1.11766px 0px, #e95098 3.9978px -0.132717px 0px, white 6px 0px 0px, white 5.91686px 0.995377px 0px, white 5.66974px 1.96317px 0px, white 5.2655px 2.87655px 0px, white 4.71532px 3.71022px 0px, white 4.03447px 4.44106px 0px, white 3.24181px 5.04883px 0px, white 2.35931px 5.51667px 0px, white 1.41143px 5.83163px 0px, white 0.424423px 5.98497px 0px, white -0.574341px 5.97245px 0px, white -1.55719px 5.79441px 0px, white -2.49688px 5.45578px 0px, white -3.36738px 4.96596px 0px, white -4.14455px 4.33852px 0px, white -4.80686px 3.59083px 0px, white -5.33596px 2.74364px 0px, white -5.71718px 1.8204px 0px, white -5.93995px 0.84672px 0px, white -5.99811px -0.150428px 0px, white -5.89004px -1.14341px 0px, white -5.61874px -2.1047px 0px, white -5.19172px -3.00766px 0px, white -4.62082px -3.82727px 0px, white -3.92186px -4.54081px 0px, white -3.11421px -5.12852px 0px, white -2.22026px -5.57409px 0px, white -1.26477px -5.86518px 0px, white -0.274238px -5.99373px 0px, white 0.723898px -5.95617px 0px, white 1.70197px -5.75355px 0px, white 2.63288px -5.39147px 0px, white 3.49082px -4.87998px 0px, white 4.25202px -4.23324px 0px, white 4.89538px -3.46919px 0px, white 5.40307px -2.60899px 0px, white 5.76102px -1.67649px 0px, white 5.95932px -0.697531px 0px;
      white-space: pre-line;
      line-height: 1.4; }
      .official .cover__headline.en {
        top: 30px; }
      .official .cover__headline small {
        display: block;
        font-size: 1.8rem;
        white-space: initial; }
      @media screen and (max-width: 768px) {
        .official .cover__headline {
          font-size: 2rem;
          -webkit-transform-origin: center;
                  transform-origin: center;
          -webkit-transform: rotate(-12deg);
                  transform: rotate(-12deg);
          top: 160px;
          left: 0;
          margin: auto;
          line-height: 1.8; }
          .official .cover__headline small {
            font-size: 1.6rem; }
          .official .cover__headline.en {
            top: 154px;
            font-size: 1.6rem; }
          .official .cover__headline.kr {
            top: 124px;
            font-size: 2.8rem;
            line-height: 1.4; }
            .official .cover__headline.kr small {
              white-space: pre-line;
              font-size: 2.2rem; } }
    .official .cover__banner {
      position: absolute;
      right: 0;
      bottom: 112px; }
      @media screen and (max-width: 768px) {
        .official .cover__banner {
          left: 0;
          bottom: 40px;
          margin: auto;
          display: flex;
          justify-content: center; } }
  .official .store {
    position: relative;
    margin: -32px auto 82px;
    background-color: #fff;
    border: solid 4px #fe388b;
    border-radius: 10px;
    padding: 24px 16px 16px;
    width: 454px; }
    @media screen and (max-width: 768px) {
      .official .store {
        width: auto;
        padding: 24px 0 16px;
        margin: -150px -8px 40px; } }
    .official .store__title {
      white-space: nowrap;
      position: absolute;
      left: 0;
      right: 0;
      top: -16px;
      margin: auto;
      text-align: center;
      font-size: 2.5rem;
      color: #fff57f;
      text-shadow: 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 2px 4px #000; }
    .official .store__button ul {
      display: flex;
      justify-content: center;
      list-style: none; }
      .official .store__button ul li {
        margin: 0 8px; }
        @media screen and (max-width: 768px) {
          .official .store__button ul li {
            margin: 0 4px; }
            .official .store__button ul li img {
              height: 40px; } }
  .official .media {
    position: relative;
    display: flex;
    margin: -32px -16px 0;
    height: 254px; }
    @media screen and (max-width: 768px) {
      .official .media {
        height: auto;
        display: block;
        margin: 0;
        padding-bottom: 32px; } }
    .official .media::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      margin: auto;
      width: 100vw;
      background-image: url("../images/official/top/media-cloud.png");
      background-repeat: no-repeat;
      background-position: calc(50% - 0px) calc(50% + 10px); }
      @media screen and (min-width: 768px) {
        .official .media::before {
          min-width: 1064px; } }
    .official .media .twitter,
    .official .media .movie {
      flex: 1;
      padding: 0 16px;
      z-index: 1;
      position: relative; }
      @media screen and (max-width: 768px) {
        .official .media .twitter,
        .official .media .movie {
          padding: 0; } }
      .official .media .twitter__title,
      .official .media .movie__title {
        position: relative;
        padding-left: 16px; }
    .official .media .twitter {
      height: inherit; }
      @media screen and (max-width: 768px) {
        .official .media .twitter {
          height: 300px;
          margin-bottom: 80px; } }
      .official .media .twitter__embed {
        height: inherit;
        border: solid 16px #e33c7e;
        -webkit-box-shadow: 0 0 0 2px #fff, 0 5px 0 0 rgba(0, 0, 0, 0.5);
                box-shadow: 0 0 0 2px #fff, 0 5px 0 0 rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        background-color: #fff;
        overflow: scroll;
        margin-top: -4px; }
    .official .media .movie {
      height: inherit; }
      @media screen and (max-width: 768px) {
        .official .media .movie {
          height: 160px; } }
      .official .media .movie__embed {
        height: inherit;
        border: solid 16px #fff;
        background-color: #fff;
        margin-top: -4px; }
  .official .detail {
    position: relative;
    margin: 96px 0 0;
    padding: 40px 0; }
    @media screen and (max-width: 768px) {
      .official .detail {
        margin: 48px 0 0; } }
    .official .detail::before {
      content: "";
      position: absolute;
      width: 100vw;
      margin: auto;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      background-color: #ff71b4;
      background-image: url("../images/official/top/dot-top.png"), url("../images/official/top/dot-bottom.png");
      background-position: top left, bottom left;
      background-repeat: repeat-x, repeat-x;
      border-top: 8px solid #fff;
      border-bottom: 8px solid #fff; }
      @media screen and (min-width: 768px) {
        .official .detail::before {
          min-width: 1064px; } }
    .official .detail .overview,
    .official .detail .story {
      position: relative;
      z-index: 1; }
      .official .detail .overview__title,
      .official .detail .story__title {
        margin-bottom: 16px; }
    .official .detail .overview {
      margin-bottom: 48px; }
      .official .detail .overview__content {
        display: flex; }
        @media screen and (max-width: 768px) {
          .official .detail .overview__content {
            display: block; } }
        @media screen and (max-width: 768px) {
          .official .detail .overview__content__image img {
            width: 100%;
            height: auto; } }
        .official .detail .overview__content__body {
          padding-left: 16px;
          color: #fff;
          font-size: 1.8rem;
          line-height: 2.0;
          text-shadow: 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078;
          white-space: pre-line; }
          @media screen and (max-width: 768px) {
            .official .detail .overview__content__body {
              padding-top: 16px;
              padding-left: 0; } }
    .official .detail .story__content__slider {
      margin-bottom: 16px; }
      .official .detail .story__content__slider ul {
        list-style: none; }
        .official .detail .story__content__slider ul li {
          position: relative; }
          .official .detail .story__content__slider ul li::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-box-shadow: 0 0 0 4px #ff0078 inset;
                    box-shadow: 0 0 0 4px #ff0078 inset;
            border-radius: 10px; }
          .official .detail .story__content__slider ul li img {
            border-radius: 10px; }
    .official .detail .story__content__body {
      color: #fff;
      font-size: 1.8rem;
      line-height: 2.0;
      text-shadow: 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078;
      white-space: pre-line; }
  .official .footer-wrapper {
    position: relative; }
    .official .footer-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      margin: auto;
      width: 100vw;
      background-image: url("../images/official/top/footer-cloud.png"), url("../images/official/top/building.png"), url("../images/common/dot-bottom.png"), -webkit-gradient(linear, left bottom, left top, from(#bbe2f5), to(#35d2ff));
      background-image: url("../images/official/top/footer-cloud.png"), url("../images/official/top/building.png"), url("../images/common/dot-bottom.png"), linear-gradient(0deg, #bbe2f5 0%, #35d2ff 100%);
      background-repeat: no-repeat, repeat-x, repeat-x, repeat;
      background-position: calc(50% - 0px) calc(50% - 100px), center bottom, center bottom, top center; }
      @media screen and (min-width: 768px) {
        .official .footer-wrapper::before {
          min-width: 1064px; } }
.ios .official .cover__headline {
  text-shadow: 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 4px #e95098, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff; }

.kr .pre-register .cover {
  height: 520px; }
  @media screen and (max-width: 768px) {
    .kr .pre-register .cover {
      height: 670px; } }
.pre-register {
  background-color: #ff8dc3;
  background-image: url("../images/pre_register/cloud.png");
  background-repeat: no-repeat;
  background-position: calc(50% + 20px) calc(50% - 30px); }
  .pre-register .cover {
    position: relative;
    height: 468px; }
    @media screen and (max-width: 768px) {
      .pre-register .cover {
        height: 630px;
        margin: 0 -24px; } }
    .pre-register .cover::before {
      content: "";
      position: absolute;
      right: -100%;
      left: -100%;
      top: 0;
      margin: auto;
      width: 100vw;
      height: 350px;
      background-image: url("../images/pre_register/dot-top.png"); }
      @media screen and (min-width: 768px) {
        .pre-register .cover::before {
          min-width: 1064px; } }
    .pre-register .cover__illust, .pre-register .cover__title, .pre-register .cover__headline, .pre-register .cover__body {
      position: absolute;
      z-index: 1; }
    .pre-register .cover__illust {
      top: 14px;
      left: 232px; }
      @media screen and (max-width: 768px) {
        .pre-register .cover__illust {
          top: 60px;
          left: 0;
          right: 0;
          margin: auto;
          width: 320px; }
          .pre-register .cover__illust img {
            width: 320px; } }
    .pre-register .cover__title {
      top: 110px;
      right: 70px; }
      @media screen and (max-width: 768px) {
        .pre-register .cover__title {
          top: 318px;
          left: 0;
          right: 0;
          margin: auto;
          width: 296px; }
          .pre-register .cover__title img {
            width: 296px; } }
    .pre-register .cover__body {
      bottom: 0;
      right: 0;
      left: 0;
      font-size: 2rem;
      color: #fff;
      line-height: 1.6;
      text-align: center;
      text-shadow: white 4px 0px 0px, white 3.87565px 0.989616px 0px, white 3.51033px 1.9177px 0px, white 2.92676px 2.72656px 0px, white 2.16121px 3.36588px 0px, white 1.26129px 3.79594px 0px, white 0.282949px 3.98998px 0px, white -0.712984px 3.93594px 0px, white -1.66459px 3.63719px 0px, white -2.51269px 3.11229px 0px, white -3.20457px 2.39389px 0px, white -3.69721px 1.52664px 0px, white -3.95997px 0.56448px 0px, white -3.97652px -0.432781px 0px, white -3.74583px -1.40313px 0px, white -3.28224px -2.28625px 0px, white -2.61457px -3.02721px 0px, white -1.78435px -3.57996px 0px, white -0.843183px -3.91012px 0px, white 0.150409px -3.99717px 0px, white 1.13465px -3.8357px 0px, white 2.04834px -3.43574px 0px, white 2.83468px -2.82216px 0px, white 3.44477px -2.03312px 0px, white 3.84068px -1.11766px 0px, white 3.9978px -0.132717px 0px, 0 2px 8px #000;
      color: #e33c7e;
      white-space: pre-line; }
      @media screen and (max-width: 768px) {
        .pre-register .cover__body {
          padding: 0 24px;
          bottom: -4px; } }
    .pre-register .cover__headline {
      font-size: 2.8rem;
      white-space: pre-line;
      line-height: 1.4;
      top: 222px;
      left: 72px;
      text-shadow: white 4px 0px 0px, white 3.87565px 0.989616px 0px, white 3.51033px 1.9177px 0px, white 2.92676px 2.72656px 0px, white 2.16121px 3.36588px 0px, white 1.26129px 3.79594px 0px, white 0.282949px 3.98998px 0px, white -0.712984px 3.93594px 0px, white -1.66459px 3.63719px 0px, white -2.51269px 3.11229px 0px, white -3.20457px 2.39389px 0px, white -3.69721px 1.52664px 0px, white -3.95997px 0.56448px 0px, white -3.97652px -0.432781px 0px, white -3.74583px -1.40313px 0px, white -3.28224px -2.28625px 0px, white -2.61457px -3.02721px 0px, white -1.78435px -3.57996px 0px, white -0.843183px -3.91012px 0px, white 0.150409px -3.99717px 0px, white 1.13465px -3.8357px 0px, white 2.04834px -3.43574px 0px, white 2.83468px -2.82216px 0px, white 3.44477px -2.03312px 0px, white 3.84068px -1.11766px 0px, white 3.9978px -0.132717px 0px, 0 2px 8px #000;
      color: #fe388b;
      -webkit-transform: rotate(-12deg);
              transform: rotate(-12deg);
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
      @media screen and (max-width: 768px) {
        .pre-register .cover__headline {
          top: 96px;
          left: 8px;
          font-size: 2rem;
          -webkit-transform-origin: top left;
                  transform-origin: top left; }
          .pre-register .cover__headline.jp, .pre-register .cover__headline.kr, .pre-register .cover__headline.cn, .pre-register .cover__headline.tw {
            top: 114px;
            left: 16px; }
          .pre-register .cover__headline.kr {
            font-size: 2.8rem; } }
  .pre-register .store {
    position: relative;
    margin: 40px auto 0;
    background-color: #fff;
    border: solid 4px #fe388b;
    border-radius: 10px;
    padding: 24px 16px 16px;
    width: 454px; }
    @media screen and (max-width: 768px) {
      .pre-register .store {
        width: auto;
        padding: 24px 0 16px;
        margin: 40px -8px 0; } }
    .pre-register .store__title {
      white-space: nowrap;
      position: absolute;
      left: 0;
      right: 0;
      top: -16px;
      margin: auto;
      text-align: center;
      font-size: 2.5rem;
      color: #fff57f;
      text-shadow: 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 2px 4px #000; }
    .pre-register .store__button ul {
      display: flex;
      justify-content: center;
      list-style: none; }
      .pre-register .store__button ul li {
        margin: 0 8px; }
        @media screen and (max-width: 768px) {
          .pre-register .store__button ul li {
            margin: 0 4px; }
            .pre-register .store__button ul li img {
              height: 40px; } }
  .pre-register .for-official {
    display: flex;
    justify-content: center;
    padding-top: 32px; }
  .pre-register .footer-wrapper {
    position: relative; }
    .pre-register .footer-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      margin: auto;
      width: 100vw;
      background-image: url("../images/pre_register/building.png"), url("../images/common/dot-bottom.png");
      background-repeat: repeat-x, repeat-x;
      background-position: center bottom, center bottom; }
      @media screen and (min-width: 768px) {
        .pre-register .footer-wrapper::before {
          min-width: 1064px; } }
  .pre-register .campaign {
    text-align: center;
    margin-top: 4rem; }
    @media screen and (max-width: 768px) {
      .pre-register .campaign__title {
        width: 100%;
        max-width: 350px;
        margin: auto; } }
    @media screen and (max-width: 768px) {
      .pre-register .campaign__title img {
        width: 100%; } }
    .pre-register .campaign__text {
      color: #fff57f;
      font-size: 3rem;
      margin: 24px 0;
      text-shadow: #ff6315 4px 0px 0px, #ff6315 3.87565px 0.989616px 0px, #ff6315 3.51033px 1.9177px 0px, #ff6315 2.92676px 2.72656px 0px, #ff6315 2.16121px 3.36588px 0px, #ff6315 1.26129px 3.79594px 0px, #ff6315 0.282949px 3.98998px 0px, #ff6315 -0.712984px 3.93594px 0px, #ff6315 -1.66459px 3.63719px 0px, #ff6315 -2.51269px 3.11229px 0px, #ff6315 -3.20457px 2.39389px 0px, #ff6315 -3.69721px 1.52664px 0px, #ff6315 -3.95997px 0.56448px 0px, #ff6315 -3.97652px -0.432781px 0px, #ff6315 -3.74583px -1.40313px 0px, #ff6315 -3.28224px -2.28625px 0px, #ff6315 -2.61457px -3.02721px 0px, #ff6315 -1.78435px -3.57996px 0px, #ff6315 -0.843183px -3.91012px 0px, #ff6315 0.150409px -3.99717px 0px, #ff6315 1.13465px -3.8357px 0px, #ff6315 2.04834px -3.43574px 0px, #ff6315 2.83468px -2.82216px 0px, #ff6315 3.44477px -2.03312px 0px, #ff6315 3.84068px -1.11766px 0px, #ff6315 3.9978px -0.132717px 0px, white 8px 0px 0px, white 7.93758px 0.997398px 0px, white 7.7513px 1.97923px 0px, white 7.44406px 2.93018px 0px, white 7.02066px 3.8354px 0px, white 6.4877px 4.68078px 0px, white 5.85351px 5.45311px 0px, white 5.12797px 6.14035px 0px, white 4.32242px 6.73177px 0px, white 3.44941px 7.21814px 0px, white 2.52258px 7.59188px 0px, white 1.55638px 7.84714px 0px, white 0.565898px 7.97996px 0px, white -0.433417px 7.98825px 0px, white -1.42597px 7.87189px 0px, white -2.39627px 7.63269px 0px, white -3.32917px 7.27438px 0px, white -4.21013px 6.80256px 0px, white -5.02539px 6.22459px 0px, white -5.76223px 5.54948px 0px, white -6.40915px 4.78778px 0px, white -6.95606px 3.95136px 0px, white -7.39442px 3.05329px 0px, white -7.71739px 2.10757px 0px, white -7.91994px 1.12896px 0px, white -7.9989px 0.132735px 0px, white -7.95304px -0.865561px 0px, white -7.78307px -1.85035px 0px, white -7.49165px -2.80627px 0px, white -7.08333px -3.71839px 0px, white -6.56448px -4.57249px 0px, white -5.94318px -5.35524px 0px, white -5.22915px -6.05442px 0px, white -4.43352px -6.65912px 0px, white -3.5687px -7.15991px 0px, white -2.6482px -7.54898px 0px, white -1.68637px -7.82024px 0px, white -0.698222px -7.96947px 0px, white 0.300817px -7.99434px 0px, white 1.29516px -7.89446px 0px, white 2.2693px -7.67139px 0px, white 3.20802px -7.32862px 0px, white 4.09668px -6.87148px 0px, white 4.92142px -6.30711px 0px, white 5.66936px -5.64432px 0px, white 6.32883px -4.89346px 0px, white 6.88954px -4.06623px 0px, white 7.34274px -3.17555px 0px, white 7.68136px -2.23532px 0px, white 7.90012px -1.26021px 0px, white 7.9956px -0.265434px 0px; }
      @media screen and (max-width: 768px) {
        .pre-register .campaign__text {
          font-size: 2.6rem; } }
    .pre-register .campaign__banner {
      margin-top: 1.6rem; }
      .pre-register .campaign__banner img.sp {
        display: none; }
      @media screen and (max-width: 768px) {
        .pre-register .campaign__banner {
          margin: 1.6rem -24px 0; }
          .pre-register .campaign__banner img {
            width: 100%; }
          .pre-register .campaign__banner img.sp {
            display: block; }
          .pre-register .campaign__banner img.pc {
            display: none; } }
    .pre-register .campaign__button {
      display: flex;
      justify-content: center;
      margin-bottom: 8rem;
      flex-wrap: wrap; }
      @media screen and (max-width: 768px) {
        .pre-register .campaign__button {
          margin-bottom: 4rem; } }
      .pre-register .campaign__button__item {
        margin: 0 8px; }
        @media screen and (max-width: 768px) {
          .pre-register .campaign__button__item {
            margin-bottom: 1.6rem; } }
.ios .pre-register .cover__headline,
.ios .pre-register .cover__body {
  text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 2px 8px #000; }

.ios .pre-register .campaign__text {
  text-shadow: 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 0 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 2px 4px #ff6315, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff; }

.character {
  background-color: #ff8dc3;
  background-image: url("../images/pre_register/dot-top.png");
  background-repeat: repeat-x, repeat-x;
  background-position: center top, center top; }
  @media screen and (min-width: 768px) {
    .character {
      margin-top: 88px; } }
  .character__title {
    text-align: center;
    margin-bottom: 45px;
    margin-top: -50px; }
    @media screen and (max-width: 768px) {
      .character__title {
        width: 100%;
        max-width: 246px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px; } }
    @media screen and (max-width: 768px) {
      .character__title img {
        width: 100%; } }
  .character .introduction__content__slider {
    position: relative;
    margin: 0 auto 23px auto; }
    @media screen and (min-width: 768px) {
      .character .introduction__content__slider {
        width: 776px; } }
    @media screen and (max-width: 768px) {
      .character .introduction__content__slider {
        padding-left: 20px;
        padding-right: 20px; } }
    .character .introduction__content__slider .swiper-container ul {
      list-style: none; }
    .character .introduction__content__slider .js-slider-button-left, .character .introduction__content__slider .js-slider-button-right {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 39px;
      height: 88px;
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      background-size: contain; }
      @media screen and (max-width: 768px) {
        .character .introduction__content__slider .js-slider-button-left, .character .introduction__content__slider .js-slider-button-right {
          width: 32px;
          height: 71px; } }
    .character .introduction__content__slider .js-slider-button-left {
      left: -49px;
      right: auto;
      background-image: url("../images/common/slider-arrow-l.png"); }
      @media screen and (max-width: 768px) {
        .character .introduction__content__slider .js-slider-button-left {
          left: -23px; } }
    .character .introduction__content__slider .js-slider-button-right {
      right: -49px;
      left: auto;
      background-image: url("../images/common/slider-arrow-r.png"); }
      @media screen and (max-width: 768px) {
        .character .introduction__content__slider .js-slider-button-right {
          right: -23px; } }
  .character .introduction__content__description {
    position: relative;
    margin: 0 auto 68px auto;
    left: 0;
    right: 0;
    align-items: center;
    background-color: #fff;
    border: solid 4px #ff0078;
    background-image: url("../images/common/dot-pink-bottom.png");
    background-position: bottom center, bottom center;
    background-repeat: repeat-x, repeat-x;
    background-size: 26px auto;
    border-radius: 15px;
    padding: 34px 30px; }
    @media screen and (min-width: 768px) {
      .character .introduction__content__description {
        width: 708px; } }
    @media screen and (max-width: 768px) {
      .character .introduction__content__description {
        margin: 0 -27px 48px -27px;
        border-radius: 0;
        border: solid 3px #ff0078;
        padding: 20px 18px; } }
    .character .introduction__content__description .description-flex {
      display: flex;
      align-items: flex-start; }
      .character .introduction__content__description .description-flex .illust {
        -ms-grid-row-align: center;
            align-self: center; }
    @media screen and (min-width: 768px) {
      .character .introduction__content__description .text {
        width: 400px; } }
    @media screen and (max-width: 768px) {
      .character .introduction__content__description .text {
        flex: 1; } }
    .character .introduction__content__description .name {
      position: relative;
      margin-bottom: 18px; }
      .character .introduction__content__description .name.sp {
        display: none; }
      .character .introduction__content__description .name.pc {
        display: block; }
      @media screen and (max-width: 768px) {
        .character .introduction__content__description .name {
          margin-bottom: 14px; }
          .character .introduction__content__description .name.sp {
            display: block; }
          .character .introduction__content__description .name.pc {
            display: none; } }
      .character .introduction__content__description .name::after {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background-color: #ff0078;
        position: absolute;
        bottom: 0;
        left: 0; }
        @media screen and (max-width: 768px) {
          .character .introduction__content__description .name::after {
            height: 3px; } }
      .character .introduction__content__description .name h2 {
        font-size: 3rem;
        line-height: 1;
        padding-left: 5px;
        padding-bottom: 18px;
        color: #fff57f;
        text-shadow: 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff; }
    .character .introduction__content__description .body {
      font-size: 1.8rem;
      line-height: 1.6;
      padding: 0 2px;
      color: #666;
      text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff; }
      @media screen and (max-width: 768px) {
        .character .introduction__content__description .body {
          font-size: 1.5rem;
          padding: 0; } }
    .character .introduction__content__description .illust {
      flex: 1;
      text-align: center; }
      .character .introduction__content__description .illust img {
        height: 282px;
        width: auto; }
        @media screen and (max-width: 768px) {
          .character .introduction__content__description .illust img {
            height: 199px;
            width: auto; } }
  .character .cover {
    position: relative;
    height: 90px; }
    @media screen and (max-width: 768px) {
      .character .cover {
        margin: 0 -24px; } }
  .character .footer-wrapper {
    position: relative; }
    .character .footer-wrapper .footer {
      padding: 0 0 16px; }
    .character .footer-wrapper .footer__content {
      display: none; }
    .character .footer-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      margin: auto;
      width: 100vw;
      background-image: url("../images/pre_register/building.png"), url("../images/common/dot-bottom.png");
      background-repeat: repeat-x, repeat-x;
      background-position: center bottom, center bottom; }
      @media screen and (min-width: 768px) {
        .character .footer-wrapper::before {
          min-width: 1064px; } }
  .character__banner {
    display: flex;
    justify-content: center;
    margin-bottom: 90px; }
  .character .store {
    position: relative;
    margin: 0 auto 90px;
    background-color: #fff;
    border: solid 4px #fe388b;
    border-radius: 10px;
    padding: 24px 16px 16px;
    width: 454px; }
    @media screen and (max-width: 768px) {
      .character .store {
        width: auto;
        padding: 24px 0 16px;
        margin: 0 -8px 40px; } }
    .character .store__title {
      white-space: nowrap;
      position: absolute;
      left: 0;
      right: 0;
      top: -16px;
      margin: auto;
      text-align: center;
      font-size: 2.5rem;
      color: #fff57f;
      text-shadow: 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 2px 4px #000; }
    .character .store__button ul {
      display: flex;
      justify-content: center;
      list-style: none; }
      .character .store__button ul li {
        margin: 0 8px; }
        @media screen and (max-width: 768px) {
          .character .store__button ul li {
            margin: 0 4px; }
            .character .store__button ul li img {
              height: 40px; } }
  .character .for-official {
    display: flex;
    justify-content: center;
    margin-bottom: 5px; }
    @media screen and (max-width: 768px) {
      .character .for-official {
        margin-bottom: 7px; } }
.system {
  background-color: #ff8dc3;
  background-image: url("../images/pre_register/dot-top.png");
  background-repeat: repeat-x, repeat-x;
  background-position: center top, center top; }
  @media screen and (min-width: 768px) {
    .system {
      margin-top: 88px; } }
  .system .br-pc {
    display: block; }
    @media screen and (max-width: 768px) {
      .system .br-pc {
        display: none; } }
  .system__title {
    text-align: center;
    margin-bottom: 86px;
    margin-top: -50px; }
    @media screen and (max-width: 768px) {
      .system__title {
        width: 100%;
        max-width: 246px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px; } }
    @media screen and (max-width: 768px) {
      .system__title img {
        width: 100%; } }
  .system .cover {
    position: relative;
    height: 90px; }
    @media screen and (max-width: 768px) {
      .system .cover {
        margin: 0 -24px; } }
  .system .overview {
    margin-bottom: 85px; }
    @media screen and (max-width: 768px) {
      .system .overview {
        margin-bottom: 47px; } }
    .system .overview__content {
      display: flex;
      justify-content: center;
      margin-bottom: 110px; }
      @media screen and (max-width: 768px) {
        .system .overview__content {
          display: block;
          margin-bottom: 42px; } }
      .system .overview__content__desc {
        margin-left: 20px;
        width: 405px; }
        @media screen and (max-width: 768px) {
          .system .overview__content__desc {
            margin-left: 0;
            width: 100%; } }
      .system .overview__content__title {
        color: #fff;
        text-decoration: none;
        text-align: center;
        background-color: #e95098;
        border: solid #e33c7e; }
      .system .overview__content__title.pc {
        font-size: 2rem;
        line-height: 1;
        padding: 12px 0;
        margin: 0px;
        border-width: 4px;
        -webkit-box-shadow: 0 0 0 2px #fff inset;
                box-shadow: 0 0 0 2px #fff inset;
        border-radius: 32px; }
        @media screen and (max-width: 768px) {
          .system .overview__content__title.pc {
            display: none; } }
      .system .overview__content__title.sp {
        display: none; }
        @media screen and (max-width: 768px) {
          .system .overview__content__title.sp {
            font-size: 1.8rem;
            line-height: 1.4;
            padding: 5px 0;
            margin: 0px -30px;
            border-width: 2px;
            -webkit-box-shadow: 0 0 0 1px #fff inset;
                    box-shadow: 0 0 0 1px #fff inset;
            display: block; } }
      .system .overview__content__banner img {
        width: 405px; }
      .system .overview__content__banner img.sp {
        display: none; }
      @media screen and (max-width: 768px) {
        .system .overview__content__banner {
          margin: 0 -24px; }
          .system .overview__content__banner img {
            width: 100%; }
          .system .overview__content__banner img.sp {
            display: block; }
          .system .overview__content__banner img.pc {
            display: none; } }
      .system .overview__content__body {
        color: #fff;
        font-size: 1.8rem;
        line-height: 1.8;
        padding: 6px 10px 0 10px;
        text-shadow: 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078, 0 0 2px #ff0078;
        white-space: pre-line; }
        @media screen and (max-width: 768px) {
          .system .overview__content__body {
            font-size: 1.6rem;
            line-height: 1.6;
            padding: 15px 0 0 0; } }
    .system .overview__content:last-child {
      margin-bottom: 0; }
  .system .store {
    position: relative;
    margin: 40px auto 0;
    background-color: #fff;
    border: solid 4px #fe388b;
    border-radius: 10px;
    padding: 24px 16px 16px;
    width: 454px; }
    @media screen and (max-width: 768px) {
      .system .store {
        width: auto;
        padding: 24px 0 16px;
        margin: 40px -8px 0; } }
    .system .store__title {
      white-space: nowrap;
      position: absolute;
      left: 0;
      right: 0;
      top: -16px;
      margin: auto;
      text-align: center;
      font-size: 2.5rem;
      color: #fff57f;
      text-shadow: 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 2px 4px #000; }
    .system .store__button ul {
      display: flex;
      justify-content: center;
      list-style: none; }
      .system .store__button ul li {
        margin: 0 8px; }
        @media screen and (max-width: 768px) {
          .system .store__button ul li {
            margin: 0 4px; }
            .system .store__button ul li img {
              height: 40px; } }
  .system .for-official {
    display: flex;
    justify-content: center;
    margin-bottom: 5px; }
    @media screen and (max-width: 768px) {
      .system .for-official {
        margin-bottom: 7px; } }
  .system .footer-wrapper {
    position: relative; }
    .system .footer-wrapper .footer {
      padding: 0 0 16px; }
    .system .footer-wrapper .footer__content {
      display: none; }
    .system .footer-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      margin: auto;
      width: 100vw;
      background-image: url("../images/pre_register/building.png"), url("../images/common/dot-bottom.png");
      background-repeat: repeat-x, repeat-x;
      background-position: center bottom, center bottom; }
      @media screen and (min-width: 768px) {
        .system .footer-wrapper::before {
          min-width: 1064px; } }
.coupon {
  background-color: #35d2ff; }
  @media screen and (min-width: 768px) {
    .coupon {
      overflow: hidden; } }
  .coupon .modal .title-baloon {
    font-size: 2rem;
    text-align: center;
    color: #fff57f;
    text-shadow: 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff;
    margin-bottom: 30px;
    padding-top: 10px; }
  .coupon .modal__overview {
    margin-bottom: 30px; }
    .coupon .modal__overview:last-child {
      margin-bottom: 50px; }
    .coupon .modal__overview .title {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
      .coupon .modal__overview .title .num {
        font-size: 2rem;
        color: #fff57f;
        background-color: #ff0078;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        border-radius: 50%; }
      .coupon .modal__overview .title .body {
        flex: 1;
        margin-left: 5px;
        font-size: 1.3rem;
        line-height: 1.6;
        color: #666; }
        .coupon .modal__overview .title .body span {
          color: #e95098; }
    .coupon .modal__overview .desc-image {
      text-align: center; }
      .coupon .modal__overview .desc-image img {
        width: 100%;
        height: auto; }
        .coupon .modal__overview .desc-image img.help2 {
          width: 47%; }
  .coupon .cover {
    position: relative;
    height: 670px; }
    @media screen and (max-width: 768px) {
      .coupon .cover {
        height: 690px;
        margin: 0 -24px; } }
    .coupon .cover__gradient {
      position: absolute;
      right: -100%;
      left: -100%;
      top: 0;
      margin: auto;
      width: 100vw;
      height: 670px;
      background-image: url("../images/official/top/cover-gradient.png");
      background-repeat: repeat-x; }
      @media screen and (min-width: 768px) {
        .coupon .cover__gradient {
          min-width: 1064px; } }
    .coupon .cover__building {
      position: absolute;
      right: -100%;
      left: -100%;
      bottom: 100px;
      margin: auto;
      width: 100vw;
      height: 120px;
      background-image: url("../images/official/top/cover-building.png"); }
      @media screen and (min-width: 768px) {
        .coupon .cover__building {
          min-width: 1064px; } }
    .coupon .cover__dot {
      position: absolute;
      right: -100%;
      left: -100%;
      bottom: 80px;
      margin: auto;
      width: 100vw;
      height: 350px;
      background-image: url("../images/coupon/cover-dot.png");
      background-position: center; }
      @media screen and (min-width: 768px) {
        .coupon .cover__dot {
          min-width: 1064px;
          bottom: 18px; } }
    .coupon .cover__background {
      width: 367px;
      position: absolute;
      top: 146px;
      left: 127px; }
      @media screen and (max-width: 768px) {
        .coupon .cover__background {
          top: 147px;
          left: 50%;
          -webkit-transform: translate(-233px);
                  transform: translate(-233px);
          width: auto;
          overflow: hidden; }
          .coupon .cover__background img {
            width: 274px; } }
    .coupon .cover__foreground {
      position: absolute;
      width: 222px;
      top: 189px;
      left: 401px; }
      .coupon .cover__foreground img {
        display: block;
        margin: 0 auto;
        width: 222px; }
      @media screen and (max-width: 768px) {
        .coupon .cover__foreground {
          width: 166px;
          top: 175px;
          left: 50%;
          -webkit-transform: translate(-14px);
                  transform: translate(-14px); }
          .coupon .cover__foreground img {
            width: 166px; } }
    .coupon .cover__title {
      width: 378px;
      position: absolute;
      top: 5px;
      left: 40px;
      right: 0;
      margin: auto; }
      @media screen and (max-width: 768px) {
        .coupon .cover__title {
          left: 0;
          top: 15px;
          width: auto;
          text-align: center; }
          .coupon .cover__title img {
            width: 315px; } }
    .coupon .cover__banner {
      position: absolute;
      right: 0;
      bottom: 112px; }
      @media screen and (max-width: 768px) {
        .coupon .cover__banner {
          left: 0;
          bottom: 40px;
          margin: auto;
          display: flex;
          justify-content: center; } }
  .coupon .serial {
    position: relative;
    margin: -248px -16px 0; }
    @media screen and (max-width: 768px) {
      .coupon .serial {
        height: auto;
        display: block;
        margin: -344px 0 0 0; } }
    .coupon .serial::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      margin: auto;
      width: 100vw;
      background-image: url("../images/official/top/media-cloud.png");
      background-repeat: no-repeat;
      background-position: calc(50% - 0px) calc(50% + 10px); }
      @media screen and (min-width: 768px) {
        .coupon .serial::before {
          min-width: 1064px; } }
    .coupon .serial .code,
    .coupon .serial .caution {
      flex: 1;
      padding: 0 16px;
      margin-bottom: 36px;
      margin-right: auto;
      margin-left: auto;
      z-index: 1;
      position: relative; }
      @media screen and (max-width: 768px) {
        .coupon .serial .code,
        .coupon .serial .caution {
          padding: 0; } }
    .coupon .serial .code {
      height: inherit; }
      @media screen and (max-width: 768px) {
        .coupon .serial .code {
          margin: 0 -24px 15px -24px; } }
      @media screen and (min-width: 768px) {
        .coupon .serial .code {
          max-width: 660px; } }
      .coupon .serial .code__title {
        position: relative;
        z-index: 1;
        padding-left: 16px; }
      .coupon .serial .code__form {
        border: solid 16px #e33c7e;
        -webkit-box-shadow: 0 0 0 2px #fff, 0 5px 0 0 rgba(0, 0, 0, 0.5);
                box-shadow: 0 0 0 2px #fff, 0 5px 0 0 rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        background-color: #fff;
        overflow: scroll;
        margin-top: -4px;
        padding: 20px;
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          .coupon .serial .code__form {
            border-radius: 0; } }
        .coupon .serial .code__form .input-parent {
          position: relative; }
          .coupon .serial .code__form .input-parent input {
            font-size: 2rem;
            color: #000;
            background: #eeeeee;
            border: 4px solid #ff96c7;
            position: relative;
            height: 50px;
            display: block;
            margin: 0 auto 18px auto;
            text-align: center;
            width: 408px;
            border-radius: 38px;
            -webkit-box-shadow: 0 4px 0 2px #cbcbcb inset;
                    box-shadow: 0 4px 0 2px #cbcbcb inset;
            outline: none; }
            @media screen and (max-width: 768px) {
              .coupon .serial .code__form .input-parent input {
                width: 84%;
                height: 40px;
                -webkit-box-shadow: 0 3px 0 1px #cbcbcb inset;
                        box-shadow: 0 3px 0 1px #cbcbcb inset; } }
            .coupon .serial .code__form .input-parent input::-webkit-input-placeholder {
              color: #ccc; }
            .coupon .serial .code__form .input-parent input::-moz-placeholder {
              color: #ccc; }
            .coupon .serial .code__form .input-parent input:-ms-input-placeholder {
              color: #ccc; }
            .coupon .serial .code__form .input-parent input::-ms-input-placeholder {
              color: #ccc; }
            .coupon .serial .code__form .input-parent input::placeholder {
              color: #ccc; }
          .coupon .serial .code__form .input-parent .button-help {
            position: absolute;
            z-index: 10;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            right: 88px;
            width: 50px;
            height: 53px;
            background-size: contain;
            background-image: url("../images/common/button-help.png");
            background-repeat: no-repeat; }
            @media screen and (max-width: 768px) {
              .coupon .serial .code__form .input-parent .button-help {
                right: 7.5%;
                width: 40px;
                height: 43px; } }
        .coupon .serial .code__form__apply {
          display: flex;
          justify-content: center;
          padding-top: 15px;
          padding-bottom: 15px; }
    .coupon .serial .caution {
      width: 100%;
      height: inherit;
      font-size: 1.4rem;
      line-height: 1.6;
      color: #666;
      text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff; }
      @media screen and (min-width: 768px) {
        .coupon .serial .caution {
          max-width: 630px; } }
      @media screen and (max-width: 768px) {
        .coupon .serial .caution {
          margin-bottom: 15px; } }
      .coupon .serial .caution__title {
        position: relative;
        z-index: 1;
        padding-left: 6px; }
      .coupon .serial .caution__embed {
        position: relative;
        height: inherit;
        background-color: rgba(255, 255, 255, 0.5);
        margin-top: -15px;
        padding: 24px; }
        @media screen and (max-width: 768px) {
          .coupon .serial .caution__embed {
            margin-top: -10px;
            padding: 19px; } }
        .coupon .serial .caution__embed.en::before {
          left: 113px; }
          @media screen and (max-width: 768px) {
            .coupon .serial .caution__embed.en::before {
              left: 93px; } }
        .coupon .serial .caution__embed.kr::before {
          left: 96px; }
          @media screen and (max-width: 768px) {
            .coupon .serial .caution__embed.kr::before {
              left: 79px; } }
        .coupon .serial .caution__embed::after {
          content: "";
          display: block;
          width: 100%;
          height: 3px;
          background-color: #666;
          position: absolute;
          bottom: 0;
          left: 0; }
        .coupon .serial .caution__embed::before {
          content: "";
          display: block;
          width: auto;
          height: 3px;
          background-color: #666;
          position: absolute;
          top: 0;
          right: 0;
          left: 65px; }
          @media screen and (max-width: 768px) {
            .coupon .serial .caution__embed::before {
              left: 54px; } }
    .coupon .serial .serial {
      height: inherit; }
      .coupon .serial .serial__embed {
        height: inherit;
        border: solid 16px #fff;
        background-color: #fff;
        margin-top: -4px; }
  .coupon .store {
    position: relative;
    margin: 40px auto 0;
    background-color: #fff;
    border: solid 4px #fe388b;
    border-radius: 10px;
    padding: 24px 16px 16px;
    width: 454px; }
    @media screen and (max-width: 768px) {
      .coupon .store {
        width: auto;
        padding: 24px 0 16px;
        margin: 40px -8px 0; } }
    .coupon .store__title {
      white-space: nowrap;
      position: absolute;
      left: 0;
      right: 0;
      top: -16px;
      margin: auto;
      text-align: center;
      font-size: 2.5rem;
      color: #fff57f;
      text-shadow: 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 0 4px #fe388b, 0 2px 4px #000; }
    .coupon .store__button ul {
      display: flex;
      justify-content: center;
      list-style: none; }
      .coupon .store__button ul li {
        margin: 0 8px; }
        @media screen and (max-width: 768px) {
          .coupon .store__button ul li {
            margin: 0 4px; }
            .coupon .store__button ul li img {
              height: 40px; } }
  .coupon .footer-wrapper {
    position: relative; }
    .coupon .footer-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      right: -100%;
      bottom: 0;
      margin: auto;
      width: 100vw;
      background-image: url("../images/official/top/footer-cloud.png"), url("../images/official/top/building.png"), url("../images/common/dot-bottom.png"), -webkit-gradient(linear, left bottom, left top, from(#bbe2f5), to(#35d2ff));
      background-image: url("../images/official/top/footer-cloud.png"), url("../images/official/top/building.png"), url("../images/common/dot-bottom.png"), linear-gradient(0deg, #bbe2f5 0%, #35d2ff 100%);
      background-repeat: no-repeat, repeat-x, repeat-x, repeat;
      background-position: calc(50% - 0px) calc(50% - 100px), center bottom, center bottom, top center; }
      @media screen and (min-width: 768px) {
        .coupon .footer-wrapper::before {
          min-width: 1064px; } }
    .coupon .footer-wrapper .footer {
      padding: 0px 0 16px; }

.document {
  background-color: #ea5098;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }

.document__header {
  position: relative;
  margin: 0 1.6rem; }
  @media screen and (max-width: 768px) {
    .document__header {
      margin: 0; } }
.document__inner {
  color: #fff;
  padding: 40px 20px 80px;
  max-width: 800px;
  margin: 0 auto; }

.document h1 {
  font-size: 2.8rem;
  color: #fff57f;
  margin-bottom: 40px; }

.document h2 {
  font-size: 1.8rem;
  color: #fff57f;
  margin-bottom: 12px; }

.document p {
  font-size: 1.3rem;
  line-height: 1.4;
  margin-bottom: 32px; }
  .document p a {
    color: #fff57f; }

.document .button {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 20px;
  width: 150px;
  background-color: #fff;
  border: solid 1px #666;
  color: #666;
  text-align: center;
  padding: 6px 0;
  text-decoration: none;
  font-size: 1.5rem;
  border-radius: 16px; }

.document__footer {
  margin-top: 64px; }

.document-footer-link__locale {
  display: flex;
  font-size: 1.4rem;
  white-space: nowrap;
  margin-bottom: 16px; }
  .document-footer-link__locale__name {
    color: #fff;
    margin-bottom: 0 !important;
    width: 60px;
    flex: 0 0 60px; }
  .document-footer-link__locale__link ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap; }
    .document-footer-link__locale__link ul li {
      position: relative;
      margin-right: 0.8rem;
      padding-right: 0.8rem;
      margin-bottom: 8px; }
      .document-footer-link__locale__link ul li::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #fff; }
      .document-footer-link__locale__link ul li:last-child::before {
        display: none; }
      .document-footer-link__locale__link ul li a {
        color: #fff;
        text-decoration: none; }

.document_bg_color {
  background-color: #ea5098; }

.header-logo {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  z-index: 5;
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .header-logo {
      top: 8px;
      left: 8px;
      width: auto; } }
  @media screen and (max-width: 768px) {
    .header-logo__logo img {
      width: 160px; } }
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  height: 70px;
  border-bottom: solid 2px #fff;
  padding: 8px 0;
  z-index: 15;
  background-color: #eb579d;
  background-image: radial-gradient(#ee6eaa 17%, transparent 20%), radial-gradient(#ee6eaa 17%, transparent 20%);
  background-position: 0 0, 12px 12px;
  background-size: 24px 24px;
  min-width: 1000px; }
  @media screen and (max-width: 768px) {
    .header {
      display: none; } }
  .header__logo {
    margin: -8px 0;
    padding: 0 16px; }
  .header__nav {
    flex: 1; }
    .header__nav > ul {
      display: flex;
      height: 100%; }
      .header__nav > ul > li {
        flex: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .header__nav > ul > li a {
          text-decoration: none;
          color: #fff;
          text-shadow: 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098, 0 0 2px #e95098;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 2rem; }
          .header__nav > ul > li a:hover, .header__nav > ul > li a[data-is-active="true"], .header__nav > ul > li a[data-is-show="true"] {
            color: #fff57f; }
        .header__nav > ul > li.page a {
          position: relative;
          z-index: 30;
          width: 100%;
          height: 100%; }
        .header__nav > ul > li.page::after {
          content: "";
          position: absolute;
          z-index: 20;
          width: 0%;
          max-width: 250px;
          height: 50%;
          background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.35)), color-stop(70%, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0)));
          background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.35) 30%, rgba(255, 255, 255, 0.35) 70%, rgba(255, 255, 255, 0));
          opacity: 0;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
        .header__nav > ul > li.page.active a, .header__nav > ul > li.page:hover a {
          color: #fff57f; }
        .header__nav > ul > li.page.active::after, .header__nav > ul > li.page:hover::after {
          opacity: 1;
          width: 80%; }
        .header__nav > ul > li a.language {
          background-color: #ff96c7;
          border: solid 2px #e33c7e;
          border-radius: 10px;
          padding: 9px 6px;
          font-size: 1.6rem;
          flex-direction: column;
          width: 70%;
          min-width: 87px;
          margin: 5px; }
          .header__nav > ul > li a.language span {
            margin-bottom: 8px; }
          .header__nav > ul > li a.language img {
            -webkit-transition-duration: 0.25s;
                    transition-duration: 0.25s; }
        .header__nav > ul > li a.language[data-is-show="true"] img {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
      .header__nav > ul > li:last-child {
        flex: 1; }
    .header__nav__language {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      right: 0;
      margin: auto;
      -webkit-animation: headerNavLanguage .25s linear 0s 1 normal both;
              animation: headerNavLanguage .25s linear 0s 1 normal both; }

@-webkit-keyframes headerNavLanguage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes headerNavLanguage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.kr .kr-font-size-large {
  font-size: 2.2rem; }

.kr .language-list a {
  font-size: 1.6rem; }

.language-list a.kr-font-size-large {
  font-size: 2.3rem; }

.kr .language-list a.kr-font-size-large {
  font-size: 1.9rem; }

.footer {
  padding: 80px 0 16px; }
  @media screen and (max-width: 768px) {
    .footer {
      padding: 16px 0 16px; } }
  .footer__content {
    position: relative;
    z-index: 1;
    display: flex; }
    @media screen and (max-width: 768px) {
      .footer__content {
        display: block; } }
    .footer__content__logo, .footer__content__app-info {
      flex: 1; }
    @media screen and (max-width: 768px) {
      .footer__content__logo {
        text-align: center;
        margin-bottom: 32px; }
        .footer__content__logo img {
          max-width: 280px; } }
  .footer__button {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding: 80px; }
    @media screen and (max-width: 768px) {
      .footer__button {
        padding: 40px; } }
  .footer__rating {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 65px; }
    .footer__rating img {
      width: 550px; }
      @media screen and (max-width: 768px) {
        .footer__rating img {
          width: 300px; } }
  .footer__link {
    position: relative;
    z-index: 1;
    margin: 16px 0 200px; }
    @media screen and (max-width: 768px) {
      .footer__link {
        margin: 16px 0 140px; } }
    .footer__link ul {
      display: flex;
      list-style: none;
      justify-content: center; }
      .footer__link ul li {
        padding: 0 8px;
        font-size: 1.6rem; }
        @media screen and (max-width: 768px) {
          .footer__link ul li {
            font-size: 1.6rem; } }
        .footer__link ul li a {
          text-decoration: none;
          color: #000;
          -webkit-transition: opacity 0.25s;
          transition: opacity 0.25s; }
          .footer__link ul li a:hover {
            opacity: 0.5; }
        .footer__link ul li + li {
          border-left: solid 1px #000; }
  .footer__company {
    position: relative;
    z-index: 1; }
    .footer__company__logo {
      text-align: center; }
      .footer__company__logo img {
        margin: 16px;
        vertical-align: middle; }
  .footer__copyright {
    position: relative;
    z-index: 1;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .footer__copyright img {
        height: 11px;
        width: auto; } }
.button-twitter,
.button-facebook {
  display: block;
  width: 48px;
  height: 48px;
  background-size: contain; }
  @media screen and (max-width: 768px) {
    .button-twitter,
    .button-facebook {
      width: 40px;
      height: 40px; } }
.button-twitter {
  background-image: url("../images/common/button-twitter.png"); }

.button-facebook {
  background-image: url("../images/common/button-facebook.png"); }

.button-menu {
  display: block;
  width: 40px;
  height: 43px;
  background-size: contain;
  background-image: url("../images/common/button-menu.png");
  background-repeat: no-repeat; }

.button-back {
  display: block;
  width: 40px;
  height: 43px;
  background-size: contain;
  background-image: url("../images/common/button-back.png");
  background-repeat: no-repeat; }

.button-langs {
  display: block;
  width: 48px;
  height: 51.6px;
  background-size: contain;
  background-image: url("../images/common/button-langs.png");
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .button-langs {
      width: 40px;
      height: 43px; } }
.button-close {
  display: block;
  width: 40px;
  height: 43px;
  background-size: contain;
  background-image: url("../images/common/button-close.png");
  background-repeat: no-repeat; }

.button-normal {
  display: flex;
  width: 147px;
  height: 32px;
  background-size: contain;
  background-image: url("../images/common/button-normal.png");
  color: #fff;
  text-decoration: none;
  font-size: 1.3rem;
  justify-content: center;
  align-items: center;
  position: relative;
  line-height: 1.4; }
  .button-normal.-arrow::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    top: -2px;
    bottom: 0;
    right: 12px;
    margin: auto;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.button-campaign {
  display: flex;
  width: 264.6px;
  height: 57.6px;
  background-size: contain;
  background-image: url("../images/pre_register/jp/button-campaign.png");
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
  justify-content: center;
  align-items: center;
  position: relative;
  line-height: 1.4; }
  .button-campaign.-arrow::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    top: -2px;
    bottom: 0;
    right: 26px;
    margin: auto;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.button-normal-large {
  display: flex;
  width: 264.6px;
  height: 57.6px;
  background-size: contain;
  background-image: url("../images/common/button-normal.png");
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
  justify-content: center;
  align-items: center;
  position: relative;
  line-height: 1.4; }
  .button-normal-large.-arrow::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    display: block;
    top: -2px;
    bottom: 0;
    right: 12px;
    margin: auto;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.button-page-top {
  display: block;
  width: 64px;
  height: 70px;
  background-size: contain;
  background-image: url("../images/common/button-page-top.png"); }
  @media screen and (max-width: 768px) {
    .button-page-top {
      width: 45px;
      height: 49px; } }
.button-app-store {
  display: block;
  width: 164px;
  height: 64px;
  background-size: contain;
  background-image: url("../images/pre_register/icon-app-store.png");
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .button-app-store {
      width: 120px;
      height: 46px; } }
.button-google-play {
  display: block;
  width: 206px;
  height: 61px;
  background-size: contain;
  background-image: url("../images/pre_register/icon-google-play.png");
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .button-google-play {
      width: 154px;
      height: 46px; } }
.button-banner {
  display: block;
  width: 292px;
  height: 131px;
  background-size: contain;
  background-image: url("../images/official/top/banner-en.png");
  background-repeat: no-repeat; }
  .button-banner.jp {
    background-image: url("../images/official/top/banner-jp.png"); }
  .button-banner.kr {
    background-image: url("../images/official/top/banner-kr.png"); }

.title-balloon {
  font-size: 2.4rem;
  color: #fff57f;
  text-shadow: #ff0078 4px 0px 0px, #ff0078 3.87565px 0.989616px 0px, #ff0078 3.51033px 1.9177px 0px, #ff0078 2.92676px 2.72656px 0px, #ff0078 2.16121px 3.36588px 0px, #ff0078 1.26129px 3.79594px 0px, #ff0078 0.282949px 3.98998px 0px, #ff0078 -0.712984px 3.93594px 0px, #ff0078 -1.66459px 3.63719px 0px, #ff0078 -2.51269px 3.11229px 0px, #ff0078 -3.20457px 2.39389px 0px, #ff0078 -3.69721px 1.52664px 0px, #ff0078 -3.95997px 0.56448px 0px, #ff0078 -3.97652px -0.432781px 0px, #ff0078 -3.74583px -1.40313px 0px, #ff0078 -3.28224px -2.28625px 0px, #ff0078 -2.61457px -3.02721px 0px, #ff0078 -1.78435px -3.57996px 0px, #ff0078 -0.843183px -3.91012px 0px, #ff0078 0.150409px -3.99717px 0px, #ff0078 1.13465px -3.8357px 0px, #ff0078 2.04834px -3.43574px 0px, #ff0078 2.83468px -2.82216px 0px, #ff0078 3.44477px -2.03312px 0px, #ff0078 3.84068px -1.11766px 0px, #ff0078 3.9978px -0.132717px 0px, white 8px 0px 0px, white 7.93758px 0.997398px 0px, white 7.7513px 1.97923px 0px, white 7.44406px 2.93018px 0px, white 7.02066px 3.8354px 0px, white 6.4877px 4.68078px 0px, white 5.85351px 5.45311px 0px, white 5.12797px 6.14035px 0px, white 4.32242px 6.73177px 0px, white 3.44941px 7.21814px 0px, white 2.52258px 7.59188px 0px, white 1.55638px 7.84714px 0px, white 0.565898px 7.97996px 0px, white -0.433417px 7.98825px 0px, white -1.42597px 7.87189px 0px, white -2.39627px 7.63269px 0px, white -3.32917px 7.27438px 0px, white -4.21013px 6.80256px 0px, white -5.02539px 6.22459px 0px, white -5.76223px 5.54948px 0px, white -6.40915px 4.78778px 0px, white -6.95606px 3.95136px 0px, white -7.39442px 3.05329px 0px, white -7.71739px 2.10757px 0px, white -7.91994px 1.12896px 0px, white -7.9989px 0.132735px 0px, white -7.95304px -0.865561px 0px, white -7.78307px -1.85035px 0px, white -7.49165px -2.80627px 0px, white -7.08333px -3.71839px 0px, white -6.56448px -4.57249px 0px, white -5.94318px -5.35524px 0px, white -5.22915px -6.05442px 0px, white -4.43352px -6.65912px 0px, white -3.5687px -7.15991px 0px, white -2.6482px -7.54898px 0px, white -1.68637px -7.82024px 0px, white -0.698222px -7.96947px 0px, white 0.300817px -7.99434px 0px, white 1.29516px -7.89446px 0px, white 2.2693px -7.67139px 0px, white 3.20802px -7.32862px 0px, white 4.09668px -6.87148px 0px, white 4.92142px -6.30711px 0px, white 5.66936px -5.64432px 0px, white 6.32883px -4.89346px 0px, white 6.88954px -4.06623px 0px, white 7.34274px -3.17555px 0px, white 7.68136px -2.23532px 0px, white 7.90012px -1.26021px 0px, white 7.9956px -0.265434px 0px; }

.ios .title-balloon {
  text-shadow: 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 0 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 2px 4px #ff0078, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff, 0 2px 8px #fff; }

.title-balloon-caution {
  font-size: 2.4rem;
  color: #fff;
  text-shadow: 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 0 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666, 0 2px 4px #666; }

.kr .title-balloon {
  font-weight: 800; }

.app-info dd,
.app-info dt {
  padding: 8px 0;
  margin-bottom: 16px; }

.app-info dt {
  float: left;
  width: 110px;
  background-color: #e95098;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  border-radius: 32px; }
  @media screen and (max-width: 768px) {
    .app-info dt {
      font-size: 1.4rem;
      width: 88px; } }
.app-info dd {
  font-size: 2.1rem;
  margin-left: 120px; }
  @media screen and (max-width: 768px) {
    .app-info dd {
      font-size: 1.6rem;
      margin-left: 100px; } }
.sns-button {
  position: absolute;
  top: 16px;
  right: 0;
  display: flex;
  align-items: center;
  z-index: 10;
  border-radius: 32px; }
  @media screen and (min-width: 768px) {
    .sns-button .menu {
      display: none; } }
  @media screen and (max-width: 768px) {
    .sns-button {
      top: 12px;
      right: 3px; }
      .sns-button.-sp {
        display: block; } }
  .sns-button__button {
    display: flex;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 32px;
    padding: 8px 4px; }
    .sns-button__button a {
      margin: 0 4px; }
    .sns-button__button:last-child {
      padding: 6px 4px;
      margin-left: 8px; }
    .sns-button__button.-sp {
      display: none; }
    @media screen and (max-width: 768px) {
      .sns-button__button {
        margin-left: 8px; }
        .sns-button__button.-sp {
          display: block; } }
.sns-button.back {
  display: none;
  left: 0;
  right: auto;
  max-width: 100px; }
  @media screen and (max-width: 768px) {
    .sns-button.back {
      display: block;
      left: 3px; } }
  .sns-button.back .sns-button__button {
    margin: 0; }

.language-list {
  background-color: rgba(255, 113, 180, 0.8);
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff; }
  .language-list__item {
    margin: 0 8px;
    border-bottom: solid 2px #fff; }
    .language-list__item:last-child {
      border-bottom: 0; }
    .language-list__item a {
      padding: 16px 0; }

.modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0 16px; }
  .modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-animation: modalBg 0.25s linear 0s 1 normal both;
            animation: modalBg 0.25s linear 0s 1 normal both; }

@-webkit-keyframes modalBg {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes modalBg {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .modal__window {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 300px;
    padding: 16px 16px 0;
    background-color: #fff;
    border: solid 6px #fe388b;
    border-radius: 20px;
    background-image: url("../images/common/dot-pink-top.png");
    background-position: top center, bottom center;
    background-repeat: repeat-x, repeat-x;
    background-size: 16px auto;
    -webkit-animation: modalWindow 0.25s linear 0.25s 1 normal both;
            animation: modalWindow 0.25s linear 0.25s 1 normal both; }

@-webkit-keyframes modalWindow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(calc(-50% - 34px));
            transform: translateY(calc(-50% - 34px)); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(calc(-50% - 10px));
            transform: translateY(calc(-50% - 10px)); } }

@keyframes modalWindow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(calc(-50% - 34px));
            transform: translateY(calc(-50% - 34px)); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(calc(-50% - 10px));
            transform: translateY(calc(-50% - 10px)); } }
  .modal__logo {
    text-align: center;
    margin-bottom: 24px; }
  .modal__close {
    position: absolute;
    top: -8px;
    right: -8px; }
  .modal__content__buttons.center {
    display: flex;
    justify-content: center;
    margin-bottom: 24px; }
  .modal__content__buttons ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between; }
    .modal__content__buttons ul li {
      margin-bottom: 24px; }
  .modal__body {
    text-align: center;
    font-size: 2rem;
    color: #666;
    margin: 40px auto; }

[data-push="on"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9); }

[data-push] {
  -webkit-transition: -webkit-filter .25s;
  transition: -webkit-filter .25s;
  transition: filter .25s;
  transition: filter .25s, -webkit-filter .25s; }

[data-push]:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%); }

[v-cloak] {
  visibility: hidden; }