@charset "UTF-8";
/*
 * 06-titles.css … 見出しの飾り
 * css/ のファイルは番号の順に全ページで読み込む（functions.php）。後のファイルが優先されるので、番号（順番）を変えないこと
 */

/* 左右に線が伸びる */
.line {
  color: #666;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  margin: 0 0 0.6em 0;
  font-weight: normal;
}

.line:after,
.line:before {
  border-top: 1px solid;
  border-color: #ccc;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}

.line:before {
  margin-right: 0.5em;
}

.line:after {
  margin-left: 0.5em;
  flex-grow: 1; /* ここで線の長さの比率を変えている */
}

/* 右側だけに線が伸びる */
.line-r {
  color: #000;
  display: flex;
  align-items: center;
  text-align: center; /* for no-flexbox browsers */
  margin: 0 0 0.6em 0;
}

.line-r:after {
  border-top: 1px solid;
  border-color: #bbb;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}

.line-r:before {
  margin-right: 0.5em;
}

.line-r:after {
  margin-left: 0.5em;
}