@charset "UTF-8";

/* レスポンシブで縦と横が入れ替わらないタイプの表  普通の表*/
/* 色は青 */
/* 表の外枠の色指定 */
table {
  width: 100%;
  margin: 1em auto;
  border: solid 2px #f0a46080/*#00b0f0*/;
}
table tr {
  width: 50%;
  margin:0.5em auto;
}
/* 表の項目、見出し（左）の背景色　変更可 */
table th {
  width: 50%;
   border-bottom: solid 1px #f0a46080 /*以前の色 rgba(0,176,240,0.5)*/;      /* 濃い色に変更 */
   padding: 10px;
  background-color: #f0a46080; /*defo #2a5caa;*/
  color: black;/* defo #ffffff*/
}

/* 日程下の罫線色 変更可能*/
table td {
  border-bottom: solid 1px #f0a46080; /*以前の色 #00b0f0*/     /* 濃い色に変更 */
}

/* 日程fontの指定 変更可 */
table td .td-title {
  font-size: 1em; /*defo 1.2*/
  font-weight: normal; /*fontの太さ normal:標準　blod:太字(defo)　lighter:一段細く　bolder:一段太く*/
  color: black/*以前の色 #00b0f0*/;          /*黒に変更する*/
}

@media screen (max-width: 979px) {
  table {
    width: 100%;
    background-color: red;
  }
}