@charset "UTF-8";



/****************************************************
 * テキストデザイン｜マーカー
 ****************************************************/

mark {
	color: #394154;
	background: repeating-linear-gradient(-45deg, #FFDDBC 0 2px, transparent 2px 4px) bottom left / 100% 0.8em no-repeat;
	font-weight: bold;
}



/****************************************************
 * テキストデザイン｜三原色
 ****************************************************/

.textR, .textG, .textB { font-weight:bold; }
.textR { color:red; }
.textG { color:green; }
.textB { color:blue; }



/****************************************************
 * テキストデザイン｜三原色以外
 ****************************************************/

.textPink,
.textPurple {
	font-weight:bold;
}
.textPink { color:#F5A2A2; }
.textPurple { color:#cc00cc; }



/****************************************************
 * テキストデザイン｜大小
 ****************************************************/

.textSuperBig {
	font-size: 150%;
	font-weight: bold;
}

.textBig {
	font-size: 120%;
	font-weight:bold;
}

.textSmall {
	font-size: 80%;
}



/****************************************************
 * テキストデザイン｜点滅
 ****************************************************/

.textFlashCenter, .textFlashLeft, .textFlashRight {
	color: #0077CC;
	font-weight: bold;
	animation: textFlashing 2s ease-in-out infinite alternate;
}
.textFlashLeft { margin-left: 3px; }
.textFlashRight { margin-right: 3px; }
@keyframes textFlashing {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.2; }
}



/****************************************************
 * テキストデザイン｜注意喚起
 ****************************************************/

.textAttention {
	color: #FFF;
	background: #FF0000;
	padding: .2em .4em;
	letter-spacing: 0px;
	margin-light: 7px;
	animation: textAttentionFlash 2s ease-in-out infinite alternate;
}
@keyframes textAttentionFlash {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.2; }
}