/* # =================================================================
   # fv bg
   # ================================================================= */

#fvbg .swiper-container {
  max-width: 100vw;
}

@keyframes zoomUp {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
#fvbg .swiper-slide-active .slide-img,
#fvbg .swiper-slide-duplicate-active .slide-img,
#fvbg .swiper-slide-prev .slide-img {
  animation: zoomUp 8s linear 0s normal both;
}
#fvbg .swiper-slide img {
  height: auto;
  width: 100%;
}


#fvbg .slide-img img{
  object-fit: cover;
  width: 100%;
  height: 100vh;
}

@media screen and (max-width:768px){
	#fvbg .swiper-container {
		max-width: 100vw;
		margin-top:0;
	}
	#fvbg .slide-img img{
		object-fit: cover;
		height: 100vh;
		width: 100%;
	}
}

@media (orientation: landscape){
	#fvbg .slide-img img{
		object-fit: cover;
		height: 100vh;
		width: 100%;
	}	
}

@media screen and (max-width:599px){
	#fvbg .slide-img img{
		object-fit: cover;
		height:100vh;
		width: 100%;
	}
}


/* # =================================================================
   # index 商品
   # ================================================================= */
#bana-mcm .swiper-container {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
    padding-bottom: 80px;
}

#bana-mcm .swiper-slide {
	height: auto;
}

#bana-mcm .swiper-pagination{
	text-align:center;
}


#bana-mcm .swiper-pagination-bullet {
  margin: 0 5px!important;
  width: 8px;
  height: 8px;
	background: var(--color-gray1);
	opacity: 0.3;
}

#bana-mcm .swiper-pagination-bullet-active {
	background: var(--color-gray1);
  opacity: 1;
}

@media screen and (max-width:599px){
	#bana-mcm .swiper-pagination-bullet {
	margin: 0 3px!important;
	width: 6px;
	height: 6px;
		background: var(--color-gray1);
		opacity: 0.3;
	}
	#bana-mcm .swiper-pagination-bullet-active {
		background: var(--color-gray1);
	opacity: 1;
	}
}