﻿.swiper-container{
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;backface-visibility:hidden;
  z-index:1;
}


.swiper-wrapper{
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform,left,top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  -moz-transition-property:-moz-transform,left,top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  -o-transition-property:-o-transform,left,top;
  -o-transition-duration:0s;-o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;-o-transform:translate(0px,0px);
  -ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  transition-property:transform,left,top;transition-duration:0s;
  transform:translate3d(0px,0,0);transition-timing-function:ease;
}


.swiper-free-mode>.swiper-wrapper{
  -webkit-transition-timing-function:ease-out;
  -moz-transition-timing-function:ease-out;
  -ms-transition-timing-function:ease-out;
  -o-transition-timing-function:ease-out;
  transition-timing-function:ease-out;
  margin:0 auto;
}


.swiper-slide{float:left;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-slide .main_title{font-family:"FOT-筑紫明朝 Pr5 B";}


#contents_wrap{overflow:hidden;}
  .slide{
    width:100%;max-width:1000px;
    position:relative;
    left:50%;margin-left:-1500px;
  }
  .device{
    width:300%;
    margin:0 auto 0;
    overflow:hidden;
    border-bottom:2px solid #8c8c31;
  }
  .device .arrow-left{
    background:url(../img/prev.png) no-repeat left center;
    position:absolute;
    left:1010px;top:50%;
    margin-top:-24px;
    width:48px;height:48px;
    z-index:2;
  }
  .device .arrow-right{
    background:url(../img/next.png) no-repeat left center;
    position:absolute;
    right:-990px;top:50%;
    margin-top:-24px;
    width:48px;height:48px;z-index:2;
  }
  .swiper-container{
    max-height:0;
    padding-bottom:19.34%;
  }
  .swiper-wrapper{
    margin:0;padding:0;
  }



@media screen and (max-width:1000px){
  .slide{left:0;margin-left:-100%;}
  .device .arrow-left{left:10px;}
  .device .arrow-right{right:10px;}
  .swiper-wrapper{margin:0;}
}


.content-slide{
  padding:20px;
  color:#fff;
}


.title{
  margin-bottom:10px;
  font-size:25px;
}


.pagination{
  width:100%;
  text-align:center;
  margin-top:15px;
}


.swiper-pagination-switch{
  display:inline-block;
  width:12px;
  height:12px;
  border-radius:12px;
  background:#666;
  box-shadow:0px 1px 2px #333 inset;
  margin:0 10px;
  cursor:pointer;
}


.swiper-active-switch{
  background:#eee;
}


.swiper-slide{
  position:relative;
  width:1000px;
  height:400px;
  outline:1px solid #FFFFFF;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}


.swiper-slide a{
  position:absolute;
  top:0;right:0;bottom:0;
  left:0;
  display:block;
}


.swiper-slide .main_title{
  margin:20px 85px 0 ;
  display:block;font-family:"FOT-筑紫明朝 Pr5 B";
  text-align:left;
  float:right;
  color:#fff;
  font-size:1.9em;letter-spacing:1.1px;
  line-height:1.4;
  max-width:900px;
}


@media screen and (max-width:1000px){
  .swiper-container{padding-bottom:19.3%;}
  .swiper-slide .main_title{font-size:1.4rem;}
  .swiper-slide{background-size:contain;background-position:center top;}
}



@media screen and (max-width:499px){
  .device .arrow-right,.device .arrow-left{display:none;}
  .swiper-slide .main_title{
    line-height:35px;
    margin:25px 25px 0 25px;
    font-size:1.3rem;
  }
}



@media screen and (max-width:599px){
  .swiper-slide .main_title{font-size:1.2rem;}
}



@media screen and (max-width:450px){
  .swiper-slide .main_title{
    line-height:22px;
    font-size:1.1rem;
    letter-spacing:0px;
    margin:30px 0 0 15px;
    padding-right:15px;
}

}