@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pr6N R", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body {
  overflow: hidden;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; 
}

a {
  display: block;
  text-decoration: none; }

div.container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: calc(100vh - 122px);
  margin: 140px 22px 22px; }
  div.container ul.addition_list {
    width: 100%;
    list-style: none;
    padding: 0; }
    div.container ul.addition_list >li {
      background: #ffffff;
      border: 1px solid #cccccc;
      padding: 18px 20px 18px 50px;
      margin-top: -1px;
      cursor: pointer; }
      div.container ul.addition_list li .code {
        display: inline-block;
        padding: 5px 10px;
        color: #fff;
        margin-bottom: 5px;
        text-align: center; }
      div.container ul.addition_list li p {
        font-size: 2rem;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0;
        color: #000000; 
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}
  div.container ul.inspection_list {
    width: 100%;
    list-style: none;
    padding: 0; }
      div.container ul.inspection_list li .code {
        font-size: 1.1rem;
        color: #333333; }
      div.container ul.inspection_list li p {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 150%;
        margin: 5px 0 0;
        color: #000000; }
    div.container ul.inspection_list li.check {
      background: url("../img/check.png") no-repeat;
      background-position: 10px center; }
    div.container ul.inspection_list li.read {
      background: url("../img/read.png") no-repeat;
      background-position: 10px center; }