* { padding:0px; margin:0px; font-size: 22px; color: #333;font-family: 'Yu Gothic', Meiryo, メイリオ, arial, sans-serif; box-sizing: border-box;}
  html, body, #app, .main {height: 100%; }
  .center {margin: 0 auto;}
  body {margin: 0 2px;}
  section {margin-bottom: 20px;}
  a { font-weight: bold; text-decoration: none; }
  pre, code {
    font-family: Consolas, HGｺﾞｼｯｸM, MSゴシック, 'Courier New', Courier, Monaco, monospace;
    line-height: 1.2;
    white-space: pre-wrap; word-break:break-all;
  }
  details > summary { cursor: pointer}
  table { width: 100%; border-collapse: collapse; border: 1px solid rgb(140 140 140); letter-spacing: 1px; }
  thead, tfoot { background-color: rgb(228 240 245); }
  tr:hover td { background-color: #f3f3ff; }
  th, td { border: 1px solid rgb(160 160 160); padding: 1px 3px; }
  td:first-child{ width: 0; white-space: nowrap; }
  button { border: 1px solid rgb(160 160 160); padding: 4px 10px; cursor: pointer; }
  embed {min-height:100vh; height: 100vh; width: 100%;}
  img {max-width: 100vh; max-height: 100vh;}
  select, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"] {
    width: 100%;
    height: 38px; line-height: 38px;
    padding: 0 8px;
    background-color: #fff;
    border: 1px solid #888;
    display: inline-block;
    outline: none;
  }
  input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"] {
    -webkit-appearance: none;
  }
  input[type="radio"] {margin-right: 2px;margin-top: -2px;vertical-align: middle;}
  input::placeholder { color: #bbb; }
  label {margin-right: 8px;}
  h1, h2, h3, h4, h5 { font-weight: 800; margin-top: 4px; margin-bottom: 2px; }
  h1 { font-size: 30px; line-height: 30px; }
  h2 { font-size: 26px; line-height: 26px; }
  h3 { font-size: 22px; line-height: 22px;}
  h4 { font-size: 18px; line-height: 18px;}
  h5 { font-size: 16px; line-height: 16px;}
  *:has(+ h1), *:has(+ h2),
  *:has(+ h1), *:has(+ h2)
  {
    margin-bottom: 20px;
  }

  .tab_control {display: inline-block; filter: brightness(0.8); margin-right: 1px; border-radius: 4px 4px 0px 0px; border-bottom: none; background-color: #fff; font-size: 18px;}
  .is_active {filter: brightness(1); border-bottom: 1px solid #fff;}
  .tab_content {display: none; border: 1px solid #999; margin-top: 0px; min-height: calc(100vh - 30px); margin-top: -1px; background-color: #fff;}
  .is_show {display: block;}
  .btn_right {
    display: block;
    margin: 0 0 0 auto;
  }
  .align_right {
    text-align: right;
  }

  pre {
    font-size: 10px;
    line-height: 11px;
    cursor: pointer;
    border-top: 1px dashed #9A4878;
    padding: 2px 10px;
    overflow: auto;
    margin-top: 2px;
  }
  textarea {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    line-height: 20px;
    outline: none;
    padding: 5px 5px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
    font-size:10px;
    height: 300px;
  }
  .page_list {
    max-height: 200px;
    overflow: auto;
  }
  .page_button {
    width: 100%;
    text-align:left;
  }
  .inputBody {
    height: 600px !important;
    max-height: 600px !important;
  }
  .other_feature > button {
    width: calc(100% / 5);
    min-width: 70px;
    max-width: 120px;
  }
  .sp_hide {
    display: none;
  }
  .sp_show {
    display: initial;
  }
  .icon-menu {
    width: 32px;
    -webkit-mask-size: 32px;
    display:inline-block;
    background-color: #000;
    -webkit-mask: url('images/menu.svg') no-repeat center;
    cursor: pointer;
  }
  .icon-close {
    width: 32px;
    -webkit-mask-size: 32px;
    display:inline-block;
    background-color: #000;
    -webkit-mask: url('images/close.svg') no-repeat center;
    cursor: pointer;
  }

  @media screen and (min-width:800px) {
    * { font-size: 12px;}
    button { padding: 2px 4px; }
    select, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"] {
      height: 25px; line-height: 25px;
    }
    input[type="radio"] {
      margin-top: -1px;
      width: 10px;
    }
    h1 { font-size: 24px; line-height: 24px; }
    h2 { font-size: 20px; line-height: 20px; }
    h3 { font-size: 16px; line-height: 16px;}
    h4 { font-size: 12px; line-height: 12px;}
    h5 { font-size: 10px; line-height: 10px;}
    .tab_control {font-size: 10px; padding: 6px;}
    .other_feature {
      position: fixed;
      bottom: 12px;
    }
    .sp_hide {
      display: initial;
    }
    .sp_show {
      display: none;
    }
  }