html {
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
}

/* 設定表示の枠 */

.displayArea {
	width: 100%;
}


.eventName {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}


table.buppanTable {
	width: 100%;
	border-collapse: collapse;
}

/* テーブルラッパーを追加して横スクロール */

table.buppanTable th,
table.buppanTable td {
	border: 1px solid black;
	padding: 5px;
	text-align: center;
}

table.buppanTable th {
	background-color: #f2f2f2;
	font-weight: bold;
	white-space: nowrap;
}

table.buppanTable input[type="number"] {
	font-size: 1rem;
	text-align: right;
	width: 60px;
}

table.buppanTable input[type="checkbox"] {
	width: 20px;
	height: 20px;
	cursor: pointer;
}


.totalPrice {
	font-size: 1.2rem;
	text-align: right;
	margin: 10px 0;
	font-weight: bold;
}


.priceCell {
	text-align: right !important;
	white-space: nowrap;
}


.nameCell {
	text-align: left !important;
}