.nav-wrap {
  position: absolute;
  left: 50%;
  margin-left: 137px;
  z-index: 99;
  font-size: 0;
  width: 852px;
}
.nav-wrap::after {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/nav-1_86890b10.png);
  width: 300px;
  height: 57px;
  background-position: -565px 0;
  display: inline-block;
  content: ' ';
}
.nav-wrap a {
  display: inline-block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/nav-1_86890b10.png);
  width: 140px;
  height: 57px;
}
.nav-wrap a:hover,
.nav-wrap a.active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/nav-2_277825d0.png);
}
.nav-wrap a.home {
  background-position: 0px 0;
}
.nav-wrap a.qb {
  background-position: -149px 0;
  width: 107px;
}
.nav-wrap a.gl {
  background-position: -268px 0;
  width: 92px;
}
.nav-wrap a.wq {
  background-position: -370px 0;
  width: 88px;
}
.nav-wrap a.uk {
  background-position: -467px 0;
  width: 99px;
}

@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
input {
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em {
  font-weight: normal;
  font-style: normal;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #62a1c9;
}
html,
body {
  width: 100%;
  min-height: 930px;
  height: auto;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #454545;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #454545;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #454545;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #454545;
}
/*宽度限制板块*/
.wbox {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
.wbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wbox {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .wbox {
  zoom: 1;
}
.wbox {
  display: block;
  position: relative;
}
/* End hide from IE-mac */
body {
  width: 100%;
  min-width: 1400px;
}
input,
textarea,
a,
div,
button,
select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hide {
  display: none;
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/**** DEMO单行
.text-overflow-ellipsis(1);
多行
 .text-overflow-ellipsis(2);
****/
#share_pic {
  display: none;
}
@-webkit-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-o-keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%,
  25%,
  100% {
    opacity: 0;
  }
  50%,
  75% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes zoomInAndOut {
  0% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(0.9);
    opacity: 1;
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(0.9);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(0.9);
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform-origin: center center;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: center center;
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
    opacity: 1;
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes shake {
  50% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
  }
  0%,
  100% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
  }
}
@-webkit-keyframes flip1 {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip1 {
  0% {
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flip2 {
  0% {
    -webkit-transform: perspective(400px) rotateY(-90deg);
  }
  25% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  50% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flip2 {
  0% {
    transform: perspective(400px) rotateY(-90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes shine {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
}
@-webkit-keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@keyframes gif {
  0% {
    background-position: 0%;
    opacity: 1;
  }
  100% {
    background-position: 200%;
    opacity: 1;
  }
}
@-webkit-keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@keyframes zoom2 {
  0% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(0.98, 1, 1);
    transform: scale3d(0.98, 1, 1);
  }
}
@-webkit-keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@keyframes matrix {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0015, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: center center 0px;
    -webkit-transform-origin: center center 0px;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes zoomIn2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes zoomIn2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes translateDown {
  0%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
}
@keyframes translateLeft {
  0%,
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
  }
}
@keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@-webkit-keyframes arrow {
  0%,
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.15rem);
    -webkit-transform: translate(0, 0.15rem);
    -moz-transform: translate(0, 0.15rem);
    -ms-transform: translate(0, 0.15rem);
    -o-transform: translate(0, 0.15rem);
  }
}
@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fylLeft {
  0% {
    opacity: 1;
    transform: translateX(-6rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-ms-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-o-keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleSkill {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes btnShake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes innerIn {
  0% {
    transform: translateX(1000px);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes videoInLeft {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-ms-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-o-keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes videoInRight {
  0% {
    opacity: 0;
    transform: translateX(1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-moz-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-ms-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-o-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-webkit-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-moz-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-ms-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-o-keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes btnMove {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
body {
  margin: 0 auto;
}
#wrap {
  position: relative;
  width: 100%;
}
#wrap #app {
  position: relative;
  max-width: 1920px;
  min-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
}
.index {
  position: relative;
  height: 100%;
  max-width: 1920px;
  min-width: 1400px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/index-bg_b2508378.jpg);
  background-size: cover;
  overflow: hidden;
}
.index .logo {
  display: block;
  width: 310px;
  height: 143px;
  position: absolute;
  left: 50%;
  margin-left: -571px;
  top: 44px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1175px 1073px;
background-position:-295px -485px;

}
.index .slogan {
  display: block;
  width: 576px;
  height: 220px;
  position: absolute;
  left: 50%;
  margin-left: 108px;
  top: 296px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/slogan_0b6574de.png) no-repeat;
}
.index .video-wrap {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-295px -337px;

  width: 365px;
  height: 144px;
  position: absolute;
  left: 50%;
  margin-left: 150px;
  top: 192px;
}
.index .video-wrap .btn-y-play {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-941px -650px;

  width: 102px;
  height: 102px;
  position: absolute;
  top: 62px;
  left: 18px;
  z-index: 1;
  cursor: pointer;
}
.index .video-wrap .btn-y-play:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-941px -544px;
width:102px;
height:102px;

}
.index .sy-wrap {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-295px -795px;

  width: 530px;
  height: 32px;
  position: absolute;
  left: 50%;
  margin-left: -257px;
  top: 618px;
}
.index .btn-wrap {
  position: absolute;
  left: 50%;
  margin-left: -139px;
  top: 678px;
  display: flex;
}
.index .btn-d-google {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-279px -1033px;

  width: 135px;
  height: 40px;
}
.index .btn-d-google:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-140px -1033px;
width:135px;
height:40px;

}
.index .btn-d-apple {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-924px -980px;

  width: 137px;
  height: 40px;
  margin-left: 50px;
}
.index .btn-d-apple:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-0px -1033px;
width:136px;
height:40px;

}
.index .type-wrap {
  position: absolute;
  width: 750px;
  left: 50%;
  margin-left: -390px;
  top: 675px;
  font-size: 24px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.index .type-wrap .android {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat left center;background-size:1175px 1073px;
background-position:-493px -744px;

  width: 355px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
}
.index .type-wrap .android.active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat left center;background-size:1175px 1073px;
background-position:-493px -766px;
width:355px;
height:18px;

}
.index .type-wrap .ios {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat right center;background-size:1175px 1073px;
background-position:-153px -847px;

  width: 289px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
}
.index .type-wrap .ios.active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat right center;background-size:1175px 1073px;
background-position:-446px -847px;
width:289px;
height:18px;

}
.index .type-wrap .icon {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat right center;background-size:1175px 1073px;
background-position:-1150px -572px;

  width: 22px;
  height: 22px;
  display: inline-block;
}
.index .login-wrap {
  position: absolute;
  left: 50%;
  margin-left: -190px;
  top: 717px;
}
.index .login-wrap input {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-664px -433px;

  width: 235px;
  height: 46px;
  position: absolute;
  color: #a10000;
  border: none;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.index .login-wrap .submit {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-785px -980px;

  width: 135px;
  height: 49px;
  cursor: pointer;
  position: absolute;
  left: 236px;
}
.index .login-wrap .submit:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-646px -980px;
width:135px;
height:49px;

}
.index .k-copyRight {
  position: absolute;
  bottom: 82px;
  right: 12px;
  color: #929292;
  font-size: 14px;
  width: 400px;
}
.btn-next {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -365px;

  width: 74px;
  height: 79px;
  position: absolute;
  left: 50%;
  margin-left: -21px;
  top: 790px;
  z-index: 5;
  cursor: pointer;
  -webkit-animation: btnMove 1.2s infinite 300ms 0 ease;
  -moz-animation: btnMove 1.2s infinite 300ms 0 ease;
  -ms-animation: btnMove 1.2s infinite 300ms 0 ease;
  animation: btnMove 1.2s infinite 300ms 0 ease;
  -o-animation: btnMove 1.2s infinite;
  -webkit-animation: btnMove 1.2s infinite;
  -moz-animation: btnMove 1.2s infinite;
  -ms-animation: btnMove 1.2s infinite;
  animation: btnMove 1.2s infinite;
}
.btn-next:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -282px;
width:74px;
height:79px;

}
#share {
  display: none;
  position: absolute;
  top: 30px;
  left: 3px;
  width: 32px;
  height: 142px;
  padding-top: 10px;
}
#share .NIE-share .NIE-share-iconBtn a {
  display: block;
  color: #c91a00;
  line-height: 36px;
  font-size: 25px;
  margin-left: 4px;
  margin-right: auto;
}
#share .NIE-share .NIE-share-iconBtn a:hover {
  color: #f01f00;
}
#share .NIE-share-txt,
#share .morebtn {
  display: none !important;
}
.btn-copyright {
  width: 101px;
  height: 17px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png);background-size:1175px 1073px;
background-position:-819px -548px;

  display: block;
  position: absolute;
  bottom: 25px;
  z-index: 10;
  right: 66px;
  cursor: pointer;
}
.btn-copyright:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png);background-size:1175px 1073px;
background-position:-819px -506px;
width:101px;
height:17px;

}
.btn-copyright.active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png);background-size:1175px 1073px;
background-position:-819px -527px;
width:101px;
height:17px;

}
.btn-copyright.active:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png);background-size:1175px 1073px;
background-position:-819px -485px;
width:101px;
height:17px;

}
.movie-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  width: 100%;
  height: 100%;
}
.movie-wrap .movie-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: 0.8;
}
.movie-wrap .movie-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 950px;
  height: 570px;
}
.movie-wrap .movie-inner .popup-close {
  cursor: pointer;
  position: absolute;
  display: block;
  top: -34px;
  right: -38px;
  width: 28px;
  height: 35px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1175px 1073px;
background-position:-1043px -756px;

}
.movie-wrap .movie-inner .popup-close:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1175px 1073px;
background-position:-1043px -795px;
width:28px;
height:35px;

}
.movie-wrap .movie-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cfooter {
  background: #1a1b1a;
  color: #9b9c9b;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
  user-select: none;
}
.cfooter #footer {
  height: 68px;
  width: 800px;
  position: relative;
  left: 50%;
  margin-left: -385px;
  z-index: 3;
  overflow: hidden;
  zoom: 1;
  box-sizing: border-box;
  padding-top: 10px;
}
.cfooter a {
  color: #9b9c9b;
}
.cfooter .nie-cn-part2 {
  display: none;
}
.cfooter .item {
  display: block;
  float: left;
  margin-left: 30px;
  box-sizing: border-box;
}
.cfooter .text {
  font-size: 14px;
  line-height: 20px;
  color: #818181;
  margin-top: 5px;
  font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif;
}
.cfooter .nieLogo {
  width: 116px;
  height: 42px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/nieLogo_6c6b1f94.png) no-repeat;
}
.cfooter .xieyi {
  color: #818181;
  text-decoration: underline;
}
::-webkit-input-placeholder {
  color: #a10000;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #a10000;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #a10000;
}
:-ms-input-placeholder {
  color: #a10000;
}
.inner {
  position: relative;
  height: 100%;
  max-width: 1920px;
  min-width: 1400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/bg_2e021d4b.jpg);
  overflow: hidden;
}
.news-item {
  display: none;
}
.video .slogan {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/slogan_4b0d766c.png) no-repeat center;
  width: 265px;
  height: 571px;
  position: absolute;
  left: 50%;
  margin-left: -135px;
  top: 119px;
}
.video .slogan-kv {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/slogan-kv_c61d0fc3.png) no-repeat center;
  width: 393px;
  height: 395px;
  position: absolute;
  left: 50%;
  margin-left: 111px;
  top: 390px;
}
.video .video-item {
  position: absolute;
  opacity: 0;
}
.video .video-item .btn-y-play {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-941px -756px;

  width: 98px;
  height: 98px;
  position: absolute;
  top: 164px;
  left: 239px;
  z-index: 1;
  cursor: pointer;
}
.video .video-item .btn-y-play:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -0px;
width:98px;
height:98px;

}
.video .video-item.item-1 {
  top: 0;
  left: 50%;
  margin-left: 37px;
}
.video .video-item.item-1 .video-bg {
  position: absolute;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/vido-bg-wrap-1_0b0cb001.png) no-repeat center;
  width: 550px;
  height: 410px;
  display: block;
}
.video .video-item.item-1.active {
  -webkit-animation: videoInRight 1s forwards 300ms 0 ease;
  -moz-animation: videoInRight 1s forwards 300ms 0 ease;
  -ms-animation: videoInRight 1s forwards 300ms 0 ease;
  animation: videoInRight 1s forwards 300ms 0 ease;
  -o-animation: videoInRight 1s forwards;
  -webkit-animation: videoInRight 1s forwards;
  -moz-animation: videoInRight 1s forwards;
  -ms-animation: videoInRight 1s forwards;
  animation: videoInRight 1s forwards;
}
.video .video-item.item-2 {
  top: 379px;
  left: 50%;
  margin-left: 37px;
}
.video .video-item.item-2 .video-bg {
  position: absolute;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/vido-bg-wrap-2_b151daac.png) no-repeat center;
  width: 550px;
  height: 489px;
  display: block;
}
.video .video-item.item-2 .video-bg .btn-y-play {
  top: 247px;
}
.video .video-item.item-2.active {
  -webkit-animation: videoInRight 1s forwards 300ms 0 ease;
  -moz-animation: videoInRight 1s forwards 300ms 0 ease;
  -ms-animation: videoInRight 1s forwards 300ms 0 ease;
  animation: videoInRight 1s forwards 300ms 0 ease;
  -o-animation: videoInRight 1s forwards;
  -webkit-animation: videoInRight 1s forwards;
  -moz-animation: videoInRight 1s forwards;
  -ms-animation: videoInRight 1s forwards;
  animation: videoInRight 1s forwards;
}
.video .video-item.item-3 {
  top: 135px;
  left: 50%;
  margin-left: -730px;
}
.video .video-item.item-3 .video-bg {
  position: absolute;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/vido-bg-wrap-3_5cccd0bd.png) no-repeat center;
  width: 550px;
  height: 488px;
  display: block;
}
.video .video-item.item-3 .video-bg .btn-y-play {
  top: 247px;
}
.video .video-item.item-3.active {
  -webkit-animation: videoInLeft 1s forwards 300ms 0 ease;
  -moz-animation: videoInLeft 1s forwards 300ms 0 ease;
  -ms-animation: videoInLeft 1s forwards 300ms 0 ease;
  animation: videoInLeft 1s forwards 300ms 0 ease;
  -o-animation: videoInLeft 1s forwards;
  -webkit-animation: videoInLeft 1s forwards;
  -moz-animation: videoInLeft 1s forwards;
  -ms-animation: videoInLeft 1s forwards;
  animation: videoInLeft 1s forwards;
}
.reward .bg-df {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/bg-df_87baa113.png) no-repeat center;
  width: 996px;
  height: 590px;
  position: absolute;
  left: 50%;
  margin-left: -533px;
  top: 73px;
  z-index: 1;
}
.reward .slogan {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/slogan_cce512af.png) no-repeat center;
  width: 208px;
  height: 593px;
  position: absolute;
  left: 50%;
  margin-left: 354px;
  top: 55px;
  z-index: 3;
}
.reward .video-list {
  position: absolute;
  height: 100%;
  left: 50%;
  margin-left: -960px;
  z-index: 2;
  width: 1920px;
}
.reward video {
  width: 1920px;
}
.reward .reward-wrap {
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -576px;
  z-index: 4;
}
.reward .reward-wrap .item {
  margin-bottom: 25px;
  cursor: pointer;
}
.reward .reward-wrap .item-4 {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-177px -876px;
width:173px;
height:100px;

  position: relative;
}
.reward .reward-wrap .item-4.active,
.reward .reward-wrap .item-4:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-0px -876px;
width:173px;
height:100px;

}
.reward .reward-wrap .item-4 .after {
  content: ' ';
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1068.1818181818182px 983.5833333333333px;
background-position:-855.4545454545454px -123.63636363636363px;

  width: 120px;
  height: 121px;
  display: block;
  position: absolute;
  left: -90px;
  top: -8px;
}
.reward .reward-wrap .item-3 {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-354px -876px;
width:165px;
height:99px;

  position: relative;
}
.reward .reward-wrap .item-3.active,
.reward .reward-wrap .item-3:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-523px -876px;
width:165px;
height:99px;

}
.reward .reward-wrap .item-3 .after {
  content: ' ';
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1068.1818181818182px 983.5833333333333px;
background-position:-855.4545454545454px -123.63636363636363px;

  width: 120px;
  height: 121px;
  display: block;
  position: absolute;
  left: -90px;
  top: -8px;
}
.reward .reward-wrap .item-2 {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-664px -337px;
width:206px;
height:92px;

  position: relative;
}
.reward .reward-wrap .item-2.active,
.reward .reward-wrap .item-2:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-609px -485px;
width:206px;
height:92px;

}
.reward .reward-wrap .item-2 .after {
  content: ' ';
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1068.1818181818182px 983.5833333333333px;
background-position:-855.4545454545454px -123.63636363636363px;

  width: 120px;
  height: 121px;
  display: block;
  position: absolute;
  left: -90px;
  top: -8px;
}
.reward .reward-wrap .item-1 {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-859px -876px;
width:163px;
height:99px;

  position: relative;
}
.reward .reward-wrap .item-1.active,
.reward .reward-wrap .item-1:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-692px -876px;
width:163px;
height:99px;

}
.reward .reward-wrap .item-1 .after {
  content: ' ';
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1068.1818181818182px 983.5833333333333px;
background-position:-855.4545454545454px -123.63636363636363px;

  width: 120px;
  height: 121px;
  display: block;
  position: absolute;
  left: -90px;
  top: -8px;
}
.reward .reward-wrap .item-1 {
  width: 163px;
  height: 99px;
}
.reward .reward-wrap .item-1 .after {
  top: 0px;
}
.reward .reward-wrap .item-2 {
  width: 206px;
  height: 92px;
}
.reward .reward-wrap .item-3 {
  width: 165px;
  height: 99px;
}
.reward .reward-wrap .item-4 {
  width: 173px;
  height: 100px;
}
.reward .btn-wrap {
  position: absolute;
  left: 50%;
  margin-left: -434px;
  top: 602px;
  z-index: 5;
}
.reward .btn-wrap .twitter-wrap {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/t-bg_a4085f2b.png) no-repeat center;
  width: 618px;
  height: 116px;
  position: absolute;
}
.reward .btn-wrap .twitter-wrap .btn-twitter {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-0px -980px;

  width: 180px;
  height: 49px;
  position: absolute;
  top: 38px;
  left: 110px;
  cursor: pointer;
  transform: scale(1.1);
}
.reward .btn-wrap .twitter-wrap .btn-twitter:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-184px -980px;
width:180px;
height:49px;

}
.reward .btn-wrap .other-wrap {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/b-bg_a1abc793.png) no-repeat center;
  width: 491px;
  height: 142px;
  position: absolute;
  top: 66px;
  left: 354px;
}
.reward .btn-wrap .other-wrap .btn-line {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-874px -337px;

  width: 32px;
  height: 29px;
  position: absolute;
  top: 34px;
  left: 53px;
  cursor: pointer;
}
.reward .btn-wrap .other-wrap .btn-line:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1113px -940px;
width:32px;
height:29px;

}
.reward .btn-wrap .other-wrap .btn-email {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-874px -398px;

  width: 31px;
  height: 24px;
  position: absolute;
  top: 99px;
  left: 57px;
  cursor: pointer;
}
.reward .btn-wrap .other-wrap .btn-email:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-874px -370px;
width:31px;
height:24px;

}
.reward .btn-wrap .other-wrap .btn-google {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1119px -634px;

  width: 38px;
  height: 42px;
  position: absolute;
  top: 82px;
  left: 377px;
  cursor: pointer;
}
.reward .btn-wrap .other-wrap .btn-google:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -634px;
width:38px;
height:42px;

}
.reward .btn-wrap .other-wrap .btn-youtobe {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1116px -826px;

  width: 31px;
  height: 35px;
  position: absolute;
  top: 89px;
  left: 147px;
  cursor: pointer;
}
.reward .btn-wrap .other-wrap .btn-youtobe:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -865px;
width:31px;
height:35px;

}
.reward .btn-wrap .other-wrap .btn-apple {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1115px -744px;

  width: 34px;
  height: 39px;
  position: absolute;
  top: 83px;
  left: 277px;
  cursor: pointer;
}
.reward .btn-wrap .other-wrap .btn-apple:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -744px;
width:34px;
height:39px;

}
.reward .btn-wrap .other-wrap .btn-apple.disable {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1129px -680px;
width:34px;
height:39px;

  cursor: not-allowed;
}
.reward .reward-modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}
.reward .reward-modal .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #222;
  opacity: 0.8;
}
.reward .reward-modal .content {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/m-bg_e2fef7f3.png) no-repeat center top;
  background-size: cover;
  width: 566px;
  height: 417px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.reward .reward-modal .content .btn-close {
  position: absolute;
  left: 50%;
  margin-left: 194px;
  top: -50px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-1077px -448px;

  width: 90px;
  height: 58px;
  cursor: pointer;
  z-index: 1;
}
.reward .reward-modal .content .btn-close:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center top;background-size:1175px 1073px;
background-position:-1077px -510px;
width:90px;
height:58px;

}
.reward .reward-modal .content .type-wrap {
  position: absolute;
  width: 750px;
  left: -107px;
  top: 186px;
  font-size: 24px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reward .reward-modal .content .type-wrap .android {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/a-1_c9efeea9.png) no-repeat left center;
  width: 100px;
  height: 18px;
  padding-left: 290px;
  line-height: 18px;
  cursor: pointer;
  display: inline-block;
}
.reward .reward-modal .content .type-wrap .android.active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/a-2_22a20d18.png) no-repeat left center;
}
.reward .reward-modal .content .type-wrap .ios {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/i-1_8593d1ea.png) no-repeat right center;
  width: 43px;
  height: 18px;
  padding-right: 250px;
  cursor: pointer;
  line-height: 18px;
  display: inline-block;
}
.reward .reward-modal .content .type-wrap .ios.active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/i-2_8292caa2.png) no-repeat right center;
}
.reward .reward-modal .content .type-wrap .icon {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat right center;background-size:1175px 1073px;
background-position:-1150px -572px;

  width: 22px;
  height: 22px;
  display: inline-block;
}
.reward .reward-modal .content .login-wrap {
  position: absolute;
  left: 102px;
  top: 188px;
}
.reward .reward-modal .content .login-wrap input {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-664px -433px;

  width: 235px;
  height: 46px;
  position: absolute;
  color: #a10000;
  border: none;
  padding: 6px 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.reward .reward-modal .content .login-wrap .btn-submit {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-785px -980px;

  width: 135px;
  height: 49px;
  cursor: pointer;
  position: absolute;
  left: 236px;
}
.reward .reward-modal .content .login-wrap .btn-submit:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-646px -980px;
width:135px;
height:49px;

}
.reward .reward-modal .content .info {
  color: #222;
  position: absolute;
  bottom: 100px;
  font-size: 12px;
  width: 440px;
  left: 67px;
}
.twitter .slogan {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/slogan_1bf97627.png) no-repeat center;
  width: 196px;
  height: 576px;
  position: absolute;
  left: 50%;
  margin-left: -346px;
  top: 35px;
}
.twitter .twitter-bg {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/t-bg_b926bd91.png) no-repeat center;
  width: 456px;
  height: 535px;
  position: absolute;
  left: 50%;
  margin-left: -133px;
  top: 99px;
}
.twitter .twitter-bg.ie-wrap {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/t-bg-2_290ae0e7.png) no-repeat center;
  cursor: pointer;
}
.twitter .twitter-bg.ie-wrap .IE-btn {
  width: 100%;
  height: 100%;
  display: block;
}
.twitter .twitter-bg .twitter-wrap {
  position: absolute;
  right: 2px;
  top: 0;
  width: 450px;
  height: 530px;
  overflow-x: hidden;
  overflow-y: scroll;
  clip-path: polygon(100% 1%, 96% 100%, 0% 90%, 1% 13%);
  -webkit-clip-path: polygon(100% 1%, 96% 100%, 0% 90%, 1% 13%);
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
}
.twitter .twitter-bg .twitter-wrap::-webkit-scrollbar {
  width: 0 !important;
}
.twitter .btn-go {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-670px -632px;

  width: 173px;
  height: 108px;
  position: absolute;
  left: 50%;
  margin-left: -331px;
  top: 559px;
  cursor: pointer;
}
.twitter .btn-go:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-493px -632px;
width:173px;
height:108px;

}
.twitter .kv {
  display: block;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/kv_5fcd5039.png) no-repeat center;
  width: 1048px;
  height: 1080px;
  position: absolute;
  left: 50%;
  margin-left: -282px;
  top: -15px;
  pointer-events: none;
}
.story {
  height: 100%;
  max-height: 1080px;
}
.story .video {
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
.story .slogan {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-153px -337px;

  width: 138px;
  height: 506px;
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: 507px;
}
.story .title {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-0px -0px;

  width: 937px;
  height: 333px;
  position: absolute;
  top: 500px;
  left: 50%;
  margin-left: -665px;
}
.news .slogan {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-0px -337px;

  width: 149px;
  height: 535px;
  position: absolute;
  top: 63px;
  left: 50%;
  margin-left: -413px;
  z-index: 3;
}
.news .slogan .btn-more {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -680px;

  width: 22px;
  height: 60px;
  position: absolute;
  bottom: 162px;
  right: -3px;
  cursor: pointer;
  display: block;
}
.news .slogan .btn-more:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1103px -680px;
width:22px;
height:60px;

}
.news .kv-wrap {
  width: 947px;
  height: 805px;
  position: absolute;
  top: 9px;
  left: 50%;
  margin-left: -649px;
  overflow: hidden;
}
.news .kv-wrap .news-kv-pagination {
  position: absolute;
  bottom: 98px;
  left: 527px;
  z-index: 2;
}
.news .kv-wrap .news-kv-pagination .swiper-pagination-bullet {
  opacity: 1;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1175px 1073px;
background-position:-1116px -787px;

  margin: 0 10px;
  cursor: pointer;
}
.news .kv-wrap .news-kv-pagination .swiper-pagination-bullet:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1175px 1073px;
background-position:-1077px -826px;
width:35px;
height:35px;

}
.news .kv-wrap .news-kv-pagination .swiper-pagination-bullet-active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1175px 1073px;
background-position:-1077px -826px;
width:35px;
height:35px;

}
.news .slogan-kv {
  width: 947px;
  height: 805px;
}
.news .slogan-kv.bi {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/kv-5_ae6521ea.png) no-repeat center;
}
.news .slogan-kv.tang {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/kv-1_e2efdd49.png) no-repeat center;
}
.news .slogan-kv.quan {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/kv-2_21257fd0.png) no-repeat center;
}
.news .slogan-kv.jian {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/kv-3_c7032d47.png) no-repeat center;
}
.news .slogan-kv.qiang {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/kv-4_a2ccf2f2.png) no-repeat center;
}
.news .slogan-kv p {
  font-size: 16px;
  writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  height: 346px;
  position: absolute;
  left: 48.7%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 78px;
  line-height: 1.6;
  color: #d6d6d6;
}
.news .video-wrap {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-295px -632px;

  width: 194px;
  height: 159px;
  position: absolute;
  top: 432px;
  left: 50%;
  margin-left: -127px;
}
.news .video-wrap .btn-play,
.news .video-wrap .btn-y-play {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -192px;

  width: 85px;
  height: 86px;
  position: absolute;
  left: 54px;
  top: 31px;
  cursor: pointer;
}
.news .video-wrap .btn-play:hover,
.news .video-wrap .btn-y-play:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -102px;
width:85px;
height:86px;

}
.news .news-wrap {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/news-bg_b340ec7d.png) no-repeat center;
  width: 414px;
  height: 526px;
  position: absolute;
  left: 50%;
  margin-left: 177px;
  top: 172px;
  z-index: 1;
}
.news .news-wrap .news-img-swiper {
  width: 400px;
  margin: 14px auto 8px;
  overflow: hidden;
}
.news .news-wrap .news-img-swiper .swiper-wrapper .swiper-slide {
  display: block;
  width: 408px;
  height: 203px;
  background-size: cover;
}
.news .news-wrap .news-img-pagination {
  position: absolute;
  top: 192px;
  right: 10px;
  z-index: 2;
}
.news .news-wrap .news-img-pagination .swiper-pagination-bullet {
  opacity: 1;
  display: inline-block;
  width: 35px;
  height: 6px;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1468.75px 1073px;
background-position:-1411.25px -903.75px;

  margin: 0;
  cursor: pointer;
}
.news .news-wrap .news-img-pagination .swiper-pagination-bullet-active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat;background-size:1175px 1073px;
background-position:-1150px -624px;
width:24px;
height:6px;

}
.news .news-wrap .news-item {
  display: table;
  font-size: 14px;
  margin-bottom: 15px;
  display: block;
}
.news .news-wrap .news-item:hover .info {
  text-decoration: underline;
}
.news .news-wrap .news-item .time {
  color: #ec3434;
  font-weight: bold;
  margin-bottom: 5px;
}
.news .news-wrap .news-item .time::before {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1155px -282px;

  width: 14px;
  height: 17px;
  display: inline-block;
  content: ' ';
  margin: 0 5px 0 13px;
  vertical-align: text-top;
}
.news .news-wrap .news-item .info {
  color: #dddddd;
  margin-left: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 386px;
}
.news .news-wrap .btn-news-more {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-941px -858px;

  width: 57px;
  height: 11px;
  position: absolute;
  right: 16px;
  bottom: 43px;
  cursor: pointer;
  display: block;
}
.news .news-wrap .btn-news-more:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1002px -858px;
width:57px;
height:11px;

}
.slide-nav-wrap {
  position: absolute;
  right: 88px;
  top: 248px;
  z-index: 1;
}
.slide-nav-wrap.small {
  position: absolute;
  left: 50%;
  margin-left: 635px;
}
.slide-nav-wrap .nav-bg-1 {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/nav-bg-1_270762f6.png) no-repeat top;
  width: 29px;
  height: 331px;
}
.slide-nav-wrap .nav-bg-2 {
  position: absolute;
  top: 0;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/nav-bg-2_c8fd69aa.png) no-repeat top;
  width: 29px;
}
.slide-nav-wrap .btn-wrap {
  position: absolute;
  top: 60px;
  left: -2px;
}
.slide-nav-wrap .btn-jump {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -940px;

  width: 32px;
  height: 32px;
  cursor: pointer;
  margin-bottom: 50px;
  position: relative;
}
.slide-nav-wrap .btn-jump:hover,
.slide-nav-wrap .btn-jump.active {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1114px -904px;
width:32px;
height:32px;

}
.slide-nav-wrap .btn-jump .btn-kv {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -572px;

  width: 69px;
  height: 58px;
  position: absolute;
  top: -41px;
  left: -35px;
}
.slide-nav-wrap .btn-top {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1077px -904px;

  width: 33px;
  height: 32px;
  position: absolute;
  bottom: -48px;
  left: -4px;
  cursor: pointer;
}
.slide-nav-wrap .btn-top P {
  color: #fff;
  font-size: 17px;
  position: absolute;
  top: 36px;
  left: 2px;
}
.slide-nav-wrap .btn-top:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/sprite-b50764_b5076470.png) no-repeat center;background-size:1175px 1073px;
background-position:-1112px -865px;
width:33px;
height:32px;

}
@media (max-height: 900px) {
  .reward .btn-wrap {
    top: 542px;
  }
  .story .title {
    top: 300px;
  }
}
.pop_video_bg {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
  width: 100%;
  z-index: 9999;
  min-width: 1200px;
}
.pop_video {
  position: fixed;
  left: 50%;
  z-index: 10000;
  display: none;
}
.pop_hd {
  background: #94949466;
  width: 725px;
  height: 367px;
}
.pop_hd .pop_hd_content {
  width: 700px;
  height: 350px;
  left: 12px;
  top: 14px;
  position: absolute;
}
.pop_hd .pop_hd_content img {
  display: block;
  width: 700px;
  height: 350px;
}
.close_pv {
  position: absolute;
  right: -48px;
  top: 0;
  width: 48px;
  height: 48px;
  text-indent: -9999em;
  outline: 0;
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/pop_closeBtn1_b0ae4632.png) no-repeat center top;
}
.close_pv:hover {
  background: url(https://www.ryuseigame.jp/m/gw/20190812171726/img/pop_closeBtn2_5c0add59.png) no-repeat center top;
}