@charset "UTF-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

table{
  width: 96%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 22px;
  display: block;
  position: relative;
  text-align: center;
}
th, td{
  margin: 0;
  padding: 8px 10px;
  border : 1px solid #cccccc;
  vertical-align: top;
  width: 24%;
}
th{
  background: none 0% 0% / auto auto repeat scroll padding-box border-box #d6ffac;
  text-align: center;
}
thead{
  width: auto;
}
tbody{
  width: auto;
  text-align: left;
}
td.colorgr{
  background-color: #d6ffac;
}
/* タブレット向けのスタイル：481px ～ 768px */
@media only screen and (min-width: 481px) {
  table{
  width: 96%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing:0;
  font-size : 16px;
  display: block;
  position: relative;
  text-align : center;
}
th, td{
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #ccc;
  vertical-align : top;
  width: 24%;
}
th{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #d6ffac;
  text-align : center;
}
thead{
  width: auto;
}
tbody{
  width: auto;
  text-align : left;
}
td.colorgr{
  background-color : #d6ffac;
}
}
/*  PC向けのスタイル：769px～960px */
@media only screen and (min-width: 769px) {
  table{
  width: 96%;
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing:0;
  font-size : 16px;
  display: block;
  position: relative;
  text-align : center;
}
th, td{
  margin: 0;
  padding: 8px 10px;
  border : 1px solid #cccccc;
  vertical-align : top;
  width: 24%;
}
th{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #d6ffac;
  text-align : center;
}
thead{
  width: auto;
}
tbody{
  width: auto;
  text-align : left;
}
td.colorgr{
  background-color : #d6ffac;
}
}