@charset "utf-8";
/* CSS Document */
@media screen { 
.underline-Area {
font-size: 15px;
font-weight:bold; 
}
}

.underline-Area {
font-size: 17px;
font-weight:bold; 
}

.underline-before {

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

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

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

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