/* CSS Document */

@media screen and (orientation: landscape) {
	body {}

	.carousel_lightbox .inner .for_carousel {
		width:calc(((100vh - 100px) * 1.3333333333333333));
		height:calc(100vh - 100px);
	}
}

@media screen and (min-width: 1081px) and (orientation: portrait) {
	body {}

	.carousel_lightbox .inner .for_carousel {
		width:calc(100vw - 200px);
		height:calc((100vw - 200px) * 0.75);
	}
}

@media screen and (max-width: 1080px) and (orientation: portrait) {
	body {}

	.carousel_lightbox .inner .for_carousel {
		width:calc(100vw - 40px);
		height:calc((100vw - 40px) * 0.75);
	}
}

@media screen and (max-width: 1080px) {
	body {}

	.carousel_lightbox .inner .for_carousel .arrow.prev {
		left:20px;
	}
	
	.carousel_lightbox .inner .for_carousel .arrow.next {
		right:20px;
	}	
}

@media screen and (max-width: 540px) and (orientation: portrait) {
	body {}

	.carousel_lightbox .inner .for_carousel {
		width:calc(100vw - 20px);
		height:calc((100vw - 20px) * 0.75);
	}
}