/* コミックビューア用のcss */

/* 左ボタン */
#left {
    position: absolute;
    /* width: 50px; */
    /* height: 50px; */
    /* border-radius: 50%; */
    /* background: transparent; */
    /* color: #fff; */
    /* border: 1px solid #ffffff42; */
    /* top: calc(50vh - 25px); */
    left: 10px;
    padding-top: 6px;
  }
  
/* 右ボタン */
#right {
    position: absolute;
    /* width: 50px; */
    /* height: 50px; */
    /* border-radius: 50%; */
    /* background: transparent; */
    /* color: #fff; */
    /* border: 1px solid #ffffff42; */
    /* top: calc(50vh - 25px); */
    right: 10px;
    padding-top: 6px;
  }
  

/* 読み込み */
#circle {
  position: absolute;
  top:  40%;
	left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
   
	/* padding: 15px 30px;
  /* text-align: center; */
	/* width: 300px; */ 
}

  /* Images */
  .thumb-comic {
    display: flex;
    text-align: center;
  }
  .thumb-comic p {
    text-align: center;
  } 
  .thumb-comic img {
    margin: 10px auto;
    width: 150px;
    height: 100%;
  }



/* ここから下がボタンのCSS　*/
.btn {
  background: rgb(174, 183, 189); /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 25px 100px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入るリンクの下線を消す */
  border-radius: 30px; /* 角を丸くする */
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}