a.top-injured-part-atag-block {
	text-decoration: none;
}
.top-injured-part-block-before {
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.4);
}
.top-injured-part-block {
	width:			100%;
	height:			240px;
	overflow:		hidden;
	margin:			10px 10px 10px 0px;
	position:		relative;	/* 相対位置指定 */
	background-size: cover;
	background-color: rgba(0,0,0,0.4);
}
.top-injured-part-block .top-injured-part-a-title {
	font-size:		130%;
	text-align: 		center;
	padding-top:		80px;
	color:			#fff;
	opacity: 0; /* ホバーなければ表示しない */
}
.top-injured-part-block:hover .top-injured-part-a-title {
	opacity: 1; /* ホバーしたら表示する */
}
.top-injured-part-block .top-injured-part-mask .top-injured-part-mask-wrap .top-injured-part-a-text {
	opacity: 0; /* ホバーなければ表示しない */
}
.top-injured-part-block .top-injured-part-mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(255,255,255,0.8);	/* マスクは白の半透明 */
	text-shadow: 0 0 #000;
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
	z-index: 2;
}
.top-injured-part-block:hover .top-injured-part-mask {
	opacity:		1;	/* マスクを表示する */
	transition: 0.3s;
}
.top-injured-part-block:hover .top-injured-part-block-before {
	opacity:		0;	/* 下にあった要素を消す */
}
.top-injured-part-nogap {
	gap: 0em;
	justify-content: center;
}
.top-injured-part-b-title {
	padding-top: 94px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-shadow: 3px 3px 3px rgb(0 0 0 / 50%);
	color: #fff;
	font-size: 50px;
	z-index: 5;
}
.top-injured-part-b-text-wrap {
	position: absolute;
	top: 0;
	background-color: #445925;
	width: 100%;
	text-align: center;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	color: #fff;
	font-size: 27px;
	padding: 2px 10px;
	z-index: 5;
}

button.top-injured-part-b-button {
	position: absolute;
	right: 32px;
	bottom: 17px;
	border-radius: 5px;
	background-color: #6eb92c;
	border: none;
	color: #fff;
	padding: 3px 17px;
	font-size: 15px;
	z-index: 6;
}

.top-injured-part-block:hover .top-injured-part-mask .top-injured-part-mask-wrap {
	width: 100%;
	height: 100%;
	padding: 20px;
	}

.top-injured-part-block:hover .top-injured-part-mask .top-injured-part-mask-wrap .top-injured-part-a-title {
	color: #000;
	text-align: left;
	padding: 10px 0 25px;
	font-size: 25px;
}
.top-injured-part-block:hover .top-injured-part-mask .top-injured-part-mask-wrap .top-injured-part-a-text {
	color: #000;
	font-size: 18px;
	opacity: 1; /* ホバーしたら表示する */
}
@media screen and (max-width: 767px) {
	.top-injured-part-b-text-wrap {
		font-size: 24px;
	}
	.top-injured-part-block {
		height: 217px;
		margin: 0px 10px 10px 0px;
	}
	.top-injured-part-block:hover .top-injured-part-mask .top-injured-part-mask-wrap .top-injured-part-a-title {
		padding: 5px 0 5px;
	}
	.top-injured-part-b-title {
		padding-top: 80px;
	}
}
@media screen and (max-width: 1000px) {
	.top-injured-part-b-text-wrap {
		font-size: 24px;
	}
	.top-injured-part-block:hover .top-injured-part-mask {
		opacity:		0;
	}
	.top-injured-part-block:hover .top-injured-part-block-before {
		opacity:		1;	/* 下にあった要素を消さない */
	}
	.top-injured-part-nogap {
		gap: 0.5em;
		justify-content: center;
	}

}