@charset"UTF-8";

/* margin */
.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, .body-ftg h2 {
	padding: 3px 8px;
	border-radius: 4px;
	background-color: #f7d1ca;
	font-size: 2.0rem;
}
.honbun-body h3, .body-ftg h3 {
	padding: 0 2px 2px 8px;
	border-left: 6px solid #e84b47;
	font-size: 1.8rem;
}
.honbun-body h4, .body-ftg h4 {
	color: #e84b47;
	font-size: 1.6rem;
}
.honbun-body h5, .body-ftg h5 {
	font-size: 1.4rem;
}
.honbun-body h6, .body-ftg h6 {
	font-size: 1.4rem;
}

/* table */
.honbun-body table.table,
.honbun-body table.table-bordered {
	margin: 0 auto 1em auto;
	border-collapse: collapse;
	}
	.honbun-body table.table th,
	.honbun-body table.table td {
		padding: 2px 8px;
		border-bottom: 1px solid #999;
		font-size: 100%; line-height: 1.5;
		}
	.honbun-body table.table-bordered th,
	.honbun-body table.table-bordered td {
		padding: 2px 8px;
		border: 1px solid #999;
		font-size: 100%; line-height: 1.5;
		}
	.honbun-body table.table th,
	.honbun-body table.table-bordered 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; }

.honbun-body ul { list-style: disc outside; }
.honbun-body ol { list-style: decimal outside; }
.honbun-body ul, ol {
	margin: 1em 0;
	padding-left: 2em;
}
.honbun-body ul > ul {
	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 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%; }

/**
 * tableのレスポンシブ対応
 *
 * <div class="table-responsive">
 *   <table><tbody><tr><td></td></tr></tbody></table>
 * </div>
 */
.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 > table {
    margin-bottom: 10px;
  }
  /*
  .table-responsive > table > thead > tr > th,
  .table-responsive > table > tbody > tr > th,
  .table-responsive > table > tfoot > tr > th,
  .table-responsive > table > tr > th,
  .table-responsive > table > tr > th,
  .table-responsive > table > tr > th,
  .table-responsive > table > thead > tr > td,
  .table-responsive > table > tbody > tr > td,
  .table-responsive > table > tfoot > tr > td,
  .table-responsive > table > tr > td,
  .table-responsive > table > tr > td,
  .table-responsive > table > tr > td {
    white-space: nowrap;
  }
  */
}

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

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