/* *************************************************************************************************************
// [File name]		slick_setting.css
// [Alteration]		2020.01
// -------------------------------------------------------------------------------------------------------------
// *	別途 slick 一式の読込が必要です。
// *	ここは共通のスタイルを設定するファイルです。
// *	もしここに個別ページのスタイル設定をする必要がある場合は、ページクラスの指定を忘れずに。
************************************************************************************************************* */

/* COMMON
------------------------------------------------------------------------ */
/* slickCustomPaging_thumbnail
-------------------------------------------------------
*	公式テーマのリセット-	各ページ用CSSでさらに調整を加えてください。
*	（.slick-dots の width や margin 等）
-------------------------------------------------- */
/* Dots | 公式テーマのリセット */
	.slickCustomPaging_thumbnail .slick-dots {
		position: static;
		display: flex;
		flex-wrap: wrap;
	}
	.slickCustomPaging_thumbnail .slick-dots li {
		height: auto;
		/*
		width: calc(25% - 0.5%);
		margin: 0.25%;
		*/
	}
	.slickCustomPaging_thumbnail .slick-dots li button {
		font-size: 0;
		line-height: 0;

		display: block;

		width: 100%;
		height: auto;
		padding: 0;

		cursor: pointer;

		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slickCustomPaging_thumbnail .slick-dots li button:hover,
	.slickCustomPaging_thumbnail .slick-dots li button:focus {
		outline: none;
	}
	.slickCustomPaging_thumbnail .slick-dots li button:before {
		display: none;
	}
	.slickCustomPaging_thumbnail .slick-dots li img {
		width: 100%;
		max-width: none;
		height: auto;
	}


/* xxxxxP
------------------------------------------------------------------------ */
/*
	.xxxxxP .js_slickBox_xxxxx {
	}
*/