/* ----------------------------------------  */
/* CSSツールチップ                           */
/* ----------------------------------------  */
.tooltip_wrapper {
	position			: relative;
	display			: inline-block;
}

.tooltip_text {
	visibility			: hidden;
	width				: max-content;
	white-space		: normal;
	background-color	: #333;
	color				: #fff;
	text-align			: center;
	border-radius		: 5px;
	padding			: 5px;
	position			: absolute;
	z-index			: 1;
	bottom				: 105%;
	left				: 50%;
	transform			: translateX(-50%);
	opacity			: 0;
	transition			: opacity 0.3s;
}

.tooltip_text::after {
	content			: "";
	position			: absolute;
	top					: 100%;
	left				: 50%;
	margin-left		: -5px;
	border-width		: 5px;
	border-style		: solid;
	border-color		: #333 transparent transparent transparent;
}

.tooltip_wrapper:hover .tooltip_text {
	visibility			: visible;
	opacity			: 1;
}