@charset "utf-8";
/* CSS Document */

/* Slider Thumbnail // サムネイル数が多い場合の調整
==============================================================================*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* Mobile */
@media screen and (max-width: 639px) {
	/*  */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider {
		display: grid;
		grid-template-columns: 30px auto 30px;
		/* height: auto; */
	}
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > * {
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider {
		border-bottom: none;
		margin-bottom: 0!important;
		/* height: auto; */
	}

	/* Slider */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > div.slick-list.draggable {
		grid-column: 1 / 4;
		grid-row: 1 / 2;
		/*height: 560px;*/
		border-bottom: 1px solid #000000;
	}

	/* Button // ← */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > button.slick-prev.slick-arrow {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		top: calc( 560px / 2 );
	}

	/* Button // → */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > button.slick-next.slick-arrow {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
		top: calc( 560px / 2 );
	}

	/* Thumbnail */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > ul.slick-dots {
		grid-column: 1 / 4;
		grid-row: 2 / 3;
		align-self: start;
	}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* PC */
@media screen and (min-width: 640px) {
	/*  */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider {
		display: grid;
		grid-template-columns: 30px auto 30px;
	}
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > * {
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	/* Slider */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > div.slick-list.draggable {
		grid-column: 1 / 4;
		grid-row: 1 / 2;
		height: 560px;
	}

	/* Button // ← */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > button.slick-prev.slick-arrow {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		top: calc( 560px / 2 );
	}

	/* Button // → */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > button.slick-next.slick-arrow {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
		top: calc( 560px / 2 );
	}

	/* Thumbnail */
	main.main > #body_repair18 .blockTemplateArea .common-block.item_slider .slick-slider > ul.slick-dots {
		grid-column: 1 / 4;
		grid-row: 2 / 3;
	}
}