@charset "utf-8";

/* 要素 */
/* 表 */
table {
  border-collapse: collapse; /* 枠線を重ねて1本にする */
  margin-left: 10px;
}

th, td {
  border: 1px solid black; /* 基本の枠線 */
  padding: 5px;
}

td {
  text-align: left;
}

/* リスト */
li {
  margin-top: 3px;
  margin-bottom: 3px;
}

/* キャプション */
figure {
  overflow:hidden;
  margin: 5px;
}

#textToCopy {
  border: 2px solid black;
  background-color: white;
  display: inline-block;
  width: fit-content;
  padding: 5px 10px;
}

/* コピーボタン */
#copyBtn {
  padding-left: 10px;
}

/* クラス */
/* QRコード */
.qr {
  width: 250px;
}

/* 表の列の右側に2重線を引く */
.double-border-right1 {
  border-right: 3px double black; /* 太さ3pxの二重線 */
  padding: 3px;
  width: 125px;
}

/* 表の幅125px */
.width125 {
  width: 125px;
}

/* 中央揃え */
.cntr {
  text-align: center;
}

/* 内部余白3px */
.lineHight {
  line-height: 1.8;
}

/* 枠 */
.white-frame {
  border: 2px solid black;
  display: inline-block;
  width: fit-content;
  padding: 0 5px;
  background-color: white;
}

/* e-typingの画像 */
.e-typing {
  width: 200px;
}

/* 目次用 */
.index {
  border: 2px dashed black;
  display: inline-block;
  width: fit-content;
  padding: 3px;
  margin-left: 10px;
}

@media screen and (max-width: 840px) {
  
}

/* 以下スマホ（500pxより小さくなった場合） */
@media screen and (max-width: 500px) {

  span {
    font-size: 15px;
  }

  th, td {
    border: 1px solid black; /* 基本の枠線 */
    padding: 3px;
    font-size: 15px;
  }
  
  .qr {
    width: 50vw;
  }
}