@charset "utf-8";
  html{
    scroll-behavior: smooth;
  }
  body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1rem;
  }
  .container{
    margin: 1.5rem auto;
  }
  header h1{
    font-size: 1.5rem;
  }
  .nobr{
    white-space:nowrap;
  }
  .list-group .col{
    margin: 0;
  }
  .list-group-item{
    word-wrap: break-word;
  }

  /* simplePagination */
  .selection{
    display: none;
  }
  #page-1{
    display: block;
  }
  .page-item.disabled .page-link,
  .page-item.active .page-link{
    background-color: #444;
    color:#888;
  }
  .page-link{
    background-color: #303030;
    border: 1px solid #444;
  }
  .page-link:hover{
    background-color: #444;
  }

  /* index */
  .jumbotron {
    padding: 1rem 1rem;
    text-align: center;
  }
  .jumbotron h2{
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  #list h2{
    font-size: 1rem;
    text-align: center;
  }
  #list .btn{
    margin-bottom: 1.5rem;
  }