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

#content #submenu{
  display:none;
}

/*#content h2{
  color:#000;
  text-shadow:0 0 10px #FFF,0 0 10px #FFF,0 0 5px #FFF,0 0 5px #FFF;
}*/

#features h3{
  display:block;
  line-height:1.2;
  text-align:center;
  padding:50px 0;
  color:#ab1414;
  text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 10px #FFF,0 0 10px #FFF;
  margin-top:0;
  border-width:0;
  font-size:200%;
}

#content_body section{
  padding:0 20px;
}

.screenshot{
  margin-top:20px;
}

.screenshot a{
  width:24%;
}
a.link_detail{
  display:block;
  width:250px;
  padding:7px 20px;
  padding-left:30px;
  color:#FFF;
  text-decoration: none;
  background-color:rgba(139, 47, 47, 0.77);
  font-size: 100%;
  border:1px #b14c4c solid;
  margin:20px auto 10px;
  position:relative;
  overflow:hidden;
  text-shadow:none;
  position:relative;
  z-index:2;
}

a.link_detail:after{
  content:"";
  width:0;
  height:0;
  border:8px #b14c4c solid;
  border-color:transparent transparent transparent #b14c4c;
  position:absolute;
  top:50%;
  left:4px;
  margin-top:-8px;
}

a.link_detail:before{
  content:"";
  background-color:rgba(255,255,255,0.8);
  width:15px;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
}

#content_body{
  position:relative;
}

#page-changer{
  position:absolute;
  top:0;
  left:0;
  height:230px;
  width:100%;
}

#next-selector,#prev-selector{
  position:absolute;
  top:0;
  width:4%;
  height:100%;
  max-width:50px;
  z-index:1;
}

#next-selector a,#prev-selector a{
  background-position:center;
  background-size:100% auto;
  background-repeat:no-repeat;
  background-image:url(../images/common/slide_button1.png);
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  text-indent:-999px;
  animation: sliderPager 0.5s ease -2s infinite alternate;
}

@keyframes sliderPager {
  0% {transform:translate(0,0);opacity:1;}
  100% {transform:translate(-5px,0);opacity:0.7;}
}

#next-selector{
  right:2%;
  /*transform:translate(120%,0);*/
}
#prev-selector{
  left:2%;
  transform:rotate(180deg);/*translate(-120%,0) rotate(180deg);*/
}


/*-----▼▼▼　Custom　▼▼▼----*/

.bx-has-pager{
  padding-top: 50px !important;
}
.bx-wrapper .bx-pager{
  padding-top: 0 !important;
}

/*-----▲▲▲　Custom　▲▲▲----*/

@media screen and (max-width:1024px){
  #next-selector{
    width:3%;
    transform:translate(0,0);
  }
  #prev-selector{
    width:3%;
    transform:translate(0,0) rotate(180deg);
  }
}

@media screen and (max-width:767px){
  h3{
    font-size:5vw;
  }
}
@media screen and (max-width:459px){
  a.link_detail{
    display:block;
    width:100%;
    font-size: 80%;
    margin:10px auto;
  }

  .bx-wrapper{
    z-index:11 !important;
  }

  #page-changer{
    position:fixed;
    top:50%;
    transform:translate(0,-50%);
  }
  #next-selector,#prev-selector{
    width:5%;
  }
  #next-selector{
    right:0;
  }
  #prev-selector{
    left:0;
  }
}