@charset "utf-8";

[data-type="markdown-out"] {line-height:1.3rem;}
[data-type="markdown-out"] > * {margin:.5em 0;}
/* aタグ */
[data-type="markdown-out"] a:not([class]) {
  color: #006cd8;
  text-decoration: none;
}
[data-type="markdown-out"] a:not([class]):hover {
  color: #2f90f4;
  text-decoration: underline;
}

[data-type="markdown-out"] img {max-width:35%; vertical-align:middle;}

/* 見出し */
[data-type="markdown-out"] h1 {font-size:28px; font-weight:bold; line-height:2em;}
[data-type="markdown-out"] h2 {font-size:24px; font-weight:bold; line-height:2em;}
[data-type="markdown-out"] h3  {font-size:20px; font-weight:bold; line-height:2em;}
[data-type="markdown-out"] h4  {font-size:16px; font-weight:bold; line-height:2em;}
[data-type="markdown-out"] h5  {font-size:14px; font-weight:bold; line-height:2em;}
[data-type="markdown-out"] h6  {font-size:12px; font-weight:bold; line-height:2em;}

/* リスト */
[data-type="markdown-out"] ul,
[data-type="markdown-out"] ol,
[data-type="markdown-out"] ul > li > ul,
[data-type="markdown-out"] ul > li > ol {padding-left: 24px;}
[data-type="markdown-out"] ul,
[data-type="markdown-out"] ul > li > ul,
[data-type="markdown-out"] ol > li > ul {list-style: disc;}
[data-type="markdown-out"] ol,
[data-type="markdown-out"] ol > li > ol,
[data-type="markdown-out"] ul > li > ol {list-style: decimal;}

/* 引用ブロック */
[data-type="markdown-out"] blockquote {
	padding:.25em 1em;
	border-left:4px solid #eee;
}
/* 区切り */
[data-type="markdown-out"] hr {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* 表 */
[data-type="markdown-out"] table {
  border-collapse: collapse;
  border: 2px solid #333;
}
[data-type="markdown-out"] table th,
[data-type="markdown-out"] table td {
  padding: 8px 10px;
}
[data-type="markdown-out"] table th {
  border: solid 1px #333;
  background-color: #efefef;
}
[data-type="markdown-out"] table td {
  border: dashed 1px #333;
}
/* コード */
[data-type="markdown-out"] p code{
    background-color: #efefef;
    border-radius: 4px;
    padding: 2px 4px;
}
[data-type="markdown-out"] pre{
  background-color: var(--gray-dark);
  color:#fff;
  border-radius: 4px;
  padding:15px;
}
[data-type="markdown-out"] pre code.lang {
    display: block;
	opacity:.95;
	margin: -15px;
    display: block;
}
[data-type="markdown-out"] pre code.lang.mermaid {
  background-color: var(--white);
  border-radius: 4px;
}



[data-type="markdown-out"] {overflow-y:scroll; padding:1em; font-size:.8em;}
[data-type="markdown-out"]::before {position:absolute; top:-1em; font-size:.6em; padding:.1em 1em; border-radius:20px; color:#fff; line-height:2em; content:"プレビュー"; background:var(--gray); opacity:.5; white-space:nowrap;}

.md-frame .resize {width:5px; margin:0 5px; cursor:ew-resize; background:transparent;}
.md-frame .resize:hover {background:var(--gray-light);}

.md-frame {display:flex; position:relative; margin:1.5em 0 0;}
.md-frame .toggleSize {position:absolute; right:-1em; top:0;}
.md-frame .toggleSize::after {font-family:'FontAwesome'; content:"\f0b2"; opacity:.1;}
.md-frame .toggleSize:hover::after {opacity:.5;}

.md-frame.max-left [data-type="markdown-out"], .md-frame.max-right [data-type="markdown-in"] {display:none;}
.md-frame.max-left {margin-right:-15px;}
.md-frame.max-right {margin-left:-15px;}
.md-frame.max-left [data-type="markdown-in"], .md-frame.max-right [data-type="markdown-out"] {width:100% !important;}
.md-frame.max-left .toggleSize {right:-.2em;}

.maximize #header, .maximize h1, .maximize form .row {display:none;}
.maximize .wrapper {padding:0 !important;}
.maximize #main {width:calc(100% - 40px) !important; max-width:inherit !important;}