@charset "UTF-8";

/*-----------------------------------

	reccomend

-----------------------------------*/

#recommend_fm img { width: 100%; height: auto; }
#recommend_fm .pc_sm { display: block; }
#recommend_fm .sp_sm { display: none !important; }

#recommend_fm { padding: 5vw 0 10vw 0 !important; }
#recommend_fm .recInner_sm { max-width: 1070px; margin: 0 auto; }
#recommend_fm .titleBox_sm { max-width: 500px; width: 35vw; margin: 0 auto 3vw; }
#recommend_fm .shopList_sm { display: flex; flex-wrap: wrap; margin-right: -13px; }
#recommend_fm .shopList_sm li { width: calc(100%/4 - 13px); margin: 0 13px 13px 0; }
#recommend_fm .shopList_sm li a:hover img { opacity: .8; }

#recommend_fm .swiper { width: 100%; }
#recommend_fm .swiper-button-next,
#recommend_fm .swiper-button-prev {
	color: #fff;
	background: rgba(25,25,25,1);
	width: 9%;
    height: 14%;
	margin-top: -7%;
}
#recommend_fm .swiper-button-next { right: 0; border-width: 1px 0 1px 1px; }
#recommend_fm .swiper-button-prev { left: 0; border-width: 1px 1px 1px 0; }
#recommend_fm .swiper-button-next:after,
#recommend_fm .swiper-button-prev:after {
	content: "";
    position: absolute;
    top: 50%;
    width: 22px;
    height: 22px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	margin-top: -11px;
}
#recommend_fm .swiper-button-next:after { transform: rotate(45deg); right: 17px; }
#recommend_fm .swiper-button-prev:after { transform: rotate(225deg); left: 17px; }

@media (max-width: 1120px) {
	#recommend_fm .recInner_sm { width: 90%; }
}
@media (max-width: 768px) {
	#recommend_fm .titleBox_sm { width: 50vw; margin-bottom: 5vw; }
	#recommend_fm .shopList_sm li { width: calc(100%/3 - 13px); }
}
@media (max-width: 560px) {
	#recommend_fm .pc_sm { display: none !important; }
	#recommend_fm .sp_sm { display: block !important; }
	#recommend_fm { padding: 0 0 20vw 0 !important; }
	#recommend_fm .recInner_sm { width: 100% !important; }
	#recommend_fm .titleBox_sm { margin-bottom: 7vw; max-width: 100%; width: 70vw; }
	#recommend_fm .shopList_sm.swiper-wrapper { flex-wrap: nowrap !important; }
	#recommend_fm .swiper-button-next,
	#recommend_fm .swiper-button-prev { width: 12%;  height: 17%; margin-top: -6.5%; }
	#recommend_fm .swiper-button-next:after { right: 4.3vw; }
	#recommend_fm .swiper-button-prev:after { left: 4.3vw; }
}