@charset "UTF-8";

/* overwrite Bootstrap */
*,
*:before,
*:after {
  box-sizing: content-box;
}

h1,
h2 {
  font-weight: bold;
}

.shadow {
  box-shadow: 2px 2px 3px 2px #dce0df !important;
}
/* overwrite Bootstrap */

/* overwrite Fontawesome */
.fa-spin {
  animation: spin 2s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* overwrite Fontawesome */

table.join {
  width: 100%;
  background-color: #f5f2ef;
  border-collapse: collapse;
  border: gray 1pt solid;
}
table.join td {
  text-align: left;
  border-collapse: collapse;
  border: gray 1pt solid;
  padding: 5px;
}
td.join {
  background-color: #ffffff;
}

td.header,
td.data,
td.colordata {
  font-weight: normal;
}
td.header {
  background-color: #d3e2f3;
}
td.colordata {
  background-color: #ffffe6;
}

.roundish10 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

h3 span.point {
  background-color: #194b93;
  color: #ffffff;
  margin: 0 10px 0 7px;
  padding: 2px 7px 2px 7px;
  font-size: 0.8em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.blue {
  color: #0068b7;
  font-weight: bold;
}
.pink {
  color: #e4007f;
  font-weight: bold;
}
.skyblue {
  color: #008cd6;
  font-weight: bold;
}
.shadow {
  box-shadow: 2px 2px 3px 2px #dce0df;
  -moz-box-shadow: 2px 2px 3px 2px #dce0df;
  -webkit-box-shadow: 2px 2px 3px 2px #dce0df;
}

ol li span.no {
  position: absolute;
  left: 0px;
  margin: 0;
}

ol.freon1 li,
dl.freon1 dd,
dl.freon1 dd {
  margin-bottom: 10px;
  line-height: 1.4em;
  list-style: none;
}
dl.freon1 {
  display: block;
}
dl.freon1 dt {
  float: left;
  margin-bottom: 20px;
}

dl.freon1 dd {
  font-size: 0.9em;
}

dl.freon1 dd span.point {
  /*      background-color: #194B93;
      color: #ffffff;*/
  background-color: #fef337;
  color: #1b56a6;
  border: 1px solid #1b56a6;
  font-weight: bold;
  margin: 0 3px;
  padding: 0 5px;
  font-size: 0.7em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

dl.duty > dt {
  background-color: #eee;
  clear: both;
  color: #444;
  font-weight: bold;
  margin-bottom: 1em;
}

dl.duty > dt span.point {
  background-color: #fef337;
  border: 1px solid #1b56a6;
  border-radius: 3px;
  color: #1b56a6;
  display: inline-block;
  font-weight: bold;
  height: 28px;
  text-align: center;
  line-height: 28px;
  margin-right: 0.8em;
  width: 28px;
}

dl.duty > dd {
  margin-bottom: 2em;
  margin-left: 1.5em;
  position: relative;
}

dl.duty > dd > ul li {
  margin-bottom: 0.8em;
}

dl.duty dl.notes {
  margin: 0.5em 0 2em;
}

dl.duty dl.notes dd {
  margin: -15px 0 0 18px;
}

dl.duty > dt:first-of-type {
  padding: 5px 10px;
  margin-bottom: 0;
  border-top: 3px double #aaa;
  border-left: 3px double #aaa;
  border-right: 3px double #aaa;
}

dl.duty > dd:first-of-type {
  padding: 20px;
  margin-left: 0;
  border-left: 3px double #aaa;
  border-right: 3px double #aaa;
  border-bottom: 3px double #aaa;
}

ul.notes {
  clear: both;
  list-style-type: none;
  margin: 0.5em 0 0.8em;
}

ul.notes li {
  color: #7a7876;
  font-size: 9pt !important;
  line-height: 1.4em;
}

ul.notes li:before {
  margin-left: -18px;
}

ul.kome {
  clear: both;
  list-style-type: none;
  margin: 0.5em 0 0.8em;
}

ul.kome li {
  color: #7a7876;
  font-size: 9pt !important;
  line-height: 1.4em;
}

ul.kome li:before {
  content: "※ ";
  margin-left: -18px;
}

div.legal {
  border: 3px solid #addef8;
  margin: 40px 0 10px;
  padding: 10px;
}

div.legal > div {
  background-color: #0095da;
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  padding: 13px 20px;
}

div.legal > div > span {
  background-color: #fff56b;
  border-radius: 3px;
  color: #007dc5;
  font-size: 0.9em;
  margin-right: 1em;
  padding: 0 8px;
}

div.legal > p {
  margin: 1em 0;
}

div.legal > ul.rule {
  list-style-type: none;
}

div.legal > ul.rule li {
  background-color: #e2f0fa;
  color: #0095da;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 10px 1em;
  position: relative;
}

div.legal > ul.rule li span {
  background-color: #0095da;
  border-radius: 15px;
  color: #fff56b;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 22px;
}

div.legal > ul.rule li div {
  background-color: #fff;
  border: 1px solid #ec008d;
  border-radius: 3px;
  color: #ec008d;
  display: inline-block;
  position: absolute;
  right: 10px;
  text-align: center;
  width: 240px;
}

#app th {
  font-weight: normal;
}

#app td {
  background-color: #fff;
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
  脆弱性対応 ヘッダ部
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

div.header-main div.t-net img {
  width: 167px;
  height: 25px;
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
  脆弱性対応 ラッパ部
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

div.wrapper > div.clearfix > div.b-box {
  position: relative;
  left: 0px;
  top: 0px;

  > div.clearfix:first-child {
    margin-bottom: 20px;

    > div:first-child {
      float: left;
      width: 440px;

      > .blue {
        font-weight: bold;
        display: block;
        margin: 15px 0;
        font-size: larger;
      }

      > div {
        float: left;
        width: 440px;
        margin-top: 1em;

        > img {
          margin-top: 10px;
        }
      }
    }

    > div.radius5 {
      > div:first-child {
        float: left;
        width: 250px;

        > ul {
          margin-top: 5px;
        }
      }
      > div:nth-child(2) {
        float: left;
        color: #595757;
        font-size: 0.75em;

        > img {
          margin-bottom: 1em;
        }
      }
    }

    > div:nth-child(2) {
      float: right;
      width: 390px;
      margin-top: 20px;
      background-color: #eaf6fd;
      padding: 15px;
    }
  }

  > div.clearfix:nth-of-type(2) {
    > dl.duty {
      > dt:first-of-type {
        padding: 5px 10px;
      }
      > dd:first-of-type {
        > div.clearfix {
          > div.container {
            > div:nth-child(3) {
              display: none;
            }
          }
        }
      }
      > dd:nth-of-type(2) {
        > div.clearfix {
          > div:first-child {
            float: left;
            width: 540px;
          }

          > div:nth-child(2) {
            float: right;
            width: 270px;

            > img {
              margin-top: 1em;
            }
          }
        }
      }
      > dd:nth-of-type(5) {
        > ul {
          > li {
            > div.clearfix.radius10.shadow.blue {
              float: left;
              padding: 8px 20px;
              border: 2px solid #00b9ef;
              margin: 1em 0;
            }
          }
        }
      }
      > dt:nth-of-type(6) {
        > span:nth-of-type(2) {
          color: #444;
        }
      }
    }

    > div.clearfix.radius5.shadow {
      border: 2px solid #d2cce6;
      margin: 4em 0 30px;
      padding: 30px 0 10px 0px;
      position: relative;

      > img:first-child {
        position: absolute;
        left: -20px;
        top: -35px;
      }

      > div:nth-child(2) {
        float: left;
        width: 440px;

        > dl.freon1 {
          margin-left: 115px;

          > dd:first-of-type {
            font-size: 0.9em;
          }
        }
      }

      > div:nth-child(3) {
        float: left;
        width: 430px;
      }
    }

    > div:nth-child(4) {
      > dl.notes {
        > dd {
          float: left;
          width: 860px;
          > ul {
            margin-top: 5px;
            > li {
              float: left;
            }
            > li:first-of-type,
            > li:nth-of-type(2) {
              margin-right: 20px;
            }
          }
        }
      }
    }

    > div.legal.radius10.shadow {
      margin-top: 10px;

      > ul.rule {
        > li:first-of-type {
          > div {
            padding: 1.5px 0 1.5px 0;
            margin-top: -0.6rem;
            > p.pink {
              font-weight: bold;
              line-height: 1.3em;
              font-size: 8pt;
            }
          }
        }
        > li:nth-of-type(4) {
          padding-bottom: 1em;
          > div {
            top: 2.5em;
          }
          > p.notes {
            font-weight: normal;
            margin-top: 0.5em;
          }
        }
      }
    }
  }
}