html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
img,
small,
strong,
i,
dl,
dt,
dd,
ol,
ul,
li,
article,
aside,
canvas,
figure,
figcaption,
footer,
header,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
.group:after {
  display: block;
  clear: both;
  content: "";
}
body {
  width: 100%;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 26px;
  line-height: 1.4;
  word-break: break-all;
  overflow-x: hidden;
}
.header {
  position: relative;
  background: url("/pc/image/game/denaranger_rt/header-bg_01.png") repeat left top;
  height: 600px;
  overflow: hidden;
}
.header__shine {
  position: absolute;
  top: -400px;
  left: 50%;
  width: 1540px;
  height: 1540px;
  margin-left: -770px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.header__shine.header__shine--01 {
  display: none;
  background: url("/pc/image/game/denaranger_rt/header-bg-shine_01.png") repeat center top;
}
.header__shine.header__shine--01.is-start {
  display: block;
  -webkit-animation: headerShine1 8s linear infinite;
  animation: headerShine1 8s linear infinite;
}
.header__shine.header__shine--02 {
  display: none;
  background: url("/pc/image/game/denaranger_rt/header-bg-shine_02.png") repeat center top;
}
.header__shine.header__shine--02.is-start {
  display: block;
  -webkit-animation: headerShine2 8s linear infinite;
  animation: headerShine2 8s linear infinite;
}
.header__title {
  display: none;
  position: relative;
  padding-top: 25px;
  text-align: center;
  z-index: 2;
  -webkit-transform: translateY(-250px);
  transform: translateY(-250px);
}
.header__title.is-start {
  display: block;
  -webkit-animation: headerTitle 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  animation: headerTitle 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.header__person {
  display: none;
  position: absolute;
  top: 172px;
  left: 50%;
  margin-left: -301px;
  -webkit-transform: translateY(550px);
  transform: translateY(550px);
}
.header__person.is-start {
  display: block;
  -webkit-animation: headerPerson 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  animation: headerPerson 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.header__balloon {
  display: none;
  top: 60px;
  right: 0;
  position: absolute;
  display: block;
  width: 234px;
  height: 138px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1698px;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.header__balloon.is-start {
  display: block;
  -webkit-animation: headerBalloon 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: headerBalloon 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.header__loading {
  position: absolute;
  top: 50%;
  margin-top: -135px;
  left: 50%;
  margin-left: -110px;
}
.header.is-start .header__loading {
  display: none;
}
.rangers {
  position: absolute;
  width: 100%;
  top: -60px;
  left: 0;
}
.rangers__item {
  top: 0;
  position: absolute;
}
.rangers__item--01 {
  display: block;
  width: 208px;
  height: 248px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -4846px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  left: 50%;
  margin-left: -110px;
  z-index: 3;
  -webkit-transform: translateY(130px);
  transform: translateY(130px);
}
.rangers__item--01.is-start {
  display: block;
  -webkit-animation: rangersItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: rangersItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.rangers__item--02 {
  display: block;
  width: 138px;
  height: 174px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -2370px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 50px;
  left: 50%;
  margin-left: -210px;
  z-index: 2;
  -webkit-transform: translateY(170px);
  transform: translateY(170px);
}
.rangers__item--02.is-start {
  display: block;
  -webkit-animation: rangersItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: rangersItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.rangers__item--03 {
  display: block;
  width: 130px;
  height: 190px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -3332px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 50px;
  left: 50%;
  margin-left: 70px;
  z-index: 2;
  -webkit-transform: translateY(170px);
  transform: translateY(170px);
}
.rangers__item--03.is-start {
  display: block;
  -webkit-animation: rangersItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: rangersItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.rangers__item--04 {
  display: block;
  width: 154px;
  height: 196px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -3734px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 55px;
  left: 50%;
  margin-left: -310px;
  z-index: 1;
  -webkit-transform: translateY(165px);
  transform: translateY(165px);
}
.rangers__item--04.is-start {
  display: block;
  -webkit-animation: rangersItem3 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: rangersItem3 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.rangers__item--05 {
  display: block;
  width: 158px;
  height: 186px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -2936px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 55px;
  left: 50%;
  margin-left: 150px;
  z-index: 1;
  -webkit-transform: translateY(165px);
  transform: translateY(165px);
}
.rangers__item--05.is-start {
  display: block;
  -webkit-animation: rangersItem3 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: rangersItem3 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.reangers__balloon__link {
  position: absolute;
  top: -50px;
  left: 50%;
  display: block;
  width: 164px;
  height: 108px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1580px;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: -320px;
  display: none;
  z-index: 5;
}
.reangers__balloon__link.is-start {
  display: block;
  -webkit-animation: rangersItem3 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: rangersItem3 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.reangers__finger__link {
  position: absolute;
  top: 10px;
  left: 50%;
  display: block;
  width: 46px;
  height: 40px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -192px;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: -270px;
  display: none;
  z-index: 6;
}
.reangers__finger__link.is-start {
  display: block;
  -webkit-animation: rengersFinger 1.5s steps(2, start) infinite;
  animation: rengersFinger 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.content {
  position: relative;
  z-index: 10;
}
.content__section--01,
.content__section--03,
.content__section--05 {
  background: url("/pc/image/game/denaranger_rt/content-bg_02.jpg") repeat left top;
}
.content__section--02,
.content__section--04 {
  background: url("/pc/image/game/denaranger_rt/content-bg_03.jpg") repeat left top;
}
.content__section--06 {
  background: url("/pc/image/game/denaranger_rt/content-bg_01.png"), url("/pc/image/game/denaranger_rt/content-bg_03.jpg");
  background-repeat: no-repeat, repeat;
  background-position: center bottom, left top;
  background-size: 100% auto, 40px 40px;
}
.content__section__box {
  position: relative;
  border: 5px solid #3a0000;
  border-radius: 56px;
  text-align: center;
  box-shadow: 0 3px 2px rgba(255,255,255,0.8) inset, 0 -3px 1px rgba(0,0,0,0.2) inset;
}
.content__section__inner {
  position: relative;
  margin: 0 auto;
  width: 560px;
}
.content__title {
  margin-top: -130px;
  width: 100%;
  height: 260px;
  z-index: 9;
  overflow: hidden;
}
.content__title__inner {
  position: relative;
  margin: 0 auto;
  width: 1060px;
}
.content__title__image {
  position: relative;
  z-index: 10;
  width: 1062px;
  height: 261px;
}
.content__title__bg {
  position: absolute;
  top: 2px;
  width: 100%;
  height: 600px;
}
.content__title__bg--01 {
  left: -100%;
  background: url("/pc/image/game/denaranger_rt/logo-bg_01.jpg") repeat-x left top;
}
.content__title__bg--02 {
  right: -100%;
  background: url("/pc/image/game/denaranger_rt/logo-bg_01.jpg") repeat-x left top;
}
.content__section--01 {
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
  z-index: 10;
}
.content__section--01 .content__section__title img {
  position: relative;
  z-index: 11;
}
.content__section--01 .content__section__box {
  position: relative;
  margin-top: 110px;
  background: #ffb026;
  background: url("/pc/image/game/denaranger_rt/content-box-bg_01.jpg") repeat left top;
  border: 5px solid #3a0000;
  border-radius: 56px;
  text-align: center;
  z-index: 10;
}
.method__title {
  position: absolute;
  z-index: 20;
}
.method__num {
  position: absolute;
}
.method__content__text {
  margin-bottom: 8px;
}
.method__content__link img {
  opacity: 1;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.method__content__link:hover img {
  opacity: 0.8;
}
.method__content__button {
  position: relative;
  z-index: 21;
}
.method__content {
  position: relative;
  margin: 0 auto;
  width: 502px;
  z-index: 21;
}
.method__content__note {
  text-align: right;
}
.method--01 {
  margin-bottom: 100px;
  padding-top: 45px;
  padding-bottom: 35px;
}
.method--01 .method__title {
  top: -100px;
  right: -20px;
}
.method--01 .method__character {
  display: none;
  position: absolute;
  top: -330px;
  right: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.method--01 .method__character.is-start {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.method--01 .method__character__cosmetic__item {
  position: absolute;
}
.method--01 .method__character__cosmetic__item--01 {
  display: block;
  width: 66px;
  height: 66px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -678px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -20px;
  left: 90px;
}
.method--01 .method__character__cosmetic__item--01.is-start {
  display: block;
  -webkit-animation: methodCosmetic1 1.5s steps(1, start) infinite;
  animation: methodCosmetic1 1.5s steps(1, start) infinite;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.method--01 .method__character__cosmetic__item--02 {
  display: block;
  width: 50px;
  height: 54px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -410px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 100px;
  right: -40px;
}
.method--01 .method__character__cosmetic__item--02.is-start {
  display: block;
  -webkit-animation: methodCosmetic2 1.5s steps(2, start) infinite;
  animation: methodCosmetic2 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.method--01 .method__character__cosmetic__item--03 {
  display: block;
  width: 36px;
  height: 38px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -44px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 180px;
  right: 5px;
}
.method--01 .method__character__cosmetic__item--03.is-start {
  display: block;
  -webkit-animation: methodCosmetic3 1.5s steps(2, start) infinite;
  animation: methodCosmetic3 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.method--01 .method__num {
  left: -20px;
  top: -70px;
}
.method--01 .method__num .method__num__character {
  display: block;
  width: 130px;
  height: 168px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -2192px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
.method--01 .method__num .method__num__character.is-start {
  display: block;
  -webkit-animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.method--01 .method__num .method__num__param {
  position: absolute;
  right: -90px;
  top: -35px;
  display: block;
  width: 102px;
  height: 108px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1462px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  z-index: 20;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
.method--01 .method__num .method__num__param.is-start {
  display: block;
  -webkit-animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.method--02 {
  padding-top: 65px;
  padding-bottom: 15px;
}
.method--02:after {
  position: absolute;
  display: block;
  width: 212px;
  height: 104px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1348px;
  text-indent: -9999px;
  overflow: hidden;
  bottom: 0;
  left: 16px;
  content: " ";
}
.method--02 .method__title {
  top: -70px;
  left: -25px;
}
.method--02 .method__num {
  right: -20px;
  top: -95px;
}
.method--02 .method__num .method__num__character {
  display: block;
  width: 108px;
  height: 190px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -3132px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
.method--02 .method__num .method__num__character.is-start {
  display: block;
  -webkit-animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.method--02 .method__num .method__num__param {
  position: absolute;
  right: 120px;
  top: 5px;
  display: block;
  width: 100px;
  height: 104px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1234px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  z-index: 20;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
.method--02 .method__num .method__num__param.is-start {
  display: block;
  -webkit-animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.content__section--02 {
  padding-top: 90px;
  padding-bottom: 70px;
}
.content__section--02 .content__section__title img {
  position: relative;
  margin-left: 200px;
  z-index: 11;
}
.content__section--02 .content__section__box {
  position: relative;
  margin-top: 20px;
  z-index: 12;
}
.content__section--02 .content__section__box--01 {
  margin-bottom: 90px;
  height: 361px;
  background: #83ce4b url("/pc/image/game/denaranger_rt/present-bg_01.png") repeat left top;
}
.content__section--02 .content__section__box--01:before {
  position: absolute;
  bottom: -1px;
  right: -40px;
  z-index: 10;
  display: block;
  width: 208px;
  height: 176px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -2554px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  -webkit-transform: translateY(30);
  transform: translateY(30);
  content: " ";
}
.content__section--02 .content__section__box--01.is-start:before {
  display: block;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.content__section--02 .content__section__box--02 {
  background: #ff74d9 url("/pc/image/game/denaranger_rt/present-bg_01.png") repeat left top;
}
.content__section--02 .content__section__box--02:before {
  position: absolute;
  bottom: -1px;
  left: 10px;
  z-index: 10;
  display: block;
  width: 176px;
  height: 186px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -2740px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  -webkit-transform: translateY(30);
  transform: translateY(30);
  content: " ";
}
.content__section--02 .content__section__box--02:after {
  position: absolute;
  bottom: -1px;
  right: 10px;
  display: block;
  width: 134px;
  height: 192px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -3532px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  -webkit-transform: translateY(30);
  transform: translateY(30);
  content: " ";
}
.content__section--02 .content__section__box--02.is-start:before,
.content__section--02 .content__section__box--02.is-start:after {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.present__character {
  display: none;
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 10;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.present__character.is-start {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.present__character .present__character__cosmetic__item {
  position: absolute;
}
.present__character .present__character__cosmetic__item--01 {
  display: block;
  width: 64px;
  height: 56px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -474px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -15px;
  right: -20px;
}
.present__character .present__character__cosmetic__item--01.is-start {
  display: block;
  -webkit-animation: presentCosmetic1 1.5s steps(2, start) infinite;
  animation: presentCosmetic1 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.present__character .present__character__cosmetic__item--02 {
  display: block;
  width: 28px;
  height: 46px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -294px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 30px;
  right: 50px;
}
.present__character .present__character__cosmetic__item--02.is-start {
  display: block;
  top: 60px;
  -webkit-animation: presentCosmetic2 1.5s steps(2, start) infinite;
  animation: presentCosmetic2 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.present__character .present__character__cosmetic__item--03 {
  display: block;
  width: 40px;
  height: 60px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -608px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: 90px;
  left: -20px;
}
.present__character .present__character__cosmetic__item--03.is-start {
  display: block;
  -webkit-animation: presentCosmetic3 1.5s steps(2, start) infinite;
  animation: presentCosmetic3 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.present__label {
  position: absolute;
  top: -80px;
  left: -25px;
}
.present__title {
  position: relative;
}
.present {
  padding-top: 40px;
}
.present__image--01 {
  margin-top: -20px;
  margin-left: -80px;
}
.present__image--02 {
  margin-top: -30px;
}
.content__section--03 {
  padding-top: 90px;
  padding-bottom: 70px;
}
.content__section--03 .content__section__title img {
  position: relative;
  z-index: 11;
}
.content__section--03 .content__section__title:before {
  position: absolute;
  top: -60px;
  right: 0;
  z-index: 10;
  display: none;
  -webkit-transform: translateY(30);
  transform: translateY(30);
  content: " ";
}
.content__section--03 .content__section__title.is-start:before {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.content__section--03 .content__section__box {
  position: relative;
  margin-top: -30px;
  padding: 25px 30px 30px;
  background-image: url("/pc/image/game/denaranger_rt/introduction-bg_02.png"), url("/pc/image/game/denaranger_rt/introduction-bg_01.png");
  background-repeat: no-repeat, repeat;
  background-position: center 10px, left top;
  z-index: 10;
}
.introduction__character {
  position: absolute;
  top: -60px;
  right: -20px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.introduction__character.is-start {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.introduction__character .introduction__character__cosmetic__item {
  position: absolute;
}
.introduction__character .introduction__character__cosmetic__item--01 {
  display: block;
  width: 70px;
  height: 70px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -754px;
  text-indent: -9999px;
  overflow: hidden;
  top: 20px;
  left: -15px;
}
.introduction__character .introduction__character__cosmetic__item--01.is-start {
  display: block;
  top: 40px;
  -webkit-animation: introductionCosmetic1 1.5s steps(2, start) infinite;
  animation: introductionCosmetic1 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.introduction__character .introduction__character__cosmetic__item--02 {
  display: block;
  width: 42px;
  height: 58px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -540px;
  text-indent: -9999px;
  overflow: hidden;
  top: -30px;
  left: 50px;
}
.introduction__character .introduction__character__cosmetic__item--02.is-start {
  display: block;
  top: -40px;
  -webkit-animation: introductionCosmetic2 1.5s steps(2, start) infinite;
  animation: introductionCosmetic2 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.introduction__character .introduction__character__cosmetic__item--03 {
  display: block;
  width: 38px;
  height: 40px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -142px;
  text-indent: -9999px;
  overflow: hidden;
  top: 50px;
  right: -20px;
}
.introduction__character .introduction__character__cosmetic__item--03.is-start {
  display: block;
  right: 0px;
  -webkit-animation: introductionCosmetic3 1.5s steps(2, start) infinite;
  animation: introductionCosmetic3 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.introduction__title {
  position: relative;
  z-index: 10;
}
.introduction__slide {
  margin-top: -30px;
}
.introduction__slide__wrap {
  position: relative;
  width: 490px;
  height: 730px;
  border: 8px solid #1963ea;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}
.introduction__slide__item {
  -webkit-transform-style: preserve-3d;
}
.ie9 .introduction__slide__item {
  width: 474px;
  heigt: 714px;
}
.introduction__btns__item {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.introduction__btns__item.introduction__btns__item--01 {
  display: block;
  width: 46px;
  height: 100px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1124px;
  text-indent: -9999px;
  overflow: hidden;
  left: 0;
}
.introduction__btns__item.introduction__btns__item--02 {
  display: block;
  width: 46px;
  height: 100px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1014px;
  text-indent: -9999px;
  overflow: hidden;
  right: 0;
}
.introduction__btns__item.is-start {
  opacity: 0.7;
}
.introduction__btns__item.disabled {
  visibility: hidden;
}
.introduction__btns__item:hover {
  opacity: 1;
}
.content__section--04 {
  padding-top: 80px;
  padding-bottom: 70px;
}
.content__section--04 .content__section__title img {
  position: relative;
  margin-left: 150px;
  z-index: 11;
}
.character-list__character {
  display: none;
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 10;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.character-list__character.is-start {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.character-list__character .character-list__character__cosmetic__item {
  position: absolute;
}
.character-list__character .character-list__character__cosmetic__item--01 {
  display: block;
  width: 52px;
  height: 50px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -350px;
  text-indent: -9999px;
  overflow: hidden;
  top: -10px;
  left: -40px;
}
.character-list__character .character-list__character__cosmetic__item--01.is-start {
  display: block;
  left: -50px;
  -webkit-animation: characterListCosmetic1 1.5s steps(2, start) infinite;
  animation: characterListCosmetic1 1.5s steps(2, start) infinite;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.character-list__character .character-list__character__cosmetic__item--02 {
  display: block;
  width: 34px;
  height: 34px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px 0px;
  text-indent: -9999px;
  overflow: hidden;
  top: 40px;
  left: -10px;
}
.character-list__character .character-list__character__cosmetic__item--02.is-start {
  display: block;
  top: 30px;
  -webkit-animation: characterListCosmetic2 1.5s steps(2, start) infinite;
  animation: characterListCosmetic2 1.5s steps(2, start) infinite;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.character-list__character .character-list__character__cosmetic__item--03 {
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -242px;
  text-indent: -9999px;
  overflow: hidden;
  top: 10px;
  right: 5px;
}
.character-list__character .character-list__character__cosmetic__item--03.is-start {
  display: block;
  -webkit-animation: characterListCosmetic3 1.5s steps(2, start) infinite;
  animation: characterListCosmetic3 1.5s steps(2, start) infinite;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.character-list {
  position: relative;
  margin-top: -30px;
  z-index: 10;
}
.content__section--05 {
  padding-top: 50px;
  padding-bottom: 70px;
}
.content__section--05 .content__section__title img {
  position: relative;
  z-index: 11;
}
.content__section--05 .content__section__title:before {
  position: absolute;
  top: -20px;
  right: 30px;
  width: 174px;
  height: 186px;
  background: url("/pc/image/game/denaranger_rt/register-character_01.png") no-repeat left top;
  display: none;
  -webkit-transform: translateY(30);
  transform: translateY(30);
  z-index: 10;
  content: " ";
}
.content__section--05 .content__section__title.is-start:before {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.content__section--05 .content__section__box {
  position: relative;
  margin-top: -60px;
  padding-top: 50px;
  padding-bottom: 20px;
  background: url("/pc/image/game/denaranger_rt/register-bg_01.png"), url("/pc/image/game/denaranger_rt/content-box-bg_02.png"), url("/pc/image/game/denaranger_rt/content-box-bg_03.png");
  background-repeat: no-repeat, repeat-x, repeat;
  background-position: -40px 40px, left top, left top;
  z-index: 10;
}
.register__text {
  margin-bottom: 20px;
}
.register__link img {
  opacity: 1;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.register__link:hover img {
  opacity: 0.8;
}
.content__section--06 {
  padding-top: 50px;
  padding-bottom: 70px;
}
.content__section--06 .content__section__title img {
  position: relative;
  margin-left: 130px;
  z-index: 11;
}
.content__section--06 .content__section__title:before {
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 10;
  display: block;
  width: 170px;
  height: 226px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -4610px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  -webkit-transform: translateY(30);
  transform: translateY(30);
  content: " ";
}
.content__section--06 .content__section__title.is-start:before {
  display: block;
  -webkit-animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: animationType1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.content__section--06 .content__section__box {
  position: relative;
  padding: 25px 35px 35px;
  margin-top: -25px;
  background: #6ec4ef url("/pc/image/game/denaranger_rt/content-box-bg_02.png") no-repeat left top;
  text-align: left;
  z-index: 10;
}
.agreement__text {
  margin-bottom: 20px;
}
.footer {
  padding: 20px 0;
  background: #333;
  color: #fff;
  text-align: center;
  border-top: 2px solid #333;
  box-shadow: 0 2px 1px rgba(255,255,255,0.3) inset;
}
.footer__sns {
  margin-bottom: 20px;
}
.footer__sns__item {
  display: inline-block;
}
.footer__sns__item--facebook {
  margin-right: 20px;
}
.footer__sns__item--facebook .footer__sns__item__link {
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -924px;
  text-indent: -9999px;
  overflow: hidden;
}
.footer__sns__item--twitter .footer__sns__item__link {
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -834px;
  text-indent: -9999px;
  overflow: hidden;
}
.footer__sns__item__link {
  opacity: 1;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.footer__sns__item__link:hover {
  opacity: 0.7;
}
.footer__ci {
  margin: 0 auto 10px;
  display: block;
  width: 92px;
  height: 40px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -92px;
  text-indent: -9999px;
  overflow: hidden;
}
.footer__copyright {
  font-size: 18px;
}
.mobs {
  position: relative;
  margin: 0 auto;
  width: 560px;
  z-index: 30;
}
.mobs__item {
  position: absolute;
}
.mobs__item.mobs__item--01 {
  display: block;
  width: 184px;
  height: 166px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -2016px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -11270px;
  right: -300px;
  -webkit-transform: translateX(1400px);
  transform: translateX(1400px);
}
.mobs__item.mobs__item--01.is-start {
  display: block;
  -webkit-animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mobs__item.mobs__item--02 {
  display: block;
  width: 262px;
  height: 288px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -5104px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -10720px;
  left: -400px;
  -webkit-transform: translateX(-1400px);
  transform: translateX(-1400px);
}
.mobs__item.mobs__item--02.is-start {
  display: block;
  -webkit-animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mobs__item.mobs__item--03 {
  display: block;
  width: 222px;
  height: 210px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -3940px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -9920px;
  right: -400px;
  -webkit-transform: translateX(1400px);
  transform: translateX(1400px);
}
.mobs__item.mobs__item--03.is-start {
  display: block;
  -webkit-animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mobs__item.mobs__item--04 {
  display: block;
  width: 172px;
  height: 212px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -4160px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -9170px;
  left: -300px;
  -webkit-transform: translateX(-1400px);
  transform: translateX(-1400px);
}
.mobs__item.mobs__item--04.is-start {
  display: block;
  -webkit-animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mobs__item.mobs__item--05 {
  display: block;
  width: 244px;
  height: 302px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -5402px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -8220px;
  right: -350px;
  -webkit-transform: translateX(1400px);
  transform: translateX(1400px);
}
.mobs__item.mobs__item--05.is-start {
  display: block;
  -webkit-animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mobs__item.mobs__item--06 {
  display: block;
  width: 196px;
  height: 160px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -1846px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -7670px;
  left: -360px;
  -webkit-transform: translateX(-1400px);
  transform: translateX(-1400px);
}
.mobs__item.mobs__item--06.is-start {
  display: block;
  -webkit-animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mobs__item.mobs__item--07 {
  display: block;
  width: 190px;
  height: 218px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -4382px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -6900px;
  right: -400px;
  -webkit-transform: translateX(1400px);
  transform: translateX(1400px);
}
.mobs__item.mobs__item--07.is-start {
  display: block;
  -webkit-animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem1 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.mobs__item.mobs__item--08 {
  display: block;
  width: 304px;
  height: 312px;
  background-image: url("/pc/image/game/denaranger_rt/parts.png");
  background-repeat: no-repeat;
  background-size: 304px 6026px;
  background-position: 0px -5714px;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  top: -6150px;
  left: -360px;
  -webkit-transform: translateX(-1400px);
  transform: translateX(-1400px);
}
.mobs__item.mobs__item--08.is-start {
  display: block;
  -webkit-animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: mobItem2 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.ie8 .header__shine .header__shine--01,
.ie9 .header__shine .header__shine--01,
.ie8 .header__shine .header__shine--02,
.ie9 .header__shine .header__shine--02 {
  opacity: 1;
}
@-webkit-keyframes animationType1 {
  0% {
    -webkit-transform: translateY(30px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes animationType2 {
  0% {
    -webkit-transform: translateY(100px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes headerShine1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes headerShine2 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes headerTitle {
  0% {
    -webkit-transform: translateY(-250px);
  }
  80% {
    -webkit-transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes headerPerson {
  0% {
    -webkit-transform: translateY(550px);
  }
  80% {
    -webkit-transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes headerBalloon {
  0% {
    -webkit-transform: scale(0);
  }
  90% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes rangersItem1 {
  0% {
    -webkit-transform: translateY(130px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@-webkit-keyframes rangersItem2 {
  0% {
    -webkit-transform: translateY(170px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes rangersItem3 {
  0% {
    -webkit-transform: translateY(165px);
  }
  90% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes rengersFinger {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(30deg);
  }
}
@-webkit-keyframes methodCosmetic1 {
  0% {
    -webkit-transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(60px);
  }
  100% {
    -webkit-transform: translateY(30px);
  }
}
@-webkit-keyframes methodCosmetic2 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(30px);
  }
}
@-webkit-keyframes methodCosmetic3 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-60px);
  }
}
@-webkit-keyframes presentCosmetic1 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(40px);
  }
}
@-webkit-keyframes presentCosmetic2 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-40px);
  }
}
@-webkit-keyframes presentCosmetic3 {
  0% {
    -webkit-transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(30px);
  }
}
@-webkit-keyframes introductionCosmetic1 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-40px);
  }
}
@-webkit-keyframes introductionCosmetic2 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
  }
}
@-webkit-keyframes introductionCosmetic3 {
  0% {
    -webkit-transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(30px);
  }
}
@-webkit-keyframes characterListCosmetic1 {
  0% {
    -webkit-transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(40px);
  }
}
@-webkit-keyframes characterListCosmetic2 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(30px);
  }
}
@-webkit-keyframes characterListCosmetic3 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(30px);
  }
}
@-webkit-keyframes mobItem1 {
  0% {
    -webkit-transform: translateX(300px);
  }
  90% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes mobItem2 {
  0% {
    -webkit-transform: translateX(-300px);
  }
  90% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes animationType1 {
  0% {
    transform: translateY(30px);
  }
  90% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes animationType2 {
  0% {
    transform: translateY(100px);
  }
  90% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes headerShine1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes headerShine2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes headerTitle {
  0% {
    transform: translateY(-250px);
  }
  80% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes headerPerson {
  0% {
    transform: translateY(550px);
  }
  80% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes headerBalloon {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rangersItem1 {
  0% {
    transform: translateY(130px);
  }
  90% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes rangersItem2 {
  0% {
    transform: translateY(170px);
  }
  90% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes rangersItem3 {
  0% {
    transform: translateY(165px);
  }
  90% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes rengersFinger {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30deg);
  }
}
@keyframes methodCosmetic1 {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(60px);
  }
  100% {
    transform: translateY(30px);
  }
}
@keyframes methodCosmetic2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(30px);
  }
}
@keyframes methodCosmetic3 {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-60px);
  }
}
@keyframes presentCosmetic1 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(40px);
  }
}
@keyframes presentCosmetic2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-40px);
  }
}
@keyframes presentCosmetic3 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes introductionCosmetic1 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-40px);
  }
}
@keyframes introductionCosmetic2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(20px);
  }
}
@keyframes introductionCosmetic3 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes characterListCosmetic1 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(40px);
  }
}
@keyframes characterListCosmetic2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(30px);
  }
}
@keyframes characterListCosmetic3 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(30px);
  }
}
@keyframes mobItem1 {
  0% {
    transform: translateX(300px);
  }
  90% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes mobItem2 {
  0% {
    transform: translateX(-300px);
  }
  90% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.ie8 body {
  background: #333;
  color: #fff;
}
.ie8-body {
  margin: 0 auto;
  padding: 3em 10px;
  width: 500px;
}
.ie8-body h1 {
  margin: 0 auto 30px;
  width: 498px;
  height: 214px;
  background: url("/pc/image/game/denaranger_rt/logo-ie8_01.png");
  text-indent: -9999px;
  overflow: hidden;
}
.ie8-body p {
  margin-bottom: 30px;
}
.finish {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background: #000;
  background: rgba(0,0,0,0.5);
  text-align: center;
  z-index: 10;
}
.finish img {
  padding-top: 50px;
}