/*ページ全体の構成*/

        body, li {
          color: #4d4d4d;
          font-size: 14px;
          font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
          margin: 0;
        }

        a:link {
          color: #7c96ac;
          text-decoration: underline;
        }

        a:hover {
          color: #6e7574;
          text-decoration: none;
        }

        a:visited {
          color: #6e7574;
          text-decoration: none;
        }

        ul {
          padding: 0;
          margin: 0;
        }

        li {
          list-style: none;
        }

        button .has-shadow {
          /* 記述なし */
        }

        button .clear-decoration {
          border: none;
          /* 枠線を消す */
          outline: none;
          /* クリックしたときに表示される枠線を消す */
          background: transparent;
          /* 背景の灰色を消す */
        }

        button .decorated {
          cursor: pointer;
          /* マウスカーソルを乗せると指になる */
          outline: none;
          border: 1px solid #f00;
          background-color: rgb(255, 0, 0, 0.2);
        }
        /*全体の設定*/

/* container: 画面中央に縦並び */
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 20px;
  box-sizing: border-box;
}
.button_area,
.name_list {
  text-align: left;
  width: 90vw;
  max-width: 480px;
  box-sizing: border-box;
  margin-top: 1em;
  line-height: 2em;
}
.name_list {
  line-height: 2.2em;
}

.block_left_aligned {
  text-align: left;
  width: 90vw;
  max-width: 480px;
  box-sizing: border-box;
  margin-top: 1em;
}

@media (max-width: 400px) {
  .button_area,
  .name_list {
    width: 100vw;
    max-width: none;
    padding: 0 10px;
  }
}

        .wrap {
          width: 100%;
          display: block;
          background: #fff;
        }
        /*main部分の設定*/

        .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;
        }

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

.balloon3 {
  text-align: center;
}

.balloon3-top {
  border: solid 2px #e0edff;
  text-align: center;
  position: relative;
  display: inline-block;
  align-items: center;
  margin: 8px 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 14px;
}

.balloon3-top:before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

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

        .list-item {
          opacity: 1;
        }

        a.history_link:link {
          color: #fff;
        }

        .list-item_notice {
          opacity: 1;
          margin-top: 3px;
          margin-bottom: 6px;
        }

        .list-item.is-hidden {
          opacity: 0;
          height: 0;
          margin: 0;
          position: relative;
          z-index: 0;
        }

        .list-btn.is-btn-hidden {
          display: none;
        }

        .list-btn button {
          background-color: #9bafc0;
          color: #fff;
          text-align: right;
          border: none;
          cursor: pointer;
          outline: none;
          padding: 0;
          font-size: 11px;
          position: relative;
          z-index: 1;
          width:100%
        }

/*
        .list-item_notice.is-hidden_notice {
          opacity: 0;
          height: 0;
          margin: 0;
          padding-right: 30px;
          position: relative;
          z-index: 0;
        }

        .list-btn_notice.is-btn-hidden_notice {
          display: none;
        }
*/

        .list-btn_notice button {
          background-color: #fff;
          color: #4d4d4d;
          border: none;
          text-align: center;
          cursor: pointer;
          outline: none;
          padding: 2px;
          font-size: 13px;
          position: relative;
          z-index: 1;
          width:100%
        }

        /*menu領域の設定*/

        .titleLink {
          /*mainMenu全体の設定*/
          font-size: 17px;
          text-align: center;
          padding: 9px;
          font-weight: bold;
        }

        .title_list {
          font-size: 17px;
          padding: 3px;
        }

        .mainMenu {
          /*mainMenu全体の設定*/
          font-size: 17px;
          text-align: center;
          padding: 9px;
        }

        .mainMenu_title {
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 15px 0 5px;
        }

        .mainMenu_title:before, .mainMenu_title:after {
          border-top: 1px solid;
          content: "";
          width: 2em;
          /* 線の長さ */
        }

        .mainMenu_title:before {
          margin-right: 0.5em;
          /* 文字の右隣 */
        }

        .mainMenu_title:after {
          margin-left: 0.5em;
          /* 文字の左隣 */
        }
        /*menuの下層部分の設定*/

        .mainMenu_list {
          font-size: 17px;
          text-align: center;
          padding: 9px;
        }
        /*サイトのmain部分の750px以下の設定*/
        @media screen and (max-width :750px) {
          .mainMenu_title {
            padding: 12px 0 5px;
          }
        }

        /*menu注釈*/

        .explanation-align-center ul {
          list-style: disc;
          padding-left: 15px;
        }

        .ul-align-center {
          border: solid 2px #e0edff;
          list-style-type: circle;
          display: flex;
          align-items: center;
          flex-direction: column;
          padding: 10px;
          margin-bottom: 30px;
        }

        .explanation label {
          text-align: center;
          height: 15px;
          display: block;
          padding: 3px 3px 6px;
          color: #4d4d4d;
          font-weight: bold;
          cursor: pointer;
        }

        .explanation input[type="checkbox"] {
          display: none;
        }
        /* クリックしたら表示される領域 */

        .explanation .explanation_child {
          height: 0;
          padding: 0;
          overflow: hidden;
          margin-bottom: 10px;
        }

        .switch:checked+.explanation_child {
          height: auto;
          padding: 8px;
        }
        /* アコーディオンメニュー全体のサイズ・位置 */

        .info{
          padding: 10px;
          margin: 10px;
          text-align: center;
line-height: 2em;
        }

        .memo {
          padding: 4px 0px 7px 10px;
          display: table;
          text-align: left;
        }
        /*footer*/

        .footer {
          /*footer部分の設定*/
          background: #9bafc0;
          text-align: center;
          padding: 10px;
          font-size: 12px;
        }
        /*トップへ戻る*/

        #page_top {
          width: 80px;
          height: 80px;
          position: fixed;
          right: 0;
          bottom: 0;
          opacity: 0.6;
        }

        #page_top a {
          width: 75px;
          height: 75px;
          text-decoration: none;
        }

        #page_top a::before {
          font-weight: 900;
          font-size: 50px;
        }
        /*戻る*/
        #back {
          padding: 5px 0px 2px 0px;
        }