/* --------- topの画像サムネイルサイズ --------- */

.img-box img {
  width: 40vh;
  height: 230px;
margin:5px;
  object-fit: cover;
border-radius: 10px;/* 角丸く */
/* --------- サムネイル画像の中の表示場所指定 --------- */
 object-position:20% 20%; /* 中央上部を基準に表示 */
}



/* --------- ホバー時のアクション 薄くなる--------- */  

p a:hover{ 
	opacity:0.5;
	transition:0.3s;
}


/* --------- ホバー時のアクション 上に動く--------- */  

p a img{
	position:relative;
	top:0;
}
p a img:hover{
	top:-10px;
	transition:0.3s;
}