/* SPDX-License-Identifier: GFDL-1.3-or-later */

/* article */
article {
	width: 1024px;
	margin-bottom: 40px;
}
article p {
	color:#575757;
}

/* split div */
div.avoid {
	width: 20%;
	display: inline-block;
	margin-right: -3px;
}
div.prefered {
	width: 78%;
	display: inline-block;
	margin-left: -3px;
}
div.note {
	margin-left: 10%;
	margin-right: 10%;
}

/* Table */

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

th, td {
  text-align: left;
  padding: 8px;
}

/* Table: Avoid */
table.avoid th {
	background-color: #BB1010;
	color: #FFFFFF
}

table.avoid tr: nth-child(even){background-color: #f2f2f2}

table.avoid td.image {
	width: 50px;
}

table.avoid td.image img {
	width: 30px;
}
table.avoid td{
	font-size: 80%;
}

/* Table: Prefered */
table.prefered th {
  background-color: #04AA6D;
	color: #FFFFFF
}
table. tr.alternative {
	
	border: 1px solid #000000;
}
table.prefered td.image {
	width: 100px;
}

table.prefered td div{
	vertical-align: top;
	display: inline-block;
}
table.prefered td div img{
	width: 80px;
}

/* Table: Note */
table.note, tr {
    border: 1px solid #000;
	font-size: 80%;
}
table.note th {
	padding: 0 0.5em;
	background-color: #eee;
}

/* Tags */
div.tag {
	background-color: #000000;
	color: #ffffff;
	border-radius: 3px;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}
div.tag.server {
	background-color: #0060ed;
}
div.tag.app-pc {
	background-color: #b83015;
}
div.tag.android {
	background-color: #96bf24;
}
div.tag.ios {
	background-color: #637075;
}
div.tag.site {
	background-color: #158452;
}
div.tag.module {
	background-color: #ffd815;
	color: #000000;
}