<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
 * slick01のCSSを記述
 */

/* レイアウト関するCSS */
.slider-for li,
.slider-formini li{
	position: relative;
	background-color: #f1f1f1;
	width: 100%;
	height: 360px;/* 大きな画像の高さ固定 */
}
.slider-for li img,
.slider-formini li img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.slider-nav,
.slider-navmini{
	background-color: #f1f1f1;
	padding: 1px;
  margin: 0;
}
.slider-arrow{
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;/* 高さの半分だけネガティブマージン */
  color: #aaa;
  line-height: 36px;
  font-size: 28px;
  cursor: pointer;
  z-index: 10;/* 重要 */
}
.slider-prev{
  left: 0;
}
.slider-next{
  right: 0;
}
.slider-nav .slick-slide,
.slider-navmini .slick-slide{
	position: relative;
	border-right: #cccccc solid 1px;
	padding: 0 1px;
	height: 86px;/* サムネイル画像の高さ固定 */
  outline: 0;
}
.slick-slide img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 99%;
  max-height: 99%;
  width: auto;
  height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1109px) {
	.slider-for li,
	.slider-formini li{
		height: 300px;/* 大きな画像の高さ固定 */
	}
	.slider-nav .slick-slide,
	.slider-navmini .slick-slide{
		height: 70px;/* サムネイル画像の高さ固定 */
	}
}
@media print{
	.slider-for li,
	.slider-formini li{
		height: 300px;/* 大きな画像の高さ固定 */
	}
	.slider-nav .slick-slide,
	.slider-navmini .slick-slide{
		height: 70px;/* サムネイル画像の高さ固定 */
	}
}
@media screen and (max-width: 767px) {
	.slider-for li,
	.slider-formini li{
		height: 240px;/* 大きな画像の高さ固定 */
	}
	.slider-nav .slick-slide,
	.slider-navmini .slick-slide{
		height: 70px;/* サムネイル画像の高さ固定 */
	}
}
</pre></body></html>