/* 公開しおりのフッターに置く案内。
   form/templates/form/common/shiori_credit.html から読む。

   **テーマ固有の値を書かないこと。** 12テーマそれぞれ配色が違うため、
   色は currentColor と opacity だけで作る。濃色テーマ（水引）でも
   淡色テーマ（墨）でも同じ見え方になる。 */

.shiori-credit {
  position: relative;
  margin: 22px auto 0;
  padding-top: 16px;
  text-align: center;
}

/* しおり本体と区切る短い罫。
   「ここから先はお二人の文書ではない」と示すためのもの。 */
.shiori-credit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 44px;
  height: 1px;
  background: currentColor;
  opacity: .28;
  transform: translateX(-50%);
}

.shiori-credit a {
  color: inherit;
  text-decoration: none;
}

.shiori-credit-lead {
  display: block;
  margin: 0;
  font-size: 10px;
  line-height: 2;
  letter-spacing: .2em;
  color: inherit;
  opacity: .5;
}

.shiori-credit-name {
  display: inline-block;
  margin-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid currentColor;
  font-size: 12px;
  letter-spacing: .14em;
  color: inherit;
  opacity: .75;
}

.shiori-credit a:hover .shiori-credit-name,
.shiori-credit a:focus .shiori-credit-name {
  opacity: 1;
}