/*-- CSS for slidesjs --*/
#slides {
  display: none;
  padding-bottom: 8px;
  background: rgba(0,0,0,0.5);
  margin-top: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-style: normal;
}
#slides .slidesjs-navigation { margin-top: 5px }
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
  display: block;
  height: 20px;
  overflow: hidden;
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}
a.slidesjs-next { margin-right: 5px }
.slidesjs-pagination {
  margin: 12px 10px 0 0;
  float: right;
  list-style: none;
  padding: 0px;
}
.slidesjs-pagination li {
  float: left;
  margin: 0 5px;
}
.slidesjs-pagination li a {
  display: block;
  width: 15px;
  height: 5px;
  /* box-shadow */
  box-shadow: rgb(206, 206, 206) 0px 0px 4px 2px;
  -webkit-box-shadow: rgb(206, 206, 206) 0px 0px 4px 2px;
  -moz-box-shadow: rgb(206, 206, 206) 0px 0px 4px 2px;
  border: 2px solid #444;
  background: #ccc;
  line-height: 1;
  text-indent: -9999px;
  overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
  box-shadow: rgb(251, 102, 144) 0px 0px 4px 2px;
  -webkit-box-shadow: rgb(251, 102, 144) 0px 0px 4px 2px;
  -moz-box-shadow: rgb(251, 102, 144) 0px 0px 4px 2px;
  border: 2px solid #fb6690;
  background: #fff;
}
.slidesjs-pagination li a:hover { background-position: 0 -26px }
#slides a:link, #slides a:visited { color: #ffffff }
#slides a:hover, #slides a:active { color: #fb6690 }
.navbar { overflow: hidden }
/* 以下　レスポンシブ
--------------------------------------------------    */
@media only screen and (max-width: 768px) { 
  #slides {
    margin-top: 0px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}