body {
	cursor:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100vh;
	text-align:center;
	vertical-align:middle;
}

.slideshow-container {
	width:100%;
	height:100%
	position: absolute;
	left:0px;
	top:0px;
	max-width: 1000px;
	text-align:center;
	vertical-align:middle;
/*
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display:flex;
	justify-content:center;
	align-items:center;
*/	
}

.slide {
  display: none;
  text-align:center;
}

img {
	display:inline-block;
	width:100%;
	height:100%;
	max-width: 100%;
	max-height:100%;
	object-fit:contain;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

/* @keyframesは、CSSアニメーションを定義するためのルールです。*/
/* このルールを使用することで、要素に対して時間にわたるステップごとのスタイル変化を定義し、アニメーション効果を作成することができます。*/
/* @keyframesルールは、要素のスタイルを特定のタイムライン上でどのように変化させるかを指定します。 */

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}