@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Marcellus&family=Roboto:wght@100..900&display=swap");
/**
*** 0埋め
***/
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes transY {
  0% {
    margin-top: -16px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-text-opacity {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mdc,
.md-preview {
  --mdc-font-color: #333;
  --mdc-border-color: #d6e3ed;
  --mdc-spacer: 1rem;
  --mdc-spacer-small: .875rem;
  --mdc-spacer-large: 1.5rem;
  --mdc-radius: .5rem;
  --mdc-radius-small: .25rem;
  --mdc-radius-large: .875rem;
  --mdc-base-color: #3b3f40;
  --mdc-primary-color: #0095A0;
  --mdc-secondary-color: #FB9088;
  --mdc-danger-color: #EC1E14;
  --mdc-base-light-color: rgb(215.8, 216.6, 216.8);
  --mdc-primary-light-color: rgb(204, 233.8, 236);
  --mdc-secondary-light-color: rgb(254.2, 232.8, 231.2);
  --mdc-danger-light-color: rgb(251.2, 210, 208);
  --mdc-base-dark-color: rgb(35.4, 37.8, 38.4);
  --mdc-primary-dark-color: rgb(0, 89.4, 96);
  --mdc-secondary-dark-color: rgb(150.6, 86.4, 81.6);
  --mdc-danger-dark-color: rgb(141.6, 18, 12);
  --mdc-red-color: #EC1E14;
  --mdc-yellow-color: #fff000;
  --mdc-orange-color: #f18f2c;
  --mdc-green-color: #63a764;
  --mdc-blue-color: #1A0DAB;
  --mdc-pink-color: #ee2f7b;
  --mdc-purple-color: #6f42c1;
  --mdc-cyan-color: #17a2b8;
  --mdc-gray-100-color: #FAFAFA;
  --mdc-gray-200-color: #F2F2F2;
  --mdc-gray-300-color: #E6E6E6;
  --mdc-gray-400-color: #CCCCCC;
  --mdc-gray-500-color: #B3B3B3;
  --mdc-gray-600-color: #999999;
  --mdc-gray-700-color: #808080;
  --mdc-gray-800-color: #666666;
  --mdc-gray-900-color: #4D4D4D;
  --mdc-gray-dark-color: #333333;
  --mdc-gray-darker-color: #1A1A1A;
  --mdc-black-color: #000;
  --mdc-white-color: #fff;
}
.mdc p,
.md-preview p {
  margin-top: var(--mdc-spacer);
}
.mdc strong,
.md-preview strong {
  font-weight: 700;
}
.mdc em,
.md-preview em {
  font-style: italic;
  font-weight: 500;
}
.mdc img,
.md-preview img {
  display: table;
  height: auto;
  margin: var(--mdc-spacer-large) auto;
  max-width: 100%;
}
.mdc blockquote,
.md-preview blockquote {
  border-left: 3px solid #8f9faa;
  color: #65717b;
  margin: var(--mdc-spacer) 0;
  padding: 0 0 0 1em;
}
.mdc iframe.mdc-youtube,
.md-preview iframe.mdc-youtube {
  aspect-ratio: 16/9;
  display: table;
  margin: var(--mdc-spacer-large) auto;
  width: 100%;
  height: auto;
  max-width: 640px;
}
.mdc code,
.md-preview code {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: var(--mdc-radius-small);
  color: var(--mdc-font-color);
  display: inline-block;
  font-size: 0.88em;
  line-height: 1;
  margin: 0 0.25em;
  padding: 0.25em 0.4em;
}
.mdc .code-toolbar,
.md-preview .code-toolbar {
  margin: var(--mdc-spacer-large) 0;
  position: relative;
}
.mdc .code-toolbar > .toolbar,
.md-preview .code-toolbar > .toolbar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.mdc .code-toolbar > .toolbar > .toolbar-item,
.md-preview .code-toolbar > .toolbar > .toolbar-item {
  display: inline-block;
}
.mdc .code-toolbar > .toolbar > .toolbar-item > a, .mdc .code-toolbar > .toolbar > .toolbar-item > span, .mdc .code-toolbar > .toolbar > .toolbar-item > button,
.md-preview .code-toolbar > .toolbar > .toolbar-item > a,
.md-preview .code-toolbar > .toolbar > .toolbar-item > span,
.md-preview .code-toolbar > .toolbar > .toolbar-item > button {
  background-color: #323e52;
  border-radius: 0 8px 0 8px;
  color: rgba(255, 255, 255, 0.9019607843);
  display: inline-block;
  font-size: 12px;
  padding: 6px 1em;
}
.mdc pre,
.md-preview pre {
  background-color: #1a2638;
  border-radius: var(--mdc-radius);
  display: flex;
  overflow-x: auto;
  position: relative;
  word-break: normal;
  word-wrap: normal;
}
.mdc pre code,
.md-preview pre code {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  display: block;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.9em;
  line-height: 1.9;
  margin: 0;
}
.mdc .token.block-comment, .mdc .token.cdata, .mdc .token.comment, .mdc .token.doctype, .mdc .token.prolog,
.md-preview .token.block-comment,
.md-preview .token.cdata,
.md-preview .token.comment,
.md-preview .token.doctype,
.md-preview .token.prolog {
  color: #999;
}
.mdc .token.punctuation,
.md-preview .token.punctuation {
  color: #ccc;
}
.mdc .token.attr-name, .mdc .token.deleted, .mdc .token.namespace, .mdc .token.tag,
.md-preview .token.attr-name,
.md-preview .token.deleted,
.md-preview .token.namespace,
.md-preview .token.tag {
  color: #e2777a;
}
.mdc .token.function-name,
.md-preview .token.function-name {
  color: #6196cc;
}
.mdc .token.boolean, .mdc .token.function, .mdc .token.number,
.md-preview .token.boolean,
.md-preview .token.function,
.md-preview .token.number {
  color: #38c7ff;
}
.mdc .token.class-name, .mdc .token.constant, .mdc .token.property, .mdc .token.symbol,
.md-preview .token.class-name,
.md-preview .token.constant,
.md-preview .token.property,
.md-preview .token.symbol {
  color: #f8c555;
}
.mdc .token.atrule, .mdc .token.builtin, .mdc .token.important, .mdc .token.keyword, .mdc .token.selector,
.md-preview .token.atrule,
.md-preview .token.builtin,
.md-preview .token.important,
.md-preview .token.keyword,
.md-preview .token.selector {
  color: #ff8fa3;
}
.mdc .token.attr-value, .mdc .token.char, .mdc .token.regex, .mdc .token.string, .mdc .token.variable, .mdc .token.single-quoted-string,
.md-preview .token.attr-value,
.md-preview .token.char,
.md-preview .token.regex,
.md-preview .token.string,
.md-preview .token.variable,
.md-preview .token.single-quoted-string {
  color: #fff;
}
.mdc .token.entity, .mdc .token.operator, .mdc .token.url,
.md-preview .token.entity,
.md-preview .token.operator,
.md-preview .token.url {
  color: #ffc56d;
}
.mdc .token.bold, .mdc .token.important,
.md-preview .token.bold,
.md-preview .token.important {
  font-weight: 700;
}
.mdc .token.italic,
.md-preview .token.italic {
  font-style: italic;
}
.mdc .token.entity,
.md-preview .token.entity {
  cursor: help;
}
.mdc .token.inserted,
.md-preview .token.inserted {
  color: green;
}
/*# sourceMappingURL=map/mdc.css.map */