.wallet-icon {
		width: 50px;
	}

	/* 通貨アイコンのスタイリング */
	.coin-icon {
		font-size: 1.2em;
		margin-right: 8px;
		display: inline-block;
		vertical-align: middle;
	}

	/* テーブルのスタイリング改善 */
	.table-wrapper table {
		width: 100%;
		border-collapse: collapse;
	}

	.table-wrapper th,
	.table-wrapper td {
		padding: 12px 8px;
		text-align: left;
		border-bottom: 1px solid #ddd;
	}

	.table-wrapper th {
		background-color: #2c3e50;
		color: white;
		font-weight: bold;
	}

	/* ホバー効果を削除 */
	/* .table-wrapper tr:hover {
		background-color: #f9f9f9;
	} */

	*,
	*:before,
	*:after {
		box-sizing: border-box;
	}
	
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		font-family: sans-serif;
	}
	
	.qrreader {
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	.qrreader-video {
		background-color: #000;
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
	.modal-overlay {
		display: none;
		position: fixed;
		justify-content: center;
		align-items: center;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
	}
	
	.modal-overlay.is-show {
		display: flex;
	}
	.wrap-canvas {
		display: none;
	}

	.qrpadding {
		padding: 8px;
		background-color: #fff;
	}