/* ///////////////////////BASE/////////////////////// */
table {
 border-collapse: collapse;
}
th {
 text-align: center;
}
td {
 white-space: nowrap;
 text-align:center;
}
td.bg_common {
 font-weight: normal;
 background-color: rgba(127,127,127,0.5);
}
td.bg_xemn {
 font-weight: normal;
 background-color: rgba(127,200,127,0.4);
}
td.bg_maia {
 font-weight: normal;
 background-color: rgba(150, 64,200,0.4);
}
td.bg_lyll {
 font-weight: normal;
 background-color: rgba(200,127,127,0.4);
}
td.bg_pochi {
 font-weight: normal;
 background-color: rgba(200,127,200,0.4);
}
td.bg_mixed {
 font-weight: normal;
 background-color: rgba(200,200,200,0.4);
}

div.overflow_data {
  overflow:scroll;
}
/* ///////////////////////BASE/////////////////////// */


/* ///////////////////////MP用/////////////////////// */
@media screen and (max-width:1100px){
 /* MP */
 div.overflow_data {
   width: 100%;
 }
 table.overflow_data{
 }
}
/* ///////////////////////MP用/////////////////////// */


/* ///////////////////////PC用/////////////////////// */
@media screen and (min-width:1100px){

 h3 {
  font-size: 1.4em;
  background-color: #337766;
  position: sticky;
  top: 100px;
  z-index: 1;
 }
 h3.related {
  background-color: #111199;/*rgb(33, 33, 200, 0.5);*/
 }
 .no_margin {
  margin-top: 0;
  margin-bottom: 0;
 }

}
/* ///////////////////////PC用/////////////////////// */