@charset "UTF-8";

/* swiper design
------------------------------*/

[class*=swiper]:focus {outline: none;}
.slide-media,
.thumb-media {
  position: relative;
  overflow: hidden;
}


/* 前へ / 次へボタン */
.news-btns {display: flex;align-items: center;;height: 40px;position:relative; padding: 0; margin: 0 auto;width: 70px;margin-bottom: 1em;}
.news-btns .swiper-button-next, .news-btns .swiper-button-prev{position:relative;width: 30px;left:auto;}
.news-btns .swiper-button-next::after,
.news-btns .swiper-button-prev::after {
  color: #fff;
  font-size: 12px;
}
.news-btns .swiper-button-next,
.news-btns .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: rgba(102,51,0, 0.7);
  border-radius: 0%;
  transition: .5s;
}
.news-btns .swiper-button-next:hover,
.news-btns .swiper-button-prev:hover {
  width:30px;
  height: 30px;
  background: rgba(102,51,0, 1);
  border-radius: 0%;
  cursor: pointer;
}
.news-btns .swiper-button-next{left: 10px;}







.swiper-slide {
width: 100%;
  display: block;
  place-content: center;
  height:auto;
  padding: 0;
  text-align: left;
}

@media only screen and (min-width: 768px) {
.news-btns .swiper-button-next{left: 5px;}

}



@media only screen and (min-width: 992px) {
.news-btns {display: flex;align-items: flex-start;justify-content: space-between;height: 45px;position:relative; padding: 0; margin: 0 auto;width: 100%;}
.news-btns .swiper-button-next, .news-btns .swiper-button-prev{position:relative;width: 45px;left:auto;}
.news-btns .swiper-button-next::after,
.news-btns .swiper-button-prev::after {
  color: #fff;
  font-size: 14px;
}
.news-btns .swiper-button-next,
.news-btns .swiper-button-prev {
  width: 45px;
  height: 45px;
  background: rgba(102,51,0, 0.7);
  border-radius: 0%;
  transition: .5s;
}
.news-btns .swiper-button-next:hover,
.news-btns .swiper-button-prev:hover {
  width:45px;
  height: 45px;
  background: rgba(102,51,0, 1);
  border-radius: 0%;
  cursor: pointer;
}
.news-btns .swiper-button-next{left: 10px;}


}