/* --- 全体 */

/*画像*/
.swiper-slide img {
	max-width: 100%;
	width: 100%;
	height: auto;
	}

/*ナビゲーションボタン*/
.swiper-controller {
	width:100%;
	height:40px;
  position: absolute;
  top: 50%;
 	margin-top: -20px;
  z-index: 10;
  }
	.swiper-button-prev,
	.swiper-button-next {
		position:absolute;
		top: 50%;
		margin-top: -20px;
		 z-index: 10;
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
		opacity: 0.8;
		}
		.swiper-button-prev{
			left:10px;
			background-image:url(prev.png); /* 矢印アイコン - 黒 */
			}
		.swiper-button-next{
			right:10px;
			background-image:url(next.png); /* 矢印アイコン - 黒 */
			}
	.swiper-button-prev:hover,
	.swiper-button-next:hover{
		opacity: 0.4;
		}
.swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}

/*スクロールバー*/
.swiper-scrollbar {
	position: relative;
}
.swiper-scrollbar::after {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	margin: auto;
	content: "";
	background-color: #eee;
}
.swiper-scrollbar-drag {
	height: 20px;
	padding: 8px 0;
	cursor: pointer;
	background-color:#222222;
	background-clip: content-box;
}
.swiper-scrollbar-drag:active {
	background-color:#0163b1;
}

/* --- サムネイル（スライダー）を付けて連動させる */
  .js-swiper-gallery-slide {
    overflow: hidden;
  }
  .js-swiper-gallery-slide .swiper {
    max-width: 1200px;
    margin: auto;
  }
  .js-swiper-gallery-slide .swiper-main {
    overflow: visible;
  }
  .js-swiper-gallery-slide .swiper-thumb {
    margin-top: 10px;
  }
  .js-swiper-gallery-slide .swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
  }
  .js-swiper-gallery-slide .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .js-swiper-gallery-slide .slide {
    display: block;
    overflow: hidden;
  }
  .js-swiper-gallery-slide .slide-media {
    border-radius: 4px;
  }
  .js-swiper-gallery-slide .slide-media img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .js-swiper-gallery-slide .swiper-slide-thumb-active {
    opacity: 0.5;
  }
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}


/* --- サムネイル（非スライダー）を付けて連動 */
 .js-swiper-gallery-list {
    overflow: hidden;
  }
  .js-swiper-gallery-list .swiper,
  .js-swiper-gallery-list .thumb-wrapper {
    max-width: 1200px;
    margin: auto;
  }
  .js-swiper-gallery-list .swiper {
    overflow: visible;
		position:relative
  }
  .js-swiper-gallery-list .swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
  }
  .js-swiper-gallery-list .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .js-swiper-gallery-list .slide {
    display: block;
    overflow: hidden;
  }
  .js-swiper-gallery-list .slide-media {
    display: block;
  }
  .js-swiper-gallery-list .thumb-wrapper {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
  }
  .js-swiper-gallery-list .thumb-media {
    cursor: pointer;
		width:15.21666666666667%; /* サムネイルサイズ */
		margin-top:10px;
		margin-right:1.74%; /* サムネイル余白 */
		cursor: pointer;
		}
		.js-swiper-gallery-list .thumb-media:nth-child(6n) { margin-right: 0; }
		.js-swiper-gallery-list .thumb-media:hover {
			opacity: 0.5;
			}
	.js-swiper-gallery-list .thumb-media-active {
		opacity: 0.5;
		}
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}