.fflcom_pointer.hidden{
    visibility: hidden;
}

/* .fflcom_custom1{
    border: 0px solid #FF0000;
} */

.fflcom_custom1.fadeIn {
    /* animation-name: fade-in;keyframesと紐づける*/
    /* animation-duration: 3s;3秒かけて動く */
    /* animation-iteration-count: 1;1回限り */
    /* animation-delay: 2s;読み込んでから2秒後に実行 */
    /* animation-fill-mode: forwards;実行後キーフレームの設定を維持 */
    /* animation-timing-function: ease-in-out;徐々に加速して減速する動き方 */

    /* animation-duration: 3s;3秒かけて動く */
    animation-fill-mode: forwards;
    animation-duration: .5s;
    -webkit-animation:fadeIn 1.0s ease-in-out infinite alternate;
    -moz-animation:fadeIn 1.0s ease-in-out infinite alternate;
    animation:fadeIn 1.0s ease-in-out infinite alternate;
    animation-iteration-count: 5;
}

/* .fflcom_custom1:hover {
    background-color: rgba(255, 51, 0, 0.3);
    height: 100%;
    width:100%;
    
} */
.fflcom_custom2{
}

.fflcom_custom2.fadeIn{
    animation-fill-mode: forwards;
    animation-duration: .5s;
    -webkit-animation:fadeIn 1.0s ease-in-out infinite alternate;
    -moz-animation:fadeIn 1.0s ease-in-out infinite alternate;
    animation:fadeIn 1.0s ease-in-out infinite alternate;
    animation-iteration-count: 5;
}

@keyframes fade-in {
    0% {
		opacity: 0;
		transform: translateY(60px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}




.fflcom_custom3{
}

.fflcom_custom4{
}

.fflcom_custom5{
}

.fflcom_custom6{
}

.fflcom_custom7{
}

.fflcom_custom8{
}

.fflcom_custom9{
}

.fflcom_custom10{
}

/*学習者支援画面の音声設定画面のピッチ変更のバーを非表示にする処理↓
　各IDのdisplay:none;のコメントアウトを外す。
*/
#fs_setting_clbt_pitch_touchbar{
    /* display: none;　 */
}
#fs_setting_clbt_pitch_knob{
    /* display: none; */
}
#fs_setting_clbt_pitch_guidebar{
    /* display: none; */
}
/*学習者支援画面の音声設定画面のピッチ変更を非表示にする処理　ここまで↑*/