.main {
          max-width: 600px;
          margin: 0 auto;
        }

        .mainHeader {
          position: relative;
          padding: 30px 0 0;
          text-align: center;
        }

        .mainHeader_info {
          font-size: 20px;
          margin: 0 0 5px;
        }
        /*サイトのmain部分の750px以下の設定*/

        @media screen and (max-width :750px) {
          .main {
            padding: 0 20px;
          }
        }
        /*about領域の設定*/

        .about {
          /*about全体の設定*/
          text-align: center;
          padding: 0 0 0px;
          font-size:14px;
        }

        .theme_bar {
          display: block;
          width: 100%;
          height: 1px;
          border: 0;
          border-top: 1px dashed #cccccc;
        }

        .wordsLink {
          text-align: center;
          padding: 4px;
        }

        .words_title {
          font-size: 15px;
          font-weight: bold;
          text-align: center;
          padding: 15px 0 5px;
        }

        .random_title {
          font-size: 15px;
          font-weight: bold;
          text-align: center;
          padding: 15px 0 5px;
        }

        .words_set {
          font-size: 14px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .words_box {
          margin: 0 0 8px;
          max-width: 100%;
          color: #555;
          flex-basis: auto;
        }

        .words {
          text-align: left;
          flex-basis: auto;
          padding: 4px 0px;
        }

        .words li{
          padding: 1px 0px;
          list-style-type: decimal;
        }

         .w_ins_date {
          float: left;
          padding: 8px 0 0 0;
          font-size:12px;
          color: #999999;
        }

        .w_box_bottom {
          display:flex;
          flex-flow: column;
          text-align: center;
        }

        .w_button {
          display: inline-block;
          letter-spacing: 12px;
          text-align: center;
        }

        .w_copy_button {
          appearance: none;
          border: 0;
          border-radius: 5px;
          font-size: 14px;
        }

        .random_button {
          border: none;
          box-sizing: border-box;
          padding: 2px 5px;
          text-align: center;
          color: #fff;
          background-color: #9bafc0;
          cursor: pointer;
        }

        .random_button::before, .random_button::after {
          box-sizing: border-box;
        }

.list {
  font-family: monospace;
}

.list div {
  display: flex;
  align-items: baseline;
}

.num {
  display: inline-block;
  width: 2em;
  text-align: right;
  margin-right: 0.5em;
}