@charset "utf-8";
/* CSS Document */

.underline-before {

	background: linear-gradient(black, black) 0 100%/0 2px no-repeat;
	/*左から、カラー（始点と終点それぞれ同じものを指定）、position / サイズ横縦 繰り返しの有無 */

	transition: background 3s;
	/*トランジションの設定。下線を引く動きをアニメーションにするのに必要 */

	text-decoration: none;
	/*テキストの装飾の設定 */
}

.underline-after {
	background-size: 100% 2px;
  /* 変化後のスタイル。横サイズを0から100%に変えることで指定の文字列に下線を引く */
}

/* ----------------------------------------------- */
.underline {border-bottom: 2px solid #000000;}