section#main{
 margin: 10px;
 width: calc(100% - 20px);
}
  section#main .cage .box{
    width: calc(100% - 40px);
    padding: 20px;
    background-color: #549cae;
  }
    section#main .cage .box table{
      margin: 20px;
      color: #fff;
    }
      section#main .cage .box tr{
        border-bottom: dotted 1px #fff;
      }
        section#main .cage .box td.date{
          white-space: nowrap;
          padding-right: 1em;
          font-size: 16px;
        }
        section#main .cage .box td.title{
          padding: 10px 0;
        }

@media screen and (max-width:750px){
  section#main .cage .box tr{
    border-bottom: none;
  }
    section#main .cage .box td{
      display: block;
    }
    section#main .cage .box td.date{
      padding: 5px 10px;
      font-size: 16px;
      background-color: #5eaec2;
    }
    section#main .cage .box td.title{
      padding: 5px 0 15px 1em;
    }
}

a:link   {text-decoration: none; color:#fff;}
a:hover  {text-decoration: underline; color:#fff;}
a:active {text-decoration: none; color:#fff;}
a:visited{text-decoration: none; color:#fff;}