.fancybox-overlay .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background: url("../../public/img/world/close.png"); }

.fancybox-close, .fancybox-prev span, .fancybox-next span {
  right: 0 !important;
  background: url("../../public/img/world/close.png") !important;
  top: -70px !important;
  width: 53px !important;
  height: 53px !important; }

.prologue, .story {
  display: none; }

.text-notice {
  margin: 50px 0 30px;
  text-align: center;
  font-size: 15px; }
  .text-notice.alone {
    margin: 60px 0 -120px; }

#prologue.section-main .movie .icon {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block; }
#prologue.section-main .movie .icon:before {
  content: "";
  width: 170px;
  height: 170px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -85px;
  margin-left: -85px;
  background: url("../../public/img/world/prologue/playback.png") no-repeat; }
#prologue.section-main .movie, #prologue.section-main .title {
  text-align: center; }
#prologue.section-main .title {
  padding-top: 10px; }
#prologue.section-main .text {
  text-align: center;
  margin: 50px 0;
  font-size: 15px;
  line-height: 35px; }
#prologue.section-main .text02 {
  color: #000000;
  margin: 0 0 30px 0; }
#prologue.section-main .pict {
  text-align: center; }
#prologue.section-main .btn {
  text-align: center; }

#story.section-main .mainpict {
  text-align: center; }
  #story.section-main .mainpict .title {
    margin-top: 20px; }
#story.section-main .conentBox {
  margin-top: 20px; }
  #story.section-main .conentBox .pictBox {
    font-size: 0; }
    #story.section-main .conentBox .pictBox .pict {
      display: inline-block;
      vertical-align: middle;
      margin-right: 14px; }
    #story.section-main .conentBox .pictBox .pict:last-of-type {
      margin-right: 0; }
  #story.section-main .conentBox .no01 {
    width: 763px;
    margin: 0 auto; }
  #story.section-main .conentBox .textBox {
    margin-top: 20px; }
    #story.section-main .conentBox .textBox .text {
      text-align: center;
      font-size: 15px;
      line-height: 35px;
      color: #000000; }
  #story.section-main .conentBox .to {
    text-align: center;
    margin-top: 30px; }
    #story.section-main .conentBox .to .text {
      font-size: 15px;
      line-height: 35px; }
  #story.section-main .conentBox .btnlink {
    display: block;
    width: 531px;
    height: 50px;
    background: url("../../public/img/world/story/btn-link.png") no-repeat center center;
    margin: 40px auto 0 auto; }

#kuraimaria.section-main .mainpict {
  text-align: center; }
  #kuraimaria.section-main .mainpict .title {
    margin-top: 20px; }
#kuraimaria.section-main .conentBox {
  margin-top: 20px; }
  #kuraimaria.section-main .conentBox .pictBox {
    font-size: 0; }
    #kuraimaria.section-main .conentBox .pictBox .pict {
      display: inline-block;
      vertical-align: middle;
      margin-right: 14px; }
    #kuraimaria.section-main .conentBox .pictBox .pict:last-of-type {
      margin-right: 0; }
  #kuraimaria.section-main .conentBox .no01 {
    width: 763px;
    margin: 0 auto; }
  #kuraimaria.section-main .conentBox .no02 {
    width: 504px;
    margin: 0 auto; }
  #kuraimaria.section-main .conentBox .textBox {
    margin-top: 20px; }
    #kuraimaria.section-main .conentBox .textBox .text {
      text-align: center;
      font-size: 15px;
      line-height: 35px;
      color: #000000; }
  #kuraimaria.section-main .conentBox .to {
    text-align: center;
    margin-top: 30px; }
    #kuraimaria.section-main .conentBox .to .text {
      font-size: 15px;
      line-height: 35px; }
