@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&display=swap");
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, var, b, i, a, dl, dt, dd, ol, ul, li, button, input, textarea, 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, main, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
}

audio, canvas, progress, video {
  display: inline-block;
}

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

[disabled] {
  cursor: default;
}

[type=number] {
  width: auto;
}

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button, input {
  overflow: visible;
}

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

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

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

button, select {
  text-transform: none;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

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

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

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

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

a:active, a:hover {
  outline-width: 0;
}

a, area, button, [role=button], input:not([type=range]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

ol, ul, li {
  list-style: none;
}

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

th {
  font-weight: normal;
}

hr {
  display: block;
  height: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

code, kbd, pre, samp {
  font-family: Consolas, "Courier New", Courier, Monaco, monospace;
}

blockquote, q {
  quotes: none;
}

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

@-webkit-keyframes slider_loop {
  0% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slider_loop {
  0% {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slider_loop2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@keyframes slider_loop2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@-webkit-keyframes slider_loop3 {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-300%, 0, 0);
            transform: translate3d(-300%, 0, 0);
  }
}
@keyframes slider_loop3 {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-300%, 0, 0);
            transform: translate3d(-300%, 0, 0);
  }
}
@-webkit-keyframes slider_loop_sp {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slider_loop_sp {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes slider_loop2_sp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@keyframes slider_loop2_sp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes loop {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }
}
@-webkit-keyframes new {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes new {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  30% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}
@keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}
@-webkit-keyframes arrow_left {
  0% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
  15% {
    -webkit-transform: scale(-1) translateX(10px);
            transform: scale(-1) translateX(10px);
  }
  30% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
  45% {
    -webkit-transform: scale(-1) translateX(10px);
            transform: scale(-1) translateX(10px);
  }
  60% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
  100% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
}
@keyframes arrow_left {
  0% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
  15% {
    -webkit-transform: scale(-1) translateX(10px);
            transform: scale(-1) translateX(10px);
  }
  30% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
  45% {
    -webkit-transform: scale(-1) translateX(10px);
            transform: scale(-1) translateX(10px);
  }
  60% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
  100% {
    -webkit-transform: scale(-1) translateX(0);
            transform: scale(-1) translateX(0);
  }
}
@-webkit-keyframes arrow_right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  15% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  60% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes arrow_right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  15% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  30% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  60% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes color_bg1 {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes color_bg1 {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0);
  }
}
@-webkit-keyframes color_bg2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
@keyframes color_bg2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
@-webkit-keyframes paint_mask {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  20% {
    -webkit-clip-path: polygon(0 0, 40% 0, 16% 100%, 0 100%);
            clip-path: polygon(0 0, 40% 0, 16% 100%, 0 100%);
  }
  40% {
    -webkit-clip-path: polygon(0 0, 40% 0, 54% 100%, 0 100%);
            clip-path: polygon(0 0, 40% 0, 54% 100%, 0 100%);
  }
  60% {
    -webkit-clip-path: polygon(0 0, 68% 0, 54% 100%, 0 100%);
            clip-path: polygon(0 0, 68% 0, 54% 100%, 0 100%);
  }
  80% {
    -webkit-clip-path: polygon(0 0, 68% 0, 90% 100%, 0 100%);
            clip-path: polygon(0 0, 68% 0, 90% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes paint_mask {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  20% {
    -webkit-clip-path: polygon(0 0, 40% 0, 16% 100%, 0 100%);
            clip-path: polygon(0 0, 40% 0, 16% 100%, 0 100%);
  }
  40% {
    -webkit-clip-path: polygon(0 0, 40% 0, 54% 100%, 0 100%);
            clip-path: polygon(0 0, 40% 0, 54% 100%, 0 100%);
  }
  60% {
    -webkit-clip-path: polygon(0 0, 68% 0, 54% 100%, 0 100%);
            clip-path: polygon(0 0, 68% 0, 54% 100%, 0 100%);
  }
  80% {
    -webkit-clip-path: polygon(0 0, 68% 0, 90% 100%, 0 100%);
            clip-path: polygon(0 0, 68% 0, 90% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
html {
  height: 100%;
}

body {
  font-family: "YakuHanJPs", "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 0.88vw;
}
body.noscroll {
  overflow: hidden;
}

img {
  vertical-align: bottom;
}

[data-target-mask] {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
[data-target-mask][data-right].action, [data-target-mask][data-left].action, [data-target-mask][data-up].action, [data-target-mask][data-down].action {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
[data-target-mask][data-right] {
  -webkit-clip-path: inset(0 99.9% 0 0);
          clip-path: inset(0 99.9% 0 0);
}
[data-target-mask][data-left] {
  -webkit-clip-path: inset(0 0 0 99.9%);
          clip-path: inset(0 0 0 99.9%);
}
[data-target-mask][data-up] {
  -webkit-clip-path: inset(99.9% 0 0 0);
          clip-path: inset(99.9% 0 0 0);
}
[data-target-mask][data-down] {
  -webkit-clip-path: inset(0 0 99.9% 0);
          clip-path: inset(0 0 99.9% 0);
}

[data-target] {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
}
[data-target].action {
  opacity: 1;
}
[data-target][data-nomotion] {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}
[data-target][data-slideup] {
  -webkit-transform: translateY(1.25vw) scale(1);
          transform: translateY(1.25vw) scale(1);
}
[data-target][data-slideup].action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
[data-target][data-slidedown] {
  -webkit-transform: translateY(-1.25vw) scale(1);
          transform: translateY(-1.25vw) scale(1);
}
[data-target][data-slidedown].action {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
[data-target][data-slideleft] {
  -webkit-transform: translateX(1.25vw) scale(1);
          transform: translateX(1.25vw) scale(1);
}
[data-target][data-slideleft].action {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
[data-target][data-slideright] {
  -webkit-transform: translateX(-1.25vw) scale(1);
          transform: translateX(-1.25vw) scale(1);
}
[data-target][data-slideright].action {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

[data-lzy] {
  opacity: 0;
}
[data-lzy].action {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 1;
}

.disable-hover {
  pointer-events: none;
}

#defineSVG {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
}

#wrapper {
  position: relative;
  overflow: hidden;
}

#globalNavi {
  height: 16.88vw;
  position: relative;
  margin-top: -4.38vw;
  z-index: 10;
}
#globalNavi:before {
  -webkit-mask: url(../img/common/mask_gnavi.svg) repeat-x 50% 0;
          mask: url(../img/common/mask_gnavi.svg) repeat-x 50% 0;
  -webkit-mask-size: auto 101%;
          mask-size: auto 101%;
  background: url(../img/common/bg_gnavi.jpg) no-repeat 50% 100%;
  background-size: cover;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#globalNavi .btn_pagetop {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: url(../img/common/btn_pagetop.svg) no-repeat 0 0;
  background-size: 100% 100%;
  width: 6.44vw;
  height: 6.19vw;
  position: absolute;
  top: -3.75vw;
  right: 0;
  display: block;
  z-index: 2;
}
#globalNavi .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.81vw 0 2.5vw;
  max-width: 85vw;
  margin: auto;
  position: relative;
  z-index: 5;
}
#globalNavi .gnavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0.5vw;
  width: calc(100% - 18.13vw);
}
#globalNavi .nav {
  display: block;
  position: relative;
  margin-right: 0.63vw;
}
#globalNavi .nav:last-of-type {
  margin-right: 0;
}
#globalNavi .nav.active {
  pointer-events: none;
}
#globalNavi .nav.active .chara img {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
#globalNavi .nav.active .chara .star {
  -webkit-transform: translate(0, 0) rotate(5deg) scale(1);
          transform: translate(0, 0) rotate(5deg) scale(1);
  opacity: 1;
  visibility: visible;
}
#globalNavi .nav.active .btn {
  background-color: #d84058;
}
#globalNavi .nav.active .btn:before {
  border-color: #ffffff;
}
#globalNavi .nav.active .btn img,
#globalNavi .nav.active .btn .star {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0%) invert(100%);
          filter: brightness(0%) invert(100%);
}
#globalNavi .nav.active .btn .btn_inner:before {
  background-image: url(../img/common/gnavi_line_on.gif);
}
#globalNavi .nav.active .btn .btn_inner:after {
  background-image: url(../img/common/gnavi_dot_on.gif);
}
#globalNavi .chara {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
#globalNavi .chara img {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,-webkit-transform;
  transition-property: opacity,visibility,-webkit-transform;
  transition-property: transform,opacity,visibility;
  transition-property: transform,opacity,visibility,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
  position: absolute;
  left: 50%;
  opacity: 0;
  visibility: hidden;
}
#globalNavi .chara .star {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,-webkit-transform;
  transition-property: opacity,visibility,-webkit-transform;
  transition-property: transform,opacity,visibility;
  transition-property: transform,opacity,visibility,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(-10px, 10px) rotate(-45deg) scale(0.5);
          transform: translate(-10px, 10px) rotate(-45deg) scale(0.5);
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#globalNavi .chara .star.s1 {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  width: 1.56vw;
  height: 1.56vw;
  top: -5.13vw;
  right: 0.81vw;
}
#globalNavi .chara .star.s2 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  width: 1vw;
  height: 1vw;
  top: -3.44vw;
  right: 0.56vw;
}
#globalNavi .btn {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #ffffff;
  width: 10.63vw;
  height: 5.63vw;
  position: relative;
  border-radius: 1.25vw;
  -webkit-filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#globalNavi .btn:before {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 10.13vw;
  height: 5.13vw;
  border-radius: 1.13vw;
  border: 3px solid #d84058;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 5;
}
#globalNavi .btn .btn_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10.13vw;
  height: 5.13vw;
  border-radius: 1.13vw;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#globalNavi .btn .btn_inner:before {
  background: url(../img/common/gnavi_line.png) repeat 0 0;
  background-size: 0.69vw 0.69vw;
  content: "";
  display: block;
  width: 3.38vw;
  height: 3.38vw;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
  z-index: 0;
}
#globalNavi .btn .btn_inner:after {
  background: url(../img/common/gnavi_dot.png) repeat 0 0;
  background-size: 0.5vw 0.5vw;
  content: "";
  display: block;
  width: 3.38vw;
  height: 3.38vw;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: 0;
}
#globalNavi .btn img {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  z-index: 5;
}
#globalNavi .btn .star {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  width: 0.75vw;
  height: 0.75vw;
  position: absolute;
  top: 50%;
  margin-top: -0.38vw;
  z-index: 5;
}
#globalNavi .btn .star.s1 {
  left: 0.88vw;
}
#globalNavi .btn .star.s2 {
  right: 0.88vw;
}
#globalNavi .n_top .chara img {
  height: 5vw;
  top: -3.88vw;
}
#globalNavi .n_top .btn img {
  height: 1.19vw;
}
#globalNavi .n_about .chara img {
  height: 5vw;
  top: -5.13vw;
}
#globalNavi .n_about .btn img {
  height: 1.19vw;
}
#globalNavi .n_copy .chara img {
  height: 6.25vw;
  top: -5.13vw;
  margin-left: -0.94vw;
}
#globalNavi .n_copy .btn img {
  height: 1.19vw;
}
#globalNavi .n_mouthful .chara img {
  height: 5.94vw;
  top: -5.13vw;
}
#globalNavi .n_mouthful .btn img {
  height: 2.56vw;
}
#globalNavi .n_town .chara img {
  height: 4.44vw;
  top: -3.75vw;
}
#globalNavi .n_town .btn img {
  height: 2.56vw;
}
#globalNavi .n_movie .chara img {
  height: 5vw;
  top: -4.31vw;
}
#globalNavi .n_movie .btn img {
  height: 1.19vw;
}

#globalFooter {
  background-color: #4f2807;
  color: #ffffff;
  position: relative;
  z-index: 10;
}
#globalFooter .inner {
  max-width: 100vw;
  margin: 0 auto;
  padding: 0 2.38vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3.38vw;
}
#globalFooter .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#globalFooter .link li {
  margin-right: 1.25vw;
}
#globalFooter .link a {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: block;
  position: relative;
  padding-left: 1.5vw;
  font-weight: bold;
}
#globalFooter .link a:before {
  background: url(../img/common/ic_star_white.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 0.94vw;
  height: 0.94vw;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.47vw;
}
#globalFooter .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#globalFooter .copyright {
  margin-right: 1.88vw;
}
#globalFooter .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#globalFooter .sns li {
  margin-right: 0.63vw;
}
#globalFooter .sns li:last-of-type {
  margin-right: 0;
}

.switch_logo {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: url(../img/common/logo_switch.png) no-repeat 0 0;
  background-size: 100% 100%;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 99;
}

.site_logo {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: url(../img/common/logo.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 17.63vw;
  height: 11.81vw;
  display: block;
  text-indent: -9999px;
  z-index: 99;
}
.site_logo.return {
  display: none;
}

.star {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 1.5vw;
  height: 1.5vw;
}
.star.white {
  background-image: url(../img/common/ic_star_white.svg);
}
.star.red {
  background-image: url(../img/common/ic_star_red.svg);
}
.star.yellow {
  background-image: url(../img/common/ic_star_yellow.svg);
}
.star.blue {
  background-image: url(../img/common/ic_star_blue.svg);
}
.star.green {
  background-image: url(../img/common/ic_star_green.svg);
}

.close {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 1.88vw;
  height: 1.88vw;
}
.close.red {
  background-image: url(../img/common/ic_close_red.svg);
}
.close.blue {
  background-image: url(../img/common/ic_close_blue.svg);
}
.close.green {
  background-image: url(../img/common/ic_close_green.svg);
}

.chara,
.obj {
  position: absolute;
  max-width: none;
  max-width: initial;
}

.anim_chara {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: transform,opacity,visibility,margin;
  transition-property: transform,opacity,visibility,margin,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(0, 10px) scale(0.5);
          transform: translate(0, 10px) scale(0.5);
  opacity: 0;
  visibility: hidden;
}
.anim_chara.action {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}

.arrow_evol {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 30% 50%;
          transform-origin: 30% 50%;
  opacity: 0;
  height: 3.75vw;
  width: 11.25vw;
}
.arrow_evol:before {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  background: url(../img/common/ic_arrow_right.svg) no-repeat 100% 0;
  background-size: auto 100%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-clip-path: inset(0 99.9% 0 0);
          clip-path: inset(0 99.9% 0 0);
}
.arrow_evol .img {
  position: absolute;
  width: 8.13vw;
  height: 8.13vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="6" dy="1" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(5px 0 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(5px 0 0 rgba(52, 52, 52, .5));
}
.arrow_evol .star {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.5) rotate(-180deg);
          transform: scale(0.5) rotate(-180deg);
  opacity: 0;
  width: 8.13vw;
  height: 8.13vw;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4.06vw 0 0 -4.06vw;
  z-index: 0;
}
.arrow_evol .txt {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
  position: relative;
  z-index: 2;
}
.arrow_evol.action {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.arrow_evol.action:before {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.arrow_evol.action .star {
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1;
}
.arrow_evol.action .txt {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

[data-new=true]:before {
  -webkit-animation: new 1.4s ease infinite;
          animation: new 1.4s ease infinite;
  background: url(../img/common/ic_new.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 4.63vw;
  height: 4.63vw;
  position: absolute;
  top: -1.56vw;
  right: -1.56vw;
  z-index: 10;
}
[data-new=true].ic_star:before {
  background-image: url(../img/common/ic_new_star.png);
  width: 5.31vw;
  height: 5.44vw;
  top: -1.56vw;
  right: -1.56vw;
}

section,
.contents {
  position: relative;
  z-index: 5;
}

.sec_inner {
  position: relative;
  max-width: 85vw;
  margin: auto;
}

.main_title {
  position: relative;
  height: 6.56vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main_title .title {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,-webkit-transform;
  transition-property: opacity,visibility,-webkit-transform;
  transition-property: transform,opacity,visibility;
  transition-property: transform,opacity,visibility,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  position: relative;
  z-index: 3;
  height: 3.5vw;
}
.main_title .title.ruby {
  height: 4.69vw;
  margin-top: -0.19vw;
}
.main_title .label {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  height: 6.56vw;
  min-width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  pointer-events: none;
}
.main_title .deco {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  height: 2.13vw;
  min-width: 1px;
  position: absolute;
  bottom: -2.19vw;
  left: 50%;
  pointer-events: none;
}
.main_title .label,
.main_title .deco {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-clip-path: inset(0 99.9% 0 0);
          clip-path: inset(0 99.9% 0 0);
}
.main_title.action .title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.main_title.action .label,
.main_title.action .deco {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.paint_title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paint_title .label {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.paint_title .title {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,-webkit-transform;
  transition-property: opacity,visibility,-webkit-transform;
  transition-property: transform,opacity,visibility;
  transition-property: transform,opacity,visibility,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
  position: relative;
  z-index: 2;
}
.paint_title.action .label {
  -webkit-animation: paint_mask 0.6s steps(5) forwards 0.2s;
          animation: paint_mask 0.6s steps(5) forwards 0.2s;
}
.paint_title.action .title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.label_title {
  position: relative;
  width: 18.38vw;
  height: 2.38vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.13vw;
  margin-left: auto;
  margin-right: auto;
}
.label_title:before, .label_title:after {
  background-position: 0 -1px;
  background-repeat: no-repeat;
  background-size: 100% calc(100% + 2px);
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  position: absolute;
  top: 0;
}
.label_title:before {
  left: -7px;
}
.label_title:after {
  right: -7px;
}
.label_title img {
  height: 1.5vw;
}
.label_title .star {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  width: 0.88vw;
  height: 0.88vw;
}
.label_title .star.s1 {
  left: 1.25vw;
}
.label_title .star.s2 {
  right: 1.25vw;
}
.label_title.red {
  background-color: #d84058;
  color: #ffffff;
}
.label_title.red:before {
  background-image: url(../img/common/label_left_red.png);
}
.label_title.red:after {
  background-image: url(../img/common/label_right_red.png);
}
.label_title.white {
  background-color: #ffffff;
  color: #d84058;
}
.label_title.white:before {
  background-image: url(../img/common/label_left_white.png);
}
.label_title.white:after {
  background-image: url(../img/common/label_right_white.png);
}
.label_title.shadow {
  -webkit-filter: drop-shadow(0 0 0.31vw rgba(0, 0, 0, .3));
          filter: drop-shadow(0 0 0.31vw rgba(0, 0, 0, .3));
}
.label_title.large {
  width: 35.63vw;
  height: 3vw;
  font-size: 1.63vw;
}
.label_title.txt {
  height: 3vw;
  font-size: 1.75vw;
  font-weight: bold;
}

.basic_title {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.basic_title:before {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ffffff;
  content: "";
  display: block;
  width: 0;
  height: 0.31vw;
  border-radius: 0.16vw;
  position: absolute;
  bottom: -1.44vw;
  left: 50%;
  -webkit-box-shadow: 0.25vw 0 0 rgba(0, 0, 0, .2);
          box-shadow: 0.25vw 0 0 rgba(0, 0, 0, .2);
}
.basic_title .title {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,-webkit-transform;
  transition-property: opacity,visibility,-webkit-transform;
  transition-property: transform,opacity,visibility;
  transition-property: transform,opacity,visibility,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
}
.basic_title .sub_title {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,-webkit-transform;
  transition-property: opacity,visibility,-webkit-transform;
  transition-property: transform,opacity,visibility;
  transition-property: transform,opacity,visibility,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
}
.basic_title .star {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
  -webkit-transform: rotate(360deg) scale(0.5);
          transform: rotate(360deg) scale(0.5);
  opacity: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.75vw;
  -webkit-filter: drop-shadow(0.25vw 0 0 rgba(0, 0, 0, .2));
          filter: drop-shadow(0.25vw 0 0 rgba(0, 0, 0, .2));
}
.basic_title .star.s1 {
  left: 0;
}
.basic_title .star.s2 {
  right: 0;
}
.basic_title.action:before {
  width: 100%;
}
.basic_title.action .title,
.basic_title.action .sub_title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.basic_title.action .star {
  -webkit-transform: rotate(0deg) scale(1);
          transform: rotate(0deg) scale(1);
  opacity: 1;
}

.lead {
  color: #ffffff;
  font-size: 1.63vw;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

.btn_more {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #ffffff;
  width: 29.56vw;
  height: 4.38vw;
  border-radius: 2.19vw;
  position: relative;
  -webkit-filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}
.btn_more img {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  z-index: 5;
  height: 1.5vw;
}
.btn_more .star {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  width: 1.25vw;
  height: 1.25vw;
  position: absolute;
  top: 50%;
  margin-top: -0.63vw;
  z-index: 5;
}
.btn_more .star.s1 {
  left: 1.25vw;
}
.btn_more .star.s2 {
  right: 1.25vw;
}
.btn_more .btn_inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: border;
  transition-property: border;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 2vw;
  overflow: hidden;
  position: relative;
  border: 3px solid #c33a4f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.btn_more .btn_inner:before {
  background: url(../img/common/gnavi_line.png) repeat 0 0;
  background-size: 0.5vw 0.5vw;
  content: "";
  display: block;
  width: 6.38vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 200%);
          clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 200%);
  z-index: 0;
}
.btn_more .btn_inner:after {
  background: url(../img/common/gnavi_dot.png) repeat 0 0;
  background-size: 0.38vw 0.38vw;
  content: "";
  display: block;
  width: 6.38vw;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: 0;
}
.btn_more.blue .btn_inner {
  border-color: #0c636d;
}
.btn_more.green .btn_inner {
  border-color: #0ec1b6;
}

.btn_play {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 6.38vw;
  height: 6.38vw;
  display: block;
  -webkit-filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .2));
          filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .2));
}
.btn_play.red {
  background-image: url(../img/common/ic_play_red.svg);
}
.btn_play.green {
  background-image: url(../img/common/ic_play_green.svg);
}

.btn_close {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #ffffff;
  width: 5.63vw;
  height: 5.63vw;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.btn_close:before {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: border;
  transition-property: border;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  border-width: 3px;
  border-style: solid;
  content: "";
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn_close .close {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.btn_close.blue:before {
  border-color: #0c636d;
}
.btn_close.red:before {
  border-color: #d84058;
}
.btn_close.green:before {
  border-color: #0ec1b6;
}

.frame {
  background-color: #ffffff;
  border-radius: 0.63vw;
  border: 3px solid #ffffff;
  position: relative;
  overflow: hidden;
}
.frame.wide {
  border-width: 0.88vw;
  border-radius: 1.25vw;
}
.frame.shadow {
  -webkit-box-shadow: 0 0 0.38vw rgba(0, 0, 0, .2);
          box-shadow: 0 0 0.38vw rgba(0, 0, 0, .2);
}
.frame.shadow2 {
  -webkit-filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
}
.frame.red {
  background-color: #d84058;
  border-color: #d84058;
}
.frame.yellow {
  background-color: #ffff00;
  border-color: #ffff00;
}
.frame.green {
  background-color: #0ec1b6;
  border-color: #0ec1b6;
}
.frame .frame_inner {
  border-radius: 0.63vw;
  overflow: hidden;
  position: relative;
}
.frame img,
.frame video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

[data-ytplayer] {
  position: relative;
}
[data-ytplayer] a {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: block;
  position: relative;
  z-index: 2;
}
[data-ytplayer] a:before {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
[data-ytplayer] a .thumb {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  display: block;
}
[data-ytplayer] a .btn {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  pointer-events: none;
}
[data-ytplayer] a.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
[data-ytplayer] .yt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
[data-ytplayer] iframe {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

[data-clickmovie] {
  position: relative;
}
[data-clickmovie] video {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
[data-clickmovie] .btn {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  pointer-events: none;
}
[data-clickmovie].active .btn {
  opacity: 0;
  visibility: hidden;
}

[data-autoplaymovie] {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.loop_slider {
  width: 100%;
  z-index: 1;
}
.loop_slider.action .slider {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}
.loop_slider .slider_wrap {
  -webkit-box-shadow: 0 0 1.25vw rgba(0, 0, 0, .3);
          box-shadow: 0 0 1.25vw rgba(0, 0, 0, .3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.loop_slider .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
  position: relative;
  z-index: 1;
  will-change: transform;
}
.loop_slider .slider:first-child {
  -webkit-animation: slider_loop 180s linear infinite;
          animation: slider_loop 180s linear infinite;
}
.loop_slider .slider:nth-child(2) {
  -webkit-animation: slider_loop2 180s -120s linear infinite;
          animation: slider_loop2 180s -120s linear infinite;
}
.loop_slider .slider:last-child {
  -webkit-animation: slider_loop3 180s -60s linear infinite;
          animation: slider_loop3 180s -60s linear infinite;
}
.loop_slider .slider.reverse:first-child {
  animation-direction: reverse;
}
.loop_slider .slider.reverse:nth-child(2) {
  animation-direction: reverse;
}
.loop_slider .slider.reverse:last-child {
  animation-direction: reverse;
}
.loop_slider .slider figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.loop_slider img {
  width: 27.81vw;
  height: 15.63vw;
  max-width: none;
  max-width: initial;
  display: block;
}

.mask {
  -webkit-transform: translate3d(0);
          transform: translate3d(0);
  -webkit-mask: url(../img/common/mask_pc.svg) repeat-x 50% 0;
          mask: url(../img/common/mask_pc.svg) repeat-x 50% 0;
  -webkit-mask-size: 100vw auto;
          mask-size: 100vw auto;
}
.mask.reverse {
  -webkit-mask-image: url(../img/common/mask_reverse_pc.svg);
          mask-image: url(../img/common/mask_reverse_pc.svg);
}

.bg_movie {
  width: 100%;
  position: relative;
  pointer-events: none;
  overflow: hidden;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.9" /><feFuncG type="linear" slope="0.9" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}
.bg_movie:before {
  content: "";
  display: block;
  padding-top: 56.24%;
}
.bg_movie video {
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  height: 110%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bg_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.bg_image img {
  width: 110%;
  height: 110%;
  -o-object-fit: cover;
     object-fit: cover;
}

.color_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.color_bg:before, .color_bg:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  content: "";
  display: block;
  z-index: 0;
}
.color_bg:before {
  width: 35.81vw;
  height: 20.94vw;
  top: 0;
  left: 0;
}
.color_bg:after {
  width: 45.88vw;
  height: 25.25vw;
  bottom: 0;
  right: 0;
}
.color_bg .color_bg_obj1,
.color_bg .color_bg_obj2,
.color_bg .color_bg_star {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity,visibility;
  transition-property: opacity,visibility;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.color_bg .color_bg_obj1:before, .color_bg .color_bg_obj1:after,
.color_bg .color_bg_obj2:before,
.color_bg .color_bg_obj2:after,
.color_bg .color_bg_star:before,
.color_bg .color_bg_star:after {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
  background-size: 51.25vw 51.25vw;
  background-position: 0 0;
  background-repeat: repeat;
  position: absolute;
  content: "";
  display: block;
  width: 205vw;
  height: 153.75vw;
  will-change: transform;
}
.color_bg .color_bg_obj1:before, .color_bg .color_bg_obj1:after {
  background-image: url(../img/common/bg_page_obj1.png);
}
.color_bg .color_bg_obj1:before {
  -webkit-animation: color_bg1 80s linear infinite;
          animation: color_bg1 80s linear infinite;
}
.color_bg .color_bg_obj1:after {
  -webkit-animation: color_bg2 80s linear infinite;
          animation: color_bg2 80s linear infinite;
}
.color_bg .color_bg_obj2:before, .color_bg .color_bg_obj2:after {
  background-image: url(../img/common/bg_page_obj2.png);
}
.color_bg .color_bg_obj2:before {
  -webkit-animation: color_bg1 100s linear infinite;
          animation: color_bg1 100s linear infinite;
}
.color_bg .color_bg_obj2:after {
  -webkit-animation: color_bg2 100s linear infinite;
          animation: color_bg2 100s linear infinite;
}
.color_bg .color_bg_star:before, .color_bg .color_bg_star:after {
  background-image: url(../img/common/bg_page_stars.png);
}
.color_bg .color_bg_star:before {
  -webkit-animation: color_bg1 50s linear infinite;
          animation: color_bg1 50s linear infinite;
}
.color_bg .color_bg_star:after {
  -webkit-animation: color_bg2 50s linear infinite;
          animation: color_bg2 50s linear infinite;
}
.color_bg.green {
  background-color: #4d931a;
}
.color_bg.green:before {
  background-image: url(../img/common/bg_moya_lt_green.png);
}
.color_bg.green:after {
  background-image: url(../img/common/bg_moya_rb_green.png);
}
.color_bg.red {
  background-color: #c33a4f;
}
.color_bg.red:before {
  background-image: url(../img/common/bg_moya_lt_red.png);
}
.color_bg.red:after {
  background-image: url(../img/common/bg_moya_rb_red.png);
}
.color_bg.action .color_bg_obj1,
.color_bg.action .color_bg_obj2,
.color_bg.action .color_bg_star {
  visibility: visible;
  opacity: 1;
}
.color_bg.action .color_bg_obj1:before, .color_bg.action .color_bg_obj1:after,
.color_bg.action .color_bg_obj2:before,
.color_bg.action .color_bg_obj2:after,
.color_bg.action .color_bg_star:before,
.color_bg.action .color_bg_star:after {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}

.para_bg {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 120%;
  will-change: transform3d;
}
.para_bg.fixed {
  height: 100%;
  top: 0;
}
.para_bg.fixed img,
.para_bg.fixed video {
  position: fixed;
  height: 150%;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.para_bg img,
.para_bg video {
  position: absolute;
  top: 0;
  left: 0;
  height: 120%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#modal {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: rgba(0, 0, 0, .7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: none;
}
#modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
#modal.active .bg_obj1:before, #modal.active .bg_obj1:after,
#modal.active .bg_obj2:before,
#modal.active .bg_obj2:after,
#modal.active .bg_star:before,
#modal.active .bg_star:after {
  -webkit-animation-play-state: running !important;
          animation-play-state: running !important;
}
#modal .bg_obj1,
#modal .bg_obj2,
#modal .bg_star {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
#modal .bg_obj1:before, #modal .bg_obj1:after,
#modal .bg_obj2:before,
#modal .bg_obj2:after,
#modal .bg_star:before,
#modal .bg_star:after {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
  background-size: 51.25vw 51.25vw;
  background-position: 0 0;
  background-repeat: repeat;
  position: absolute;
  content: "";
  display: block;
  width: 205vw;
  height: 153.75vw;
  will-change: transform;
}
#modal .bg_obj1:before, #modal .bg_obj1:after {
  background-image: url(../img/common/bg_page_obj1.png);
}
#modal .bg_obj1:before {
  -webkit-animation: color_bg1 80s linear infinite;
          animation: color_bg1 80s linear infinite;
}
#modal .bg_obj1:after {
  -webkit-animation: color_bg2 80s linear infinite;
          animation: color_bg2 80s linear infinite;
}
#modal .bg_obj2:before, #modal .bg_obj2:after {
  background-image: url(../img/common/bg_page_obj2.png);
}
#modal .bg_obj2:before {
  -webkit-animation: color_bg1 100s linear infinite;
          animation: color_bg1 100s linear infinite;
}
#modal .bg_obj2:after {
  -webkit-animation: color_bg2 100s linear infinite;
          animation: color_bg2 100s linear infinite;
}
#modal .bg_star:before, #modal .bg_star:after {
  background-image: url(../img/common/bg_page_stars.png);
}
#modal .bg_star:before {
  -webkit-animation: color_bg1 50s linear infinite;
          animation: color_bg1 50s linear infinite;
}
#modal .bg_star:after {
  -webkit-animation: color_bg2 50s linear infinite;
          animation: color_bg2 50s linear infinite;
}
#modal #modalInner {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 7.5vw 0;
}
#modal #modalContents {
  position: relative;
  z-index: 5;
  max-width: 80vw;
  width: 100%;
  margin: auto;
}
#modal .btn_close {
  position: absolute;
  top: -5.63vw;
  right: -5.63vw;
}
#modal .modal_body {
  display: none;
  background-color: #e2e2e2;
  position: relative;
  width: 100%;
  border-radius: 1.13vw;
  overflow: hidden;
  margin-bottom: 2.5vw;
}
#modal .modal_body:before {
  border: 4px solid #0c636d;
  content: "";
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 4px;
  left: 4px;
  pointer-events: none;
  z-index: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1.13vw;
}
#modal .modal_body.active {
  display: block;
}

[data-page=top] #mv {
  width: 100%;
  height: 51.5vw;
  z-index: 6;
}
[data-page=top] #mv .mv_wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
[data-page=top] #mv .color_bg {
  display: none;
}
[data-page=top] #mv .bg {
  -webkit-transition-duration: 1.6s;
          transition-duration: 1.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
[data-page=top] #mv .bg img {
  width: 100%;
  height: calc(100% + 2px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}
[data-page=top] #mv #opening {
  -webkit-transition-duration: 3s;
          transition-duration: 3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
[data-page=top] #mv #opening.hide {
  opacity: 0;
  visibility: hidden;
}
[data-page=top] #mv #opening.hidden {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
}
[data-page=top] #mv #opening video {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: -webkit-filter;
  transition-property: -webkit-filter;
  transition-property: filter;
  transition-property: filter, -webkit-filter;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0);
          filter: brightness(0);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
[data-page=top] #mv .sec_inner {
  width: 100%;
  height: 100%;
  max-width: none;
  max-width: initial;
}
[data-page=top] #mv .site_logo {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
  -webkit-transform: scale(0.7) translateY(10px);
          transform: scale(0.7) translateY(10px);
  width: 28.38vw;
  height: 19.56vw;
  position: absolute;
  top: 2.5vw;
  left: 5.31vw;
  opacity: 0;
  visibility: hidden;
}
[data-page=top] #mv .date {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  -webkit-transform: scale(0.7) translateY(10px);
          transform: scale(0.7) translateY(10px);
  position: absolute;
  bottom: 3.13vw;
  left: 7.69vw;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
[data-page=top] #mv .date img {
  width: 30.59vw;
  height: 4.38vw;
}
[data-page=top] #mv .news {
  display: none;
}
[data-page=top] #mv .movie {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  -webkit-transform: scale(0.7) translateY(10px);
          transform: scale(0.7) translateY(10px);
  width: 23.5vw;
  height: 13.75vw;
  position: absolute;
  bottom: 3.5vw;
  left: 7.5vw;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
}
[data-page=top] #mv .movie .title {
  position: absolute;
  top: -1.75vw;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 5;
}
[data-page=top] #mv .movie .title img {
  height: 2.94vw;
}
[data-page=top] #mv .movie .frame {
  border-width: 8px;
}
[data-page=top] #mv .movie .frame a {
  overflow: hidden;
  display: block;
  position: relative;
  border-radius: 6px;
}
[data-page=top] #mv .movie .frame a img,
[data-page=top] #mv .movie .frame a video {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
[data-page=top] #mv .movie .ic_update {
  -webkit-animation: new 1.4s ease infinite;
          animation: new 1.4s ease infinite;
  position: absolute;
  top: -1.25vw;
  right: -1.5vw;
  width: 5.31vw;
  height: 5.44vw;
  z-index: 5;
  pointer-events: none;
}
[data-page=top] #mv .bnr_trial {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  -webkit-transform: scale(0.7) translateY(10px);
          transform: scale(0.7) translateY(10px);
  position: absolute;
  bottom: -2.81vw;
  right: 7.5vw;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  display: block;
}
[data-page=top] #mv .bnr_trial img {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  width: 12.69vw;
  height: 14.47vw;
}
[data-page=top] #mv.active .bg {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=top] #mv.active .site_logo,
[data-page=top] #mv.active .date,
[data-page=top] #mv.active .movie,
[data-page=top] #mv.active .bnr_trial {
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
  opacity: 1;
  visibility: visible;
}
[data-page=top] .news {
  min-height: 5vw;
  overflow: hidden;
}
[data-page=top] .news .bg {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background-color: #ffffff;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  overflow: hidden;
}
[data-page=top] .news .bg .color_bg {
  background-color: #d8425a;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
  width: 33.44vw;
  height: 100%;
}
[data-page=top] .news .bg .color_bg:before, [data-page=top] .news .bg .color_bg:after {
  display: none;
}
[data-page=top] .news .bg .color_bg .color_bg_obj1:before, [data-page=top] .news .bg .color_bg .color_bg_obj1:after {
  background-size: 25.63vw 25.63vw;
  min-width: 76.88vw;
  min-height: 51.25vw;
}
[data-page=top] .news .bg .color_bg .color_bg_obj2:before, [data-page=top] .news .bg .color_bg .color_bg_obj2:after {
  background-size: 25.63vw 25.63vw;
  min-width: 76.88vw;
  min-height: 51.25vw;
}
[data-page=top] .news .bg .color_bg .color_bg_star:before, [data-page=top] .news .bg .color_bg .color_bg_star:after {
  background-size: 25.63vw 25.63vw;
  min-width: 76.88vw;
  min-height: 51.25vw;
}
[data-page=top] .news .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  min-height: 5vw;
}
[data-page=top] .news .title {
  width: 26.56vw;
  padding-left: 5.94vw;
}
[data-page=top] .news .title img {
  height: 2.59vw;
}
[data-page=top] .news .contents {
  width: calc(100% - 26.56vw);
  padding: 1.25vw 2.5vw;
}
[data-page=top] .news .contents dl {
  font-size: 0.94vw;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.25vw;
  line-height: 1.5;
}
[data-page=top] .news .contents dl:last-of-type {
  margin-bottom: 0;
}
[data-page=top] .news .contents dl dt {
  width: 5.63vw;
  color: #d84058;
}
[data-page=top] .news .contents dl dd {
  width: calc(100% - 5.63vw);
  color: #4f2807;
}
[data-page=top] #banner .color_bg:before, [data-page=top] #banner .color_bg:after {
  display: none;
}
[data-page=top] #banner .sec_inner {
  max-width: 1024px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.56vw 0 5vw;
}
[data-page=top] #banner .unit {
  width: calc(50% - 0.75vw);
}
[data-page=top] #banner .unit:nth-child(1) {
  z-index: 5;
}
[data-page=top] #banner .unit a {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #ffffff;
  border-radius: 0.63vw;
  -webkit-box-shadow: 0 0 0.38vw rgba(0, 0, 0, .2);
          box-shadow: 0 0 0.38vw rgba(0, 0, 0, .2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.38vw;
  position: relative;
}
[data-page=top] #banner .unit .ic_update {
  -webkit-animation: new 1.4s ease infinite;
          animation: new 1.4s ease infinite;
  position: absolute;
  top: -0.94vw;
  left: -1.56vw;
  width: 4.5vw;
  height: 4.63vw;
  z-index: 5;
  pointer-events: none;
}
[data-page=top] #banner .unit figure {
  width: 12.5vw;
  border-radius: 0.5vw;
  overflow: hidden;
  position: relative;
}
[data-page=top] #banner .unit figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page=top] #banner .unit .title {
  width: calc(100% - 14.38vw);
  position: relative;
}
[data-page=top] #banner .unit .title:before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/top/ic_arrow-link.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 0.75vw;
  height: 0.88vw;
  position: absolute;
  top: 50%;
  right: 1.19vw;
}
[data-page=top] #banner .unit .title img {
  height: 1.38vw;
}
[data-page=top] #banner .unit .title.line2 img {
  height: 2.94vw;
}
[data-page=top] #banner .interview_unit {
  width: 100%;
  margin-top: 1vw;
}
[data-page=top] #banner .interview_unit .ic_update {
  -webkit-animation: new 1.4s ease infinite;
          animation: new 1.4s ease infinite;
  position: absolute;
  top: -0.94vw;
  left: -1.63vw;
  width: 4.19vw;
  height: 4.19vw;
  z-index: 5;
  pointer-events: none;
}
[data-page=top] #banner .interview_unit .ic_update img {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-box-shadow: 0 0 0.94vw rgba(52, 52, 52, .3);
          box-shadow: 0 0 0.94vw rgba(52, 52, 52, .3);
  width: 4.19vw;
  border-radius: 100%;
}
[data-page=top] #banner .interview_unit a {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #f6d706;
  border: 2px solid #4f2807;
  -webkit-box-shadow: 0 0 0.38vw rgba(0, 0, 0, .2);
          box-shadow: 0 0 0.38vw rgba(0, 0, 0, .2);
  border-radius: 0.63vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 4.38vw;
}
[data-page=top] #banner .interview_unit a:before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/top/ic_arrow-link.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 0.75vw;
  height: 0.88vw;
  position: absolute;
  top: 50%;
  right: 1.19vw;
}
[data-page=top] #banner .interview_unit dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-page=top] #banner .interview_unit dl dt {
  margin-right: 0.94vw;
}
[data-page=top] #banner .interview_unit dl dt img {
  height: 1.38vw;
}
[data-page=top] #banner .interview_unit dl dd {
  background-color: #ffffff;
  border-radius: 1.25vw;
  width: 18.31vw;
  height: 2.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
[data-page=top] #banner .interview_unit dl dd:before {
  background: url(../img/top/obj_interview.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 1.13vw;
  height: 1.13vw;
  position: absolute;
  top: -0.63vw;
  right: -0.63vw;
}
[data-page=top] #banner .interview_unit dl dd img {
  height: 1.38vw;
}
[data-page=top] #about {
  height: 55.63vw;
  margin-top: -3.75vw;
}
[data-page=top] #about .bg_movie {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  z-index: 0;
}
[data-page=top] #about .sec_inner {
  height: 100%;
}
[data-page=top] #about .paint_title {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  position: absolute;
  z-index: 5;
  opacity: 0;
}
[data-page=top] #about .paint_title .label {
  width: 100%;
  height: 100%;
}
[data-page=top] #about .pt1 {
  top: 5vw;
  left: -1.88vw;
  width: 41.63vw;
  height: 7.88vw;
}
[data-page=top] #about .pt1 .title {
  width: 32.78vw;
  height: 4.44vw;
  margin-top: -1.88vw;
}
[data-page=top] #about .pt2 {
  top: 12.38vw;
  right: -3.13vw;
  width: 40.06vw;
  height: 9.41vw;
}
[data-page=top] #about .pt2 .title {
  width: 30.94vw;
  height: 8.25vw;
  margin-top: -1.25vw;
}
[data-page=top] #about .pt3 {
  top: 33.13vw;
  left: -2.5vw;
  width: 44.13vw;
  height: 7.91vw;
}
[data-page=top] #about .pt3 .title {
  width: 37.72vw;
  height: 5.81vw;
  margin-top: -0.31vw;
}
[data-page=top] #about .btn {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transform: translateY(1.25vw);
          transform: translateY(1.25vw);
  position: absolute;
  bottom: 5.94vw;
  left: 50%;
  margin-left: -14.75vw;
  opacity: 0;
}
[data-page=top] #about.action .paint_title {
  opacity: 1;
}
[data-page=top] #about.action .paint_title .label {
  -webkit-animation: paint_mask 0.6s steps(5) forwards;
          animation: paint_mask 0.6s steps(5) forwards;
}
[data-page=top] #about.action .paint_title .title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
[data-page=top] #about.action .pt1 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
[data-page=top] #about.action .pt1 .label {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
[data-page=top] #about.action .pt1 .title {
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important;
}
[data-page=top] #about.action .pt2 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
[data-page=top] #about.action .pt2 .label {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
[data-page=top] #about.action .pt2 .title {
  -webkit-transition-delay: 1.4s !important;
          transition-delay: 1.4s !important;
}
[data-page=top] #about.action .pt3 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
[data-page=top] #about.action .pt3 .label {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
[data-page=top] #about.action .pt3 .title {
  -webkit-transition-delay: 1.8s !important;
          transition-delay: 1.8s !important;
}
[data-page=top] #about.action .btn {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
[data-page=top] #copy {
  margin-top: -3.75vw;
  height: 45.63vw;
}
[data-page=top] #copy .sec_inner {
  padding: 3.75vw 0 6.25vw;
  height: 100%;
}
[data-page=top] #copy .basic_title {
  width: 44.06vw;
  margin-bottom: 3.75vw;
}
[data-page=top] #copy .basic_title .title {
  width: 39.34vw;
  height: 4.97vw;
}
[data-page=top] #copy .basic_title .star {
  margin-top: -0.25vw;
}
[data-page=top] #copy .btn {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transform: translateY(1.25vw);
          transform: translateY(1.25vw);
  opacity: 0;
  position: relative;
  z-index: 5;
}
[data-page=top] #copy .evolution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding: 0 18.63vw 0 2.5vw;
  margin-bottom: 5vw;
  z-index: 3;
}
[data-page=top] #copy .evolution .unit {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 0;
  width: 27.5vw;
  height: 16.25vw;
  position: relative;
}
[data-page=top] #copy .evolution .unit .frame {
  border-radius: 1.25vw;
  height: 100%;
}
[data-page=top] #copy .evolution .unit .label_title {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  bottom: -1.63vw;
  left: 50%;
}
[data-page=top] #copy .evolution .arrow_evol {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  top: 6.25vw;
  left: 30vw;
  width: 7.81vw;
  z-index: 5;
}
[data-page=top] #copy .evolution .arrow_evol .img {
  top: 50%;
  left: -2.5vw;
  margin-top: -4.06vw;
  width: 6.88vw;
  height: 6.88vw;
}
[data-page=top] #copy .evolution .arrow_evol .star {
  width: 6.88vw;
  height: 6.88vw;
  margin: -3.13vw 0 0 -3.44vw;
}
[data-page=top] #copy .evolution .arrow_evol .txt {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  height: 1.56vw;
  margin-top: 1.13vw;
}
[data-page=top] #copy .evolution .arrow_evol.action .star {
  -webkit-transform: scale(1) rotate(-15deg);
          transform: scale(1) rotate(-15deg);
}
[data-page=top] #copy .evolution .u1 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
[data-page=top] #copy .evolution .u2 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
[data-page=top] #copy .evolution.action .unit {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
[data-page=top] #copy .chara {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
[data-page=top] #copy .chara img {
  width: 100%;
}
[data-page=top] #copy .chara.c1 {
  width: 25.97vw;
  height: 20.91vw;
  top: 20.63vw;
  left: -10.31vw;
  z-index: 5;
}
[data-page=top] #copy .chara.c2 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  width: 49.91vw;
  height: 51.72vw;
  top: -0.31vw;
  right: -8.13vw;
  z-index: 0;
}
[data-page=top] #copy .obj.o1 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  width: 19.94vw;
  height: 14.13vw;
  top: 25vw;
  right: 0;
  z-index: 5;
}
[data-page=top] #copy.action .chara,
[data-page=top] #copy.action .obj {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=top] #copy.action .btn {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
[data-page=top] #mouthful {
  margin-top: -3.75vw;
  height: 63.13vw;
}
[data-page=top] #mouthful .sec_inner {
  padding: 5vw 0 6.25vw;
  height: 100%;
}
[data-page=top] #mouthful .basic_title {
  width: 37.19vw;
  margin-bottom: 3.75vw;
}
[data-page=top] #mouthful .basic_title .sub_title {
  width: 35.94vw;
  height: 1.69vw;
  margin-bottom: 0.75vw;
}
[data-page=top] #mouthful .basic_title .title {
  width: 32.53vw;
  height: 3.66vw;
}
[data-page=top] #mouthful .basic_title .star {
  margin-top: 0.25vw;
}
[data-page=top] #mouthful .frame {
  width: 43.75vw;
  height: 24.63vw;
  margin: 0 auto 11.63vw 17.25vw;
}
[data-page=top] #mouthful .frame video {
  width: 120%;
}
[data-page=top] #mouthful .btn {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transform: translateY(1.25vw);
          transform: translateY(1.25vw);
  opacity: 0;
  position: relative;
  z-index: 10;
}
[data-page=top] #mouthful .chara {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  z-index: 5;
}
[data-page=top] #mouthful .chara img {
  width: 100%;
}
[data-page=top] #mouthful .chara.c1 {
  width: 17vw;
  height: 19.88vw;
  top: 5vw;
  left: 5vw;
}
[data-page=top] #mouthful .chara.c2 {
  width: 16.13vw;
  height: 16.69vw;
  top: 4.38vw;
  right: -2.5vw;
}
[data-page=top] #mouthful .chara.c3 {
  width: 40.47vw;
  height: 34.34vw;
  top: 25.31vw;
  left: -2.5vw;
}
[data-page=top] #mouthful .chara.c4 {
  width: 42.72vw;
  height: 28.72vw;
  top: 27.5vw;
  right: -9.38vw;
}
[data-page=top] #mouthful .obj {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  z-index: 5;
}
[data-page=top] #mouthful .obj.o1 {
  width: 11.13vw;
  height: 12.25vw;
  top: 19.81vw;
  left: -3.75vw;
}
[data-page=top] #mouthful .obj.o2 {
  width: 10.63vw;
  height: 10.63vw;
  top: 11.88vw;
  right: 12.88vw;
}
[data-page=top] #mouthful .obj.o3 {
  width: 23.59vw;
  height: 14.16vw;
  top: 21.25vw;
  right: 8.88vw;
}
[data-page=top] #mouthful .obj.arrow_evol {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  width: 13.13vw;
  top: 42.5vw;
  left: 38.75vw;
  z-index: 5;
}
[data-page=top] #mouthful .obj.arrow_evol .img {
  top: 50%;
  margin-top: -4.06vw;
}
[data-page=top] #mouthful .obj.arrow_evol .star {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
[data-page=top] #mouthful .obj.arrow_evol .txt {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  height: 3.13vw;
  margin-top: 0.63vw;
}
[data-page=top] #mouthful .obj.arrow_evol.action .star {
  -webkit-transform: scale(1) rotate(-15deg);
          transform: scale(1) rotate(-15deg);
}
[data-page=top] #mouthful.action .chara,
[data-page=top] #mouthful.action .obj {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=top] #mouthful.action .btn {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
[data-page=top] #town {
  margin-top: -3.75vw;
  height: 53.13vw;
}
[data-page=top] #town.no_bnr {
  height: 40.63vw;
}
[data-page=top] #town .sec_inner {
  padding: 7.5vw 0 6.25vw;
  height: 100%;
}
[data-page=top] #town .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2.5vw;
  margin-bottom: 3.44vw;
}
[data-page=top] #town .contents .unit {
  background-color: #ffffff;
  width: 38.75vw;
  height: 24.38vw;
  display: block;
  position: relative;
  -webkit-box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .5);
          box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .5);
  border-radius: 1.25vw;
}
[data-page=top] #town .contents .unit .title {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 34.78vw;
  height: 4.56vw;
  position: absolute;
  top: -2.5vw;
  left: 50%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-page=top] #town .contents .unit .title .label {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
[data-page=top] #town .contents .unit .title .main {
  height: 3.5vw;
  margin-top: -0.63vw;
  position: relative;
  z-index: 5;
}
[data-page=top] #town .contents .unit figure {
  border-radius: 1.25vw 1.25vw 0 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
[data-page=top] #town .contents .unit figure img {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page=top] #town .contents .unit .btn {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #ffffff;
  position: relative;
  width: 100%;
  height: 4.38vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 0 1.25vw 1.25vw;
  overflow: hidden;
}
[data-page=top] #town .contents .unit .btn:before {
  background: url(../img/common/gnavi_line.png) repeat 0 0;
  background-size: 0.5vw 0.5vw;
  content: "";
  display: block;
  width: 6.25vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 130%);
          clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 130%);
  z-index: 0;
}
[data-page=top] #town .contents .unit .btn:after {
  background: url(../img/common/gnavi_dot.png) repeat 0 0;
  background-size: 0.38vw 0.38vw;
  content: "";
  display: block;
  width: 6.25vw;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(70% 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(70% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: 0;
}
[data-page=top] #town .contents .unit .btn img {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  z-index: 5;
  height: 1.5vw;
}
[data-page=top] #town .contents .unit .btn .star {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  width: 1.25vw;
  height: 1.25vw;
  z-index: 5;
}
[data-page=top] #town .contents .unit .btn .star.s1 {
  margin-right: 1.88vw;
}
[data-page=top] #town .contents .unit .btn .star.s2 {
  margin-left: 1.88vw;
}
[data-page=top] #town .contents .unit .chara,
[data-page=top] #town .contents .unit .obj {
  z-index: 10;
}
[data-page=top] #town .contents .u1 .chara.c1 {
  width: 16.97vw;
  height: 17.38vw;
  top: 7.5vw;
  left: -3.75vw;
}
[data-page=top] #town .contents .u1 .chara.c2 {
  width: 10.16vw;
  height: 11.28vw;
  top: -5vw;
  right: -2.19vw;
}
[data-page=top] #town .contents .u1 .chara.c3 {
  width: 8.34vw;
  height: 7.63vw;
  top: 16.25vw;
  right: 3.94vw;
}
[data-page=top] #town .contents .u1 .chara.c4 {
  width: 7.16vw;
  height: 6.03vw;
  top: 14.38vw;
  right: -2.06vw;
}
[data-page=top] #town .contents .u1 .obj.o1 {
  width: 11.78vw;
  height: 6.72vw;
  top: 10.31vw;
  right: 1.88vw;
}
[data-page=top] #town .contents .u1 .obj.o2 {
  width: 21.22vw;
  height: 1.66vw;
  top: 3.13vw;
  left: 8.75vw;
}
[data-page=top] #town .contents .u2 .chara.c1 {
  width: 10.84vw;
  height: 10.63vw;
  top: 2.5vw;
  left: -1.88vw;
}
[data-page=top] #town .contents .u2 .chara.c2 {
  width: 14.47vw;
  height: 11.72vw;
  top: 2.5vw;
  right: -3.13vw;
}
[data-page=top] #town .contents .u2 .obj.o1 {
  width: 10.94vw;
  height: 6.25vw;
  top: 15vw;
  left: 1.38vw;
}
[data-page=top] #town .contents .u2 .obj.o2 {
  width: 10.94vw;
  height: 6.25vw;
  top: 15vw;
  right: 1.38vw;
}
[data-page=top] #town .amiibo {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: block;
  width: 64vw;
  margin: auto;
}
[data-page=top] #packageInfo {
  margin-top: -3.75vw;
  height: 48.13vw;
}
[data-page=top] #packageInfo .bg_image {
  height: calc(100% + 1px);
}
[data-page=top] #packageInfo .bg_image img {
  -o-object-position: 50% 80%;
     object-position: 50% 80%;
  height: 100%;
  width: 100%;
}
[data-page=top] #packageInfo .sec_inner {
  padding: 5vw 2.5vw 14.06vw;
  height: 100%;
}
[data-page=top] #packageInfo .information {
  background-color: rgba(50, 139, 220, .7);
  border-radius: 1.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5vw 4.75vw;
  -webkit-box-shadow: 0 0 0.25vw rgba(0, 0, 0, .3) inset;
          box-shadow: 0 0 0.25vw rgba(0, 0, 0, .3) inset;
  margin-bottom: 2.5vw;
}
[data-page=top] #packageInfo .information .ticket {
  background-color: #ffffff;
  border-radius: 0.63vw;
  position: relative;
  height: 2.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 6.25vw;
  font-size: 0.81vw;
  letter-spacing: 0.025em;
  font-weight: bold;
}
[data-page=top] #packageInfo .information .ticket img {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0.31vw;
  height: 3vw;
}
[data-page=top] #packageInfo .information .ticket a {
  border-bottom: 1px solid #000000;
}
[data-page=top] #packageInfo .information .soft_img {
  width: 11.88vw;
  margin-right: 1.88vw;
}
[data-page=top] #packageInfo .information .soft_txt {
  width: 31.38vw;
  margin-right: 2.5vw;
}
[data-page=top] #packageInfo .information .soft_txt dl {
  margin-bottom: 1.88vw;
}
[data-page=top] #packageInfo .information .soft_txt dl dt {
  margin-bottom: 0.94vw;
}
[data-page=top] #packageInfo .information .soft_txt dl dt img {
  height: 2.13vw;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(50,139,220,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(1px 1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px 1px 0 rgba(50, 139, 220, .5));
          filter: drop-shadow(1px 1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px 1px 0 rgba(50, 139, 220, .5));
}
[data-page=top] #packageInfo .information .soft_txt dl dd {
  position: relative;
}
[data-page=top] #packageInfo .information .soft_txt dl dd img {
  height: 7.25vw;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(50,139,220,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(1px 1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px 1px 0 rgba(50, 139, 220, .5));
          filter: drop-shadow(1px 1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(1px -1px 0 rgba(50, 139, 220, .5)) drop-shadow(-1px 1px 0 rgba(50, 139, 220, .5));
}
[data-page=top] #packageInfo .information .soft_txt dl dd .icons {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[data-page=top] #packageInfo .information .soft_txt dl dd .icons a {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: block;
  margin-left: 0.63vw;
}
[data-page=top] #packageInfo .information .soft_txt dl dd .icons a:first-of-type {
  margin-left: 0;
}
[data-page=top] #packageInfo .information .soft_txt dl dd .icons a img {
  height: 4.38vw;
}
[data-page=top] #packageInfo .information .soft_link {
  width: 22.5vw;
}
[data-page=top] #packageInfo .information .soft_link .info {
  background-color: rgba(255, 255, 255, .1);
  margin-bottom: 0.63vw;
  border: 1px solid #ffffff;
  border-radius: 0.63vw;
  padding: 1.25vw 1.13vw;
}
[data-page=top] #packageInfo .information .soft_link .info dt {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  margin-bottom: 1.25vw;
  height: 3.13vw;
}
[data-page=top] #packageInfo .information .soft_link .info dt a {
  border-radius: 0.63vw;
  background-color: #d84058;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
[data-page=top] #packageInfo .information .soft_link .info dt a:after {
  background: url(../img/common/ic_link_yellow.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 0.69vw;
  height: 0.81vw;
  position: absolute;
  top: 50%;
  right: 0.94vw;
  margin-top: -0.41vw;
}
[data-page=top] #packageInfo .information .soft_link .info dt img {
  height: 1.19vw;
}
[data-page=top] #packageInfo .information .soft_link .info dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-page=top] #packageInfo .information .soft_link .info dd a {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.38vw;
}
[data-page=top] #packageInfo .information .soft_link .info dd a:before {
  background: url(../img/common/ic_link_white.svg) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 0.63vw;
  height: 0.75vw;
  margin-right: 0.31vw;
}
[data-page=top] #packageInfo .information .soft_link .info dd a img {
  height: 0.88vw;
  display: block;
}
[data-page=top] #packageInfo .information .soft_link .ticket {
  display: none;
}
[data-page=top] #packageInfo .information .soft_link .online {
  background-color: #ffffff;
  border-radius: 0.63vw;
  padding: 1.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-page=top] #packageInfo .information .soft_link .online dt {
  background-color: #fc0000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.31vw;
  width: 7vw;
}
[data-page=top] #packageInfo .information .soft_link .online dt img {
  height: 1vw;
}
[data-page=top] #packageInfo .information .soft_link .online dd {
  font-size: 0.75vw;
  line-height: 1.6;
  font-weight: bold;
  width: calc(100% - 7.5vw);
}
[data-page=top] #packageInfo .information .soft_link .online dd a {
  color: #000000;
  text-decoration: underline;
}
[data-page=top] #packageInfo .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
[data-page=top] #packageInfo .banner a {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
[data-page=top] #packageInfo .banner .mini {
  width: 28.13vw;
  height: 4.38vw;
  border-radius: 0.63vw;
  margin: 0 0.81vw 1.88vw;
  overflow: hidden;
  -webkit-box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .5);
          box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .5);
}
[data-page=top] #packageInfo .banner .kirby_30th {
  width: 64vw;
  height: 11.25vw;
  border-radius: 0.63vw;
  overflow: hidden;
  -webkit-box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .5);
          box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .5);
}
[data-page=top] #globalNavi {
  margin-top: -16.88vw;
}
[data-page=top] #globalNavi:before {
  display: none;
}
[data-page=top] #multiplay {
  padding-top: 2.5vw;
  padding-bottom: 3.13vw;
}
[data-page=top] #multiplay .basic_title {
  width: 36.88vw;
  margin-bottom: 2.13vw;
}
[data-page=top] #multiplay .basic_title:before {
  background-color: #0c636d;
  bottom: -0.81vw;
}
[data-page=top] #multiplay .basic_title .title {
  width: 32.38vw;
  height: 4.53vw;
}
[data-page=top] #multiplay .basic_title .star {
  margin-top: -0.25vw;
}
[data-page=top] #multiplay .lead {
  font-size: 1.38vw;
  line-height: 1.6;
  color: #0c636d;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.94vw;
}
[data-page=top] #multiplay .note {
  font-size: 0.88vw;
  line-height: 1.6;
  color: #0c636d;
  text-align: center;
  margin-bottom: 1.56vw;
}
[data-page=top] #multiplay .gallery {
  width: 50vw;
  margin: auto;
  position: relative;
}
[data-page=top] #multiplay .gallery .slide {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: absolute;
  top: 0.5vw;
  left: 1.63vw;
  height: 26.31vw;
  opacity: 0;
  visibility: hidden;
}
[data-page=top] #multiplay .gallery .slide.active {
  opacity: 1;
  visibility: visible;
}
[data-page=top] #multiplay .chara {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  z-index: 5;
}
[data-page=top] #multiplay .chara.c1 {
  width: 16.31vw;
  height: 12.44vw;
  top: 18.13vw;
  left: 6.25vw;
}
[data-page=top] #multiplay .chara.c2 {
  width: 18.53vw;
  height: 15.13vw;
  top: 16.88vw;
  right: 6.25vw;
}
[data-page=top] #multiplay .obj {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  z-index: 5;
  overflow: hidden;
  display: block;
  height: 15.38vw;
  width: 27.5vw;
}
[data-page=top] #multiplay .obj img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-width: initial;
}
[data-page=top] #multiplay .obj.o1 {
  bottom: 8px;
  left: 8px;
  border-radius: 0 0 0 0.88vw;
}
[data-page=top] #multiplay .obj.o1 img {
  width: 31.44vw;
  height: 22.63vw;
}
[data-page=top] #multiplay .obj.o2 {
  bottom: 8px;
  right: 8px;
  border-radius: 0 0 0.88vw 0;
}
[data-page=top] #multiplay .obj.o2 img {
  width: 31.22vw;
  height: 22.81vw;
}

[data-page=about] #field {
  height: 67.5vw;
}
[data-page=about] #field .bg_movie {
  position: absolute;
  min-height: 49.38vw;
  max-height: 49.38vw;
}
[data-page=about] #field .bg_movie video {
  -o-object-position: 50% 90%;
     object-position: 50% 90%;
  height: 105%;
  width: 100%;
}
[data-page=about] #field .color_bg {
  height: 24.06vw;
  bottom: 0;
}
[data-page=about] #field .contents {
  padding-bottom: 23.13vw;
  height: 100%;
}
[data-page=about] #field .chara.c1 {
  width: 21.81vw;
  height: 22.63vw;
  top: 28.75vw;
  left: -4.38vw;
}
[data-page=about] #field .main_title {
  position: absolute;
  top: 4.69vw;
  left: -18.75vw;
  width: 56.97vw;
}
[data-page=about] #field .main_title .title {
  height: 4.66vw;
}
[data-page=about] #field .main_title .label {
  width: 56.97vw;
  height: 6.59vw;
}
[data-page=about] #field .paint_title {
  position: absolute;
  top: 31.88vw;
  right: -1.88vw;
  width: 42vw;
  height: 9.63vw;
}
[data-page=about] #field .paint_title .title {
  height: 7.34vw;
  margin-top: -2.5vw;
  margin-right: 2.81vw;
}
[data-page=about] #field .txt_1 {
  position: absolute;
  top: 49.38vw;
  right: -0.63vw;
}
[data-page=about] #field .txt_1 img {
  height: 12.75vw;
}
[data-page=about] #adventure {
  height: 107.5vw;
  margin-top: -3.75vw;
}
[data-page=about] #adventure .bg_movie {
  position: absolute;
  min-height: 43.13vw;
}
[data-page=about] #adventure .bg_movie video {
  -o-object-position: 50% 90%;
     object-position: 50% 90%;
  height: 105%;
  width: 100%;
}
[data-page=about] #adventure .contents {
  height: 109.38vw;
  padding-bottom: 31.25vw;
  z-index: 5;
}
[data-page=about] #adventure .contents .color_bg:nth-child(1) {
  height: 27.5vw;
  top: 48.13vw;
}
[data-page=about] #adventure .contents .color_bg:nth-child(2) {
  height: 31.25vw;
  top: 75.63vw;
}
[data-page=about] #adventure .contents .paint_title {
  position: absolute;
  top: 37.19vw;
  left: 1.25vw;
  height: 9.41vw;
  width: 37.94vw;
  z-index: 10;
}
[data-page=about] #adventure .contents .paint_title .title {
  height: 3.97vw;
  margin-top: -1.25vw;
}
[data-page=about] #adventure .contents .txt_1 {
  position: absolute;
  top: 53.75vw;
  left: 0;
}
[data-page=about] #adventure .contents .txt_1 img {
  height: 12.69vw;
}
[data-page=about] #adventure .contents .txt_2 {
  position: absolute;
  top: 90.63vw;
  left: 28.75vw;
}
[data-page=about] #adventure .contents .txt_2 img {
  height: 5.97vw;
  max-width: none;
  max-width: initial;
}
[data-page=about] #adventure .contents .loop_slider {
  -webkit-transform: translateX(-50%) rotate(-3deg);
          transform: translateX(-50%) rotate(-3deg);
  position: absolute;
  top: 71.25vw;
  left: 50%;
  width: 100vw;
  z-index: 1;
}
[data-page=about] #adventure .contents .chara.c1 {
  width: 31.31vw;
  height: 29.06vw;
  top: -22.5vw;
  left: 8.75vw;
  z-index: 5;
}
[data-page=about] #adventure .contents .chara.c2 {
  width: 55.25vw;
  height: 42.06vw;
  top: 35.63vw;
  left: 41.88vw;
  z-index: 0;
}
[data-page=about] #adventure .contents .chara.c3 {
  width: 29.31vw;
  height: 33.88vw;
  top: 68.75vw;
  left: -5.31vw;
  z-index: 5;
}
[data-page=about] #adventure .contents .chara.c4 {
  width: 17.69vw;
  height: 18.13vw;
  top: 60.63vw;
  left: 47.5vw;
  z-index: 5;
}
[data-page=about] #character {
  margin-top: -4.69vw;
  padding-top: 5.31vw;
  padding-bottom: 16.25vw;
}
[data-page=about] #character .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
[data-page=about] #character .sec_inner {
  padding: 0 8.75vw;
}
[data-page=about] #character .main_title {
  width: 59.31vw;
  margin: 0 auto 7.5vw;
}
[data-page=about] #character .main_title .title {
  height: 4.81vw;
  margin-top: -0.94vw;
}
[data-page=about] #character .main_title .label {
  width: 59.31vw;
  height: 6vw;
}
[data-page=about] #character .chara_unit {
  width: 56.25vw;
  height: 18.13vw;
  position: relative;
  margin-bottom: 7.81vw;
}
[data-page=about] #character .chara_unit .txt_frame {
  background-color: #fafafa;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 9.06vw;
}
[data-page=about] #character .chara_unit .txt_frame:before {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 5px;
  content: "";
  display: block;
  width: calc(100% - 0.63vw);
  height: calc(100% - 0.63vw);
  border-radius: 9.06vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 5;
}
[data-page=about] #character .chara_unit .txt_frame .frame_bg {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  border-radius: 9.06vw;
  width: calc(100% - 0.63vw);
  height: calc(100% - 0.63vw);
}
[data-page=about] #character .chara_unit .txt_frame .frame_bg:before {
  background: url(../img/common/gnavi_line.png) repeat 0 0;
  background-size: 0.69vw 0.69vw;
  content: "";
  display: block;
  width: 14.69vw;
  height: 14.69vw;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
  z-index: 0;
}
[data-page=about] #character .chara_unit .txt_frame .frame_bg:after {
  background: url(../img/common/gnavi_dot.png) repeat 0 0;
  background-size: 0.5vw 0.5vw;
  content: "";
  display: block;
  width: 14.69vw;
  height: 14.69vw;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: 0;
}
[data-page=about] #character .chara_unit dl {
  position: relative;
  z-index: 8;
}
[data-page=about] #character .chara_unit dl dt {
  height: 4.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25vw;
  border-radius: 2.25vw;
  margin-bottom: 1.25vw;
  position: relative;
  border: 3px solid #ffffff;
}
[data-page=about] #character .chara_unit dl dt img {
  height: 2.66vw;
}
[data-page=about] #character .chara_unit dl dt .star {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
[data-page=about] #character .chara_unit dl dt .star:nth-of-type(1) {
  left: 1.25vw;
}
[data-page=about] #character .chara_unit dl dt .star:nth-of-type(2) {
  right: 1.25vw;
}
[data-page=about] #character .chara_unit dl dd {
  font-size: 1.38vw;
  color: #4f2807;
  line-height: 1.7;
  font-weight: bold;
}
[data-page=about] #character .chara_unit .img {
  position: absolute;
  z-index: 10;
}
[data-page=about] #character .chara_unit:last-of-type {
  margin-bottom: 0;
}
[data-page=about] #character .chara_unit:nth-child(odd) {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
[data-page=about] #character .chara_unit:nth-child(odd) .txt_frame {
  -webkit-box-shadow: 0.31vw 0.19vw 0 rgba(52, 52, 52, .5);
          box-shadow: 0.31vw 0.19vw 0 rgba(52, 52, 52, .5);
}
[data-page=about] #character .chara_unit:nth-child(odd) dl {
  padding: 2.38vw 130px 0 0;
}
[data-page=about] #character .chara_unit:nth-child(odd) dl dt {
  margin-left: auto;
}
[data-page=about] #character .chara_unit:nth-child(odd) dl dd {
  text-align: right;
}
[data-page=about] #character .chara_unit:nth-child(even) .txt_frame {
  -webkit-box-shadow: -0.31vw 0.19vw 0 rgba(52, 52, 52, .5);
          box-shadow: -0.31vw 0.19vw 0 rgba(52, 52, 52, .5);
}
[data-page=about] #character .chara_unit:nth-child(even) dl {
  padding: 2.38vw 0 0 130px;
}
[data-page=about] #character .chara_unit.line4 {
  height: 20vw;
}
[data-page=about] #character .chara_unit.line4 .txt_frame {
  border-radius: 10vw;
}
[data-page=about] #character .chara_unit.line4 .txt_frame:before {
  border-radius: 10vw;
}
[data-page=about] #character .chara_unit.line4 .txt_frame .frame_bg {
  border-radius: 10vw;
}
[data-page=about] #character .chara_unit.line2 {
  height: 16vw;
}
[data-page=about] #character .chara_unit.line2 .txt_frame {
  border-radius: 8vw;
}
[data-page=about] #character .chara_unit.line2 .txt_frame:before {
  border-radius: 8vw;
}
[data-page=about] #character .chara_unit.line2 .txt_frame .frame_bg {
  border-radius: 8vw;
}
[data-page=about] #character .chara_unit.red .txt_frame:before {
  border-color: #d84058;
}
[data-page=about] #character .chara_unit.red dl dt {
  background-color: #d84058;
}
[data-page=about] #character .chara_unit.green .txt_frame:before {
  border-color: #0ec1b6;
}
[data-page=about] #character .chara_unit.green dl dt {
  background-color: #0ec1b6;
}
[data-page=about] #character .chara_unit.yellow .txt_frame:before {
  border-color: #f6d706;
}
[data-page=about] #character .chara_unit.yellow dl dt {
  background-color: #f6d706;
}
[data-page=about] #character .chara_unit.c1 .img {
  width: 29.25vw;
  height: 28.31vw;
  top: -2.88vw;
  right: -17.69vw;
}
[data-page=about] #character .chara_unit.c2 .img {
  width: 28.25vw;
  height: 29.13vw;
  top: -4vw;
  left: -10.81vw;
}
[data-page=about] #character .chara_unit.c3 .img {
  width: 29.31vw;
  height: 33.91vw;
  top: -6.38vw;
  right: -7.56vw;
}
[data-page=about] #character .chara_unit.c4 {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=about] #character .chara_unit.c4 dl {
  padding: 2.38vw 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=about] #character .chara_unit.c4 dl dd {
  text-align: center;
}
[data-page=about] #character .chara_unit.c4 .i1 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  width: 39.69vw;
  height: 30.91vw;
  top: -10.44vw;
  right: -24.25vw;
}
[data-page=about] #character .chara_unit.c4 .i2 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  width: 15.44vw;
  height: 23.25vw;
  top: -6.38vw;
  left: 0.88vw;
}
[data-page=about] #character .chara_unit.c4 .i3 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  width: 25.03vw;
  height: 25.59vw;
  top: 0;
  left: -20.88vw;
}
[data-page=about] #character .chara_unit.c4 .i4 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
  width: 12.34vw;
  height: 10.56vw;
  top: 13.06vw;
  left: 8.63vw;
}
[data-page=about] #character .chara_unit.c5 {
  margin-bottom: 11.88vw;
}
[data-page=about] #character .chara_unit.c5 .img {
  width: 39.44vw;
  height: 36.97vw;
  top: -7.5vw;
  right: -16.06vw;
}
[data-page=about] #character .chara_unit.c6 .img {
  width: 40.5vw;
  height: 31.5vw;
  top: -10.44vw;
  left: -20.19vw;
}
[data-page=about] #character .chara_unit {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: transform,opacity,visibility,margin;
  transition-property: transform,opacity,visibility,margin,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(0, 10px) scale(0.5);
          transform: translate(0, 10px) scale(0.5);
  opacity: 0;
  visibility: hidden;
}
[data-page=about] #character .chara_unit .anim_chara {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
[data-page=about] #character .chara_unit.action {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=about] #character .chara_unit.action .anim_chara {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}

[data-page=copy] #copyEvo .sec_inner {
  padding: 5vw 0 0;
}
[data-page=copy] #copyEvo .main_title {
  width: 75.63vw;
  margin: 0 auto 5vw;
}
[data-page=copy] #copyEvo .main_title .title {
  height: 4.81vw;
  margin-top: -0.94vw;
}
[data-page=copy] #copyEvo .main_title .label {
  width: 75.63vw;
  height: 6vw;
}
[data-page=copy] #copyEvo #about {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 255, 255, .15);
  border-radius: 1.25vw;
  -webkit-box-shadow: 0 0 0.13vw rgba(255, 255, 255, .2) inset;
          box-shadow: 0 0 0.13vw rgba(255, 255, 255, .2) inset;
  margin-bottom: 5vw;
  position: relative;
  padding: 0.63vw 2.5vw 1.88vw;
}
[data-page=copy] #copyEvo #about.action {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=copy] #copyEvo #about .basic_title {
  width: 29.38vw;
  margin-bottom: 3.13vw;
}
[data-page=copy] #copyEvo #about .basic_title:before {
  bottom: -0.81vw;
}
[data-page=copy] #copyEvo #about .basic_title .title {
  width: 24.5vw;
  height: 4.16vw;
}
[data-page=copy] #copyEvo #about .basic_title .star {
  margin-top: -0.25vw;
}
[data-page=copy] #copyEvo #about .chara {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  width: 25.88vw;
  height: 21.69vw;
  top: 1.88vw;
  left: 1.25vw;
  z-index: 5;
}
[data-page=copy] #copyEvo #about .flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 21.88vw;
  position: relative;
}
[data-page=copy] #copyEvo #about .flow:before {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url(../img/common/ic_arrow_double.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 5.38vw;
  height: 3.13vw;
  position: absolute;
  top: 50%;
  left: 26.25vw;
}
[data-page=copy] #copyEvo #about .flow .unit {
  position: relative;
  width: 25.63vw;
}
[data-page=copy] #copyEvo #about .flow .unit .txt {
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  position: absolute;
  top: 0;
  right: -1.88vw;
  z-index: 5;
}
[data-page=copy] #copyEvo #about .flow .u1 {
  margin-right: 6.88vw;
}
[data-page=copy] #copyEvo #about .flow .u1 .txt {
  height: 3.25vw;
}
[data-page=copy] #copyEvo #about .flow .u2 .txt {
  height: 3.19vw;
}
[data-page=copy] #copyEvo #evolution {
  padding-bottom: 6.88vw;
}
[data-page=copy] #copyEvo #evolution .sec_inner {
  padding: 0;
}
[data-page=copy] #copyEvo #evolution .basic_title {
  width: 57.81vw;
  margin-bottom: 3.75vw;
}
[data-page=copy] #copyEvo #evolution .basic_title:before {
  bottom: -0.81vw;
}
[data-page=copy] #copyEvo #evolution .basic_title .title {
  width: 51.56vw;
  height: 4.63vw;
}
[data-page=copy] #copyEvo #evolution .basic_title .star {
  margin-top: -0.25vw;
}
[data-page=copy] #copyEvo #evolution #mainSwiper {
  position: relative;
  margin-bottom: 3.13vw;
}
[data-page=copy] #copyEvo #evolution .swiper-container {
  overflow: visible;
  overflow: initial;
}
[data-page=copy] #copyEvo #evolution .swiper-slide {
  padding-left: 7.5vw;
  padding-right: 7.5vw;
}
[data-page=copy] #copyEvo #evolution .swiper-button-next,
[data-page=copy] #copyEvo #evolution .swiper-button-prev {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 23.75vw;
  width: 2.63vw;
  height: 4.5vw;
  margin-top: 0;
}
[data-page=copy] #copyEvo #evolution .swiper-button-next:after,
[data-page=copy] #copyEvo #evolution .swiper-button-prev:after {
  display: none;
}
[data-page=copy] #copyEvo #evolution .swiper-button-prev {
  background-image: url(../img/common/btn_prev.png);
  left: 3.44vw;
  -webkit-filter: drop-shadow(-2px 2px 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(-2px 2px 0 rgba(52, 52, 52, .5));
}
[data-page=copy] #copyEvo #evolution .swiper-button-next {
  background-image: url(../img/common/btn_next.png);
  right: 3.44vw;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="3" dy="3" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
}
[data-page=copy] #copyEvo #evolution .swiper-button-disabled {
  opacity: 0;
}
[data-page=copy] #copyEvo #evolution .thumbnails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb {
  width: 6.63vw;
  display: block;
  position: relative;
  cursor: pointer;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb figure {
  position: relative;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb figure:before {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  content: "";
  display: block;
  width: 6.63vw;
  height: 6.63vw;
  border: 5px solid #f6d706;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb .main {
  margin-bottom: 0.63vw;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #d84058;
  height: 1.63vw;
  width: 100%;
  border-radius: 0.81vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption img {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  height: 0.75vw;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0%) invert(100%);
          filter: brightness(0%) invert(100%);
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 {
  width: 13.75vw;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figure:before {
  width: 13.75vw;
  border-radius: 3.31vw;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figcaption {
  background-color: #0ec1b6;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figcaption img {
  height: 0.88vw;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.active {
  pointer-events: none;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.active figure:before {
  opacity: 1;
  visibility: visible;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.active figcaption {
  background-color: #f6d706;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb.active figcaption img {
  -webkit-filter: initial;
          filter: initial;
}
[data-page=copy] #copyEvo #evolution .thumbnails .thumb[data-new]:after {
  -webkit-animation: new 1s ease infinite;
          animation: new 1s ease infinite;
  background: url(../img/copy/ic_new.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 2.81vw;
  height: 2.81vw;
  position: absolute;
  top: -1.5vw;
  left: 0;
  z-index: 3;
}
[data-page=copy] #copyEvo #evolution .txt {
  position: absolute;
  z-index: 5;
}
[data-page=copy] #copyEvo #evolution .txt img {
  width: 100%;
}
[data-page=copy] #copyEvo #evolution .detail {
  position: relative;
}
[data-page=copy] #copyEvo #evolution .ability {
  background-color: #ffffff;
  border: 4px solid #4f2807;
  border-radius: 0.63vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 900;
  color: #4f2807;
  position: absolute;
  z-index: 5;
}
[data-page=copy] #copyEvo #evolution .ability:after {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -2.88vw;
}
[data-page=copy] #copyEvo #evolution .ability.new:before {
  background: url(../img/copy/label_new.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 13.19vw;
  height: 3.69vw;
  position: absolute;
  top: -3.75vw;
  left: -0.63vw;
}
[data-page=copy] #copyEvo #evolution .chara {
  width: 19.56vw;
  height: 19.56vw;
}
[data-page=copy] #copyEvo #evolution .chara:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
[data-page=copy] #copyEvo #evolution .chara img {
  position: absolute;
  z-index: 2;
  max-width: none;
  max-width: initial;
}
[data-page=copy] #copyEvo #evolution .movie {
  width: 32.19vw;
  height: 18.13vw;
  z-index: 10;
}
[data-page=copy] #copyEvo #evolution .before,
[data-page=copy] #copyEvo #evolution .after {
  background-color: rgba(255, 255, 255, .15);
  border-radius: 1.25vw;
  border: 2px solid rgba(255, 255, 255, .7);
  position: relative;
  padding: 1.88vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-page=copy] #copyEvo #evolution .before {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 0 auto 7.38vw;
}
[data-page=copy] #copyEvo #evolution .before .ability {
  width: 14.63vw;
  height: 3.75vw;
  font-size: 1.5vw;
}
[data-page=copy] #copyEvo #evolution .before .ability:after {
  background-image: url(../img/copy/bg_copy_before.png);
  width: 2.13vw;
  height: 2.06vw;
}
[data-page=copy] #copyEvo #evolution .before .chara {
  top: -0.75vw;
  left: -0.75vw;
}
[data-page=copy] #copyEvo #evolution .before .chara:before {
  background-image: url(../img/common/bg_circle_green.png);
}
[data-page=copy] #copyEvo #evolution .after .ability {
  width: 20.25vw;
  height: 4.38vw;
  font-size: 1.75vw;
}
[data-page=copy] #copyEvo #evolution .after .ability:after {
  background-image: url(../img/copy/bg_copy_after.png);
  width: 1.94vw;
  height: 2vw;
}
[data-page=copy] #copyEvo #evolution .after .chara {
  top: -0.75vw;
  right: -0.75vw;
}
[data-page=copy] #copyEvo #evolution .after .chara:before {
  background-image: url(../img/common/bg_circle_red.png);
}
[data-page=copy] #copyEvo #evolution .copy_unit {
  position: relative;
}
[data-page=copy] #copyEvo #evolution .new_copy:before,
[data-page=copy] #copyEvo #evolution .old_copy:before {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../img/copy/ic_arrow_evolution.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 30.28vw;
  height: 7.53vw;
  position: absolute;
  top: 22.06vw;
  left: 50%;
}
[data-page=copy] #copyEvo #evolution .new_copy .label_star,
[data-page=copy] #copyEvo #evolution .old_copy .label_star {
  -webkit-transform: translateX(-50%) rotate(15deg);
          transform: translateX(-50%) rotate(15deg);
  position: absolute;
  top: 20.88vw;
  left: 50%;
  z-index: 5;
}
[data-page=copy] #copyEvo #evolution .new_copy .label_star:after,
[data-page=copy] #copyEvo #evolution .old_copy .label_star:after {
  background: url(../img/copy/label_evolution.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 10.84vw;
  height: 10.38vw;
  z-index: 10;
}
[data-page=copy] #copyEvo #evolution .new_copy .after .detail,
[data-page=copy] #copyEvo #evolution .old_copy .after .detail {
  width: calc(100% - 33.75vw);
}
[data-page=copy] #copyEvo #evolution .new_copy .before {
  width: 74.38vw;
}
[data-page=copy] #copyEvo #evolution .new_copy .before .detail {
  width: calc(100% - 33.44vw);
}
[data-page=copy] #copyEvo #evolution .new_copy .before .detail .ability {
  bottom: 0;
  right: 2.81vw;
}
[data-page=copy] #copyEvo #evolution .new_copy .before .txt {
  top: 2.19vw;
}
[data-page=copy] #copyEvo #evolution .new_copy .after .txt {
  top: 5.63vw;
  left: -0.31vw;
}
[data-page=copy] #copyEvo #evolution .old_copy .before {
  width: 48.13vw;
  height: 22.13vw;
}
[data-page=copy] #copyEvo #evolution .old_copy .before .chara {
  top: 1.38vw;
  left: 1.38vw;
}
[data-page=copy] #copyEvo #evolution .old_copy .before .frame {
  width: 23.75vw;
  height: 13.38vw;
}
[data-page=copy] #copyEvo #evolution .old_copy .before .ability {
  top: 16.25vw;
  left: 22.25vw;
}
[data-page=copy] #copyEvo #evolution .cu1 .before .txt {
  width: 16.56vw;
  height: 7.25vw;
  left: 20vw;
}
[data-page=copy] #copyEvo #evolution .cu1 .before .chara img {
  width: 22.88vw;
  height: 18.94vw;
  top: -0.63vw;
  left: -0.63vw;
}
[data-page=copy] #copyEvo #evolution .cu1 .after .txt {
  width: 23.13vw;
  height: 10.59vw;
}
[data-page=copy] #copyEvo #evolution .cu1 .after .chara img {
  width: 48.59vw;
  height: 34.47vw;
  top: -11.75vw;
  left: -21.75vw;
}
[data-page=copy] #copyEvo #evolution .cu2 .before .txt {
  width: 14.28vw;
  height: 7.84vw;
  left: 18.75vw;
  top: 1.88vw;
}
[data-page=copy] #copyEvo #evolution .cu2 .before .chara img {
  width: 17.47vw;
  height: 16.88vw;
  top: 0.88vw;
  left: 0.38vw;
}
[data-page=copy] #copyEvo #evolution .cu2 .after .txt {
  width: 29.59vw;
  height: 10.78vw;
  top: 5vw;
}
[data-page=copy] #copyEvo #evolution .cu2 .after .chara img {
  width: 27.19vw;
  height: 32.47vw;
  top: -10.88vw;
  left: -5.25vw;
}
[data-page=copy] #copyEvo #evolution .cu3 .before .chara img {
  width: 16.91vw;
  height: 26.53vw;
  top: -6.31vw;
  left: 0.38vw;
}
[data-page=copy] #copyEvo #evolution .cu3 .after .txt {
  width: 24.06vw;
  height: 11.06vw;
  top: 5.94vw;
}
[data-page=copy] #copyEvo #evolution .cu3 .after .chara img {
  width: 24.66vw;
  height: 34.91vw;
  top: -12.69vw;
  left: -5.19vw;
}
[data-page=copy] #copyEvo #evolution .cu4 .before .chara img {
  width: 22.63vw;
  height: 19.31vw;
  top: 0.44vw;
  left: -4.13vw;
}
[data-page=copy] #copyEvo #evolution .cu4 .after .txt {
  width: 21.22vw;
  height: 11.25vw;
  top: 5.63vw;
  left: 3.13vw;
}
[data-page=copy] #copyEvo #evolution .cu4 .after .chara img {
  width: 23.06vw;
  height: 27.41vw;
  top: -6.06vw;
  left: -4.5vw;
}
[data-page=copy] #copyEvo #evolution .cu5 .before .chara img {
  width: 19.13vw;
  height: 17.13vw;
  top: 1vw;
  left: -0.38vw;
}
[data-page=copy] #copyEvo #evolution .cu5 .after .txt {
  width: 22.25vw;
  height: 13.13vw;
  top: 4.38vw;
  left: -0.31vw;
}
[data-page=copy] #copyEvo #evolution .cu5 .after .chara img {
  width: 45.03vw;
  height: 27.66vw;
  top: -6vw;
  left: -20.5vw;
}
[data-page=copy] #copyEvo #evolution .cu6 .before .chara img {
  width: 27.38vw;
  height: 17.66vw;
  top: 1.44vw;
  left: -9.75vw;
}
[data-page=copy] #copyEvo #evolution .cu6 .after .txt {
  width: 30.31vw;
  height: 11.81vw;
  top: 8.13vw;
  left: 17.5vw;
}
[data-page=copy] #copyEvo #evolution .cu6 .after .chara img {
  width: 51.41vw;
  height: 34.63vw;
  top: -10vw;
  left: -29.13vw;
}
[data-page=copy] #copyEvo #evolution .cu7 .before .chara img {
  width: 19.97vw;
  height: 25.34vw;
  top: -5.25vw;
  left: -0.38vw;
}
[data-page=copy] #copyEvo #evolution .cu7 .after .txt {
  width: 22.97vw;
  height: 12.16vw;
  top: 5vw;
}
[data-page=copy] #copyEvo #evolution .cu7 .after .chara img {
  width: 36.19vw;
  height: 32.06vw;
  top: -10.25vw;
  left: -14.69vw;
}
[data-page=copy] #copyEvo #evolution .cu8 .before .chara img {
  width: 17.84vw;
  height: 17.78vw;
  top: 0.69vw;
  left: 0.19vw;
}
[data-page=copy] #copyEvo #evolution .cu8 .after .txt {
  width: 30.69vw;
  height: 13.31vw;
  top: 4.38vw;
}
[data-page=copy] #copyEvo #evolution .cu8 .after .chara img {
  width: 29.63vw;
  height: 31.69vw;
  top: -9.94vw;
  left: -6.81vw;
}
[data-page=copy] #copyEvo #evolution .cu9 .before .chara img {
  width: 23.88vw;
  height: 26.78vw;
  top: -3.31vw;
  left: -3.19vw;
}
[data-page=copy] #copyEvo #evolution .cu9 .after .txt {
  width: 25.81vw;
  height: 10.06vw;
  top: 5.94vw;
}
[data-page=copy] #copyEvo #evolution .cu9 .after .chara img {
  width: 25.03vw;
  height: 32.41vw;
  top: -11.06vw;
  left: -6.13vw;
}
[data-page=copy] #copyEvo #evolution .cu10 .before .chara img {
  width: 17.56vw;
  height: 24.66vw;
  top: -2.63vw;
  left: 0.31vw;
}
[data-page=copy] #copyEvo #evolution .cu10 .after .txt {
  width: 24.03vw;
  height: 15.34vw;
  top: 4.38vw;
}
[data-page=copy] #copyEvo #evolution .cu10 .after .chara img {
  width: 28.97vw;
  height: 32.28vw;
  top: -10.25vw;
  left: -4.94vw;
}
[data-page=copy] #copyEvo #evolution .new_copy:before,
[data-page=copy] #copyEvo #evolution .old_copy:before {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-clip-path: polygon(100% 0, 100% 0%, 0% 0%, 0% 0%);
          clip-path: polygon(100% 0, 100% 0%, 0% 0%, 0% 0%);
}
[data-page=copy] #copyEvo #evolution .new_copy .label_star,
[data-page=copy] #copyEvo #evolution .old_copy .label_star {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: translateX(-50%) rotate(-90deg) scale(0.5);
          transform: translateX(-50%) rotate(-90deg) scale(0.5);
  opacity: 0;
}
[data-page=copy] #copyEvo #evolution .new_copy.action:before,
[data-page=copy] #copyEvo #evolution .old_copy.action:before {
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
          clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
}
[data-page=copy] #copyEvo #evolution .new_copy.action .label_star,
[data-page=copy] #copyEvo #evolution .old_copy.action .label_star {
  -webkit-transform: translateX(-50%) rotate(15deg) scale(1);
          transform: translateX(-50%) rotate(15deg) scale(1);
  opacity: 1;
}
[data-page=copy] #copyEvo #evolution .before,
[data-page=copy] #copyEvo #evolution .after {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: transform,opacity,visibility,margin;
  transition-property: transform,opacity,visibility,margin,-webkit-transform;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transform: translate(0, 10px) scale(0.5);
          transform: translate(0, 10px) scale(0.5);
  opacity: 0;
  visibility: hidden;
}
[data-page=copy] #copyEvo #evolution .copy_unit.action .before,
[data-page=copy] #copyEvo #evolution .copy_unit.action .after {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=copy] #copyMoreEvo {
  margin-top: -3.75vw;
}
[data-page=copy] #copyMoreEvo .sec_inner {
  padding: 3.75vw 0 7.5vw;
}
[data-page=copy] #copyMoreEvo h2 {
  text-align: center;
  margin-bottom: 2.5vw;
}
[data-page=copy] #copyMoreEvo h2 img {
  height: 4.78vw;
}
[data-page=copy] #copyMoreEvo .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-page=copy] #copyMoreEvo .contents .unit {
  width: 31.25vw;
  position: relative;
  margin-bottom: 3.75vw;
}
[data-page=copy] #copyMoreEvo .contents .unit.right {
  margin-left: 11.25vw;
}
[data-page=copy] #copyMoreEvo .contents .unit.left {
  margin-right: 11.25vw;
}
[data-page=copy] #copyMoreEvo .contents .unit .frame {
  width: 31.25vw;
  height: 17.5vw;
}
[data-page=copy] #copyMoreEvo .contents .unit .label_title {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  bottom: -1.56vw;
  left: 50%;
  width: 25vw;
}
[data-page=copy] #copyMoreEvo .contents .unit .chara {
  z-index: 5;
}
[data-page=copy] #copyMoreEvo .contents .unit .chara {
  -webkit-transition-delay: 0.6s !important;
          transition-delay: 0.6s !important;
}
[data-page=copy] #copyMoreEvo .contents .unit .frame,
[data-page=copy] #copyMoreEvo .contents .unit .label_title {
  -webkit-transition-delay: 0.2s !important;
          transition-delay: 0.2s !important;
}
[data-page=copy] #copyMoreEvo .contents .u1 .chara {
  width: 29.41vw;
  height: 25.38vw;
  top: -6.88vw;
  left: -15.31vw;
}
[data-page=copy] #copyMoreEvo .contents .u2 .chara {
  width: 12.31vw;
  height: 16.38vw;
  top: 1.88vw;
  left: -8.75vw;
}
[data-page=copy] #copyMoreEvo .contents .u3 .chara {
  width: 15.94vw;
  height: 16.72vw;
  top: 1.56vw;
  right: -9.06vw;
}
[data-page=copy] #copyMoreEvo .contents .u4 .chara {
  width: 16.31vw;
  height: 20.72vw;
  top: -2.5vw;
  right: -11.88vw;
}
[data-page=copy] #modal .bg_obj1,
[data-page=copy] #modal .bg_obj2,
[data-page=copy] #modal .bg_star {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
[data-page=copy] #modal #modalContents {
  max-width: 53.5vw;
}
[data-page=copy] #modal .modal_body {
  background-color: transparent;
}
[data-page=copy] #modal .modal_body:before {
  display: none;
}
[data-page=copy] #modal #sleepCrash {
  min-height: 49.38vw;
  padding: 1.88vw 0;
  margin-bottom: 0.94vw;
}
[data-page=copy] #modal #sleepCrash .basic_title {
  width: 26.25vw;
  margin-bottom: 3.75vw;
}
[data-page=copy] #modal #sleepCrash .basic_title:before {
  bottom: -0.81vw;
}
[data-page=copy] #modal #sleepCrash .basic_title .title {
  width: 21.31vw;
  height: 4.69vw;
}
[data-page=copy] #modal #sleepCrash .basic_title .star {
  margin-top: -0.25vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before {
  background-color: #e1e1e1;
  border-radius: 1.25vw;
  position: relative;
  padding: 1.88vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 0 auto 7.38vw;
  z-index: 10;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .bg {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 4px solid #0ec1b6;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 1.25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .ability {
  background-color: #ffffff;
  border: 4px solid #4f2807;
  border-radius: 0.63vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 900;
  color: #4f2807;
  position: absolute;
  z-index: 5;
  width: 14.63vw;
  height: 3.75vw;
  font-size: 1.5vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .ability:after {
  background-image: url(../img/copy/bg_copy_before.png);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -2.88vw;
  width: 2.13vw;
  height: 2.06vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .ability.new:before {
  background: url(../img/copy/label_new.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 13.19vw;
  height: 3.69vw;
  position: absolute;
  top: -3.75vw;
  left: -0.63vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .chara {
  top: -0.75vw;
  left: -0.75vw;
  width: 19.56vw;
  height: 19.56vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .chara:before {
  background-image: url(../img/common/bg_circle_green.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .chara img {
  position: absolute;
  z-index: 2;
  max-width: none;
  max-width: initial;
}
[data-page=copy] #modal #sleepCrash .once_copy .copy_unit {
  position: relative;
}
[data-page=copy] #modal #sleepCrash .once_copy .before {
  width: 53.44vw;
  height: 23.13vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(1) {
  margin-bottom: 2.19vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(2) {
  margin-bottom: 0;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .frame {
  width: 25.13vw;
  height: 14.19vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .ability {
  top: 16.88vw;
  left: 26.25vw;
  width: 20.25vw;
  height: 4.38vw;
  font-size: 1.75vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .ability:after {
  display: none;
}
[data-page=copy] #modal #sleepCrash .once_copy .before .chara {
  width: 20vw;
  height: 20vw;
  top: 1.38vw;
  left: 1.38vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
[data-page=copy] #modal #sleepCrash .once_copy .before.reverse .ability {
  left: 1.88vw;
}
[data-page=copy] #modal #sleepCrash .once_copy .before.reverse .chara {
  left: auto;
  right: 1.38vw;
}
[data-page=copy] #modal #sleepCrash .cu11 .chara img {
  width: 26.13vw;
  height: 24.28vw;
  top: -2.81vw;
  left: -1.94vw;
}
[data-page=copy] #modal #sleepCrash .cu12 .chara img {
  width: 22.13vw;
  height: 30vw;
  top: -7.13vw;
  left: -1.44vw;
}

[data-page=town] #town:before {
  content: "";
  padding-top: 72.4%;
  display: block;
}
[data-page=town] #town .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
[data-page=town] #town .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
[data-page=town] #town .sec_inner {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 5vw 0 0;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
}
[data-page=town] #town header {
  position: relative;
  max-width: 64vw;
  width: 100%;
  margin: 0 auto;
}
[data-page=town] #town header .main_title {
  width: 56.38vw;
  margin: 0 auto 3.75vw;
}
[data-page=town] #town header .main_title .title {
  height: 4.69vw;
  margin-top: -0.94vw;
}
[data-page=town] #town header .main_title .label {
  width: 56.38vw;
  height: 6vw;
}
[data-page=town] #town header .chara {
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
  z-index: 5;
}
[data-page=town] #town header .chara.c1 {
  width: 13.19vw;
  height: 10.88vw;
  top: 2.13vw;
  left: -5.63vw;
}
[data-page=town] #town header .chara.c2 {
  width: 11.56vw;
  height: 13vw;
  top: 1.06vw;
  right: -5.88vw;
}
[data-page=town] #town header .lead {
  -webkit-transition-delay: 1.2s !important;
          transition-delay: 1.2s !important;
}
[data-page=town] #town .points {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-page=town] #town .point {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateY(10px) scale(0.5);
          transform: translateY(10px) scale(0.5);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 3.44vw;
  height: 4vw;
  position: absolute;
}
[data-page=town] #town .point .point_inner {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ffffff;
  width: 3.44vw;
  height: 3.38vw;
  border-radius: 1.69vw;
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-filter: drop-shadow(0.25vw 0.31vw 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(0.25vw 0.31vw 0 rgba(52, 52, 52, .5));
  will-change: filter;
}
[data-page=town] #town .point .point_inner:before {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.75vw 0.47vw 0 0.47vw;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  bottom: -0.63vw;
  left: 50%;
}
[data-page=town] #town .point .plus {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.5) rotate(180deg);
          transform: scale(0.5) rotate(180deg);
  background: url(../img/common/ic_plus.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 1.63vw;
  height: 1.63vw;
  position: absolute;
  bottom: -0.5vw;
  right: 0;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
}
[data-page=town] #town .point a {
  background-color: #d84058;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #d84058;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 1.69vw;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.88vw;
}
[data-page=town] #town .point a:before {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-color: #d84058;
  content: "";
  display: block;
  width: 3.63vw;
  height: calc(100% + 2px);
  border-radius: 1.69vw 0 0 1.69vw;
  position: absolute;
  top: -1px;
  left: -2px;
  -webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
  opacity: 0;
  visibility: hidden;
}
[data-page=town] #town .point a:after {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: url(../img/common/bg_line_2.gif) repeat 0 0;
  background-size: 0.38vw 0.38vw;
  content: "";
  display: block;
  width: 5.25vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
  z-index: 0;
  border-radius: 0 1.69vw 1.69vw 0;
  opacity: 0;
  visibility: hidden;
}
[data-page=town] #town .point a .star {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
}
[data-page=town] #town .point .name {
  height: 1.38vw;
  position: relative;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
[data-page=town] #town .point.active .plus, [data-page=town] #town .point:hover .plus {
  -webkit-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1;
  visibility: visible;
}
[data-page=town] #town .point.active a, [data-page=town] #town .point:hover a {
  background-color: transparent;
  overflow: visible;
  overflow: initial;
}
[data-page=town] #town .point.active a:before, [data-page=town] #town .point.active a:after, [data-page=town] #town .point:hover a:before, [data-page=town] #town .point:hover a:after {
  opacity: 1;
  visibility: visible;
}
[data-page=town] #town .point.active a .star, [data-page=town] #town .point:hover a .star {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 0.94vw;
}
[data-page=town] #town .point.active .name, [data-page=town] #town .point:hover .name {
  opacity: 1;
  visibility: visible;
}
[data-page=town] #town .point.pin {
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  opacity: 1;
  visibility: visible;
  pointer-events: initial;
}
[data-page=town] #town .p1 {
  top: 46%;
  left: 31.2%;
}
[data-page=town] #town .p1.active .point_inner, [data-page=town] #town .p1:hover .point_inner {
  width: 19.69vw;
}
[data-page=town] #town .p2 {
  top: 36%;
  left: 78%;
}
[data-page=town] #town .p2.active .point_inner, [data-page=town] #town .p2:hover .point_inner {
  width: 21.25vw;
}
[data-page=town] #town .p3 {
  top: 53%;
  left: 51%;
}
[data-page=town] #town .p3.active .point_inner, [data-page=town] #town .p3:hover .point_inner {
  width: 18.13vw;
}
[data-page=town] #town .p4 {
  top: 36%;
  left: 40%;
}
[data-page=town] #town .p4.active .point_inner, [data-page=town] #town .p4:hover .point_inner {
  width: 13.75vw;
}
[data-page=town] #town .p5 {
  top: 57.3%;
  left: 13.5%;
}
[data-page=town] #town .p5.active .point_inner, [data-page=town] #town .p5:hover .point_inner {
  width: 19.69vw;
}
[data-page=town] #town .p6 {
  top: 61%;
  left: 60.5%;
}
[data-page=town] #town .p6.active .point_inner, [data-page=town] #town .p6:hover .point_inner {
  width: 15.75vw;
}
[data-page=town] #town .p7 {
  top: 51%;
  left: 18%;
}
[data-page=town] #town .p7.active .point_inner, [data-page=town] #town .p7:hover .point_inner {
  width: 15.25vw;
}
[data-page=town] #town .p8 {
  top: 47.5%;
  left: 62%;
}
[data-page=town] #town .p8.active .point_inner, [data-page=town] #town .p8:hover .point_inner {
  width: 18.44vw;
}
[data-page=town] #town .p9 {
  top: 77%;
  left: 68.4%;
}
[data-page=town] #town .p9.active .point_inner, [data-page=town] #town .p9:hover .point_inner {
  width: 12.25vw;
}
[data-page=town] #town .p10 {
  top: 67%;
  left: 38%;
}
[data-page=town] #town .p10.active .point_inner, [data-page=town] #town .p10:hover .point_inner {
  width: 19.69vw;
}
[data-page=town] #town #modal {
  position: absolute;
  overflow: hidden;
  z-index: 20;
}
[data-page=town] #town #modal #modalInner {
  padding-top: 11.56vw;
}
[data-page=town] #town #modal .btn_close {
  right: 0;
}
[data-page=town] #town #modal #townPoint {
  margin-bottom: 3.75vw;
}
[data-page=town] #town #modal .swiper-container {
  overflow: visible;
  overflow: initial;
}
[data-page=town] #town #modal .swiper-button-next,
[data-page=town] #town #modal .swiper-button-prev {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 19.06vw;
  width: 2.63vw;
  height: 4.5vw;
  margin-top: 0;
}
[data-page=town] #town #modal .swiper-button-next:after,
[data-page=town] #town #modal .swiper-button-prev:after {
  display: none;
}
[data-page=town] #town #modal .swiper-button-prev {
  background-image: url(../img/common/btn_prev.png);
  -webkit-filter: drop-shadow(-2px 2px 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(-2px 2px 0 rgba(52, 52, 52, .5));
  left: 0;
}
[data-page=town] #town #modal .swiper-button-next {
  background-image: url(../img/common/btn_next.png);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="3" dy="3" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
  right: 0;
}
[data-page=town] #town #modal .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
[data-page=town] #town #modal .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 5.63vw;
  left: 0;
  width: 100%;
  z-index: 5;
}
[data-page=town] #town #modal .swiper-pagination .swiper-pagination-bullet {
  background-color: #d84058;
  opacity: 1;
  width: 1.06vw;
  height: 1.06vw;
  margin: 0 0.25vw;
}
[data-page=town] #town #modal .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
}
[data-page=town] #town #modal .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-page=town] #town #modal .swiper-slide {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  width: 69.13vw;
  pointer-events: none;
}
[data-page=town] #town #modal .swiper-slide.swiper-slide-prev, [data-page=town] #town #modal .swiper-slide.swiper-slide-next {
  -webkit-transform: scale(0.78);
          transform: scale(0.78);
}
[data-page=town] #town #modal .swiper-slide.swiper-slide-active {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
[data-page=town] #town #modal .swiper-slide.swiper-slide-active .slide .anim_chara.action {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=town] #town #modal .slide {
  background-color: #ffffff;
  border-radius: 1.13vw;
  width: 69.13vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-page=town] #town #modal .slide .slide_inner {
  border: 3px solid #d84058;
  border-radius: 1.13vw;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  position: relative;
  padding: 3.44vw 5vw;
}
[data-page=town] #town #modal .slide .slide_inner:before {
  background: url(../img/common/gnavi_line.png) repeat 0 0;
  background-size: 0.69vw 0.69vw;
  content: "";
  display: block;
  width: 7.5vw;
  height: 7.5vw;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
  border-radius: 1.13vw 0 0 0;
  z-index: 0;
}
[data-page=town] #town #modal .slide .slide_inner:after {
  background: url(../img/common/gnavi_dot.png) repeat 0 0;
  background-size: 0.5vw 0.5vw;
  content: "";
  display: block;
  width: 7.5vw;
  height: 7.5vw;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
  border-radius: 0 0 1.13vw 0;
  z-index: 0;
}
[data-page=town] #town #modal .slide .basic_title {
  margin-bottom: 3.13vw;
}
[data-page=town] #town #modal .slide .basic_title:before {
  background-color: #d84058;
  bottom: -0.81vw;
}
[data-page=town] #town #modal .slide .basic_title.ruby {
  margin-top: -0.63vw;
}
[data-page=town] #town #modal .slide .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
[data-page=town] #town #modal .slide .contents .frame {
  width: 32.19vw;
  height: 18.13vw;
}
[data-page=town] #town #modal .slide .contents .txt {
  width: calc(100% - 33.13vw);
  color: #d84058;
  font-size: 1.75vw;
  font-weight: bold;
  line-height: 1.5;
}
[data-page=town] #town #modal .slide .contents .txt a {
  border-bottom: 2px solid #d84058;
}
[data-page=town] #town #modal .slide .contents .txt span {
  font-size: 1.25vw;
  margin-top: 1.25vw;
  display: block;
  line-height: 1.5;
  padding-left: 1.25vw;
  text-indent: -1.25vw;
}
[data-page=town] #town #modal .slide .chara {
  z-index: 5;
}
[data-page=town] #town #modal .slide .anim_chara {
  -webkit-transition-delay: 0.4s !important;
          transition-delay: 0.4s !important;
}
[data-page=town] #town #modal .slide .anim_chara.action {
  -webkit-transform: translate(0, 10px) scale(0.5);
          transform: translate(0, 10px) scale(0.5);
  opacity: 0;
  visibility: hidden;
}
[data-page=town] #town #modal .slide .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-page=town] #town #modal .slide.s1 {
  height: 43.13vw;
}
[data-page=town] #town #modal .slide.s1 .basic_title {
  width: 31.25vw;
}
[data-page=town] #town #modal .slide.s1 .basic_title img {
  height: 3.75vw;
}
[data-page=town] #town #modal .slide.s1 .basic_title .star {
  margin-top: 0;
}
[data-page=town] #town #modal .slide.s1 .gallery {
  margin-top: 0.94vw;
}
[data-page=town] #town #modal .slide.s1 .gallery .frame {
  width: 18.75vw;
  height: 10.63vw;
}
[data-page=town] #town #modal .slide.s1 .chara.c1 {
  width: 23.22vw;
  height: 15.84vw;
  top: 0.63vw;
  right: -5.63vw;
  z-index: 15;
}
[data-page=town] #town #modal .slide.s1 .chara.c2 {
  width: 17.19vw;
  height: 15.5vw;
  bottom: -2.5vw;
  left: -6.88vw;
}
[data-page=town] #town #modal .slide.s2 {
  height: 31.88vw;
}
[data-page=town] #town #modal .slide.s2 .basic_title {
  width: 33.75vw;
}
[data-page=town] #town #modal .slide.s2 .basic_title img {
  height: 3.75vw;
}
[data-page=town] #town #modal .slide.s2 .basic_title .star {
  margin-top: 0;
}
[data-page=town] #town #modal .slide.s2 .txt img {
  width: 21.13vw;
  height: 7.75vw;
  margin-top: 2.38vw;
}
[data-page=town] #town #modal .slide.s3 {
  height: 31.88vw;
}
[data-page=town] #town #modal .slide.s3 .basic_title {
  width: 27.5vw;
}
[data-page=town] #town #modal .slide.s3 .basic_title img {
  height: 2.72vw;
}
[data-page=town] #town #modal .slide.s3 .contents {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=town] #town #modal .slide.s3 .txt {
  padding-top: 1.25vw;
  font-size: 1.69vw;
  white-space: nowrap;
}
[data-page=town] #town #modal .slide.s3 .chara.c1 {
  width: 17.25vw;
  height: 15.5vw;
  top: -5.94vw;
  right: -4.06vw;
}
[data-page=town] #town #modal .slide.s3 .chara.c2 {
  width: 13.69vw;
  height: 11.03vw;
  bottom: -3.75vw;
  left: -3.75vw;
}
[data-page=town] #town #modal .slide.s4 {
  height: 31.88vw;
}
[data-page=town] #town #modal .slide.s4 .basic_title {
  width: 19.69vw;
}
[data-page=town] #town #modal .slide.s4 .basic_title img {
  height: 2.5vw;
}
[data-page=town] #town #modal .slide.s4 .contents {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=town] #town #modal .slide.s4 .txt {
  padding-top: 0.94vw;
  padding-left: 2.19vw;
}
[data-page=town] #town #modal .slide.s4 .chara.c1 {
  width: 21.94vw;
  height: 20.69vw;
  bottom: -7.81vw;
  left: -6.88vw;
}
[data-page=town] #town #modal .slide.s5 {
  height: 31.88vw;
}
[data-page=town] #town #modal .slide.s5 .basic_title {
  width: 30.63vw;
}
[data-page=town] #town #modal .slide.s5 .basic_title img {
  height: 2.72vw;
}
[data-page=town] #town #modal .slide.s5 .contents {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=town] #town #modal .slide.s5 .txt {
  padding-top: 0.94vw;
  padding-left: 2.19vw;
}
[data-page=town] #town #modal .slide.s5 .chara.c1 {
  width: 14.56vw;
  height: 13.56vw;
  bottom: -3.56vw;
  left: -3.5vw;
}
[data-page=town] #town #modal .slide.s6 {
  height: 31.88vw;
}
[data-page=town] #town #modal .slide.s6 .basic_title {
  width: 25.31vw;
}
[data-page=town] #town #modal .slide.s6 .basic_title img {
  height: 2.59vw;
}
[data-page=town] #town #modal .slide.s6 .contents {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=town] #town #modal .slide.s6 .txt {
  padding-top: 0.94vw;
}
[data-page=town] #town #modal .slide.s6 .chara.c1 {
  width: 16.31vw;
  height: 12.44vw;
  bottom: -3.56vw;
  left: -3.5vw;
}
[data-page=town] #town #modal .slide.s6 .chara.c2 {
  width: 11.75vw;
  height: 11.38vw;
  bottom: 1vw;
  left: 11.25vw;
}
[data-page=town] #town #modal .slide.s7 {
  height: 31.88vw;
}
[data-page=town] #town #modal .slide.s7 .basic_title {
  width: 23.13vw;
}
[data-page=town] #town #modal .slide.s7 .basic_title img {
  height: 2.72vw;
}
[data-page=town] #town #modal .slide.s7 .contents {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=town] #town #modal .slide.s7 .txt {
  position: relative;
  padding-top: 1.25vw;
}
[data-page=town] #town #modal .slide.s7 .txt .i1 {
  width: 10.28vw;
  height: 18.13vw;
  position: absolute;
  top: 1.88vw;
  right: -37.5vw;
}
[data-page=town] #town #modal .slide.s7 .txt .i2 {
  width: 18.88vw;
  height: 12.5vw;
  margin-top: 1.56vw;
}
[data-page=town] #town #modal .slide.s7 .chara.c1 {
  width: 15vw;
  height: 13.75vw;
  top: -4.38vw;
  right: -4.69vw;
}
[data-page=town] #town #modal .slide.s7 .chara.c2 {
  width: 22.41vw;
  height: 17.47vw;
  bottom: -3.44vw;
  left: -4.69vw;
}
[data-page=town] #town #modal .slide.s8 {
  height: 31.88vw;
}
[data-page=town] #town #modal .slide.s8 .basic_title {
  width: 28.44vw;
}
[data-page=town] #town #modal .slide.s8 .basic_title img {
  height: 3.75vw;
}
[data-page=town] #town #modal .slide.s8 .basic_title .star {
  margin-top: 0;
}
[data-page=town] #town #modal .slide.s8 .contents {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[data-page=town] #town #modal .slide.s8 .txt {
  white-space: nowrap;
  padding-top: 1.25vw;
}
[data-page=town] #town #modal .slide.s8 .chara.c1 {
  width: 13.63vw;
  height: 13.06vw;
  top: -3.56vw;
  right: -3.5vw;
}
[data-page=town] #town #modal.active .swiper-slide.swiper-slide-active {
  pointer-events: initial;
}
[data-page=town] #subgame {
  margin-top: -3.75vw;
}
[data-page=town] #subgame .sec_inner {
  padding: 4.06vw 0 6.25vw;
}
[data-page=town] #subgame header {
  position: relative;
  max-width: 64vw;
  width: 100%;
  margin: 0 auto 5.31vw;
}
[data-page=town] #subgame header .basic_title {
  width: 40.31vw;
}
[data-page=town] #subgame header .basic_title .title {
  width: 35.47vw;
  height: 4.56vw;
}
[data-page=town] #subgame header .basic_title .star {
  margin-top: -0.25vw;
}
[data-page=town] #subgame header .chara {
  -webkit-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important;
}
[data-page=town] #subgame header .chara.c1 {
  width: 12.44vw;
  height: 13.25vw;
  top: -4.38vw;
  right: -3.75vw;
}
[data-page=town] #subgame .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-page=town] #subgame .contents .unit {
  background-color: #ffffff;
  border-radius: 1.25vw;
  width: 26.63vw;
  position: relative;
  -webkit-box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .2);
          box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .2);
  padding: 0.63vw 0.63vw 0 0.63vw;
}
[data-page=town] #subgame .contents .unit:before {
  background: url(../img/common/gnavi_line.png) repeat 0 0;
  background-size: 0.69vw 0.69vw;
  content: "";
  display: block;
  width: 4.06vw;
  height: 4.06vw;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 100%);
  z-index: 0;
  border-radius: 1.25vw 0 0 0;
}
[data-page=town] #subgame .contents .unit:after {
  background: url(../img/common/gnavi_dot.png) repeat 0 0;
  background-size: 0.5vw 0.5vw;
  content: "";
  display: block;
  width: 4.06vw;
  height: 4.06vw;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
  z-index: 0;
  border-radius: 0 0 1.25vw 0;
}
[data-page=town] #subgame .contents .unit .txt {
  position: absolute;
  top: -0.94vw;
  left: -1.25vw;
  z-index: 5;
}
[data-page=town] #subgame .contents .unit .obj {
  z-index: 5;
}
[data-page=town] #subgame .contents .unit figure {
  position: relative;
  border-radius: 0.63vw 0.63vw 0 0;
  overflow: hidden;
  width: 100%;
  height: 14.25vw;
}
[data-page=town] #subgame .contents .unit .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4.38vw;
  font-size: 1.63vw;
  font-weight: 900;
  color: #4f2807;
}
[data-page=town] #subgame .contents .u1 .txt {
  width: 17.78vw;
  height: 7.69vw;
}
[data-page=town] #subgame .contents .u1 .obj {
  height: 4.94vw;
  top: 11.25vw;
  right: -1.56vw;
}
[data-page=town] #subgame .contents .u2 .txt {
  width: 15.78vw;
  height: 5.31vw;
}
[data-page=town] #subgame .contents .u3 .txt {
  width: 14.19vw;
  height: 6.63vw;
}
[data-page=town] #knowing {
  margin-top: -3.75vw;
}
[data-page=town] #knowing .sec_inner {
  padding: 5.31vw 0 8.44vw;
}
[data-page=town] #knowing header {
  position: relative;
  max-width: 64vw;
  width: 100%;
  margin: 0 auto 4.38vw;
}
[data-page=town] #knowing header .basic_title {
  width: 35.63vw;
}
[data-page=town] #knowing header .basic_title .title {
  width: 30.75vw;
  height: 3.31vw;
}
[data-page=town] #knowing header .basic_title .star {
  margin-top: -0.25vw;
}
[data-page=town] #knowing header .chara {
  -webkit-transition-delay: 1.6s !important;
          transition-delay: 1.6s !important;
}
[data-page=town] #knowing header .chara.c1 {
  width: 10.94vw;
  height: 10.56vw;
  top: -3.5vw;
  left: -0.63vw;
}
[data-page=town] #knowing header .chara.c2 {
  width: 10.47vw;
  height: 10.75vw;
  top: -3.75vw;
  right: 0;
}
[data-page=town] #knowing .contents {
  background-color: #ffffff;
  border-radius: 1.25vw;
  -webkit-box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .2);
          box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.63vw;
  max-width: 78.75vw;
  margin: auto;
}
[data-page=town] #knowing .contents .frame {
  width: 33.75vw;
  height: 19vw;
  border: none;
  border-radius: 0.63vw;
}
[data-page=town] #knowing .contents .txt {
  width: 43.75vw;
  padding: 0 0 0 3.13vw;
  color: #4f2807;
}
[data-page=town] #knowing .contents .txt .main {
  font-size: 1.38vw;
  line-height: 1.7;
  margin-bottom: 0.94vw;
  font-weight: bold;
}
[data-page=town] #knowing .contents .txt .note {
  font-size: 1.13vw;
}
[data-page=town] #knowing .contents .txt .note a {
  color: #4f2807;
  text-decoration: underline;
}

[data-page=mouthful] #mouthful .sec_inner {
  padding: 5vw 0 8.75vw;
}
[data-page=mouthful] #mouthful header {
  position: relative;
  margin-bottom: 3.75vw;
}
[data-page=mouthful] #mouthful header .main_title {
  width: 56.97vw;
  margin: 0 auto 3.75vw;
}
[data-page=mouthful] #mouthful header .main_title .title {
  height: 3.53vw;
}
[data-page=mouthful] #mouthful header .main_title .label {
  width: 56.97vw;
  height: 6.59vw;
}
[data-page=mouthful] #mouthful header .obj {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
[data-page=mouthful] #mouthful header .obj.o1 {
  width: 11.38vw;
  height: 11.41vw;
  top: 0;
  left: 4.38vw;
}
[data-page=mouthful] #mouthful header .obj.o2 {
  width: 10.88vw;
  height: 11.72vw;
  top: 0;
  right: 4.38vw;
}
[data-page=mouthful] #mouthful header .lead {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
[data-page=mouthful] #mouthful .introduction {
  margin-bottom: 12.5vw;
  position: relative;
  height: 28.31vw;
  width: 100%;
}
[data-page=mouthful] #mouthful .introduction .chara {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  z-index: 5;
}
[data-page=mouthful] #mouthful .introduction .chara.c1 {
  width: 53.44vw;
  height: 48.19vw;
  top: -8.75vw;
  left: 0;
}
[data-page=mouthful] #mouthful .introduction .movie {
  -webkit-mask: url(../img/mouthful/mask_movie.svg) no-repeat 0 0;
          mask: url(../img/mouthful/mask_movie.svg) no-repeat 0 0;
  -webkit-mask-size: 74.13vw 28.31vw;
          mask-size: 74.13vw 28.31vw;
  width: 74.13vw;
  height: 28.31vw;
  position: absolute;
  top: 0;
  left: 34.38vw;
}
[data-page=mouthful] #mouthful .introduction .movie video {
  width: 80%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page=mouthful] #mouthful .txt_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-page=mouthful] #mouthful .txt_more .star {
  width: 2.19vw;
  height: 2.19vw;
}
[data-page=mouthful] #mouthful .txt_more .star.s1 {
  margin-right: 0.94vw;
}
[data-page=mouthful] #mouthful .txt_more .star.s2 {
  margin-left: 0.94vw;
}
[data-page=mouthful] #mouthful .txt_more img {
  height: 2.88vw;
}
[data-page=mouthful] #mouthful .unit {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: opacity,visibility,margin,-webkit-transform;
  transition-property: transform,opacity,visibility,margin;
  transition-property: transform,opacity,visibility,margin,-webkit-transform;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translate(0, 10px) scale(0.5);
          transform: translate(0, 10px) scale(0.5);
  opacity: 0;
  visibility: hidden;
  position: relative;
  margin: 0 6.25vw 12.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[data-page=mouthful] #mouthful .unit .frame {
  width: 32.19vw;
  height: 18.13vw;
  -webkit-box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .2);
          box-shadow: 0.25vw 0.19vw 0 rgba(52, 52, 52, .2);
  position: relative;
  z-index: 10;
}
[data-page=mouthful] #mouthful .unit .detail {
  position: relative;
  width: calc(100% - 33.13vw);
}
[data-page=mouthful] #mouthful .unit .item {
  background: url(../img/common/bg_circle_red.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 12.5vw;
  height: 12.5vw;
  margin-bottom: 1.88vw;
  position: relative;
}
[data-page=mouthful] #mouthful .unit .item:before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/common/ic_arrow_double.png) no-repeat 0 0;
  background-size: 100% 100%;
  content: "";
  display: block;
  width: 5.38vw;
  height: 3.13vw;
  position: absolute;
  top: 50%;
  right: -6.38vw;
}
[data-page=mouthful] #mouthful .unit .item img {
  position: absolute;
  max-width: none;
  max-width: initial;
}
[data-page=mouthful] #mouthful .unit .name {
  background-color: #ffffff;
  -webkit-filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
          filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
  width: 26.25vw;
  height: 3.75vw;
  border-radius: 1.88vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
}
[data-page=mouthful] #mouthful .unit .name:before {
  background-color: #d84058;
  content: "";
  display: block;
  width: 4.06vw;
  height: calc(100% - 6px);
  -webkit-clip-path: polygon(0 0, 65% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 65% 0, 100% 100%, 0 100%);
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 1.88vw 0 0 1.88vw;
}
[data-page=mouthful] #mouthful .unit .name:after {
  background: url(../img/common/bg_line_2.gif) repeat 0 0;
  background-size: 0.38vw 0.38vw;
  content: "";
  display: block;
  width: 7.5vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
  z-index: 0;
  border-radius: 0 1.69vw 1.69vw 0;
}
[data-page=mouthful] #mouthful .unit .name .name_inner {
  border: 3px solid #d84058;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 1.88vw;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 4.38vw;
  z-index: 2;
}
[data-page=mouthful] #mouthful .unit .name .name_inner .star {
  position: absolute;
  top: 50%;
  left: 0.94vw;
  margin-top: -0.75vw;
}
[data-page=mouthful] #mouthful .unit .name img {
  height: 1.5vw;
}
[data-page=mouthful] #mouthful .unit .chara {
  max-width: none;
  max-width: initial;
}
[data-page=mouthful] #mouthful .unit .txt {
  position: absolute;
}
[data-page=mouthful] #mouthful .unit:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
[data-page=mouthful] #mouthful .unit .anim_chara.action {
  -webkit-transform: translate(0, 10px) scale(0.5);
          transform: translate(0, 10px) scale(0.5);
  opacity: 0;
  visibility: hidden;
}
[data-page=mouthful] #mouthful .unit .name.action {
  -webkit-transform: translateX(1.25vw) scale(1);
          transform: translateX(1.25vw) scale(1);
  opacity: 0;
}
[data-page=mouthful] #mouthful .unit .txt.action {
  -webkit-transform: translateY(1.25vw) scale(1);
          transform: translateY(1.25vw) scale(1);
  opacity: 0;
}
[data-page=mouthful] #mouthful .unit.action {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=mouthful] #mouthful .u1 .item img {
  width: 16.06vw;
  height: 12.47vw;
  top: 1.25vw;
  left: -0.63vw;
}
[data-page=mouthful] #mouthful .u1 .chara {
  width: 39.13vw;
  height: 26vw;
  top: 0.63vw;
  left: 15.63vw;
}
[data-page=mouthful] #mouthful .u1 .txt {
  width: 26.16vw;
  height: 10.56vw;
  top: -6.88vw;
  left: 13.31vw;
}
[data-page=mouthful] #mouthful .u2 .item img {
  width: 14.19vw;
  height: 14vw;
  top: -0.63vw;
  left: 1.56vw;
}
[data-page=mouthful] #mouthful .u2 .chara {
  width: 25.81vw;
  height: 26.81vw;
  top: -2.81vw;
  left: 17.5vw;
  z-index: 11;
}
[data-page=mouthful] #mouthful .u2 .txt {
  width: 19.81vw;
  height: 10.59vw;
  top: -6.88vw;
  left: 13.44vw;
}
[data-page=mouthful] #mouthful .u3 .item img {
  width: 13.16vw;
  height: 13.47vw;
  top: 0.94vw;
  left: 0.94vw;
}
[data-page=mouthful] #mouthful .u3 .chara {
  width: 25.22vw;
  height: 25.38vw;
  top: 1.25vw;
  left: 17.5vw;
}
[data-page=mouthful] #mouthful .u3 .txt {
  width: 24.66vw;
  height: 11.75vw;
  top: -7.94vw;
  left: 13.44vw;
}
[data-page=mouthful] #mouthful .u4 .item img {
  width: 11.75vw;
  height: 14.69vw;
  top: -1.56vw;
  left: 2.5vw;
}
[data-page=mouthful] #mouthful .u4 .chara {
  width: 24.94vw;
  height: 29.31vw;
  top: -5.63vw;
  left: 18.44vw;
  z-index: 11;
}
[data-page=mouthful] #mouthful .u4 .txt {
  width: 20.28vw;
  height: 9.66vw;
  top: -6.25vw;
  left: 13.44vw;
  z-index: 12;
}
[data-page=mouthful] #mouthful .u5 .item img {
  width: 12.31vw;
  height: 13.09vw;
  top: 0.94vw;
  left: 1.56vw;
}
[data-page=mouthful] #mouthful .u5 .chara {
  width: 24.38vw;
  height: 24.88vw;
  top: -0.63vw;
  left: 18.75vw;
}
[data-page=mouthful] #mouthful .u5 .txt {
  width: 31.78vw;
  height: 10.94vw;
  top: -7.5vw;
  left: 13.44vw;
}
[data-page=mouthful] #mouthful .u6 .item img {
  width: 13.81vw;
  height: 10.5vw;
  top: 1.13vw;
  left: 0.75vw;
}
[data-page=mouthful] #mouthful .u6 .chara {
  width: 41.88vw;
  height: 24.25vw;
  top: -0.94vw;
  left: 16.88vw;
}
[data-page=mouthful] #mouthful .u6 .txt {
  width: 35.09vw;
  height: 11.66vw;
  top: -8.13vw;
  left: 13.31vw;
}
[data-page=mouthful] #mouthful .u7 {
  margin-bottom: 16.56vw;
}
[data-page=mouthful] #mouthful .u7.action .detail:before {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}
[data-page=mouthful] #mouthful .u7 .item {
  z-index: 10;
}
[data-page=mouthful] #mouthful .u7 .item img {
  width: 16.44vw;
  height: 11.88vw;
  top: 1.75vw;
  left: 0.13vw;
}
[data-page=mouthful] #mouthful .u7 .chara {
  width: 73.31vw;
  height: 32.03vw;
  top: 1.25vw;
  left: -20vw;
  z-index: 0;
}
[data-page=mouthful] #mouthful .u7 .chara img {
  width: 100%;
}
[data-page=mouthful] #mouthful .u7 .txt {
  width: 25.84vw;
  height: 10.34vw;
  top: -6.88vw;
  left: 13.31vw;
}
[data-page=mouthful] #mouthful .u7 .name {
  width: 23.75vw;
  z-index: 10;
}

[data-page=movie] #movie {
  min-height: calc(100vh - 21.5vw);
}
[data-page=movie] #movie .sec_inner {
  padding: 5vw 0 7.5vw;
}
[data-page=movie] #movie header {
  position: relative;
}
[data-page=movie] #movie header .chara {
  -webkit-transition-delay: 0.8s !important;
          transition-delay: 0.8s !important;
  z-index: 5;
}
[data-page=movie] #movie header .c1 {
  width: 11.75vw;
  height: 11.38vw;
  top: -1.88vw;
  left: 5.63vw;
}
[data-page=movie] #movie header .c2 {
  width: 15.91vw;
  height: 13vw;
  top: -3.13vw;
  right: 5.63vw;
}
[data-page=movie] #movie .main_title {
  width: 56.38vw;
  margin: 0 auto 5vw;
}
[data-page=movie] #movie .main_title .title {
  height: 3.53vw;
}
[data-page=movie] #movie .main_title .label {
  width: 56.38vw;
  height: 6vw;
}
@media screen and (min-width: 1280px) {
  #wrapper [data-tb],
#wrapper [data-sp],
#modal [data-tb],
#modal [data-sp] {
    display: none !important;
  }
  #wrapper [data-pc],
#modal [data-pc] {
    display: inline-block !important;
  }
  .p-movie-top {
    width: 65.88vw;
    margin: 0 auto;
    position: relative;
  }

  .p-movie-top-section {
    margin-bottom: 3.75vw;
  }

  .movie_title {
    position: relative;
    -webkit-filter: drop-shadow(0 0 0.31vw rgba(0, 0, 0, .5));
            filter: drop-shadow(0 0 0.31vw rgba(0, 0, 0, .5));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .movie_title .label_title {
    height: 3.13vw;
    padding: 0 3.13vw;
    width: auto;
  }
  .movie_title .label_title:before, .movie_title .label_title:after {
    -webkit-animation: none;
            animation: none;
    height: 100%;
    top: 0;
  }

  .p-movie-top-head {
    position: relative;
    margin: 0 auto;
    height: 3.13vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.63vw;
    color: #ffffff;
    position: relative;
    z-index: 5;
  }
  .p-movie-top-head br {
    display: none;
  }

  .p-movie-top-body {
    position: relative;
    margin-bottom: 1.88vw;
  }

  .p-movie-top-body:first-child {
    margin-top: 0;
  }

  .p-movie-top-section[data-new=true] .p-movie-top-body {
    position: relative;
  }
  .p-movie-top-section[data-new=true]:before {
    display: none;
  }

  .p-movie-top-frame {
    /* 動画のインラインフレーム */
    position: relative;
    background: #000;
    overflow: hidden;
  }
  .p-movie-top-frame.is-hidden {
    /* 動画のインラインフレーム（非表示） */
    display: none !important;
  }
  .p-movie-top-frame:before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }

  .p-movie-top-frame__label {
    /* 動画のインラインフレーム */
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .p-movie-top-btn {
    /* 動画の再生ボタン */
    overflow: hidden;
    display: block;
  }
  .p-movie-top-btn img,
.p-movie-top-btn video {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .p-movie-top-btn > * {
    pointer-events: none;
  }
  .p-movie-top-img {
    position: relative;
    overflow: hidden;
  }
  .p-movie-top-img.is-hidden {
    display: none !important;
  }
  .p-movie-top-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .p-movie-top-img__ico {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background: url(../img/common/ic_play_red.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.75vw;
    height: 7.75vw;
    -webkit-filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.25vw 0.19vw 0 rgba(52, 52, 52, .5));
  }
  .p-movie-thumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 64vw;
    margin: auto;
  }
  .p-movie-thumb-list__item {
    width: calc(33.3% - 1.88vw);
    margin-left: 2.81vw;
    margin-bottom: 2.19vw;
  }
  .p-movie-thumb-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .p-movie-thumb-list__item[data-new=true] {
    position: relative;
  }
  .p-movie-thumb-frame {
    display: none !important;
  }
  .p-movie-thumb-btn {
    overflow: hidden;
    display: block;
  }
  .p-movie-thumb-btn img,
.p-movie-thumb-btn video {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .p-movie-thumb-btn > * {
    pointer-events: none;
  }
  .p-movie-thumb-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 0.94vw;
    border-width: 3px;
    border-radius: 0.5vw;
    border-color: #ffffff;
  }
  .p-movie-thumb-img.is-hidden {
    display: none !important;
  }
  .p-movie-thumb-btn.is-active .p-movie-thumb-img {
    background-color: #f6d706;
    border-color: #f6d706;
  }
  .p-movie-thumb-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .p-movie-thumb-img__ico {
    display: none;
  }
  .p-movie-thumb-caption__label {
    text-align: center;
    font-size: 1vw;
    height: auto;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .p-movie-modal {
    display: none !important;
  }
}
@media screen and (min-width: 750px) and (max-width: 1280px) {
  #wrapper [data-pc],
#wrapper [data-sp],
#modal [data-pc],
#modal [data-sp] {
    display: none !important;
  }
  #wrapper [data-tb],
#modal [data-tb] {
    display: inline-block !important;
  }
  #wrapper {
    position: relative;
    overflow: hidden;
  }

  #globalNavi {
    height: 17.93vw;
    margin-top: -4.65vw;
  }
  #globalNavi .btn_pagetop {
    width: 6.84vw;
    height: 6.57vw;
    top: -3.98vw;
  }
  #globalNavi .inner {
    padding: 2.99vw 0 2.66vw;
    max-width: 90.31vw;
  }
  #globalNavi .gnavi {
    padding-left: 0.53vw;
    width: calc(100% - 19.26vw);
  }
  #globalNavi .nav {
    margin-right: 0.66vw;
  }
  #globalNavi .chara .star.s1 {
    width: 1.66vw;
    height: 1.66vw;
    top: -5.45vw;
    right: 0.86vw;
  }
  #globalNavi .chara .star.s2 {
    width: 1.06vw;
    height: 1.06vw;
    top: -3.65vw;
    right: 0.6vw;
  }
  #globalNavi .btn {
    width: 11.29vw;
    height: 5.98vw;
    border-radius: 1.33vw;
    -webkit-filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
  }
  #globalNavi .btn:before {
    width: 10.76vw;
    height: 5.45vw;
    border-radius: 1.2vw;
    border: 0.2vw solid #d84058;
  }
  #globalNavi .btn .btn_inner {
    width: 10.76vw;
    height: 5.45vw;
    border-radius: 1.2vw;
  }
  #globalNavi .btn .btn_inner:before {
    background-size: 0.73vw 0.73vw;
    width: 3.59vw;
    height: 3.59vw;
  }
  #globalNavi .btn .btn_inner:after {
    background-size: 0.53vw 0.53vw;
    width: 3.59vw;
    height: 3.59vw;
  }
  #globalNavi .btn .star {
    width: 0.8vw;
    height: 0.8vw;
    margin-top: -0.4vw;
  }
  #globalNavi .btn .star.s1 {
    left: 0.93vw;
  }
  #globalNavi .btn .star.s2 {
    right: 0.93vw;
  }
  #globalNavi .n_top .chara img {
    height: 5.31vw;
    top: -4.12vw;
  }
  #globalNavi .n_top .btn img {
    height: 1.26vw;
  }
  #globalNavi .n_about .chara img {
    height: 5.31vw;
    top: -5.45vw;
  }
  #globalNavi .n_about .btn img {
    height: 1.26vw;
  }
  #globalNavi .n_copy .chara img {
    height: 6.64vw;
    top: -5.45vw;
    margin-left: -1vw;
  }
  #globalNavi .n_copy .btn img {
    height: 1.26vw;
  }
  #globalNavi .n_mouthful .chara img {
    height: 6.31vw;
    top: -5.45vw;
  }
  #globalNavi .n_mouthful .btn img {
    height: 2.72vw;
  }
  #globalNavi .n_town .chara img {
    height: 4.71vw;
    top: -3.98vw;
  }
  #globalNavi .n_town .btn img {
    height: 2.72vw;
  }
  #globalNavi .n_movie .chara img {
    height: 5.31vw;
    top: -4.58vw;
  }
  #globalNavi .n_movie .btn img {
    height: 1.26vw;
  }

  #globalFooter {
    background-color: #4f2807;
    color: #ffffff;
    position: relative;
    z-index: 10;
  }
  #globalFooter .inner {
    max-width: 106.25vw;
    margin: 0 auto;
    padding: 0 2.52vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 4.91vw;
  }
  #globalFooter .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #globalFooter .link li {
    margin-right: 1.33vw;
  }
  #globalFooter .link a {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    display: block;
    position: relative;
    padding-left: 1.59vw;
    font-weight: bold;
  }
  #globalFooter .link a:before {
    background: url(../img/common/ic_star_white.svg) no-repeat 0 0;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 1vw;
    height: 1vw;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5vw;
  }
  #globalFooter .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #globalFooter .copyright {
    margin-right: 1.99vw;
  }
  #globalFooter .sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #globalFooter .sns li {
    margin-right: 0.66vw;
  }
  #globalFooter .sns li:last-of-type {
    margin-right: 0;
  }
  .switch_logo {
    width: 7.97vw;
    height: 7.97vw;
  }

  .site_logo {
    width: 18.73vw;
    height: 12.55vw;
  }

  .star {
    width: 1.59vw;
    height: 1.59vw;
  }

  .close {
    width: 1.99vw;
    height: 1.99vw;
  }

  .arrow_evol {
    height: 3.98vw;
    width: 11.95vw;
  }
  .arrow_evol .img {
    width: 8.63vw;
    height: 8.63vw;
  }
  .arrow_evol .star {
    width: 8.63vw;
    height: 8.63vw;
    margin: -4.32vw 0 0 -4.32vw;
  }

  [data-new=true]:before {
    width: 4.91vw;
    height: 4.91vw;
    top: -1.66vw;
    right: -1.66vw;
  }
  [data-new=true].ic_star:before {
    width: 5.64vw;
    height: 5.78vw;
    top: -1.66vw;
    right: -1.66vw;
  }

  .sec_inner {
    max-width: none;
    max-width: initial;
    width: calc(100% - 3.98vw);
  }

  .main_title {
    height: 6.97vw;
  }
  .main_title .title {
    height: 3.72vw;
  }
  .main_title .title.ruby {
    height: 4.98vw;
    margin-top: -0.2vw;
  }
  .main_title .label {
    height: 6.97vw;
  }
  .main_title .deco {
    height: 2.26vw;
    bottom: -2.32vw;
  }

  .label_title {
    width: 19.52vw;
    height: 2.52vw;
    font-size: 1.2vw;
  }
  .label_title:before, .label_title:after {
    width: 0.53vw;
  }
  .label_title:before {
    left: -0.46vw;
  }
  .label_title:after {
    right: -0.46vw;
  }
  .label_title img {
    height: 1.59vw;
  }
  .label_title .star {
    width: 0.93vw;
    height: 0.93vw;
  }
  .label_title .star.s1 {
    left: 1.33vw;
  }
  .label_title .star.s2 {
    right: 1.33vw;
  }
  .label_title.shadow {
    -webkit-filter: drop-shadow(0 0 0.33vw rgba(0, 0, 0, .3));
            filter: drop-shadow(0 0 0.33vw rgba(0, 0, 0, .3));
  }
  .label_title.large {
    width: 37.85vw;
    height: 3.19vw;
    font-size: 1.73vw;
  }
  .label_title.txt {
    height: 3.19vw;
    font-size: 1.86vw;
    font-weight: bold;
  }

  .basic_title:before {
    height: 0.33vw;
    border-radius: 0.17vw;
    bottom: -1.53vw;
    -webkit-box-shadow: 0.27vw 0 0 rgba(0, 0, 0, .2);
            box-shadow: 0.27vw 0 0 rgba(0, 0, 0, .2);
  }
  .basic_title .star {
    margin-top: -0.8vw;
    -webkit-filter: drop-shadow(0.27vw 0 0 rgba(0, 0, 0, .2));
            filter: drop-shadow(0.27vw 0 0 rgba(0, 0, 0, .2));
  }

  .lead {
    font-size: 1.73vw;
  }

  .btn_more {
    width: 31.41vw;
    height: 4.65vw;
    border-radius: 2.32vw;
    -webkit-filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
  }
  .btn_more img {
    height: 1.59vw;
  }
  .btn_more .star {
    width: 1.33vw;
    height: 1.33vw;
    margin-top: -0.66vw;
  }
  .btn_more .star.s1 {
    left: 1.33vw;
  }
  .btn_more .star.s2 {
    right: 1.33vw;
  }
  .btn_more .btn_inner {
    border-radius: 2.13vw;
  }
  .btn_more .btn_inner:before {
    background-size: 0.53vw 0.53vw;
    width: 6.77vw;
  }
  .btn_more .btn_inner:after {
    background-size: 0.4vw 0.4vw;
    width: 6.77vw;
  }

  .btn_play {
    width: 6.77vw;
    height: 6.77vw;
    -webkit-filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .2));
            filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .2));
  }

  .btn_close {
    width: 5.98vw;
    height: 5.98vw;
  }
  .btn_close:before {
    border-width: 0.2vw;
    width: calc(100% - 0.4vw);
    height: calc(100% - 0.4vw);
  }

  .frame {
    border-radius: 0.66vw;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  .frame.wide {
    border-width: 0.93vw;
    border-radius: 1.33vw;
  }
  .frame.shadow {
    -webkit-box-shadow: 0 0 0.4vw rgba(0, 0, 0, .2);
            box-shadow: 0 0 0.4vw rgba(0, 0, 0, .2);
  }
  .frame.shadow2 {
    -webkit-filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
  }
  .frame .frame_inner {
    border-radius: 0.66vw;
  }

  .loop_slider .slider_wrap {
    -webkit-box-shadow: 0 0 1.33vw rgba(0, 0, 0, .3);
            box-shadow: 0 0 1.33vw rgba(0, 0, 0, .3);
  }
  .loop_slider img {
    width: 29.55vw;
    height: 16.6vw;
  }

  .mask {
    -webkit-mask-size: 106.25vw auto;
            mask-size: 106.25vw auto;
  }

  .color_bg:before {
    width: 38.05vw;
    height: 22.25vw;
  }
  .color_bg:after {
    width: 48.74vw;
    height: 26.83vw;
  }
  .color_bg .color_bg_obj1:before, .color_bg .color_bg_obj1:after,
.color_bg .color_bg_obj2:before,
.color_bg .color_bg_obj2:after,
.color_bg .color_bg_star:before,
.color_bg .color_bg_star:after {
    background-size: 54.45vw 54.45vw;
    width: 217.81vw;
    height: 163.36vw;
  }

  #modal .bg_obj1:before, #modal .bg_obj1:after,
#modal .bg_obj2:before,
#modal .bg_obj2:after,
#modal .bg_star:before,
#modal .bg_star:after {
    background-size: 54.45vw 54.45vw;
    width: 217.81vw;
    height: 163.36vw;
  }
  #modal #modalInner {
    padding: 7.97vw 0;
  }
  #modal #modalContents {
    width: 100%;
    max-width: 85vw;
  }
  #modal .btn_close {
    top: -5.98vw;
    right: -5.98vw;
  }
  #modal .modal_body {
    border-radius: 1.2vw;
    margin-bottom: 2.66vw;
  }
  #modal .modal_body:before {
    border-radius: 1.2vw;
  }
  [data-page=top] #opening {
    height: 54.72vw;
  }
  [data-page=top] #mv {
    height: 54.72vw;
  }
  [data-page=top] #mv .site_logo {
    width: 30.15vw;
    height: 20.79vw;
    top: 2.66vw;
    left: 1.99vw;
  }
  [data-page=top] #mv .date {
    bottom: 3.32vw;
    left: 3.98vw;
  }
  [data-page=top] #mv .date img {
    width: 32.51vw;
    height: 4.65vw;
  }
  [data-page=top] #mv .movie {
    width: 24.97vw;
    height: 14.61vw;
    bottom: 3.72vw;
    left: 1.99vw;
  }
  [data-page=top] #mv .movie .title {
    top: -1.86vw;
  }
  [data-page=top] #mv .movie .title img {
    height: 3.12vw;
  }
  [data-page=top] #mv .movie .frame a {
    border-radius: 0.4vw;
  }
  [data-page=top] #mv .movie .ic_update {
    top: -1.33vw;
    right: -1.59vw;
    width: 5.64vw;
    height: 5.78vw;
  }
  [data-page=top] #mv .bnr_trial {
    bottom: -2.99vw;
    right: 7.97vw;
  }
  [data-page=top] #mv .bnr_trial img {
    width: 13.48vw;
    height: 15.37vw;
  }
  [data-page=top] .news {
    min-height: 5.31vw;
  }
  [data-page=top] .news .bg .color_bg {
    width: 19.92vw;
  }
  [data-page=top] .news .bg .color_bg .color_bg_obj1:before, [data-page=top] .news .bg .color_bg .color_bg_obj1:after {
    background-size: 27.23vw 27.23vw;
    min-width: 81.68vw;
    min-height: 54.45vw;
  }
  [data-page=top] .news .bg .color_bg .color_bg_obj2:before, [data-page=top] .news .bg .color_bg .color_bg_obj2:after {
    background-size: 27.23vw 27.23vw;
    min-width: 81.68vw;
    min-height: 54.45vw;
  }
  [data-page=top] .news .bg .color_bg .color_bg_star:before, [data-page=top] .news .bg .color_bg .color_bg_star:after {
    background-size: 27.23vw 27.23vw;
    min-width: 81.68vw;
    min-height: 54.45vw;
  }
  [data-page=top] .news .sec_inner {
    min-height: 5.31vw;
  }
  [data-page=top] .news .title {
    width: 17.27vw;
    padding-left: 0;
    text-align: center;
  }
  [data-page=top] .news .title img {
    height: 2.76vw;
  }
  [data-page=top] .news .contents {
    width: calc(100% - 17.27vw);
    padding: 1.33vw 2.66vw;
  }
  [data-page=top] .news .contents dl {
    font-size: 1vw;
    margin-bottom: 1.33vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  [data-page=top] .news .contents dl dt {
    width: auto;
    padding-right: 0.33vw;
    white-space: nowrap;
  }
  [data-page=top] .news .contents dl dd {
    width: 100%;
  }
  [data-page=top] #banner .sec_inner {
    max-width: 68vw;
    padding: 1.66vw 0 5.31vw;
  }
  [data-page=top] #banner .unit {
    width: calc(50% - 0.8vw);
  }
  [data-page=top] #banner .unit a {
    border-radius: 0.66vw;
    -webkit-box-shadow: 0 0 0.4vw rgba(0, 0, 0, .2);
            box-shadow: 0 0 0.4vw rgba(0, 0, 0, .2);
    padding: 0.4vw;
  }
  [data-page=top] #banner .unit .ic_update {
    top: -1vw;
    left: -2.32vw;
    width: 4.78vw;
    height: 4.91vw;
  }
  [data-page=top] #banner .unit figure {
    width: 13.28vw;
    border-radius: 0.53vw;
  }
  [data-page=top] #banner .unit .title {
    width: calc(100% - 15.27vw);
  }
  [data-page=top] #banner .unit .title:before {
    width: 0.8vw;
    height: 0.93vw;
    right: 1.26vw;
  }
  [data-page=top] #banner .unit .title img {
    height: 1.46vw;
  }
  [data-page=top] #banner .unit .title.line2 img {
    height: 3.12vw;
  }
  [data-page=top] #banner .interview_unit {
    margin-top: 1.06vw;
  }
  [data-page=top] #banner .interview_unit .ic_update {
    top: -1vw;
    left: -1.73vw;
    width: 4.45vw;
    height: 4.45vw;
  }
  [data-page=top] #banner .interview_unit .ic_update img {
    -webkit-box-shadow: 0 0 1vw rgba(52, 52, 52, .3);
            box-shadow: 0 0 1vw rgba(52, 52, 52, .3);
    width: 4.45vw;
  }
  [data-page=top] #banner .interview_unit a {
    -webkit-box-shadow: 0 0 0.4vw rgba(0, 0, 0, .2);
            box-shadow: 0 0 0.4vw rgba(0, 0, 0, .2);
    border-radius: 0.66vw;
    height: 4.65vw;
  }
  [data-page=top] #banner .interview_unit a:before {
    width: 0.8vw;
    height: 0.93vw;
    right: 1.26vw;
  }
  [data-page=top] #banner .interview_unit dl dt {
    margin-right: 1vw;
  }
  [data-page=top] #banner .interview_unit dl dt img {
    height: 1.46vw;
  }
  [data-page=top] #banner .interview_unit dl dd {
    border-radius: 1.33vw;
    width: 19.46vw;
    height: 2.66vw;
  }
  [data-page=top] #banner .interview_unit dl dd:before {
    width: 1.2vw;
    height: 1.2vw;
    top: -0.66vw;
    right: -0.66vw;
  }
  [data-page=top] #banner .interview_unit dl dd img {
    height: 1.46vw;
  }
  [data-page=top] #about {
    height: 59.1vw;
    margin-top: -3.98vw;
  }
  [data-page=top] #about .pt1 {
    top: 5.31vw;
    left: 0;
    width: 44.23vw;
    height: 8.37vw;
  }
  [data-page=top] #about .pt1 .title {
    width: 34.83vw;
    height: 4.71vw;
    margin-top: -1.99vw;
  }
  [data-page=top] #about .pt2 {
    top: 13.15vw;
    right: 0;
    width: 42.57vw;
    height: 9.99vw;
  }
  [data-page=top] #about .pt2 .title {
    width: 32.87vw;
    height: 8.77vw;
    margin-top: -1.33vw;
  }
  [data-page=top] #about .pt3 {
    top: 35.2vw;
    left: 0;
    width: 46.88vw;
    height: 8.4vw;
  }
  [data-page=top] #about .pt3 .title {
    width: 40.08vw;
    height: 6.18vw;
    margin-top: -0.33vw;
  }
  [data-page=top] #about .btn {
    bottom: 6.31vw;
    margin-left: -15.67vw;
  }
  [data-page=top] #copy {
    margin-top: -3.98vw;
    height: 48.48vw;
  }
  [data-page=top] #copy .sec_inner {
    padding: 3.98vw 0 6.64vw;
  }
  [data-page=top] #copy .basic_title {
    width: 46.82vw;
    margin-bottom: 3.98vw;
  }
  [data-page=top] #copy .basic_title .title {
    width: 41.8vw;
    height: 5.28vw;
  }
  [data-page=top] #copy .basic_title .star {
    margin-top: -0.27vw;
  }
  [data-page=top] #copy .evolution {
    padding: 0 25.23vw 0 5.31vw;
    margin-bottom: 5.31vw;
  }
  [data-page=top] #copy .evolution .unit {
    width: 29.22vw;
    height: 17.27vw;
  }
  [data-page=top] #copy .evolution .unit .frame {
    border-radius: 1.33vw;
  }
  [data-page=top] #copy .evolution .unit .label_title {
    bottom: -1.73vw;
  }
  [data-page=top] #copy .evolution .arrow_evol {
    top: 6.64vw;
    left: 31.88vw;
    width: 8.3vw;
  }
  [data-page=top] #copy .evolution .arrow_evol .img {
    left: -2.66vw;
    margin-top: -4.32vw;
    width: 7.3vw;
    height: 7.3vw;
  }
  [data-page=top] #copy .evolution .arrow_evol .star {
    width: 7.3vw;
    height: 7.3vw;
    margin: -3.65vw 0 0 -3.65vw;
  }
  [data-page=top] #copy .evolution .arrow_evol .txt {
    height: 1.66vw;
    margin-top: 0.86vw;
  }
  [data-page=top] #copy .chara.c1 {
    width: 27.59vw;
    height: 22.21vw;
    top: 21.91vw;
    left: -10.96vw;
  }
  [data-page=top] #copy .chara.c2 {
    width: 53.03vw;
    height: 54.95vw;
    top: -0.33vw;
    right: -5.31vw;
  }
  [data-page=top] #copy .obj.o1 {
    width: 21.18vw;
    height: 15.01vw;
    top: 26.56vw;
  }
  [data-page=top] #mouthful {
    margin-top: -3.98vw;
    height: 67.07vw;
  }
  [data-page=top] #mouthful .sec_inner {
    padding: 5.31vw 0 6.64vw;
  }
  [data-page=top] #mouthful .basic_title {
    width: 39.51vw;
    margin-bottom: 3.98vw;
  }
  [data-page=top] #mouthful .basic_title .sub_title {
    width: 38.18vw;
    height: 1.79vw;
    margin-bottom: 0.8vw;
  }
  [data-page=top] #mouthful .basic_title .title {
    width: 34.56vw;
    height: 3.88vw;
  }
  [data-page=top] #mouthful .basic_title .star {
    margin-top: 0.27vw;
  }
  [data-page=top] #mouthful .frame {
    width: 46.48vw;
    height: 26.16vw;
    margin: 0 auto 12.35vw 21.65vw;
  }
  [data-page=top] #mouthful .chara.c1 {
    width: 18.06vw;
    height: 21.12vw;
    top: 5.31vw;
    left: 5.31vw;
  }
  [data-page=top] #mouthful .chara.c2 {
    width: 17.13vw;
    height: 17.73vw;
    top: 4.65vw;
    right: -2.66vw;
  }
  [data-page=top] #mouthful .chara.c3 {
    width: 43vw;
    height: 36.49vw;
    top: 26.89vw;
    left: -2.66vw;
  }
  [data-page=top] #mouthful .chara.c4 {
    width: 45.39vw;
    height: 30.51vw;
    top: 29.22vw;
    right: -9.96vw;
  }
  [data-page=top] #mouthful .obj.o1 {
    width: 11.82vw;
    height: 13.02vw;
    top: 21.05vw;
    left: -3.98vw;
  }
  [data-page=top] #mouthful .obj.o2 {
    width: 11.29vw;
    height: 11.29vw;
    top: 12.62vw;
    right: 13.68vw;
  }
  [data-page=top] #mouthful .obj.o3 {
    width: 25.07vw;
    height: 15.04vw;
    top: 22.58vw;
    right: 9.43vw;
  }
  [data-page=top] #mouthful .obj.arrow_evol {
    width: 13.95vw;
    top: 45.16vw;
    left: 41.17vw;
  }
  [data-page=top] #mouthful .obj.arrow_evol .img {
    margin-top: -4.32vw;
  }
  [data-page=top] #mouthful .obj.arrow_evol .txt {
    height: 3.32vw;
    margin-top: 0.66vw;
  }
  [data-page=top] #town {
    margin-top: -3.98vw;
    height: 56.45vw;
  }
  [data-page=top] #town.no_bnr {
    height: 43.16vw;
  }
  [data-page=top] #town .sec_inner {
    padding: 7.97vw 0 6.64vw;
  }
  [data-page=top] #town .contents {
    padding: 0 5.31vw;
    margin-bottom: 3.65vw;
  }
  [data-page=top] #town .contents .unit {
    width: 41.17vw;
    height: 25.9vw;
    -webkit-box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .5);
    border-radius: 1.33vw;
  }
  [data-page=top] #town .contents .unit .title {
    width: 36.96vw;
    height: 4.85vw;
    top: -2.66vw;
  }
  [data-page=top] #town .contents .unit .title .main {
    height: 3.72vw;
    margin-top: -0.66vw;
  }
  [data-page=top] #town .contents .unit figure {
    border-radius: 1.33vw 1.33vw 0 0;
  }
  [data-page=top] #town .contents .unit .btn {
    height: 4.65vw;
    border-radius: 0 0 1.33vw 1.33vw;
  }
  [data-page=top] #town .contents .unit .btn:before {
    background-size: 0.53vw 0.53vw;
    width: 6.64vw;
  }
  [data-page=top] #town .contents .unit .btn:after {
    background-size: 0.4vw 0.4vw;
    width: 6.64vw;
  }
  [data-page=top] #town .contents .unit .btn img {
    height: 1.59vw;
  }
  [data-page=top] #town .contents .unit .btn .star {
    width: 1.33vw;
    height: 1.33vw;
  }
  [data-page=top] #town .contents .unit .btn .star.s1 {
    margin-right: 1.99vw;
  }
  [data-page=top] #town .contents .unit .btn .star.s2 {
    margin-left: 1.99vw;
  }
  [data-page=top] #town .contents .u1 .chara.c1 {
    width: 18.03vw;
    height: 18.46vw;
    top: 7.97vw;
    left: -3.98vw;
  }
  [data-page=top] #town .contents .u1 .chara.c2 {
    width: 10.79vw;
    height: 11.99vw;
    top: -5.31vw;
    right: -2.32vw;
  }
  [data-page=top] #town .contents .u1 .chara.c3 {
    width: 8.87vw;
    height: 8.1vw;
    top: 17.27vw;
    right: 4.18vw;
  }
  [data-page=top] #town .contents .u1 .chara.c4 {
    width: 7.6vw;
    height: 6.41vw;
    top: 15.27vw;
    right: -2.19vw;
  }
  [data-page=top] #town .contents .u1 .obj.o1 {
    width: 12.52vw;
    height: 7.14vw;
    top: 10.96vw;
    right: 1.99vw;
  }
  [data-page=top] #town .contents .u1 .obj.o2 {
    width: 22.54vw;
    height: 1.76vw;
    top: 3.32vw;
    left: 9.3vw;
  }
  [data-page=top] #town .contents .u2 .chara.c1 {
    width: 11.52vw;
    height: 11.29vw;
    top: 2.66vw;
    left: -1.99vw;
  }
  [data-page=top] #town .contents .u2 .chara.c2 {
    width: 15.37vw;
    height: 12.45vw;
    top: 2.66vw;
    right: -3.32vw;
  }
  [data-page=top] #town .contents .u2 .obj.o1 {
    width: 11.62vw;
    height: 6.64vw;
    top: 15.94vw;
    left: 1.46vw;
  }
  [data-page=top] #town .contents .u2 .obj.o2 {
    width: 11.62vw;
    height: 6.64vw;
    top: 15.94vw;
    right: 1.46vw;
  }
  [data-page=top] #town .amiibo {
    width: 68vw;
  }
  [data-page=top] #packageInfo {
    margin-top: -3.98vw;
    height: 53.79vw;
  }
  [data-page=top] #packageInfo .sec_inner {
    padding: 5.31vw 2.66vw 14.94vw;
  }
  [data-page=top] #packageInfo .information {
    border-radius: 1.33vw;
    padding: 2.66vw;
    -webkit-box-shadow: 0 0 0.27vw rgba(0, 0, 0, .3) inset;
            box-shadow: 0 0 0.27vw rgba(0, 0, 0, .3) inset;
    margin-bottom: 2.66vw;
  }
  [data-page=top] #packageInfo .information .soft_img {
    width: 12.62vw;
    margin-right: 1.99vw;
  }
  [data-page=top] #packageInfo .information .soft_txt {
    width: 33.34vw;
    margin-right: 2.66vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl {
    margin-bottom: 1.99vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dt {
    margin-bottom: 1vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dt img {
    height: 2.26vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd img {
    height: 7.7vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a {
    margin-left: 0.66vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a img {
    height: 4.65vw;
  }
  [data-page=top] #packageInfo .information .soft_txt .ticket {
    border-radius: 0.66vw;
    height: 5.31vw;
    padding-left: 6.64vw;
    padding-right: 1.33vw;
    font-size: 0.86vw;
    line-height: 1.5;
    font-weight: normal;
  }
  [data-page=top] #packageInfo .information .soft_txt .ticket img {
    left: 0.33vw;
    height: 3.19vw;
  }
  [data-page=top] #packageInfo .information .soft_link {
    width: 33.2vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info {
    margin-bottom: 0.66vw;
    border-radius: 0.66vw;
    padding: 1.33vw 1.2vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt {
    margin-bottom: 1.33vw;
    height: 3.32vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt a {
    border-radius: 0.66vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt a:after {
    width: 0.73vw;
    height: 0.86vw;
    right: 1vw;
    margin-top: -0.43vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt img {
    height: 1.26vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: color, opacity;
    transition-property: color, opacity;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0.4vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a:before {
    background: url(../img/common/ic_link_white.svg) no-repeat 0 0;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 0.66vw;
    height: 0.8vw;
    margin-right: 0.33vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a img {
    height: 0.93vw;
    display: block;
  }
  [data-page=top] #packageInfo .information .soft_link .online {
    border-radius: 0.66vw;
    padding: 1.33vw;
  }
  [data-page=top] #packageInfo .information .soft_link .online dt {
    height: 3.52vw;
    width: 9.3vw;
  }
  [data-page=top] #packageInfo .information .soft_link .online dt img {
    height: 1.06vw;
  }
  [data-page=top] #packageInfo .information .soft_link .online dd {
    font-size: 0.8vw;
    font-weight: normal;
    width: calc(100% - 9.96vw);
  }
  [data-page=top] #packageInfo .banner .mini {
    width: 29.88vw;
    height: 4.65vw;
    border-radius: 0.66vw;
    margin: 0 0.86vw 1.99vw;
    -webkit-box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=top] #packageInfo .banner .kirby_30th {
    width: 68vw;
    height: 11.95vw;
    border-radius: 0.66vw;
    -webkit-box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=top] #globalNavi {
    margin-top: -17.93vw;
  }
  [data-page=top] #multiplay {
    padding-top: 2.66vw;
    padding-bottom: 3.32vw;
  }
  [data-page=top] #multiplay .basic_title {
    width: 39.18vw;
    margin-bottom: 2.26vw;
  }
  [data-page=top] #multiplay .basic_title:before {
    bottom: -0.86vw;
  }
  [data-page=top] #multiplay .basic_title .title {
    width: 34.4vw;
    height: 4.81vw;
  }
  [data-page=top] #multiplay .basic_title .star {
    margin-top: -0.27vw;
  }
  [data-page=top] #multiplay .lead {
    font-size: 1.46vw;
    margin-bottom: 1vw;
  }
  [data-page=top] #multiplay .note {
    font-size: 0.93vw;
    margin-bottom: 1.66vw;
  }
  [data-page=top] #multiplay .gallery {
    width: 53.13vw;
  }
  [data-page=top] #multiplay .gallery .slide {
    top: 0.53vw;
    left: 1.73vw;
    height: 27.96vw;
  }
  [data-page=top] #multiplay .chara.c1 {
    width: 17.33vw;
    height: 13.21vw;
    top: 19.26vw;
    left: 6.64vw;
  }
  [data-page=top] #multiplay .chara.c2 {
    width: 19.69vw;
    height: 16.07vw;
    top: 17.93vw;
    right: 6.64vw;
  }
  [data-page=top] #multiplay .obj {
    height: 16.34vw;
    width: 29.22vw;
  }
  [data-page=top] #multiplay .obj.o1 {
    bottom: 8px;
    left: 8px;
    border-radius: 0 0 0 0.93vw;
  }
  [data-page=top] #multiplay .obj.o1 img {
    width: 33.4vw;
    height: 24.04vw;
  }
  [data-page=top] #multiplay .obj.o2 {
    bottom: 8px;
    right: 8px;
    border-radius: 0 0 0.93vw 0;
  }
  [data-page=top] #multiplay .obj.o2 img {
    width: 33.17vw;
    height: 24.24vw;
  }
  [data-page=about] #field {
    height: 71.72vw;
  }
  [data-page=about] #field .bg_movie {
    min-height: 52.46vw;
    max-height: 52.46vw;
  }
  [data-page=about] #field .bg_movie video {
    width: 110%;
    height: 100%;
  }
  [data-page=about] #field .color_bg {
    height: 25.57vw;
    bottom: 0;
  }
  [data-page=about] #field .contents {
    padding-bottom: 24.57vw;
  }
  [data-page=about] #field .chara.c1 {
    width: 23.18vw;
    height: 24.04vw;
    top: 30.55vw;
    left: -4.65vw;
  }
  [data-page=about] #field .main_title {
    top: 4.98vw;
    left: -19.92vw;
    width: 60.53vw;
  }
  [data-page=about] #field .main_title .title {
    height: 4.95vw;
  }
  [data-page=about] #field .main_title .label {
    width: 60.53vw;
    height: 7.01vw;
  }
  [data-page=about] #field .paint_title {
    top: 33.54vw;
    right: -1.99vw;
    width: 44.63vw;
    height: 10.23vw;
  }
  [data-page=about] #field .paint_title .title {
    height: 7.8vw;
    margin-top: -2.66vw;
    margin-right: 2.99vw;
  }
  [data-page=about] #field .txt_1 {
    top: 52.46vw;
    right: -0.66vw;
  }
  [data-page=about] #field .txt_1 img {
    height: 13.55vw;
  }
  [data-page=about] #adventure {
    height: 112.89vw;
    margin-top: -3.98vw;
  }
  [data-page=about] #adventure .bg_movie {
    min-height: 45.82vw;
  }
  [data-page=about] #adventure .contents {
    height: 112.89vw;
    padding-bottom: 29.88vw;
  }
  [data-page=about] #adventure .contents .color_bg:nth-child(1) {
    height: 29.22vw;
    top: 51.13vw;
  }
  [data-page=about] #adventure .contents .color_bg:nth-child(2) {
    height: 33.2vw;
    top: 80.35vw;
  }
  [data-page=about] #adventure .contents .paint_title {
    top: 39.51vw;
    left: 1.33vw;
    height: 9.99vw;
    width: 40.31vw;
  }
  [data-page=about] #adventure .contents .paint_title .title {
    height: 4.22vw;
    margin-top: -1.33vw;
  }
  [data-page=about] #adventure .contents .txt_1 {
    top: 57.11vw;
  }
  [data-page=about] #adventure .contents .txt_1 img {
    height: 13.48vw;
  }
  [data-page=about] #adventure .contents .txt_2 {
    top: 96.95vw;
    left: 30.55vw;
  }
  [data-page=about] #adventure .contents .txt_2 img {
    height: 6.34vw;
  }
  [data-page=about] #adventure .contents .loop_slider {
    top: 75.7vw;
  }
  [data-page=about] #adventure .contents .chara.c1 {
    width: 33.27vw;
    height: 30.88vw;
    top: -23.91vw;
    left: 9.3vw;
  }
  [data-page=about] #adventure .contents .chara.c2 {
    width: 58.7vw;
    height: 44.69vw;
    top: 37.85vw;
    left: 44.49vw;
  }
  [data-page=about] #adventure .contents .chara.c3 {
    width: 31.14vw;
    height: 35.99vw;
    top: 73.05vw;
    left: -5.64vw;
  }
  [data-page=about] #adventure .contents .chara.c4 {
    width: 18.79vw;
    height: 19.26vw;
    top: 64.41vw;
    left: 50.47vw;
  }
  [data-page=about] #character {
    margin-top: -4.98vw;
    padding-top: 5.64vw;
    padding-bottom: 17.27vw;
  }
  [data-page=about] #character .sec_inner {
    padding: 0 9.3vw;
  }
  [data-page=about] #character .main_title {
    width: 63.02vw;
    margin: 0 auto 7.97vw;
  }
  [data-page=about] #character .main_title .title {
    height: 5.11vw;
    margin-top: -1vw;
  }
  [data-page=about] #character .main_title .label {
    width: 63.02vw;
    height: 6.38vw;
  }
  [data-page=about] #character .chara_unit {
    width: 59.77vw;
    height: 19.26vw;
    margin-bottom: 8.3vw;
  }
  [data-page=about] #character .chara_unit .txt_frame {
    border-radius: 9.63vw;
  }
  [data-page=about] #character .chara_unit .txt_frame:before {
    border-width: 0.33vw;
    width: calc(100% - 0.66vw);
    height: calc(100% - 0.66vw);
    border-radius: 9.63vw;
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg {
    border-radius: 9.63vw;
    width: calc(100% - 0.66vw);
    height: calc(100% - 0.66vw);
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg:before {
    background-size: 0.73vw 0.73vw;
    width: 15.61vw;
    height: 15.61vw;
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg:after {
    background-size: 0.53vw 0.53vw;
    width: 15.61vw;
    height: 15.61vw;
  }
  [data-page=about] #character .chara_unit dl dt {
    height: 4.78vw;
    width: 26.56vw;
    border-radius: 2.39vw;
    margin-bottom: 1.33vw;
    border: 0.2vw solid #ffffff;
  }
  [data-page=about] #character .chara_unit dl dt img {
    height: 2.82vw;
  }
  [data-page=about] #character .chara_unit dl dt .star:nth-of-type(1) {
    left: 1.33vw;
  }
  [data-page=about] #character .chara_unit dl dt .star:nth-of-type(2) {
    right: 1.33vw;
  }
  [data-page=about] #character .chara_unit dl dd {
    font-size: 1.46vw;
  }
  [data-page=about] #character .chara_unit:nth-child(odd) .txt_frame {
    -webkit-box-shadow: 0.33vw 0.2vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.33vw 0.2vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=about] #character .chara_unit:nth-child(odd) dl {
    padding: 2.52vw 8.63vw 0 0;
  }
  [data-page=about] #character .chara_unit:nth-child(even) .txt_frame {
    -webkit-box-shadow: -0.33vw 0.2vw 0 rgba(52, 52, 52, .5);
            box-shadow: -0.33vw 0.2vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=about] #character .chara_unit:nth-child(even) dl {
    padding: 2.52vw 0 0 8.63vw;
  }
  [data-page=about] #character .chara_unit.line4 {
    height: 21.25vw;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame {
    border-radius: 10.63vw;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame:before {
    border-radius: 10.63vw;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame .frame_bg {
    border-radius: 10.63vw;
  }
  [data-page=about] #character .chara_unit.line2 {
    height: 17vw;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame {
    border-radius: 8.5vw;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame:before {
    border-radius: 8.5vw;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame .frame_bg {
    border-radius: 8.5vw;
  }
  [data-page=about] #character .chara_unit.c1 .img {
    width: 31.08vw;
    height: 30.08vw;
    top: -3.05vw;
    right: -18.79vw;
  }
  [data-page=about] #character .chara_unit.c2 .img {
    width: 30.02vw;
    height: 30.95vw;
    top: -4.25vw;
    left: -11.49vw;
  }
  [data-page=about] #character .chara_unit.c3 .img {
    width: 31.14vw;
    height: 36.03vw;
    top: -6.77vw;
    right: -8.04vw;
  }
  [data-page=about] #character .chara_unit.c4 dl {
    padding: 2.52vw 0 0 0;
  }
  [data-page=about] #character .chara_unit.c4 .i1 {
    width: 42.17vw;
    height: 32.84vw;
    top: -11.09vw;
    right: -25.77vw;
  }
  [data-page=about] #character .chara_unit.c4 .i2 {
    width: 16.4vw;
    height: 24.7vw;
    top: -6.77vw;
    left: 0.93vw;
  }
  [data-page=about] #character .chara_unit.c4 .i3 {
    width: 26.6vw;
    height: 27.19vw;
    top: 0;
    left: -22.18vw;
  }
  [data-page=about] #character .chara_unit.c4 .i4 {
    width: 13.12vw;
    height: 11.22vw;
    top: 13.88vw;
    left: 9.16vw;
  }
  [data-page=about] #character .chara_unit.c5 {
    margin-bottom: 12.62vw;
  }
  [data-page=about] #character .chara_unit.c5 .img {
    width: 41.9vw;
    height: 39.28vw;
    top: -7.97vw;
    right: -17.07vw;
  }
  [data-page=about] #character .chara_unit.c6 .img {
    width: 43.03vw;
    height: 33.47vw;
    top: -11.09vw;
    left: -21.45vw;
  }
  [data-page=copy] #copyEvo .sec_inner {
    padding: 5.31vw 0 0;
  }
  [data-page=copy] #copyEvo .main_title {
    width: 80.35vw;
    margin: 0 auto 5.31vw;
  }
  [data-page=copy] #copyEvo .main_title .title {
    height: 5.11vw;
    margin-top: -1vw;
  }
  [data-page=copy] #copyEvo .main_title .label {
    width: 80.35vw;
    height: 6.38vw;
  }
  [data-page=copy] #copyEvo #about {
    border-radius: 1.33vw;
    -webkit-box-shadow: 0 0 0.13vw rgba(255, 255, 255, .2) inset;
            box-shadow: 0 0 0.13vw rgba(255, 255, 255, .2) inset;
    margin-bottom: 5.31vw;
    padding: 0.66vw 2.66vw 1.99vw;
  }
  [data-page=copy] #copyEvo #about .basic_title {
    width: 31.21vw;
    margin-bottom: 3.32vw;
  }
  [data-page=copy] #copyEvo #about .basic_title:before {
    bottom: -0.86vw;
  }
  [data-page=copy] #copyEvo #about .basic_title .title {
    width: 26.03vw;
    height: 4.42vw;
  }
  [data-page=copy] #copyEvo #about .basic_title .star {
    margin-top: -0.27vw;
  }
  [data-page=copy] #copyEvo #about .chara {
    width: 27.49vw;
    height: 23.04vw;
    top: 1.99vw;
    left: 1.33vw;
  }
  [data-page=copy] #copyEvo #about .flow {
    margin-left: 23.24vw;
  }
  [data-page=copy] #copyEvo #about .flow:before {
    width: 5.71vw;
    height: 3.32vw;
    left: 27.89vw;
  }
  [data-page=copy] #copyEvo #about .flow .unit {
    width: 27.23vw;
  }
  [data-page=copy] #copyEvo #about .flow .unit .txt {
    right: -1.99vw;
  }
  [data-page=copy] #copyEvo #about .flow .u1 {
    margin-right: 7.3vw;
  }
  [data-page=copy] #copyEvo #about .flow .u1 .txt {
    height: 3.45vw;
  }
  [data-page=copy] #copyEvo #about .flow .u2 .txt {
    height: 3.39vw;
  }
  [data-page=copy] #copyEvo #evolution {
    padding-bottom: 7.3vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title {
    width: 61.43vw;
    margin-bottom: 3.98vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title:before {
    bottom: -0.86vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title .title {
    width: 54.79vw;
    height: 4.91vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title .star {
    margin-top: -0.27vw;
  }
  [data-page=copy] #copyEvo #evolution #mainSwiper {
    margin-bottom: 3.32vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-slide {
    padding-left: 4.845vw;
    padding-right: 4.845vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-next,
[data-page=copy] #copyEvo #evolution .swiper-button-prev {
    top: 25.23vw;
    width: 2.79vw;
    height: 4.78vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-prev {
    left: 3.65vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-next {
    right: 3.65vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb {
    width: 7.04vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figure:before {
    width: 7.04vw;
    height: 7.04vw;
    border: 0.33vw solid #f6d706;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb .main {
    margin-bottom: 0.66vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption {
    height: 1.73vw;
    border-radius: 0.86vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption img {
    height: 0.8vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 {
    width: 14.61vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figure:before {
    width: 14.61vw;
    border-radius: 3.52vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figcaption img {
    height: 0.93vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb[data-new]:after {
    width: 2.99vw;
    height: 2.99vw;
    top: -1.59vw;
  }
  [data-page=copy] #copyEvo #evolution .ability {
    border: 0.27vw solid #4f2807;
    border-radius: 0.66vw;
  }
  [data-page=copy] #copyEvo #evolution .ability:after {
    right: -3.05vw;
  }
  [data-page=copy] #copyEvo #evolution .ability.new:before {
    width: 14.01vw;
    height: 3.92vw;
    top: -3.98vw;
    left: -0.66vw;
  }
  [data-page=copy] #copyEvo #evolution .chara {
    width: 20.79vw;
    height: 20.79vw;
  }
  [data-page=copy] #copyEvo #evolution .movie {
    width: 34.2vw;
    height: 19.26vw;
  }
  [data-page=copy] #copyEvo #evolution .before,
[data-page=copy] #copyEvo #evolution .after {
    border-radius: 1.33vw;
    border: 0.13vw solid rgba(255, 255, 255, .7);
    padding: 1.99vw;
  }
  [data-page=copy] #copyEvo #evolution .before {
    margin: 0 auto 7.84vw;
  }
  [data-page=copy] #copyEvo #evolution .before .ability {
    width: 15.54vw;
    height: 3.98vw;
    font-size: 1.59vw;
  }
  [data-page=copy] #copyEvo #evolution .before .ability:after {
    width: 2.26vw;
    height: 2.19vw;
  }
  [data-page=copy] #copyEvo #evolution .before .chara {
    top: -0.8vw;
    left: -0.8vw;
  }
  [data-page=copy] #copyEvo #evolution .after .ability {
    width: 21.52vw;
    height: 4.65vw;
    font-size: 1.86vw;
  }
  [data-page=copy] #copyEvo #evolution .after .ability:after {
    width: 2.06vw;
    height: 2.13vw;
  }
  [data-page=copy] #copyEvo #evolution .after .chara {
    top: -0.8vw;
    right: -0.8vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy:before,
[data-page=copy] #copyEvo #evolution .old_copy:before {
    width: 32.17vw;
    height: 8vw;
    top: 23.44vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .label_star,
[data-page=copy] #copyEvo #evolution .old_copy .label_star {
    top: 22.18vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .label_star:after,
[data-page=copy] #copyEvo #evolution .old_copy .label_star:after {
    width: 11.52vw;
    height: 11.02vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .after .detail,
[data-page=copy] #copyEvo #evolution .old_copy .after .detail {
    width: calc(100% - 35.86vw);
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before {
    width: 79.02vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .detail {
    width: calc(100% - 35.53vw);
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .detail .ability {
    bottom: 0;
    right: 2.99vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .txt {
    top: 4.32vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .after .txt {
    top: 6.64vw;
    left: -0.33vw;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before {
    width: 51.13vw;
    height: 23.51vw;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .chara {
    top: 1.46vw;
    left: 1.46vw;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .frame {
    width: 25.23vw;
    height: 14.21vw;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .ability {
    top: 17.27vw;
    left: 23.64vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before {
    width: 56.78vw;
    height: 24.57vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before:nth-child(1) {
    margin-bottom: 5.64vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .frame {
    width: 26.7vw;
    height: 15.07vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .ability {
    top: 17.93vw;
    left: 27.89vw;
    width: 21.52vw;
    height: 4.65vw;
    font-size: 1.86vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .chara {
    width: 21.25vw;
    height: 21.25vw;
    top: 1.46vw;
    left: 1.46vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before.reverse .ability {
    left: 1.99vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before.reverse .chara {
    right: 1.46vw;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .before .txt {
    width: 17.6vw;
    height: 7.7vw;
    left: 21.25vw;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .before .chara img {
    width: 24.3vw;
    height: 20.12vw;
    top: -0.66vw;
    left: -0.66vw;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .after .txt {
    width: 24.57vw;
    height: 11.26vw;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .after .chara img {
    width: 51.63vw;
    height: 36.62vw;
    top: -12.48vw;
    left: -23.11vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .before .txt {
    width: 15.17vw;
    height: 8.33vw;
    left: 19.92vw;
    top: 1.99vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .before .chara img {
    width: 18.56vw;
    height: 17.93vw;
    top: 0.93vw;
    left: 0.4vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .after .txt {
    width: 31.44vw;
    height: 11.46vw;
    top: 5.31vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .after .chara img {
    width: 28.89vw;
    height: 34.5vw;
    top: -11.55vw;
    left: -5.58vw;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .before .chara img {
    width: 17.96vw;
    height: 28.19vw;
    top: -6.71vw;
    left: 0.4vw;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .after .txt {
    width: 25.57vw;
    height: 11.75vw;
    top: 6.31vw;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .after .chara img {
    width: 26.2vw;
    height: 37.09vw;
    top: -13.48vw;
    left: -5.51vw;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .before .chara img {
    width: 24.04vw;
    height: 20.52vw;
    top: 0.46vw;
    left: -4.38vw;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .after .txt {
    width: 22.54vw;
    height: 11.95vw;
    top: 5.98vw;
    left: 3.32vw;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .after .chara img {
    width: 24.5vw;
    height: 29.12vw;
    top: -6.44vw;
    left: -4.78vw;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .before .chara img {
    width: 20.32vw;
    height: 18.2vw;
    top: 1.06vw;
    left: -0.4vw;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .after .txt {
    width: 23.64vw;
    height: 13.95vw;
    top: 4.65vw;
    left: -0.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .after .chara img {
    width: 47.85vw;
    height: 29.38vw;
    top: -6.38vw;
    left: -21.78vw;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .before .chara img {
    width: 29.09vw;
    height: 18.76vw;
    top: 1.53vw;
    left: -10.36vw;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .after .txt {
    width: 32.21vw;
    height: 12.55vw;
    top: 8.63vw;
    left: 18.59vw;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .after .chara img {
    width: 54.62vw;
    height: 36.79vw;
    top: -10.63vw;
    left: -30.95vw;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .before .chara img {
    width: 21.22vw;
    height: 26.93vw;
    top: -5.58vw;
    left: -0.4vw;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .after .txt {
    width: 24.4vw;
    height: 12.92vw;
    top: 5.31vw;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .after .chara img {
    width: 38.45vw;
    height: 34.07vw;
    top: -10.89vw;
    left: -15.61vw;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .before .chara img {
    width: 18.96vw;
    height: 18.89vw;
    top: 0.73vw;
    left: 0.2vw;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .after .txt {
    width: 32.61vw;
    height: 14.14vw;
    top: 4.65vw;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .after .chara img {
    width: 31.48vw;
    height: 33.67vw;
    top: -10.56vw;
    left: -7.24vw;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .before .chara img {
    width: 25.37vw;
    height: 28.46vw;
    top: -3.52vw;
    left: -3.39vw;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .after .txt {
    width: 27.43vw;
    height: 10.69vw;
    top: 6.31vw;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .after .chara img {
    width: 26.6vw;
    height: 34.43vw;
    top: -11.75vw;
    left: -6.51vw;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .before .chara img {
    width: 18.66vw;
    height: 26.2vw;
    top: -2.79vw;
    left: 0.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .after .txt {
    width: 25.53vw;
    height: 16.3vw;
    top: 4.65vw;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .after .chara img {
    width: 30.78vw;
    height: 34.3vw;
    top: -10.89vw;
    left: -5.25vw;
  }
  [data-page=copy] #copyEvo #evolution .cu11 .chara img {
    width: 27.76vw;
    height: 25.8vw;
    top: -2.99vw;
    left: -2.06vw;
  }
  [data-page=copy] #copyEvo #evolution .cu12 .chara img {
    width: 23.51vw;
    height: 31.88vw;
    top: -7.57vw;
    left: -1.53vw;
  }
  [data-page=copy] #copyMoreEvo {
    margin-top: -3.98vw;
  }
  [data-page=copy] #copyMoreEvo .sec_inner {
    padding: 3.98vw 0 7.97vw;
  }
  [data-page=copy] #copyMoreEvo h2 {
    margin-bottom: 2.66vw;
  }
  [data-page=copy] #copyMoreEvo h2 img {
    height: 5.08vw;
  }
  [data-page=copy] #copyMoreEvo .contents {
    padding: 0 2.66vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit {
    width: calc(50% - 11.95vw);
    margin-bottom: 3.98vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.right {
    margin-left: 11.95vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.left {
    margin-right: 11.95vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit .frame {
    width: 33.2vw;
    height: 18.59vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit .label_title {
    bottom: -1.66vw;
    width: 26.56vw;
  }
  [data-page=copy] #copyMoreEvo .contents .u1 .chara {
    width: 31.24vw;
    height: 26.96vw;
    top: -7.3vw;
    left: -16.27vw;
  }
  [data-page=copy] #copyMoreEvo .contents .u2 .chara {
    width: 13.08vw;
    height: 17.4vw;
    top: 1.99vw;
    left: -9.3vw;
  }
  [data-page=copy] #copyMoreEvo .contents .u3 .chara {
    width: 16.93vw;
    height: 17.76vw;
    top: 1.66vw;
    right: -9.63vw;
  }
  [data-page=copy] #copyMoreEvo .contents .u4 .chara {
    width: 17.33vw;
    height: 22.01vw;
    top: -2.66vw;
    right: -12.62vw;
  }
  [data-page=copy] #modal #modalContents {
    max-width: 56.84vw;
  }
  [data-page=copy] #modal #sleepCrash {
    min-height: 52.46vw;
    padding: 1.99vw 0;
    margin-bottom: 1vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title {
    width: 27.89vw;
    margin-bottom: 3.98vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title:before {
    bottom: -0.86vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title .title {
    width: 22.64vw;
    height: 4.98vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title .star {
    margin-top: -0.27vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before {
    border-radius: 1.33vw;
    padding: 1.99vw;
    margin: 0 auto 7.84vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .bg {
    border-radius: 1.33vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability {
    border: 0.27vw solid #4f2807;
    border-radius: 0.66vw;
    width: 15.54vw;
    height: 3.98vw;
    font-size: 1.59vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability:after {
    right: -3.05vw;
    width: 2.26vw;
    height: 2.19vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .chara {
    top: -0.8vw;
    left: -0.8vw;
    width: 20.79vw;
    height: 20.79vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before {
    width: 56.78vw;
    height: 24.57vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(1) {
    margin-bottom: 2.32vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .frame {
    width: 26.7vw;
    height: 15.07vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability {
    top: 17.93vw;
    left: 27.89vw;
    width: 21.52vw;
    height: 4.65vw;
    font-size: 1.86vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .chara {
    width: 21.25vw;
    height: 21.25vw;
    top: 1.46vw;
    left: 1.46vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.reverse .ability {
    left: 1.99vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.reverse .chara {
    left: auto;
    right: 1.46vw;
  }
  [data-page=copy] #modal #sleepCrash .cu11 .chara img {
    width: 27.76vw;
    height: 25.8vw;
    top: -2.99vw;
    left: -2.06vw;
  }
  [data-page=copy] #modal #sleepCrash .cu12 .chara img {
    width: 23.51vw;
    height: 31.88vw;
    top: -7.57vw;
    left: -1.53vw;
  }
  [data-page=town] #town .sec_inner {
    padding: 5.31vw 0 0;
  }
  [data-page=town] #town header {
    max-width: 68vw;
  }
  [data-page=town] #town header .main_title {
    width: 59.9vw;
    margin: 0 auto 3.98vw;
  }
  [data-page=town] #town header .main_title .title {
    height: 4.98vw;
  }
  [data-page=town] #town header .main_title .label {
    width: 59.9vw;
    height: 6.38vw;
  }
  [data-page=town] #town header .chara.c1 {
    width: 14.01vw;
    height: 11.55vw;
    top: 2.26vw;
    left: -5.98vw;
  }
  [data-page=town] #town header .chara.c2 {
    width: 12.29vw;
    height: 13.81vw;
    top: 1.13vw;
    right: -6.24vw;
  }
  [data-page=town] #town .point {
    width: 3.65vw;
    height: 4.25vw;
  }
  [data-page=town] #town .point .point_inner {
    width: 3.65vw;
    height: 3.59vw;
    border-radius: 1.79vw;
    -webkit-filter: drop-shadow(0.27vw 0.33vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.27vw 0.33vw 0 rgba(52, 52, 52, .5));
  }
  [data-page=town] #town .point .point_inner:before {
    border-width: 0.8vw 0.5vw 0 0.5vw;
    bottom: -0.66vw;
  }
  [data-page=town] #town .point .plus {
    width: 1.73vw;
    height: 1.73vw;
    bottom: -0.53vw;
  }
  [data-page=town] #town .point a {
    border: 2px solid #d84058;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 1.79vw;
    padding-left: 1.99vw;
  }
  [data-page=town] #town .point a:before {
    width: 3.85vw;
    height: calc(100% + 4px);
    border-radius: 1.79vw 0 0 1.79vw;
    top: -2px;
    left: -2px;
  }
  [data-page=town] #town .point a:after {
    background-size: 0.4vw 0.4vw;
    width: 5.58vw;
    border-radius: 0 1.79vw 1.79vw 0;
  }
  [data-page=town] #town .point .name {
    height: 1.46vw;
  }
  [data-page=town] #town .point.active a .star, [data-page=town] #town .point:hover a .star {
    left: 1vw;
  }
  [data-page=town] #town .p1.active .point_inner, [data-page=town] #town .p1:hover .point_inner {
    width: 20.92vw;
  }
  [data-page=town] #town .p2.active .point_inner, [data-page=town] #town .p2:hover .point_inner {
    width: 22.58vw;
  }
  [data-page=town] #town .p3.active .point_inner, [data-page=town] #town .p3:hover .point_inner {
    width: 19.26vw;
  }
  [data-page=town] #town .p4.active .point_inner, [data-page=town] #town .p4:hover .point_inner {
    width: 14.61vw;
  }
  [data-page=town] #town .p5 {
    top: 58%;
  }
  [data-page=town] #town .p5.active .point_inner, [data-page=town] #town .p5:hover .point_inner {
    width: 20.92vw;
  }
  [data-page=town] #town .p6.active .point_inner, [data-page=town] #town .p6:hover .point_inner {
    width: 16.73vw;
  }
  [data-page=town] #town .p7 {
    top: 51.5%;
  }
  [data-page=town] #town .p7.active .point_inner, [data-page=town] #town .p7:hover .point_inner {
    width: 16.2vw;
  }
  [data-page=town] #town .p8.active .point_inner, [data-page=town] #town .p8:hover .point_inner {
    width: 19.59vw;
  }
  [data-page=town] #town .p9.active .point_inner, [data-page=town] #town .p9:hover .point_inner {
    width: 13.02vw;
  }
  [data-page=town] #town .p10.active .point_inner, [data-page=town] #town .p10:hover .point_inner {
    width: 20.92vw;
  }
  [data-page=town] #town #modal #modalInner {
    padding-top: 12.29vw;
  }
  [data-page=town] #town #modal #townPoint {
    margin-bottom: 3.98vw;
  }
  [data-page=town] #town #modal .btn_close {
    right: 0.66vw;
  }
  [data-page=town] #town #modal .swiper-button-next,
[data-page=town] #town #modal .swiper-button-prev {
    top: 20.25vw;
    width: 2.79vw;
    height: 4.78vw;
  }
  [data-page=town] #town #modal .swiper-pagination {
    bottom: 5.98vw;
  }
  [data-page=town] #town #modal .swiper-pagination .swiper-pagination-bullet {
    width: 1.13vw;
    height: 1.13vw;
    margin: 0 0.27vw;
  }
  [data-page=town] #town #modal .swiper-slide {
    width: 73.45vw;
  }
  [data-page=town] #town #modal .slide {
    border-radius: 1.2vw;
    width: 73.45vw;
  }
  [data-page=town] #town #modal .slide .slide_inner {
    border-radius: 1.2vw;
    padding: 3.65vw 5.31vw;
  }
  [data-page=town] #town #modal .slide .slide_inner:before {
    background-size: 0.73vw 0.73vw;
    width: 7.97vw;
    height: 7.97vw;
    border-radius: 1.2vw 0 0 0;
  }
  [data-page=town] #town #modal .slide .slide_inner:after {
    background-size: 0.53vw 0.53vw;
    width: 7.97vw;
    height: 7.97vw;
    border-radius: 0 0 1.2vw 0;
  }
  [data-page=town] #town #modal .slide .basic_title {
    margin-bottom: 3.32vw;
  }
  [data-page=town] #town #modal .slide .basic_title:before {
    bottom: -0.86vw;
  }
  [data-page=town] #town #modal .slide .basic_title.ruby {
    margin-top: -0.66vw;
  }
  [data-page=town] #town #modal .slide .contents .frame {
    width: 34.2vw;
    height: 19.26vw;
  }
  [data-page=town] #town #modal .slide .contents .txt {
    width: calc(100% - 35.2vw);
    font-size: 1.86vw;
  }
  [data-page=town] #town #modal .slide .contents .txt span {
    font-size: 1.33vw;
    margin-top: 1.33vw;
    padding-left: 1.33vw;
    text-indent: -1.33vw;
  }
  [data-page=town] #town #modal .slide.s1 {
    height: 45.82vw;
  }
  [data-page=town] #town #modal .slide.s1 .basic_title {
    width: 33.2vw;
  }
  [data-page=town] #town #modal .slide.s1 .basic_title img {
    height: 3.98vw;
  }
  [data-page=town] #town #modal .slide.s1 .gallery {
    margin-top: 1vw;
  }
  [data-page=town] #town #modal .slide.s1 .gallery .frame {
    width: 19.92vw;
    height: 11.29vw;
  }
  [data-page=town] #town #modal .slide.s1 .chara.c1 {
    width: 24.67vw;
    height: 16.83vw;
    top: 0.66vw;
    right: -5.98vw;
  }
  [data-page=town] #town #modal .slide.s1 .chara.c2 {
    width: 18.26vw;
    height: 16.47vw;
    bottom: -2.66vw;
    left: -7.3vw;
  }
  [data-page=town] #town #modal .slide.s2 {
    height: 33.87vw;
  }
  [data-page=town] #town #modal .slide.s2 .basic_title {
    width: 35.86vw;
  }
  [data-page=town] #town #modal .slide.s2 .basic_title img {
    height: 3.98vw;
  }
  [data-page=town] #town #modal .slide.s2 .txt img {
    width: 22.45vw;
    height: 8.23vw;
    margin-top: 2.52vw;
  }
  [data-page=town] #town #modal .slide.s3 {
    height: 33.87vw;
  }
  [data-page=town] #town #modal .slide.s3 .basic_title {
    width: 29.22vw;
  }
  [data-page=town] #town #modal .slide.s3 .basic_title img {
    height: 2.89vw;
  }
  [data-page=town] #town #modal .slide.s3 .txt {
    padding-top: 1.33vw;
    font-size: 1.79vw;
  }
  [data-page=town] #town #modal .slide.s3 .chara.c1 {
    width: 18.33vw;
    height: 16.47vw;
    top: -6.31vw;
    right: -4.32vw;
  }
  [data-page=town] #town #modal .slide.s3 .chara.c2 {
    width: 14.54vw;
    height: 11.72vw;
    bottom: -3.98vw;
    left: -3.98vw;
  }
  [data-page=town] #town #modal .slide.s4 {
    height: 33.87vw;
  }
  [data-page=town] #town #modal .slide.s4 .basic_title {
    width: 20.92vw;
  }
  [data-page=town] #town #modal .slide.s4 .basic_title img {
    height: 2.66vw;
  }
  [data-page=town] #town #modal .slide.s4 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s4 .txt {
    padding-top: 1vw;
    padding-left: 2.32vw;
  }
  [data-page=town] #town #modal .slide.s4 .chara.c1 {
    width: 23.31vw;
    height: 21.98vw;
    bottom: -8.3vw;
    left: -7.3vw;
  }
  [data-page=town] #town #modal .slide.s5 {
    height: 33.87vw;
  }
  [data-page=town] #town #modal .slide.s5 .basic_title {
    width: 32.54vw;
  }
  [data-page=town] #town #modal .slide.s5 .basic_title img {
    height: 2.89vw;
  }
  [data-page=town] #town #modal .slide.s5 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s5 .txt {
    padding-top: 1vw;
    padding-left: 2.32vw;
  }
  [data-page=town] #town #modal .slide.s5 .chara.c1 {
    width: 15.47vw;
    height: 14.41vw;
    bottom: -3.79vw;
    left: -3.72vw;
  }
  [data-page=town] #town #modal .slide.s6 {
    height: 33.87vw;
  }
  [data-page=town] #town #modal .slide.s6 .basic_title {
    width: 26.89vw;
  }
  [data-page=town] #town #modal .slide.s6 .basic_title img {
    height: 2.76vw;
  }
  [data-page=town] #town #modal .slide.s6 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s6 .txt {
    padding-top: 1vw;
  }
  [data-page=town] #town #modal .slide.s6 .chara.c1 {
    width: 17.33vw;
    height: 13.21vw;
    bottom: -3.79vw;
    left: -3.72vw;
  }
  [data-page=town] #town #modal .slide.s6 .chara.c2 {
    width: 12.48vw;
    height: 12.09vw;
    bottom: 1.06vw;
    left: 11.95vw;
  }
  [data-page=town] #town #modal .slide.s7 {
    height: 33.87vw;
  }
  [data-page=town] #town #modal .slide.s7 .basic_title {
    width: 24.57vw;
  }
  [data-page=town] #town #modal .slide.s7 .basic_title img {
    height: 2.89vw;
  }
  [data-page=town] #town #modal .slide.s7 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s7 .txt {
    position: relative;
    padding-top: 1.33vw;
  }
  [data-page=town] #town #modal .slide.s7 .txt .i1 {
    width: 10.92vw;
    height: 19.26vw;
    position: absolute;
    top: 1.99vw;
    right: -39.84vw;
  }
  [data-page=town] #town #modal .slide.s7 .txt .i2 {
    width: 20.05vw;
    height: 13.28vw;
    margin-top: 1.66vw;
  }
  [data-page=town] #town #modal .slide.s7 .chara.c1 {
    width: 15.94vw;
    height: 14.61vw;
    top: -4.65vw;
    right: -4.98vw;
  }
  [data-page=town] #town #modal .slide.s7 .chara.c2 {
    width: 23.81vw;
    height: 18.56vw;
    bottom: -3.65vw;
    left: -4.98vw;
  }
  [data-page=town] #town #modal .slide.s8 {
    height: 33.87vw;
  }
  [data-page=town] #town #modal .slide.s8 .basic_title {
    width: 30.21vw;
  }
  [data-page=town] #town #modal .slide.s8 .basic_title img {
    height: 3.98vw;
  }
  [data-page=town] #town #modal .slide.s8 .txt {
    padding-top: 1.33vw;
  }
  [data-page=town] #town #modal .slide.s8 .chara.c1 {
    width: 14.48vw;
    height: 13.88vw;
    top: -3.79vw;
    right: -3.72vw;
  }
  [data-page=town] #subgame {
    margin-top: -3.98vw;
  }
  [data-page=town] #subgame .sec_inner {
    padding: 4.32vw 0 6.64vw;
  }
  [data-page=town] #subgame header {
    max-width: 68vw;
    margin: 0 auto 5.64vw;
  }
  [data-page=town] #subgame header .basic_title {
    width: 42.83vw;
  }
  [data-page=town] #subgame header .basic_title .title {
    width: 37.69vw;
    height: 4.85vw;
  }
  [data-page=town] #subgame header .basic_title .star {
    margin-top: -0.27vw;
  }
  [data-page=town] #subgame header .chara.c1 {
    width: 13.21vw;
    height: 14.08vw;
    top: -4.65vw;
    right: -3.98vw;
  }
  [data-page=town] #subgame .contents {
    padding: 0 2.66vw;
  }
  [data-page=town] #subgame .contents .unit {
    border-radius: 1.33vw;
    width: 28.29vw;
    -webkit-box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .2);
            box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .2);
    padding: 0.66vw 0.66vw 0 0.66vw;
  }
  [data-page=town] #subgame .contents .unit:before {
    background-size: 0.73vw 0.73vw;
    width: 4.32vw;
    height: 4.32vw;
    border-radius: 1.33vw 0 0 0;
  }
  [data-page=town] #subgame .contents .unit:after {
    background-size: 0.53vw 0.53vw;
    width: 4.32vw;
    height: 4.32vw;
    border-radius: 0 0 1.33vw 0;
  }
  [data-page=town] #subgame .contents .unit .txt {
    top: -1vw;
    left: -1.33vw;
  }
  [data-page=town] #subgame .contents .unit figure {
    border-radius: 0.66vw 0.66vw 0 0;
    height: 15.14vw;
  }
  [data-page=town] #subgame .contents .unit .name {
    height: 4.65vw;
    font-size: 1.73vw;
  }
  [data-page=town] #subgame .contents .u1 .txt {
    width: 18.89vw;
    height: 8.17vw;
  }
  [data-page=town] #subgame .contents .u1 .obj {
    height: 5.25vw;
    top: 11.95vw;
    right: -1.66vw;
  }
  [data-page=town] #subgame .contents .u2 .txt {
    width: 16.77vw;
    height: 5.64vw;
  }
  [data-page=town] #subgame .contents .u3 .txt {
    width: 15.07vw;
    height: 7.04vw;
  }
  [data-page=town] #knowing {
    margin-top: -3.98vw;
  }
  [data-page=town] #knowing .sec_inner {
    padding: 5.64vw 0 8.96vw;
  }
  [data-page=town] #knowing header {
    max-width: 68vw;
    margin: 0 auto 4.65vw;
  }
  [data-page=town] #knowing header .basic_title {
    width: 37.85vw;
  }
  [data-page=town] #knowing header .basic_title .title {
    width: 32.67vw;
    height: 3.52vw;
  }
  [data-page=town] #knowing header .basic_title .star {
    margin-top: -0.27vw;
  }
  [data-page=town] #knowing header .chara.c1 {
    width: 11.62vw;
    height: 11.22vw;
    top: -3.72vw;
    left: -0.66vw;
  }
  [data-page=town] #knowing header .chara.c2 {
    width: 11.12vw;
    height: 11.42vw;
    top: -3.98vw;
    right: 0;
  }
  [data-page=town] #knowing .contents {
    border-radius: 1.33vw;
    -webkit-box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .2);
            box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .2);
    padding: 0.66vw;
    max-width: 83.67vw;
  }
  [data-page=town] #knowing .contents .frame {
    width: 35.86vw;
    height: 20.19vw;
    border-radius: 0.66vw;
  }
  [data-page=town] #knowing .contents .txt {
    width: 46.48vw;
    padding: 0 0 0 3.32vw;
  }
  [data-page=town] #knowing .contents .txt .main {
    font-size: 1.46vw;
    margin-bottom: 1vw;
  }
  [data-page=town] #knowing .contents .txt .note {
    font-size: 1.2vw;
  }
  [data-page=mouthful] #mouthful .sec_inner {
    padding: 5.31vw 0 9.3vw;
  }
  [data-page=mouthful] #mouthful header {
    margin-bottom: 3.98vw;
  }
  [data-page=mouthful] #mouthful header .main_title {
    width: 60.53vw;
    margin: 0 auto 3.98vw;
  }
  [data-page=mouthful] #mouthful header .main_title .title {
    height: 3.75vw;
  }
  [data-page=mouthful] #mouthful header .main_title .label {
    width: 60.53vw;
    height: 7.01vw;
  }
  [data-page=mouthful] #mouthful header .obj.o1 {
    width: 12.09vw;
    height: 12.12vw;
    top: 0;
    left: 4.65vw;
  }
  [data-page=mouthful] #mouthful header .obj.o2 {
    width: 11.55vw;
    height: 12.45vw;
    top: 0;
    right: 4.65vw;
  }
  [data-page=mouthful] #mouthful .introduction {
    margin-bottom: 13.28vw;
    height: 30.08vw;
  }
  [data-page=mouthful] #mouthful .introduction .chara.c1 {
    width: 56.78vw;
    height: 51.2vw;
    top: -9.3vw;
    left: 0;
  }
  [data-page=mouthful] #mouthful .introduction .movie {
    -webkit-mask-size: 78.76vw 30.08vw;
            mask-size: 78.76vw 30.08vw;
    width: 78.76vw;
    height: 30.08vw;
    left: 36.52vw;
  }
  [data-page=mouthful] #mouthful .txt_more .star {
    width: 2.32vw;
    height: 2.32vw;
  }
  [data-page=mouthful] #mouthful .txt_more .star.s1 {
    margin-right: 1vw;
  }
  [data-page=mouthful] #mouthful .txt_more .star.s2 {
    margin-left: 1vw;
  }
  [data-page=mouthful] #mouthful .txt_more img {
    height: 3.05vw;
  }
  [data-page=mouthful] #mouthful .unit {
    margin: 0 6.64vw 13.28vw;
  }
  [data-page=mouthful] #mouthful .unit .frame {
    width: 34.2vw;
    height: 19.26vw;
    -webkit-box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .2);
            box-shadow: 0.27vw 0.2vw 0 rgba(52, 52, 52, .2);
  }
  [data-page=mouthful] #mouthful .unit .detail {
    width: calc(100% - 35.2vw);
  }
  [data-page=mouthful] #mouthful .unit .item {
    width: 13.28vw;
    height: 13.28vw;
    margin-bottom: 1.99vw;
  }
  [data-page=mouthful] #mouthful .unit .item:before {
    width: 5.71vw;
    height: 3.32vw;
    right: -6.77vw;
  }
  [data-page=mouthful] #mouthful .unit .name {
    -webkit-filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
    width: 27.89vw;
    height: 3.98vw;
    border-radius: 1.99vw;
  }
  [data-page=mouthful] #mouthful .unit .name:before {
    width: 4.32vw;
    border-radius: 1.99vw 0 0 1.99vw;
  }
  [data-page=mouthful] #mouthful .unit .name:after {
    background-size: 0.4vw 0.4vw;
    width: 7.97vw;
    border-radius: 0 1.79vw 1.79vw 0;
  }
  [data-page=mouthful] #mouthful .unit .name .name_inner {
    border-radius: 1.99vw;
    padding-left: 4.65vw;
  }
  [data-page=mouthful] #mouthful .unit .name .name_inner .star {
    left: 1vw;
    margin-top: -0.8vw;
  }
  [data-page=mouthful] #mouthful .unit .name img {
    height: 1.59vw;
  }
  [data-page=mouthful] #mouthful .u1 .item img {
    width: 17.07vw;
    height: 13.25vw;
    top: 1.33vw;
    left: -0.66vw;
  }
  [data-page=mouthful] #mouthful .u1 .chara {
    width: 41.57vw;
    height: 27.63vw;
    top: 0.66vw;
    left: 16.6vw;
  }
  [data-page=mouthful] #mouthful .u1 .txt {
    width: 27.79vw;
    height: 11.22vw;
    top: -7.3vw;
    left: 14.14vw;
  }
  [data-page=mouthful] #mouthful .u2 .item img {
    width: 15.07vw;
    height: 14.88vw;
    top: -0.66vw;
    left: 1.66vw;
  }
  [data-page=mouthful] #mouthful .u2 .chara {
    width: 27.43vw;
    height: 28.49vw;
    top: -2.99vw;
    left: 18.59vw;
  }
  [data-page=mouthful] #mouthful .u2 .txt {
    width: 21.05vw;
    height: 11.26vw;
    top: -7.3vw;
    left: 14.28vw;
  }
  [data-page=mouthful] #mouthful .u3 .item img {
    width: 13.98vw;
    height: 14.31vw;
    top: 1vw;
    left: 1vw;
  }
  [data-page=mouthful] #mouthful .u3 .chara {
    width: 26.79vw;
    height: 26.96vw;
    top: 1.33vw;
    left: 18.59vw;
  }
  [data-page=mouthful] #mouthful .u3 .txt {
    width: 26.2vw;
    height: 12.48vw;
    top: -8.43vw;
    left: 14.28vw;
  }
  [data-page=mouthful] #mouthful .u4 .item img {
    width: 12.48vw;
    height: 15.61vw;
    top: -1.66vw;
    left: 2.66vw;
  }
  [data-page=mouthful] #mouthful .u4 .chara {
    width: 26.5vw;
    height: 31.14vw;
    top: -5.98vw;
    left: 19.59vw;
  }
  [data-page=mouthful] #mouthful .u4 .txt {
    width: 21.55vw;
    height: 10.26vw;
    top: -6.64vw;
    left: 14.28vw;
  }
  [data-page=mouthful] #mouthful .u5 .item img {
    width: 13.08vw;
    height: 13.91vw;
    top: 1vw;
    left: 1.66vw;
  }
  [data-page=mouthful] #mouthful .u5 .chara {
    width: 25.9vw;
    height: 26.43vw;
    top: -0.66vw;
    left: 19.92vw;
  }
  [data-page=mouthful] #mouthful .u5 .txt {
    width: 33.77vw;
    height: 11.62vw;
    top: -7.97vw;
    left: 14.28vw;
  }
  [data-page=mouthful] #mouthful .u6 .item img {
    width: 14.68vw;
    height: 11.16vw;
    top: 1.2vw;
    left: 0.8vw;
  }
  [data-page=mouthful] #mouthful .u6 .chara {
    width: 44.49vw;
    height: 25.77vw;
    top: -1vw;
    left: 17.93vw;
  }
  [data-page=mouthful] #mouthful .u6 .txt {
    width: 37.29vw;
    height: 12.38vw;
    top: -8.63vw;
    left: 14.14vw;
  }
  [data-page=mouthful] #mouthful .u7 {
    margin-bottom: 17.6vw;
  }
  [data-page=mouthful] #mouthful .u7 .detail:before {
    width: 77.89vw;
    height: 34.03vw;
    top: 1.33vw;
    left: -21.25vw;
  }
  [data-page=mouthful] #mouthful .u7 .item img {
    width: 17.46vw;
    height: 12.62vw;
    top: 1.86vw;
    left: 0.13vw;
  }
  [data-page=mouthful] #mouthful .u7 .chara {
    width: 77.89vw;
    height: 34.03vw;
    top: 1.33vw;
    left: -21.25vw;
  }
  [data-page=mouthful] #mouthful .u7 .txt {
    width: 27.46vw;
    height: 10.99vw;
    top: -7.3vw;
    left: 14.14vw;
  }
  [data-page=mouthful] #mouthful .u7 .name {
    width: 25.23vw;
  }
  [data-page=movie] #movie {
    min-height: calc(100vh - 22.84vw);
  }
  [data-page=movie] #movie .sec_inner {
    padding: 5.31vw 0 7.97vw;
  }
  [data-page=movie] #movie header {
    position: relative;
  }
  [data-page=movie] #movie header .chara {
    z-index: 5;
  }
  [data-page=movie] #movie header .c1 {
    width: 12.48vw;
    height: 12.09vw;
    top: -1.99vw;
    left: 5.98vw;
  }
  [data-page=movie] #movie header .c2 {
    width: 16.9vw;
    height: 13.81vw;
    top: -3.32vw;
    right: 5.98vw;
  }
  [data-page=movie] #movie .main_title {
    width: 59.9vw;
    margin: 0 auto 5.31vw;
  }
  [data-page=movie] #movie .main_title .title {
    height: 3.75vw;
  }
  [data-page=movie] #movie .main_title .label {
    width: 59.9vw;
    height: 6.38vw;
  }
  [data-page=movie] .p-movie-top {
    width: 69.99vw;
    margin: 0 auto;
    position: relative;
  }
  [data-page=movie] .p-movie-top-section {
    margin-bottom: 3.98vw;
  }
  [data-page=movie] .movie_title {
    position: relative;
    -webkit-filter: drop-shadow(0 0 0.33vw rgba(0, 0, 0, .5));
            filter: drop-shadow(0 0 0.33vw rgba(0, 0, 0, .5));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [data-page=movie] .movie_title .label_title {
    height: 3.32vw;
    padding: 0 3.32vw;
    width: auto;
  }
  [data-page=movie] .movie_title .label_title:before, [data-page=movie] .movie_title .label_title:after {
    -webkit-animation: none;
            animation: none;
    height: 100%;
    top: 0;
  }
  [data-page=movie] .p-movie-top-head {
    position: relative;
    margin: 0 auto;
    height: 3.32vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.73vw;
    color: #ffffff;
    position: relative;
    z-index: 5;
  }
  [data-page=movie] .p-movie-top-head br {
    display: none;
  }
  [data-page=movie] .p-movie-top-body {
    position: relative;
    margin-bottom: 1.99vw;
  }
  [data-page=movie] .p-movie-top-body:first-child {
    margin-top: 0;
  }
  [data-page=movie] .p-movie-top-section[data-new=true] .p-movie-top-body {
    position: relative;
  }
  [data-page=movie] .p-movie-top-section[data-new=true]:before {
    display: none;
  }
  [data-page=movie] .p-movie-top-frame {
    /* 動画のインラインフレーム */
    position: relative;
    background: #000;
    overflow: hidden;
  }
  [data-page=movie] .p-movie-top-frame.is-hidden {
    /* 動画のインラインフレーム（非表示） */
    display: none !important;
  }
  [data-page=movie] .p-movie-top-frame:before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  [data-page=movie] .p-movie-top-frame__label {
    /* 動画のインラインフレーム */
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  [data-page=movie] .p-movie-top-btn {
    /* 動画の再生ボタン */
    overflow: hidden;
    display: block;
  }
  [data-page=movie] .p-movie-top-btn img,
[data-page=movie] .p-movie-top-btn video {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  [data-page=movie] .p-movie-top-btn > * {
    pointer-events: none;
  }
  [data-page=movie] .p-movie-top-img {
    position: relative;
    overflow: hidden;
  }
  [data-page=movie] .p-movie-top-img.is-hidden {
    display: none !important;
  }
  [data-page=movie] .p-movie-top-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  [data-page=movie] .p-movie-top-img__ico {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background: url(../img/common/ic_play_red.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.23vw;
    height: 8.23vw;
    -webkit-filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.27vw 0.2vw 0 rgba(52, 52, 52, .5));
  }
  [data-page=movie] .p-movie-thumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 68vw;
    margin: auto;
  }
  [data-page=movie] .p-movie-thumb-list__item {
    width: calc(33.3% - 1.99vw);
    margin-left: 2.99vw;
    margin-bottom: 2.32vw;
  }
  [data-page=movie] .p-movie-thumb-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  [data-page=movie] .p-movie-thumb-list__item[data-new=true] {
    position: relative;
  }
  [data-page=movie] .p-movie-thumb-frame {
    display: none !important;
  }
  [data-page=movie] .p-movie-thumb-btn {
    overflow: hidden;
    display: block;
  }
  [data-page=movie] .p-movie-thumb-btn img,
[data-page=movie] .p-movie-thumb-btn video {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  [data-page=movie] .p-movie-thumb-btn > * {
    pointer-events: none;
  }
  [data-page=movie] .p-movie-thumb-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 1vw;
    border-width: 0.2vw;
    border-radius: 0.53vw;
  }
  [data-page=movie] .p-movie-thumb-img.is-hidden {
    display: none !important;
  }
  [data-page=movie] .p-movie-thumb-btn.is-active .p-movie-thumb-img {
    background-color: #f6d706;
    border-color: #f6d706;
  }
  [data-page=movie] .p-movie-thumb-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  [data-page=movie] .p-movie-thumb-img__ico {
    display: none;
  }
  [data-page=movie] .p-movie-thumb-caption__label {
    text-align: center;
    font-size: 1.06vw;
    height: auto;
    padding-top: 0.66vw;
    padding-bottom: 0.66vw;
  }
  [data-page=movie] .p-movie-modal {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  #wrapper [data-tb],
#wrapper [data-pc],
#modal [data-tb],
#modal [data-pc] {
    display: none !important;
  }
  #wrapper [data-sp],
#modal [data-sp] {
    display: inline-block !important;
  }
  html {
    height: 100vh;
  }

  body {
    font-size: 3.73vw;
  }
  body.noscroll {
    min-height: 100vh;
    /* Fallback */
    min-height: 100vh;
  }
  body [data-target][slideup] {
    -webkit-transform: translateY(2.67vw) scale(1);
            transform: translateY(2.67vw) scale(1);
  }
  body [data-target][slidedown] {
    -webkit-transform: translateY(-2.67vw) scale(1);
            transform: translateY(-2.67vw) scale(1);
  }
  body [data-target][slideleft] {
    -webkit-transform: translateX(2.67vw) scale(1);
            transform: translateX(2.67vw) scale(1);
  }
  body [data-target][slideright] {
    -webkit-transform: translateX(-2.67vw) scale(1);
            transform: translateX(-2.67vw) scale(1);
  }

  #wrapper {
    position: relative;
    overflow: hidden;
  }

  #globalNavi {
    height: 112.8vw;
    margin-top: -9.33vw;
    overflow: hidden;
  }
  #globalNavi:before {
    -webkit-mask: url(../img/common/mask_gnavi_sp.svg) no-repeat 0 0;
            mask: url(../img/common/mask_gnavi_sp.svg) no-repeat 0 0;
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
    background-image: url(../img/common/bg_gnavi_sp.jpg);
  }
  #globalNavi .btn_pagetop {
    width: 16.53vw;
    height: 15.87vw;
    top: 6.67vw;
    right: 5.33vw;
  }
  #globalNavi .inner {
    display: block;
    padding: 9.33vw 0 4vw;
    max-width: none;
    max-width: initial;
  }
  #globalNavi .site_logo {
    margin: 0 auto 3.33vw;
  }
  #globalNavi .gnavi {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 5.33vw;
    width: 100%;
  }
  #globalNavi .nav {
    margin: 0 0 1.6vw 0;
    width: calc(50% - 1.07vw);
  }
  #globalNavi .nav.active .chara img {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  #globalNavi .chara img {
    left: 0;
  }
  #globalNavi .chara .star {
    display: none;
  }
  #globalNavi .btn {
    width: 100%;
    height: 16vw;
    border-radius: 2.67vw;
    -webkit-filter: drop-shadow(0.53vw 0.4vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.53vw 0.4vw 0 rgba(52, 52, 52, .5));
  }
  #globalNavi .btn:before {
    width: calc(100% - 1.07vw);
    height: 14.93vw;
    border-radius: 2.4vw;
    border: 0.53vw solid #d84058;
  }
  #globalNavi .btn .btn_inner {
    width: 42.53vw;
    height: 14.93vw;
    border-radius: 2.4vw;
  }
  #globalNavi .btn .btn_inner:before {
    background-size: 2vw 2vw;
    width: 10vw;
    height: 10vw;
  }
  #globalNavi .btn .btn_inner:after {
    background-size: 1.47vw 1.47vw;
    width: 10vw;
    height: 10vw;
  }
  #globalNavi .btn .star {
    width: 2.67vw;
    height: 2.67vw;
    margin-top: -1.33vw;
  }
  #globalNavi .btn .star.s1 {
    left: 2.67vw;
  }
  #globalNavi .btn .star.s2 {
    right: 2.67vw;
  }
  #globalNavi .n_top .chara {
    left: 30.93vw;
    top: 2.27vw;
  }
  #globalNavi .n_top .chara img {
    height: 14.67vw;
    top: 0;
  }
  #globalNavi .n_top .btn img {
    height: 3.73vw;
  }
  #globalNavi .n_about .chara {
    left: 32.53vw;
    top: 0.67vw;
  }
  #globalNavi .n_about .chara img {
    height: 14.13vw;
    top: 0;
  }
  #globalNavi .n_about .btn img {
    height: 3.73vw;
  }
  #globalNavi .n_copy .chara {
    left: 26.67vw;
    top: 2.67vw;
  }
  #globalNavi .n_copy .chara img {
    height: 16vw;
    top: -4vw;
  }
  #globalNavi .n_copy .btn img {
    height: 3.73vw;
  }
  #globalNavi .n_copy.active .chara img {
    -webkit-transform: translate(0, 0) rotate(15deg);
            transform: translate(0, 0) rotate(15deg);
  }
  #globalNavi .n_mouthful .chara {
    left: 31.07vw;
    top: -1.33vw;
  }
  #globalNavi .n_mouthful .chara img {
    height: 17.33vw;
    top: 0;
  }
  #globalNavi .n_mouthful .btn img {
    height: 8.13vw;
  }
  #globalNavi .n_town .chara {
    left: 31.07vw;
    top: 2vw;
  }
  #globalNavi .n_town .chara img {
    height: 12.27vw;
    top: 0;
  }
  #globalNavi .n_town .btn img {
    height: 8.13vw;
  }
  #globalNavi .n_movie .chara {
    left: 30vw;
    top: 1.6vw;
  }
  #globalNavi .n_movie .chara img {
    height: 15.07vw;
    top: 0;
  }
  #globalNavi .n_movie .btn img {
    height: 3.73vw;
  }

  #globalFooter .inner {
    max-width: none;
    max-width: initial;
    padding: 4vw 5.07vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: auto;
  }
  #globalFooter .link {
    font-size: 2.67vw;
  }
  #globalFooter .link li {
    margin-right: 2.67vw;
  }
  #globalFooter .link a {
    padding-left: 3.2vw;
    font-weight: normal;
  }
  #globalFooter .link a:before {
    width: 1.87vw;
    height: 1.87vw;
    margin-top: -0.93vw;
  }
  #globalFooter .sub {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #globalFooter .copyright {
    margin: 4vw 0;
    font-size: 2.93vw;
    width: 100%;
    text-align: center;
  }
  #globalFooter .sns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #globalFooter .sns li {
    margin-right: 1.33vw;
  }
  .switch_logo {
    width: 11.73vw;
    height: 11.73vw;
    top: 1.33vw;
    right: 1.33vw;
  }

  .site_logo {
    width: 64vw;
    height: 42.4vw;
  }
  .site_logo.return {
    display: block;
    width: 25.2vw;
    height: 17.47vw;
    position: absolute;
    top: 2.13vw;
    left: 1.33vw;
  }

  .star {
    width: 3.2vw;
    height: 3.2vw;
  }

  .close {
    width: 4vw;
    height: 4vw;
  }

  .arrow_evol {
    height: 19.33vw;
    width: 8vw;
  }
  .arrow_evol:before {
    background-image: url(../img/common/ic_arrow_down.svg);
    right: 50%;
    margin-right: -4vw;
    -webkit-clip-path: inset(0 0 99.9% 0);
            clip-path: inset(0 0 99.9% 0);
  }
  .arrow_evol .img {
    width: 17.33vw;
    height: 17.33vw;
  }
  .arrow_evol .star {
    width: 17.33vw;
    height: 17.33vw;
    margin: -8.67vw 0 0 -8.67vw;
  }

  [data-new=true]:before {
    -webkit-animation: new 1.4s ease infinite;
            animation: new 1.4s ease infinite;
    background: url(../img/common/ic_new.png) no-repeat 0 0;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 9.87vw;
    height: 9.87vw;
    position: absolute;
    top: -3.33vw;
    right: -3.33vw;
    z-index: 10;
  }
  [data-new=true].ic_star:before {
    width: 16.27vw;
    height: 16.27vw;
    top: -4vw;
    right: -4.67vw;
  }

  .sec_inner {
    max-width: none;
    max-width: initial;
    width: calc(100% - 10.67vw);
  }

  .main_title {
    height: 11.2vw;
  }
  .main_title img {
    max-width: none;
    max-width: initial;
  }
  .main_title .title {
    height: 7.47vw;
  }
  .main_title .title.ruby {
    height: 10vw;
    margin-top: -0.4vw;
  }
  .main_title .label {
    height: 10.67vw;
  }
  .main_title .deco {
    height: 4.53vw;
    bottom: -4.93vw;
  }

  .paint_title img {
    max-width: none;
    max-width: initial;
  }
  .paint_title .label {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
  }
  .paint_title .title {
    position: relative;
    z-index: 2;
  }

  .label_title {
    width: 45.07vw;
    height: 6.4vw;
    font-size: 3.73vw;
  }
  .label_title:before, .label_title:after {
    width: 8px;
  }
  .label_title:before {
    left: -7px;
  }
  .label_title:after {
    right: -7px;
  }
  .label_title img {
    height: 3.2vw;
  }
  .label_title .star {
    width: 1.87vw;
    height: 1.87vw;
  }
  .label_title .star.s1 {
    left: 2.67vw;
  }
  .label_title .star.s2 {
    right: 2.67vw;
  }
  .label_title.shadow {
    -webkit-filter: drop-shadow(0 0 0.67vw rgba(0, 0, 0, .3));
            filter: drop-shadow(0 0 0.67vw rgba(0, 0, 0, .3));
  }
  .label_title.large {
    width: 100%;
    height: 8vw;
    font-size: 3.73vw;
  }
  .label_title.txt {
    height: 6.4vw;
    font-size: 3.73vw;
  }

  .basic_title {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .basic_title:before {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #ffffff;
    content: "";
    display: block;
    width: 100%;
    height: 0.67vw;
    border-radius: 0.33vw;
    position: absolute;
    bottom: -3.07vw;
    left: 50%;
    -webkit-box-shadow: 0.53vw 0 0 rgba(0, 0, 0, .2);
            box-shadow: 0.53vw 0 0 rgba(0, 0, 0, .2);
  }
  .basic_title .star {
    position: absolute;
    top: 50%;
    margin-top: -1.6vw;
    -webkit-filter: drop-shadow(0.53vw 0 0 rgba(0, 0, 0, .2));
            filter: drop-shadow(0.53vw 0 0 rgba(0, 0, 0, .2));
  }
  .basic_title .star.s1 {
    left: 0;
  }
  .basic_title .star.s2 {
    right: 0;
  }

  .lead {
    font-size: 3.47vw;
    white-space: nowrap;
  }

  .btn_more {
    width: 76vw;
    height: 13.33vw;
    border-radius: 6.67vw;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="3" dy="3" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
  }
  .btn_more img {
    height: 4.4vw;
  }
  .btn_more .star {
    width: 4vw;
    height: 4vw;
    margin-top: -2vw;
  }
  .btn_more .star.s1 {
    left: 3.33vw;
  }
  .btn_more .star.s2 {
    right: 3.33vw;
  }
  .btn_more .btn_inner {
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    border-radius: 6.13vw;
    border-width: 2.5px;
  }
  .btn_more .btn_inner:before {
    background-size: 1.33vw 1.33vw;
    width: 19.2vw;
  }
  .btn_more .btn_inner:after {
    background-size: 1.07vw 1.07vw;
    width: 19.2vw;
  }

  .btn_play {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 13.6vw;
    height: 13.6vw;
    display: block;
    -webkit-filter: drop-shadow(0.53vw 0.4vw 0 rgba(52, 52, 52, .2));
            filter: drop-shadow(0.53vw 0.4vw 0 rgba(52, 52, 52, .2));
  }
  .btn_play.red {
    background-image: url(../img/common/ic_play_red.svg);
  }
  .btn_play.green {
    background-image: url(../img/common/ic_play_green.svg);
  }

  .btn_close {
    width: 12vw;
    height: 12vw;
  }
  .btn_close:before {
    border-width: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
  }

  .frame {
    border-radius: 5px;
    border: 2px solid #ffffff;
  }
  .frame.wide {
    border-width: 1.87vw;
    border-radius: 10px;
  }
  .frame.shadow {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
            box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  }
  .frame.shadow2 {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="4" dy="3" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(3px 2px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(3px 2px 0 rgba(52, 52, 52, .5));
  }
  .frame .frame_inner {
    border-radius: 5px;
  }

  [data-ytplayer] {
    position: relative;
  }
  [data-ytplayer] a {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    display: block;
    position: relative;
    z-index: 2;
  }
  [data-ytplayer] a:before {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  [data-ytplayer] a .thumb {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    position: relative;
    display: block;
  }
  [data-ytplayer] a .btn {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    pointer-events: none;
  }
  [data-ytplayer] a.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  [data-ytplayer] .yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  [data-ytplayer] iframe {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
  }
  .loop_slider .slider_wrap {
    -webkit-box-shadow: 0 0 2.67vw rgba(0, 0, 0, .3);
            box-shadow: 0 0 2.67vw rgba(0, 0, 0, .3);
  }
  .loop_slider .slider:first-child {
    -webkit-animation: slider_loop_sp 120s -60s linear infinite;
            animation: slider_loop_sp 120s -60s linear infinite;
  }
  .loop_slider .slider:last-child {
    -webkit-animation: slider_loop2_sp 120s linear infinite;
            animation: slider_loop2_sp 120s linear infinite;
  }
  .loop_slider img {
    width: 59.33vw;
    height: 33.33vw;
  }
  .mask {
    -webkit-mask: url(../img/common/mask_sp.svg) repeat-x 50% 0;
            mask: url(../img/common/mask_sp.svg) repeat-x 50% 0;
    -webkit-mask-size: 100vw auto;
            mask-size: 100vw auto;
  }
  .mask.reverse {
    -webkit-mask-image: url(../img/common/mask_reverse_sp.svg);
            mask-image: url(../img/common/mask_reverse_sp.svg);
  }
  .bg_movie video {
    width: 100%;
    height: 100%;
  }
  .bg_image img {
    width: 100%;
    height: 100%;
  }
  .color_bg:before, .color_bg:after {
    display: none;
  }
  .color_bg:before {
    width: 76.4vw;
    height: 44.67vw;
  }
  .color_bg:after {
    width: 97.87vw;
    height: 53.87vw;
  }
  .color_bg .color_bg_obj1:before, .color_bg .color_bg_obj1:after,
.color_bg .color_bg_obj2:before,
.color_bg .color_bg_obj2:after,
.color_bg .color_bg_star:before,
.color_bg .color_bg_star:after {
    background-size: 109.33vw 109.33vw;
    width: 437.33vw;
    height: 328vw;
  }
  .para_bg {
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 120%;
    will-change: transform3d;
  }
  .para_bg.fixed {
    height: 100%;
    top: 0;
  }
  .para_bg.fixed img,
.para_bg.fixed video {
    position: fixed;
    height: 120%;
    -o-object-position: 50% 0;
       object-position: 50% 0;
  }
  .para_bg img,
.para_bg video {
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #modal {
    padding: 16vw 0 16vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: initial;
    min-height: 100vh;
    /* Fallback */
    min-height: 100vh;
  }
  #modal .bg_obj1:before, #modal .bg_obj1:after,
#modal .bg_obj2:before,
#modal .bg_obj2:after,
#modal .bg_star:before,
#modal .bg_star:after {
    background-size: 109.33vw 109.33vw;
    width: 437.33vw;
    height: 328vw;
  }
  #modal #modalContents {
    max-width: 170.67vw;
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
  #modal .btn_close {
    top: -16vw;
    right: 0;
    display: none;
  }
  #modal .modal_body {
    border-radius: 2.4vw;
    margin-bottom: 5.33vw;
  }
  #modal .modal_body:before {
    border: 2px solid #0c636d;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    border-radius: 2.4vw;
  }
  [data-page=top] #mv {
    height: auto;
    z-index: 5;
  }
  [data-page=top] #mv .color_bg {
    display: block;
    height: calc(100% - 134.67vw);
    bottom: 0;
    z-index: 5;
  }
  [data-page=top] #mv .bg {
    height: 156vw;
  }
  [data-page=top] #mv #opening {
    height: 156vw;
  }
  [data-page=top] #mv .sec_inner {
    padding-top: 141.33vw;
    padding-bottom: 170.67vw;
    z-index: 5;
  }
  [data-page=top] #mv .site_logo {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
    width: 64vw;
    height: 42.93vw;
    top: 3.33vw;
    left: 2.67vw;
  }
  [data-page=top] #mv .date {
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s;
    bottom: auto;
    top: 122.67vw;
    left: 11.73vw;
  }
  [data-page=top] #mv .date img {
    width: 76.4vw;
    height: 10.93vw;
  }
  [data-page=top] #mv .movie {
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 89.33vw;
    height: 51.33vw;
    bottom: 12.67vw;
    left: 5.33vw;
    z-index: 10;
    opacity: 1;
    visibility: visible;
  }
  [data-page=top] #mv .movie .title {
    top: -3.73vw;
  }
  [data-page=top] #mv .movie .title img {
    height: 8vw;
  }
  [data-page=top] #mv .movie .frame {
    border-width: 4px;
  }
  [data-page=top] #mv .movie .frame a {
    border-radius: 6px;
  }
  [data-page=top] #mv .movie .ic_update {
    top: -4.27vw;
    right: -4.27vw;
    width: 16.27vw;
    height: 16.67vw;
  }
  [data-page=top] #mv .bnr_trial {
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
    margin-bottom: 3.07vw;
  }
  [data-page=top] #mv .bnr_trial img {
    width: 89.87vw;
    height: 21.73vw;
  }
  [data-page=top] #mv .news {
    display: block;
    width: 89.33vw;
    margin: auto;
    border-radius: 5px;
    overflow: hidden;
    z-index: 10;
    position: relative;
  }
  [data-page=top] #mv .news .sec_inner {
    display: block;
    height: 100%;
  }
  [data-page=top] #mv .news .title {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
    width: 100%;
    height: 7.73vw;
    padding-left: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [data-page=top] #mv .news .title .color_bg {
    background-color: #d8425a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  [data-page=top] #mv .news .title .color_bg:before, [data-page=top] #mv .news .title .color_bg:after {
    display: none;
  }
  [data-page=top] #mv .news .title .color_bg .color_bg_obj1:before, [data-page=top] #mv .news .title .color_bg .color_bg_obj1:after {
    background-size: 54.67vw 54.67vw;
    min-width: 164vw;
    min-height: 109.33vw;
  }
  [data-page=top] #mv .news .title .color_bg .color_bg_obj2:before, [data-page=top] #mv .news .title .color_bg .color_bg_obj2:after {
    background-size: 54.67vw 54.67vw;
    min-width: 164vw;
    min-height: 109.33vw;
  }
  [data-page=top] #mv .news .title .color_bg .color_bg_star:before, [data-page=top] #mv .news .title .color_bg .color_bg_star:after {
    background-size: 54.67vw 54.67vw;
    min-width: 164vw;
    min-height: 109.33vw;
  }
  [data-page=top] #mv .news .title img {
    height: 3.73vw;
    position: relative;
    z-index: 5;
  }
  [data-page=top] #mv .news .contents {
    background-color: #ffffff;
    width: 100%;
    padding: 3.33vw 4vw;
  }
  [data-page=top] #mv .news .contents dl {
    font-size: 3.2vw;
    font-weight: normal;
    margin-bottom: 1.33vw;
  }
  [data-page=top] #mv .news .contents dl dt {
    width: 17.33vw;
  }
  [data-page=top] #mv .news .contents dl dd {
    width: calc(100% - 17.33vw);
  }
  [data-page=top] .news {
    display: none;
  }
  [data-page=top] #banner {
    margin-top: -170.67vw;
  }
  [data-page=top] #banner .color_bg {
    display: none;
  }
  [data-page=top] #banner .sec_inner {
    max-width: none;
    max-width: initial;
    display: block;
    padding: 4.67vw 0 13.33vw;
  }
  [data-page=top] #banner .unit {
    width: 100%;
    margin-bottom: 5.33vw;
  }
  [data-page=top] #banner .unit:last-of-type {
    margin-bottom: 0;
  }
  [data-page=top] #banner .unit a {
    border-radius: 1.33vw;
    -webkit-box-shadow: 0 0 0.8vw rgba(0, 0, 0, .2);
            box-shadow: 0 0 0.8vw rgba(0, 0, 0, .2);
    display: block;
    padding: 1.07vw;
  }
  [data-page=top] #banner .unit .ic_update {
    top: -4.67vw;
    left: auto;
    right: -5.07vw;
    width: 15.2vw;
    height: 14.93vw;
  }
  [data-page=top] #banner .unit .ic_update img {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  [data-page=top] #banner .unit figure {
    width: 100%;
    border-radius: 1.07vw;
  }
  [data-page=top] #banner .unit .title {
    width: 100%;
    padding: 3.33vw;
    text-align: center;
  }
  [data-page=top] #banner .unit .title:before {
    width: 2vw;
    height: 2.27vw;
    right: 4.27vw;
  }
  [data-page=top] #banner .unit .title img {
    height: 3.6vw;
  }
  [data-page=top] #banner .unit .title.line2 img {
    height: 3.6vw;
  }
  [data-page=top] #banner .interview_unit {
    margin-top: 5.33vw;
  }
  [data-page=top] #banner .interview_unit .ic_update {
    top: -5.33vw;
    left: auto;
    right: -3.33vw;
    width: 12.27vw;
    height: 12.27vw;
  }
  [data-page=top] #banner .interview_unit .ic_update img {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    -webkit-box-shadow: 0 0 2vw rgba(52, 52, 52, .3);
            box-shadow: 0 0 2vw rgba(52, 52, 52, .3);
    width: 12.27vw;
  }
  [data-page=top] #banner .interview_unit a {
    -webkit-box-shadow: 0 0 0.8vw rgba(0, 0, 0, .2);
            box-shadow: 0 0 0.8vw rgba(0, 0, 0, .2);
    border-radius: 1.33vw;
    height: 17.33vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 5.33vw;
  }
  [data-page=top] #banner .interview_unit a:before {
    width: 2vw;
    height: 2.27vw;
    right: 4.27vw;
  }
  [data-page=top] #banner .interview_unit dl dt {
    margin-right: 1.33vw;
  }
  [data-page=top] #banner .interview_unit dl dt img {
    height: 3.87vw;
  }
  [data-page=top] #banner .interview_unit dl dd {
    border-radius: 3.33vw;
    width: 45.6vw;
    height: 6.67vw;
  }
  [data-page=top] #banner .interview_unit dl dd:before {
    width: 2.93vw;
    height: 3.07vw;
    top: -2vw;
    right: -2vw;
  }
  [data-page=top] #banner .interview_unit dl dd img {
    height: 3.87vw;
  }
  [data-page=top] #about {
    margin-top: -8vw;
    height: 132vw;
    z-index: 5;
  }
  [data-page=top] #about .bg_movie {
    -webkit-mask: url(../img/common/mask_sp.svg) repeat-x 50% 0;
            mask: url(../img/common/mask_sp.svg) repeat-x 50% 0;
    -webkit-mask-size: 100vw auto;
            mask-size: 100vw auto;
  }
  [data-page=top] #about .pt1 {
    top: 11.33vw;
    left: -8.67vw;
    width: 88.93vw;
    height: 16.93vw;
  }
  [data-page=top] #about .pt1 .title {
    width: 69.87vw;
    height: 9.47vw;
    margin-top: -4vw;
  }
  [data-page=top] #about .pt2 {
    top: 37.33vw;
    right: -10.67vw;
    width: 85.47vw;
    height: 20.13vw;
  }
  [data-page=top] #about .pt2 .title {
    width: 66vw;
    height: 17.6vw;
    margin-top: -2.67vw;
  }
  [data-page=top] #about .pt3 {
    top: 67.2vw;
    left: -10.67vw;
    width: 94.27vw;
    height: 16.93vw;
  }
  [data-page=top] #about .pt3 .title {
    width: 80.53vw;
    height: 12.4vw;
    margin-top: -0.67vw;
  }
  [data-page=top] #about .btn {
    bottom: 12.67vw;
    margin-left: -38vw;
  }
  [data-page=top] #about.action .pt1 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  [data-page=top] #about.action .pt1 .label {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
  [data-page=top] #about.action .pt1 .title {
    -webkit-transition-delay: 1s !important;
            transition-delay: 1s !important;
  }
  [data-page=top] #about.action .pt2 {
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s;
  }
  [data-page=top] #about.action .pt2 .label {
    -webkit-animation-delay: 2.2s;
            animation-delay: 2.2s;
  }
  [data-page=top] #about.action .pt2 .title {
    -webkit-transition-delay: 2.8s !important;
            transition-delay: 2.8s !important;
  }
  [data-page=top] #about.action .pt3 {
    -webkit-transition-delay: 5s;
            transition-delay: 5s;
  }
  [data-page=top] #about.action .pt3 .label {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
  }
  [data-page=top] #about.action .pt3 .title {
    -webkit-transition-delay: 5.6s !important;
            transition-delay: 5.6s !important;
  }
  [data-page=top] #about.action .btn {
    -webkit-transition-delay: 6.6s;
            transition-delay: 6.6s;
  }
  [data-page=top] #copy {
    margin-top: -8vw;
    height: 174vw;
  }
  [data-page=top] #copy .sec_inner {
    padding: 9.33vw 0 10.67vw;
  }
  [data-page=top] #copy .basic_title {
    width: 89.33vw;
    margin-bottom: 8vw;
  }
  [data-page=top] #copy .basic_title .title {
    width: 77.33vw;
    height: 10vw;
  }
  [data-page=top] #copy .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=top] #copy .evolution {
    display: block;
    padding: 0;
    margin-bottom: 25.33vw;
  }
  [data-page=top] #copy .evolution .unit {
    width: 58.67vw;
    height: 34.67vw;
  }
  [data-page=top] #copy .evolution .unit:nth-child(1) {
    margin-left: auto;
    margin-bottom: 26vw;
  }
  [data-page=top] #copy .evolution .unit .frame {
    border-radius: 10px;
  }
  [data-page=top] #copy .evolution .unit .label_title {
    bottom: -3.47vw;
  }
  [data-page=top] #copy .evolution .arrow_evol {
    top: 39.07vw;
    left: 40.4vw;
  }
  [data-page=top] #copy .evolution .arrow_evol:before {
    top: 2.67vw;
    height: 90%;
  }
  [data-page=top] #copy .evolution .arrow_evol .img {
    left: -2.67vw;
    margin-top: -8.67vw;
    width: 14.67vw;
    height: 14.67vw;
  }
  [data-page=top] #copy .evolution .arrow_evol .star {
    width: 14.67vw;
    height: 14.67vw;
    margin: -8vw 0 0 -7.33vw;
  }
  [data-page=top] #copy .evolution .arrow_evol .txt {
    height: 3.33vw;
    margin-top: 0vw;
  }
  [data-page=top] #copy .chara.c1 {
    width: 59.87vw;
    height: 48.27vw;
    top: 32vw;
    left: -18.67vw;
  }
  [data-page=top] #copy .chara.c2 {
    width: 104vw;
    height: 107.6vw;
    top: 58.67vw;
    right: -21.33vw;
  }
  [data-page=top] #copy .obj.o1 {
    width: 39.47vw;
    height: 27.07vw;
    top: 119.33vw;
    right: -3.33vw;
  }
  [data-page=top] #mouthful {
    margin-top: -8vw;
    height: 204.67vw;
  }
  [data-page=top] #mouthful .sec_inner {
    padding: 9.33vw 0 13.33vw;
  }
  [data-page=top] #mouthful .basic_title {
    width: 74.67vw;
    margin-bottom: 8vw;
  }
  [data-page=top] #mouthful .basic_title .sub_title {
    width: 66.53vw;
    height: 2.93vw;
    margin-bottom: 2.13vw;
  }
  [data-page=top] #mouthful .basic_title .title {
    width: 64.8vw;
    height: 7.33vw;
  }
  [data-page=top] #mouthful .basic_title .star {
    margin-top: 0.53vw;
  }
  [data-page=top] #mouthful .frame {
    width: 74.67vw;
    height: 42vw;
    margin: 0 -10.67vw 105.33vw auto;
  }
  [data-page=top] #mouthful .chara.c1 {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    width: 27.6vw;
    height: 30.67vw;
    top: 141.33vw;
    left: 18.67vw;
  }
  [data-page=top] #mouthful .chara.c2 {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    width: 25.33vw;
    height: 26.4vw;
    top: 142.67vw;
    right: -2.67vw;
  }
  [data-page=top] #mouthful .chara.c3 {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
    width: 80.13vw;
    height: 68vw;
    top: 29.33vw;
    left: -20vw;
  }
  [data-page=top] #mouthful .chara.c4 {
    width: 78.67vw;
    height: 52.27vw;
    top: 89.33vw;
    right: 10.67vw;
  }
  [data-page=top] #mouthful .obj.o1 {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    width: 20.53vw;
    height: 22.67vw;
    top: 146.67vw;
    left: -3.33vw;
  }
  [data-page=top] #mouthful .obj.o2 {
    width: 16.8vw;
    height: 16.8vw;
    top: 153.33vw;
    right: 22.67vw;
  }
  [data-page=top] #mouthful .obj.o3 {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    width: 51.07vw;
    height: 30.67vw;
    top: 88.4vw;
    right: -1.33vw;
  }
  [data-page=top] #mouthful .obj.arrow_evol {
    width: 8vw;
    top: 74.67vw;
    left: 61.33vw;
  }
  [data-page=top] #mouthful .obj.arrow_evol .img {
    margin-top: 0;
    top: -5.33vw;
    left: -4vw;
  }
  [data-page=top] #mouthful .obj.arrow_evol .txt {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    height: 6.67vw;
    margin-top: 1.33vw;
  }
  [data-page=top] #town {
    margin-top: -8vw;
    height: 175.33vw;
  }
  [data-page=top] #town.no_bnr {
    height: 148.67vw;
  }
  [data-page=top] #town .sec_inner {
    padding: 16.67vw 0 13.33vw;
  }
  [data-page=top] #town .contents {
    display: block;
    padding: 0;
    margin-bottom: 5.33vw;
  }
  [data-page=top] #town .contents .unit {
    width: 89.33vw;
    height: 53.33vw;
    -webkit-box-shadow: 2px 2px 0 rgba(52, 52, 52, .5);
            box-shadow: 2px 2px 0 rgba(52, 52, 52, .5);
    border-radius: 10px;
    margin-bottom: 10.67vw;
  }
  [data-page=top] #town .contents .unit:last-of-type {
    margin-bottom: 0;
  }
  [data-page=top] #town .contents .unit .title {
    width: 82.67vw;
    height: 10.67vw;
    top: -5.33vw;
  }
  [data-page=top] #town .contents .unit .title .main {
    height: 7.47vw;
    margin-top: -1.33vw;
  }
  [data-page=top] #town .contents .unit figure {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative;
    height: 42.67vw;
  }
  [data-page=top] #town .contents .unit figure img {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  [data-page=top] #town .contents .unit .btn {
    height: 10.67vw;
    border-radius: 0 0 10px 10px;
  }
  [data-page=top] #town .contents .unit .btn:before {
    background-size: 1.07vw 1.07vw;
    width: 8vw;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 70%);
            clip-path: polygon(0 0, 100% 0%, 100% 0, 0% 70%);
  }
  [data-page=top] #town .contents .unit .btn:after {
    background-size: 0.8vw 0.8vw;
    width: 13.33vw;
    -webkit-clip-path: polygon(100% 30%, 100% 30%, 100% 100%, 30% 100%);
            clip-path: polygon(100% 30%, 100% 30%, 100% 100%, 30% 100%);
  }
  [data-page=top] #town .contents .unit .btn img {
    height: 4.27vw;
  }
  [data-page=top] #town .contents .unit .btn .star {
    width: 3.47vw;
    height: 3.47vw;
  }
  [data-page=top] #town .contents .unit .btn .star.s1 {
    margin-right: 4vw;
  }
  [data-page=top] #town .contents .unit .btn .star.s2 {
    margin-left: 4vw;
  }
  [data-page=top] #town .contents .u1 .chara.c1 {
    width: 36.2vw;
    height: 37.07vw;
    top: 16vw;
    left: -8vw;
  }
  [data-page=top] #town .contents .u1 .chara.c2 {
    width: 21.67vw;
    height: 24.07vw;
    top: -10.67vw;
    right: -5.33vw;
  }
  [data-page=top] #town .contents .u1 .chara.c3 {
    width: 17.8vw;
    height: 16.27vw;
    top: 33.33vw;
    right: 6vw;
  }
  [data-page=top] #town .contents .u1 .chara.c4 {
    width: 15.27vw;
    height: 12.87vw;
    top: 29.33vw;
    right: -5.73vw;
  }
  [data-page=top] #town .contents .u1 .obj.o1 {
    width: 23.33vw;
    height: 13.33vw;
    top: 22vw;
    right: 4vw;
  }
  [data-page=top] #town .contents .u1 .obj.o2 {
    width: 47.47vw;
    height: 3.73vw;
    top: 6.67vw;
    left: 20.27vw;
  }
  [data-page=top] #town .contents .u2 .chara.c1 {
    width: 23.13vw;
    height: 22.67vw;
    top: 5.33vw;
    left: -2.67vw;
  }
  [data-page=top] #town .contents .u2 .chara.c2 {
    width: 30.87vw;
    height: 25vw;
    top: 3.47vw;
    right: -4vw;
  }
  [data-page=top] #town .contents .u2 .obj.o1 {
    width: 23.33vw;
    height: 13.33vw;
    top: 32vw;
    left: 2.4vw;
  }
  [data-page=top] #town .contents .u2 .obj.o2 {
    width: 23.33vw;
    height: 13.33vw;
    top: 32vw;
    right: 2.4vw;
  }
  [data-page=top] #town .amiibo {
    width: 89.33vw;
  }
  [data-page=top] #packageInfo {
    margin-top: -8vw;
    height: 296vw;
  }
  [data-page=top] #packageInfo .bg_image {
    background-color: #0571cf;
  }
  [data-page=top] #packageInfo .bg_image img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: 50% 100%;
       object-position: 50% 100%;
  }
  [data-page=top] #packageInfo .sec_inner {
    padding: 10.67vw 0 111.33vw;
    height: 100%;
  }
  [data-page=top] #packageInfo .information {
    border-radius: 10px;
    display: block;
    padding: 5.33vw;
    -webkit-box-shadow: 0 0 0.53vw rgba(0, 0, 0, .3) inset;
            box-shadow: 0 0 0.53vw rgba(0, 0, 0, .3) inset;
    margin-bottom: 3.33vw;
  }
  [data-page=top] #packageInfo .information .ticket {
    border-radius: 5px;
    height: 14.4vw;
    padding-left: 28.67vw;
    font-size: 2.67vw;
    font-weight: normal;
    line-height: 1.8;
  }
  [data-page=top] #packageInfo .information .ticket img {
    -webkit-transform: rotate(-5deg) translateY(-50%);
            transform: rotate(-5deg) translateY(-50%);
    left: 1.33vw;
    height: 14.93vw;
  }
  [data-page=top] #packageInfo .information .soft_img {
    width: 100%;
    text-align: center;
    margin: 0 0 5.33vw 0;
  }
  [data-page=top] #packageInfo .information .soft_img img {
    height: 45.33vw;
  }
  [data-page=top] #packageInfo .information .soft_txt {
    width: 100%;
    margin: 0 0 4.67vw 0;
  }
  [data-page=top] #packageInfo .information .soft_txt dl {
    margin-bottom: 5.33vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dt {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 2vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dt img {
    height: 8vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd img {
    height: 20.8vw;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons {
    top: -43.07vw;
    right: 21.2vw;
    display: block;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a {
    margin: 0 0 0.93vw 0;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a:first-of-type {
    margin: 0 0 0.93vw 0;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a img {
    height: auto;
    width: 9.33vw;
  }
  [data-page=top] #packageInfo .information .soft_txt .ticket {
    display: none;
  }
  [data-page=top] #packageInfo .information .soft_link {
    width: 100%;
  }
  [data-page=top] #packageInfo .information .soft_link .info {
    margin-bottom: 3.33vw;
    border-radius: 5px;
    padding: 2.93vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt {
    margin-bottom: 2.67vw;
    height: 10.67vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt a {
    border-radius: 5px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt a:after {
    width: 2vw;
    height: 2.27vw;
    right: 2vw;
    margin-top: -1.13vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt img {
    height: 3.73vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a {
    margin: 0 0.8vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a:before {
    width: 2vw;
    height: 2.27vw;
    margin-right: 0.67vw;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a img {
    height: 2.93vw;
  }
  [data-page=top] #packageInfo .information .soft_link .ticket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.33vw;
  }
  [data-page=top] #packageInfo .information .soft_link .online {
    border-radius: 5px;
    padding: 3.33vw;
  }
  [data-page=top] #packageInfo .information .soft_link .online dt {
    height: 10.67vw;
    width: 22.67vw;
  }
  [data-page=top] #packageInfo .information .soft_link .online dt img {
    height: 3.2vw;
  }
  [data-page=top] #packageInfo .information .soft_link .online dd {
    font-size: 2.67vw;
    line-height: 1.5;
    width: calc(100% - 26vw);
  }
  [data-page=top] #packageInfo .banner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  [data-page=top] #packageInfo .banner a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  [data-page=top] #packageInfo .banner .mini {
    width: calc(50% - 3.33vw);
    height: 12vw;
    border-radius: 5px;
    margin: 0 0 4vw;
    -webkit-box-shadow: 0.53vw 0.4vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.53vw 0.4vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=top] #packageInfo .banner .mini:nth-child(1) {
    margin-left: 2vw;
  }
  [data-page=top] #packageInfo .banner .mini:nth-child(2) {
    margin-right: 2vw;
  }
  [data-page=top] #packageInfo .banner .kirby_30th {
    width: 89.33vw;
    height: 24vw;
    border-radius: 5px;
    -webkit-box-shadow: 0.53vw 0.4vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.53vw 0.4vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=top] #globalNavi {
    margin-top: -112.8vw;
  }
  [data-page=top] #multiplay {
    padding-top: 5.33vw;
    padding-bottom: 14.67vw;
    overflow: visible;
    overflow: initial;
  }
  [data-page=top] #multiplay .basic_title {
    width: 78.67vw;
    margin-bottom: 6vw;
  }
  [data-page=top] #multiplay .basic_title:before {
    bottom: -1.73vw;
  }
  [data-page=top] #multiplay .basic_title .title {
    width: 68.53vw;
    height: 9.6vw;
  }
  [data-page=top] #multiplay .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=top] #multiplay .lead {
    font-size: 3.2vw;
    margin-bottom: 2vw;
  }
  [data-page=top] #multiplay .note {
    font-size: 2.67vw;
    margin-bottom: 3.33vw;
  }
  [data-page=top] #multiplay .gallery {
    width: 76vw;
  }
  [data-page=top] #multiplay .gallery .slide {
    top: 0.93vw;
    left: 2.4vw;
    height: 40vw;
  }
  [data-page=top] #multiplay .chara {
    z-index: 5;
  }
  [data-page=top] #multiplay .chara.c1 {
    width: 25.2vw;
    height: 19.2vw;
    top: auto;
    bottom: 40vw;
    left: -4.67vw;
  }
  [data-page=top] #multiplay .chara.c2 {
    width: 28vw;
    height: 22.8vw;
    top: auto;
    bottom: 37.33vw;
    right: -4.67vw;
  }
  [data-page=top] #multiplay .obj {
    width: 43.2vw;
    height: 21.6vw;
  }
  [data-page=top] #multiplay .obj.o1 {
    bottom: 4px;
    left: 4px;
    border-radius: 0 0 0 7px;
  }
  [data-page=top] #multiplay .obj.o1 img {
    width: 49.07vw;
    height: 35.33vw;
    right: 0;
    left: auto;
  }
  [data-page=top] #multiplay .obj.o2 {
    bottom: 4px;
    right: 4px;
    border-radius: 0 0 7px 0;
  }
  [data-page=top] #multiplay .obj.o2 img {
    width: 48.4vw;
    height: 35.33vw;
    left: 0;
  }
  [data-page=about] #container .site_logo {
    display: none;
  }
  [data-page=about] #field {
    height: 180vw;
  }
  [data-page=about] #field .bg_movie {
    min-height: 122.4vw;
  }
  [data-page=about] #field .bg_movie:before {
    display: none;
  }
  [data-page=about] #field .bg_movie video {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 115%;
    width: 100%;
  }
  [data-page=about] #field .color_bg {
    height: 66.67vw;
  }
  [data-page=about] #field .contents {
    padding-bottom: 66.67vw;
  }
  [data-page=about] #field .chara.c1 {
    width: 29.2vw;
    height: 30vw;
    top: 96.8vw;
    left: -5.33vw;
    z-index: 5;
  }
  [data-page=about] #field .chara.c2 {
    width: 39.87vw;
    height: 37.07vw;
    top: 110.13vw;
    left: 16vw;
    z-index: 5;
  }
  [data-page=about] #field .main_title {
    top: 13.33vw;
    left: -20vw;
    width: 72.93vw;
  }
  [data-page=about] #field .main_title .title {
    height: 7.87vw;
  }
  [data-page=about] #field .main_title .label {
    width: 72.93vw;
    height: 11.87vw;
  }
  [data-page=about] #field .paint_title {
    top: 60vw;
    right: -41.33vw;
    width: 114.4vw;
    height: 25.47vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  [data-page=about] #field .paint_title .title {
    height: 15.87vw;
    width: 71.2vw;
    margin-top: -2.67vw;
    margin-left: 2vw;
  }
  [data-page=about] #field .txt_1 {
    top: 138.67vw;
    right: 0;
    z-index: 10;
  }
  [data-page=about] #field .txt_1 img {
    height: 27.2vw;
  }
  [data-page=about] #adventure {
    height: 256.67vw;
    margin-top: -8vw;
  }
  [data-page=about] #adventure .bg_movie {
    min-height: 122.4vw;
  }
  [data-page=about] #adventure .contents {
    height: 181.33vw;
    padding-bottom: 60vw;
  }
  [data-page=about] #adventure .contents .color_bg:nth-child(1) {
    height: 72vw;
    top: 108.67vw;
  }
  [data-page=about] #adventure .contents .color_bg:nth-child(2) {
    height: 83.33vw;
    top: 172.67vw;
  }
  [data-page=about] #adventure .contents .paint_title {
    top: 20.67vw;
    left: -24.67vw;
    width: 96vw;
    height: 18.8vw;
    z-index: 10;
  }
  [data-page=about] #adventure .contents .paint_title .title {
    height: 8.8vw;
    margin-top: -2vw;
    margin-right: -16.67vw;
  }
  [data-page=about] #adventure .contents .txt_1 {
    top: 128.67vw;
    left: 0;
    z-index: 10;
  }
  [data-page=about] #adventure .contents .txt_1 img {
    height: 27.07vw;
  }
  [data-page=about] #adventure .contents .txt_2 {
    top: 211.33vw;
    left: auto;
    right: 0;
  }
  [data-page=about] #adventure .contents .txt_2 img {
    height: 27.07vw;
  }
  [data-page=about] #adventure .contents .loop_slider {
    top: 166.67vw;
  }
  [data-page=about] #adventure .contents .chara.c1 {
    width: 39.87vw;
    height: 37.07vw;
    top: -57.33vw;
    left: 16vw;
  }
  [data-page=about] #adventure .contents .chara.c2 {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    width: 83.07vw;
    height: 63.2vw;
    top: 79.33vw;
    left: 28vw;
    max-width: none;
    max-width: initial;
  }
  [data-page=about] #adventure .contents .chara.c3 {
    width: 56.67vw;
    height: 62.53vw;
    top: 166.67vw;
    left: -11.33vw;
  }
  [data-page=about] #adventure .contents .chara.c4 {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    width: 24.8vw;
    height: 25.47vw;
    top: 112vw;
    left: 33.33vw;
  }
  [data-page=about] #character {
    margin-top: -10vw;
    padding-top: 16vw;
    padding-bottom: 13.33vw;
  }
  [data-page=about] #character .sec_inner {
    padding: 0;
  }
  [data-page=about] #character .main_title {
    width: 95.07vw;
    margin: 0 auto 10.67vw -3.07vw;
  }
  [data-page=about] #character .main_title .title {
    height: 7.73vw;
    margin-top: -2vw;
  }
  [data-page=about] #character .main_title .label {
    width: 95.07vw;
    height: 10.53vw;
  }
  [data-page=about] #character .chara_unit {
    width: 89.33vw;
    height: 38.67vw;
    position: relative;
    margin-bottom: 9.33vw;
  }
  [data-page=about] #character .chara_unit .img {
    max-width: none;
    max-width: initial;
  }
  [data-page=about] #character .chara_unit .txt_frame {
    border-radius: 19.33vw;
  }
  [data-page=about] #character .chara_unit .txt_frame:before {
    border-width: 3px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 19.33vw;
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg {
    border-radius: 19.33vw;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg:before {
    background-size: 1.47vw 1.47vw;
    width: 25.33vw;
    height: 25.33vw;
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg:after {
    background-size: 1.07vw 1.07vw;
    width: 25.33vw;
    height: 25.33vw;
  }
  [data-page=about] #character .chara_unit dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    position: relative;
  }
  [data-page=about] #character .chara_unit dl dt {
    width: 53.33vw;
    height: 9.33vw;
    border-radius: 4.67vw;
    border: 2px solid #ffffff;
    position: absolute;
    top: -4.67vw;
    left: 50%;
    margin: 0 0 0 -26.67vw;
  }
  [data-page=about] #character .chara_unit dl dt img {
    height: 5.6vw;
  }
  [data-page=about] #character .chara_unit dl dt .star:nth-of-type(1) {
    left: 2.67vw;
  }
  [data-page=about] #character .chara_unit dl dt .star:nth-of-type(2) {
    right: 2.67vw;
  }
  [data-page=about] #character .chara_unit dl dd {
    font-size: 3.73vw;
    line-height: 1.6;
    font-weight: normal;
    text-align: center;
  }
  [data-page=about] #character .chara_unit:nth-child(odd) {
    margin: auto;
    display: block;
  }
  [data-page=about] #character .chara_unit:nth-child(odd) .txt_frame {
    -webkit-box-shadow: 0.67vw 0.4vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.67vw 0.4vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=about] #character .chara_unit:nth-child(odd) dl {
    padding: 0;
  }
  [data-page=about] #character .chara_unit:nth-child(odd) dl dt {
    margin-left: -26.67vw;
  }
  [data-page=about] #character .chara_unit:nth-child(odd) dl dd {
    text-align: center;
  }
  [data-page=about] #character .chara_unit:nth-child(even) .txt_frame {
    -webkit-box-shadow: 0.67vw 0.4vw 0 rgba(52, 52, 52, .5);
            box-shadow: 0.67vw 0.4vw 0 rgba(52, 52, 52, .5);
  }
  [data-page=about] #character .chara_unit:nth-child(even) dl {
    padding: 0;
  }
  [data-page=about] #character .chara_unit.line4 {
    height: 42.67vw;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame {
    border-radius: 21.33vw;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame:before {
    border-radius: 21.33vw;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame .frame_bg {
    border-radius: 21.33vw;
  }
  [data-page=about] #character .chara_unit.line2 {
    height: 34.13vw;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame {
    border-radius: 17.07vw;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame:before {
    border-radius: 17.07vw;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame .frame_bg {
    border-radius: 17.07vw;
  }
  [data-page=about] #character .chara_unit.c1 {
    margin-top: 76vw;
  }
  [data-page=about] #character .chara_unit.c1 .img {
    width: 62.67vw;
    height: 60.67vw;
    top: -66.67vw;
    right: 12.67vw;
  }
  [data-page=about] #character .chara_unit.c2 {
    margin-top: 71.33vw;
  }
  [data-page=about] #character .chara_unit.c2 .img {
    width: 60.67vw;
    height: 62.67vw;
    top: -67.33vw;
    left: 14vw;
  }
  [data-page=about] #character .chara_unit.c3 {
    margin-top: 98.67vw;
  }
  [data-page=about] #character .chara_unit.c3 .img {
    width: 77.2vw;
    height: 89.2vw;
    top: -94.67vw;
    right: 4.67vw;
  }
  [data-page=about] #character .chara_unit.c4 {
    margin-top: 141.33vw;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=about] #character .chara_unit.c4 dl {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  [data-page=about] #character .chara_unit.c4 dl dd {
    text-align: center;
  }
  [data-page=about] #character .chara_unit.c4 .i1 {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    width: 124.67vw;
    height: 97.2vw;
    top: -137.33vw;
    right: -22.67vw;
  }
  [data-page=about] #character .chara_unit.c4 .i2 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    width: 33.2vw;
    height: 49.87vw;
    top: -67.07vw;
    left: 44.67vw;
  }
  [data-page=about] #character .chara_unit.c4 .i3 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    width: 53.87vw;
    height: 55.07vw;
    top: -60.67vw;
    left: -2.67vw;
  }
  [data-page=about] #character .chara_unit.c4 .i4 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    width: 26.8vw;
    height: 22.8vw;
    top: -32vw;
    left: 64vw;
  }
  [data-page=about] #character .chara_unit.c5 {
    margin-top: 88vw;
  }
  [data-page=about] #character .chara_unit.c5 .img {
    width: 84vw;
    height: 78.8vw;
    top: -82.67vw;
    right: 2vw;
  }
  [data-page=about] #character .chara_unit.c6 {
    margin-top: 78vw;
  }
  [data-page=about] #character .chara_unit.c6 .img {
    width: 86.27vw;
    height: 67.2vw;
    top: -72.67vw;
    left: 2.67vw;
  }
  [data-page=about] #character .chara_unit .anim_chara {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  [data-page=copy] #copyEvo .sec_inner {
    padding: 24vw 0 0;
  }
  [data-page=copy] #copyEvo .main_title {
    width: 85.33vw;
    height: 18.53vw;
    margin: 0 auto 10.67vw;
  }
  [data-page=copy] #copyEvo .main_title .title {
    height: 14.53vw;
    margin-top: -1.33vw;
  }
  [data-page=copy] #copyEvo .main_title .label {
    width: 85.33vw;
    height: 18.53vw;
  }
  [data-page=copy] #copyEvo #about {
    border-radius: 2.67vw;
    -webkit-box-shadow: 0 0 0.27vw rgba(255, 255, 255, .2) inset;
            box-shadow: 0 0 0.27vw rgba(255, 255, 255, .2) inset;
    margin-bottom: 8vw;
    padding: 4vw 4.67vw 5.33vw;
  }
  [data-page=copy] #copyEvo #about .basic_title {
    width: 52.67vw;
    margin-bottom: 7.33vw;
  }
  [data-page=copy] #copyEvo #about .basic_title:before {
    bottom: -1.73vw;
  }
  [data-page=copy] #copyEvo #about .basic_title .title {
    width: 43.2vw;
    height: 7.33vw;
  }
  [data-page=copy] #copyEvo #about .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=copy] #copyEvo #about .chara {
    width: 49.73vw;
    height: 41.73vw;
    top: 50.27vw;
    left: -8vw;
  }
  [data-page=copy] #copyEvo #about .flow {
    display: block;
    margin-left: 0;
  }
  [data-page=copy] #copyEvo #about .flow:before {
    -webkit-transform: translate(-50%, 0) rotate(90deg);
            transform: translate(-50%, 0) rotate(90deg);
    width: 11.47vw;
    height: 6.67vw;
    top: 49.73vw;
    left: 50%;
  }
  [data-page=copy] #copyEvo #about .flow .unit {
    width: 78.67vw;
  }
  [data-page=copy] #copyEvo #about .flow .unit .txt {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    top: auto;
    bottom: -0.67vw;
    right: -2.67vw;
  }
  [data-page=copy] #copyEvo #about .flow .u1 {
    margin: 0 0 16.67vw 0;
  }
  [data-page=copy] #copyEvo #about .flow .u1 .txt {
    height: 8.53vw;
  }
  [data-page=copy] #copyEvo #about .flow .u2 .txt {
    height: 8.53vw;
  }
  [data-page=copy] #copyEvo #evolution {
    padding-bottom: 14.67vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title {
    width: 89.33vw;
    margin-bottom: 8vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title:before {
    bottom: -1.73vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title .title {
    width: 77.87vw;
    height: 6.93vw;
  }
  [data-page=copy] #copyEvo #evolution .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=copy] #copyEvo #evolution #mainSwiper {
    margin-bottom: 8vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-slide {
    padding-left: 5.33vw;
    padding-right: 5.33vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-slide-active {
    z-index: 10;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-next,
[data-page=copy] #copyEvo #evolution .swiper-button-prev {
    top: 106.67vw;
    width: 5.6vw;
    height: 9.6vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-prev {
    left: 2vw;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-next {
    right: 2vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb {
    width: calc(25% - 0.67vw);
    margin-bottom: 4.27vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figure:before {
    width: 100%;
    height: 0;
    padding-top: calc(100% - 8px);
    border: 4px solid #f6d706;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb .main {
    margin-bottom: 1.33vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption {
    height: 4vw;
    border-radius: 2vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption img {
    height: 2.27vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 {
    width: calc(50% - 0.67vw);
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figure:before {
    width: 44vw;
    border-radius: 10.67vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figcaption img {
    height: 2.4vw;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb[data-new]:after {
    width: 9.33vw;
    height: 9.33vw;
    top: -3.2vw;
  }
  [data-page=copy] #copyEvo #evolution .ability {
    border: 2px solid #4f2807;
    border-radius: 1.33vw;
  }
  [data-page=copy] #copyEvo #evolution .ability:after {
    right: -5.33vw;
  }
  [data-page=copy] #copyEvo #evolution .ability.new:before {
    width: 27.73vw;
    height: 7.47vw;
    top: -7.47vw;
    left: -0.53vw;
  }
  [data-page=copy] #copyEvo #evolution .chara {
    width: 45.33vw;
    height: 45.33vw;
  }
  [data-page=copy] #copyEvo #evolution .chara img,
[data-page=copy] #copyEvo #evolution .txt img {
    max-width: none;
    max-width: initial;
  }
  [data-page=copy] #copyEvo #evolution .movie {
    width: 80.8vw;
    height: 45.47vw;
  }
  [data-page=copy] #copyEvo #evolution .before,
[data-page=copy] #copyEvo #evolution .after {
    border-radius: 2.67vw;
    border: 0.27vw solid rgba(255, 255, 255, .7);
    padding: 4vw;
  }
  [data-page=copy] #copyEvo #evolution .before {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 20vw;
  }
  [data-page=copy] #copyEvo #evolution .before .ability {
    width: 31.2vw;
    height: 8vw;
    font-size: 3.73vw;
  }
  [data-page=copy] #copyEvo #evolution .before .ability:after {
    width: 4.53vw;
    height: 4.4vw;
  }
  [data-page=copy] #copyEvo #evolution .before .detail {
    padding-top: 2.67vw;
  }
  [data-page=copy] #copyEvo #evolution .before .chara {
    position: relative;
    top: 0;
    left: 0;
  }
  [data-page=copy] #copyEvo #evolution .after {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [data-page=copy] #copyEvo #evolution .after .ability {
    width: 37.87vw;
    height: 8vw;
    font-size: 3.73vw;
  }
  [data-page=copy] #copyEvo #evolution .after .ability:after {
    width: 4.13vw;
    height: 4.27vw;
  }
  [data-page=copy] #copyEvo #evolution .after .detail {
    padding-bottom: 2.67vw;
  }
  [data-page=copy] #copyEvo #evolution .after .chara {
    position: relative;
    top: 0;
    left: 0;
  }
  [data-page=copy] #copyEvo #evolution .new_copy:before,
[data-page=copy] #copyEvo #evolution .old_copy:before {
    background: url(../img/common/ic_arrow_down.svg) no-repeat 0 0;
    background-size: 100% auto;
    width: 8vw;
    height: 26.67vw;
    top: 97.33vw;
    z-index: 5;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .label_star,
[data-page=copy] #copyEvo #evolution .old_copy .label_star {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 93.33vw;
    z-index: 5;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .label_star:after,
[data-page=copy] #copyEvo #evolution .old_copy .label_star:after {
    width: 22.67vw;
    height: 21.87vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .after .detail,
[data-page=copy] #copyEvo #evolution .old_copy .after .detail {
    width: 100%;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before {
    width: 100%;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .detail {
    width: 100%;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .detail .ability {
    bottom: 4vw;
    right: 5.33vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .txt {
    top: 11.33vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .after .chara {
    margin-left: auto;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .after .txt {
    top: 20vw;
    left: 0;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before {
    width: 100%;
    height: 102.13vw;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .chara {
    top: 0;
    left: 0;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .frame {
    width: 80.8vw;
    height: 45.47vw;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .ability {
    top: 72vw;
    left: 47.33vw;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .after .chara {
    margin-left: auto;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%;
    height: 102.13vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .frame {
    width: 80.8vw;
    height: 45.47vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .ability {
    top: 24.67vw;
    left: 52.67vw;
    width: 31.2vw;
    height: 8vw;
    font-size: 3.2vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .chara {
    width: 45.33vw;
    height: 45.33vw;
    top: 0;
    left: 0;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before:nth-child(1) {
    margin-bottom: 20vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before:nth-child(2) {
    margin-bottom: 0;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before:nth-child(2) .ability {
    left: 4.67vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before:nth-child(2) .chara {
    margin-left: auto;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before.reverse .ability {
    left: 4.67vw;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before.reverse .chara {
    left: 0;
    right: 0;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .before .txt {
    width: 35.2vw;
    height: 15.47vw;
    left: 46.4vw;
    top: 12vw;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .before .chara img {
    width: 60.8vw;
    height: 50.13vw;
    top: -5.6vw;
    left: 5.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .after .txt {
    width: 37.6vw;
    height: 19.73vw;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .after .chara img {
    width: 96.4vw;
    height: 69.2vw;
    top: -18.67vw;
    left: -33.73vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .before .txt {
    width: 30.4vw;
    height: 17.33vw;
    left: 46vw;
    top: 7.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .before .chara img {
    width: 46.4vw;
    height: 44.8vw;
    top: -2.67vw;
    left: -2.67vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .after .txt {
    width: 51.07vw;
    height: 20vw;
    top: 17.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .after .chara img {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    width: 52.53vw;
    height: 62.67vw;
    top: -14.67vw;
    left: 1.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .before .chara img {
    width: 41.33vw;
    height: 64.8vw;
    top: -19.33vw;
    left: 0.8vw;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .after .txt {
    width: 39.07vw;
    height: 18.93vw;
    top: 19.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .after .chara img {
    width: 50vw;
    height: 70.8vw;
    top: -18.93vw;
    left: 0.27vw;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .before .chara img {
    width: 58vw;
    height: 49.47vw;
    top: -2vw;
    left: -11.2vw;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .after .txt {
    width: 38.4vw;
    height: 21.07vw;
    top: 17.33vw;
    left: 0;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .after .chara img {
    width: 49.87vw;
    height: 59.2vw;
    top: -9.47vw;
    left: -0.8vw;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .before .chara img {
    width: 49.47vw;
    height: 44.27vw;
    top: 0.53vw;
    left: -1.07vw;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .after .txt {
    width: 36.93vw;
    height: 23.33vw;
    top: 16.67vw;
    left: -0.67vw;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .after .chara img {
    width: 92.53vw;
    height: 56.8vw;
    top: -8.93vw;
    left: -27.47vw;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .before .chara img {
    width: 64.13vw;
    height: 41.33vw;
    top: 4vw;
    left: -16vw;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .after .txt {
    width: 48.93vw;
    height: 19.6vw;
    top: 18.67vw;
    left: 0;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .after .chara img {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    width: 126.53vw;
    height: 84.93vw;
    top: -8.13vw;
    left: -58.8vw;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .before .chara img {
    width: 51.73vw;
    height: 65.6vw;
    top: -20.53vw;
    left: -7.6vw;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .after .txt {
    width: 37.47vw;
    height: 21.33vw;
    top: 17.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .after .chara img {
    width: 71.2vw;
    height: 63.07vw;
    top: -12vw;
    left: -19.6vw;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .before .chara img {
    width: 47.73vw;
    height: 47.6vw;
    top: -7.07vw;
    left: -3.33vw;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .after .txt {
    width: 49.33vw;
    height: 23.07vw;
    top: 16.67vw;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .after .chara img {
    width: 60.93vw;
    height: 65.2vw;
    top: -13.87vw;
    left: -4.67vw;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .before .chara img {
    width: 63.07vw;
    height: 70.8vw;
    top: -10.93vw;
    left: -4.13vw;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .after .txt {
    width: 42.8vw;
    height: 18.53vw;
    top: 18.67vw;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .after .chara img {
    width: 55.6vw;
    height: 74.53vw;
    top: -24.13vw;
    left: -2vw;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .before .chara img {
    width: 46.93vw;
    height: 65.87vw;
    top: -10.8vw;
    left: -3.2vw;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .after .txt {
    width: 39.2vw;
    height: 28.13vw;
    top: 14vw;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .after .chara img {
    width: 62.53vw;
    height: 69.73vw;
    top: -19.47vw;
    left: -2.53vw;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .label_star,
[data-page=copy] #copyEvo #evolution .old_copy .label_star {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  [data-page=copy] #copyMoreEvo {
    margin-top: -8vw;
  }
  [data-page=copy] #copyMoreEvo .sec_inner {
    padding: 8vw 0 16vw;
  }
  [data-page=copy] #copyMoreEvo h2 {
    margin-bottom: 6.67vw;
  }
  [data-page=copy] #copyMoreEvo h2 img {
    height: 8.27vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit {
    width: 66.67vw;
    margin-bottom: 8vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.right, [data-page=copy] #copyMoreEvo .contents .unit.left {
    margin: 0 0 8vw 0;
  }
  [data-page=copy] #copyMoreEvo .contents .unit .frame {
    width: 66.67vw;
    height: 37.6vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit .label_title {
    bottom: -3.33vw;
    width: 53.33vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: auto;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u1 .chara {
    width: 63.2vw;
    height: 54.53vw;
    top: -14.67vw;
    left: -38vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u2 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-left: auto;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u2 .chara {
    width: 26.53vw;
    height: 35.2vw;
    top: 4vw;
    left: -23.33vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u3 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 0;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u3 .chara {
    width: 34.4vw;
    height: 36vw;
    top: 3.33vw;
    right: -23.33vw;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-left: 0;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.u4 .chara {
    width: 35.07vw;
    height: 44.53vw;
    top: -5.33vw;
    right: -26.67vw;
  }
  [data-page=copy] #modal #modalInner {
    padding-top: 0;
  }
  [data-page=copy] #modal #modalContents {
    max-width: 84vw;
    padding-left: 0;
    padding-right: 0;
  }
  [data-page=copy] #modal #sleepCrash {
    min-height: 0;
    min-height: initial;
    padding: 6.67vw 0;
    margin-bottom: 2vw;
    margin-top: -6.67vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title {
    width: 42vw;
    margin-bottom: 8vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title:before {
    bottom: -1.73vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title .title {
    width: 33.73vw;
    height: 7.73vw;
  }
  [data-page=copy] #modal #sleepCrash .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .bg_obj1:before, [data-page=copy] #modal #sleepCrash .once_copy .bg_obj1:after,
[data-page=copy] #modal #sleepCrash .once_copy .bg_obj2:before,
[data-page=copy] #modal #sleepCrash .once_copy .bg_obj2:after,
[data-page=copy] #modal #sleepCrash .once_copy .bg_star:before,
[data-page=copy] #modal #sleepCrash .once_copy .bg_star:after {
    -webkit-animation-play-state: paused !important;
            animation-play-state: paused !important;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before {
    height: 99.47vw;
    width: 100%;
    border-radius: 2.67vw;
    border: 0.27vw solid rgba(255, 255, 255, .7);
    padding: 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0 auto 20vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .bg {
    border-width: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 1.87vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .frame {
    width: 74.4vw;
    height: 41.87vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability {
    top: 24.67vw;
    left: 52.67vw;
    width: 31.2vw;
    height: 8vw;
    font-size: 3.73vw;
    border: 2px solid #4f2807;
    border-radius: 1.33vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability:after {
    right: -5.33vw;
    width: 4.53vw;
    height: 4.4vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .chara {
    width: 45.33vw;
    height: 45.33vw;
    position: relative;
    top: 0;
    left: 0;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(1) {
    margin-bottom: 4vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(2) {
    margin-bottom: 0;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(2) .ability {
    left: 4.67vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(2) .chara {
    margin-left: auto;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.reverse .ability {
    left: 4.67vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.reverse .chara {
    left: 0;
    right: 0;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.cu11 .ability {
    width: 24.8vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.cu11 .chara img {
    width: 58vw;
    height: 53.87vw;
    top: -11.07vw;
    left: -4vw;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.cu12 .chara img {
    width: 50.53vw;
    height: 68.53vw;
    top: -13.87vw;
    left: -2.93vw;
  }
  [data-page=town] #town {
    background: url(../img/town/bg_town_sp.jpg) no-repeat 50% 0;
    background-size: cover;
    height: 242.67vw;
  }
  [data-page=town] #town:before {
    display: none;
  }
  [data-page=town] #town .bg {
    top: 64.53vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 45.33vw;
    z-index: 1;
    border: 2px solid #d84058;
    border-radius: 2.67vw;
    overflow: hidden;
  }
  [data-page=town] #town .sec_inner {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    padding: 24vw 0 13.33vw;
    position: relative;
    top: 0;
    left: 0;
    z-index: 5;
  }
  [data-page=town] #town header {
    max-width: 89.33vw;
  }
  [data-page=town] #town header .main_title {
    width: 91.07vw;
    margin: 0 auto 10vw;
  }
  [data-page=town] #town header .main_title .title {
    height: 8vw;
    margin-top: -1.33vw;
  }
  [data-page=town] #town header .main_title .label {
    width: 91.07vw;
    height: 10.53vw;
  }
  [data-page=town] #town header .chara {
    z-index: 5;
  }
  [data-page=town] #town header .chara img {
    width: 100%;
  }
  [data-page=town] #town header .chara.c1 {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    width: 18.93vw;
    height: 15.6vw;
    top: 34.67vw;
    left: -4.67vw;
  }
  [data-page=town] #town header .chara.c2 {
    width: 16.4vw;
    height: 18.4vw;
    top: 70.67vw;
    right: -4.67vw;
  }
  [data-page=town] #town .points {
    top: 64.53vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 45.33vw;
    z-index: 10;
  }
  [data-page=town] #town .points:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
  }
  [data-page=town] #town .sp_points {
    position: absolute;
    top: 64.53vw;
    left: 5.33vw;
    width: 89.33vw;
    height: 45.33vw;
    z-index: 20;
  }
  [data-page=town] #town .sp_points a {
    display: block;
    position: absolute;
  }
  [data-page=town] #town .sp_points .pt1 {
    width: 13.33vw;
    height: 9.33vw;
    top: 38%;
    left: 32%;
  }
  [data-page=town] #town .sp_points .pt2 {
    width: 13.33vw;
    height: 8vw;
    top: 19%;
    left: 76%;
  }
  [data-page=town] #town .sp_points .pt3 {
    width: 12vw;
    height: 9.33vw;
    top: 38%;
    left: 51%;
  }
  [data-page=town] #town .sp_points .pt4 {
    width: 32vw;
    height: 8vw;
    top: 17%;
    left: 36%;
  }
  [data-page=town] #town .sp_points .pt5 {
    width: 14.67vw;
    height: 10.67vw;
    top: 44%;
    left: 5%;
  }
  [data-page=town] #town .sp_points .pt6 {
    width: 14.67vw;
    height: 10.67vw;
    top: 60%;
    left: 59%;
  }
  [data-page=town] #town .sp_points .pt7 {
    width: 8vw;
    height: 8vw;
    top: 36%;
    left: 22%;
  }
  [data-page=town] #town .sp_points .pt8 {
    width: 10.67vw;
    height: 9.33vw;
    top: 38%;
    left: 65%;
  }
  [data-page=town] #town .sp_points .pt9 {
    width: 16vw;
    height: 6.67vw;
    top: 85%;
    left: 65%;
  }
  [data-page=town] #town .sp_points .pt10 {
    width: 16vw;
    height: 9.33vw;
    top: 65%;
    left: 31%;
  }
  [data-page=town] #town .point {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
    width: 7.33vw;
    height: 8.67vw;
  }
  [data-page=town] #town .point .point_inner {
    width: 7.33vw;
    height: 7.33vw;
    border-radius: 3.6vw;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="3" dy="3" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
  }
  [data-page=town] #town .point .point_inner:before {
    border-width: 1.6vw 1vw 0 1vw;
    bottom: -1.33vw;
  }
  [data-page=town] #town .point .plus {
    display: none;
  }
  [data-page=town] #town .point a {
    border: 2px solid #d84058;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 3.6vw;
    padding-left: 4vw;
  }
  [data-page=town] #town .point a:before {
    display: none;
  }
  [data-page=town] #town .point a:after {
    display: none;
  }
  [data-page=town] #town .point a .star {
    width: 2.93vw;
    height: 2.93vw;
  }
  [data-page=town] #town .point .name {
    display: none;
  }
  [data-page=town] #town .point.pin.active, [data-page=town] #town .point.active, [data-page=town] #town .point:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
  [data-page=town] #town .point.pin.active a, [data-page=town] #town .point.active a, [data-page=town] #town .point:hover a {
    background-color: #d84058;
    overflow: hidden;
  }
  [data-page=town] #town .point.pin.active a .star, [data-page=town] #town .point.active a .star, [data-page=town] #town .point:hover a .star {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
  }
  [data-page=town] #town .point.pin {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
    visibility: hidden;
  }
  [data-page=town] #town .p1 {
    top: 10.27vw;
    left: 30.67vw;
  }
  [data-page=town] #town .p1.active .point_inner, [data-page=town] #town .p1:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p2 {
    top: 2.67vw;
    left: 74vw;
  }
  [data-page=town] #town .p2.active .point_inner, [data-page=town] #town .p2:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p3 {
    top: 12vw;
    left: 48vw;
  }
  [data-page=town] #town .p3.active .point_inner, [data-page=town] #town .p3:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p4 {
    top: 2vw;
    left: 37.33vw;
  }
  [data-page=town] #town .p4.active .point_inner, [data-page=town] #town .p4:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p5 {
    top: 12vw;
    left: 8.67vw;
  }
  [data-page=town] #town .p5.active .point_inner, [data-page=town] #town .p5:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p6 {
    top: 20vw;
    left: 54vw;
  }
  [data-page=town] #town .p6.active .point_inner, [data-page=town] #town .p6:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p7 {
    top: 11.33vw;
    left: 16.67vw;
  }
  [data-page=town] #town .p7.active .point_inner, [data-page=town] #town .p7:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p8 {
    top: 11.33vw;
    left: 58vw;
  }
  [data-page=town] #town .p8.active .point_inner, [data-page=town] #town .p8:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p9 {
    top: 30.67vw;
    left: 64vw;
  }
  [data-page=town] #town .p9.active .point_inner, [data-page=town] #town .p9:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town .p10 {
    top: 22vw;
    left: 36vw;
  }
  [data-page=town] #town .p10.active .point_inner, [data-page=town] #town .p10:hover .point_inner {
    width: 7.33vw;
  }
  [data-page=town] #town #modal {
    background-color: transparent;
    opacity: 1 !important;
    visibility: visible !important;
    top: 114vw;
    left: 0;
    width: 100%;
    height: 122.67vw;
    padding: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .bg_obj1,
[data-page=town] #town #modal .bg_obj2,
[data-page=town] #town #modal .bg_star {
    display: none;
  }
  [data-page=town] #town #modal .btn_more {
    display: none;
  }
  [data-page=town] #town #modal #modalInner {
    padding: 0;
    margin: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal #modalContents {
    padding-right: 0;
    padding-left: 0;
  }
  [data-page=town] #town #modal .btn_close {
    display: none;
  }
  [data-page=town] #town #modal #townPoint {
    margin-bottom: 0;
  }
  [data-page=town] #town #modal .swiper-container {
    overflow: visible;
    overflow: initial;
  }
  [data-page=town] #town #modal .swiper-button-next,
[data-page=town] #town #modal .swiper-button-prev {
    top: 105.6vw;
    width: 5.6vw;
    height: 9.6vw;
    z-index: 10;
  }
  [data-page=town] #town #modal .swiper-button-prev {
    left: 10vw;
  }
  [data-page=town] #town #modal .swiper-button-next {
    right: 10vw;
  }
  [data-page=town] #town #modal .swiper-pagination {
    top: 109.33vw;
  }
  [data-page=town] #town #modal .swiper-pagination .swiper-pagination-bullet {
    width: 2.67vw;
    height: 2.67vw;
    margin: 0 1.07vw;
  }
  [data-page=town] #town #modal .swiper-pagination .swiper-pagination-bullet-active {
    border: 1px solid #d84058;
  }
  [data-page=town] #town #modal .swiper-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .swiper-slide {
    width: 84.67vw;
    pointer-events: initial;
  }
  [data-page=town] #town #modal .swiper-slide.swiper-slide-prev, [data-page=town] #town #modal .swiper-slide.swiper-slide-next {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  [data-page=town] #town #modal .swiper-slide.swiper-slide-active {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    z-index: 5;
  }
  [data-page=town] #town #modal .slide {
    border-radius: 2.4vw;
    width: 80vw;
    margin: auto;
    padding: 2px;
  }
  [data-page=town] #town #modal .slide .slide_inner {
    border: 2px solid #d84058;
    border-radius: 2.4vw;
    width: 100%;
    height: 100%;
    padding: 6vw 4.67vw 7.33vw;
    z-index: 1;
  }
  [data-page=town] #town #modal .slide .slide_inner:before {
    background-size: 1.47vw 1.47vw;
    width: 16vw;
    height: 16vw;
    border-radius: 2.4vw 0 0 0;
  }
  [data-page=town] #town #modal .slide .slide_inner:after {
    background-size: 1.07vw 1.07vw;
    width: 16vw;
    height: 16vw;
    border-radius: 0 0 2.4vw 0;
  }
  [data-page=town] #town #modal .slide .basic_title {
    margin-bottom: 5.33vw;
  }
  [data-page=town] #town #modal .slide .basic_title:before {
    bottom: -1.73vw;
  }
  [data-page=town] #town #modal .slide .basic_title.ruby {
    margin-top: -2.13vw;
  }
  [data-page=town] #town #modal .slide .contents {
    display: block;
  }
  [data-page=town] #town #modal .slide .contents .frame {
    width: 69.33vw;
    height: 39.07vw;
    margin-bottom: 5.33vw;
  }
  [data-page=town] #town #modal .slide .contents .txt {
    width: 100%;
    font-size: 3.73vw;
    font-weight: normal;
    text-align: center;
  }
  [data-page=town] #town #modal .slide .contents .txt a {
    border-bottom: 1px solid #d84058;
  }
  [data-page=town] #town #modal .slide .contents .txt span {
    font-size: 2.67vw;
    margin-top: 2.67vw;
  }
  [data-page=town] #town #modal .slide .gallery {
    display: none;
  }
  [data-page=town] #town #modal .slide .auto_gallery {
    position: relative;
    margin-bottom: 5.33vw;
  }
  [data-page=town] #town #modal .slide .auto_gallery figure {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
  }
  [data-page=town] #town #modal .slide .auto_gallery figure.active {
    opacity: 1;
    visibility: visible;
  }
  [data-page=town] #town #modal .slide.s1 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s1 .basic_title {
    width: 56.27vw;
  }
  [data-page=town] #town #modal .slide.s1 .basic_title img {
    height: 6.93vw;
  }
  [data-page=town] #town #modal .slide.s1 .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=town] #town #modal .slide.s1 .chara.c1 {
    width: 34.4vw;
    height: 23.47vw;
    top: 9.6vw;
    right: -10vw;
  }
  [data-page=town] #town #modal .slide.s1 .chara.c2 {
    width: 27.2vw;
    height: 24.53vw;
    bottom: auto;
    top: 37.73vw;
    left: -8.8vw;
  }
  [data-page=town] #town #modal .slide.s2 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s2 .basic_title {
    width: 60.8vw;
  }
  [data-page=town] #town #modal .slide.s2 .basic_title img {
    height: 6.93vw;
  }
  [data-page=town] #town #modal .slide.s2 .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=town] #town #modal .slide.s2 .txt img {
    width: 45.07vw;
    height: 16.53vw;
    margin-top: 2vw;
  }
  [data-page=town] #town #modal .slide.s3 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s3 .basic_title {
    width: 49.33vw;
  }
  [data-page=town] #town #modal .slide.s3 .basic_title img {
    height: 4.8vw;
  }
  [data-page=town] #town #modal .slide.s3 .txt {
    padding-top: 0;
    font-size: 3.73vw;
  }
  [data-page=town] #town #modal .slide.s3 .chara.c1 {
    width: 23.33vw;
    height: 20.93vw;
    top: 8vw;
    right: -4.67vw;
  }
  [data-page=town] #town #modal .slide.s3 .chara.c2 {
    width: 21.73vw;
    height: 17.47vw;
    bottom: auto;
    top: 45.33vw;
    left: -4.67vw;
  }
  [data-page=town] #town #modal .slide.s4 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s4 .basic_title {
    width: 36vw;
  }
  [data-page=town] #town #modal .slide.s4 .basic_title img {
    height: 4.27vw;
  }
  [data-page=town] #town #modal .slide.s4 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s4 .txt {
    padding-top: 0;
  }
  [data-page=town] #town #modal .slide.s4 .chara.c1 {
    width: 37.73vw;
    height: 35.47vw;
    bottom: auto;
    top: 29.33vw;
    left: -10vw;
  }
  [data-page=town] #town #modal .slide.s5 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s5 .basic_title {
    width: 56vw;
  }
  [data-page=town] #town #modal .slide.s5 .basic_title img {
    height: 4.8vw;
  }
  [data-page=town] #town #modal .slide.s5 .txt {
    padding-top: 0;
    padding-left: 0;
  }
  [data-page=town] #town #modal .slide.s5 .chara.c1 {
    width: 21.87vw;
    height: 20.4vw;
    bottom: 18.4vw;
    left: -4.67vw;
  }
  [data-page=town] #town #modal .slide.s6 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s6 .basic_title {
    width: 46.67vw;
  }
  [data-page=town] #town #modal .slide.s6 .basic_title img {
    height: 4.8vw;
  }
  [data-page=town] #town #modal .slide.s6 .txt {
    padding-top: 0;
  }
  [data-page=town] #town #modal .slide.s6 .chara.c1 {
    width: 24.53vw;
    height: 18.93vw;
    bottom: 22.67vw;
    left: -4.67vw;
  }
  [data-page=town] #town #modal .slide.s6 .chara.c2 {
    width: 17.87vw;
    height: 17.6vw;
    bottom: 48vw;
    left: auto;
    right: -4vw;
  }
  [data-page=town] #town #modal .slide.s7 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s7 .basic_title {
    width: 42vw;
  }
  [data-page=town] #town #modal .slide.s7 .basic_title img {
    height: 4.8vw;
  }
  [data-page=town] #town #modal .slide.s7 .frame {
    width: 52vw;
    height: 29.33vw;
    margin-left: auto;
  }
  [data-page=town] #town #modal .slide.s7 .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  [data-page=town] #town #modal .slide.s7 .txt p {
    padding-top: 12vw;
    text-align: left;
  }
  [data-page=town] #town #modal .slide.s7 .txt .i1 {
    top: -34vw;
    left: -3.33vw;
    width: 22vw;
    height: 38.93vw;
    margin-left: 3.33vw;
  }
  [data-page=town] #town #modal .slide.s7 .txt .i2 {
    position: absolute;
    top: -10.67vw;
    right: 1.33vw;
    width: 32.67vw;
    height: 18.53vw;
    margin-top: 0;
  }
  [data-page=town] #town #modal .slide.s7 .chara.c1 {
    width: 22.53vw;
    height: 20.67vw;
    top: 7.33vw;
    right: -3.33vw;
  }
  [data-page=town] #town #modal .slide.s7 .chara.c2 {
    width: 30.8vw;
    height: 24vw;
    bottom: -4vw;
    left: -4.67vw;
  }
  [data-page=town] #town #modal .slide.s8 {
    height: auto;
  }
  [data-page=town] #town #modal .slide.s8 .basic_title {
    width: 52vw;
  }
  [data-page=town] #town #modal .slide.s8 .basic_title img {
    height: 6.93vw;
  }
  [data-page=town] #town #modal .slide.s8 .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=town] #town #modal .slide.s8 .txt {
    padding-right: 0;
    padding-top: 0;
  }
  [data-page=town] #town #modal .slide.s8 .chara.c1 {
    width: 20vw;
    height: 19.33vw;
    top: 20.93vw;
    right: -5.33vw;
  }
  [data-page=town] #subgame {
    margin-top: -8vw;
  }
  [data-page=town] #subgame .sec_inner {
    padding: 10.67vw 0 13.33vw;
  }
  [data-page=town] #subgame header {
    max-width: 69.33vw;
    margin: 0 auto 8.67vw;
  }
  [data-page=town] #subgame header .basic_title {
    width: 69.33vw;
  }
  [data-page=town] #subgame header .basic_title .title {
    width: 57.07vw;
    height: 7.33vw;
  }
  [data-page=town] #subgame header .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=town] #subgame header .chara.c1 {
    width: 19.07vw;
    height: 20.27vw;
    top: -7.33vw;
    right: -14.67vw;
    z-index: 5;
  }
  [data-page=town] #subgame .contents {
    display: block;
    padding: 0 4.67vw;
  }
  [data-page=town] #subgame .contents .unit {
    border-radius: 2.67vw;
    width: 80vw;
    position: relative;
    -webkit-box-shadow: 2px 2px 0 rgba(52, 52, 52, .2);
            box-shadow: 2px 2px 0 rgba(52, 52, 52, .2);
    padding: 1.07vw 1.07vw 0 1.07vw;
    margin-bottom: 5.33vw;
  }
  [data-page=town] #subgame .contents .unit:last-of-type {
    margin-bottom: 0;
  }
  [data-page=town] #subgame .contents .unit:before {
    background-size: 1.47vw 1.47vw;
    width: 11.33vw;
    height: 11.33vw;
    border-radius: 2.67vw 0 0 0;
  }
  [data-page=town] #subgame .contents .unit:after {
    background-size: 1.07vw 1.07vw;
    width: 11.33vw;
    height: 11.33vw;
    border-radius: 0 0 2.67vw 0;
  }
  [data-page=town] #subgame .contents .unit .txt {
    top: -2vw;
    left: -4.67vw;
  }
  [data-page=town] #subgame .contents .unit figure {
    border-radius: 1.33vw 1.33vw 0 0;
    height: 43.33vw;
  }
  [data-page=town] #subgame .contents .unit .name {
    height: 13.6vw;
    font-size: 4.53vw;
  }
  [data-page=town] #subgame .contents .u1 .txt {
    width: auto;
    height: 21.47vw;
  }
  [data-page=town] #subgame .contents .u1 .obj {
    height: 12.8vw;
    top: 36vw;
    right: -4.67vw;
  }
  [data-page=town] #subgame .contents .u2 .txt {
    width: auto;
    height: 14.8vw;
  }
  [data-page=town] #subgame .contents .u3 .txt {
    width: auto;
    height: 18.27vw;
  }
  [data-page=town] #knowing {
    margin-top: -8vw;
  }
  [data-page=town] #knowing .sec_inner {
    padding: 10.67vw 0 13.33vw;
  }
  [data-page=town] #knowing header {
    max-width: 89.33vw;
    margin: 0 auto 8vw;
  }
  [data-page=town] #knowing header .basic_title {
    width: 61.33vw;
  }
  [data-page=town] #knowing header .basic_title .title {
    width: 47.07vw;
    height: 5.07vw;
  }
  [data-page=town] #knowing header .basic_title .star {
    margin-top: -0.53vw;
  }
  [data-page=town] #knowing header .chara.c1 {
    width: 19.07vw;
    height: 18.4vw;
    top: -6.4vw;
    left: -3.33vw;
  }
  [data-page=town] #knowing header .chara.c2 {
    width: 17.73vw;
    height: 18.27vw;
    top: -5.33vw;
    right: -3.33vw;
  }
  [data-page=town] #knowing .contents {
    border-radius: 2.67vw;
    -webkit-box-shadow: 2px 2px 0 rgba(52, 52, 52, .2);
            box-shadow: 2px 2px 0 rgba(52, 52, 52, .2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 1.33vw;
    max-width: 80vw;
  }
  [data-page=town] #knowing .contents .frame {
    width: 77.33vw;
    height: 43.6vw;
    border-radius: 1.33vw;
  }
  [data-page=town] #knowing .contents .txt {
    width: 100%;
    padding: 4vw;
  }
  [data-page=town] #knowing .contents .txt .main {
    font-size: 3.2vw;
    margin-bottom: 2vw;
  }
  [data-page=town] #knowing .contents .txt .note {
    font-size: 2.67vw;
    line-height: 1.5;
    padding-left: 2.4vw;
    text-indent: -2.4vw;
  }
  [data-page=mouthful] #mouthful .sec_inner {
    padding: 24vw 0 18.67vw;
  }
  [data-page=mouthful] #mouthful header {
    margin-bottom: 8vw;
  }
  [data-page=mouthful] #mouthful header .main_title {
    width: 72.93vw;
    margin: 0 auto 10.67vw;
  }
  [data-page=mouthful] #mouthful header .main_title .title {
    height: 5.73vw;
  }
  [data-page=mouthful] #mouthful header .main_title .label {
    width: 72.93vw;
    height: 10.93vw;
  }
  [data-page=mouthful] #mouthful header .obj {
    z-index: 5;
  }
  [data-page=mouthful] #mouthful header .obj.o1 {
    width: 16.8vw;
    height: 16.8vw;
    top: 0;
    left: -2.67vw;
  }
  [data-page=mouthful] #mouthful header .obj.o2 {
    width: 16.13vw;
    height: 17.2vw;
    top: 0;
    right: -2.67vw;
  }
  [data-page=mouthful] #mouthful .introduction {
    margin-bottom: 24vw;
    height: 43.47vw;
  }
  [data-page=mouthful] #mouthful .introduction .chara.c1 {
    width: 54.67vw;
    height: 49.33vw;
    top: 7.2vw;
    left: -4.27vw;
  }
  [data-page=mouthful] #mouthful .introduction .movie {
    -webkit-mask-size: 117.2vw 43.6vw;
            mask-size: 117.2vw 43.6vw;
    width: 117.2vw;
    height: 43.6vw;
    position: absolute;
    top: 0;
    left: 10.67vw;
  }
  [data-page=mouthful] #mouthful .txt_more .star {
    width: 4.67vw;
    height: 4.67vw;
  }
  [data-page=mouthful] #mouthful .txt_more .star.s1 {
    margin-right: 2.93vw;
  }
  [data-page=mouthful] #mouthful .txt_more .star.s2 {
    margin-left: 2.93vw;
  }
  [data-page=mouthful] #mouthful .txt_more img {
    height: 12.13vw;
  }
  [data-page=mouthful] #mouthful .unit {
    margin: 0 0 22.67vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [data-page=mouthful] #mouthful .unit .frame {
    width: 89.33vw;
    height: 51.33vw;
    -webkit-box-shadow: 2px 2px 0 rgba(52, 52, 52, .2);
            box-shadow: 2px 2px 0 rgba(52, 52, 52, .2);
    z-index: 1;
  }
  [data-page=mouthful] #mouthful .unit .detail {
    width: 100%;
    z-index: 5;
    margin-bottom: 5.33vw;
  }
  [data-page=mouthful] #mouthful .unit .item {
    width: 26.67vw;
    height: 26.67vw;
    margin-bottom: 4vw;
  }
  [data-page=mouthful] #mouthful .unit .item:before {
    width: 10.53vw;
    height: 5.73vw;
    right: -13.33vw;
  }
  [data-page=mouthful] #mouthful .unit .name {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="3" dy="3" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(2px 2px 0 rgba(52, 52, 52, .5));
    width: 56vw;
    height: 8vw;
    border-radius: 4vw;
  }
  [data-page=mouthful] #mouthful .unit .name:before {
    width: 8.67vw;
    height: 6.93vw;
    -webkit-clip-path: polygon(0 0, 65% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 65% 0, 100% 100%, 0 100%);
    top: 2px;
    left: 2px;
    border-radius: 4vw 0 0 4vw;
  }
  [data-page=mouthful] #mouthful .unit .name:after {
    background-size: 0.8vw 0.8vw;
    width: 16vw;
    border-radius: 0 3.6vw 3.6vw 0;
  }
  [data-page=mouthful] #mouthful .unit .name .name_inner {
    border: 2px solid #d84058;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 4vw;
    padding-left: 9.33vw;
  }
  [data-page=mouthful] #mouthful .unit .name .name_inner .star {
    left: 2vw;
    margin-top: -1.6vw;
  }
  [data-page=mouthful] #mouthful .unit .name img {
    height: 3.33vw;
  }
  [data-page=mouthful] #mouthful .unit:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [data-page=mouthful] #mouthful .u1 .item img {
    width: 34.67vw;
    height: 26.93vw;
    top: 2.67vw;
    left: -1.33vw;
  }
  [data-page=mouthful] #mouthful .u1 .chara {
    width: 83.87vw;
    height: 55.73vw;
    top: 1.33vw;
    left: 36vw;
  }
  [data-page=mouthful] #mouthful .u1 .txt {
    width: 55.87vw;
    height: auto;
    top: -15.33vw;
    left: 28.4vw;
  }
  [data-page=mouthful] #mouthful .u2 .item img {
    width: 31.07vw;
    height: 30.67vw;
    top: -1.33vw;
    left: 2.67vw;
  }
  [data-page=mouthful] #mouthful .u2 .chara {
    width: 52.13vw;
    height: 54.13vw;
    top: -6vw;
    left: 38.67vw;
  }
  [data-page=mouthful] #mouthful .u2 .txt {
    width: 42.27vw;
    height: auto;
    top: -13.33vw;
    left: 28vw;
  }
  [data-page=mouthful] #mouthful .u3 .item img {
    width: 28.8vw;
    height: 29.47vw;
    top: 1.73vw;
    left: 1.73vw;
  }
  [data-page=mouthful] #mouthful .u3 .chara {
    width: 54.67vw;
    height: 55.07vw;
    top: 2.67vw;
    left: 37.33vw;
  }
  [data-page=mouthful] #mouthful .u3 .txt {
    width: 52.67vw;
    height: auto;
    top: -16vw;
    left: 28.67vw;
  }
  [data-page=mouthful] #mouthful .u4 .item img {
    width: 25.73vw;
    height: 32.13vw;
    top: -3.33vw;
    left: 5.33vw;
  }
  [data-page=mouthful] #mouthful .u4 .chara {
    width: 53.87vw;
    height: 63.33vw;
    top: -12vw;
    left: 39.33vw;
  }
  [data-page=mouthful] #mouthful .u4 .txt {
    width: 43.33vw;
    height: auto;
    top: -13.33vw;
    left: 28.67vw;
  }
  [data-page=mouthful] #mouthful .u5 .item img {
    width: 27.07vw;
    height: 28.8vw;
    top: 1.73vw;
    left: 4.13vw;
  }
  [data-page=mouthful] #mouthful .u5 .chara {
    width: 52vw;
    height: 53.07vw;
    top: -1.33vw;
    left: 40vw;
  }
  [data-page=mouthful] #mouthful .u5 .txt {
    width: 62.53vw;
    height: auto;
    top: -16vw;
    left: 28.67vw;
  }
  [data-page=mouthful] #mouthful .u6 .item img {
    width: 29.47vw;
    height: 22.4vw;
    top: 2.4vw;
    left: 1.47vw;
  }
  [data-page=mouthful] #mouthful .u6 .chara {
    width: 89.33vw;
    height: 51.73vw;
    top: -5.33vw;
    left: 36vw;
  }
  [data-page=mouthful] #mouthful .u6 .txt {
    width: 49.33vw;
    height: auto;
    top: -20vw;
    left: 28.67vw;
  }
  [data-page=mouthful] #mouthful .u7 {
    margin-bottom: 13.33vw;
  }
  [data-page=mouthful] #mouthful .u7 .detail:before {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
    width: 157.2vw;
    height: 68.67vw;
    top: -6.67vw;
    left: -45.33vw;
  }
  [data-page=mouthful] #mouthful .u7 .item img {
    width: 35.07vw;
    height: 25.33vw;
    top: 3.73vw;
    left: 0;
  }
  [data-page=mouthful] #mouthful .u7 .chara {
    width: 157.2vw;
    height: 68.67vw;
    top: -6.67vw;
    left: -45.33vw;
  }
  [data-page=mouthful] #mouthful .u7 .txt {
    width: 55.07vw;
    height: auto;
    top: -14.67vw;
    left: 28.67vw;
  }
  [data-page=mouthful] #mouthful .u7 .name {
    width: 48vw;
  }
  [data-page=movie] #movie .sec_inner {
    padding: 23.33vw 0 16.67vw;
  }
  [data-page=movie] #movie header .c1 {
    width: 18vw;
    height: 17.47vw;
    top: -1.6vw;
    left: -4vw;
  }
  [data-page=movie] #movie header .c2 {
    width: 23.87vw;
    height: 19.47vw;
    top: -3.33vw;
    right: -4vw;
  }
  [data-page=movie] #movie .main_title {
    width: 71.6vw;
    margin: 0 auto 10.67vw;
  }
  [data-page=movie] #movie .main_title .title {
    height: 5.6vw;
  }
  [data-page=movie] #movie .main_title .label {
    width: 71.6vw;
    height: 10.53vw;
  }

  .p-movie-top {
    display: none !important;
  }

  .p-movie-thumb-list {
    /* 動画サムネイル群 */
  }

  .p-movie-thumb-list__item {
    /* 動画サムネイル群 */
    position: relative;
    margin-bottom: 6.67vw;
  }

  .p-movie-thumb-list__item:last-child {
    /* 動画サムネイル群 */
    margin-bottom: 0;
  }

  .p-movie-thumb-list__item[data-new=true] {
    /* 動画NEWマーク */
    position: relative;
  }

  .p-movie-thumb-frame {
    /* 動画のインラインフレーム */
  }

  .p-movie-thumb-frame.is-hidden {
    /* 動画のインラインフレーム（非表示） */
    display: none !important;
  }

  .p-movie-thumb-frame::before {
    /* 動画のインラインフレーム */
  }

  .p-movie-thumb-frame__label {
    /* 動画のインラインフレーム */
  }

  .p-movie-thumb-btn {
    /* 動画の再生ボタン */
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  .p-movie-thumb-btn > * {
    pointer-events: none;
  }

  .p-movie-thumb-img {
    /* 動画のサムネイル */
    position: relative;
    margin-bottom: 4vw;
    overflow: hidden;
  }

  .p-movie-thumb-img.is-hidden {
    /* 動画のサムネイル（非表示） */
    display: none !important;
  }

  .p-movie-thumb-img__label {
    /* 動画のサムネイル */
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  .p-movie-thumb-img__ico {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background: url(../img/common/ic_play_red.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14.67vw;
    height: 14.67vw;
    -webkit-filter: drop-shadow(0.53vw 0.4vw 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(0.53vw 0.4vw 0 rgba(52, 52, 52, .5));
  }

  .p-movie-thumb-caption {
    width: 80vw;
    min-height: 8vw;
    height: auto;
    margin: 0 auto;
  }
  .p-movie-thumb-caption .label_title {
    width: 100%;
    height: 100%;
    min-height: 8vw;
    line-height: 1.4;
  }

  .p-movie-thumb-caption__label {
    text-align: center;
  }
  .p-movie-modal {
    /* 動画モーダル */
    display: block !important;
  }

  .p-movie-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: auto;
    z-index: 10000;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: none;
  }

  body.is-movie-fixed-modal {
    /* 背景の固定 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .is-movie-opened-modal .p-movie-modal-wrap {
    opacity: 1;
  }

  .is-movie-closed-modal .p-movie-modal-wrap {
    opacity: 0;
  }

  .p-movie-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
  }

  .p-movie-modal-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .p-movie-modal-panel__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 980px;
    width: 100%;
    min-height: 100vh;
    padding: 40px 20px;
    margin: 0 auto;
  }

  .p-movie-modal__inner {
    position: relative;
    width: 100%;
  }

  .p-movie-modal-body {
    position: relative;
  }

  .p-movie-modal-frame {
    /* 動画のインラインフレーム */
    position: relative;
    background: #000;
    overflow: hidden;
  }

  .p-movie-modal-frame::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }

  .p-movie-modal-frame__label {
    /* 動画のインラインフレーム */
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .p-movie-modal-close-btn {
    /* モーダル閉じるボタン */
    position: absolute;
    top: -30px;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
  }

  .p-movie-modal-close-btn__ico {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .p-movie-modal-close-btn__ico::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #fff;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
            transform: translate3d(-50%, -50%, 0) rotate(45deg);
  }

  .p-movie-modal-close-btn__ico::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #fff;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
            transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  }
}
@media screen and (min-width: 750px) {
  #globalNavi .btn_pagetop:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  #globalNavi .nav:hover .chara img {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
  }
  #globalNavi .nav:hover .chara .star {
    -webkit-transform: translate(0, 0) rotate(5deg) scale(1);
            transform: translate(0, 0) rotate(5deg) scale(1);
    opacity: 1;
    visibility: visible;
  }
  #globalNavi .nav:hover .btn {
    background-color: #d84058;
  }
  #globalNavi .nav:hover .btn:before {
    border-color: #ffffff;
  }
  #globalNavi .nav:hover .btn img,
#globalNavi .nav:hover .btn .star {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0%) invert(100%);
            filter: brightness(0%) invert(100%);
  }
  #globalNavi .nav:hover .btn .btn_inner:before {
    background-image: url(../img/common/gnavi_line_on.gif);
  }
  #globalNavi .nav:hover .btn .btn_inner:after {
    background-image: url(../img/common/gnavi_dot_on.gif);
  }
  #globalNavi .nav.active:hover .chara img {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transform: translate(-50%, -10px);
            transform: translate(-50%, -10px);
  }
  #globalNavi .nav.active:hover .chara .star {
    -webkit-animation: rotate 3s linear infinite;
            animation: rotate 3s linear infinite;
  }
  #globalFooter .link a:hover {
    color: #f6d706;
  }
  #globalFooter .link a:hover:before {
    -webkit-animation: rotate 3s linear infinite;
            animation: rotate 3s linear infinite;
  }
  .switch_logo:hover {
    opacity: 0.6;
  }
  .site_logo:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .btn_more.blue:hover {
    background-color: #0c636d;
  }
  .btn_more.blue:hover .btn_inner:before {
    background-image: url(../img/common/gnavi_line_blue.gif);
  }
  .btn_more.blue:hover .btn_inner:after {
    background-image: url(../img/common/gnavi_dot_blue.gif);
  }
  .btn_more.green:hover {
    background-color: #0ec1b6;
  }
  .btn_more.green:hover .btn_inner:before {
    background-image: url(../img/common/gnavi_line_green.gif);
  }
  .btn_more.green:hover .btn_inner:after {
    background-image: url(../img/common/gnavi_dot_green.gif);
  }
  .btn_more:hover {
    background-color: #d84058;
  }
  .btn_more:hover img,
.btn_more:hover .star {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0%) invert(100%);
            filter: brightness(0%) invert(100%);
  }
  .btn_more:hover .btn_inner {
    border-color: #ffffff;
  }
  .btn_more:hover .btn_inner:before {
    background-image: url(../img/common/gnavi_line_on.gif);
  }
  .btn_more:hover .btn_inner:after {
    background-image: url(../img/common/gnavi_dot_on.gif);
  }
  .btn_close.blue:hover {
    background-color: #0c636d;
  }
  .btn_close.red:hover {
    background-color: #d84058;
  }
  .btn_close.green:hover {
    background-color: #0ec1b6;
  }
  .btn_close:hover:before {
    border-color: #ffffff;
  }
  .btn_close:hover .close {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0%) invert(100%);
            filter: brightness(0%) invert(100%);
  }
  [data-ytplayer] a:hover .thumb {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-ytplayer] a:hover .btn_play:before {
    background-color: #ffffff;
  }
  [data-clickmovie]:hover video {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-clickmovie]:hover .btn_play:before {
    background-color: #ffffff;
  }
  [data-page=top] #mv .site_logo:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  [data-page=top] #mv .movie .frame a:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  [data-page=top] #mv .bnr_trial:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  [data-page=top] .news .contents a:hover {
    text-decoration: underline;
  }
  [data-page=top] #banner .unit a:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-page=top] #banner .interview_unit a:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-page=top] #town .contents .unit:hover figure img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  [data-page=top] #town .contents .unit:hover .btn {
    background-color: #d84058;
  }
  [data-page=top] #town .contents .unit:hover .btn:before {
    background-image: url(../img/common/gnavi_line_on.gif);
  }
  [data-page=top] #town .contents .unit:hover .btn:after {
    background-image: url(../img/common/gnavi_dot_on.gif);
  }
  [data-page=top] #town .contents .unit:hover .btn img,
[data-page=top] #town .contents .unit:hover .btn .star {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0%) invert(100%);
            filter: brightness(0%) invert(100%);
  }
  [data-page=top] #town .amiibo:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-page=top] #packageInfo .information .ticket a:hover {
    border-color: transparent;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  [data-page=top] #packageInfo .information .soft_link .info dt:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 1;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a:hover {
    opacity: 0.7;
  }
  [data-page=top] #packageInfo .information .soft_link .online dd a:hover {
    text-decoration: none;
  }
  [data-page=top] #packageInfo .banner a:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-next:hover,
[data-page=copy] #copyEvo #evolution .swiper-button-prev:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb:hover figure:before {
    opacity: 1;
    visibility: visible;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb:hover figcaption {
    background-color: #f6d706;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb:hover figcaption img {
    -webkit-filter: initial;
            filter: initial;
  }
  [data-page=town] #town #modal .swiper-button-next:hover,
[data-page=town] #town #modal .swiper-button-prev:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  [data-page=town] #town #modal .slide .contents .txt a:hover {
    border-color: transparent;
  }
  [data-page=town] #knowing .contents .txt .note a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 1600px) {
  [data-page=about] #adventure {
    height: 106.25vw;
  }
  [data-page=about] #adventure .contents {
    height: 106.25vw;
  }
  [data-page=about] #adventure .contents .txt_2 {
    top: 91.25vw;
  }
  html {
    height: 100%;
  }

  body {
    font-size: 14px;
  }

  [data-target][slideup] {
    -webkit-transform: translateY(20px) scale(1);
            transform: translateY(20px) scale(1);
  }
  [data-target][slidedown] {
    -webkit-transform: translateY(-20px) scale(1);
            transform: translateY(-20px) scale(1);
  }
  [data-target][slideleft] {
    -webkit-transform: translateX(20px) scale(1);
            transform: translateX(20px) scale(1);
  }
  [data-target][slideright] {
    -webkit-transform: translateX(-20px) scale(1);
            transform: translateX(-20px) scale(1);
  }

  #wrapper {
    position: relative;
    overflow: hidden;
  }

  #globalNavi {
    height: 270px;
    margin-top: -70px;
  }
  #globalNavi .btn_pagetop {
    width: 103px;
    height: 99px;
    top: -60px;
  }
  #globalNavi .inner {
    padding: 45px 0 40px;
    max-width: 1360px;
  }
  #globalNavi .gnavi {
    padding-left: 8px;
    width: calc(100% - 290px);
  }
  #globalNavi .nav {
    margin-right: 10px;
  }
  #globalNavi .chara .star.s1 {
    width: 25px;
    height: 25px;
    top: -82px;
    right: 13px;
  }
  #globalNavi .chara .star.s2 {
    width: 16px;
    height: 16px;
    top: -55px;
    right: 9px;
  }
  #globalNavi .btn {
    width: 170px;
    height: 90px;
    border-radius: 20px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="4" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
  }
  #globalNavi .btn:before {
    width: 162px;
    height: 82px;
    border-radius: 18px;
    border: 3px solid #d84058;
  }
  #globalNavi .btn .btn_inner {
    width: 162px;
    height: 82px;
    border-radius: 18px;
  }
  #globalNavi .btn .btn_inner:before {
    background-size: 11px 11px;
    width: 54px;
    height: 54px;
  }
  #globalNavi .btn .btn_inner:after {
    background-size: 8px 8px;
    width: 54px;
    height: 54px;
  }
  #globalNavi .btn .star {
    width: 12px;
    height: 12px;
    margin-top: -6px;
  }
  #globalNavi .btn .star.s1 {
    left: 14px;
  }
  #globalNavi .btn .star.s2 {
    right: 14px;
  }
  #globalNavi .n_top .chara img {
    height: 80px;
    top: -62px;
  }
  #globalNavi .n_top .btn img {
    height: 19px;
  }
  #globalNavi .n_about .chara img {
    height: 80px;
    top: -82px;
  }
  #globalNavi .n_about .btn img {
    height: 19px;
  }
  #globalNavi .n_copy .chara img {
    height: 100px;
    top: -82px;
    margin-left: -15px;
  }
  #globalNavi .n_copy .btn img {
    height: 19px;
  }
  #globalNavi .n_mouthful .chara img {
    height: 95px;
    top: -82px;
  }
  #globalNavi .n_mouthful .btn img {
    height: 41px;
  }
  #globalNavi .n_town .chara img {
    height: 71px;
    top: -60px;
  }
  #globalNavi .n_town .btn img {
    height: 41px;
  }
  #globalNavi .n_movie .chara img {
    height: 80px;
    top: -69px;
  }
  #globalNavi .n_movie .btn img {
    height: 19px;
  }

  #globalFooter {
    background-color: #4f2807;
    color: #ffffff;
    position: relative;
    z-index: 10;
  }
  #globalFooter .inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 54px;
  }
  #globalFooter .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #globalFooter .link li {
    margin-right: 20px;
  }
  #globalFooter .link a {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    display: block;
    position: relative;
    padding-left: 24px;
    font-weight: bold;
  }
  #globalFooter .link a:before {
    background: url(../img/common/ic_star_white.svg) no-repeat 0 0;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7.5px;
  }
  #globalFooter .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #globalFooter .copyright {
    margin-right: 30px;
  }
  #globalFooter .sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #globalFooter .sns li {
    margin-right: 10px;
  }
  #globalFooter .sns li:last-of-type {
    margin-right: 0;
  }
  .site_logo {
    width: 282px;
    height: 189px;
  }

  .star {
    width: 24px;
    height: 24px;
  }

  .close {
    width: 30px;
    height: 30px;
  }

  .arrow_evol {
    height: 60px;
    width: 180px;
  }
  .arrow_evol .img {
    width: 130px;
    height: 130px;
  }
  .arrow_evol .star {
    width: 130px;
    height: 130px;
    margin: -65px 0 0 -65px;
  }

  [data-new=true]:before {
    width: 74px;
    height: 74px;
    top: -25px;
    right: -25px;
  }
  [data-new=true].ic_star:before {
    width: 85px;
    height: 87px;
    top: -25px;
    right: -25px;
  }

  .sec_inner {
    max-width: 1360px;
  }

  .main_title {
    height: 105px;
  }
  .main_title .title {
    height: 56px;
  }
  .main_title .title.ruby {
    height: 75px;
    margin-top: -3px;
  }
  .main_title .label {
    height: 105px;
  }
  .main_title .deco {
    height: 34px;
    bottom: -35px;
  }

  .label_title {
    width: 294px;
    height: 38px;
    font-size: 18px;
  }
  .label_title:before, .label_title:after {
    width: 8px;
  }
  .label_title:before {
    left: -8px;
  }
  .label_title:after {
    right: -8px;
  }
  .label_title img {
    height: 24px;
  }
  .label_title .star {
    width: 14px;
    height: 14px;
  }
  .label_title .star.s1 {
    left: 20px;
  }
  .label_title .star.s2 {
    right: 20px;
  }
  .label_title.shadow {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.3)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
            filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
  }
  .label_title.large {
    width: 570px;
    height: 48px;
    font-size: 26px;
  }
  .label_title.txt {
    height: 48px;
    font-size: 28px;
    font-weight: bold;
  }

  .basic_title:before {
    height: 5px;
    border-radius: 2.5px;
    bottom: -23px;
    -webkit-box-shadow: 4px 0 0 rgba(0, 0, 0, .2);
            box-shadow: 4px 0 0 rgba(0, 0, 0, .2);
  }
  .basic_title .star {
    margin-top: -12px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 0 0 rgba(0, 0, 0, .2));
            filter: drop-shadow(4px 0 0 rgba(0, 0, 0, .2));
  }

  .lead {
    font-size: 26px;
  }

  .btn_more {
    width: 473px;
    height: 70px;
    border-radius: 35px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="4" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
  }
  .btn_more img {
    height: 24px;
  }
  .btn_more .star {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
  .btn_more .star.s1 {
    left: 20px;
  }
  .btn_more .star.s2 {
    right: 20px;
  }
  .btn_more .btn_inner {
    border-radius: 32px;
  }
  .btn_more .btn_inner:before {
    background-size: 8px 8px;
    width: 102px;
  }
  .btn_more .btn_inner:after {
    background-size: 6px 6px;
    width: 102px;
  }

  .btn_play {
    width: 102px;
    height: 102px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="4" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .2));
            filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .2));
  }

  .btn_close {
    width: 90px;
    height: 90px;
  }
  .btn_close:before {
    border-width: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
  }

  .frame {
    border-radius: 10px;
  }
  .frame.wide {
    border-width: 14px;
    border-radius: 20px;
  }
  .frame.shadow {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
            box-shadow: 0 0 6px rgba(0, 0, 0, .2);
  }
  .frame.shadow2 {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="4" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
  }
  .frame .frame_inner {
    border-radius: 10px;
  }

  .loop_slider .slider_wrap {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
            box-shadow: 0 0 20px rgba(0, 0, 0, .3);
  }
  .mask {
    -webkit-mask-size: 1600px auto;
            mask-size: 1600px auto;
  }

  .color_bg:before {
    width: 573px;
    height: 335px;
  }
  .color_bg:after {
    width: 734px;
    height: 404px;
  }
  .color_bg .color_bg_obj1:before, .color_bg .color_bg_obj1:after,
.color_bg .color_bg_obj2:before,
.color_bg .color_bg_obj2:after,
.color_bg .color_bg_star:before,
.color_bg .color_bg_star:after {
    background-size: 820px 820px;
    width: 3280px;
    height: 2460px;
  }

  #modal .bg_obj1:before, #modal .bg_obj1:after,
#modal .bg_obj2:before,
#modal .bg_obj2:after,
#modal .bg_star:before,
#modal .bg_star:after {
    background-size: 820px 820px;
    width: 3280px;
    height: 2460px;
  }
  #modal #modalInner {
    padding: 120px 0;
  }
  #modal #modalContents {
    width: 100%;
    max-width: 1280px;
  }
  #modal .btn_close {
    top: -90px;
    right: -90px;
  }
  #modal .modal_body {
    border-radius: 18px;
    margin-bottom: 40px;
  }
  #modal .modal_body:before {
    border-radius: 18px;
  }
  [data-page=top] #opening {
    height: 824px;
  }
  [data-page=top] #mv {
    height: 824px;
  }
  [data-page=top] #mv .site_logo {
    width: 454px;
    height: 313px;
    top: 40px;
    left: 85px;
  }
  [data-page=top] #mv .date {
    bottom: 50px;
    left: 123px;
  }
  [data-page=top] #mv .date img {
    width: 489.5px;
    height: 70px;
  }
  [data-page=top] #mv .movie {
    width: 376px;
    height: 220px;
    bottom: 56px;
    left: 150px;
  }
  [data-page=top] #mv .movie .title {
    top: -28px;
  }
  [data-page=top] #mv .movie .title img {
    height: 47px;
  }
  [data-page=top] #mv .movie .frame {
    border-width: 8px;
  }
  [data-page=top] #mv .movie .frame a {
    border-radius: 6px;
  }
  [data-page=top] #mv .movie .ic_update {
    top: -20px;
    right: -24px;
    width: 85px;
    height: 87px;
  }
  [data-page=top] #mv .bnr_trial {
    bottom: -45px;
    right: 120px;
  }
  [data-page=top] #mv .bnr_trial img {
    width: 203px;
    height: 231.5px;
  }
  [data-page=top] .news {
    min-height: 80px;
  }
  [data-page=top] .news .bg .color_bg {
    background-color: #d8425a;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    width: 33.44vw;
    height: 100%;
  }
  [data-page=top] .news .bg .color_bg .color_bg_obj1:before, [data-page=top] .news .bg .color_bg .color_bg_obj1:after {
    background-size: 410px 410px;
    min-width: 1230px;
    min-height: 820px;
  }
  [data-page=top] .news .bg .color_bg .color_bg_obj2:before, [data-page=top] .news .bg .color_bg .color_bg_obj2:after {
    background-size: 410px 410px;
    min-width: 1230px;
    min-height: 820px;
  }
  [data-page=top] .news .bg .color_bg .color_bg_star:before, [data-page=top] .news .bg .color_bg .color_bg_star:after {
    background-size: 410px 410px;
    min-width: 1230px;
    min-height: 820px;
  }
  [data-page=top] .news .sec_inner {
    min-height: 80px;
  }
  [data-page=top] .news .title {
    width: 425px;
    padding-left: 95px;
  }
  [data-page=top] .news .title img {
    height: 41.5px;
  }
  [data-page=top] .news .contents {
    width: calc(100% - 425px);
    padding: 20px 40px;
  }
  [data-page=top] .news .contents dl {
    font-size: 15px;
    margin-bottom: 20px;
  }
  [data-page=top] .news .contents dl dt {
    width: 90px;
  }
  [data-page=top] .news .contents dl dd {
    width: calc(100% - 90px);
  }
  [data-page=top] #banner .sec_inner {
    max-width: 1024px;
    padding: 25px 0 80px;
  }
  [data-page=top] #banner .unit {
    width: calc(50% - 12px);
  }
  [data-page=top] #banner .unit a {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
            box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    padding: 6px;
  }
  [data-page=top] #banner .unit .ic_update {
    top: -15px;
    left: -35px;
    width: 72px;
    height: 74px;
  }
  [data-page=top] #banner .unit figure {
    width: 200px;
    border-radius: 8px;
  }
  [data-page=top] #banner .unit .title {
    width: calc(100% - 230px);
  }
  [data-page=top] #banner .unit .title:before {
    width: 12px;
    height: 14px;
    right: 19px;
  }
  [data-page=top] #banner .unit .title img {
    height: 22px;
  }
  [data-page=top] #banner .unit .title.line2 img {
    height: 47px;
  }
  [data-page=top] #banner .interview_unit {
    margin-top: 16px;
  }
  [data-page=top] #banner .interview_unit .ic_update {
    top: -15px;
    left: -26px;
    width: 67px;
    height: 67px;
  }
  [data-page=top] #banner .interview_unit .ic_update img {
    -webkit-box-shadow: 0 0 15px rgba(52, 52, 52, .3);
            box-shadow: 0 0 15px rgba(52, 52, 52, .3);
    width: 67px;
  }
  [data-page=top] #banner .interview_unit a {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
            box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    border-radius: 10px;
    height: 70px;
  }
  [data-page=top] #banner .interview_unit a:before {
    width: 12px;
    height: 14px;
    right: 19px;
  }
  [data-page=top] #banner .interview_unit dl dt {
    margin-right: 15px;
  }
  [data-page=top] #banner .interview_unit dl dt img {
    height: 22px;
  }
  [data-page=top] #banner .interview_unit dl dd {
    border-radius: 20px;
    width: 293px;
    height: 40px;
  }
  [data-page=top] #banner .interview_unit dl dd:before {
    width: 18px;
    height: 18px;
    top: -10px;
    right: -10px;
  }
  [data-page=top] #banner .interview_unit dl dd img {
    height: 22px;
  }
  [data-page=top] #about {
    height: 890px;
    margin-top: -60px;
  }
  [data-page=top] #about .pt1 {
    top: 80px;
    left: -30px;
    width: 666px;
    height: 126px;
  }
  [data-page=top] #about .pt1 .title {
    width: 524.5px;
    height: 71px;
    margin-top: -30px;
  }
  [data-page=top] #about .pt2 {
    top: 198px;
    right: -50px;
    width: 641px;
    height: 150.5px;
  }
  [data-page=top] #about .pt2 .title {
    width: 495px;
    height: 132px;
    margin-top: -20px;
  }
  [data-page=top] #about .pt3 {
    top: 530px;
    left: -40px;
    width: 706px;
    height: 126.5px;
  }
  [data-page=top] #about .pt3 .title {
    width: 603.5px;
    height: 93px;
    margin-top: -5px;
  }
  [data-page=top] #about .btn {
    bottom: 95px;
    margin-left: -236px;
  }
  [data-page=top] #copy {
    margin-top: -60px;
    height: 730px;
  }
  [data-page=top] #copy .sec_inner {
    padding: 60px 0 100px;
  }
  [data-page=top] #copy .basic_title {
    width: 705px;
    margin-bottom: 60px;
  }
  [data-page=top] #copy .basic_title .title {
    width: 629.5px;
    height: 79.5px;
  }
  [data-page=top] #copy .basic_title .star {
    margin-top: -4px;
  }
  [data-page=top] #copy .evolution {
    padding: 0 298px 0 40px;
    margin-bottom: 80px;
  }
  [data-page=top] #copy .evolution .unit {
    width: 440px;
    height: 260px;
  }
  [data-page=top] #copy .evolution .unit .frame {
    border-radius: 20px;
  }
  [data-page=top] #copy .evolution .unit .label_title {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -26px;
  }
  [data-page=top] #copy .evolution .arrow_evol {
    top: 100px;
    left: 480px;
    width: 125px;
  }
  [data-page=top] #copy .evolution .arrow_evol .img {
    left: -40px;
    margin-top: -65px;
    width: 110px;
    height: 110px;
  }
  [data-page=top] #copy .evolution .arrow_evol .star {
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
  }
  [data-page=top] #copy .evolution .arrow_evol .txt {
    height: 25px;
    margin-top: 13px;
  }
  [data-page=top] #copy .chara.c1 {
    width: 415.5px;
    height: 334.5px;
    top: 330px;
    left: -165px;
  }
  [data-page=top] #copy .chara.c2 {
    width: 798.5px;
    height: 827.5px;
    top: -5px;
    right: -130px;
  }
  [data-page=top] #copy .obj.o1 {
    width: 319px;
    height: 226px;
    top: 400px;
    right: 0;
  }
  [data-page=top] #mouthful {
    margin-top: -60px;
    height: 1010px;
  }
  [data-page=top] #mouthful .sec_inner {
    padding: 80px 0 100px;
  }
  [data-page=top] #mouthful .basic_title {
    width: 595px;
    margin-bottom: 60px;
  }
  [data-page=top] #mouthful .basic_title .sub_title {
    width: 575px;
    height: 27px;
    margin-bottom: 12px;
  }
  [data-page=top] #mouthful .basic_title .title {
    width: 520.5px;
    height: 58.5px;
  }
  [data-page=top] #mouthful .basic_title .star {
    margin-top: 4px;
  }
  [data-page=top] #mouthful .frame {
    width: 700px;
    height: 394px;
    margin: 0 auto 186px 276px;
  }
  [data-page=top] #mouthful .chara.c1 {
    width: 272px;
    height: 318px;
    top: 80px;
    left: 80px;
  }
  [data-page=top] #mouthful .chara.c2 {
    width: 258px;
    height: 267px;
    top: 70px;
    right: -40px;
  }
  [data-page=top] #mouthful .chara.c3 {
    width: 647.5px;
    height: 549.5px;
    top: 405px;
    left: -40px;
  }
  [data-page=top] #mouthful .chara.c4 {
    width: 683.5px;
    height: 459.5px;
    top: 440px;
    right: -150px;
  }
  [data-page=top] #mouthful .obj.o1 {
    width: 178px;
    height: 196px;
    top: 317px;
    left: -60px;
  }
  [data-page=top] #mouthful .obj.o2 {
    width: 170px;
    height: 170px;
    top: 190px;
    right: 206px;
  }
  [data-page=top] #mouthful .obj.o3 {
    width: 377.5px;
    height: 226.5px;
    top: 340px;
    right: 142px;
  }
  [data-page=top] #mouthful .obj.arrow_evol {
    width: 210px;
    top: 680px;
    left: 620px;
  }
  [data-page=top] #mouthful .obj.arrow_evol .img {
    margin-top: -65px;
  }
  [data-page=top] #mouthful .obj.arrow_evol .txt {
    height: 50px;
    margin-top: 10px;
  }
  [data-page=top] #town {
    margin-top: -60px;
    height: 850px;
  }
  [data-page=top] #town.no_bnr {
    height: 650px;
  }
  [data-page=top] #town .sec_inner {
    padding: 120px 0 100px;
  }
  [data-page=top] #town .contents {
    padding: 0 40px;
    margin-bottom: 55px;
  }
  [data-page=top] #town .contents .unit {
    width: 620px;
    height: 390px;
    -webkit-box-shadow: 4px 3px 0 rgba(52, 52, 52, .5);
            box-shadow: 4px 3px 0 rgba(52, 52, 52, .5);
    border-radius: 20px;
  }
  [data-page=top] #town .contents .unit .title {
    width: 556.5px;
    height: 73px;
    top: -40px;
  }
  [data-page=top] #town .contents .unit .title .main {
    height: 56px;
    margin-top: -10px;
  }
  [data-page=top] #town .contents .unit figure {
    border-radius: 20px 20px 0 0;
  }
  [data-page=top] #town .contents .unit .btn {
    height: 70px;
    border-radius: 0 0 20px 20px;
  }
  [data-page=top] #town .contents .unit .btn:before {
    background-size: 8px 8px;
    width: 100px;
  }
  [data-page=top] #town .contents .unit .btn:after {
    background-size: 6px 6px;
    width: 100px;
  }
  [data-page=top] #town .contents .unit .btn img {
    height: 24px;
  }
  [data-page=top] #town .contents .unit .btn .star {
    width: 20px;
    height: 20px;
  }
  [data-page=top] #town .contents .unit .btn .star.s1 {
    margin-right: 30px;
  }
  [data-page=top] #town .contents .unit .btn .star.s2 {
    margin-left: 30px;
  }
  [data-page=top] #town .contents .u1 .chara.c1 {
    width: 271.5px;
    height: 278px;
    top: 120px;
    left: -60px;
  }
  [data-page=top] #town .contents .u1 .chara.c2 {
    width: 162.5px;
    height: 180.5px;
    top: -80px;
    right: -35px;
  }
  [data-page=top] #town .contents .u1 .chara.c3 {
    width: 133.5px;
    height: 122px;
    top: 260px;
    right: 63px;
  }
  [data-page=top] #town .contents .u1 .chara.c4 {
    width: 114.5px;
    height: 96.5px;
    top: 230px;
    right: -33px;
  }
  [data-page=top] #town .contents .u1 .obj.o1 {
    width: 188.5px;
    height: 107.5px;
    top: 165px;
    right: 30px;
  }
  [data-page=top] #town .contents .u1 .obj.o2 {
    width: 339.5px;
    height: 26.5px;
    top: 50px;
    left: 140px;
  }
  [data-page=top] #town .contents .u2 .chara.c1 {
    width: 173.5px;
    height: 170px;
    top: 40px;
    left: -30px;
  }
  [data-page=top] #town .contents .u2 .chara.c2 {
    width: 231.5px;
    height: 187.5px;
    top: 40px;
    right: -50px;
  }
  [data-page=top] #town .contents .u2 .obj.o1 {
    width: 175px;
    height: 100px;
    top: 240px;
    left: 22px;
  }
  [data-page=top] #town .contents .u2 .obj.o2 {
    width: 175px;
    height: 100px;
    top: 240px;
    right: 22px;
  }
  [data-page=top] #town .amiibo {
    width: 1024px;
  }
  [data-page=top] #packageInfo {
    margin-top: -60px;
    height: 770px;
  }
  [data-page=top] #packageInfo .sec_inner {
    padding: 80px 40px 225px;
  }
  [data-page=top] #packageInfo .information {
    border-radius: 20px;
    padding: 40px 76px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3) inset;
            box-shadow: 0 0 4px rgba(0, 0, 0, .3) inset;
    margin-bottom: 40px;
  }
  [data-page=top] #packageInfo .information .ticket {
    border-radius: 10px;
    height: 40px;
    padding-left: 100px;
    font-size: 13px;
  }
  [data-page=top] #packageInfo .information .ticket img {
    left: 5px;
    height: 48px;
  }
  [data-page=top] #packageInfo .information .soft_img {
    width: 190px;
    margin-right: 30px;
  }
  [data-page=top] #packageInfo .information .soft_txt {
    width: 502px;
    margin-right: 40px;
  }
  [data-page=top] #packageInfo .information .soft_txt dl {
    margin-bottom: 30px;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dt {
    margin-bottom: 15px;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dt img {
    height: 34px;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd img {
    height: 116px;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a {
    margin-left: 10px;
  }
  [data-page=top] #packageInfo .information .soft_txt dl dd .icons a img {
    height: 70px;
  }
  [data-page=top] #packageInfo .information .soft_link {
    width: 360px;
  }
  [data-page=top] #packageInfo .information .soft_link .info {
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 20px 18px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt {
    margin-bottom: 20px;
    height: 50px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt a {
    border-radius: 10px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt a:after {
    width: 11px;
    height: 13px;
    right: 15px;
    margin-top: -6.5px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dt img {
    height: 19px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a {
    margin: 0 6px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a:before {
    width: 10px;
    height: 12px;
    margin-right: 5px;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a img {
    height: 14px;
  }
  [data-page=top] #packageInfo .information .soft_link .online {
    border-radius: 10px;
    padding: 20px;
  }
  [data-page=top] #packageInfo .information .soft_link .online dt {
    height: 53px;
    width: 112px;
  }
  [data-page=top] #packageInfo .information .soft_link .online dt img {
    height: 16px;
  }
  [data-page=top] #packageInfo .information .soft_link .online dd {
    font-size: 12px;
    width: calc(100% - 120px);
  }
  [data-page=top] #packageInfo .banner .mini {
    width: 450px;
    height: 70px;
    border-radius: 10px;
    margin: 0 13px 30px;
    -webkit-box-shadow: 4px 3px 0 rgba(52, 52, 52, .5);
            box-shadow: 4px 3px 0 rgba(52, 52, 52, .5);
  }
  [data-page=top] #packageInfo .banner .kirby_30th {
    width: 1024px;
    height: 180px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 3px 0 rgba(52, 52, 52, .5);
            box-shadow: 4px 3px 0 rgba(52, 52, 52, .5);
  }
  [data-page=top] #globalNavi {
    margin-top: -270px;
  }
  [data-page=top] #multiplay {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  [data-page=top] #multiplay .basic_title {
    width: 590px;
    margin-bottom: 34px;
  }
  [data-page=top] #multiplay .basic_title:before {
    bottom: -13px;
  }
  [data-page=top] #multiplay .basic_title .title {
    width: 518px;
    height: 72.5px;
  }
  [data-page=top] #multiplay .basic_title .star {
    margin-top: -4px;
  }
  [data-page=top] #multiplay .lead {
    font-size: 22px;
    margin-bottom: 15px;
  }
  [data-page=top] #multiplay .note {
    font-size: 14px;
    margin-bottom: 25px;
  }
  [data-page=top] #multiplay .gallery {
    width: 800px;
  }
  [data-page=top] #multiplay .gallery .slide {
    top: 8px;
    left: 26px;
    height: 421px;
  }
  [data-page=top] #multiplay .chara.c1 {
    width: 261px;
    height: 199px;
    top: 290px;
    left: 100px;
  }
  [data-page=top] #multiplay .chara.c2 {
    width: 296.5px;
    height: 242px;
    top: 270px;
    right: 100px;
  }
  [data-page=top] #multiplay .obj {
    height: 246px;
    width: 440px;
  }
  [data-page=top] #multiplay .obj.o1 {
    bottom: 8px;
    left: 8px;
    border-radius: 0 0 0 14px;
  }
  [data-page=top] #multiplay .obj.o1 img {
    width: 503px;
    height: 362px;
  }
  [data-page=top] #multiplay .obj.o2 {
    bottom: 8px;
    right: 8px;
    border-radius: 0 0 14px 0;
  }
  [data-page=top] #multiplay .obj.o2 img {
    width: 499.5px;
    height: 365px;
  }
  [data-page=about] #field .chara.c1 {
    width: 349px;
    height: 362px;
  }
  [data-page=about] #field .main_title {
    left: -300px;
    width: 911.5px;
  }
  [data-page=about] #field .main_title .title {
    height: 74.5px;
  }
  [data-page=about] #field .main_title .label {
    width: 911.5px;
    height: 105.5px;
  }
  [data-page=about] #field .paint_title {
    right: -30px;
    width: 672px;
    height: 154px;
  }
  [data-page=about] #field .paint_title .title {
    height: 117.5px;
    margin-top: -40px;
    margin-right: 45px;
  }
  [data-page=about] #field .txt_1 {
    right: -10px;
  }
  [data-page=about] #field .txt_1 img {
    height: 204px;
  }
  [data-page=about] #adventure {
    margin-top: -60px;
  }
  [data-page=about] #adventure .contents {
    padding-bottom: 450px;
  }
  [data-page=about] #adventure .contents .paint_title {
    left: 20px;
    height: 150.5px;
    width: 607px;
  }
  [data-page=about] #adventure .contents .paint_title .title {
    height: 63.5px;
    margin-top: -20px;
  }
  [data-page=about] #adventure .contents .txt_1 img {
    height: 203px;
  }
  [data-page=about] #adventure .contents .txt_2 {
    left: 460px;
  }
  [data-page=about] #adventure .contents .txt_2 img {
    height: 95.5px;
  }
  [data-page=about] #adventure .contents .chara.c1 {
    width: 501px;
    height: 465px;
    left: 140px;
  }
  [data-page=about] #adventure .contents .chara.c2 {
    width: 884px;
    height: 673px;
    left: 670px;
  }
  [data-page=about] #adventure .contents .chara.c3 {
    width: 469px;
    height: 542px;
    left: -85px;
  }
  [data-page=about] #adventure .contents .chara.c4 {
    width: 283px;
    height: 290px;
    left: 760px;
  }
  [data-page=about] #character {
    margin-top: -75px;
    padding-top: 85px;
    padding-bottom: 260px;
  }
  [data-page=about] #character .sec_inner {
    padding: 0 140px;
  }
  [data-page=about] #character .main_title {
    width: 949px;
    margin: 0 auto 120px;
  }
  [data-page=about] #character .main_title .title {
    height: 77px;
    margin-top: -15px;
  }
  [data-page=about] #character .main_title .label {
    width: 949px;
    height: 96px;
  }
  [data-page=about] #character .chara_unit {
    width: 900px;
    height: 290px;
    margin-bottom: 125px;
  }
  [data-page=about] #character .chara_unit .txt_frame {
    border-radius: 145px;
  }
  [data-page=about] #character .chara_unit .txt_frame:before {
    border-width: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border-radius: 145px;
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg {
    border-radius: 145px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg:before {
    background-size: 11px 11px;
    width: 235px;
    height: 235px;
  }
  [data-page=about] #character .chara_unit .txt_frame .frame_bg:after {
    background-size: 8px 8px;
    width: 235px;
    height: 235px;
  }
  [data-page=about] #character .chara_unit dl dt {
    height: 72px;
    width: 400px;
    border-radius: 36px;
    margin-bottom: 20px;
    border: 3px solid #ffffff;
  }
  [data-page=about] #character .chara_unit dl dt img {
    height: 42.5px;
  }
  [data-page=about] #character .chara_unit dl dt .star:nth-of-type(1) {
    left: 20px;
  }
  [data-page=about] #character .chara_unit dl dt .star:nth-of-type(2) {
    right: 20px;
  }
  [data-page=about] #character .chara_unit dl dd {
    font-size: 22px;
  }
  [data-page=about] #character .chara_unit:nth-child(odd) .txt_frame {
    -webkit-box-shadow: 5px 3px 0 rgba(52, 52, 52, .5);
            box-shadow: 5px 3px 0 rgba(52, 52, 52, .5);
  }
  [data-page=about] #character .chara_unit:nth-child(odd) dl {
    padding: 38px 130px 0 0;
  }
  [data-page=about] #character .chara_unit:nth-child(even) .txt_frame {
    -webkit-box-shadow: -5px 3px 0 rgba(52, 52, 52, .5);
            box-shadow: -5px 3px 0 rgba(52, 52, 52, .5);
  }
  [data-page=about] #character .chara_unit:nth-child(even) dl {
    padding: 38px 0 0 130px;
  }
  [data-page=about] #character .chara_unit.line4 {
    height: 320px;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame {
    border-radius: 160px;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame:before {
    border-radius: 160px;
  }
  [data-page=about] #character .chara_unit.line4 .txt_frame .frame_bg {
    border-radius: 160px;
  }
  [data-page=about] #character .chara_unit.line2 {
    height: 256px;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame {
    border-radius: 128px;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame:before {
    border-radius: 128px;
  }
  [data-page=about] #character .chara_unit.line2 .txt_frame .frame_bg {
    border-radius: 128px;
  }
  [data-page=about] #character .chara_unit.c1 .img {
    width: 468px;
    height: 453px;
    top: -46px;
    right: -283px;
  }
  [data-page=about] #character .chara_unit.c2 .img {
    width: 452px;
    height: 466px;
    top: -64px;
    left: -173px;
  }
  [data-page=about] #character .chara_unit.c3 .img {
    width: 469px;
    height: 542.5px;
    top: -102px;
    right: -121px;
  }
  [data-page=about] #character .chara_unit.c4 dl {
    padding: 38px 0 0 0;
  }
  [data-page=about] #character .chara_unit.c4 .i1 {
    width: 635px;
    height: 494.5px;
    top: -167px;
    right: -388px;
  }
  [data-page=about] #character .chara_unit.c4 .i2 {
    width: 247px;
    height: 372px;
    top: -102px;
    left: 14px;
  }
  [data-page=about] #character .chara_unit.c4 .i3 {
    width: 400.5px;
    height: 409.5px;
    top: 0;
    left: -334px;
  }
  [data-page=about] #character .chara_unit.c4 .i4 {
    width: 197.5px;
    height: 169px;
    top: 209px;
    left: 138px;
  }
  [data-page=about] #character .chara_unit.c5 {
    margin-bottom: 190px;
  }
  [data-page=about] #character .chara_unit.c5 .img {
    width: 631px;
    height: 591.5px;
    top: -120px;
    right: -257px;
  }
  [data-page=about] #character .chara_unit.c6 .img {
    width: 648px;
    height: 504px;
    top: -167px;
    left: -323px;
  }
  [data-page=copy] #copyEvo .sec_inner {
    padding: 80px 0 0;
  }
  [data-page=copy] #copyEvo .main_title {
    width: 1210px;
    margin: 0 auto 80px;
  }
  [data-page=copy] #copyEvo .main_title .title {
    height: 77px;
    margin-top: -15px;
  }
  [data-page=copy] #copyEvo .main_title .label {
    width: 1210px;
    height: 96px;
  }
  [data-page=copy] #copyEvo #about {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, .2) inset;
            box-shadow: 0 0 2px rgba(255, 255, 255, .2) inset;
    margin-bottom: 80px;
    padding: 10px 40px 30px;
  }
  [data-page=copy] #copyEvo #about .basic_title {
    width: 470px;
    margin-bottom: 50px;
  }
  [data-page=copy] #copyEvo #about .basic_title:before {
    bottom: -13px;
  }
  [data-page=copy] #copyEvo #about .basic_title .title {
    width: 392px;
    height: 66.5px;
  }
  [data-page=copy] #copyEvo #about .basic_title .star {
    margin-top: -4px;
  }
  [data-page=copy] #copyEvo #about .chara {
    width: 414px;
    height: 347px;
    top: 30px;
    left: 20px;
  }
  [data-page=copy] #copyEvo #about .flow {
    margin-left: 350px;
  }
  [data-page=copy] #copyEvo #about .flow:before {
    width: 86px;
    height: 50px;
    left: 420px;
  }
  [data-page=copy] #copyEvo #about .flow .unit {
    width: 410px;
  }
  [data-page=copy] #copyEvo #about .flow .unit .txt {
    right: -30px;
  }
  [data-page=copy] #copyEvo #about .flow .u1 {
    margin-right: 110px;
  }
  [data-page=copy] #copyEvo #about .flow .u1 .txt {
    height: 52px;
  }
  [data-page=copy] #copyEvo #about .flow .u2 .txt {
    height: 51px;
  }
  [data-page=copy] #copyEvo #evolution {
    padding-bottom: 110px;
  }
  [data-page=copy] #copyEvo #evolution .basic_title {
    width: 925px;
    margin-bottom: 60px;
  }
  [data-page=copy] #copyEvo #evolution .basic_title:before {
    bottom: -13px;
  }
  [data-page=copy] #copyEvo #evolution .basic_title .title {
    width: 825px;
    height: 74px;
  }
  [data-page=copy] #copyEvo #evolution .basic_title .star {
    margin-top: -4px;
  }
  [data-page=copy] #copyEvo #evolution #mainSwiper {
    margin-bottom: 50px;
  }
  [data-page=copy] #copyEvo #evolution .swiper-slide {
    padding-left: calc(50vw - 680px);
    padding-right: calc(50vw - 680px);
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-next,
[data-page=copy] #copyEvo #evolution .swiper-button-prev {
    top: 380px;
    width: 42px;
    height: 72px;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-prev {
    left: 55px;
  }
  [data-page=copy] #copyEvo #evolution .swiper-button-next {
    right: 55px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb {
    width: 106px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figure:before {
    width: 106px;
    height: 106px;
    border: 5px solid #f6d706;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb .main {
    margin-bottom: 10px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption {
    height: 26px;
    border-radius: 13px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb figcaption img {
    height: 12px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 {
    width: 220px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figure:before {
    width: 220px;
    border-radius: 53px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb.t11 figcaption img {
    height: 14px;
  }
  [data-page=copy] #copyEvo #evolution .thumbnails .thumb[data-new]:after {
    width: 45px;
    height: 45px;
    top: -24px;
  }
  [data-page=copy] #copyEvo #evolution .ability {
    border: 4px solid #4f2807;
    border-radius: 10px;
  }
  [data-page=copy] #copyEvo #evolution .ability:after {
    right: -46px;
  }
  [data-page=copy] #copyEvo #evolution .ability.new:before {
    width: 211px;
    height: 59px;
    top: -60px;
    left: -10px;
  }
  [data-page=copy] #copyEvo #evolution .chara {
    width: 313px;
    height: 313px;
  }
  [data-page=copy] #copyEvo #evolution .movie {
    width: 515px;
    height: 290px;
  }
  [data-page=copy] #copyEvo #evolution .before,
[data-page=copy] #copyEvo #evolution .after {
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, .7);
    padding: 30px;
  }
  [data-page=copy] #copyEvo #evolution .before {
    margin: 0 auto 118px;
  }
  [data-page=copy] #copyEvo #evolution .before .ability {
    width: 234px;
    height: 60px;
    font-size: 24px;
  }
  [data-page=copy] #copyEvo #evolution .before .ability:after {
    width: 34px;
    height: 33px;
  }
  [data-page=copy] #copyEvo #evolution .before .chara {
    top: -12px;
    left: -12px;
  }
  [data-page=copy] #copyEvo #evolution .after .ability {
    width: 324px;
    height: 70px;
    font-size: 28px;
  }
  [data-page=copy] #copyEvo #evolution .after .ability:after {
    width: 31px;
    height: 32px;
  }
  [data-page=copy] #copyEvo #evolution .after .chara {
    top: -12px;
    right: -12px;
  }
  [data-page=copy] #copyEvo #evolution .new_copy:before,
[data-page=copy] #copyEvo #evolution .old_copy:before {
    width: 484.5px;
    height: 120.5px;
    top: 353px;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .label_star,
[data-page=copy] #copyEvo #evolution .old_copy .label_star {
    top: 334px;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .label_star:after,
[data-page=copy] #copyEvo #evolution .old_copy .label_star:after {
    width: 173.5px;
    height: 166px;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .after .detail,
[data-page=copy] #copyEvo #evolution .old_copy .after .detail {
    width: calc(100% - 540px);
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before {
    width: 1190px;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .detail {
    width: calc(100% - 535px);
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .detail .ability {
    bottom: 0;
    right: 45px;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .before .txt {
    top: 65px;
  }
  [data-page=copy] #copyEvo #evolution .new_copy .after .txt {
    top: 100px;
    left: -5px;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before {
    width: 770px;
    height: 354px;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .chara {
    top: 22px;
    left: 22px;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .frame {
    width: 380px;
    height: 214px;
  }
  [data-page=copy] #copyEvo #evolution .old_copy .before .ability {
    top: 260px;
    left: 356px;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before {
    width: 855px;
    height: 370px;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before:nth-child(1) {
    margin-bottom: 85px;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before:nth-child(2) {
    margin-bottom: 0;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .frame {
    width: 402px;
    height: 227px;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .ability {
    top: 270px;
    left: 420px;
    width: 324px;
    height: 70px;
    font-size: 28px;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .ability:after {
    display: none;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before .chara {
    width: 320px;
    height: 320px;
    top: 22px;
    left: 22px;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before.reverse .ability {
    left: 30px;
  }
  [data-page=copy] #copyEvo #evolution .once_copy .before.reverse .chara {
    right: 22px;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .before .txt {
    width: 265px;
    height: 116px;
    left: 320px;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .before .chara img {
    width: 366px;
    height: 303px;
    top: -10px;
    left: -10px;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .after .txt {
    width: 370px;
    height: 169.5px;
  }
  [data-page=copy] #copyEvo #evolution .cu1 .after .chara img {
    width: 777.5px;
    height: 551.5px;
    top: -188px;
    left: -348px;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .before .txt {
    width: 228.5px;
    height: 125.5px;
    left: 300px;
    top: 30px;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .before .chara img {
    width: 279.5px;
    height: 270px;
    top: 14px;
    left: 6px;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .after .txt {
    width: 473.5px;
    height: 172.5px;
    top: 80px;
  }
  [data-page=copy] #copyEvo #evolution .cu2 .after .chara img {
    width: 435px;
    height: 519.5px;
    top: -174px;
    left: -84px;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .before .chara img {
    width: 270.5px;
    height: 424.5px;
    top: -101px;
    left: 6px;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .after .txt {
    width: 385px;
    height: 177px;
    top: 95px;
  }
  [data-page=copy] #copyEvo #evolution .cu3 .after .chara img {
    width: 394.5px;
    height: 558.5px;
    top: -203px;
    left: -83px;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .before .chara img {
    width: 362px;
    height: 309px;
    top: 7px;
    left: -66px;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .after .txt {
    width: 339.5px;
    height: 180px;
    top: 90px;
    left: 50px;
  }
  [data-page=copy] #copyEvo #evolution .cu4 .after .chara img {
    width: 369px;
    height: 438.5px;
    top: -97px;
    left: -72px;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .before .chara img {
    width: 306px;
    height: 274px;
    top: 16px;
    left: -6px;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .after .txt {
    width: 356px;
    height: 210px;
    top: 70px;
    left: -5px;
  }
  [data-page=copy] #copyEvo #evolution .cu5 .after .chara img {
    width: 720.5px;
    height: 442.5px;
    top: -96px;
    left: -328px;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .before .chara img {
    width: 438px;
    height: 282.5px;
    top: 23px;
    left: -156px;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .after .txt {
    width: 485px;
    height: 189px;
    top: 130px;
    left: 280px;
  }
  [data-page=copy] #copyEvo #evolution .cu6 .after .chara img {
    width: 822.5px;
    height: 554px;
    top: -160px;
    left: -466px;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .before .chara img {
    width: 319.5px;
    height: 405.5px;
    top: -84px;
    left: -6px;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .after .txt {
    width: 367.5px;
    height: 194.5px;
    top: 80px;
  }
  [data-page=copy] #copyEvo #evolution .cu7 .after .chara img {
    width: 579px;
    height: 513px;
    top: -164px;
    left: -235px;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .before .chara img {
    width: 285.5px;
    height: 284.5px;
    top: 11px;
    left: 3px;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .after .txt {
    width: 491px;
    height: 213px;
    top: 70px;
  }
  [data-page=copy] #copyEvo #evolution .cu8 .after .chara img {
    width: 474px;
    height: 507px;
    top: -159px;
    left: -109px;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .before .chara img {
    width: 382px;
    height: 428.5px;
    top: -53px;
    left: -51px;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .after .txt {
    width: 413px;
    height: 161px;
    top: 95px;
  }
  [data-page=copy] #copyEvo #evolution .cu9 .after .chara img {
    width: 400.5px;
    height: 518.5px;
    top: -177px;
    left: -98px;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .before .chara img {
    width: 281px;
    height: 394.5px;
    top: -42px;
    left: 5px;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .after .txt {
    width: 384.5px;
    height: 245.5px;
    top: 70px;
  }
  [data-page=copy] #copyEvo #evolution .cu10 .after .chara img {
    width: 463.5px;
    height: 516.5px;
    top: -164px;
    left: -79px;
  }
  [data-page=copy] #copyEvo #evolution .cu11 .chara img {
    width: 418px;
    height: 388.5px;
    top: -45px;
    left: -31px;
  }
  [data-page=copy] #copyEvo #evolution .cu12 .chara img {
    width: 354px;
    height: 480px;
    top: -114px;
    left: -23px;
  }
  [data-page=copy] #copyMoreEvo {
    margin-top: -60px;
  }
  [data-page=copy] #copyMoreEvo .sec_inner {
    padding: 60px 0 120px;
  }
  [data-page=copy] #copyMoreEvo h2 {
    text-align: center;
    margin-bottom: 40px;
  }
  [data-page=copy] #copyMoreEvo h2 img {
    height: 76.5px;
  }
  [data-page=copy] #copyMoreEvo .contents .unit {
    width: 500px;
    margin-bottom: 60px;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.right {
    margin-left: 180px;
  }
  [data-page=copy] #copyMoreEvo .contents .unit.left {
    margin-right: 180px;
  }
  [data-page=copy] #copyMoreEvo .contents .unit .frame {
    width: 500px;
    height: 280px;
  }
  [data-page=copy] #copyMoreEvo .contents .unit .label_title {
    bottom: -25px;
    width: 400px;
  }
  [data-page=copy] #copyMoreEvo .contents .u1 .chara {
    width: 470.5px;
    height: 406px;
    top: -110px;
    left: -245px;
  }
  [data-page=copy] #copyMoreEvo .contents .u2 .chara {
    width: 197px;
    height: 262px;
    top: 30px;
    left: -140px;
  }
  [data-page=copy] #copyMoreEvo .contents .u3 .chara {
    width: 255px;
    height: 267.5px;
    top: 25px;
    right: -145px;
  }
  [data-page=copy] #copyMoreEvo .contents .u4 .chara {
    width: 261px;
    height: 331.5px;
    top: -40px;
    right: -190px;
  }
  [data-page=copy] #modal #modalContents {
    max-width: 856px;
  }
  [data-page=copy] #modal #sleepCrash {
    min-height: 790px;
    padding: 30px 0;
    margin-bottom: 15px;
  }
  [data-page=copy] #modal #sleepCrash .basic_title {
    width: 420px;
    margin-bottom: 60px;
  }
  [data-page=copy] #modal #sleepCrash .basic_title:before {
    bottom: -13px;
  }
  [data-page=copy] #modal #sleepCrash .basic_title .title {
    width: 341px;
    height: 75px;
  }
  [data-page=copy] #modal #sleepCrash .basic_title .star {
    margin-top: -4px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before {
    border-radius: 20px;
    padding: 30px;
    margin: 0 auto 118px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .bg {
    border-radius: 20px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability {
    border: 4px solid #4f2807;
    border-radius: 10px;
    width: 234px;
    height: 60px;
    font-size: 24px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability:after {
    right: -46px;
    width: 34px;
    height: 33px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .chara {
    top: -12px;
    left: -12px;
    width: 313px;
    height: 313px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before {
    width: 855px;
    height: 370px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before:nth-child(1) {
    margin-bottom: 35px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .frame {
    width: 402px;
    height: 227px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .ability {
    top: 270px;
    left: 420px;
    width: 324px;
    height: 70px;
    font-size: 28px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before .chara {
    width: 320px;
    height: 320px;
    top: 22px;
    left: 22px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.reverse .ability {
    left: 30px;
  }
  [data-page=copy] #modal #sleepCrash .once_copy .before.reverse .chara {
    left: auto;
    right: 22px;
  }
  [data-page=copy] #modal #sleepCrash .cu11 .chara img {
    width: 418px;
    height: 388.5px;
    top: -45px;
    left: -31px;
  }
  [data-page=copy] #modal #sleepCrash .cu12 .chara img {
    width: 354px;
    height: 480px;
    top: -114px;
    left: -23px;
  }
  [data-page=town] #town .sec_inner {
    padding: 80px 0 0;
  }
  [data-page=town] #town header {
    max-width: 1024px;
  }
  [data-page=town] #town header .main_title {
    width: 902px;
    margin: 0 auto 60px;
  }
  [data-page=town] #town header .main_title .title {
    height: 75px;
  }
  [data-page=town] #town header .main_title .label {
    width: 902px;
    height: 96px;
  }
  [data-page=town] #town header .chara.c1 {
    width: 211px;
    height: 174px;
    top: 34px;
    left: -90px;
  }
  [data-page=town] #town header .chara.c2 {
    width: 185px;
    height: 208px;
    top: 17px;
    right: -94px;
  }
  [data-page=town] #town .point {
    width: 55px;
    height: 64px;
  }
  [data-page=town] #town .point .point_inner {
    width: 55px;
    height: 54px;
    border-radius: 27px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="6" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 5px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(4px 5px 0 rgba(52, 52, 52, .5));
  }
  [data-page=town] #town .point .point_inner:before {
    border-width: 12px 7.5px 0 7.5px;
    bottom: -10px;
  }
  [data-page=town] #town .point .plus {
    width: 26px;
    height: 26px;
    bottom: -8px;
  }
  [data-page=town] #town .point a {
    border: 3px solid #d84058;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 27px;
    padding-left: 30px;
  }
  [data-page=town] #town .point a:before {
    width: 58px;
    height: 48px;
    border-radius: 27px 0 0 27px;
  }
  [data-page=town] #town .point a:after {
    background-size: 6px 6px;
    width: 84px;
    border-radius: 0 27px 27px 0;
  }
  [data-page=town] #town .point .name {
    height: 22px;
  }
  [data-page=town] #town .point.active a .star, [data-page=town] #town .point:hover a .star {
    left: 15px;
  }
  [data-page=town] #town .p1.active .point_inner, [data-page=town] #town .p1:hover .point_inner {
    width: 315px;
  }
  [data-page=town] #town .p2.active .point_inner, [data-page=town] #town .p2:hover .point_inner {
    width: 340px;
  }
  [data-page=town] #town .p3.active .point_inner, [data-page=town] #town .p3:hover .point_inner {
    width: 290px;
  }
  [data-page=town] #town .p4.active .point_inner, [data-page=town] #town .p4:hover .point_inner {
    width: 220px;
  }
  [data-page=town] #town .p5.active .point_inner, [data-page=town] #town .p5:hover .point_inner {
    width: 315px;
  }
  [data-page=town] #town .p6.active .point_inner, [data-page=town] #town .p6:hover .point_inner {
    width: 252px;
  }
  [data-page=town] #town .p7.active .point_inner, [data-page=town] #town .p7:hover .point_inner {
    width: 244px;
  }
  [data-page=town] #town .p8.active .point_inner, [data-page=town] #town .p8:hover .point_inner {
    width: 295px;
  }
  [data-page=town] #town .p9.active .point_inner, [data-page=town] #town .p9:hover .point_inner {
    width: 196px;
  }
  [data-page=town] #town .p10.active .point_inner, [data-page=town] #town .p10:hover .point_inner {
    width: 315px;
  }
  [data-page=town] #town #modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  [data-page=town] #town #modal #modalInner {
    padding-top: 185px;
  }
  [data-page=town] #town #modal #townPoint {
    margin-bottom: 60px;
  }
  [data-page=town] #town #modal .swiper-button-next,
[data-page=town] #town #modal .swiper-button-prev {
    top: 305px;
    width: 42px;
    height: 72px;
  }
  [data-page=town] #town #modal .swiper-pagination {
    bottom: 90px;
  }
  [data-page=town] #town #modal .swiper-pagination .swiper-pagination-bullet {
    width: 17px;
    height: 17px;
    margin: 0 4px;
  }
  [data-page=town] #town #modal .swiper-slide {
    width: 1106px;
  }
  [data-page=town] #town #modal .slide {
    border-radius: 18px;
    width: 1106px;
  }
  [data-page=town] #town #modal .slide .slide_inner {
    border: 4px solid #d84058;
    border-radius: 18px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    padding: 55px 80px;
  }
  [data-page=town] #town #modal .slide .slide_inner:before {
    background-size: 11px 11px;
    width: 120px;
    height: 120px;
    border-radius: 18px 0 0 0;
  }
  [data-page=town] #town #modal .slide .slide_inner:after {
    background-size: 8px 8px;
    width: 120px;
    height: 120px;
    border-radius: 0 0 18px 0;
  }
  [data-page=town] #town #modal .slide .basic_title {
    margin-bottom: 50px;
  }
  [data-page=town] #town #modal .slide .basic_title:before {
    bottom: -13px;
  }
  [data-page=town] #town #modal .slide .basic_title.ruby {
    margin-top: -10px;
  }
  [data-page=town] #town #modal .slide .contents .frame {
    width: 515px;
    height: 290px;
  }
  [data-page=town] #town #modal .slide .contents .txt {
    width: calc(100% - 530px);
    font-size: 28px;
  }
  [data-page=town] #town #modal .slide .contents .txt span {
    font-size: 20px;
    margin-top: 20px;
    padding-left: 20px;
    text-indent: -20px;
  }
  [data-page=town] #town #modal .slide.s1 {
    height: 690px;
  }
  [data-page=town] #town #modal .slide.s1 .basic_title {
    width: 500px;
  }
  [data-page=town] #town #modal .slide.s1 .basic_title img {
    height: 60px;
  }
  [data-page=town] #town #modal .slide.s1 .gallery {
    margin-top: 15px;
  }
  [data-page=town] #town #modal .slide.s1 .gallery .frame {
    width: 300px;
    height: 170px;
  }
  [data-page=town] #town #modal .slide.s1 .chara.c1 {
    width: 371.5px;
    height: 253.5px;
    top: 10px;
    right: -90px;
  }
  [data-page=town] #town #modal .slide.s1 .chara.c2 {
    width: 275px;
    height: 248px;
    bottom: -40px;
    left: -110px;
  }
  [data-page=town] #town #modal .slide.s2 {
    height: 510px;
  }
  [data-page=town] #town #modal .slide.s2 .basic_title {
    width: 540px;
  }
  [data-page=town] #town #modal .slide.s2 .basic_title img {
    height: 60px;
  }
  [data-page=town] #town #modal .slide.s2 .txt img {
    width: 338px;
    height: 124px;
    margin-top: 38px;
  }
  [data-page=town] #town #modal .slide.s3 {
    height: 510px;
  }
  [data-page=town] #town #modal .slide.s3 .basic_title {
    width: 440px;
  }
  [data-page=town] #town #modal .slide.s3 .basic_title img {
    height: 43.5px;
  }
  [data-page=town] #town #modal .slide.s3 .txt {
    padding-top: 20px;
    font-size: 27px;
  }
  [data-page=town] #town #modal .slide.s3 .chara.c1 {
    width: 276px;
    height: 248px;
    top: -95px;
    right: -65px;
  }
  [data-page=town] #town #modal .slide.s3 .chara.c2 {
    width: 219px;
    height: 176.5px;
    bottom: -60px;
    left: -60px;
  }
  [data-page=town] #town #modal .slide.s4 {
    height: 510px;
  }
  [data-page=town] #town #modal .slide.s4 .basic_title {
    width: 315px;
  }
  [data-page=town] #town #modal .slide.s4 .basic_title img {
    height: 40px;
  }
  [data-page=town] #town #modal .slide.s4 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s4 .txt {
    padding-top: 15px;
    padding-left: 35px;
  }
  [data-page=town] #town #modal .slide.s4 .chara.c1 {
    width: 351px;
    height: 331px;
    bottom: -125px;
    left: -110px;
  }
  [data-page=town] #town #modal .slide.s5 {
    height: 510px;
  }
  [data-page=town] #town #modal .slide.s5 .basic_title {
    width: 490px;
  }
  [data-page=town] #town #modal .slide.s5 .basic_title img {
    height: 43.5px;
  }
  [data-page=town] #town #modal .slide.s5 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s5 .txt {
    padding-top: 15px;
    padding-left: 35px;
  }
  [data-page=town] #town #modal .slide.s5 .chara.c1 {
    width: 233px;
    height: 217px;
    bottom: -57px;
    left: -56px;
  }
  [data-page=town] #town #modal .slide.s6 {
    height: 510px;
  }
  [data-page=town] #town #modal .slide.s6 .basic_title {
    width: 405px;
  }
  [data-page=town] #town #modal .slide.s6 .basic_title img {
    height: 41.5px;
  }
  [data-page=town] #town #modal .slide.s6 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s6 .txt {
    padding-top: 15px;
  }
  [data-page=town] #town #modal .slide.s6 .chara.c1 {
    width: 261px;
    height: 199px;
    bottom: -57px;
    left: -56px;
  }
  [data-page=town] #town #modal .slide.s6 .chara.c2 {
    width: 188px;
    height: 182px;
    bottom: 16px;
    left: 180px;
  }
  [data-page=town] #town #modal .slide.s7 {
    height: 510px;
  }
  [data-page=town] #town #modal .slide.s7 .basic_title {
    width: 370px;
  }
  [data-page=town] #town #modal .slide.s7 .basic_title img {
    height: 43.5px;
  }
  [data-page=town] #town #modal .slide.s7 .contents {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  [data-page=town] #town #modal .slide.s7 .txt {
    position: relative;
    padding-top: 20px;
  }
  [data-page=town] #town #modal .slide.s7 .txt .i1 {
    width: 164.5px;
    height: 290px;
    position: absolute;
    top: 30px;
    right: -600px;
  }
  [data-page=town] #town #modal .slide.s7 .txt .i2 {
    width: 302px;
    height: 200px;
    margin-top: 25px;
  }
  [data-page=town] #town #modal .slide.s7 .chara.c1 {
    width: 240px;
    height: 220px;
    top: -70px;
    right: -75px;
  }
  [data-page=town] #town #modal .slide.s7 .chara.c2 {
    width: 358.5px;
    height: 279.5px;
    bottom: -55px;
    left: -75px;
  }
  [data-page=town] #town #modal .slide.s8 {
    height: 510px;
  }
  [data-page=town] #town #modal .slide.s8 .basic_title {
    width: 455px;
  }
  [data-page=town] #town #modal .slide.s8 .basic_title img {
    height: 60px;
  }
  [data-page=town] #town #modal .slide.s8 .txt {
    padding-top: 20px;
  }
  [data-page=town] #town #modal .slide.s8 .chara.c1 {
    width: 218px;
    height: 209px;
    top: -57px;
    right: -56px;
  }
  [data-page=town] #subgame {
    margin-top: -60px;
  }
  [data-page=town] #subgame .sec_inner {
    padding: 65px 0 100px;
  }
  [data-page=town] #subgame header {
    max-width: 1024px;
    margin: 0 auto 85px;
  }
  [data-page=town] #subgame header .basic_title {
    width: 645px;
  }
  [data-page=town] #subgame header .basic_title .title {
    width: 567.5px;
    height: 73px;
  }
  [data-page=town] #subgame header .basic_title .star {
    margin-top: -4px;
  }
  [data-page=town] #subgame header .chara.c1 {
    width: 199px;
    height: 212px;
    top: -70px;
    right: -60px;
  }
  [data-page=town] #subgame .contents .unit {
    border-radius: 20px;
    width: 426px;
    -webkit-box-shadow: 4px 3px 0 rgba(52, 52, 52, .2);
            box-shadow: 4px 3px 0 rgba(52, 52, 52, .2);
    padding: 10px 10px 0 10px;
  }
  [data-page=town] #subgame .contents .unit:before {
    background-size: 11px 11px;
    width: 65px;
    height: 65px;
    border-radius: 20px 0 0 0;
  }
  [data-page=town] #subgame .contents .unit:after {
    background-size: 8px 8px;
    width: 65px;
    height: 65px;
    border-radius: 0 0 20px 0;
  }
  [data-page=town] #subgame .contents .unit .txt {
    top: -15px;
    left: -20px;
  }
  [data-page=town] #subgame .contents .unit figure {
    border-radius: 10px 10px 0 0;
    height: 228px;
  }
  [data-page=town] #subgame .contents .unit .name {
    height: 70px;
    font-size: 26px;
  }
  [data-page=town] #subgame .contents .u1 .txt {
    width: 284.5px;
    height: 123px;
  }
  [data-page=town] #subgame .contents .u1 .obj {
    height: 79px;
    top: 180px;
    right: -25px;
  }
  [data-page=town] #subgame .contents .u2 .txt {
    width: 252.5px;
    height: 85px;
  }
  [data-page=town] #subgame .contents .u3 .txt {
    width: 227px;
    height: 106px;
  }
  [data-page=town] #knowing {
    margin-top: -60px;
  }
  [data-page=town] #knowing .sec_inner {
    padding: 85px 0 135px;
  }
  [data-page=town] #knowing header {
    max-width: 1024px;
    margin: 0 auto 70px;
  }
  [data-page=town] #knowing header .basic_title {
    width: 570px;
  }
  [data-page=town] #knowing header .basic_title .title {
    width: 492px;
    height: 53px;
  }
  [data-page=town] #knowing header .basic_title .star {
    margin-top: -4px;
  }
  [data-page=town] #knowing header .chara.c1 {
    width: 175px;
    height: 169px;
    top: -56px;
    left: -10px;
  }
  [data-page=town] #knowing header .chara.c2 {
    width: 167.5px;
    height: 172px;
    top: -60px;
    right: 0;
  }
  [data-page=town] #knowing .contents {
    border-radius: 20px;
    -webkit-box-shadow: 4px 3px 0 rgba(52, 52, 52, .2);
            box-shadow: 4px 3px 0 rgba(52, 52, 52, .2);
    padding: 10px;
    max-width: 1260px;
  }
  [data-page=town] #knowing .contents .frame {
    width: 540px;
    height: 304px;
    border-radius: 10px;
  }
  [data-page=town] #knowing .contents .txt {
    width: 700px;
    padding: 0 0 0 50px;
  }
  [data-page=town] #knowing .contents .txt .main {
    font-size: 22px;
    margin-bottom: 15px;
  }
  [data-page=town] #knowing .contents .txt .note {
    font-size: 18px;
  }
  [data-page=mouthful] #mouthful .sec_inner {
    padding: 80px 0 140px;
  }
  [data-page=mouthful] #mouthful header {
    margin-bottom: 60px;
  }
  [data-page=mouthful] #mouthful header .main_title {
    width: 911.5px;
    margin: 0 auto 60px;
  }
  [data-page=mouthful] #mouthful header .main_title .title {
    height: 56.5px;
  }
  [data-page=mouthful] #mouthful header .main_title .label {
    width: 911.5px;
    height: 105.5px;
  }
  [data-page=mouthful] #mouthful header .obj.o1 {
    width: 182px;
    height: 182.5px;
    top: 0;
    left: 70px;
  }
  [data-page=mouthful] #mouthful header .obj.o2 {
    width: 174px;
    height: 187.5px;
    top: 0;
    right: 70px;
  }
  [data-page=mouthful] #mouthful .introduction {
    margin-bottom: 200px;
    height: 453px;
  }
  [data-page=mouthful] #mouthful .introduction .chara.c1 {
    width: 855px;
    height: 771px;
    top: -140px;
    left: -200px;
  }
  [data-page=mouthful] #mouthful .introduction .movie {
    -webkit-mask-size: 1186px 453px;
            mask-size: 1186px 453px;
    width: 1186px;
    height: 453px;
    left: 350px;
  }
  [data-page=mouthful] #mouthful .introduction .movie video {
    width: 100%;
  }
  [data-page=mouthful] #mouthful .txt_more .star {
    width: 35px;
    height: 35px;
  }
  [data-page=mouthful] #mouthful .txt_more .star.s1 {
    margin-right: 15px;
  }
  [data-page=mouthful] #mouthful .txt_more .star.s2 {
    margin-left: 15px;
  }
  [data-page=mouthful] #mouthful .txt_more img {
    height: 46px;
  }
  [data-page=mouthful] #mouthful .unit {
    margin: 0 100px 200px;
  }
  [data-page=mouthful] #mouthful .unit .frame {
    width: 515px;
    height: 290px;
    -webkit-box-shadow: 4px 3px 0 rgba(52, 52, 52, .2);
            box-shadow: 4px 3px 0 rgba(52, 52, 52, .2);
  }
  [data-page=mouthful] #mouthful .unit .detail {
    width: calc(100% - 530px);
  }
  [data-page=mouthful] #mouthful .unit .item {
    width: 200px;
    height: 200px;
    margin-bottom: 30px;
  }
  [data-page=mouthful] #mouthful .unit .item:before {
    width: 86px;
    height: 50px;
    right: -102px;
  }
  [data-page=mouthful] #mouthful .unit .name {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="4" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
    width: 420px;
    height: 60px;
    border-radius: 30px;
  }
  [data-page=mouthful] #mouthful .unit .name:before {
    width: 65px;
    border-radius: 30px 0 0 30px;
  }
  [data-page=mouthful] #mouthful .unit .name:after {
    background-size: 6px 6px;
    width: 120px;
    border-radius: 0 27px 27px 0;
  }
  [data-page=mouthful] #mouthful .unit .name .name_inner {
    border-radius: 30px;
    padding-left: 70px;
  }
  [data-page=mouthful] #mouthful .unit .name .name_inner .star {
    left: 15px;
    margin-top: -12px;
  }
  [data-page=mouthful] #mouthful .unit .name img {
    height: 24px;
  }
  [data-page=mouthful] #mouthful .u1 .item img {
    width: 257px;
    height: 199.5px;
    top: 20px;
    left: -10px;
  }
  [data-page=mouthful] #mouthful .u1 .chara {
    width: 626px;
    height: 416px;
    top: 10px;
    left: 250px;
  }
  [data-page=mouthful] #mouthful .u1 .txt {
    width: 418.5px;
    height: 169px;
    top: -110px;
    left: 213px;
  }
  [data-page=mouthful] #mouthful .u2 .item img {
    width: 227px;
    height: 224px;
    top: -10px;
    left: 25px;
  }
  [data-page=mouthful] #mouthful .u2 .chara {
    width: 413px;
    height: 429px;
    top: -45px;
    left: 280px;
  }
  [data-page=mouthful] #mouthful .u2 .txt {
    width: 317px;
    height: 169.5px;
    top: -110px;
    left: 215px;
  }
  [data-page=mouthful] #mouthful .u3 .item img {
    width: 210.5px;
    height: 215.5px;
    top: 15px;
    left: 15px;
  }
  [data-page=mouthful] #mouthful .u3 .chara {
    width: 403.5px;
    height: 406px;
    top: 20px;
    left: 280px;
  }
  [data-page=mouthful] #mouthful .u3 .txt {
    width: 394.5px;
    height: 188px;
    top: -127px;
    left: 215px;
  }
  [data-page=mouthful] #mouthful .u4 .item img {
    width: 188px;
    height: 235px;
    top: -25px;
    left: 40px;
  }
  [data-page=mouthful] #mouthful .u4 .chara {
    width: 399px;
    height: 469px;
    top: -90px;
    left: 295px;
  }
  [data-page=mouthful] #mouthful .u4 .txt {
    width: 324.5px;
    height: 154.5px;
    top: -100px;
    left: 215px;
  }
  [data-page=mouthful] #mouthful .u5 .item img {
    width: 197px;
    height: 209.5px;
    top: 15px;
    left: 25px;
  }
  [data-page=mouthful] #mouthful .u5 .chara {
    width: 390px;
    height: 398px;
    top: -10px;
    left: 300px;
  }
  [data-page=mouthful] #mouthful .u5 .txt {
    width: 508.5px;
    height: 175px;
    top: -120px;
    left: 215px;
  }
  [data-page=mouthful] #mouthful .u6 .item img {
    width: 221px;
    height: 168px;
    top: 18px;
    left: 12px;
  }
  [data-page=mouthful] #mouthful .u6 .chara {
    width: 670px;
    height: 388px;
    top: -15px;
    left: 270px;
  }
  [data-page=mouthful] #mouthful .u6 .txt {
    width: 561.5px;
    height: 186.5px;
    top: -130px;
    left: 213px;
  }
  [data-page=mouthful] #mouthful .u7 {
    margin-bottom: 265px;
  }
  [data-page=mouthful] #mouthful .u7 .detail:before {
    width: 1173px;
    height: 512.5px;
    top: 20px;
    left: -320px;
  }
  [data-page=mouthful] #mouthful .u7 .item img {
    width: 263px;
    height: 190px;
    top: 28px;
    left: 2px;
  }
  [data-page=mouthful] #mouthful .u7 .chara {
    width: 1173px;
    height: 512.5px;
    top: 20px;
    left: -320px;
  }
  [data-page=mouthful] #mouthful .u7 .txt {
    width: 413.5px;
    height: 165.5px;
    top: -110px;
    left: 213px;
  }
  [data-page=mouthful] #mouthful .u7 .name {
    width: 380px;
  }
  [data-page=movie] #movie .sec_inner {
    padding: 80px 0 120px;
  }
  [data-page=movie] #movie header {
    position: relative;
  }
  [data-page=movie] #movie header .chara {
    z-index: 5;
  }
  [data-page=movie] #movie header .c1 {
    width: 188px;
    height: 182px;
    top: -30px;
    left: 90px;
  }
  [data-page=movie] #movie header .c2 {
    width: 254.5px;
    height: 208px;
    top: -50px;
    right: 90px;
  }
  [data-page=movie] #movie .main_title {
    width: 902px;
    margin: 0 auto 80px;
  }
  [data-page=movie] #movie .main_title .title {
    height: 56.5px;
  }
  [data-page=movie] #movie .main_title .label {
    width: 902px;
    height: 96px;
  }

  .p-movie-top {
    width: 1054px;
    margin: 0 auto;
    position: relative;
  }

  .p-movie-top-section {
    margin-bottom: 60px;
  }

  .movie_title {
    position: relative;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));
            filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .movie_title .label_title {
    height: 50px;
    padding: 0 50px;
    width: auto;
  }
  .movie_title .label_title:before, .movie_title .label_title:after {
    -webkit-animation: none;
            animation: none;
    height: 100%;
    top: 0;
  }

  .p-movie-top-head {
    position: relative;
    margin: 0 auto;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 26px;
    color: #ffffff;
    position: relative;
    z-index: 5;
  }
  .p-movie-top-head br {
    display: none;
  }

  .p-movie-top-body {
    position: relative;
    margin-bottom: 30px;
  }

  .p-movie-top-body:first-child {
    margin-top: 0;
  }

  .p-movie-top-section[data-new=true] .p-movie-top-body {
    position: relative;
  }

  .p-movie-top-frame {
    /* 動画のインラインフレーム */
    position: relative;
    background: #000;
    overflow: hidden;
  }
  .p-movie-top-frame.is-hidden {
    /* 動画のインラインフレーム（非表示） */
    display: none !important;
  }
  .p-movie-top-frame:before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }

  .p-movie-top-frame__label {
    /* 動画のインラインフレーム */
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .p-movie-top-btn {
    /* 動画の再生ボタン */
    overflow: hidden;
    display: block;
  }
  .p-movie-top-btn img,
.p-movie-top-btn video {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .p-movie-top-btn > * {
    pointer-events: none;
  }
  .p-movie-top-img {
    position: relative;
    overflow: hidden;
  }
  .p-movie-top-img.is-hidden {
    display: none !important;
  }
  .p-movie-top-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .p-movie-top-img__ico {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    background: url(../img/common/ic_play_red.svg) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 124px;
    height: 124px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="5" dy="4" result="offsetblur" /><feFlood flood-color="rgba(52,52,52,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
            filter: drop-shadow(4px 3px 0 rgba(52, 52, 52, .5));
  }
  .p-movie-thumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 1024px;
    margin: auto;
  }
  .p-movie-thumb-list__item {
    width: calc(33.3% - 30px);
    margin-left: 45px;
    margin-bottom: 35px;
  }
  .p-movie-thumb-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .p-movie-thumb-list__item[data-new=true] {
    position: relative;
  }
  .p-movie-thumb-frame {
    display: none !important;
  }
  .p-movie-thumb-btn {
    overflow: hidden;
    display: block;
  }
  .p-movie-thumb-btn img,
.p-movie-thumb-btn video {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .p-movie-thumb-btn > * {
    pointer-events: none;
  }
  .p-movie-thumb-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border-width: 3px;
    border-radius: 8px;
  }
  .p-movie-thumb-img.is-hidden {
    display: none !important;
  }
  .p-movie-thumb-btn.is-active .p-movie-thumb-img {
    background-color: #f6d706;
    border-color: #f6d706;
  }
  .p-movie-thumb-img__label {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .p-movie-thumb-img__ico {
    display: none;
  }
  .p-movie-thumb-caption__label {
    text-align: center;
    font-size: 16px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .p-movie-modal {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) and (min-width: 750px) {
  .p-movie-top-btn:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p-movie-thumb-btn:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (min-width: 1600px) and (min-width: 750px) {
  #globalFooter .link a:hover {
    color: #f6d706;
  }
  #globalFooter .link a:hover:before {
    -webkit-animation: rotate 3s linear infinite;
            animation: rotate 3s linear infinite;
  }
  .p-movie-top-btn:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p-movie-thumb-btn:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (min-width: 750px) and (max-width: 1280px) and (min-width: 750px) {
  #globalFooter .link a:hover {
    color: #f6d706;
  }
  #globalFooter .link a:hover:before {
    -webkit-animation: rotate 3s linear infinite;
            animation: rotate 3s linear infinite;
  }
  [data-page=top] #packageInfo .information .soft_link .info dd a:hover {
    opacity: 0.6;
    color: #000000;
  }
  [data-page=movie] .p-movie-top-btn:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  [data-page=movie] .p-movie-thumb-btn:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 750px) and (min-width: 750px) {
  [data-ytplayer] a:hover .thumb {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  [data-ytplayer] a:hover .btn_play:before {
    background-color: #ffffff;
  }
}
/*# sourceMappingURL=sourcemaps/main.css.map */