@media only screen and (max-width: 641px) {
	
	#pickup-carousel {
		height: 123vw;
	}
}
@media only screen and (max-width: 320px) {
	#pickup-carousel {
		height: 123vw;
	}	
}

.ft-pick { 
	background-color: #f0f0f0; 
	overflow: hidden;
}
#ft-pickup-swiper-button-prev, #ft-pickup-swiper-button-next {
	outline: none;
}
.swiper-button-prev::after, .swiper-button-next::after {
	display: none;
}
.swiper-button-prev::before, .swiper-button-next::before {
	content:'';
	display: inline-block;
	width: 19px;
	height: 19px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	border-radius: 2px;
}
.swiper-button-prev.gray::before, .swiper-button-next.gray::before {
	border-color: #aaa;
}
.swiper-button-prev::before {
	transform: rotate(-135deg);
}
.swiper-button-next::before {
	transform: rotate(45deg);	
}

.swiper-button-prev {
	top:49%;
	/* left:141px; */
	left: calc(50% - 600px);
}
.swiper-button-next {	
	top:49%;
	/* right:141px; */
	right: calc(50% - 600px);
}
.ft-pickup-swiper-inner {
	position: relative;
}
#ft-pickup-swiper-button-prev {
	display: block;
    position: absolute;
    top: 45%;
    left: -5%;
    width: 5%;
    height: 8%;
    z-index: 1000;
    cursor: pointer;
}
#ft-pickup-swiper-button-next {
	display: block;
    position: absolute;
    top: 45%;
    right: -5%;
    width: 5%;
    height: 8%;
    z-index: 1000;
    cursor: pointer;
}
.swiper-pc {
	display: inline-block;
}	
.swiper-sp {
	display: none;
}	
@media only screen and (max-width: 641px) {	
	#pickup-carousel {
		/*height: 98vw;*/
		width: 250%;
		margin-left: -75%;	
	}
	.swiper-button-prev, .swiper-button-next {
		top:23%;
	}	
	.swiper-pc {
		display: none;
	}	
	.swiper-sp {
		display: block;
	}	
	.swiper-ctl {
		position: absolute;
		display: flex;
		justify-content: center;
		z-index: 40;
		bottom: 21px;
		width: 100%;
	}
	.swiper-ctl li {
	}
	.swiper-button-prev {
		top:40%;
		left: 4%;
	}
	.swiper-button-next {	
		top:40%;
		right: 4%;
	}
	#ft-pickup-swiper-button-prev {
	    display: block;
	    position: absolute;
	    top: 15%;
	    left: -8.8%;
	    width: 19%;
	    height: 80%;
	    z-index: 1000;
	}
	#ft-pickup-swiper-button-next {
	    display: block;
	    position: absolute;
	    top: 15%;
	    right: -8.8%;
	    width: 19%;
	    height: 80%;
	    z-index: 1000;
	}
	.swiper-button-prev::before,.swiper-button-next::before {
		width: 14px;
		height: 14px;
	}
}
@media only screen and (max-width: 320px) {
	#pickup-carousel {
		height: 122vw;
	}	
}

@media only screen and (max-width: 1115px) and (min-width: 641px) {
	.swiper-button-prev {
		top:40%;
		left: -3%;
	}
	.swiper-button-next {	
		top:40%;
		right: -3%;
	}
	#ft-pickup-swiper-button-prev {
		display: block;
	    position: absolute;
	    top: 36%;
	    left: -3%;
	    width: 3%;
	    height: 8%;
	    z-index: 1000;
	    cursor: pointer;
	}
	#ft-pickup-swiper-button-next {
		display: block;
	    position: absolute;
	    top: 36%;
	    right: -3%;
	    width: 3%;
	    height: 8%;
	    z-index: 1000;
	    cursor: pointer;
	}
}