/* スムーズにスクロールさせる設定 */
html {
  scroll-behavior: smooth;
}

.to-top-button_circle {
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.to-top-button_triangle {
	width: 70%;
	height: 70%;
	background-color: #fff;
	/* 正三角形の頂点を計算して切り抜き */
	/* 上中央(50% 7%)、右下(87% 75%)、左下(13% 75%) */
	clip-path: polygon(50% 7%, 87% 75%, 13% 75%);
}

.to-top-button {
	position: fixed;
	right: 20px;
	bottom: 50px; /* ここを基準にする */
	/* 初期状態は非表示 */
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	/* 装飾（例） */
	z-index: 9999;
}

/* JSで付与されるクラス */
.to-top-button.is-visible {
	opacity: 1;
	visibility: visible;
}