@charset "UTF-8";
@media screen and (min-width: 0px) {
  html,
  body,
  div,
  span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  code,
  em,
  small,
  strong,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    border: 0;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, "Yu Gothic", "游ゴシック", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    box-sizing: border-box;
  }
  html {
    box-sizing: border-box;
    font-size: 13px;
    line-height: 2em;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
  }
  *,
  *::before,
  *::after {
    box-sizing: inherit;
  }
  ol,
  ul {
    list-style: none;
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
  }
  caption,
  th,
  td {
    font-weight: normal;
    text-align: left;
  }
  a:focus {
    outline: 2px solid rgba(51, 51, 51, 0.3);
  }
  a:hover,
  a:active {
    outline: 0;
  }
  .button {
    display: inline-block;
    padding: 6px 14px;
    border: 1px solid #c8ced8;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 250ms;
  }
  .button:hover {
    background: #eef1f5;
    text-decoration: none;
  }
  .button--primary {
    border-color: #2563b0;
    background: #2563b0;
    color: #fff;
  }
  .button--primary:hover {
    background: #2563b0;
    filter: brightness(0.92);
  }
  .login-page {
    margin: 0;
    background: #f1f3f6;
    color: #333;
    font-family: sans-serif;
  }
  .login {
    max-width: 360px;
    margin: 12vh auto 0;
    padding: 0 20px;
  }
  .login__title {
    margin: 0 0 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
  }
  .login__form {
    padding: 24px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(20, 30, 60, 0.1);
  }
  .login__label {
    display: block;
    margin-bottom: 14px;
    font-size: 13px;
  }
  .login__label input {
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 9px 10px;
    border: 1px solid #c8ced8;
    border-radius: 6px;
    font-size: 14px;
  }
  .login__remember {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    font-size: 13px;
    color: #555;
    cursor: pointer;
    user-select: none;
  }
  .login__submit {
    width: 100%;
  }
  .login__error {
    margin: 0 0 14px;
    padding: 8px 10px;
    border-radius: 6px;
    background: #fbe4e4;
    color: #c33;
    font-size: 13px;
  }
  .login__divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 0;
    color: #9aa3b2;
    font-size: 12px;
  }
  .login__divider::before, .login__divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #d7dbe3;
  }
  .login__sso {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
  }
  body {
    background-color: #e9f4f9;
    font-size: 16px;
  }
  a {
    color: #003b77;
  }
  [hidden] {
    display: none !important;
  }
  #input {
    padding: 1em;
  }
  #input textarea {
    font: inherit;
    line-height: 1.4;
  }
  #input #sendButton {
    clear: both;
    float: left;
  }
  #tagCloud {
    height: 4em;
    background-color: #eee;
    overflow-y: scroll;
  }
  #oprationButtons {
    float: left;
    padding: 0 1em;
  }
  #oprationButtons a {
    margin-right: 0.3em;
  }
  #buttons {
    float: left;
  }
  #buttons > div {
    float: left;
  }
  #buttons span {
    display: inline-block;
    line-height: 1em;
    border-radius: 1em;
    background-color: #fff;
    padding: 0 1em;
    margin-left: 0.5em;
    cursor: pointer;
    user-select: none;
  }
  #excludeTagsContainer span {
    background-color: #ddd;
  }
  #excludeTagsContainer span.buttonOn {
    background-color: #333;
    color: #fff;
  }
  #includeTagsContainer span.buttonOn {
    background-color: #3367d6;
    color: #fff;
  }
  #memos {
    position: relative;
    clear: both;
    margin: 2em;
  }
  .memoContent {
    background-color: #fff;
    border: 1px #ddd solid;
    word-break: break-all;
    padding: 0.5em 0.5em 0;
    line-height: 1.4em;
    border-radius: 0.3em;
  }
  .memoContent.is-placed {
    transition: left 0.4s, top 0.4s;
  }
  .memoContent .editor {
    display: none;
  }
  .memoContent .editor textarea {
    width: 100%;
    height: 6em;
    font: inherit;
  }
  .memoContent.is-editing .convertedContent,
  .memoContent.is-editing .ope_edit,
  .memoContent.is-editing .clickTags {
    display: none;
  }
  .memoContent.is-editing .editor,
  .memoContent.is-editing .ope_send {
    display: block;
  }
  .convertedContent {
    max-height: 20em;
    overflow-y: auto;
  }
  .meta {
    border-top: #ddd 1px solid;
    margin-top: 0.5em;
    padding-top: 0.5em;
  }
  .meta::after {
    content: "";
    display: block;
    clear: both;
  }
  .meta a {
    color: #999;
  }
  .meta > div {
    float: left;
  }
  .material-icons {
    font-size: 1.2em;
  }
  .ope_send {
    display: none;
  }
  .ope_send a {
    color: #c66;
  }
  .mm-more {
    height: 1px;
  }
  #settingWrapper {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    display: none;
  }
  #settingWrapper.is-open {
    display: block;
  }
  #setting {
    height: 80%;
    width: 80%;
    margin: 5% 10%;
    background-color: #fff;
    padding: 2em;
    overflow: auto;
  }
  #setting table {
    margin-bottom: 3em;
  }
  #setting th,
  #setting td {
    padding: 0.5em;
  }
  #setting input[type=text] {
    width: 40em;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #input textarea {
    height: 5em;
    width: 100%;
  }
  #tagCloud {
    width: 100%;
  }
  #memos {
    margin: 1em 0.5em;
  }
  #setting {
    width: 94%;
    margin: 5% 3%;
    padding: 1em;
  }
  #setting th,
  #setting td {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  #input textarea {
    float: left;
    height: 5em;
    width: calc(50% - 3px);
  }
  #tagCloud {
    float: right;
    width: calc(50% - 3px);
  }
}

/*# sourceMappingURL=style.css.map */