@keyframes hovermenuout {
  0% {
    transform: translateX(0%);
    opacity: 1; }
  100% {
    transform: translateX(101%);
    opacity: 1; } }
@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1; } }
@keyframes hoverin_reverse {
  0% {
    transform: translateX(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout_reverse {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: -101%;
    opacity: 1; } }
@keyframes vin {
  0% {
    transform: translateY(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes vout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(101%);
    left: 0;
    opacity: 1; } }
@keyframes vin_reverse {
  0% {
    transform: translateY(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes vout_reverse {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(-101%);
    left: 0;
    opacity: 1; } }
.buruburu {
  display: inline-block;
  animation: hurueru .1s  infinite; }

@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg); }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg); }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg); }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
  0% {
    background-position: 0 0; }
  100% {
    background-position: round-decimal(7.8125vw, 3) 0; } }
@media screen and (min-width: 768px) {
  @keyframes wave {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 100px 0; } } }
@keyframes sdb {
  0% {
    transform: translate(0, -1.953vw);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: translate(0, 0vw);
    opacity: 0; } }
@keyframes sdbpc {
  0% {
    transform: translate(0, -20px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: translate(0, 0);
    opacity: 0; } }
[data-opacity] {
  opacity: 0;
  filter: blur(1px);
  transform: translateY(50px);
  transition: 1.5s 0.2s cubic-bezier(0.23, 1, 0.32, 1); }

[data-opacity].animated {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0); }

@media screen and (min-width: 768px) {
  [data-pc-opacity] {
    opacity: 0;
    transform: translateY(10vw);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  .ie11 [data-pc-opacity] {
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-pc-opacity].animated {
    opacity: 1;
    transform: translateY(0); } }
@media screen and (max-width: 767px) {
  [data-opacity],
  [data-sp-opacity] {
    opacity: 0;
    transform: translateY(10vw);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  .ie11 [data-opacity],
  .ie11 [data-sp-opacity] {
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s 0s cubic-bezier(0.23, 1, 0.32, 1); }

  [data-sp-opacity].animated,
  [data-opacity].animated {
    opacity: 1;
    transform: translateY(0); } }
[data-sp-opacity],
[data-pc-opacity],
[data-opacity],
[data-once] {
  will-change: transform;
  backface-visibility: hidden; }

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-2vh); } }
@keyframes fuwafuwar {
  0%, 100% {
    transform: translateY(-2vh); }
  50% {
    transform: translateY(0); } }
body.second #contents {
  margin-top: -0;
  padding-top: 0; }

.pagetitle {
  margin-bottom: 0;
  position: absolute;
  display: none; }
  .pagetitle i {
    left: 5.859vw; }

