/* AmazonギャラリーのCSS */
.amazon-gallery {
	max-width: 600px;
	margin: 10px auto;
}

.amazon-gallery a.top-link {
	display: block; 
	background: #f5f6f7; 
	text-decoration: none; 
	text-align: center; 
	font-size: 0.8em; 
	color: #333;
}

.amazon-gallery a[href="#"] {
	pointer-events: none;
}

.amazon-gallery-top {
	max-width: 600px;
}

.amazon-gallery .gallery {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
}

.amazon-gallery .gallery .gallery-item {
	width: 90px !important;
	height: 90px;
	float: none !important;
	flex-shrink: 0;
	border: 1px solid #eee;
	margin-right: 5px;
}

.amazon-gallery .gallery .gallery-item.selected {
	border: 2px solid #e67600;
}

.amazon-gallery .gallery .gallery-item img {
	object-fit: cover;
	width: 90px !important;
	height: 90px !important;
}

.amazon-gallery p {
	margin: 0;
}

.amazon-gallery:not(.popup) .gallery .gallery-item a {
	pointer-events: none;
}
/* --AmazonギャラリーのCSS */

/*  Swiper.jsのCSS */
.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
/* 	   max-width: 600px !important; */
    margin: 10px auto !important;
}

.mySwiper2 img {
	width: 100% !important;
	height: 469px;
	object-fit: contain;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 400px;
}

.mySwiper2 {
  height: 480px !important;
  width: 100% !important;
}

.mySwiper {
/*   height: 100px; */
  box-sizing: border-box;
/*   padding: 10px 0; */
/* 	width: 80%; */
	max-width: calc(90px * 5 + 15px * 4);
	background: #efefef;
/* 	padding: 10px 10px !important; */
/* 	padding: 0 5px 5px !important; */
	padding: 0 !important;
/* 	margin-top: 10px; */
}

.mySwiper img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	margin-bottom: 10px !important
}

.mySwiper .swiper-slide {
/*   width: 25%; */
/*   height: 100%; */
	width: 90px !important;
	height: 90px;
  opacity: 0.4;
  line-height: 80px;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-wrapper {
	margin-left: auto !important;
}

@media (max-width: 768px) {
	.swiper-wrapper.mySwiper2, .mySwiper2 img {
/* 		height: 300px !important; */
		max-height: 227px!important;
	}
	
	.mySwiper img {
		width: 80px;
		height: 80px;
	}
	.mySwiper .swiper-slide {
		width: 80px !important;
		height: 80px !important;
	}
	
	.mySwiper2 img {
		object-fit: cover;
	}
}

.swiper-button-prev,
.swiper-button-next {
	background: #000;
	position: relative;
	height: auto;
	margin: 0 !important;
	left: auto !important;
	right: auto !important;
	opacity: 1 !important;
	width: 24px;
}

/* .swiper-button-next { */
/* 	right: 48px !important; */
/* } */

.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: "FontAwesome";
  font-weight: bold;
	color: #fff;
	padding-right: 5px;
    padding-left: 3px;
}

.swiper-button-prev::after {
	content: "\f0d9"
}

.swiper-button-next::after {
	content: "\f0da";
}

.swiper-wrapper .swiper-button-next {
	left: calc(90px* 5 + 15px* 4 - 24px) !important;
    position: absolute;
    height: 98px;
    top: 0;
}

.swiper-wrapper {
    margin-top: 8px;
	margin-bottom: 8px;
}

@media (max-width: 768px) {
	.swiper-wrapper .swiper-button-next {
		left: initial !important;
		right: 0 !important;
		height: 88px;
	}
}