/**
 * Swiper 4.0.7
 */
	.swiper-container {
      width: 100%;
      margin-left: 5px;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 20px 0;
    }
    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }

/*2個目のスライダー用*/
    .gallery-thumbs2 {
      height: 20%;
      box-sizing: border-box;
      padding: 20px 0;
    }
    .gallery-thumbs2 .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs2 .swiper-slide-active {
      opacity: 1;
    }
/*2個目のスライダー用*/
    .gallery-thumbs3 {
      height: 20%;
      box-sizing: border-box;
      padding: 20px 0;
    }
    .gallery-thumbs3 .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs3 .swiper-slide-active {
      opacity: 1;
    }
/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
	width: 63px; /* ボタンの幅 */
	height: 100px; /* ボタンの高さ */
	background-size: 63px 100px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
	margin-top: -24px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
	display: none;
}
/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url("next.gif");
	left: 50%;
	margin-left:500px;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url("prev.gif");
	left: 50%;
	margin-left:-563px;

}
contents-slider {
	position: relative;
}
@media print, screen and (max-width : 768px) {
	/* 次ページボタンのスタイル */
.swiper-button-next {
	display: none;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	display: none;

}

}