#kuraimaria.section-main .battle-mamoArea {
  position: relative;
  top: 0;
  left: 0;
  width: 887px;
  margin-top: 100px;
  padding-bottom: 35px;
  margin-left: auto;
  margin-right: auto; }
  #kuraimaria.section-main .battle-mamoArea .title {
    padding-bottom: 0px;
    text-align: left;
    position: relative;
    z-index: 10; }
  #kuraimaria.section-main .battle-mamoArea .contentsArea {
    position: relative;
    top: 0;
    left: 0; }
    #kuraimaria.section-main .battle-mamoArea .contentsArea .bm_title {
      margin-left: 36px;
      position: relative;
      z-index: 10; }
    #kuraimaria.section-main .battle-mamoArea .contentsArea .title {
      margin-left: 36px;
      margin-top: 30px;
      margin-bottom: 5px; }
  #kuraimaria.section-main .battle-mamoArea .contentsArea:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    background: url("../../public/img/system/centurion/bg-top.png") no-repeat center;
    width: 887px;
    height: 57px; }
  #kuraimaria.section-main .battle-mamoArea .contentsArea:after {
    content: "";
    position: absolute;
    bottom: -46px;
    left: 0;
    background: url("../../public/img/system/centurion/bg-bottom.png") no-repeat center;
    width: 887px;
    height: 55px; }
  #kuraimaria.section-main .battle-mamoArea .contentsArea {
    background: url("../../public/img/system/centurion/bg-center.png") repeat-y center;
    width: 887px; }
  #kuraimaria.section-main .battle-mamoArea .contentsbox {
    width: 812px;
    margin: 0 auto; }
    #kuraimaria.section-main .battle-mamoArea .contentsbox .tankPict {
      display: block;
      background: url("../../public/img/world/kuraimaria/tankPict.png") no-repeat center;
      width: 532px;
      height: 452px;
      position: relative;
      z-index: 20;
      margin: -118px auto 30px auto; }
    #kuraimaria.section-main .battle-mamoArea .contentsbox .text {
      color: #000000;
      font-size: 17px;
      line-height: 30px;
      padding-bottom: 30px; }
#kuraimaria.section-main .btnlink {
  display: block;
  width: 357px;
  height: 50px;
  background: url("../../public/img/world/kuraimaria/btn-link.png") no-repeat;
  margin: 80px auto 0 auto; }

#fragments.section-main .mainpict {
  text-align: center; }
  #fragments.section-main .mainpict .title {
    margin-top: 20px; }
#fragments.section-main .text {
  text-align: center;
  font-size: 15px;
  line-height: 35px;
  color: #000000;
  margin-top: 20px; }
#fragments.section-main .conentBox {
  margin-top: 20px; }
  #fragments.section-main .conentBox .fragment_title {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px; }
  #fragments.section-main .conentBox .pictBox {
    font-size: 0; }
    #fragments.section-main .conentBox .pictBox .pict {
      display: inline-block;
      vertical-align: middle;
      margin-right: 14px; }
    #fragments.section-main .conentBox .pictBox .pict:last-of-type {
      margin-right: 0; }
  #fragments.section-main .conentBox .no01 {
    width: 763px;
    margin: 0 auto; }
  #fragments.section-main .conentBox .no02 {
    width: 504px;
    margin: 0 auto; }
  #fragments.section-main .conentBox .textBox {
    margin-top: 20px; }
  #fragments.section-main .conentBox .to {
    text-align: center;
    margin-top: 30px; }
    #fragments.section-main .conentBox .to .text {
      font-size: 15px;
      line-height: 35px; }

.section-banner {
  margin-top: 200px; }
  .section-banner .new {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block; }
  .section-banner .new:before {
    content: "";
    position: absolute;
    bottom: 60px;
    left: 20px;
    width: 62px;
    height: 23px;
    background: url("../../public/img/common/icon-new.png") no-repeat; }
  .section-banner .open {
    position: relative; }
  .section-banner .open:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1; }

