@charset "UTF-8";

body {
	font-family: "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0;
	margin:0;
}

/* 左側コンテンツ */
.leftContent {
	font-size:100%;
	position:fixed;
	top:0;
	left:0;
	width:500px;
	height:100%;
	overflow:auto;
	border-right:solid 1px #c0c0c0;
	background-color:rgb(248, 249, 251);
	line-height: 1.8em;
}
.leftInner {
	padding: 0px 0px 8px 8px;
}
.leftInner > ul {
	padding:0px 0px 0px 8px;
}
.leftInner h2 {
	margin-right:6px;
}

/* 右側コンテンツ */
.rightContent {
	float:right;
	width:calc(100% - 500px);
	height:100%;
}
.rightInner {
	height:calc(100vh - 16px);
	overflow:auto;
	padding:8px 16px;
}
/* 右側目次 */
.rightIndex {
	display:none;
}

.d-none {
	display:none !important;
}
.w-100 {
	width:100% !important;
}

.lst {
	padding:0px 0px 0px 20px;
}

/* テーブル関連 */
.table {
	border-collapse: collapse;
	margin-top:2px;
	margin-bottom:6px;
}
.table th {
	font-weight:bold;
	background-color:#e9ecef;
}
.table th, .table td {
	vertical-align:top;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
}
.table-bordered th, .table-bordered td {
	border: 1px solid #808080;
}

.bt-none {
	border-top:none !important;
}
.bb-none {
	border-bottom:none !important;
}
.br-none {
	border-right:none !important;
}
.bl-none {
	border-left:none !important;
}

/* h1 ～ h6 */
h1 {
	font-size:150%;
	margin-top:0px;
	margin-bottom:16px;

	background-color:rgb(139, 163, 199, 1.0);
	border-radius:4px;
	padding:16px;

	color:#ffffff;
	font-weight: normal;
}
h2 {
	font-size:130%;
	margin-top:8px;
	margin-bottom:12px;

	background-color:rgb(139, 163, 199, 0.75);
	border-radius:4px;
	padding:12px 16px;
	font-weight: normal;
}
h3 {
	font-size:110%;
	margin-top:8px;
	margin-bottom:8px;

	background-color:rgb(139, 163, 199, 0.5);
	border-radius:4px;
	padding:8px 16px;
	font-weight: normal;
}
h4 {
	font-size:100%;
	margin-top:8px;
	margin-bottom:8px;

	background-color:rgb(139, 163, 199, 0.25);
	border-radius:4px;
	padding:8px 16px;
	font-weight: normal;
}
h5 {
	font-size:100%;
	margin-top:8px;
	margin-bottom:8px;

	background-color:rgb(139, 163, 199, 0.15);
	border-radius:4px;
	padding:8px 16px;
	font-weight: normal;
}

/* 下線 */
.uline {
	text-decoration:underline;
        text-underline-offset: 0.2em;
}

/* 太字 */
.bold {
	font-weight:bold;
}

/* 赤字 */
.red {
	color: red;
}

/* 青字 */
.blue {
	color: rgb(0, 112, 192);
}

/* 改行しない */
.nobr {
	white-space: nowrap;
}

/* margin left */
.ml-1 {
	margin-left:8px;
	margin-top:24px;
	margin-bottom:24px;	
}
.ml-2 {
	margin-left:16px;
	margin-top:24px;
	margin-bottom:24px;	
}
.ml-3 {
	margin-left:24px;
	margin-top:24px;
	margin-bottom:24px;	
}
.mb-1 {
	margin-bottom:8px;	
}
.mb-2 {
	margin-bottom:16px;	
}
.mb-3 {
	margin-bottom:24px;	
}
.pb-1 {
	padding-bottom:8px;	
}
.pb-2 {
	padding-bottom:16px;	
}
.pb-3 {
	padding-bottom:24px;	
}

/* アンカー */
a, a:visited {
  color: rgb(0, 100, 210);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* 文字寄せ */
.text-center {
	text-align:center;
}

.text-right {
	text-align:right;
}

.vertical-top {
	vertical-align:top;
}

/* 背景色 */
.bg-dark-gray {
	background-color:#a0a0a0;
}

/* 画像 */
.inset-image {
	max-width:1000px;
	border: solid 2px #606060;
}

/* 枠線 */
.border {
	padding: 6px 10px 6px 10px;
	border: solid 1px #404040;
}

/* Singurality用 */
.code-block {
	background-color: rgb(244, 245, 246);
	border: solid 1px rgb(244, 245, 246);
	padding: 14px;
	font-family: Menlo, Consolas, Monaco, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, monospace !important;
}

.code {
	background-color: rgb(241, 247, 253);
	border: solid 1px rgb(201, 215, 232);
	border-radius: 3px;
	padding: 2px 4px;
	font-family: Menlo, Consolas, Monaco, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, monospace !important;
}

/* リスト用 */
ol.custom {
  position: relative;
  padding: 0;
}
ol.custom li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em ;
  padding-bottom:8px;
}
ol.custom li span:first-child {
  position: absolute;
  left: 0;
  margin: 0;
}