body{
    font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
h1,.h1{
    font-size: calc(200% + 0.5vw);
}
h2,.h2{
    font-size: calc(180% + 0.5vw);
}
h3,.h3{
    font-size: calc(150% + 0.5vw);
}
table{
    font-size: calc(70% + 0.25vw) ;
}
table th{
    white-space:nowrap;
}
table td {
    text-align: center;
}
table td.m {
    text-align: left;
}


table#dan {
    width: initial;
    max-width: 600px;
}
table#dan caption{
    text-align: left;
}
table#family {
	table-layout: fixed;
	width: initial;

}
table#family td{
	vertical-align:middle;
	white-space:nowrap;

}

table#kisen {

}
table.all {
    max-width:600px;

}

@media screen and (max-width:480px){
	table.all{
	max-width:360px;
	}
}

table.all th {
    white-space:nowrap !important;

}
table.all td {
    white-space:nowrap !important;

}

table.myTable  {
    max-width:1080px;
    width:initial;

}
table.myTable th {
    white-space:nowrap !important;
}
table.myTable td {
    vertical-align:middle !important;
}
@media screen and (max-width:700px){
table.myTable td{
    padding:8px 2px !important;
}
}

table.matchTable {
    max-width:960px;
    width:initial;
    margin-bottom:20px;
}
table.matchTable td.white {
    background-color: #fff !important;
}
table.matchTable tfoot td {
    background-color: #eee;
}
@media screen and (max-width:700px){
table.matchTable td{
    padding:6px 2px !important;
}
}
table.matchTable th {
    white-space:nowrap !important;

}
table.matchTable td {
    white-space:nowrap !important;

}
table#matchTable {
    width:initial;
    max-width:600px;
    min-width:600px;

}
table#matchTable th {
    white-space:nowrap;
}
table#matchTable td {
    white-space:nowrap;
}
table.mt {
    width:initial !important;
    max-width:600px !important;
    min-width:600px !important;

}
table.mt th {
    white-space:nowrap !important;
}
table.mt td {
    white-space:nowrap !important;
}


table#data {
    white-space:nowrap;
    width:initial;
    max-width: 360px;

}
table#data2 {
    width:initial;
    min-width: 180px;
    max-width: 360px;
    white-space:nowrap;

}
table#data3 {
    width:initial;
    min-width: 180px;
    max-width: 360px;
    white-space:nowrap;

}
table#kisen {
    max-width: 600px;
    white-space:nowrap;

}
table.title {
    white-space:nowrap;

}
td.reason{
    text-align: left;

}
td.no{
    white-space:nowrap !important;
}
table.career {
    width:initial;
}
@media screen and (max-width:700px){
table.career {
    max-width:100%;
}
}
td.du {
    background:#B2B2B2 !important;
}
/*div*/

div#nendo {
}
div#main {
    margin: 2%;
}
div.dan{
    margin: 2%;
}
div.gen{
    clear:both;
    margin:2%;
}
div.stats {
    margin-top: 2%;
    margin-right: 2%;
}
div.stats2 {
    margin-top: 2%;
    margin-right: 2%;
    float:left;
}
div.stats3 {
    margin-top: 2%;
    margin-right: 2%;
    clear:both;
}
div#checkbox_div{
    margin-top:5%;
}
div#devide {
    margin-top:5%;
}

div.container {
    width:100%;
    max-width:480px;
    float:left;
    margin-bottom:20px;
}
div.caption {
    color:#777;
}
div.pager {
    margin-bottom:5px;
}
/*その他*/
span.yomi {
    font-size: 40%;
}
span.cap{
    font-size: 120%;
}
span.n{
    display: inline-block;
}

.tablesorter-filter-row.tablesorter-ignoreRow > td  {
    max-width:3em !important;
}
div.sec {
    margin-bottom : 4%;
}
p.cap{
    margin:0;
    padding-bottom: 4px;
    color:#777;
    font-size:calc(70% + 0.25vw);
}
table.hover-highlight td:before,
table.focus-highlight td:before {
  background: #fff;
}
.hover-highlight .odd td:before, .hover-highlight .odd th:before,
.focus-highlight .odd td:before, .focus-highlight .odd th:before {
  background: #ebf2fa;
}

.focus-highlight td:focus::before, .focus-highlight th:focus::before {
  background-color: lightblue;
}
.focus-highlight td:focus::after, .focus-highlight th:focus::after {
  background-color: lightblue;
}
.focus-highlight th:focus, .focus-highlight td:focus,
.focus-highlight .even th:focus, .focus-highlight .even td:focus,
.focus-highlight .odd th:focus, .focus-highlight .odd td:focus {
  background-color: #d9d9d9;
  color: #333;
}
table.hover-highlight tbody > tr:hover > td, /* override tablesorter theme row hover */
table.hover-highlight tbody > tr.odd:hover > td,
table.hover-highlight tbody > tr.even:hover > td {
  background-color: #ffa;
}
.hover-highlight tbody tr td:hover::after,
.hover-highlight tbody tr th:hover::after {
  background-color: #ffa;
}
.focus-highlight td:focus::after, .focus-highlight th:focus::after,
.hover-highlight td:hover::after, .hover-highlight th:hover::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 999em;
  left: 0;
  top: -555em;
  z-index: -1;
}
.focus-highlight td:focus::before, .focus-highlight th:focus::before {
  content: '';
  position: absolute;
  width: 999em;
  height: 100%;
  left: -555em;
  top: 0;
  z-index: -2;
}
.hover-highlight,
.focus-highlight {
  overflow: hidden;
}
.hover-highlight td, .hover-highlight th,
.focus-highlight td, .focus-highlight th {
  position: relative;
  outline: 0;
}
table.hover-highlight, table.hover-highlight tbody > tr > td,
table.focus-highlight, table.focus-highlight tbody > tr > td,
table.hover-highlight tbody tr.even > th,
table.hover-highlight tbody tr.even > td,
table.hover-highlight tbody tr.odd > th,
table.hover-highlight tbody tr.odd > td,
table.focus-highlight tbody tr.even > th,
table.focus-highlight tbody tr.even > td,
table.focus-highlight tbody tr.odd > th,
table.focus-highlight tbody tr.odd > td {
  background: transparent;
}
table.hover-highlight td:before,
table.focus-highlight td:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -3;
}