/* mobile styles
-----------------------------------------------*/
/* For devices with screen size lower than 1100px */
@media only screen and (max-width: 1100px) {

body {
  margin:0;
}
#sp-slider ul,#sp-slider ul li {
  margin:0;
  padding:0;
  list-style-type: none;
}
#sp-slider ul li {
  max-height: 450px;
  overflow: hidden;
}
#sp-slider ul li img {
  vertical-align:bottom;
  width: 100%;
  height: auto;
}
/* スライダー */
#slider {
  overflow:hidden;
  position:relative;
  width:100%;
}
#sliderInner {
  position:relative;
  left:50%;
  width:3040px;
  margin-left:-1520px;
}
#sliderInner li {
  width: 100%;
}

#slideFilterL, #slideFilterR {
  position: absolute;
  top: 0;
  width: 100%;
  height: 350px;
  opacity:0.6;
  filter:alpha(opacity=60);
  -ms-filter:"alpha( opacity=60 )";
  background:#fff;
}
#slideFilterL {
  left:0;
}
#slideFilterR {
  right:0;
}
.bx-wrapper {
  margin:0 auto;
  position:relative;
}
.bx-wrapper .bx-pager {
  margin:0 auto;
  width:100%;
}
.bx-wrapper .bx-controls-direction a {
  height: 32px;
  margin-top: -16px;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  top: 50%;
  width: 32px;
  z-index: 9999;
}
/* ･ﾚ｡ｼ･ｸ･罍ｼ */
.bx-wrapper .bx-pager {
  padding-top:10px;
  text-align:center;
  font-size:.85em;
  font-family:Arial;
  font-weight:bold;
  color:#666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display:inline-block;
  *zoom:1;
  *display:inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  display:block;
  width:10px;
  height:10px;
  margin:0 5px;
  outline:0;
  text-indent:-9999px;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;;
  background:#666;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background:#000;
}
/* 装飾 */
.bx-controls-direction {

}
.bx-controls-direction a,.bx-pager-item {
  display: inline-block;
}
.bx-pager-item a {
  display: block;
  height: 10px;
  width: 10px;
  text-indent: -9999px;
  background: #fff;
  border-radius: 10px;
  margin: 10px 2px 0 2px;
  display: none;
}
.bx-pager-item a.active {
  opacity: 0.3;
}
.bx-controls-direction a {
  text-decoration: none;
  padding: 0 5px;
  color: #fff;
  font-size: 30px;
}
.bx-controls {
  z-index: 999999;
  width: 100%;
}
.bx-prev {
  background: rgba(0, 0, 0, 0) url(../images/controls.png) no-repeat scroll 0 -32px;
  left: 10px;
}
.bx-next {
  background: rgba(0, 0, 0, 0) url(../images/controls.png) no-repeat scroll -43px -32px;
  right: 10px;
}
}
@media only screen and (max-width: 480px) {
#sp-slider ul li {
  max-height: 300px;
}
}