/* /src/img/carousel/bg-carousel-arrow.png */

.carousel { position: relative; }
.carousel_item { position: relative; }

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 768px) {
	.carousel { padding: 0 0 10px 5px; }
	.carousel a { text-decoration: none; }
	.carousel p { margin: 0; font-size: 14px; }
	.carousel .arrow { position: absolute; top: 50%; display: block; width: 40px; height: 40px; background: url(/src/img/carousel/sp-carousel-popup-nav.png) 0 0 no-repeat; text-decoration: none; }
	.carousel .arrow.left { left: 0; border-radius: 0 3px 3px 0; border-radius: 3px 0 0 3px; }
	.carousel .arrow.right { right: 0; background-position: -40px 0; }
	.carousel_wrapper { position: relative; width: 100%; height: 300px; overflow: hidden; }
	.carousel_content { height: 100%; }
	.carousel_item { float: left; height: 100%; }
	.carousel_item img { margin: 0 10px; }
}

@media screen and (min-width: 992px) {
	.carousel_wrapper { height: 400px; }
	/* .carousel .arrow { display: none; }
	.carousel_item .popup_trigger { display: none; }
	.carousel_item:hover .popup_trigger { display: block; } */
}

@media screen and (min-width: 992px) and (max-height: 595px) {
	.carousel_wrapper { height: 300px; }
}

@media screen and (min-width: 939px) and (max-height: 495px) {
	.carousel_wrapper { height: 250px; }
}