/* CSS Document */

.pagetop {
	/* ▼最初は非表示にしておく */
	display: none;

	/* ▼表示位置を画面の右下に固定 */
	position: fixed;		/* ←表示場所を固定 */
	bottom: 18px;			/* ←下端からの距離 */
	right: 18px;			/* ←右端からの距離 */
	
	/* ▼配色・配置・文字の装飾など */
	background-color: #333333; /* ←背景色 */
	opacity: 0.75;			/* ←透明度 */
	border-radius: 49%;		/* ←角丸の半径 */
	text-align: center;		/* ←文字の位置 */
	/*font-size: 140%;		/* ←文字サイズ */
	font-weight: bold;		/* ←文字の太さ */
	margin: 0;				/* ←外側の余白 */
	padding: 1.1em 0;			/* ←内側の余白 */
	line-height: 1;
	z-index: 1000;
}
.pagetop .dashicons,
.dashicons-before::before {
	font-size: 26px !important;		/* ←文字サイズ */
	width: 30px !important;
	height: 30px !important;
}
.pagetop a,
.pagetop a:link,
.pagetop a:visited {
	color: white !important;			/* ←文字色 */
	text-decoration: none;	/* ←下線なし */
	padding: 1.1em;
}
.pagetop a:hover,
.pagetop a:active {
	color: yellow !important;			/* ←文字色 */
}