/* --------- topの画像サムネイルサイズ --------- */
img01 {
  max-width: 100%;
  height: auto;
}
.container {
  display: flex;
flex-wrap: wrap;
}
.card1 {
  width: 35vh;
  margin: 20px;
  border-radius: 10px;/* --------- 角 --------- */
  background-color: #fff;
  box-shadow: 0 1px 6px #ccc;
}
.image1 {
  width: 100%;
  height: 200px;
  border-radius: 5px 5px 0 0;/* --------- 角 --------- */
  object-fit: cover;
}
.title1 {
  font-size: 150%;
  margin: 1 1 0 1px;
  color: #444;
}
.content1 {
  padding: 0 1 1 1px;
  color: #666;
}





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

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;
}