@charset "UTF-8";

/*
==================================================

   マークダウン記法の一覧

==================================================
*/



/*
==================================================
  レイアウト
==================================================
*/

#main {
width: 100%;
margin: 0;
}
#content {
margin: 0;
padding: 15px 0 10px;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#content {
padding: 10px 0 10px;
}

}
/* ----- /767 ----- */



/*
==================================================
  コンテンツ
==================================================
*/

/* ----- セクション ----- */
#content > section {
margin: 0;
padding: 10px 10px 40px;
}
#content > section > div.inner {
margin: 1.5em 15px 0;
}
#content section h2 {
margin: 0 0 30px;
padding: 8px 10px 7px;
background-color: #ffd67b;
font-size: 100%;
line-height: 120%;
}

/* ----- 子セクション ----- */
#content section section {
margin: 50px 0;
scroll-margin-top: 20px;
}
#content section section:last-child {
margin: 50px 0 0;
}
#content section section h3 {
margin: 0 0 30px;
padding: 0 2px 5px;
border-bottom: 2px #c0c0c0 solid;
font-size: 110%;
line-height: 120%;
}

/* ----- 段落 ----- */
#content section p {
margin: 0 0 1em;
line-height: 180%;
}

/* ----- 段落内のコードの背景色 ----- */
#content section p code {
padding: 0 5px;
background-color: #dbeaef;
}

/* ----- 等幅フォントを通常の文字サイズで表示 ----- */
#content section code {
font-family: monospace, sans-serif;
}

/* ----- マーク ----- */
#content section mark {
background-color: transparent;
color: #cc0000;
}

/* ----- リスト ----- */
#content section ul {
margin: 30px 0 30px 1.3em;
padding: 0;
}
#content section ul li {
margin: 0 0 10px;
line-height: 150%;
}
#content section ul li:last-child {
margin: 0;
}

/* ----- テーブル ----- */
/* テーブルのコンテナ */
#content section div.table-wrap {
width: 100%;
margin: 50px 0;
padding: 0 0 3px;
overflow-x: auto;
scrollbar-color: #3299ff #efefef;
}
/* はみ出た場合にスクロールバーを表示（Safari用） */
#content section div.table-wrap::-webkit-scrollbar {
height: 5px;
}
#content section div.table-wrap::-webkit-scrollbar-track {
background: #efefef;
}
#content section div.table-wrap::-webkit-scrollbar-thumb {
background: #3299ff;
border-radius: 5px;
}

/* テーブル */
#content section table {
width: 100%;
border-collapse: collapse;
border: 1px #c0c0c0 solid;
}
/* 境界線 */
#content section table,
#content section table th,
#content section table td {
border: 1px #c0c0c0 solid;
}

/* 列の設定 */
#content section table colgroup:nth-of-type(1) {

}
#content section table colgroup:nth-of-type(2) {

}
#content section table colgroup:nth-of-type(3) {

}

/* セル全般 */
#content section table th,
#content section table td {
padding: 15px 10px 14px;
}
/* ヘッダ見出し */
#content section table thead th {
padding: 13px 10px 10px;
background-color: #deefff;
line-height: 120%;
}
/* ボディ見出し */
#content section table tbody th {
background-color: #f7fdfd;
font-weight: normal;
text-align: left;
}
/* ボディ見出し（行グループ） */
#content section table tbody th.group {
background-color: #e7e7e7;
}

/* セル内のpre */
#content section table th pre,
#content section table td pre {
line-height: 120%;
}

/* セル内段落 */
#content section table td p {
margin: 0 0 1em;
line-height: 160%;
}
#content section table td p:last-child {
margin: 0;
}
#content section table td p.detail {
font-size: 94%;
}

/* ----- コードの例 ----- */
#content section div.example {
display: flex;
margin: 20px 0 40px;
border: 1px #c0c0c0 solid;
}
#content section div.example pre {
width: 50%;
margin: 0;
padding: 5px 10px;
line-height: 120%;
white-space: pre-wrap;
}
#content section div.example pre.md {
background-color: #f7fdfd;
border-right: 1px #c0c0c0 solid;
}
#content section div.example pre.tag {

}



/* ----- ★767 ----- */
@media screen and (max-width: 767px) {

#content > section {
padding: 10px 7px 20px;
}
#content > section > div.inner {
margin: 1.5em 0 0;
}
#content section h2 {
padding: 8px 5px 7px;
}

/* ----- 子セクション ----- */
#content section section h3 {
font-size: 100%;
}

/* ----- テーブル ----- */

/* 列の設定 */
#content section table colgroup:nth-of-type(1) {
width: 12em;
min-width: 8em;
}
#content section table colgroup:nth-of-type(2) {
width: 12em;
min-width: 8em;
}
#content section table colgroup:nth-of-type(3) {
width: 12em;
min-width: 12em;
}

/* セル全般 */
#content section table th,
#content section table td {
padding: 15px 5px 14px;
}
/* ボディセル */
#content section table tbody th,
#content section table tbody td {
vertical-align: top;
}
/* ヘッダ見出し */
#content section table thead th {
padding: 13px 5px 10px;
}

/* セル内のpre */
#content section table th pre,
#content section table td pre {
white-space: pre-wrap;
}

/* ----- コードの例 ----- */
#content section div.example pre {
padding: 5px 5px;
}

}
/* ----- /767 ----- */