@CHARSET "UTF-8";

body, td, th {
	font-size: 14px;
}

.prc_menu {
	display: grid;
	grid-template-columns: 200px auto;
}

.prc_menu ul {
	padding-left: 0px;
}

li {
	margin-bottom: 10px;
	list-style: none;
}

table.rank {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

table.rank th {
	border: 1px solid #ccc;
	background: #6495ed;
	word-wrap: break-word;
}

table.rank td {
	border: 1px solid #ccc;
	padding: 6px;
	text-align: center;
	word-wrap: break-word;
}

table.rank tr th:nth-child(1) {
	width: 3%;
}

table.rank tr th:nth-child(2) {
	width: 21%;
}

table.rank tr th:nth-child(3) {
	width: 25%;
}

table.rank tr th:nth-child(4) {
	width: 7%;
}

table.rank tr th:nth-child(5) {
	width: 5%;
}

table.rank tr td:nth-child(6) {
	width: 7%;
}

table.rank tr th:nth-child(7) {
	width: 5%;
}

table.rank tr th:nth-child(8) {
	width: 5%;
}

table.rank tr th:nth-child(9) {
	width: 22%;
}

td.mamoru {
	background: #ffffe0;
}

caption {
	text-align: left;
}

.varTable {
	border-collapse: collapse;
}

th.varTh {
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
	color: #333;
	font-weight: normal;
	vertical-align: top;
}

td.varTd {
	padding: 6px;
	border: 1px solid #ccc;
	background: #fff;
}

#left {
	float: left;
}

.disc span{
	text-decoration: underline;
}
.shop {
	width: 80%;
	height: 650px;
	overflow-y: scroll;

}

.shop table {
	table-layout: fixed;
	width: 100%;
}

.shop th, .shop td {
	height: 50px;
	vertical-align: middle;
	text-align: center;
	padding: 0 15px;
	border: 1px solid #ccc;
}

.shop .fixed01 {
	position: sticky;
	top: 0px;
	color: #fff;
	background: #349800; &: before { content : "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	}
}
.shop tr th:nth-child(1) {
	width: 20%;
}

.shop tr th:nth-child(2) {
	width: 40%;
}

.shop tr th:nth-child(3) {
	width: 20%;
}

.shop tr th:nth-child(4) {
	width: 20%;
}