/*STORY*/
.story{
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.story div.story_content{
  width:100%;
  padding:5%;
  background-color:rgba(255,255,255,0.7);
  text-align:center;
  position:relative;
  z-index:1;
}
.story .story_body{
  color:#000;
  text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
  margin:3% auto 6%;
}
.story .story_body b{
  font-size:120%;
}

h3{
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size:250%;
  margin:3% auto 6%;
  font-weight: bold;
  text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;
  line-height:1.2;
}
h3 .titlename{
  display:block;
  font-size:45%;
  font-weight: normal;
}
.gameimages>div{
  height:170px;
  width:150%;
  margin-left:-25%;
  background-repeat:repeat-x;
  background-size:auto 100%;
  /*transform:rotate(-5deg);*/
  background-color:#FFF;
  box-shadow:0 0 10px #FFF,0 0 10px #FFF,0 0 10px #FFF,0 0 10px #FFF,0 0 10px #FFF,0 0 10px #FFF;
  animation: loopSSImage 30s linear infinite;
}

@keyframes loopSSImage {
  0% {background-position-x:0;}
  100% {background-position-x:-3000px;}
}

#seisou{background-image:url(../images/story/seisou_bg.jpg);}
#jinnan{background-image:url(../images/story/jinnan_bg.jpg);}
#shiseikan{background-image:url(../images/story/shiseikan_bg.jpg);}
#yokohamaamane{background-image:url(../images/story/yokohamaamane_bg.jpg);}
#hakodateamane{background-image:url(../images/story/hakodateamane_bg.jpg);}

#seisou h3{color:#002c66;}
#jinnan h3{color:#500606;}
#shiseikan h3{color:#013910;}
#yokohamaamane h3{color:#3e225d;}
#hakodateamane h3{color:#1b0d44;}

#seisou .gameimages>div{background-image:url(../images/story/seisou_ss.jpg);}
#jinnan .gameimages>div{background-image:url(../images/story/jinnan_ss.jpg);}
#shiseikan .gameimages>div{background-image:url(../images/story/shiseikan_ss.jpg);}
#yokohamaamane .gameimages>div{background-image:url(../images/story/yokohamaamane_ss.jpg);}
#hakodateamane .gameimages>div{background-image:url(../images/story/hakodateamane_ss.jpg);}

@media screen and (max-width:767px){
  .story .story_body{
    text-align:left;
  }
  .bx-wrapper .bx-controls-direction a{
    top:12% !important;
  }
}