@media screen and (max-width: 1024px) {
  .titleBox {
    position: relative;
    z-index: 10;
    padding-top: 0%; }
    .titleBox .title {
      width: 31%; }

  .text-notice {
    margin-top: 50px;
    margin-top: 4.8875855327vw;
    margin-bottom: 30px;
    margin-bottom: 2.9325513196vw;
    font-size: 2.1vw; }
    .text-notice.alone {
      margin-top: 60px;
      margin-top: 5.8651026393vw;
      margin-bottom: -120px;
      margin-bottom: -11.7302052786vw; }

  #titleBg .world:before {
    content: "";
    position: absolute;
    background: none;
    z-index: -1; }

  #prologue.section-main .movieArea {
    margin-top: 5%; }
  #prologue.section-main .movie, #prologue.section-main .title {
    width: 80%;
    margin: 0 auto; }
  #prologue.section-main .title {
    width: 82%;
    margin: 0 auto;
    padding-top: 2%; }
  #prologue.section-main .movie .icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block; }
  #prologue.section-main .movie .icon:before {
    content: "";
    width: 30%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14%;
    margin-left: -14%;
    background: url("../../public/img/world/prologue/playback.png") no-repeat;
    background-size: 100%;
    padding-top: 29%; }
  #prologue.section-main .text {
    text-align: center;
    margin: 6% 0;
    font-size: 2.6vw;
    line-height: 5vw; }
  #prologue.section-main .text02 {
    color: #000000;
    margin: 0 0 30px 0; }
  #prologue.section-main .pict {
    text-align: center;
    width: 60%;
    margin: 0 auto; }
  #prologue.section-main .btn {
    text-align: center;
    width: 60%;
    margin: 0 auto; }

  #story.section-main .mainpict {
    text-align: center;
    width: 90%;
    margin: 0 auto; }
    #story.section-main .mainpict .title {
      margin-top: 3vw; }
  #story.section-main .conentBox {
    margin-top: 4vw; }
    #story.section-main .conentBox .pictBox {
      font-size: 0;
      width: 80%;
      margin: 0 auto; }
      #story.section-main .conentBox .pictBox .pict {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1.4vw;
        width: 49%; }
      #story.section-main .conentBox .pictBox .pict:nth-of-type(2) {
        margin-right: 0; }
      #story.section-main .conentBox .pictBox .pict:nth-of-type(1n + 3) {
        margin-top: 1.4vw; }
      #story.section-main .conentBox .pictBox .pict:last-of-type {
        margin-right: 0; }
    #story.section-main .conentBox .pictBox.no01 {
      width: 80%;
      margin: 0 auto; }
      #story.section-main .conentBox .pictBox.no01 .pict:last-of-type {
        margin-left: 20vw; }
    #story.section-main .conentBox .textBox {
      margin-top: 4vw; }
      #story.section-main .conentBox .textBox .text {
        font-size: 2.6vw;
        line-height: 5vw; }
    #story.section-main .conentBox .to {
      margin-top: 5vw; }
      #story.section-main .conentBox .to .text {
        font-size: 2.6vw;
        line-height: 5vw; }
    #story.section-main .conentBox .btnlink {
      display: block;
      width: 60%;
      height: 0;
      background: url("../../public/img/world/story/btn-link.png") no-repeat;
      padding-top: 10%;
      background-size: 100%;
      margin: 4vw auto 0 auto; }

  #kuraimaria.section-main .mainpict {
    text-align: center;
    width: 90%;
    margin: 0 auto; }
    #kuraimaria.section-main .mainpict .title {
      margin-top: 3vw; }
  #kuraimaria.section-main .conentBox {
    margin-top: 4vw; }
    #kuraimaria.section-main .conentBox .pictBox {
      font-size: 0;
      width: 80%;
      margin: 0 auto; }
      #kuraimaria.section-main .conentBox .pictBox .pict {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1.4vw;
        width: 49%; }
      #kuraimaria.section-main .conentBox .pictBox .pict:nth-of-type(2) {
        margin-right: 0; }
      #kuraimaria.section-main .conentBox .pictBox .pict:nth-of-type(1n + 3) {
        margin-top: 1.4vw; }
      #kuraimaria.section-main .conentBox .pictBox .pict:last-of-type {
        margin-right: 0; }
    #kuraimaria.section-main .conentBox .pictBox.no01 {
      width: 80%;
      margin: 0 auto; }
      #kuraimaria.section-main .conentBox .pictBox.no01 .pict:last-of-type {
        margin-left: 20vw; }
    #kuraimaria.section-main .conentBox .textBox {
      margin-top: 4vw; }
      #kuraimaria.section-main .conentBox .textBox .text {
        font-size: 2.6vw;
        line-height: 5vw; }
    #kuraimaria.section-main .conentBox .to {
      margin-top: 5vw; }
      #kuraimaria.section-main .conentBox .to .text {
        font-size: 2.6vw;
        line-height: 5vw; }
  #kuraimaria.section-main .battle-mamoArea {
    position: relative;
    top: 0;
    left: 0;
    width: 95%;
    margin-top: 10vw;
    padding-bottom: 3vw;
    margin-left: auto;
    margin-right: auto; }
    #kuraimaria.section-main .battle-mamoArea .title {
      padding-bottom: 0px;
      text-align: left;
      position: relative;
      z-index: 10; }
    #kuraimaria.section-main .battle-mamoArea .contentsArea {
      position: relative;
      top: 0;
      left: 0; }
      #kuraimaria.section-main .battle-mamoArea .contentsArea .bm_title {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 10;
        width: 92%; }
      #kuraimaria.section-main .battle-mamoArea .contentsArea .title {
        margin-left: 4vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
        width: 47%; }
    #kuraimaria.section-main .battle-mamoArea .contentsArea:before {
      content: "";
      position: absolute;
      top: -9vw;
      left: 0;
      background: url("../../public/img/system/centurion/bg-top.png") no-repeat center;
      width: 100%;
      height: 0;
      padding-top: 13%;
      background-size: 100%; }
    #kuraimaria.section-main .battle-mamoArea .contentsArea:after {
      content: "";
      position: absolute;
      bottom: -5vw;
      left: 0;
      background: url("../../public/img/system/centurion/bg-bottom.png") no-repeat center;
      width: 100%;
      height: 0;
      padding-top: 13%;
      background-size: 100%; }
    #kuraimaria.section-main .battle-mamoArea .contentsArea {
      background: url("../../public/img/system/centurion/bg-center.png") repeat-y center;
      width: 100%;
      background-size: 100%; }
    #kuraimaria.section-main .battle-mamoArea .contentsbox {
      width: 90%;
      margin: 0 auto; }
      #kuraimaria.section-main .battle-mamoArea .contentsbox .tankPict {
        display: block;
        background: url("../../public/img/world/kuraimaria/tankPict.png") no-repeat center;
        width: 80%;
        height: 0;
        background-size: 100%;
        padding-top: 67%;
        position: relative;
        z-index: 20;
        margin: -11vw auto 3vw auto; }
      #kuraimaria.section-main .battle-mamoArea .contentsbox .text {
        color: #000000;
        font-size: 2.6vw;
        line-height: 4vw;
        padding-bottom: 4vw; }
  #kuraimaria.section-main .btnlink {
    display: block;
    width: 60%;
    height: 0;
    background: url("../../public/img/world/kuraimaria/btn-link.png") no-repeat;
    margin: 8vw auto 0 auto;
    padding-top: 10%;
    background-size: 100%; }

  #fragments.section-main .mainpict {
    text-align: center;
    width: 90%;
    margin: 0 auto; }
    #fragments.section-main .mainpict .title {
      margin-top: 20px; }
  #fragments.section-main .text {
    text-align: center;
    font-size: 2.6vw;
    line-height: 5vw;
    color: #000000;
    margin-top: 2vw; }
  #fragments.section-main .conentBox {
    margin-top: 2vwx; }
    #fragments.section-main .conentBox .fragment_title {
      text-align: center;
      margin-top: 8vw;
      margin-bottom: 10vw;
      width: 68%;
      margin-left: auto;
      margin-right: auto; }
    #fragments.section-main .conentBox .pictBox {
      font-size: 0;
      width: 87%;
      margin: auto; }
      #fragments.section-main .conentBox .pictBox .pict {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2vw;
        margin-bottom: 2vw;
        width: 48%; }
      #fragments.section-main .conentBox .pictBox .pict:nth-of-type(2) {
        margin-right: 0; }
    #fragments.section-main .conentBox .no01 {
      width: 87%;
      margin: 0 auto; }
      #fragments.section-main .conentBox .no01 .pict:last-of-type {
        margin-left: 22vw; }
    #fragments.section-main .conentBox .no02 {
      width: 504px;
      margin: 0 auto; }
    #fragments.section-main .conentBox .textBox {
      margin-top: 2vw; }
    #fragments.section-main .conentBox .to {
      text-align: center;
      margin-top: 30px; }
      #fragments.section-main .conentBox .to .text {
        font-size: 15px;
        line-height: 35px; }

  .section-banner {
    margin-top: 200px;
    margin-top: 26.6666666667vw; }

  .section-banner {
    margin-bottom: 10%; }
    .section-banner .section-inner {
      width: 70%; }
      .section-banner .section-inner p {
        float: none;
        margin-right: 0; }
        .section-banner .section-inner p a {
          width: 100%; }
      .section-banner .section-inner p:nth-of-type(2) {
        margin-top: 4%; }
    .section-banner .new:before {
      position: absolute;
      bottom: 20%;
      left: 5%;
      width: 15%;
      height: 0;
      background: url("../../public/img/common/icon-new.png") no-repeat;
      background-size: 100%;
      padding-top: 5.3%; } }

/*# sourceMappingURL=inworld.css.map */