#content_bg{
  background-image:url(../images/story/bg.jpg);
}

#submenu{
  display:none;
}


/*---story---*/
.story{
  position:relative;
  overflow:hidden;
  background-image:url(../images/system/story/scenario_bg.jpg);
  background-size:100% 100%;
  color:#FFF;
  padding:0 3% 3%;
  margin:2% 0 !important;
}

.story .s_title,
.story .s_body,
.story .s_goal{
  position:relative;
  z-index:1;
}

.story .s_title{
  width:50%;
}
.story .s_body{
  width:60%;
  margin-top:2%;
  margin-bottom:2%;
  text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000 !important;
  font-size:90%;

/*  width:100%;
  padding:2%;
  background-color:rgba(0,0,0,0.7);
  text-shadow:none !important;*/
}

.story .screenshot{
  position:relative;
  width:50%;
  z-index:3;
}
.story .screenshot a{
  width:48%;
  margin:0 1%;
}


.story .s_chara{
  position:absolute;
  top:0;
  right:0;
  width:65%;
}

.next_story{
  width:20%;
  max-width:100px;
  display:block;
  margin:-4% auto;
  position:relative;
  z-index:3;
}

.story99{
  width:50%;
  max-width:745px;
  display:block;
  margin:5% auto;
}

@media screen and (max-width:640px){
  .story .s_title,
  .story .s_body,
  .story .screenshot{
    width:100%;
  }
  .story .s_chara{
    position:relative;
    top:2%;
    right:0;
    width:150%;
    margin-left:-45%;
    margin-bottom:-80%;
  }
}