@charset "utf-8";



/*

************************************************************************

* カルーセル

* @copyright Revolme Inc.

************************************************************************

*/



/* ################################################################################################ */

/* ## PC                         ################################################################## */

/* ################################################################################################ */

.carousel

{



}

.carousel .carousel-parent

{

	padding-bottom:0.5em;

}

.carousel .carousel-parent .slick-track

{

}

.carousel .carousel-item

{

	width:calc(333px - 0.5em);

}

.carousel .slick-prev

{

	left:calc(50% - 500px);

	transform:translate(-50%, -50%);

}

.carousel .slick-next

{

	right:calc(50% - 500px);;

	transform:translate(50%, -50%);

}

/* ################################################################################################ */

/* ## TAB                        ################################################################## */

/* ################################################################################################ */

@media screen and (max-width:1040px) {



	

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

@media screen and (max-width:640px) {

	.carousel .carousel-item

	{

		width:70vw;

	}

	.carousel .slick-prev

	{

		left:calc(50% - 40vw);

		transform:translate(-50%, -50%);

	}

	.carousel .slick-next

	{

		right:calc(50% - 40vw);;

		transform:translate(50%, -50%);

	}

}