body,td,th {
	font-size: 100%;
	background: #f0f0f0;
	color: #000;
}
a:hover {
	background: #8080c0;
	color: #fff;
}
div.main {
	width: 100%;
	text-align: center;
}
table.panel {
	margin: 1.2em auto;
	background: #444;
	color: #a2a2a2;
}
table.panel td {
	background: #444;
	color: #a2a2a2;
	padding: 4px;
	text-align: center;
}
td.white {
	color: #fff !important;
	font-weight: bold;
}
td.orange {
	color: #fac947 !important;
}
td.wid80 {
	width: 80px;
}
td.wid30 {
	width: 30px;
}
input.button {
	width: 120px;
	margin: 15px;
}
table.cart_tbl {
	margin: 5.2em auto;
	border-collapse: collapse;
}
table.cart_tbl th {
	border: solid 1px #8080c0;
	background: #dcdced;
	white-space: nowrap;
	padding: 10px;
}
table.cart_tbl td {
	border: solid 1px #8080c0;
	background: #fff;
	white-space: nowrap;
	padding: 10px;
}
p.red {
	color: #dd0000;
}
div.raw-main {
	text-align: center;
}
table.raw-tbl {
	width:98%;
}
table.raw-tbl td {
	padding: 8px;
	background: #fff;
}
table.btn-tbl {
	margin: 0px auto;
}
div.ttl {
	margin-top: 3em;
	font-weight: bold;
	color: navy;
	border-bottom: 1px navy solid;
	padding: 5px;
}
div.cart-topmsg {
	margin: 3em 0;
}


/*===========================================================
  スマホ対応（2026/07 追加）: 既存の見た目は変えず可変化のみ
===========================================================*/
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
input, select, textarea, button { font-size: 16px; max-width: 100%; }
table { max-width: 100%; }

@media (max-width: 600px) {
	body { margin: 6px; }
	/* HTML属性の固定幅(width="550"等)を打ち消して可変にする */
	table { width: 100% !important; }
	td, th { width: auto !important; }
	/* カート表は折返しを許可し、はみ出す場合は横スクロール */
	table.cart_tbl { margin: 2em auto; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	table.cart_tbl th, table.cart_tbl td { white-space: normal; }
	table.raw-tbl { width: 100% !important; }
	input.button { width: auto; min-width: 120px; padding: 10px 16px; margin: 10px 6px; }
	div.cart-topmsg { margin: 1.5em 0; }
	div.ttl { margin-top: 1.5em; }
	table.cart_tbl { margin: 1.5em auto; }
}