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

        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);
        }
        /*全体の設定*/

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

        .attention_r18 {
          color: red;
        }

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

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

        .attention .attention_child {
          height: 0;
          padding: 0;
          overflow: hidden;
          margin-bottom: 10px;
        }

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

        .attention {
          margin: 1em 0 1em;
          padding: 0;
        }

        .attention_list {
          position: relative;
          display: table;
          padding: 3px;
        }

        .attention-align-center {
          display: flex;
          align-items: center;
          flex-direction: column;
        }

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

        /*mainNews領域の設定*/
        .mainNews {
          /*news全体の設定*/
          height: auto;
          background: #9bafc0;
          color: #fff;
          margin: 1em 0 0 0;
          flex-direction: column;
          display: flex;
          align-items: center;
        }

        .mainNews_title {
          /*newsタイトルの設定*/
          font-weight: bold;
          text-align: center;
          color: #fff;
        }

        .mainNews_info {
          /*news内容の設定*/
          padding: 2px 5px 5px;
        }

        .mainNews_info_notes {
          font-size: 11px;
          color: #fff;
          margin-bottom: 3px;
        }

        @media screen and (max-width :750px) {
          .mainNews {
            height: auto;
            padding: 3px;
            background: #9bafc0;
            color: #fff;
          }
          .mainNews_title {
            font-weight: bold;
            font-size: 15px;
            text-align: center;
            color: #fff;
          }
          .mainNews_info {
            padding: 3px;
            border-left: none;
            text-align: left;
            color: #fff;
          }
        }

        .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;
        }
        /* アコーディオンメニュー全体のサイズ・位置 */

        .explanation {
          padding: 0;
        }

        .explanation_list {
          position: relative;
          display: table;
          list-style-type: disc;
          padding: 18px 10px 3px 6px;
        }

        .explanation-align-center {
          display: flex;
          align-items: center;
          flex-direction: column;
        }

        .explanation_list:before {
          content: "";
          position: absolute;
          top: 1.5em;
          left: 0;
          width: 0;
          height: 0;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent transparent #9bafc0;
        }


        .balloon1 {
          text-align: center;
        }

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

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

        .balloon2 {
          text-align: center;
        }

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

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

        .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;
          left: 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;
        }
        /*Twitterアイコン*/
        .fa-twitter:before {
          color: #1DA1F2;
        }
        /*戻る*/
        #back {
          padding: 5px 0px 2px 0px;
        }

        /**/
        #nice table {
          width: 100%;
          table-layout: auto;
        }