@charset "UTF-8";

/* ソースコードの装飾 */
.prettyprint ol.linenums > li {
  background:#333333;
  list-style-type: decimal;
  border-left:solid 1px grey;
}
pre.prettyprint {
  white-space: pre;
  overflow: auto;
}

/* 戻るボタン装飾 */
/* パソコン・スマホ共通のCSS */
#PageTopBtn {
  position: fixed; /*ボタンの配置場所を固定*/
  bottom: 10px; /*下からのボタンの配置場所を指定*/
  right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
  display: block; /*配置の調整*/
  text-decoration: none; /*文字の下線を消す*/
  color: #fff; /*文字の色*/
  background: #006400; /*ボタンの背景色*/
  text-align: center; /*文字を中央に配置*/
  border-radius: 5%; /*ボタンの角を少し丸くする*/
  outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
  text-decoration: none; 
  background: #3cb371; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn {
  font-size: 13px; /*文字のサイズ*/
}
#PageTopBtn a {
  width: 100px; /*ボタンの幅*/
  height: 50px; /*ボタンの高さ*/
  padding: 24px 0; /*文字の配置場所の調整*/
}
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn {
  font-size: 10px;
}
#PageTopBtn a {
  width: 70px;
  height: 50px;
  padding: 17px 0;
  background-color: rgba( 204, 255, 204, 0.55 );
  color:#4682b4;
}
}