.bg_layer_detail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%; }
  .bg_layer_detail .dots {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; }
    .bg_layer_detail .dots .dot {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10; }
      .bg_layer_detail .dots .dot:before {
        content: "";
        width: 100%;
        height: 100%;
        background-repeat: repeat-y;
        background-size: 100% auto;
        background-position: center top;
        position: absolute;
        left: 0;
        top: 0; }
      .bg_layer_detail .dots .dot.dot01:before {
        background-image: url("../img/characters/bg_dot01.png");
        animation: 12s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .bg_layer_detail .dots .dot.dot02:before {
        background-image: url("../img/characters/bg_dot02.png");
        animation: 8s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .bg_layer_detail .dots .dot.dot03:before {
        background-image: url("../img/characters/bg_dot03.png");
        animation: 10s fuwafuwa infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .bg_layer_detail .dots .dot.dot04:before {
        background-image: url("../img/characters/bg_dot04.png");
        animation: 7s fuwafuwar infinite cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .bg_layer_detail .bars {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0; }
    .bg_layer_detail .bars .bar {
      background: url("../img/characters/bg_sky.jpg") no-repeat center top/100% auto;
      height: 45.703vw;
      width: 100vw;
      position: absolute;
      left: 0;
      top: 80.664vw; }
  .bg_layer_detail .chara {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    display: flex;
    justify-content: center;
    z-index: 10; }
    .bg_layer_detail .chara img {
      width: 156.25vw;
      height: auto; }
    .bg_layer_detail .chara.charal {
      z-index: 5; }
      .bg_layer_detail .chara.charal img {
        width: 100vw;
        height: auto; }

body.second #contents .bg_white::before {
  background: url("../img/characters/bg_dot.png") left top no-repeat;
  background-size: 100% auto;
  left: 0;
  top: 34.57vw;
  width: 100vw;
  height: 33.594vw;
  opacity: 0; }
body.second #contents .bg_white article {
  display: flex;
  flex-direction: column; }
  body.second #contents .bg_white article .wrap:nth-child(1) {
    padding: 0;
    margin: 0;
    flex-direction: column;
    display: flex;
    height: 173.34vw;
    padding: 0 0 6.348vw;
    justify-content: flex-end;
    align-items: flex-end; }
    body.second #contents .bg_white article .wrap:nth-child(1) .copy {
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      margin: 4.883vw 0 0;
      width: 100vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span {
        display: inline-flex;
        background: #fe951e;
        font-size: 3.516vw;
        height: 7.031vw;
        margin-top: 1.758vw;
        padding: 0 4.883vw;
        letter-spacing: 0.02em;
        justify-content: center;
        align-items: center; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(2) {
        margin-left: 5.859vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(3) {
        margin-left: 11.719vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(4) {
        margin-left: 17.578vw; }
    body.second #contents .bg_white article .wrap:nth-child(1) .pv {
      display: flex;
      justify-content: flex-start;
      width: 100vw;
      position: relative;
      left: 2.344vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .pv::before {
        content: '';
        background: url("../img/characters/detail_movie.png") no-repeat center center/100% 100%;
        width: 44.727vw;
        height: 44.727vw;
        position: absolute;
        left: -0.781vw;
        top: -0.879vw;
        z-index: 10;
        pointer-events: none;
        animation: r1 22s cubic-bezier(0, 0, 1, 1) infinite; }
      body.second #contents .bg_white article .wrap:nth-child(1) .pv .mask {
        display: block;
        width: 43.945vw;
        height: 43.164vw;
        border: 1px solid blue;
        -webkit-mask-image: url("../img/characters/detail_mask.png");
        -webkit-mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-position: center top;
        z-index: 10;
        transition: -webkit-mask-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
      body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper {
        display: block;
        width: 76.758vw;
        height: 43.164vw;
        position: relative;
        z-index: 0; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper video,
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper iframe {
          width: 76.758vw !important;
          height: 43.164vw !important;
          margin-top: 0vw;
          pointer-events: none;
          margin-left: -17.766vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .pv a {
        position: relative;
        display: block; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::before {
          content: '';
          width: 10.352vw;
          height: 10.352vw;
          border: 0.195vw solid #fff;
          border-radius: 50%;
          display: block;
          background: rgba(255, 255, 255, 0.8);
          position: absolute;
          left: 50%;
          top: 50%;
          margin: -5.176vw 0 0 -5.176vw;
          z-index: 100; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 1.074vw 0 1.074vw 1.855vw;
          border-color: transparent transparent transparent #fe951e;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          z-index: 200; }
  body.second #contents .bg_white article .wrap:nth-child(2) {
    padding: 0 5.859vw 0 0;
    margin: 0; }
    body.second #contents .bg_white article .wrap:nth-child(2)::before {
      content: '';
      background: url("../img/characters/bg_detail.png") no-repeat left top/100vw auto;
      width: 100vw;
      height: 68.359vw;
      position: absolute;
      left: 0;
      top: -7.813vw;
      z-index: 10;
      pointer-events: none; }
    body.second #contents .bg_white article .wrap:nth-child(2) h1 {
      display: flex;
      flex-direction: column;
      color: #fff;
      justify-content: flex-start;
      padding: 4.59vw 0 4.785vw 5.859vw;
      width: 100%;
      background: #17acdc;
      border-radius: 0 5.859vw 0 0; }
      body.second #contents .bg_white article .wrap:nth-child(2) h1 em {
        font-family: "Outfit", sans-serif;
        font-size: 9.863vw;
        letter-spacing: -0.03em;
        font-weight: 700;
        margin: 1.66vw 0; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 em small {
          font-size: 7.031vw; }
      body.second #contents .bg_white article .wrap:nth-child(2) h1 span {
        font-size: 3.32vw;
        letter-spacing: 0.13em;
        margin: 1.66vw 0; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl {
          display: inline-block;
          display: inline-flex;
          align-items: center;
          height: 4.688vw;
          margin-left: 3.516vw; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dt {
            font-family: "Outfit", sans-serif;
            font-size: 2.539vw;
            font-weight: 700;
            width: 6.836vw;
            background: #fe951e;
            border: 1px solid #fff;
            border-right: 0;
            letter-spacing: 0.13em;
            text-align: center;
            height: 100%;
            align-items: center;
            justify-content: center;
            display: inline-flex; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dd {
            font-size: 2.93vw;
            border: 1px solid #fff;
            border-left: 0;
            letter-spacing: 0.13em;
            height: 100%;
            align-items: center;
            justify-content: center;
            display: inline-flex;
            padding: 0 2.441vw 0 2.93vw; }
    body.second #contents .bg_white article .wrap:nth-child(2) p {
      background: #e5e5e5;
      padding: 6.445vw 5.859vw;
      border-radius: 0 0 5.859vw 0;
      font-size: 3.027vw;
      line-height: 4.98vw;
      letter-spacing: 0.09em;
      color: #4e4e4e; }
      body.second #contents .bg_white article .wrap:nth-child(2) p strong {
        font-weight: 800;
        font-size: 3.418vw; }

.pagenav {
  padding: 11.523vw 0 1.953vw;
  position: relative;
  text-align: center;
  z-index: 100; }
  .pagenav .backlink {
    text-align: center; }
    .pagenav .backlink a {
      display: inline-flex;
      height: 5.371vw;
      border: 0.293vw solid #17acdc;
      padding: 0 4.395vw;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      letter-spacing: 0.05em;
      font-size: 2.539vw;
      font-family: "Outfit", sans-serif;
      color: #17acdc;
      border-radius: 2.686vw;
      font-weight: 400; }
  .pagenav .pagearr {
    width: 20.117vw;
    height: 9.18vw;
    position: absolute;
    left: 0;
    top: 9.863vw;
    background: url("../img/characters/btn_prev.png") no-repeat left bottom/100% auto;
    text-align: right; }
    .pagenav .pagearr a {
      display: block;
      height: 9.18vw;
      font-size: 2.93vw;
      letter-spacing: 0.05em;
      color: #17acdc;
      font-weight: 700;
      padding-right: 1.172vw; }
  .pagenav .pagearr.next {
    left: auto;
    right: 0;
    background: url("../img/characters/btn_next.png") no-repeat left bottom/100% auto;
    text-align: left; }
    .pagenav .pagearr.next a {
      padding-right: 0;
      padding-left: 1.172vw; }

@media screen and (max-width: 768px) {
  .btn_floatingorder {
    position: absolute; }

  .sitefooter {
    margin-top: 13.6vw; } }
@media screen and (min-width: 768px) {
  /***************************
    PC
  *****************************/
  .sitefooter {
    margin-top: 0;
    border-top: none; }

  .bg_layer_detail {
    min-width: 1280px; }
    .bg_layer_detail .dots {
      width: 2400px;
      left: 50%;
      margin-left: -1200px;
      z-index: 0; }
      .bg_layer_detail .dots .dot {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        left: 50%;
        margin-left: -1200px; }
        .bg_layer_detail .dots .dot.dot01:before {
          background-image: url("../img/characters/bg_dot01@pc.png"); }
        .bg_layer_detail .dots .dot.dot02:before {
          background-image: url("../img/characters/bg_dot02@pc.png"); }
        .bg_layer_detail .dots .dot.dot03:before {
          background-image: url("../img/characters/bg_dot03@pc.png"); }
        .bg_layer_detail .dots .dot.dot04:before {
          background-image: url("../img/characters/bg_dot04@pc.png"); }
    .bg_layer_detail .bars {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .bg_layer_detail .bars .bar {
        background: url("../img/characters/bg_sky@pc.png") no-repeat center top/100% auto;
        height: 1900px;
        width: 1920px;
        left: 50%;
        top: 0;
        margin-left: -960px; }
    .bg_layer_detail .chara {
      left: 50%;
      width: 1920px;
      margin-left: -960px;
      min-width: 1280px; }
      .bg_layer_detail .chara img {
        width: 100vw;
        height: auto;
        max-width: inherit;
        min-width: 1280px; }
      .bg_layer_detail .chara.charal {
        z-index: 5; }
        .bg_layer_detail .chara.charal img {
          width: 100vw;
          height: auto;
          max-width: inherit;
          min-width: 1280px; }

  .pagetitle {
    width: calc(100% - 330px );
    padding: 0;
    margin: 0 auto -64px;
    min-width: calc(1280px - 330px);
    text-align: right;
    position: relative;
    height: 63px;
    display: block; }
    .pagetitle i {
      left: auto;
      right: 455px; }

  body.second #contents .bg_white article {
    width: 100%;
    min-width: 1280px;
    height: 1173px; }
    body.second #contents .bg_white article .wrap:nth-child(1) {
      height: 465px;
      width: 100vw;
      padding: 0 0 176px 70px;
      justify-content: flex-end;
      align-items: flex-start;
      min-width: 1280px; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy {
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0; }
        body.second #contents .bg_white article .wrap:nth-child(1) .copy span {
          display: inline-flex;
          background: #fe951e;
          font-size: 22px;
          height: 36px;
          margin-top: 10px;
          padding: 0 25px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(2) {
          margin-left: 30px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(3) {
          margin-left: 60px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(4) {
          margin-left: 90px; }
      body.second #contents .bg_white article .wrap:nth-child(1) .pv {
        width: 310px;
        position: absolute;
        left: auto;
        right: 190px;
        top: 610px;
        z-index: 100; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv::before {
          content: '';
          background: url("../img/characters/detail_movie@pc.png") no-repeat center center/100% 100%;
          width: 310px;
          height: 310px;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 10;
          pointer-events: none;
          animation: r1 22s cubic-bezier(0, 0, 1, 1) infinite; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .mask {
          display: block;
          width: 310px;
          height: 310px;
          -webkit-mask-image: url("../img/characters/detail_mask@pc.png");
          -webkit-mask-mode: alpha;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-size: 100% 100%;
          -webkit-mask-position: center top;
          z-index: 10;
          transition: -webkit-mask-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper {
          display: block;
          width: 310px;
          height: 310px;
          position: relative;
          z-index: 0; }
          body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper video,
          body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper iframe {
            width: 511px !important;
            height: 310px !important;
            margin-top: 0;
            pointer-events: none;
            margin-left: -124px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::before {
          content: '';
          width: 72px;
          height: 72px;
          border: 1px solid #fff;
          margin: -36px 0 0 -36px;
          transition: opacity 0.3s; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::after {
          border-width: 8.5px 0 8.5px 14px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a:hover:before {
          opacity: 0.7; }
    body.second #contents .bg_white article .wrap:nth-child(2) {
      padding: 0 0;
      margin: 0;
      width: 720px; }
      body.second #contents .bg_white article .wrap:nth-child(2)::before {
        content: '';
        background: url("../img/characters/bg_detail@pc.png") no-repeat left top/100% auto;
        width: 717px;
        height: 500px;
        position: absolute;
        left: 0;
        top: -55px; }
      body.second #contents .bg_white article .wrap:nth-child(2) h1 {
        padding: 37px 0 25px 80px;
        width: 100%;
        border-radius: 0 40px 0 0; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 em {
          font-size: 66px;
          letter-spacing: -0.03em;
          font-weight: 700;
          margin: 10px 0; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 em small {
            font-size: 47px; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 span {
          font-size: 20px;
          margin: 10px 0; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl {
            height: 31px;
            margin-left: 30px; }
            body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dt {
              font-size: 16px;
              width: 41px;
              border: 2px solid #fff;
              border-right: none; }
            body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dd {
              font-size: 19px;
              border: 2px solid #fff;
              border-left: none;
              padding: 0 20px 2px; }
      body.second #contents .bg_white article .wrap:nth-child(2) p {
        padding: 29px 60px 50px 80px;
        border-radius: 0 0 40px 0;
        font-size: 18px;
        line-height: 33px; }
        body.second #contents .bg_white article .wrap:nth-child(2) p strong {
          font-weight: 800;
          font-size: 22px; }

  .pagenav {
    padding: 0;
    position: static; }
    .pagenav .backlink {
      position: absolute;
      right: 20px;
      top: 444px;
      z-index: 100; }
      .pagenav .backlink a {
        height: auto;
        width: 24px;
        border: 2px solid #17acdc;
        padding: 20px 1px 20px 0;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        transition: background 0.3s;
        font-size: 11px;
        border-radius: 12px; }
        .pagenav .backlink a span {
          transition: color 0.3s; }
        .pagenav .backlink a:hover {
          background: #17acdc; }
          .pagenav .backlink a:hover span {
            color: #fff; }
    .pagenav .pagearr {
      width: 116px;
      height: 54px;
      top: 354px;
      z-index: 100;
      transition: opacity 0.3s; }
      .pagenav .pagearr:hover {
        opacity: 0.5; }
      .pagenav .pagearr a {
        display: block;
        height: 54px;
        font-size: 17px;
        padding-right: 8px; }
    .pagenav .pagearr.next {
      left: auto;
      right: 0; }
      .pagenav .pagearr.next a {
        padding-right: 0;
        padding-left: 8px; } }
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /***************************
    PC
  *****************************/
  .bg_layer_detail .dots {
    width: 1599.984px;
    margin-left: -799.992px; }
    .bg_layer_detail .dots .dot {
      margin-left: -799.992px; }
  .bg_layer_detail .bars .bar {
    height: 1266.654px;
    width: 1279.987px;
    margin-left: -639.994px; }
  .bg_layer_detail .chara {
    width: 1279.987px;
    margin-left: -639.994px; }

  body.second #contents .bg_white article {
    height: 781.992px; }
    body.second #contents .bg_white article .wrap:nth-child(1) {
      height: 309.997px;
      padding: 0 0 117.332px 46.666px; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span {
        font-size: 14.667px;
        height: 24px;
        margin-top: 6.667px;
        padding: 0 16.667px; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(2) {
        margin-left: 20px; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(3) {
        margin-left: 40px; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(4) {
        margin-left: 59.999px; }
      body.second #contents .bg_white article .wrap:nth-child(1) .pv {
        width: 206.665px;
        position: absolute;
        left: auto;
        right: 126.665px;
        top: 406.663px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv::before {
          width: 206.665px;
          height: 206.665px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .mask {
          width: 206.665px;
          height: 206.665px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper {
          width: 206.665px;
          height: 206.665px; }
          body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper video,
          body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper iframe {
            width: 367.33px !important;
            height: 206.665px !important;
            margin-top: 0;
            pointer-events: none;
            margin-left: -82.666px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::before {
          content: '';
          width: 72px;
          height: 72px;
          border: 1px solid #fff;
          margin: -36px 0 0 -36px;
          transition: opacity 0.3s; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::after {
          border-width: 8.5px 0 8.5px 14px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a:hover:before {
          opacity: 0.7; }
    body.second #contents .bg_white article .wrap:nth-child(2) {
      padding: 0 0;
      margin: 0;
      width: 479.995px; }
      body.second #contents .bg_white article .wrap:nth-child(2)::before {
        content: '';
        background: url("../img/characters/bg_detail@pc.png") no-repeat left top/100% auto;
        width: 717px;
        height: 500px;
        position: absolute;
        left: 0;
        top: -55px; }
      body.second #contents .bg_white article .wrap:nth-child(2) h1 {
        padding: 24.666px 0 16.667px 53.333px;
        width: 100%;
        border-radius: 0 26.666px 0 0; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 em {
          font-size: 44px;
          margin: 6.667px 0; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 em small {
            font-size: 31.333px; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 span {
          font-size: 13.333px;
          margin: 6.667px 0; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl {
            height: 20.666px;
            margin-left: 20px; }
            body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dt {
              font-size: 10.667px;
              width: 27.333px;
              border: 2px solid #fff;
              border-right: none; }
            body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dd {
              font-size: 12.667px;
              border: 2px solid #fff;
              border-left: none;
              padding: 0 13.333px 1.333px; }
      body.second #contents .bg_white article .wrap:nth-child(2) p {
        padding: 19.333px 40px 33.333px 53.333px;
        border-radius: 0 0 26.666px 0;
        font-size: 12px;
        line-height: 22px; }
        body.second #contents .bg_white article .wrap:nth-child(2) p strong {
          font-weight: 800;
          font-size: 14.667px; }

  .pagenav .backlink {
    right: 13.333px;
    top: 295.997px; }
    .pagenav .backlink a {
      height: auto;
      width: 16px;
      border: 1.333px solid #17acdc;
      padding: 13.333px 0.667px 13.333px 0;
      font-size: 7.333px;
      border-radius: 8px; }
  .pagenav .pagearr {
    width: 77.333px;
    height: 36px;
    top: 235.998px; }
    .pagenav .pagearr a {
      height: 36px;
      font-size: 11.333px;
      padding-right: 5.333px; }
  .pagenav .pagearr.next {
    left: auto;
    right: 0; }
    .pagenav .pagearr.next a {
      padding-right: 0;
      padding-left: 5.333px; } }
@media screen and (min-width: 1281px) {
  /***************************
    PC
  *****************************/
  .bg_layer_detail .dots {
    width: 125vw;
    margin-left: -62.5vw; }
    .bg_layer_detail .dots .dot {
      margin-left: -62.5vw; }
  .bg_layer_detail .bars .bar {
    height: 98.958vw;
    width: 100vw;
    margin-left: -50vw; }
  .bg_layer_detail .chara {
    width: 100vw;
    margin-left: -50vw; }
    .bg_layer_detail .chara img {
      max-width: inherit;
      width: 100vw; }

  body.second #contents .bg_white article {
    height: 61.094vw; }
    body.second #contents .bg_white article .wrap:nth-child(1) {
      height: 24.219vw;
      padding: 0 0 9.167vw 3.646vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span {
        font-size: 1.146vw;
        height: 1.875vw;
        margin-top: 0.521vw;
        padding: 0 1.302vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(2) {
        margin-left: 1.563vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(3) {
        margin-left: 3.125vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .copy span:nth-child(4) {
        margin-left: 4.688vw; }
      body.second #contents .bg_white article .wrap:nth-child(1) .pv {
        width: 16.146vw;
        position: absolute;
        left: auto;
        right: 9.896vw;
        top: 31.771vw; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv::before {
          width: 16.146vw;
          height: 16.146vw; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .mask {
          width: 16.146vw;
          height: 16.146vw; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper {
          width: 16.146vw;
          height: 16.146vw; }
          body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper video,
          body.second #contents .bg_white article .wrap:nth-child(1) .pv .bg_movie_wrapper iframe {
            width: 28.698vw !important;
            height: 16.146vw !important;
            margin-top: 0;
            pointer-events: none;
            margin-left: -6.458vw; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::before {
          content: '';
          width: 72px;
          height: 72px;
          border: 1px solid #fff;
          margin: -36px 0 0 -36px; }
        body.second #contents .bg_white article .wrap:nth-child(1) .pv a::after {
          border-width: 8.5px 0 8.5px 14px; }
    body.second #contents .bg_white article .wrap:nth-child(2) {
      padding: 0 0;
      margin: 0;
      width: 37.5vw; }
      body.second #contents .bg_white article .wrap:nth-child(2)::before {
        content: '';
        background: url("../img/characters/bg_detail@pc.png") no-repeat left top/100% auto;
        width: 717px;
        height: 500px;
        position: absolute;
        left: 0;
        top: -55px; }
      body.second #contents .bg_white article .wrap:nth-child(2) h1 {
        padding: 1.927vw 0 1.302vw 4.167vw;
        width: 100%;
        border-radius: 0 2.083vw 0 0; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 em {
          font-size: 3.438vw;
          margin: 0.521vw 0; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 em small {
            font-size: 2.448vw; }
        body.second #contents .bg_white article .wrap:nth-child(2) h1 span {
          font-size: 1.042vw;
          margin: 0.521vw 0; }
          body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl {
            height: 1.615vw;
            margin-left: 1.563vw; }
            body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dt {
              font-size: 0.833vw;
              width: 2.135vw;
              border: 2px solid #fff;
              border-right: none; }
            body.second #contents .bg_white article .wrap:nth-child(2) h1 span dl dd {
              font-size: 0.99vw;
              border: 2px solid #fff;
              border-left: none;
              padding: 0 1.042vw 0.104vw; }
      body.second #contents .bg_white article .wrap:nth-child(2) p {
        padding: 1.51vw 3.125vw 2.604vw 4.167vw;
        border-radius: 0 0 2.083vw 0;
        font-size: 0.938vw;
        line-height: 1.719vw; }
        body.second #contents .bg_white article .wrap:nth-child(2) p strong {
          font-weight: 800;
          font-size: 1.146vw; }

  .pagenav .backlink {
    right: 1.042vw;
    top: 23.125vw; }
    .pagenav .backlink a {
      height: auto;
      width: 1.25vw;
      border: 0.104vw solid #17acdc;
      padding: 1.042vw 0.052vw 1.042vw 0;
      font-size: 0.573vw;
      border-radius: 0.625vw; }
  .pagenav .pagearr {
    width: 6.042vw;
    height: 2.813vw;
    top: 18.438vw; }
    .pagenav .pagearr a {
      height: 2.813vw;
      font-size: 0.885vw;
      padding-right: 0.417vw; }
  .pagenav .pagearr.next {
    left: auto;
    right: 0; }
    .pagenav .pagearr.next a {
      padding-right: 0;
      padding-left: 0.417vw; } }
@media screen and (max-width: 1280px) {
  .btn_floatingorder {
    top: 419.996px; } }
@media screen and (min-width: 1281px) {
  .btn_floatingorder {
    top: 32.813vw; } }
@media screen and (min-width: 1921px) {
  .btn_floatingorder {
    top: 32.813vw; } }