@charset "utf-8";

html{
	scroll-behavior: smooth;
}
caption{
	color: #CCF;
	letter-spacing: .2em;
	border-bottom: 1px dashed #FFC;
}
tr{
	cursor: pointer;
	
	&:hover{
		background: #C00;
	}
}

td{
	border-radius: 2px;
	margin: 0;
	padding: 5px;
}

td#thum{
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	display: block;
	
	width: 120px;
	height: 80px;
	border-radius: 3px;
}

img{
	width: 120px;
	height: 80px;
	border-radius: 3px;
}

.pagetop-btn {
  position: fixed;
  width: 52px;
  height: 52px;
  border: solid 1px #fbdc97;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  right: 20px;
  bottom: 20px;
  z-index: 1000;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.3s, transform 0.3s;
}