#wideslider {

  width: 100%;

  text-align: center;

  position: relative;

  overflow: hidden;

  box-sizing: content-box;

    padding-bottom: 45px;

}



#wideslider a:hover img {

  opacity: 1;

}



#wideslider ul,

#wideslider ul li {

  float: left;

  display: inline;

  overflow: hidden;

}



#wideslider ul li img {

  width: 100%;

  display: none;

  vertical-align:bottom;

}



.wideslider_base {

  top: 0;

  position: absolute;

}



.wideslider_wrap {

  top: 0;

  position: absolute;

  overflow: hidden;

}



.slider_prev,

.slider_next {

  top: 0;

  overflow: hidden;

  position: absolute;

  z-index: 9;

  cursor: pointer;

  background: rgba(255,255,255,0.7);

}



.slider_prev:after {

  position: absolute;

  top: 45%;

  right: 4px;

  display: block; 

  width: 30px; 

  height: 30px; 

  border-top: 10px solid; 

  border-left: 10px solid; 

  content: "";

  -moz-transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

}



.slider_next:after {

  position: absolute;

  top: 45%;

  left: 4px;

  display: block; 

  width: 30px; 

  height: 30px; 

  border-top: 10px solid; 

  border-right: 10px solid; 

  content: "";

  -moz-transform: rotate(45deg);

  -webkit-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

}



.pagination {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  /*height: 30px;*/

  margin:15px 0;

  text-align: center;

  z-index: 200;

}



.pagination a {

  margin: 0 10px;

  width: 10px;

  height: 10px;

  display: inline-block;

  overflow: hidden;

  border-radius: 50%;

}



.pagination a.active {

  filter: alpha(opacity=100)!important;

  -moz-opacity: 1!important;

  opacity: 1!important;

}

@media screen and (max-width: 640px) {



.pagination a {

  margin: 0 5px;

  width: 10px;

  height: 10px;

  display: inline-block;

  overflow: hidden;

  border-radius: 50%;

}



}

/* =======================================

  ClearFixElements

===================================== */



#wideslider ul:after {

  content: ".";

  height: 0;

  clear: both;

  display: block;

  visibility: hidden;

}



#wideslider ul {

  display: inline-block;

  overflow: hidden;

}



/* 矢印の色 */

.slider_next:after,

.slider_prev:after {

  border-color: #FF0080;

}



/* ドットの色 */

.pagination a {

  background: #FF0080;

}







/*===========================================================

  ▼　画像1枚の時

===========================================================*/



@media screen and (max-width: 999px) {



  .single_slide,

  .single_slide li,

  .single_slide li a,

  .single_slide li a img {

    max-width: 767px;

    max-height: 230px;

    margin: 0 auto;

    float: none !important;

    display: block !important;

  }



}



@media screen and (min-width: 1000px) {



  .single_slide,

  .single_slide li,

  .single_slide li a,

  .single_slide li a img {

    width: 1000px;

    height: 300px;

    margin: 0 auto;

    float: none !important;

    display: block !important;

  }



}