@charset "UTF-8";

@media (max-width: 1679px) {
	table {font-size: small;}
}
@media (max-width: 1023px) {
	table {font-size: x-small;}
}

.nw {white-space: nowrap;}
.na {
	background: #909090;
	font-size: small;
}

body {background-image: url("../images/tokimemo_bg_1.png");}

table {
	border-collapse: collapse;
	background-image: url("../images/tokimemo_bg_2.png");
}
tr.d {
	border-top: 4px double;
}
th {
	background-image: none;
	background-color: #80e080;
	border: 1px solid;
}
th.d {
	border-left: 4px double;
	text-align: right;
}
th.num {text-align: right;}
td {border: 1px solid;}
td.em {background: green;}
td.c {text-align: center;}
td.num {text-align: right;}
td.x {
	text-align: center;
	background: 	yellow;
}

td.iup {
	background-image: url("../images/idol_up.png");
	background-size: contain;
	text-align: center;
}
td.scplus {
	background-color: #E8E8D8;
	text-align: center;
}
td.cbonus {
	background-color: #FB9646;
	text-align: center;
}
td.apup {
	background-color: #B5C9EC;
	text-align: center;
}
td.chup {
	background-color: #FFB3C9;
	text-align: center;
}
td.voup {
	background-color: #F2DD9D;
	text-align: center;
}
td.other {
	color: #B0B0B0;
	background-color: #E0E0E0;
	text-align: center;
}
td.nocard {
	background-color: black;
	text-align: center;
}

div.lastmod {
	font-style: italic;
	float: right;
}

body.fumen_layout {min-width:600px;}
div.fumen {
	float: left;
}
div.comment {
	float: right;
	width: calc(100% - 260px);
	position: sticky;
	top: 0px;
}
div.clear {clear: both;}

table.field {
	background-image: none;
	font-size: medium;
	position: relative;
}
table.field tr * {
	border-color: #e0e0e0;
	border-style: dashed;
	color: lime;
}
table.field thead th {
	height: 24px;
	border-style: none;
	border-bottom-style: solid;
}
table.field tbody th {
	width: 32px;
	background-color: #808080;
	border-style: solid;
	border-left-style: none;
	
}
table.field tfoot th {
	height: 24px;
	border-style: none;
}
table.field td {
	width: 37px;
	height: 27px;
	background-color: #202020;
}
table.field tr.b3 td {
	border-bottom-color: #606060;
}
table.field tr.b1 td {
	border-bottom-style: solid;
}

img.sshot {
	left: 35%;
	width:  30%;
	height: 30%;
}

img.cond {
	width:  1.2em;
	height: 1.2em;
}

span.red {color: red;}
span.s {text-decoration: line-through}

em {
	font-weight: bold;
	color: magenta;
}
small {color: gray;}

.hidden {
	display: none;
}

.new {
	font-style: italic;
	color: maroon;
}
.upd {
	font-style: italic;
	color: olive;
}