@charset "utf-8";

/* Layout
-------------------------------------------------- */
/* コンテンツ */
main aside h2{
  font-size:2rem;
  text-align:center;
  margin-top:10px;
}
main #contents{
  margin-top:20px;
  border-top:1px solid #fe5c5c;
  padding-top:10px;
}

/* 表組 */
main #contents table{
  width:100%;
}
main #contents table th,
main #contents table td{
  display:block;
  width:100%;
  text-align:left;
}
main #contents table th{
  padding-top:15px;
  padding-bottom:5px;
}
main #contents table td{
  line-height:130%;
  padding-bottom:10px;
  border-bottom:1px dashed #999999;
}
main #contents table tr.map td{
  text-align:center;
}

/* note */
main #contents p.note{
  margin-top:20px;
  line-height:130%;
  font-size:1.4rem;
  padding-left:1em;
  text-indent:-1em;
}
main #contents p.note::before{
  content:'※';
}



/* タブレット
-------------------------------------------------- */
@media only screen and (min-width: 667px) {

  /* 表組 */
  main #contents table th,
  main #contents table td{
    display:table-cell;
  }
  main #contents table th{
    width:25%;
    border-bottom:1px dashed #999999;
    font-weight:normal;
  }
  main #contents table tr.map td{
    text-align:left;
  }
}



/* PC
-------------------------------------------------- */
@media only screen and (min-width: 750px) {

  /* コンテンツ */
  main{
    display:flex;
  }
  main aside{
    width:100px;
  }
  main aside h2{
    text-align:left;
    letter-spacing:-1px;
    font-weight:normal;
  }
  main #contents{
    width:calc(100% - 100px);
    border-left:1px solid #fe5c5c;
    border-top:0;
    margin-top:0;
    padding-left:25px;
  }

  /* 表組 */
  main #contents table tr:first-child th{
    padding-top:0;
  }
}