@charset "utf-8";


table{
width: 100%;
margin-bottom: 20px;
table-layout: fixed;
/*
border-collapse: collapse;
*/
border-collapse: separate;
border-spacing: 1px;
color: black;
word-break: break-all;}

th, td{
font-size: 75%;
border: none;}

th, td{
text-align: left;
word-break:break-all;
line-height: 1.5em;
padding: 4px;}
th{
vertical-align: middle;
background-color: #CCCCCC;}
td{
background-color: #F2F2F2;}


@media screen and (min-width:568px){
table{
border-spacing: 2px;
}
tr th, tr td{
font-size: 100%;}

}


/*■効果■*/

.on td:hover {
background-color: #FFFF99;}
.black{
color: black;}

.w55{
width: 55%;}
.w50{
width: 50%;}
.w45{
width: 45%;}
.w40{
width: 40%;}
.w35{
width: 35%;}
.w30{
width: 30%;}
.w26{
width: 26%;}
.w25{
width: 25%;}
.w22{
width: 22%;}
.w20{
width: 20%;}
.w18{
width: 18%;}
.w15{
width: 15%;}
.w12{
width: 12%;}
.w10{
width: 10%;}
.w7{
width: 7%;}
.w5{
width: 5%;}

@media screen and (min-width:768px){
.w32em{
width: 32em;}
.w24em{
width: 24em;}
.w16em{
width: 16em;}
.w14em{
width: 14em;}
.w13em{
width: 13em;}
.w12em{
width: 12.6em;}
.w11em{
width: 11em;}
.w10em{
width: 10em;}
.w8em{
width: 8em;}
.w7em{
width: 7em;}
.w6em{
width: 6em;}
.w5em{
width: 5em;}
.w4em{
width: 4.3em;}

}

@media screen and (max-width:567px){
.w50{
width: 34%;}

}




/*■テーブル左右分割■*/


@media screen and (max-width:567px){
.sep-cell{
margin-bottom: 0;
}
	}
@media screen and (min-width:568px){
.sep-cell{
width: 50%;
float: left;
}
	}


td.comment,
.comment td{
background: #DDDDDD;
font-size: 75%;
text-align: left;
}
.comment:hover {
font-size: 100%;
}



/* ■■■ＢＧカラー■ */


th.th-center,
.th-center th{
padding: 15px 4px;
font-size: 112.5%;
text-align: center;
background: #AAAAFF;
}

@media screen and (max-width:767px){
.text-center th,
.th-center th{
font-size: 100%;
}
	}



/* ■■■ラベル■ */


td span{
background: #00CC00;
text-align: center;
display: inline-block;
min-width: 8em;
color: white;
font-weight: bold;
padding: 0 0.5em;
margin: 0 4px 2px 0;
border-radius: 5px;
}



/* ■■■ラベルカラー■ */


.l-red{
background: #EE0000;
}
.l-yellow{
background: #EEBB00;
}




.green{
color: #009900;
}
.orange,
.yellow{
color: #EE9900;
}