/* CSSコード */
        html {
          -webkit-user-select: none;
          user-select: none;
          -webkit-touch-callout: none;
          background-color: ;
          background-size: cover;
        }
        html,
        body {
          height: 10%;
          margin: 0;
          padding: 0;
        }
        * {
          box-sizing: border-box;
        }
        .tab-wrap {
          height: 50%;
          min-height: 300px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
        }
        .tab-label {
          width: 150px;
          color: white;
          background: lightgray;
          font-weight: bold;
          white-space: nowrap;
          text-align: center;
          border: 1px solid gray;
          border-radius: 4px 0 0 4px;
          margin: 5px -1px 5px 1px;
          padding: 10px 0.5em;
          order: -1;
          position: relative;
          z-index: 1;
          cursor: pointer;
          float: left;
          /* 以下のプロパティを追加して縦線を非表示にします */
          border-right: none;
        }
        .tab-content {
          display: none;
        }
        /* アクティブなタブ */
        .tab-switch:checked + .tab-label {
          color: yellow;
          background: #405080;
          border-right-color: white;
        }
        .tab-switch:checked + .tab-label + .tab-content {
          width: calc(100% - 150px);
          height: 50%;
          padding: 15px;
          border-left: 1px solid gray;
          display: block;
        }
        /* ラジオボタン非表示 */
        .tab-switch {
          display: none;
        }
        .tab-content {
          display: none;
          background-color: transparent; /* 透明にするスタイルを追加 */
        }
        .tab-switch:checked + .tab-label + .tab-content {
          width: calc(100% - 150px);
          height: 50%;
          padding: 15px;
          border-left: 1px solid transparent; /* 縦線を透明にするスタイルを追加 */
          display: block;
        }
        #mainmenu {   
          color:#FFFF7B;
          text-decoration:#FF00FF;
          font-size: 15px;
        }
        body {
            
          width: 450px;
          height: 50px;
          background-size: cover;
          background-position: center top 5px;
          background-repeat: no-repeat;
          font-family: 'Yomogi', 'さざなみ明朝';
          background-image: url("https://cdn.discordapp.com/attachments/1191184809519751291/1191184861097107456/IMG_2281.jpg?ex=65a4845a&is=65920f5a&hm=a395c35323722af60188942a011e6942feab72438bc6bea8eee9c12935ae0b08&");
        }
        .switch-input {
  display: none;
}
.switch-label {
  display: inline-block;
  width: 40px;
  height: 19px;
  background-color: #ccc;
  border: 1px solid white;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s;
}
.switch-label::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: white;
  left: 2px;
  top: 1px;
  transition: left 0.3s;
}
.switch-input:checked + .switch-label {
  background-color: #00FFA2; 
}
.switch-input:checked + .switch-label::before {
  left: calc(100% - 20px - 2px);
}