<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* margin */
.honbun-body h1,
.honbun-body h2,
.honbun-body h3,
.honbun-body h4,
.honbun-body h5,
.honbun-body h6 {
	margin: 1em 0;
	font-weight: bold;
}
.honbun-body p {
	margin: 1em 0;
}

/* header */
.honbun-body h2 {
	padding: 3px 8px;
	border-radius: 4px;
	background-color: #f3eb6d;
	color: #76561b;
	font-size: 2.0rem;
}
.honbun-body h3 {
	padding: 0 2px 2px 8px;
	border-left: 6px solid #f78800;
	font-size: 1.8rem;
}
.honbun-body h4 {
	color: #f78800;
	font-size: 1.6rem;
}
.honbun-body h5 {
	font-size: 1.4rem;
}
.honbun-body h6 {
	font-size: 1.4rem;
}

/* table */
.honbun-body table {
	margin-bottom: 1em;
	border-collapse: collapse;
}

.honbun-body table th,
.honbun-body table td {
	padding: 2px 8px;
	border-bottom: 1px solid #999;
	font-size: 100%;
	line-height: 1.5;
}
.honbun-body table[border="1"] th,
.honbun-body table[border="1"] td,
.honbun-body table.table-bordered th,
.honbun-body table.table-bordered td {
	border: 1px solid #999;
}
.honbun-body table th {
	background: #f2f2f2;
}
.honbun-body td.text-center { text-align: center; }
.honbun-body td.text-right { text-align: right; }

.honbun-body table td p {
	margin: 0;
}

/* table utillity */
tr.l, th.l, td.l { text-align: left; }
tr.c, th.c, td.c { text-align: center; }
tr.r, th.r, td.r { text-align: right; }
table.full { width: 100%; }

/* list */
.honbun-body ul {
	list-style: disc outside;
}
.honbun-body ol {
	list-style: decimal outside;
}
.honbun-body ul,
.honbun-body ol {
	margin: 1em 0;
	padding-left: 2em;
}
.honbun-body ul &gt; ul,
.honbun-body ol &gt; ol {
	margin: 0 0 0.5em 0;
	padding-left: 2em;
}

.honbun-body dd {
	margin: 0 0 0 2em;
}
.honbun-body blockquote {
	margin: 0 0 0 2em;
}

/**
 * tableのレスポンシブ対応
 *
 * &lt;div class="table-responsive"&gt;
 *   &lt;table&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
 * &lt;/div&gt;
 */
.table-responsive {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive &gt; table {
    margin-bottom: 10px;
  }
}

/**
 * TABLE ボーダー
 * &lt;table class="table-bordered" /&gt;
 */
.table-bordered {
	border-collapse: collapse;
	border: 1px solid #999;
}
.table-bordered &gt; thead &gt; tr &gt; th,
.table-bordered &gt; tbody &gt; tr &gt; th,
.table-bordered &gt; tfoot &gt; tr &gt; th,
.table-bordered &gt; tr &gt; th,
.table-bordered &gt; tr &gt; th,
.table-bordered &gt; tr &gt; th,
.table-bordered &gt; thead &gt; tr &gt; td,
.table-bordered &gt; tbody &gt; tr &gt; td,
.table-bordered &gt; tfoot &gt; tr &gt; td,
.table-bordered &gt; tr &gt; td,
.table-bordered &gt; tr &gt; td,
.table-bordered &gt; tr &gt; td {
	padding: 5px;
  border: 1px solid #999;
}

/**
 * TABLE ストライプ
 * &lt;table class="table-striped" /&gt;
 */
.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; td,
.table-striped &gt; tbody &gt; tr:nth-child(odd) &gt; th,
.table-striped &gt; tr:nth-child(odd) &gt; td,
.table-striped &gt; tr:nth-child(odd) &gt; th {
	background-color: #f9f9f9;
}
</pre></body></html>