@charset "UTF-8";
/* ==========================================================================
   play top
========================================================================== */
.content{
  position: relative;
  overflow: hidden;
  background: url(../img/common/bg_chara_green.png) 0 0;
}

.contentbody{
  width: 740px;
  height: 428px;
  position: absolute;
  top: 10%;
  left: 50%;
  margin: 0 0 0 -370px;
}

.content_header{
  width: 740px;
  height: 204px;
  position: relative;
  z-index: 5;
}

.content_balloon{
  position: absolute;
  right: -68px;
  top: -16px;
}
.no-touchevents .content_balloon a{
  display: block;
}

.no-touchevents .content_balloon a:hover{
  -webkit-animation: bound 1.15s ease 0s both;
          animation: bound 1.15s ease 0s both;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

.content_3ds_pink{
  position: absolute;
  left: -413px;
  top: 175px;
}

.content_3ds_soushin{
  position: absolute;
  left: -303px;
  top: 230px;
}

.content_3ds_lime{
  position: absolute;
  right: -453px;
  top: 175px;
}

.content_3ds_jushin01{
  position: absolute;
  right: -343px;
  top: 228px;
}
.content_3ds_jushin02{
  position: absolute;
  right: -343px;
  top: 228px;
  opacity: 0;
          transition: opacity 200ms ease-out;
  -webkit-transition: opacity 200ms ease-out;
}

.content_3ds_jushin02.show {
  opacity: 1;
          transition: opacity 500ms ease-in;
  -webkit-transition: opacity 500ms ease-in;
}

.content_kinopio_pink{
  position: absolute;
  left: 54px;
  top: 429px;
}

.content_mario_lime{
  position: absolute;
  right: -14px;
  top: 269px;
}

.content_move_screen{
  position: absolute;
  top: 256px;
  left: 254px;
  left: -20px;
  visibility: hidden;
}

.content_move_screen.moved {
  visibility: visible;
          transform: translate3d(570px, 0, 0);
  -webkit-transform: translate3d(570px, 0, 0);
          transition:         transform 1500ms cubic-bezier(0.73, 0.13, 0.33, 1.00);
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.73, 0.13, 0.33, 1.00);
}


.modal{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  min-height: 750px;
}

.modal .modalbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 890px;
  background: url(../img/common/bg_chara_green.png) 0 180px;
}
.ua-wiiu .modal .modalbg {
  min-height: 1080px;
}

@media screen and (min-width: 1280px) {
  .modal .modalbg {
      background-position: 200px 40px;
    }
}

.modal .modalcontent {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 774px;
  height: 478px;
  margin: -239px 0 0 -387px;
}

.modal .modalclose{
  width: 80px;
  height: 94px;
  position: absolute;
  right: 40px;
  top: 30px;
  z-index: 1001;
}
.modal .modalclose a{
  display: block;
}
.modal .modalclose span{
  width: 80px;
  height: 94px;
  display: block;
  background-image: url(../img/exchange/modal_close.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}


.modal {
  left: -100%;
          transition: left 0ms linear 450ms;
  -webkit-transition: left 0ms linear 450ms;
}
.modal .modalbg {
  opacity: 0;
          transition: opacity 450ms ease-out;
  -webkit-transition: opacity 450ms ease-out;
}
.modal .modalcontent {
  opacity: 0;
          transition: opacity 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out;
}
.modal .modalclose {
  top: -94px;
          transition: top 300ms ease-in 0ms;
  -webkit-transition: top 300ms ease-in 0ms;
}

.show-modal .modal {
  left: 0;
          transition: left 0ms linear 0ms;
  -webkit-transition: left 0ms linear 0ms;
}
.show-modal .modal .modalbg {
  opacity: 1;
          transition: opacity 300ms ease-in;
  -webkit-transition: opacity 300ms ease-in;
}
.show-modal .modal .modalcontent {
  opacity: 1;
          transition: opacity 350ms ease-in 320ms;
  -webkit-transition: opacity 350ms ease-in 320ms;
}
.show-modal .modal .modalclose {
  top: 30px;
          transition: top 320ms ease-out 320ms;
  -webkit-transition: top 320ms ease-out 320ms;
}