/* カスタム CSS をここに入力してください */

/* 画像の上に文字を表示する */
.example {
  position: relative; /* 相対位置指定 */
  }

.text {
  position: absolute; /* 絶対位置指定 */
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.example img {
  width: auto;
  }


/* 文字の下に線を引く */
.dashed_line {
  border-bottom: dashed 1px skyblue;
  /*下に水色の1pxの破線を引きます*/
}

p {padding: 4px
  /*文字と線の間隔を指定*/}

/* ----------区切り---------- */

/* テーブルを横スクロール */
table {
 width: 100%;
}

/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
.scroll {
 overflow: auto;
 white-space: nowrap;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar {
 height: 5px;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}