/* カスタム CSS をここに入力してください */
.topthmb {
  position: relative;
  }

.topthmb p {
  position: absolute;
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  z-index: 3;
  /*文字の装飾は省略*/
  }

.topthmb img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  z-index: 1;
  }

.topthmb::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.2);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
    z-index: 2;
}