@charset "utf-8";

*{
  margin: 0;
  padding: 0;
}

#slide-wrap{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.slide_img{
  list-style-type: none;
  margin: 0 auto;
  opacity: 0;
}

.slide_img img{
  width: 100%;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#slide_control{
  margin: auto;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.slide_button{
  list-style-type: none;
  content: "";
  width: 20px;
  height: 20px;
  margin: 0 10px;
  border-radius: 50%;
  background-color: gray;
  float: left;
}

#next, #prev{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: gray;
  background-repeat: no-repeat;
}

#next{
  position: absolute;
  top: 50%;
  right: 5%;
  background-image: url("../../images/next.png");
}

#prev{
  position: absolute;
  top: 50%;
  left: 5%;
  background-image: url("../../images/prev.png");
}

.selected{
  opacity: 100;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

.actived{
  background-color: aqua;
}

#hoge{

}