﻿#contents section#code table{
	text-align: center;
}
#contents section#code section{
	/*
	overflow-y: auto;
	height: 500px;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	*/
}

.sticky_row {
	position: sticky;
	top: 0;
	left: 0;
}
.sticky_row::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eee;
	z-index: -1;
}
.sticky_col {
	position: sticky;
	top: 0;
	left: 0;
	background: none;
}
.sticky_col::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eee;
	z-index: -1;
}
.sticky_cross {
	position: sticky;
	top: 0;
	left: 0;
	background: none;
	z-index: 1;
}
.sticky_cross::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eee;
	z-index: -1;
}

#contents section#code table span{
	color: #888;
	font-size: 0.7rem;
}
#contents section#code table tr.nopilot{
	display: none;
}
#contents section#code table tr th,
#contents section#code table tr td{
	padding: 5px;
	vertical-align: middle;
}
#contents section#code table th span{
	background-color: #111;
	color: #fff;
	padding: 0 5px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 3px;
}
#contents section#code table th span.map{
	background-color: #b52591;
}
#contents section#code table th span.combo{
	background-color: #b58a25;
}
#contents section#code table th span.gattai{
	background-color: #b52525;
}
#contents section#code table th span.beam{
	background-color: #256bb5;
}

#contents section#code table tr th{
	white-space: nowrap;
}
#contents section#code table tr td{
	white-space: nowrap;
}
#contents section#code table tr th:first-child{
	width: 200px;
	text-align: left;
}
#contents section .clearfix ul, #contents section#code ul{
	flex-wrap: nowrap;
}
#contents section#code table tr td ul li{
	margin: 0;
	margin-right: 5px;
	height: 1.5rem;
	line-height: 1.4rem;
	padding: 0 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color: #f0f0ea;
}
#contents section#code table tr td ul li.kotei{
	background-color: #575757;
	color: #fff;
}
#contents section#code table tr td ul li.special{
	background-color: #575757;
	color: #fff;
}
#contents section#code table tr td ul li.recovery{
	background-color: #c5e8ec;
}
#contents section#code table tr td ul li.syuri,
#contents section#code table tr td ul li.hokyu{
	background-color: #ecc5df;
}


#contents section#code table tr td:nth-child(15),
#contents section#code table tr td:nth-child(16),
#contents section#code table tr td:nth-child(17),
#contents section#code table tr td:nth-child(18),
#contents section#code table tr td:nth-child(19),
#contents section#code table tr td:nth-child(20){
	line-height: 1rem;
}