Greasy Fork is available in English.

Typing Tube MOD official

try to take over the world!

Pada tanggal 12 Mei 2020. Lihat %(latest_version_link).

    // ==UserScript==

//タイピングワード表示の処理高速化のため

//playheadupdate()、keydownfunc(event)、keypressfunc_kana()、update_status()

//以上の4つの関数(主に$(kashi_roma).html()部をupdateLineView()が呼びされるように変更)を書き換えています
//このスクリプトの適応時は書き換えた関数が発動しているので注意をお願いします


// @name         Typing Tube MOD official
// @namespace    https://typing-tube.net/
// @version      9.3.6
// @description  try to take over the world!
// @author       Toshi
// @match        https://typing-tube.net/movie/show/*?test=test
// @match        https://typing-tube.net/movie/typing/*?test=test
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
// @noframes
// @run-at document-end


// ==/UserScript==
var next_kpm = 0;//次のラインの必要kpm
var line_remaining_time = 0;//ラインの残り時間
let latency = (0).toFixed(3)
var line_playing_time = 0;//現在ラインの入力時間(ライン切替時0になる)
var past_playing_time = 0;//過去のラインの合計入力時間
var playing_time_current = 0;//入力時間(累計)
var movie_time;
var movie_mm;
var movie_ss;
var line_typingspeed = 0;//ラインの打鍵速度
var line_typingspeed_rkpm = 0;//初速を無視したライン打鍵速度
var typing_speed = 0;//累計打鍵速度

var clear_percent=0
var clear_gauge1=0
var clear_gauge2=0
var clear_linecounter=0
var difficulty_average = 0;
var nokorimoji = "";

var difficulty = []
var ranking_array = [];
var latencylog = ["0"]
var kpmlog=["0"]
var rkpmlog=["0"]
var nokorimoji_log=["0"]
var inputline_counter=[]
var misstyping_count_save = 0
var line_misscount =["0"]

let line_counter;
let logcount =0
let count_save = -1;//ライン切替時、ライン数を取得する。フラグ用
let typing_count_save = 0;//ライン切替時、現在の打鍵数を取得する
let ending = false;
let game_clear = false
let practice_failure=false
let clear_sound_flag = false;
let combo100 = false;
let ranking = false;
let latency_flag = false
let line_clear = false;
let countdown_anime = false//カウントダウンアニメのフラグ

 $(document.head).append(`<style>
.combo_animated {
	animation-duration: 0.6s;
	animation-fill-mode: both;
}


@keyframes combo_anime {
	0% {
		transform:scale(1.1,1.2);
	} 2% {
		transform:scale(1.1,1.3);
	} 9% {
		transform:scale(1,1);
	}
}

#combo_anime {
	animation-name: combo_anime;
}

.count_animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


@keyframes countdown_animation {
	from {
		opacity: 1;
	} to {
		opacity: 0.0;
	} 10% {
		opacity: 0.9;
	} 20% {
		opacity: 0.8;
	} 30% {
		opacity: 0.7;
	} 40% {
		opacity: 0.6;
	} 50% {
		opacity: 0.5;
	} 60% {
		opacity: 0.4;
	} 70% {
		opacity: 0.3;
	} 80% {
		opacity: 0.2;
	} 90% {

		opacity: 0.1;
	}
}

.countdown_animation {
	-webkit-animation-name: countdown_animation;
	animation-name: countdown_animation;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 30px;
  line-height: 30px;

  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
margin:0px!important;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;

border-bottom:2px solid #aaa;

}
.colorChooser {

    top: -130px;
zoom:80%;
}
.tab_item:hover{
    border-left: 1px solid #ffcd05!important;
    border-top: 1px solid #ffcd05!important;

  color: #ffcd05!important;
}
[for="etc"]{
    border-right: 1px solid #fff;
}
[for="etc"]:hover{
    border-right: 1px solid #ffcd05!important;

}
[for="all"]:hover~[for="design"],
[for="design"]:hover~[for="playcolor"],
[for="playcolor"]:hover~[for="etc"],
[for="etc"]:hover~.solid
{
    border-left: 1px solid #ffcd05!important;

}
.tab_content_description{
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.tab_content_description h6{
margin-left: 10px;
}
.tab_content_description label {
margin-left: 10px;
}
.tab_content_description label input {
margin-right: 5px;
margin-left: 5px;
}
form#mod_setting p {
    margin-bottom: 0;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#design:checked ~ #design_content,
#playcolor:checked ~ #playcolor_content,
#etc:checked ~ #etc_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
input:checked + .tab_item {
border-bottom:hidden;

  color: #fff!important;

}
</style>`);
//設定を追加
$('<form id="mod_setting" style="color:#fff; z-index:9999;display:none;position:fixed;word-break: break-all;width:580px;max-height: 900px;background-color: rgba(0,0,0,0.96);">'+
'<input id="all" type="radio" name="tab_item" checked><label class="tab_item" for="all">表示設定</label><input id="design" type="radio" name="tab_item"><label class="tab_item" for="design">フォント設定</label><input id="playcolor" type="radio" name="tab_item"><label class="tab_item" for="playcolor">プレイエリア設定</label><input id="etc" type="radio" name="tab_item"><label class="tab_item" for="etc">ステータス設定</label>'+
'<div class="tab_content" id="all_content"><div class="tab_content_description"><p class="c-txtsp">'+
'<h6 style="margin-bottom:0!important;">入力モード設定</h6><label><input type="checkbox" name=chk_sample value="sub"checked>サブ入力ガイドを表示</input></label><br><label><input type="checkbox" name=chk_sample value="eng_highlight">英単語をスペース・ひらがな区切りでハイライト(かな表示のみ)</input></label><br><label><input type="checkbox" name=chk_sample value="letter_scroll">入力歌詞をスクロール表示</input></label><br><span class="scroll_amount"><label><input type="number"name="letter_scroll_kana"min="0" max="30">かな表示スクロール数</input></label><label><input type="number"name="letter_scroll_roma"min="0" max="30">ローマ字表示スクロール数</input></label></span><label><input type="checkbox" name=chk_sample value="next_lyric_hidden">入力不要なラインは[次の歌詞]に表示しない</input></label><label><input type="checkbox" name=chk_sample value="line_hidden">初速測定モード(次の歌詞とライン経過時間を隠します)</input></label>'+
'<h6 style="margin-bottom:0!important;">効果音・音量</h6><label><input type="checkbox" name=chk_sample value="type_sound">打鍵音</input></label><label><input type="number"name="effect_volume_type"min="0" max="100"></input></label><label><input type="checkbox" name=chk_sample value="miss_sound">ミス音</input></label><label><input type="number"name="effect_volume_miss"min="0" max="100"></input></label><br><label><input type="checkbox" name=chk_sample value="clear_sound">クリア音</input></label><label><input type="number"name="effect_volume_clear"min="0" max="100"></input></label><label><input type="checkbox" name=chk_sample value="combo_break_sound">100コンボ以上のミス音</input></label><label><input type="number"name="effect_volume_combo_break"min="0" max="100"></input></label><br><label><input type="checkbox" name=chk_sample value="Interlocking_volume"checked>曲音量と効果音音量を連動</input></label>'+
'<h6 style="margin-bottom:0!important;">打鍵速度</h6><label><input type="radio" name=chk_sample value="sec"checked>打/秒</input></label><label><input type="radio" name=chk_sample value="kpm">kpm</input></label><br><label><input type="checkbox" name=chk_sample value="gauge">ラインクリア率ゲージを表示(デモ)</input></label>'+
'<br></p></div></div>'+
'<div class="tab_content" id="design_content"><div class="tab_content_description"><p class="c-txtsp">'+
'<h6 style="margin-bottom:0!important;">エフェクト設定</h6><label><input type="checkbox" name=chk_sample value="miss_on"checked>ミスエフェクト</label><label><input class="color" value="#FF3554" name="miss_color">色で表示</label><br><label><input type="checkbox" name=chk_sample value="anime_count"checked>間奏終了前にカウントダウン</label><label><input class="color" value="rgba(255,255,255,0.9)" name="countdown_color">色で表示</label><label><input type="checkbox" name=chk_sample value="count_animation" checked>アニメーション</label><br><label><input type="checkbox" name=chk_sample value="skip_guide" checked>スペースキーで任意スキップ</label><label><input class="color" value="rgba(255,255,255,0.53)" name="skipguide_color">色で表示</label><br><label><input type="checkbox" name=chk_sample value="combo_display">現在コンボを表示</label><label><input class="color" value="#FFFFFF" name="combo_color">色で表示</label><label><select name="combo_position"><option value="center">中央</option><option value="left">左寄せ</option></select></label><label title="コンボアニメーションを有効にすると先頭の文字色を変更した際に、先頭の文字が細くなりますが仕様です">※<input type="checkbox" name=chk_sample value="combo_animation" checked>アニメーション</label><br><button style="margin:10px" type="button" onclick="effectcolor_reset()">エフェクトの色をリセット</button>'+
'<h6 style="margin-bottom:0!important;">フォント設定</h6><label><input type="checkbox" name=chk_sample value="font_Gothic"checked>游ゴシック体表示</input></label><label><input type="checkbox" name=chk_sample value="bolding"checked>フォントを太く表示</input></label><label><input type="checkbox" name=chk_sample value="character_spacing">入力歌詞の文字間隔を広げる</input></label><br>'+
'<label><input type="number"name="font_size_kana"min="1" max="25" step="0.5">かな表示フォントサイズ</input></label><label><input type="number"name="font_size_roma"min="0" max="25" step="0.5">ローマ字表示フォントサイズ</input></label>'+
'<br><h6 style="margin-bottom:0!important;">文字の色</h6><label>入力後の文字<input class="color" value="#0099CC" name="correctword_color"></label><label>ラインクリア<input class="color" value="#1eff52" name="lineclear_color"></label><label>先頭の文字<input class="color" value="#FFFFFF" name="first_color"></label><label>入力する歌詞<input class="color" value="#FFFFFF" name="word_color"></label><br><label>歌詞<input class="color" value="#FFFFFF" name="lyric_color"></label><label>次の歌詞<input class="color" value="rgba(255,255,255,.7)" name="next_lyrics_color"></label>'+
'<br><select style="margin:10px" name="color_theme"><option value="プリセット">プリセットから色変更</option><option value="デフォルト">デフォルト</option><option value="先頭の文字を赤く強調">先頭の文字を赤く強調</option></select>'+
'<br></p></div></div>'+
'<div class="tab_content" id="playcolor_content"><div class="tab_content_description"><p class="c-txtsp">'+
'<h6 style="margin-bottom:0!important;">背景カラー</h6><label><input class="color" value="transparent" name="playarea_color"></label><label><input type="number" name="playarea_radius" min="0" max="30" value="0"step="0.5">px</input>縁を丸める</label><br>'+
'<label>縁取り線<select name="futidori_theme"><option value="none">なし</option><option value="solid">1本線</option><option value="double">2本線</option><option value="groove">立体線(窪む)</option><option value="ridge">立体線(隆起)</option><option value="outset">立体線(影)</option><option value="dashed">破線</option><option value="dotted">点線</option></select></label><label>縁の色<input class="color" value="#FFFFFF" name="futidori_color"></label><label>太さ<select name="futidori_border-width"><option value="medium">普通</option><option value="thin">細い</option><option value="thick">太い</option></select></label><br><button type="button" onclick="playareacolor_reset()" class="m-3">背景カラーをリセット</button><br>'+
'<h6 style="margin-bottom:0!important;">ラインカラー</h6><label>ラインゲージ<input class="color" value="#17a2b8" name="line_color"></label><label>empty<input class="color" value="#f5f5f5" name="line_empty_color"></label><br><label>ラインゲージ2<input class="color" value="#ffc107" name="line_color2"></label><label>empty<input class="color" value="#f5f5f5" name="line_empty_color2"></label><br><button type="button" onclick="linecolor_reset()" class="m-3">ラインカラーをリセット</button>'+
'<h6 style="margin-bottom:0!important;">ステータス/コントロール文字色</h6><label>ステータス<input class="color" value="#FFFFFF" name="status_color"></label><label>自分の色<input class="color" value="#20c997" name="me_color"></label><br><label>コントロール<input class="color" value="rgba(255,255,255,.85);" name="control_color"></label><br><button type="button" onclick="subtextcolor_reset()" class="m-3">ステータス/コントロール文字色をリセット</button>'+
'<br></p></div></div>'+
'<div class="tab_content" id="etc_content"><div class="tab_content_description"><p class="c-txtsp">'+
'<h6 style="margin-bottom:0!important;">status表示設定</h6><label><input type="checkbox" name=chk_sample value="score"checked>スコア</input></label><br><label><input type="checkbox" name=chk_sample value="miss"checked>ミス</input></label>-<label><input type="checkbox" name=chk_sample value="acc"checked>正確率</input></label><br><label><input type="checkbox" name=chk_sample value="combo_counter"checked>コンボ</input></label><br><label><input type="checkbox" name=chk_sample value="type_counter"checked>正解打鍵</input></label><br><label><input type="checkbox" name=chk_sample value="clear_counter"checked>ラインクリア[残りライン]</input></label>'+
'<h6 style="margin-bottom:0!important;">リザルト設定</h6><label><input type="checkbox" name=chk_sample value="word_result"checked>ミスをした箇所を赤く表示</input></label><br><label><input type="checkbox" name=chk_sample value="word_result_real">ミスをした文字も詳細に表示</input></label>'+
'<br></p></div></div>'+
'<button type="button" onclick="setting_reset()" style="position:absolute;right:10px;bottom:10px;">設定をリセット</button></form>').insertAfter('.share')


$('<a class="btn" style="font-size:24px;"><i class="zmdi-hc-fw zmdi fas fa-cog" title="設定を開く"></i></a>').insertBefore('.twitter:eq(0)')


$('<div class="esckey">Escキーで開始</div>').insertBefore('#playBotton1')
$('#playBotton1 > .col-6').eq(0).html('<label style="margin-bottom:0!important;"><input  type="radio" name=mode_select value="kana_type"checked>Play - かな表示</label>')
$('#playBotton2 > .col-6').eq(0).html('<label style="margin-bottom:0!important;"><input  type="radio" name=mode_select value="roma_type">Play - ローマ字表示</label>')
$('#playBotton4 > .col-6').eq(0).html('<label style="margin-bottom:0!important;"><input  type="radio" name=mode_select value="kanamode_type">Play - かな入力<span style="font-size:50%">(106/109)</span></label>')
$('#playBotton5 > .col-6').eq(0).html('<label style="margin-bottom:0!important;"><input  type="radio" name=mode_select value="kanamode_mac_type">Play - かな入力<span style="font-size:50%">(Mac用JIS)</span></label>')


function setting_change() {
if(!finished){
    if($("[value=sec]").prop("checked")){
$('#difficult > span').html('<span title="打鍵数"><i class="fas fa-drum" style="backgroundcolor=:#441188; border-radius: 16px;"></i> '+(200000 / score_per_char).toFixed(0) + '打</span> <span title="ライン数"><i class="fas fa-scroll" style=""></i>'+$("#typing_lyrics .type_length:eq(0)").text()+'ライン</span> <span title="長さ"><i class="far fa-clock" style=""></i>'+movie_mm+':'+movie_ss+'</span> <span title="必要入力スピード"><i class="fas fa-tachometer-alt" style=""></i>平均'+((difficulty_average/difficulty.length)*$("#speed").text()).toFixed(2)+'打/秒, 最高'+(Math.max.apply(null, difficulty)*$("#speed").text()).toFixed(2)+'打/秒</span>')
}else{
$('#difficult > span').html('<span title="打鍵数"><i class="fas fa-drum" style="backgroundcolor=:#441188; border-radius: 16px;"></i> '+(200000 / score_per_char).toFixed(0) + '打</span> <span title="ライン数"><i class="fas fa-scroll" style=""></i>'+$("#typing_lyrics .type_length:eq(0)").text()+'ライン</span> <span title="長さ"><i class="far fa-clock" style=""></i>'+movie_mm+':'+movie_ss+'</span> <span title="必要入力スピード"><i class="fas fa-tachometer-alt" style=""></i>平均'+(((difficulty_average/difficulty.length)*$("#speed").text())*60).toFixed(0)+'kpm, 最高'+((Math.max.apply(null, difficulty)*$("#speed").text())*60).toFixed(0)+'kpm</span>')
}}
if(is_played){
    updateLineView();
}
if($("[name=futidori_theme]").val() =="none"){
    localStorage.setItem('futidori_theme','none')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});
}else if($("[name=futidori_theme]").val() =="solid"){
    localStorage.setItem('futidori_theme','solid')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});
}else if($("[name=futidori_theme]").val() =="double"){
    localStorage.setItem('futidori_theme','double')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});
}else if($("[name=futidori_theme]").val() =="dashed"){
    localStorage.setItem('futidori_theme','dashed')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}else if($("[name=futidori_theme]").val() =="dotted"){
    localStorage.setItem('futidori_theme','dotted')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}else if($("[name=futidori_theme]").val() =="outset"){
    localStorage.setItem('futidori_theme','outset')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}else if($("[name=futidori_theme]").val() =="groove"){
    localStorage.setItem('futidori_theme','groove')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}else if($("[name=futidori_theme]").val() =="ridge"){
    localStorage.setItem('futidori_theme','ridge')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}
if($("[name=futidori_border-width]").val() =="medium"){
    localStorage.setItem('futidori_border-width','medium')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}else if($("[name=futidori_border-width]").val() =="thin"){
    localStorage.setItem('futidori_border-width','thin')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}else if($("[name=futidori_border-width]").val() =="thick"){
    localStorage.setItem('futidori_border-width','thick')
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}


if($("[name=color_theme]").val() =="デフォルト"){
color_default()
$("[name=color_theme]").val('プリセット').prop('selected', true);
}else if($("[name=color_theme]").val() =="先頭の文字を赤く強調"){
letter_red()
$("[name=color_theme]").val('プリセット').prop('selected', true);

}
//チェックボックス設定保存 判別(サーバーに保存する機能ができ次第削除)ここから
if($("[value=sub]").prop("checked")){
    localStorage.setItem('sub',1)
}else{
    localStorage.setItem('sub',0)
}
if($("[value=eng_highlight]").prop("checked")){
    localStorage.setItem('eng_highlight',1)
}else{
    localStorage.setItem('eng_highlight',0)
}
if($("[value=letter_scroll]").prop("checked")){
    localStorage.setItem('letter_scroll',1)
}else{
    localStorage.setItem('letter_scroll',0)
}if($("[value=next_lyric_hidden]").prop("checked")){
    localStorage.setItem('next_lyric_hidden',1)
}else{
    localStorage.setItem('next_lyric_hidden',0)
}if($("[value=line_hidden]").prop("checked")){
    localStorage.setItem('line_hidden',1)
}else{
    localStorage.setItem('line_hidden',0)
}if($("[value=type_sound]").prop("checked")){
    localStorage.setItem('type_sound',1)
}else{
    localStorage.setItem('type_sound',0)
}if($("[value=miss_sound]").prop("checked")){
    localStorage.setItem('miss_sound',1)
}else{
    localStorage.setItem('miss_sound',0)
}if($("[value=clear_sound]").prop("checked")){
    localStorage.setItem('clear_sound',1)
}else{
    localStorage.setItem('clear_sound',0)
}if($("[value=combo_break_sound]").prop("checked")){
    localStorage.setItem('combo_break_sound',1)
}else{
    localStorage.setItem('combo_break_sound',0)
}if($("[value=Interlocking_volume]").prop("checked")){
    localStorage.setItem('Interlocking_volume',1)
}else{
    localStorage.setItem('Interlocking_volume',0)
}if($("[value=sec]").prop("checked")){
    localStorage.setItem('sec_kpm',1)
}else if($("[value=kpm]").prop("checked")){
    localStorage.setItem('sec_kpm',0)
}if($("[value=miss_on]").prop("checked")){
    localStorage.setItem('miss_on',1)
}else{
    localStorage.setItem('miss_on',0)
}if($("[value=anime_count]").prop("checked")){
    localStorage.setItem('anime_count',1)
}else{
    localStorage.setItem('anime_count',0)
}if($("[value=count_animation]").prop("checked")){
    localStorage.setItem('count_animation',1)
}else{
    localStorage.setItem('count_animation',0)
}if($("[value=skip_guide]").prop("checked")){
    localStorage.setItem('skip_guide',1)
}else{
    localStorage.setItem('skip_guide',0)
}if($("[value=bolding]").prop("checked")){
    localStorage.setItem('bolding',1)
}else{
    localStorage.setItem('bolding',0)
}if($("[value=character_spacing]").prop("checked")){
    localStorage.setItem('character_spacing',1)
}else{
    localStorage.setItem('character_spacing',0)
}if($("[value=font_Gothic]").prop("checked")){
    localStorage.setItem('font_Gothic',1)
}else{
    localStorage.setItem('font_Gothic',0)
}if($("[value=word_result]").prop("checked")){
    localStorage.setItem('word_result',1)
}else{
    localStorage.setItem('word_result',0)
}if($("[value=word_result_real]").prop("checked")){
    localStorage.setItem('word_result_real',1)
}else{
    localStorage.setItem('word_result_real',0)
}if($("[value=gauge]").prop("checked")){
    localStorage.setItem('gauge',1)
}else{
    localStorage.setItem('gauge',0)
}if($("[value=combo_display]").prop("checked")){
    localStorage.setItem('combo_display',1)
}else{
    localStorage.setItem('combo_display',0)
$("#combo_stat2").html("")

}if($("[value=combo_animation]").prop("checked")){
    localStorage.setItem('combo_animation',1)
}else{
    localStorage.setItem('combo_animation',0)
}if($("[value=score]").prop("checked")){
    localStorage.setItem('score1',"display:block;")
}else{
    localStorage.setItem('score1',"display:none;")
}if($("[value=miss]").prop("checked")){
    localStorage.setItem('miss1',"display:block;")
}else if(!$("[value=miss]").prop("checked")){
    localStorage.setItem('miss1',"display:none;")
}if($("[value=acc]").prop("checked") && $("[value=miss]").prop("checked")){
    localStorage.setItem('acc1',".acc{display:block;line-height:0;margin-bottom:15.5px;font-size:95%;font-weight:normal;}")
}else if($("[value=acc]").prop("checked") && !$("[value=miss]").prop("checked")){
    localStorage.setItem('acc1',".acc{display:block;font-size:110%;}")
}else if(!$("[value=acc]").prop("checked")){
    localStorage.setItem('acc1',".acc{display:none;}")
}if($("[value=combo_counter]").prop("checked")){
    localStorage.setItem('combo_counter1',"display:block;")
}else{
    localStorage.setItem('combo_counter1',"display:none;")
}if($("[value=type_counter]").prop("checked")){
    localStorage.setItem('type_counter1',"display:block;")
}else{
    localStorage.setItem('type_counter1',"display:none;")
}if($("[value=clear_counter]").prop("checked")){
    localStorage.setItem('clear_counter1',"display:block;")
}else{
    localStorage.setItem('clear_counter1',"display:none;")
}
if(mode=="kana"){
$('#status_setting').html(".score{"+localStorage.getItem('score1')+"}.miss{"+localStorage.getItem('miss1')+"}"+localStorage.getItem('acc1')+".combo_counter{"+localStorage.getItem('combo_counter1')+"}.type_counter{"+localStorage.getItem('type_counter1')+"}.clear_counter{"+localStorage.getItem('clear_counter1')+"}#kashi_roma{font-size:"+localStorage.getItem('font_size_kana')+"px;}#kashi_sub{font-size:"+localStorage.getItem('font_size_roma')+"px;}")
}else if(mode=="roma"){
$('#status_setting').html(".score{"+localStorage.getItem('score1')+"}.miss{"+localStorage.getItem('miss1')+"}"+localStorage.getItem('acc1')+".combo_counter{"+localStorage.getItem('combo_counter1')+"}.type_counter{"+localStorage.getItem('type_counter1')+"}.clear_counter{"+localStorage.getItem('clear_counter1')+"}#kashi_roma{font-size:"+localStorage.getItem('font_size_roma')+"px;}#kashi_sub{font-size:"+localStorage.getItem('font_size_kana')+"px;}")
}
if($("[value=kana_type]").prop("checked")){
    localStorage.setItem('mode_select',0)
}else if($("[value=roma_type]").prop("checked")){
    localStorage.setItem('mode_select',1)
}else if($("[value=kanamode_type]").prop("checked")){
    localStorage.setItem('mode_select',2)
}else if($("[value=kanamode_mac_type]").prop("checked")){
    localStorage.setItem('mode_select',3)
}
//チェックボックス設定保存 判別(サーバーに保存する機能ができ次第削除)ここまで

}
$("#mod_setting,.col-6").change(setting_change)

function add_css(){
var stylesheet = document.styleSheets.item(0)
    stylesheet.insertRule("[data-kana]{    position: relative;}", 1);
    stylesheet.insertRule(".missmark::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -2px;right: 0;margin: auto;font-size: 1.4em;}",3);
    stylesheet.insertRule(".missmark1::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -3.2px;right: 0;margin: auto;font-size: 1.4em;}", 4);
    stylesheet.insertRule(".missmark2::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -5.4px;right: 0;margin: auto;font-size: 1.4em;}", 5);
    stylesheet.insertRule(".missmark3::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -5.9px;right: 0;margin: auto;font-size: 1.4em;}", 6);
    stylesheet.insertRule(".missmark4::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -6.2px;right: 0;margin: auto;font-size: 1.4em;}", 7);
    stylesheet.insertRule(".missmark5::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -6.7px;right: 0;margin: auto;font-size: 1.4em;}", 8);
    stylesheet.insertRule(".missmark6::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -7.7px;right: 0;margin: auto;font-size: 1.4em;}", 9);
    stylesheet.insertRule(".missmark7::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -8.2px;right: 0;margin: auto;font-size: 1.4em;}", 10);
    stylesheet.insertRule(".missmark8::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -8.5px;right: 0;margin: auto;font-size: 1.4em;}", 11);
    stylesheet.insertRule(".missmark9::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -9.2px;right: 0;margin: auto;font-size: 1.4em;}", 12);
    stylesheet.insertRule(".missmark10::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -2.8px;right: 0;margin: auto;font-size: 1.4em;}", 13);
    stylesheet.insertRule(".missmark11::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -4px;right: 0;margin: auto;font-size: 1.4em;}", 14);
    stylesheet.insertRule(".missmark12::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -5.3px;right: 0;margin: auto;font-size: 1.4em;}", 15);
    stylesheet.insertRule(".missmark13::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -5.8px;right: 0;margin: auto;font-size: 1.4em;}", 16);
    stylesheet.insertRule(".missmark14::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -4.7px;right: 0;margin: auto;font-size: 1.4em;}", 17);
    stylesheet.insertRule(".missmark15::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -7.3px;right: 0;margin: auto;font-size: 1.4em;}", 18);
    stylesheet.insertRule(".missmark16::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -5px;right: 0;margin: auto;font-size: 1.4em;}", 19);
    stylesheet.insertRule(".missmark17::before{    content: attr(data-kana);position: absolute;top: -.49em;left:-5.5px;right: 0;margin: auto;font-size: 1.4em;}", 20);
    stylesheet.insertRule(".missmark18::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -2.7px;right: 0;margin: auto;font-size: 1.4em;}", 21);
    stylesheet.insertRule(".missmark19::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -7.9px;right: 0;margin: auto;font-size: 1.4em;}", 22);
    stylesheet.insertRule(".missmark20::before{    content: attr(data-kana);position: absolute;top: -.49em;left: -4.4px;right: 0;margin: auto;font-size: 1.4em;}", 23);
    stylesheet.insertRule("#kashi_roma:after{content:'\u200b';}", 24);
    stylesheet.insertRule("#kashi_sub:after{content:'\u200b';}", 25);
    stylesheet.insertRule(".fa-cog:hover{transform:rotate(90deg);}", 26);
    stylesheet.insertRule('.gothicfont{font-family:"游ゴシック", "Yu Gothic"!important;}',27);
    stylesheet.insertRule('#kashi_area{cursor:none!important;}',29);
    stylesheet.insertRule("[onclick='submit_score()']:after{content:'Enterキーでランキング送信';}", 30);
    stylesheet.insertRule(".letter_space{letter-spacing: 0.7px;}", 31);
    stylesheet.insertRule(".letter_bold{font-weight:600;}", 32);
    stylesheet.insertRule(".letter_nomal{font-weight:500!important;}", 33);
    stylesheet.insertRule(".kashi_hidden{visibility: hidden;}", 34);
    stylesheet.insertRule(".line_hidden{visibility: hidden;}", 35);
    stylesheet.insertRule(".letter_scroll{white-space: nowrap;position:relative;height:25.7px;overflow:hidden;}", 36);
//MOD適応前の#kashi_romaスタイルを隠す↓
  stylesheet.insertRule("#kashi_roma,#kashi_sub{word-break: break-all;}", 37);
    stylesheet.insertRule(".progress{margin-bottom: 0!important;}", 38);
    stylesheet.insertRule(".sub_margin{margin-top: 0.5rem!important;}", 39);
    stylesheet.insertRule(".next_hidden{visibility: hidden!important;white-space: nowrap;overflow:hidden;}", 40);
    stylesheet.insertRule("#mod_setting label,.col-6 label{cursor: pointer;}", 41);
    stylesheet.insertRule("#mod_setting label{margin-right: 5px;}", 42);
    stylesheet.insertRule("#skip_guide:after{content:'\u200b';}", 43);
    stylesheet.insertRule("#kashi_next:after{content:'\u200b';}", 44);
    stylesheet.insertRule("#next_kpm:after{content:'\u200b';}", 45);
    stylesheet.insertRule('#kashi_next{margin-top:0px!important;}',46);
    stylesheet.insertRule('#modal-open:hover{  cursor: pointer;text-decoration : underline;}',47);
    stylesheet.insertRule('#controlbox .col-6{padding-right: 0!important;}',48);
    stylesheet.insertRule('#controlbox{margin-left:0px!important;}',49);
    stylesheet.insertRule('#status,#rank{font-size:1.4rem;white-space: nowrap;letter-spacing: 0.8px;font-weight:600;filter: blur(0);}',50);
    stylesheet.insertRule('#status{line-height:31px!important;margin-bottom: 8px;}',50);
    stylesheet.insertRule('.progress2{margin-bottom: 0.5vw; -webkit-box-shadow: inset 0 0.1vw 0.2vw rgba(0,0,0,.1);box-shadow: inset 0 0.1vw 0.2vw rgba(0,0,0,.1);border-radius: 0;display: flex;font-size: .75rem;line-height: 3px;text-align: center;background-color: rgba(255,255,255,.1);}',51);
    stylesheet.insertRule('#gauge1{position:relative;top:5px;border-top:thin solid;border-bottom:thin solid;border-left:thin solid;height: 5px;}',52);
    stylesheet.insertRule('#gauge2{height:13px!important;border-top:thin #FFEB3B solid;border-right:thin #FFEB3B solid;border-bottom:thin #FFEB3B solid;}',53);
    stylesheet.insertRule('.col-4{padding-top:6px;}',54);
    stylesheet.insertRule('div#gauge {width: 75%;padding-left: 10px;}',55);
    stylesheet.insertRule('.combo_padding{padding-top:6px;}',56);
    stylesheet.insertRule('.combo_center{width:100%;}',57);
    stylesheet.insertRule('.combo_filter{filter: blur(0);}',58);




}

//設定関連の処理
function read_localstorage(){

//正当音ボリューム
if(!localStorage.getItem('ef_volume_type')){
    $('[name="effect_volume_type"]').val('70')
    localStorage.setItem('ef_volume_type',70)
}else if(localStorage.getItem('ef_volume_type')){
$('[name="effect_volume_type"]').val(localStorage.getItem('ef_volume_type'))
}

//ミス音個別ボリューム
if(!localStorage.getItem('ef_volume_miss')){
    $('[name="effect_volume_miss"]').val('70')
    localStorage.setItem('ef_volume_miss',70)
}else if(localStorage.getItem('ef_volume_miss')){
$('[name="effect_volume_miss"]').val(localStorage.getItem('ef_volume_miss'))
}

//ラインクリア音個別ボリューム
if(!localStorage.getItem('ef_volume_clear')){
    $('[name="effect_volume_clear"]').val('70')
    localStorage.setItem('ef_volume_clear',70)
}else if(localStorage.getItem('ef_volume_clear')){
$('[name="effect_volume_clear"]').val(localStorage.getItem('ef_volume_clear'))
}

//ラインクリア音個別ボリューム
if(!localStorage.getItem('ef_volume_combo_break')){
    $('[name="effect_volume_combo_break"]').val('70')
    localStorage.setItem('ef_volume_combo_break',70)
}else if(localStorage.getItem('ef_volume_combo_break')){
$('[name="effect_volume_combo_break"]').val(localStorage.getItem('ef_volume_combo_break'))
}
//BGMボリューム
if(!localStorage.getItem('volume_storage')){
    localStorage.setItem('volume_storage',70)
    $('#volume').html(localStorage.getItem('volume_storage'));

}else if (localStorage.getItem('volume_storage')) {
    $('#volume').html(localStorage.getItem('volume_storage'));

var volume_change = setInterval(function(){
if (typeof lyrics_array !== 'undefined') {
    player.setVolume(localStorage.getItem('volume_storage'));
    clearInterval(volume_change);
}
})
}
/*
//hiddenモード隠す文字数
if(!localStorage.getItem('hide_letter')){
    $('[name="hide_letter"]').val(3)
        localStorage.setItem('hide_letter',3)

}else if(localStorage.getItem('hide_letter')){
    $('[name="hide_letter"]').val(localStorage.getItem('hide_letter'))
}
*/

//かな表示スクロール文字数
if(!localStorage.getItem('letter_scroll_kana')){
    $('[name="letter_scroll_kana"]').val(10)
        localStorage.setItem('letter_scroll_kana',10)

}else if(localStorage.getItem('letter_scroll_kana')){
    $('[name="letter_scroll_kana"]').val(localStorage.getItem('letter_scroll_kana'))
}

//ローマ字表示スクロール文字数
if(!localStorage.getItem('letter_scroll_roma')){
    $('[name="letter_scroll_roma"]').val(16)
        localStorage.setItem('letter_scroll_roma',16)

}else if(localStorage.getItem('letter_scroll_roma')){
    $('[name="letter_scroll_roma"]').val(localStorage.getItem('letter_scroll_roma'))
}
if(!localStorage.getItem('font_size_kana')){
    $('[name="font_size_kana"]').val(17.5)
        localStorage.setItem('font_size_kana',17.5)

}else if(localStorage.getItem('font_size_kana')){
    $('[name="font_size_kana"]').val(localStorage.getItem('font_size_kana'))
}
if(!localStorage.getItem('font_size_roma')){
    $('[name="font_size_roma"]').val(17.5)
        localStorage.setItem('font_size_roma',17.5)

}else if(localStorage.getItem('font_size_roma')){
    $('[name="font_size_roma"]').val(localStorage.getItem('font_size_roma'))
}

//ミスエフェクト色
if(!localStorage.getItem('miss_color')){
    localStorage.setItem('miss_color',"#FF3554")
}else if(localStorage.getItem('miss_color')){
$('[name="miss_color"]').val(localStorage.getItem('miss_color'))
}

if(!localStorage.getItem('countdown_color')){
    localStorage.setItem('countdown_color',"rgba(255,255,255,0.9)")
}else if(localStorage.getItem('countdown_color')){
$('[name="countdown_color"]').val(localStorage.getItem('countdown_color'))
}

if(!localStorage.getItem('skipguide_color')){
    localStorage.setItem('skipguide_color',"rgba(255,255,255,0.53)")
}else if(localStorage.getItem('skipguide_color')){
$('[name="skipguide_color"]').val(localStorage.getItem('skipguide_color'))
}

if(!localStorage.getItem('combo_color')){
    localStorage.setItem('combo_color',"#FFFFFF")
}else if(localStorage.getItem('combo_color')){
$('[name="combo_color"]').val(localStorage.getItem('combo_color'))
}


//先頭の文字を強調する色
if(!localStorage.getItem('first_color1')){
    localStorage.setItem('first_color1',"#FFFFFF")
}else if(localStorage.getItem('first_color1')){
$('[name="first_color"]').val(localStorage.getItem('first_color1'))
}

if(!localStorage.getItem('playarea_color')){
    localStorage.setItem('playarea_color',"transparent")
}else if(localStorage.getItem('playarea_color')){
$('[name="playarea_color"]').val(localStorage.getItem('playarea_color'))
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});

}

if(!localStorage.getItem('playarea_radius')){
    localStorage.setItem('playarea_radius',0)
}else if(localStorage.getItem('playarea_radius')){
$('[name="playarea_radius"]').val(localStorage.getItem('playarea_radius'))
}

if(!localStorage.getItem('futidori_theme')){
    localStorage.setItem('futidori_theme','none')
}else if(localStorage.getItem('futidori_theme')){
$($("[name=futidori_theme]").val(localStorage.getItem('futidori_theme'))).prop('selected', true);
}

if(!localStorage.getItem('futidori_border-width')){
    localStorage.setItem('futidori_border-width','medium')
}else if(localStorage.getItem('futidori_border-width')){
$($("[name=futidori_border-width]").val(localStorage.getItem('futidori_border-width'))).prop('selected', true);
}

if(!localStorage.getItem('futidori_color')){
    localStorage.setItem('futidori_color',"#FFFFFF")
}else if(localStorage.getItem('futidori_color')){
$('[name="futidori_color"]').val(localStorage.getItem('futidori_color'))
}

if(!localStorage.getItem('correctword_color')){
    localStorage.setItem('correctword_color',"#0099CC")
}else if(localStorage.getItem('correctword_color')){
$('[name="correctword_color"]').val(localStorage.getItem('correctword_color'))
}

if(!localStorage.getItem('lineclear_color')){
    localStorage.setItem('lineclear_color',"#1eff52")
}else if(localStorage.getItem('lineclear_color')){
$('[name="lineclear_color"]').val(localStorage.getItem('lineclear_color'))
}

if(!localStorage.getItem('word_color')){
    localStorage.setItem('word_color',"#FFFFFF")
}else if(localStorage.getItem('word_color')){
$('[name="word_color"]').val(localStorage.getItem('word_color'))
}


if(!localStorage.getItem('lyric_color')){
    localStorage.setItem('lyric_color',"#FFFFFF")
}else if(localStorage.getItem('lyric_color')){
$('[name="lyric_color"]').val(localStorage.getItem('lyric_color'))
$(".playButton,.esckey").css({'cssText':'color:'+localStorage.getItem('lyric_color')+';'});


}if(!localStorage.getItem('combo_position')){
    localStorage.setItem('combo_position','center')
}else if(localStorage.getItem('combo_position')){
$($("[name=combo_position]").val(localStorage.getItem('combo_position'))).prop('selected', true);
}

if(!localStorage.getItem('next_lyrics_color')){
    localStorage.setItem('next_lyrics_color',"rgba(255,255,255,.7)")
}else if(localStorage.getItem('next_lyrics_color')){
$('[name="next_lyrics_color"]').val(localStorage.getItem('next_lyrics_color'))
}

if(!localStorage.getItem('line_color')){
    localStorage.setItem('line_color',"#17a2b8")
}else if(localStorage.getItem('line_color')){
$('[name="line_color"]').val(localStorage.getItem('line_color'))
}

if(!localStorage.getItem('line_color2')){
    localStorage.setItem('line_color2',"#ffc107")
}else if(localStorage.getItem('line_color2')){
$('[name="line_color2"]').val(localStorage.getItem('line_color2'))
}

if(!localStorage.getItem('line_empty_color')){
    localStorage.setItem('line_empty_color',"#f5f5f5")
}else if(localStorage.getItem('line_empty_color')){
$('[name="line_empty_color"]').val(localStorage.getItem('line_empty_color'))
}

if(!localStorage.getItem('line_empty_color2')){
    localStorage.setItem('line_empty_color2',"#f5f5f5")
}else if(localStorage.getItem('line_empty_color')){
$('[name="line_empty_color2"]').val(localStorage.getItem('line_empty_color2'))
}

if(!localStorage.getItem('status_color')){
    localStorage.setItem('status_color',"#FFFFFF")
}else if(localStorage.getItem('status_color')){
$('[name="status_color"]').val(localStorage.getItem('status_color'))
}

if(!localStorage.getItem('me_color')){
    localStorage.setItem('me_color',"#20c997")
}else if(localStorage.getItem('me_color')){
$('[name="me_color"]').val(localStorage.getItem('me_color'))
}

if(!localStorage.getItem('control_color')){
    localStorage.setItem('control_color',"rgba(255,255,255,.85)")
}else if(localStorage.getItem('line_empty_color')){
$('[name="control_color"]').val(localStorage.getItem('control_color'))
}


 $(document.head).append(`<style id="line_color_styles">
.bg-info {
    background-color:`+localStorage.getItem('line_color')+`!important;
}
#bar_input_base {
    background-color:`+localStorage.getItem('line_empty_color')+`!important;
}

.bg-warning {
    background-color:`+localStorage.getItem('line_color2')+`!important;
}

#bar_base {
    background-color:`+localStorage.getItem('line_empty_color2')+`!important;
}

#controlbox .text-teal {
    color:`+localStorage.getItem('me_color')+`!important;
}

#controlbox .col-4,
#controlbox .col-4 a,
#controlbox .col-4 .h4,
#line_remaining_time,
#rank,
#total_time{
    color:`+localStorage.getItem('status_color')+`!important;
}

#controlbox .control {
    color:`+localStorage.getItem('control_color')+`!important;
}

</style>`);
//ここからチェックボックス保存(サーバーで保存される機能実装までの仮実装)

if(!localStorage.getItem('sub')){
    localStorage.setItem('sub',1)
}else if(localStorage.getItem('sub') == 0){
$("[value=sub]").prop('checked', false);
}
if(!localStorage.getItem('eng_highlight')){
    localStorage.setItem('eng_highlight',0)
}else if(localStorage.getItem('eng_highlight') == 1){
$("[value=eng_highlight]").prop('checked', true);
}
if(!localStorage.getItem('letter_scroll')){
    localStorage.setItem('letter_scroll',0)
}else if(localStorage.getItem('letter_scroll') == 1){
$("[value=letter_scroll]").prop('checked', true);
}if(!localStorage.getItem('next_lyric_hidden')){
    localStorage.setItem('next_lyric_hidden',0)
}else if(localStorage.getItem('next_lyric_hidden') == 1){
$("[value=next_lyric_hidden]").prop('checked', true);
}if(!localStorage.getItem('line_hidden')){
    localStorage.setItem('line_hidden',0)
}else if(localStorage.getItem('line_hidden') == 1){
$("[value=line_hidden]").prop('checked', true);
}if(!localStorage.getItem('type_sound')){
    localStorage.setItem('type_sound',0)
}else if(localStorage.getItem('type_sound') == 1){
$("[value=type_sound]").prop('checked', true);
}if(!localStorage.getItem('miss_sound')){
    localStorage.setItem('miss_sound',0)
}else if(localStorage.getItem('miss_sound') == 1){
$("[value=miss_sound]").prop('checked', true);
}if(!localStorage.getItem('clear_sound')){
    localStorage.setItem('clear_sound',0)
}else if(localStorage.getItem('clear_sound') == 1){
$("[value=clear_sound]").prop('checked', true);
}if(!localStorage.getItem('combo_break_sound')){
    localStorage.setItem('combo_break_sound',0)
}else if(localStorage.getItem('combo_break_sound') == 1){
$("[value=combo_break_sound]").prop('checked', true);
}if(!localStorage.getItem('sec_kpm')){
    localStorage.setItem('sec_kpm',1)
}else if(localStorage.getItem('sec_kpm') == 0){
$("[value=kpm]").prop('checked', true);
}if(!localStorage.getItem('miss_on')){
    localStorage.setItem('miss_on',1)
}else if(localStorage.getItem('miss_on') == 0){
$("[value=miss_on]").prop('checked', false);
}if(!localStorage.getItem('anime_count')){
    localStorage.setItem('anime_count',1)
}else if(localStorage.getItem('anime_count') == 0){
$("[value=anime_count]").prop('checked', false);
}if(!localStorage.getItem('count_animation')){
    localStorage.setItem('count_animation',1)
}else if(localStorage.getItem('count_animation') == 0){
$("[value=count_animation]").prop('checked', false);
}if(!localStorage.getItem('skip_guide')){
    localStorage.setItem('skip_guide',1)
}else if(localStorage.getItem('skip_guide') == 0){
$("[value=skip_guide]").prop('checked', false);
}if(!localStorage.getItem('font_Gothic')){
    localStorage.setItem('font_Gothic',1)
}else if(localStorage.getItem('font_Gothic') == 0){
$("[value=font_Gothic]").prop('checked', false);
}if(!localStorage.getItem('bolding')){
    localStorage.setItem('bolding',1)
}else if(localStorage.getItem('bolding') == 0){
$("[value=bolding]").prop('checked', false);
}if(!localStorage.getItem('character_spacing')){
    localStorage.setItem('character_spacing',0)
}else if(localStorage.getItem('character_spacing') == 1){
$("[value=character_spacing]").prop('checked', true);
}if(!localStorage.getItem('word_result')){
    localStorage.setItem('word_result',1)
}else if(localStorage.getItem('word_result') == 0){
$("[value=word_result]").prop('checked', false);
}if(!localStorage.getItem('word_result_real')){
    localStorage.setItem('word_result_real',0)
}else if(localStorage.getItem('word_result_real') == 1){
$("[value=word_result_real]").prop('checked', true);
}if(!localStorage.getItem('gauge')){
    localStorage.setItem('gauge',0)
}else if(localStorage.getItem('gauge') == 1){
$("[value=gauge]").prop('checked', true);
}if(!localStorage.getItem('combo_display')){
    localStorage.setItem('combo_display',0)
}else if(localStorage.getItem('combo_display') == 1){
$("[value=combo_display]").prop('checked', true);
}if(!localStorage.getItem('combo_animation')){
    localStorage.setItem('combo_animation',1)
}else if(localStorage.getItem('combo_animation') == 0){
$("[value=combo_animation]").prop('checked', false);
}if(!localStorage.getItem('score1')){
    localStorage.setItem('score1',"display:block;")
}else if(localStorage.getItem('score1') == "display:none;"){
$("[value=score]").prop('checked', false);
}if(!localStorage.getItem('miss1')){
    localStorage.setItem('miss1',"display:display:block;")
}else if(localStorage.getItem('miss1') == "display:none;"){
$("[value=miss]").prop('checked', false);
}if(!localStorage.getItem('acc1')){
    localStorage.setItem('acc1',".acc{display:block;line-height:0;margin-bottom:15.5px;font-size:95%;font-weight:normal;}")
}else if(localStorage.getItem('acc1') == ".acc{display:none;}"){
$("[value=acc]").prop('checked', false);
}if(!localStorage.getItem('combo_counter1')){
    localStorage.setItem('combo_counter1',"display:block;")
}else if(localStorage.getItem('combo_counter1') == "display:none;"){
$("[value=combo_counter]").prop('checked', false);
}if(!localStorage.getItem('type_counter1')){
    localStorage.setItem('type_counter1',"display:block;")
}else if(localStorage.getItem('type_counter1') == "display:none;"){
$("[value=type_counter]").prop('checked', false);
}if(!localStorage.getItem('clear_counter1')){
    localStorage.setItem('clear_counter1',"display:block;")
}else if(localStorage.getItem('clear_counter1') == "display:none;"){
$("[value=clear_counter]").prop('checked', false);
}

if(!localStorage.getItem('mode_select')){
    localStorage.setItem('mode_select',0)
}else if(localStorage.getItem('mode_select') == 1){
$("[value=roma_type]").prop('checked', true);
}else if(localStorage.getItem('mode_select') == 2){
$("[value=kanamode_type]").prop('checked', true);
}else if(localStorage.getItem('mode_select') == 3){
$("[value=kanamode_mac_type]").prop('checked', true);
}
//チェックボックス保存ここまで(サーバー保存の機能ができ次第削除)
 $(document.head).append(`<style id="status_setting">
.score {
`+localStorage.getItem('score1')+`
}
.miss {
`+localStorage.getItem('miss1')+`
}

`+localStorage.getItem('acc1')+`

.combo_counter {
`+localStorage.getItem('combo_counter1')+`
}

.type_counter {
`+localStorage.getItem('type_counter1')+`
}
.clear_counter {
`+localStorage.getItem('clear_counter1')+`
}
</style>`);
}
function localstrage_save(){

if(!document.webkitHidden){
if(localStorage.getItem('ef_volume_type') != $('[name="effect_volume_type"]').val()){
    localStorage.setItem('ef_volume_type',$('[name="effect_volume_type"]').val())
}
if(localStorage.getItem('ef_volume_miss') != $('[name="effect_volume_miss"]').val()){
    localStorage.setItem('ef_volume_miss',$('[name="effect_volume_miss"]').val())
}
if(localStorage.getItem('ef_volume_clear') != $('[name="effect_volume_clear"]').val()){
    localStorage.setItem('ef_volume_clear',$('[name="effect_volume_clear"]').val())
}
if(localStorage.getItem('ef_volume_combo_break') != $('[name="effect_volume_combo_break"]').val()){
    localStorage.setItem('ef_volume_combo_break',$('[name="effect_volume_combo_break"]').val())
}
/*
if(localStorage.getItem('hide_letter') != $('[name="hide_letter"]').val()){
    localStorage.setItem('hide_letter',$('[name="hide_letter"]').val())
}
*/
if(localStorage.getItem('volume_storage') != $('#volume').text() && !finished){
    localStorage.setItem('volume_storage', $('#volume').text())
}
if(localStorage.getItem('letter_scroll_kana') != $('[name="letter_scroll_kana"]').val()){
    localStorage.setItem('letter_scroll_kana',$('[name="letter_scroll_kana"]').val())
    updateLineView();
}
if(localStorage.getItem('letter_scroll_roma') != $('[name="letter_scroll_roma"]').val()){
    localStorage.setItem('letter_scroll_roma',$('[name="letter_scroll_roma"]').val())
    updateLineView();
}
if(localStorage.getItem('font_size_kana') != $('[name="font_size_kana"]').val()){
    localStorage.setItem('font_size_kana',$('[name="font_size_kana"]').val())
    updateLineView();
}
if(localStorage.getItem('font_size_roma') != $('[name="font_size_roma"]').val()){
    localStorage.setItem('font_size_roma',$('[name="font_size_roma"]').val())
    updateLineView();
}
if(localStorage.getItem('miss_color') != $('[name="miss_color"]').val()){
    localStorage.setItem('miss_color', $('[name="miss_color"]').val())
    updateLineView();
}
if(localStorage.getItem('countdown_color') != $('[name="countdown_color"]').val()){
    localStorage.setItem('countdown_color', $('[name="countdown_color"]').val())
}
if(localStorage.getItem('skipguide_color') != $('[name="skipguide_color"]').val()){
    localStorage.setItem('skipguide_color', $('[name="skipguide_color"]').val())
}

if(localStorage.getItem('combo_color') != $('[name="combo_color"]').val()){
    localStorage.setItem('combo_color', $('[name="combo_color"]').val())
if($("[value=combo_display]").prop("checked")){

if(combo>=1 && next_char[1]){
$("#combo_stat2").html("<div style='color:"+localStorage.getItem('combo_color')+";' class='combo_anime combo_animated'>"+combo+"</div>")
}
else if(combo==0 && typing_count>=1){
$("#combo_stat2").html("<div style='color:"+localStorage.getItem('combo_color')+";'>"+0+"</div>")
}}
}

if(localStorage.getItem('first_color1') != $('[name="first_color"]').val()){
    localStorage.setItem('first_color1', $('[name="first_color"]').val())
    updateLineView();

}
if(localStorage.getItem('playarea_color') != $('[name="playarea_color"]').val()){
    localStorage.setItem('playarea_color', $('[name="playarea_color"]').val())
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});
}

if(localStorage.getItem('playarea_radius') != $('[name="playarea_radius"]').val()){
    localStorage.setItem('playarea_radius', $('[name="playarea_radius"]').val())
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});
}

if(localStorage.getItem('futidori_color') != $('[name="futidori_color"]').val()){
    localStorage.setItem('futidori_color', $('[name="futidori_color"]').val())
$("#controlbox").css({'cssText':'background:'+localStorage.getItem("playarea_color")+';border-radius:'+localStorage.getItem('playarea_radius')+'px;border:'+localStorage.getItem('futidori_theme')+';border-color:'+localStorage.getItem('futidori_color')+';border-width:'+localStorage.getItem('futidori_border-width')+';padding-bottom:6px;'});
}

if(localStorage.getItem('correctword_color') != $('[name="correctword_color"]').val()){
    localStorage.setItem('correctword_color', $('[name="correctword_color"]').val())
    updateLineView();

}

if(localStorage.getItem('lineclear_color') != $('[name="lineclear_color"]').val()){
    localStorage.setItem('lineclear_color', $('[name="lineclear_color"]').val())
    updateLineView();

}
if(localStorage.getItem('word_color') != $('[name="word_color"]').val()){
    localStorage.setItem('word_color', $('[name="word_color"]').val())
    updateLineView();

}

if(localStorage.getItem('lyric_color') != $('[name="lyric_color"]').val()){
    localStorage.setItem('lyric_color', $('[name="lyric_color"]').val())
$("#kashi").css({'cssText':'margin-top:0!important;color:'+localStorage.getItem('lyric_color')+';'});
$(".playButton,.esckey").css({'cssText':'color:'+localStorage.getItem('lyric_color')+';'});

}
if(localStorage.getItem('next_lyrics_color') != $('[name="next_lyrics_color"]').val()){
    localStorage.setItem('next_lyrics_color', $('[name="next_lyrics_color"]').val())
$("#kashi_next").css({'cssText':'margin-bottom:0!important;color:'+localStorage.getItem('next_lyrics_color')+';'});
$("#kpm_color").css({'cssText':'color:'+localStorage.getItem('next_lyrics_color')+';'});
}

if(localStorage.getItem('line_color') != $('[name="line_color"]').val()){
    localStorage.setItem('line_color', $('[name="line_color"]').val())
$('#line_color_styles').html(".bg-info {background-color:"+localStorage.getItem('line_color')+"!important;}#bar_input_base {background-color:"+localStorage.getItem('line_empty_color')+"!important;}"+
".bg-warning {background-color:"+localStorage.getItem('line_color2')+"!important;}#bar_base {background-color:"+localStorage.getItem('line_empty_color2')+"!important;}"+
"#controlbox .text-teal {color:"+localStorage.getItem('me_color')+"!important;}#controlbox .col-4,#controlbox .col-4 a,#controlbox .col-4 .h4,#line_remaining_time,#rank,#total_time{color:"+localStorage.getItem('status_color')+"!important;}#controlbox .control {color:"+localStorage.getItem('control_color')+"!important;}}")
}
if(localStorage.getItem('line_color2') != $('[name="line_color2"]').val()){
    localStorage.setItem('line_color2', $('[name="line_color2"]').val())
$('#line_color_styles').html(".bg-info {background-color:"+localStorage.getItem('line_color')+"!important;}#bar_input_base {background-color:"+localStorage.getItem('line_empty_color')+"!important;}"+
".bg-warning {background-color:"+localStorage.getItem('line_color2')+"!important;}#bar_base {background-color:"+localStorage.getItem('line_empty_color2')+"!important;}"+
"#controlbox .text-teal {color:"+localStorage.getItem('me_color')+"!important;}#controlbox .col-4,#controlbox .col-4 a,#controlbox .col-4 .h4,#line_remaining_time,#rank,#total_time{color:"+localStorage.getItem('status_color')+"!important;}#controlbox .control {color:"+localStorage.getItem('control_color')+"!important;}}")
}

if(localStorage.getItem('line_empty_color') != $('[name="line_empty_color"]').val()){
    localStorage.setItem('line_empty_color', $('[name="line_empty_color"]').val())
$('#line_color_styles').html(".bg-info {background-color:"+localStorage.getItem('line_color')+"!important;}#bar_input_base {background-color:"+localStorage.getItem('line_empty_color')+"!important;}"+
".bg-warning {background-color:"+localStorage.getItem('line_color2')+"!important;}#bar_base {background-color:"+localStorage.getItem('line_empty_color2')+"!important;}"+
"#controlbox .text-teal {color:"+localStorage.getItem('me_color')+"!important;}#controlbox .col-4,#controlbox .col-4 a,#controlbox .col-4 .h4,#line_remaining_time,#rank,#total_time{color:"+localStorage.getItem('status_color')+"!important;}#controlbox .control {color:"+localStorage.getItem('control_color')+"!important;}}")
}

if(localStorage.getItem('line_empty_color2') != $('[name="line_empty_color2"]').val()){
    localStorage.setItem('line_empty_color2', $('[name="line_empty_color2"]').val())
$('#line_color_styles').html(".bg-info {background-color:"+localStorage.getItem('line_color')+"!important;}#bar_input_base {background-color:"+localStorage.getItem('line_empty_color')+"!important;}"+
".bg-warning {background-color:"+localStorage.getItem('line_color2')+"!important;}#bar_base {background-color:"+localStorage.getItem('line_empty_color2')+"!important;}"+
"#controlbox .text-teal {color:"+localStorage.getItem('me_color')+"!important;}#controlbox .col-4,#controlbox .col-4 a,#controlbox .col-4 .h4,#line_remaining_time,#rank,#total_time{color:"+localStorage.getItem('status_color')+"!important;}#controlbox .control {color:"+localStorage.getItem('control_color')+"!important;}}")
}
if(localStorage.getItem('status_color') != $('[name="status_color"]').val()){
    localStorage.setItem('status_color', $('[name="status_color"]').val())
$('#line_color_styles').html(".bg-info {background-color:"+localStorage.getItem('line_color')+"!important;}#bar_input_base {background-color:"+localStorage.getItem('line_empty_color')+"!important;}"+
".bg-warning {background-color:"+localStorage.getItem('line_color2')+"!important;}#bar_base {background-color:"+localStorage.getItem('line_empty_color2')+"!important;}"+
"#controlbox .text-teal {color:"+localStorage.getItem('me_color')+"!important;}#controlbox .col-4,#controlbox .col-4 a,#controlbox .col-4 .h4,#line_remaining_time,#rank,#total_time{color:"+localStorage.getItem('status_color')+"!important;}#controlbox .control {color:"+localStorage.getItem('control_color')+"!important;}}")
}if(localStorage.getItem('me_color') != $('[name="me_color"]').val()){
    localStorage.setItem('me_color', $('[name="me_color"]').val())
$('#line_color_styles').html(".bg-info {background-color:"+localStorage.getItem('line_color')+"!important;}#bar_input_base {background-color:"+localStorage.getItem('line_empty_color')+"!important;}"+
".bg-warning {background-color:"+localStorage.getItem('line_color2')+"!important;}#bar_base {background-color:"+localStorage.getItem('line_empty_color2')+"!important;}"+
"#controlbox .text-teal {color:"+localStorage.getItem('me_color')+"!important;}#controlbox .col-4,#controlbox .col-4 a,#controlbox .col-4 .h4,#line_remaining_time,#rank,#total_time{color:"+localStorage.getItem('status_color')+"!important;}#controlbox .control {color:"+localStorage.getItem('control_color')+"!important;}}")
}if(localStorage.getItem('control_color') != $('[name="control_color"]').val()){
    localStorage.setItem('control_color', $('[name="control_color"]').val())
$('#line_color_styles').html(".bg-info {background-color:"+localStorage.getItem('line_color')+"!important;}#bar_input_base {background-color:"+localStorage.getItem('line_empty_color')+"!important;}"+
".bg-warning {background-color:"+localStorage.getItem('line_color2')+"!important;}#bar_base {background-color:"+localStorage.getItem('line_empty_color2')+"!important;}"+
"#controlbox .text-teal {color:"+localStorage.getItem('me_color')+"!important;}#controlbox .col-4,#controlbox .col-4 a,#controlbox .col-4 .h4,#line_remaining_time,#rank,#total_time{color:"+localStorage.getItem('status_color')+"!important;}#controlbox .control {color:"+localStorage.getItem('control_color')+"!important;}}")
}
}
}
function checkbox_check(){
if(!is_played && play_mode == "normal"){
if($("[value=kana_type]").prop("checked")){
kana_mode = false
mode='kana'
keyboard='normal';
$("#kashi_roma").css({'cssText':'margin-bottom: 0 !important;'});
}else if($("[value=roma_type]").prop("checked")){
kana_mode = false
mode='roma'
keyboard='normal';
$("#kashi_roma").css({'cssText':'margin-bottom: 0 !important;'});
}else if($("[value=kanamode_type]").prop("checked")){
kana_mode = true
mode='kana'
keyboard='normal';
$("#kashi_roma").css({'cssText':'margin-bottom: 0 !important;'+'visibility:visible!important;'});
}else if($("[value=kanamode_mac_type]").prop("checked")){
kana_mode = true
mode='kana'
keyboard='mac';
$("#kashi_roma").css({'cssText':'margin-bottom: 0 !important;'+'visibility:visible!important;'});
}
}
if (is_played && !finished && player.getPlayerState() == 1) {
if($("[value=Interlocking_volume]").prop("checked")){
if($('#volume').text()){
    combo_break.volume = ($('#volume').text()/100)
}}
    else{
    combo_break.volume = $('[name="effect_volume_miss"]').val()/100
}}



//游ゴシック体表示


if($("[value=font_Gothic]").prop("checked")){
$('#kashi_roma,#kashi_sub').addClass('gothicfont')
}else{
$('#kashi_roma,#kashi_sub').removeClass('gothicfont')
}
if(typeof lyrics_array !== 'undefined'){

if($("[value=next_lyric_hidden]").prop("checked")){
if(lyrics_array[count][1] != 'end' && !lyrics_array[count][2]){
$('#kashi_next').addClass('next_hidden')
}else{
$('#kashi_next').removeClass('next_hidden')
}
}else{
$('#kashi_next').removeClass('next_hidden')
}
}
//ボリューム連動ONで個別ボリューム設定を変更不可にする
if($("[value=Interlocking_volume]").prop("checked")){
$('[name*="effect_volume"]').attr('disabled',true)
$('[name*="effect_volume"]').css({'cssText':'display:none;'});

}else{
$('[name*="effect_volume"]').attr('disabled',false)
$('[name*="effect_volume"]').css({'cssText':'display:block;'});
}

//入力歌詞の文字間隔を開ける
if($("[value=character_spacing]").prop("checked")){
$( "#kashi_sub,#kashi_roma" ).addClass("letter_space")
}else{
$( "#kashi_sub,#kashi_roma" ).removeClass("letter_space")
}
if($("[value=combo_display]").prop("checked")){
$( "#controlbox" ).addClass("combo_padding")
if($("[value=combo_animation]").prop("checked")){
$( "#kashi_area" ).addClass("combo_filter")
}else if(!$("[value=combo_animation]").prop("checked")){
$( "#kashi_area" ).removeClass("combo_filter")
}
if($("[name=combo_position]").val() =="center"){
localStorage.setItem('combo_position','center')
$( "#combo_stat2" ).addClass("combo_center")

}else if($("[name=combo_position]").val() =="left"){
localStorage.setItem('combo_position','left')
$( "#combo_stat2" ).removeClass("combo_center")

}
}
    else{
$( "#controlbox" ).removeClass("combo_padding")
$( "#kashi_area" ).removeClass("combo_filter")


}
//太字設定
if($("[value=bolding]").prop("checked")){
$( "#kashi_sub,#kashi_roma" ).addClass("letter_bold")
.removeClass("letter_nomal")
}else{
$( "#kashi_sub,#kashi_roma" ).removeClass("letter_bold")
.addClass("letter_nomal")
}if($("[value=line_hidden]").prop("checked")){
$( "#kashi_next,#next_kpm" ).addClass("kashi_hidden")
}else{
$( "#kashi_next,#next_kpm" ).removeClass("kashi_hidden")
}if($("[value=line_hidden]").prop("checked")){
$(".bg-info").addClass("line_hidden")
}else{
$(".bg-info").removeClass("line_hidden")
}if($("[value=letter_scroll]").prop("checked") && !kana_mode){
$('.scroll_amount').css({'cssText':'display:block;'});
$("#kashi_roma,#kashi_sub").addClass("letter_scroll")
    .removeClass("mt-2")
$("#kashi_sub").addClass("sub_margin")
}else{
$('.scroll_amount').css({'cssText':'display:none;'});
$("#kashi_roma,#kashi_sub").removeClass("letter_scroll")
    .addClass("mt-2")
$("#kashi_sub").removeClass("sub_margin")
}
    if($("[value=gauge]").prop("checked")){
$('#gauge').css({'cssText':'display:block;'});

    }else{
$('#gauge').css({'cssText':'display:none;'});
}
if (typeof lyrics_array !== 'undefined' && $('#difficult > span').text() == "" &&((difficulty_average/difficulty.length)*player.getPlaybackRate()) >= 0) {
 $('.share').prepend('<div id="difficult" style="color: #fd5;font-weight: 600;"><span style="border-radius: 16px;padding: 3px;background-color: rgba(0,0,0,.60);" id="modal-open" class="button-link"></span></div>')
typing_lyric_open()
movie_time = parseInt(lyrics_array[lyrics_array.length-1][0])/$("#speed").text()
movie_mm =("00" + parseInt(parseInt(movie_time) / 60)).slice(-2)
movie_ss = ("00" +(parseInt(movie_time) - movie_mm * 60)).slice(-2)
    if($("[value=sec]").prop("checked")){
$('#difficult > span').html('<span title="打鍵数"><i class="fas fa-drum" style="backgroundcolor=:#441188; border-radius: 16px;"></i> '+(200000 / score_per_char).toFixed(0) + '打</span> <span title="ライン数"><i class="fas fa-scroll" style=""></i>'+$("#typing_lyrics .type_length:eq(0)").text()+'ライン</span> <span title="長さ"><i class="far fa-clock" style=""></i>'+movie_mm+':'+movie_ss+'</span> <span title="必要入力スピード"><i class="fas fa-tachometer-alt" style=""></i>平均'+((difficulty_average/difficulty.length)*$("#speed").text()).toFixed(2)+'打/秒, 最高'+(Math.max.apply(null, difficulty)*$("#speed").text()).toFixed(2)+'打/秒</span>')
}else{
$('#difficult > span').html('<span title="打鍵数"><i class="fas fa-drum" style="backgroundcolor=:#441188; border-radius: 16px;"></i> '+(200000 / score_per_char).toFixed(0) + '打</span> <span title="ライン数"><i class="fas fa-scroll" style=""></i>'+$("#typing_lyrics .type_length:eq(0)").text()+'ライン</span> <span title="長さ"><i class="far fa-clock" style=""></i>'+movie_mm+':'+movie_ss+'</span> <span title="必要入力スピード"><i class="fas fa-tachometer-alt" style=""></i>平均'+(((difficulty_average/difficulty.length)*$("#speed").text())*60).toFixed(0)+'kpm, 最高'+((Math.max.apply(null, difficulty)*$("#speed").text())*60).toFixed(0)+'kpm</span>')
}

}

}



var observer = new MutationObserver(function(){
movie_time = parseInt(lyrics_array[lyrics_array.length-1][0])/$("#speed").text()
movie_mm =("00" + parseInt(parseInt(movie_time) / 60)).slice(-2)
movie_ss = ("00" +(parseInt(movie_time) - movie_mm * 60)).slice(-2)
    if($("[value=sec]").prop("checked")){
$('#difficult > span').html('<span title="打鍵数"><i class="fas fa-drum" style="backgroundcolor=:#441188; border-radius: 16px;"></i> '+(200000 / score_per_char).toFixed(0) + '打</span> <span title="ライン数"><i class="fas fa-scroll" style=""></i>'+$("#typing_lyrics .type_length:eq(0)").text()+'ライン</span> <span title="長さ"><i class="far fa-clock" style=""></i>'+movie_mm+':'+movie_ss+'</span> <span title="必要入力スピード"><i class="fas fa-tachometer-alt" style=""></i>平均'+((difficulty_average/difficulty.length)*$("#speed").text()).toFixed(2)+'打/秒, 最高'+(Math.max.apply(null, difficulty)*$("#speed").text()).toFixed(2)+'打/秒</span>')
}else{
$('#difficult > span').html('<span title="打鍵数"><i class="fas fa-drum" style="backgroundcolor=:#441188; border-radius: 16px;"></i> '+(200000 / score_per_char).toFixed(0) + '打</span> <span title="ライン数"><i class="fas fa-scroll" style=""></i>'+$("#typing_lyrics .type_length:eq(0)").text()+'ライン</span> <span title="長さ"><i class="far fa-clock" style=""></i>'+movie_mm+':'+movie_ss+'</span> <span title="必要入力スピード"><i class="fas fa-tachometer-alt" style=""></i>平均'+(((difficulty_average/difficulty.length)*$("#speed").text())*60).toFixed(0)+'kpm, 最高'+((Math.max.apply(null, difficulty)*$("#speed").text())*60).toFixed(0)+'kpm</span>')
}
});
/** 監視対象の要素オブジェクト */
const elem = document.getElementById('speed');

/** 監視時のオプション */
const config = {
  attributes: true,
  childList: true,
  characterData: true
};
/** 要素の変化監視をスタート */
observer.observe(elem, config);


//lyrics_arrayを読み込んで「歌詞を見る」を作成
function lyricsarray_reading(){
//lyrics_array変数が読み込まれたとき
var load_lyric = setInterval(function(){
if(typeof lyrics_array !== 'undefined'){

const lyrics_length = lyrics_array.length
var number_lyrics = 1
let typing_lyric = "<h5 style='margin-top:5px;'>タイピングワード一覧</h5>"
const line_length = typing_array_roma.filter( v => !!( '' + v )).length

$('<div id="typing_lyrics" style="border:2px solid #aaa;z-index:9999;display:none;font-size:120%;position:fixed;word-break: break-all;overflow: scroll; max-height: 500px;background-color: rgba(0,0,0,4.33);font-weight: 600;user-select: none !important;-ms-user-select: none !important;-moz-user-select: none !important;-webkit-user-select: none !important;">').insertAfter('.movietitle')

//lyrics_arrayを参照
for (let j = 0; j < lyrics_length; j++){

//lyrics_array[?][1]の先頭に空のルビタグを挿入(ルビあり時⇔ルビなし時の表示ズレ修正)
if(logcount == 0 && lyrics_array[j][2]){
logcount = j+1
}

//lyrics_array[?][2]から[入力歌詞を見る]を生成
//譜面の平均打鍵速度を生成
if(lyrics_array[j][2] && lyrics_array[j][1] != 'end'){
difficulty.push((typing_array_roma[j].join('').length/(lyrics_array[j+1][0]-lyrics_array[j][0])).toFixed(2))
difficulty_average += (typing_array_roma[j].join('').length/(lyrics_array[j+1][0]-lyrics_array[j][0]))
typing_lyric += (number_lyrics +"/<span class='type_length'>"+line_length+"</span> ["+(typing_array_roma[j].join('').length/((lyrics_array[j+1][0]-lyrics_array[j][0])*player.getPlaybackRate())).toFixed(2)+'打/秒]('+(((typing_array_roma[j].join('').length/((lyrics_array[j+1][0]-lyrics_array[j][0])*player.getPlaybackRate())))*60).toFixed(0)+'kpm)<br><span>'+lyrics_array[j][2]+"</span><br><span style='text-transform:uppercase;'>"+typing_array_roma[j].join('')+"</span><br><br>")
number_lyrics = number_lyrics +1
}
}
//lyrics_arrayを参照 ここまで

//生成した入力歌詞を表示
$('#typing_lyrics').append(typing_lyric)
line_counter = $("#typing_lyrics .type_length:eq(0)").text()
clearInterval(load_lyric);
}
})
}
    $('<div id="gauge"style="display:none;"><div class="progress2" id="gauge1" style="width: 80%;float: left;height:8px;"><div id="clear_gauge"></div></div><div class="progress2" id="gauge2" style="width: 20%;background: #4E3701;height:12px;"><span style="height: 5px;border-left: thin #FFEB3B solid;"></span><div id="clear_gauge2"></div></div><div id="clear_percent" style="font-weight: normal;color: #fff;text-align: right;width: 0px;float: right;position: relative;top: -26px;left: 3px;font-size: 1.4rem;font-family: sans-serif;">0%</div></div>').insertBefore('#controlbox')
//プレイ開始時に各機能で必要なDOMを追加
function play_preparation(){
var play_start = setInterval(function(){
    if (is_played) {
if(mode=="kana"){
$('#status_setting').html(".score{"+localStorage.getItem('score1')+"}.miss{"+localStorage.getItem('miss1')+"}"+localStorage.getItem('acc1')+".combo_counter{"+localStorage.getItem('combo_counter1')+"}.type_counter{"+localStorage.getItem('type_counter1')+"}.clear_counter{"+localStorage.getItem('clear_counter1')+"}#kashi_roma{font-size:"+localStorage.getItem('font_size_kana')+"px;}#kashi_sub{font-size:"+localStorage.getItem('font_size_roma')+"px;}")
}else if(mode=="roma"){
$('#status_setting').html(".score{"+localStorage.getItem('score1')+"}.miss{"+localStorage.getItem('miss1')+"}"+localStorage.getItem('acc1')+".combo_counter{"+localStorage.getItem('combo_counter1')+"}.type_counter{"+localStorage.getItem('type_counter1')+"}.clear_counter{"+localStorage.getItem('clear_counter1')+"}#kashi_roma{font-size:"+localStorage.getItem('font_size_roma')+"px;}#kashi_sub{font-size:"+localStorage.getItem('font_size_kana')+"px;}")
}
            $('.esckey').remove()
    $('<div id="next_kpm" style="font-size:12.5px;font-weight: 500;text-align:left;"></div><div id="total_time" style="font-weight: 600;color: #fff;text-align: right;height: 0px;font-family: sans-serif;"></div><div id="skip_guide" style="font-weight:400;text-align:left;">&nbsp;</div>').insertAfter('#kashi_next')


$('<span id="combo_stat2" style="display: inline-block;text-align: center;font-weight:600;position: absolute;top: -7px;font-size: 20px;font-family: sans-serif;"></span><div id="line_remaining_time" style="font-family: sans-serif;padding-top:5px;font-size: 13px;font-weight: 600;color: #fff;text-align: right;"></div>').insertBefore('#bar_input_base')
$('<div id="rank" style="font-weight: 600;color: #fff;position:relative;top:-4px;"></div>').insertAfter('#status')
$('<div id="count_anime" style="font-size:45px;font-weight: 600;text-align:center;height: 0px;position:relative;top:-15px;"></div>').insertBefore('#kashi')//カウントダウンDOM追加
$("#line_remaining_time").html("&nbsp;")
$('.mt-3,#bar_base,#bar_input_base').css({'cssText':'margin-top:0!important;'})
$("#kashi").removeClass('text-white').css({'cssText':'margin-top:0!important;color:'+localStorage.getItem('lyric_color')+';'});
$("#kashi_next").removeClass('text-muted').css({'cssText':'margin-bottom:0!important;color:'+localStorage.getItem('next_lyrics_color')+';'});


if(kana_mode && play_mode == "practice"){
$("#kashi_roma").css({'cssText':'margin-bottom: 0 !important;'+'visibility:visible!important;'});
}
$(".col-8").css({'cssText':'flex: 0 0 75.66667%;'+'max-width: 75.66667%;'});
$(".col-4").css({'cssText':'flex: 0 0 24.33333%;'+'max-width: 24.33333%;'});
    player.setVolume(localStorage.getItem('volume_storage'));

clearInterval(play_start);
}
})
}

//時間計算・時間を利用した機能
function time_calculation(){
if(typeof is_played !== 'undefined'){

if(is_played && player.getPlayerState() == 1){
if(!finished){


/**
*@時間計算
*/
const now_time = (player.getCurrentTime()+player.difftime)/player.getPlaybackRate()
const mm =("00" + parseInt(parseInt(now_time) / 60)).slice(-2)
const ss = ("00" +(parseInt(now_time) - mm * 60)).slice(-2)

if($("#total_time").text() != String(mm + ':' + ss + " / " + movie_mm+':'+movie_ss))
//曲の経過時間を[分:秒]で表示
$("#total_time").html(mm + ':' + ss + " / " + movie_mm+':'+movie_ss)


/**
*@ライン経過時間計算
*/
if(count != count_save){//ライン切り替わり直後
count_save = count //フラグON

$("#count_anime").html("")
$("span").removeClass("missmark");

if(count >= 2){//2ライン目以降

if(lyrics_array[count-2][2] && typing_count_save == typing_count && count > logcount){
inputline_counter.push(count-1)
}

if(line_typingspeed == 0 && lyrics_array[count-2][2] == ''){
    kpmlog.push(kpmlog[kpmlog.length-1])
    rkpmlog.push(rkpmlog[rkpmlog.length-1])
    nokorimoji_log.push(nokorimoji_log[nokorimoji_log.length-1])
    line_misscount.push(line_misscount[line_misscount.length-1])
    latencylog.push(latencylog[latencylog.length-1])
}else if(line_typingspeed == 0 && lyrics_array[count-2][2] != ''){
    kpmlog.push(0)
    rkpmlog.push(0)
    nokorimoji_log.push(nokorimoji)
    line_misscount.push((typing_miss_count-misstyping_count_save))
    latencylog.push('null')
}
    else if(line_typingspeed != 0 && lyrics_array[count-2][2] != '' && !practice_failure){
    kpmlog.push((line_typingspeed).toFixed(2))
    rkpmlog.push((line_typingspeed_rkpm).toFixed(2))
    nokorimoji_log.push(nokorimoji)
    line_misscount.push((typing_miss_count-misstyping_count_save))
    latencylog.push(latency)
}

latency_flag=false
practice_failure=false
latency_flag=false
clear_sound_flag=false
misstyping_count_save = typing_miss_count
typing_count_save = typing_count //現在ラインの打鍵数を出す
nokorimoji = next_char[1]+line_input_roma.join('')


if(lyrics_array[count].length == 2){
    lyrics_array[count].push('')
}

if(lyrics_array[count - 2][2]){
if(!line_clear){//③ラインクリア失敗時
past_playing_time += Number(((lyrics_array[count - 1][0]-lyrics_array[count - 2][0])/player.getPlaybackRate()).toFixed(3))//ライン時間を加算
    }else {//③ラインクリアしていたらフラグのみ初期化
line_clear = false
}
}
if(countdown_anime){
countdown_anime = false //間奏でのカウントダウンフラグOFF
}
}
}




//打鍵時間計測
if(count >= 1 && !completed){
//ライン経過時間
line_playing_time = Number(((time_buf - lyrics_array[count - 1][0])/player.getPlaybackRate()).toFixed(3))
if(next_char[0] || playing_time_current == 0){
//全体の経過時間
playing_time_current = Number(line_playing_time + past_playing_time)
}
}

//latency計測
if(next_char[0] && !completed){
if(!latency_flag){
latency = line_playing_time
}
}else if(!next_char[0] && !completed){
latency = (0).toFixed(3)
}

else if(completed && !line_clear){
line_clear = true;
//クリア時は現在のライン経過時間を加算
past_playing_time += line_playing_time


//クリアゲージ
clear_percent=(complete_count / line_counter) * 100.0;
if((Math.floor(parseInt(score)/20)/100).toFixed(2) < 50){
$("#clear_percent").html(clear_percent.toFixed(0)+"%")
}else if((Math.floor(parseInt(score)/20)/100).toFixed(2) >= 50 && clear_percent.toFixed(0)<80){
$("#clear_percent").html(clear_percent.toFixed(0)+"%<i style='width: 0px;display: contents!important;color:#FFF;' class='fa fa-trophy'></i>")
}else if(clear_percent.toFixed(0)>=80 && clear_percent.toFixed(0)!=100){
$("#clear_percent").html(clear_percent.toFixed(0)+"%<i style='width: 0px;display: contents!important;color:#8B4513;' class='fa fa-trophy'></i>")
}else if(clear_percent.toFixed(0)==100 && (Math.floor(parseInt(score)/20)/100).toFixed(2) < 99.99){
$("#clear_percent").html(clear_percent.toFixed(0)+"%<i style='width: 0px;display: contents!important;color:#C0C0C0;' class='fa fa-trophy'></i>")
}else if((Math.floor(parseInt(score)/20)/100).toFixed(2) >= 99.99){
$("#clear_percent").html(clear_percent.toFixed(0)+"%<i style='width: 0px;display: contents!important;color:#FFD700;' class='fa fa-trophy'></i>")
}

clear_gauge1=(complete_count / line_counter) * 200.0
if(!game_clear){
$("#clear_gauge").css({'cssText':'width:'+(clear_gauge1/1.6)+'%;background:#fff;'});
}
if(game_clear){
clear_gauge2=(clear_gauge2+1)
$("#clear_gauge2").css({'cssText':'width:'+(clear_gauge2/clear_linecounter)*100+'%;background:#FFEB3B;'});
}

if(!game_clear&& clear_percent.toFixed(0)>=80){
clear_linecounter=line_counter*((100-Number($("#clear_percent").text().replace( '%', '' )))/100)
clear_gauge2=((Number($("#clear_percent").text().replace( '%', '' ))-80)/10)
game_clear=true
//$("#clear_gauge").css({'cssText':'width:100%;background:#F8F800;'});
$("#clear_gauge").css({'cssText':'width:100%;background:#fff;'});
$("#clear_percent").css({'cssText':'font-weight: 600;color: #FFEB3B;text-align: right;width: 0px;float: right;position: relative;top: -26px;left: 3px;font-size: 1.4rem;"'});

$("#clear_gauge2").css({'cssText':'width:'+(((clear_gauge2/clear_linecounter)*100)+0.5)+'%;background:#FFEB3B;'});
$("#gauge2 > span").css({'cssText':''});
}
}

//次のラインの必要打鍵速度を計算
if(lyrics_array[count +1]){//曲終了前のライン以外
next_kpm = Number(((typing_array_roma[count].join("").length) / (lyrics_array[count+1][0]-lyrics_array[count][0]))*player.getPlaybackRate())
}

//ライン打鍵速度、初速抜き、平均打鍵速度計算
line_typingspeed = (typing_count-typing_count_save)/line_playing_time
line_typingspeed_rkpm = (typing_count-typing_count_save)/ (line_playing_time-latency)
typing_speed = typing_count/playing_time_current

line_remaining_time =Number((lyrics_array[count][0] - (player.getCurrentTime()+player.difftime))/player.getPlaybackRate()).toFixed(1)
//全体打鍵速度を表示
//DOMに打鍵時間を表示
//打/秒表示
if(line_remaining_time>=0){
if($("[value=sec]").prop("checked")){
if($("#rank").text() != String((ranking_array.length +1) + "位[" +typing_speed.toFixed(2) + "打/秒]")){
$("#rank").html((ranking_array.length +1) + "<span style='font-size:80%;'>位</span>[" +typing_speed.toFixed(2) + "<span style='font-size:80%;'>打/秒</span>]")
}
if($("[value=line_hidden]").prop("checked")){
if($("#line_remaining_time").text() != String(line_typingspeed.toFixed(2) + "打/秒 / latency: " +latency.toFixed(3)+ "ms")){
$("#line_remaining_time").html(line_typingspeed.toFixed(2) + "打/秒 / latency: " +latency.toFixed(3)+ "ms")
}
}else{
if($("#line_remaining_time").text() != String(line_typingspeed.toFixed(2) + "打/秒 / 残り" +line_remaining_time +"秒")){
$("#line_remaining_time").html(line_typingspeed.toFixed(2) + "打/秒 / 残り" +line_remaining_time +"秒")
}
}

//next打鍵速度表示
if(lyrics_array[count][2] && lyrics_array[count+1] && next_kpm.toFixed(2) != $(".next_kpm_value").text()){
$("#next_kpm").html("<span id='kpm_color' style='color:"+localStorage.getItem('next_lyrics_color')+";'>NEXT:<span class='next_kpm_value'>"+next_kpm.toFixed(2)+"</span>打/秒</span>")
}
//次のライン入力する文字が無かったらnext速度を表示しない
else if((!lyrics_array[count][2] || !lyrics_array[count+1]) && $("#next_kpm").text() != "&nbsp;"){
$("#next_kpm").html("&nbsp;")
}
}

//kpm表示
else {
if($("#rank").text() != String((ranking_array.length +1) + "位["  +((typing_speed)*60).toFixed(0) + "kpm]")){
$("#rank").html((ranking_array.length +1) + "<span style='font-size:80%;'>位</span>["  +((typing_speed)*60).toFixed(0) + "kpm]")
}
if($("[value=line_hidden]").prop("checked")){
if($("#line_remaining_time").text() != String(((line_typingspeed)*60).toFixed(0) + "kpm / latency: " +latency.toFixed(3)+ "ms")){
$("#line_remaining_time").html(((line_typingspeed)*60).toFixed(0) + "kpm / latency: " +latency.toFixed(3)+ "ms")
}
}else{
if($("#line_remaining_time").text() != String(((line_typingspeed)*60).toFixed(0) + "kpm / 残り"+line_remaining_time+"秒")){
$("#line_remaining_time").html(((line_typingspeed)*60).toFixed(0) + "kpm / 残り"+line_remaining_time+"秒")
}
}
if(lyrics_array[count][2] && lyrics_array[count+1] && (next_kpm*60).toFixed(0) != $(".next_kpm_value").text()){
$("#next_kpm").html("<span id='kpm_color' style='color:"+localStorage.getItem('next_lyrics_color')+";'>NEXT:<span class='next_kpm_value'>"+(next_kpm*60).toFixed(0)+"</span>kpm</span>")
}

else if((!lyrics_array[count][2] || !lyrics_array[count+1]) && $("#next_kpm").text() != "&nbsp;"){
$("#next_kpm").html("")
}
}
}
}

}
}
}





function spacekey_skipguide(){
//スキップ案内を表示
if(!next_char[1] && $("[value=skip_guide]").prop("checked")){
if(completed &&line_remaining_time > 3.0 && $("#skip_guide").text() != "Type Space key to skip. ⏩"){
$("#skip_guide").html("<span style='color:"+localStorage.getItem('skipguide_color')+";'><i>Type Space key to skip. ⏩</i></span>")
}else if(!completed && line_remaining_time > 4.4 && line_playing_time >= 0.5 && $("#skip_guide").text() != "Type Space key to skip. ⏩"){//入力する文字がなかった時
$("#skip_guide").html("<span style='color:"+localStorage.getItem('skipguide_color')+";'><i>Type Space key to skip. ⏩</i></span>")
}else if(!next_char[1] && line_remaining_time <= 3.0 && completed && $("#skip_guide").text() == "Type Space key to skip. ⏩"){
$("#skip_guide").html("")//スキップできなくなるタイミングで案内非表示(ラインクリア時は3秒)
}else if(!next_char[1] && line_remaining_time <= 1.2 && !completed && $("#skip_guide").text() == "Type Space key to skip. ⏩"){
$("#skip_guide").html("")//スキップできなくなるタイミングで案内非表示
}else if(!next_char[1] && countdown_anime && 4.4 >= line_remaining_time && $("#skip_guide").text() == "Type Space key to skip. ⏩"){
$("#skip_guide").html("")//カウントダウンが表示されたタイミングで案内非表示
}
}else if($("#skip_guide").text() == "Type Space key to skip. ⏩"){
$("#skip_guide").html("")
}
}
function sec_countdownanime(){
if(count){
if(!next_char[1] && line_remaining_time >= 1.3 && !countdown_anime && !completed && (!lyrics_array[count-1][1] || lyrics_array[count-1][1]=="") && lyrics_array[count][2] && lyrics_array[count+1] && $("[value=anime_count]").prop("checked")){//4秒以上の間奏中、次のラインに入力する文字が存在する時
countdown_anime = true
}

if(countdown_anime){
if($("[value=count_animation]").prop("checked")){
if(4.0 >= line_remaining_time && line_remaining_time > 3.0 && $('#count_anime').text() != "3"){//間奏ラインの残り時間大体3秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";' class='countdown_animation count_animated'><i>3</i></span>")//残り時間を整数で歌詞エリアに表示
}else if(3.0 >= line_remaining_time && line_remaining_time > 2.0 && $('#count_anime').text() != "2"){//間奏ラインの残り時間大体3秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";'class='countdown_animation count_animated'><i>2</i></span>")//残り時間を整数で歌詞エリアに表示
}else if(2.0 >= line_remaining_time && line_remaining_time > 1.0 && $('#count_anime').text() != "1" && $('#count_anime').text() != ""){//間奏ラインの残り時間大体3秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";'class='countdown_animation count_animated'><i>1</i></span>")//残り時間を整数で歌詞エリアに表示
}else if(line_remaining_time <= 1 && $('#count_anime').text() != "GO!" && $('#count_anime').text() != ""){////間奏ラインの残り時間大体1秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";'class='countdown_animation count_animated'><i>GO!</i></span>")//歌詞エリアにGO!と表示する
}
}else if(!$("[value=count_animation]").prop("checked")){
if(4.0 >= line_remaining_time && line_remaining_time > 3.0 && $('#count_anime').text() != "3"){//間奏ラインの残り時間大体3秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";'><i>3</i></span>")//残り時間を整数で歌詞エリアに表示
}else if(3.0 >= line_remaining_time && line_remaining_time > 2.0 && $('#count_anime').text() != "2"){//間奏ラインの残り時間大体3秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";'><i>2</i></span>")//残り時間を整数で歌詞エリアに表示
}else if(2.0 >= line_remaining_time && line_remaining_time > 1.0 && $('#count_anime').text() != "1" && $('#count_anime').text() != ""){//間奏ラインの残り時間大体3秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";'><i>1</i></span>")//残り時間を整数で歌詞エリアに表示
}else if(line_remaining_time <= 1 && $('#count_anime').text() != "GO!" && $('#count_anime').text() != ""){////間奏ラインの残り時間大体1秒ぐらいのとき
$("#count_anime").html("<span style='color:"+localStorage.getItem('countdown_color')+";'><i>GO!</i></span>")//歌詞エリアにGO!と表示する
}
}
}}
}
//プレイリザルト
function typing_result_generator(){
if(typeof lyrics_array !== 'undefined'){
if(!lyrics_array[count+1] && !next_char[1] || finished){
if(!ending){
$('#kashi_sub').html("")
update_status()
let typinglog_save = typinglog.concat()
let houti
let word_result = ""
let word_result_real = ""
let word_result_out=""
let word_result_real_out=""
let Typing_Result = '';
let start3 = false;

    number_lyrics = 1
    ending = true
$('<h1 id="result_head" style ="font-size:20px;background-color: rgba(0,0,0,.33);margin:0px!important;padding-bottom: 5px;">Typing Result</h1><div id="typingloglog" style="word-break: break-all;overflow: scroll; max-height: 700px;font-size: 120%;background-color: rgba(0,0,0,.33);font-weight: 600;user-select: none !important;-ms-user-select: none !important;-moz-user-select: none !important;-webkit-user-select: none !important;"></div><br>').insertAfter('#controlbox')

if(typinglog_save.length == 0){
typinglog_save.splice(lyrics_array.length-1, 0, ["1", "", "0", lyrics_array.length-1, 0, 2]);
houti=true
}else if(typinglog_save.length != 0 && lyrics_array[count-1][2] && typing_count_save == typing_count && lyrics_array[count][1] =='end' && finished){
inputline_counter.push(count)
}

for(let m = 0; m < (typinglog_save.length+(inputline_counter.length)); m++){
if(inputline_counter == ''){
if(houti && !lyrics_array[count-1][2]){
typinglog_save.pop()
houti=false
}
break
}
if(!typinglog_save[m]){//ライン番号取得
typinglog_save.splice(m, 0, ["0", "", "0", inputline_counter[0], 0, 2]);
inputline_counter.shift()
}
if(typinglog_save[m][3] > inputline_counter[0]){//ライン番号取得
typinglog_save.splice(m, 0, ["0", "", "0", inputline_counter[0], 0, 2]);
inputline_counter.shift()
}
}

if(!start3){
Typing_Result += (number_lyrics+'/'+line_counter+' '+lyrics_array[logcount-1][2])
start3 = true
number_lyrics = (number_lyrics+1)
}

for(let i = 0; i < typinglog_save.length; i++){//入力した文字の数繰り返す

if(logcount != typinglog_save[i][3] && i >= 1){//ライン番号取得
logcount = typinglog_save[i][3]
if(play_mode == 'normal'){

if(typinglog_save[i-1][5] == 1){
if($("[value=word_result]").prop("checked")){
word_result_out="<br>"+word_result+nokorimoji_log[typinglog_save[i][3]-1]
}
if($("[value=word_result_real]").prop("checked")){
word_result_real_out ="<br>"+word_result_real+nokorimoji_log[typinglog_save[i][3]-1]
}
}else if(typinglog_save[i-1][5] == 0){
if($("[value=word_result]").prop("checked")){
word_result_out="<br>"+word_result+nokorimoji_log[typinglog_save[i][3]-1].replace(/(.)(.*)/,'<span style="color:red;">$1</span>$2')
}
if($("[value=word_result_real]").prop("checked")){
word_result_real_out ="<br>"+word_result_real+nokorimoji_log[typinglog_save[i][3]-1]
}
}

if($("[value=sec]").prop("checked")){

if(nokorimoji_log[typinglog_save[i-1][3]].length != 0){
if(typinglog_save[i-1][5] == 0){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out  + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', 打/秒: ' +kpmlog[typinglog_save[i][3]-1]+ ' 初速抜き: '+rkpmlog[typinglog_save[i][3]-1]+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}else if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', 打/秒: '+kpmlog[typinglog_save[i][3]-1]+ ' 初速抜き: '+rkpmlog[typinglog_save[i][3]-1]+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}else if(typinglog_save[i-1][5] == 2){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;"><br>' + nokorimoji_log[typinglog_save[i][3]-1] +'</span><br>latency: null, 打/秒: 0 初速抜き: 0, miss: 0<br><br><span>'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}else{
if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', 打/秒: '+kpmlog[typinglog_save[i][3]-1]+ ' 初速抜き: '+rkpmlog[typinglog_save[i][3]-1]+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}else{
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;"><br>' + nokorimoji_log[typinglog_save[i-1][3]] +'</span><br>latency: null, 打/秒: 0 初速抜き: 0, miss: 0<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}

}else{

if(nokorimoji_log[typinglog_save[i-1][3]].length != 0){
if(typinglog_save[i-1][5] == 0){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', kpm: '+(kpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', rkpm: '+(rkpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}else if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', kpm: '+(kpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', rkpm: '+(rkpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}else if(typinglog_save[i-1][5] == 2){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;"><br>' + nokorimoji_log[typinglog_save[i][3]-1] +'</span><br>latency: null, kpm: 0, rkpm: 0, miss: 0<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}else{
if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', kpm: '+(kpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', rkpm: '+(rkpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}else{
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;"><br>' + nokorimoji_log[typinglog_save[i-1][3]] +'</span><br>latency: null, kpm: 0, rkpm: 0, miss: 0<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}

}

}else if(play_mode == 'practice'){

if($("[value=word_result]").prop("checked")){
word_result_out="<br>"+word_result
}
if($("[value=word_result_real]").prop("checked")){
word_result_real_out ="<br>"+word_result_real
}

if($("[value=sec]").prop("checked")){

if(nokorimoji_log[typinglog_save[i-1][3]].length != 0){
if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out  + word_result_real_out  + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', 打/秒: '+kpmlog[typinglog_save[i][3]-1]+ ' 初速抜き: '+rkpmlog[typinglog_save[i][3]-1]+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}else{
if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', 打/秒: '+kpmlog[typinglog_save[i][3]-1]+ ' 初速抜き: '+rkpmlog[typinglog_save[i][3]-1]+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}

}else{
if(nokorimoji_log[typinglog_save[i-1][3]].length != 0){
if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out  + word_result_real_out  + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', kpm: '+(kpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', rkpm: '+(rkpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}else{
if(typinglog_save[i-1][5] == 1){
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[typinglog_save[i][3]-1]+', kpm: '+(kpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', rkpm: '+(rkpmlog[typinglog_save[i][3]-1]*60).toFixed(0)+', miss: '+line_misscount[typinglog_save[i][3]-1]+'<br><br><span class="result_lyric">'+number_lyrics+'/'+line_counter+' '+lyrics_array[typinglog_save[i][3]-1][2]+'</span>')
}
}

}


}
number_lyrics = (number_lyrics+1)
word_result = ""
word_result_real=""
}


if($("[value=word_result]").prop("checked")){
if(typinglog_save[i][5] == 1){//正当していたときの処理
if(i >= 1 && logcount == typinglog_save[i-1][3] && typinglog_save[i-1][5] == 0){//ミスをしていたら
word_result += ('<span style="color:red">'+typinglog_save[i][1].replace(/ /, '⎽')+'</span>')
}else{//してなかったら
word_result +=('<span style="color:#60d7ff">'+typinglog_save[i][1].replace(/ /, '⎽')+'</span>')
}
}
}

if($("[value=word_result_real]").prop("checked")){
if(logcount == typinglog_save[i][3] && typinglog_save[i][5] == 0){//ミス
word_result_real += ('<span style="color:red">'+typinglog_save[i][1].replace(/ /, '⎽')+'</span>')
}else if(logcount == typinglog_save[i][3] && typinglog_save[i][5] == 1){//正当
word_result_real +=('<span style="color:#60d7ff">'+typinglog_save[i][1].replace(/ /, '⎽')+'</span>')
}
}


if(i+1 == typinglog_save.length){

if($("[value=sec]").prop("checked")){
if(!next_char[1]){

if(completed){//次の行がend時、ラインクリア
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real}
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latency.toFixed(3)+', 打/秒: '+line_typingspeed.toFixed(2)+' 初速抜き: '+line_typingspeed_rkpm.toFixed(2)+', miss: '+(typing_miss_count-misstyping_count_save))
}else if(!completed){//次の行がend時、失敗
if(nokorimoji_log[nokorimoji_log.length-1].length != 0){
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result + nokorimoji_log[nokorimoji_log.length-1]}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real + nokorimoji_log[nokorimoji_log.length-1]}
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[nokorimoji_log.length-1]+", 打/秒: "+kpmlog[nokorimoji_log.length-1]+' 初速抜き: ' +rkpmlog[nokorimoji_log.length-1]+ ', miss: '+line_misscount[nokorimoji_log.length-1])
}else{
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real}
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[nokorimoji_log.length-1]+", 打/秒: "+kpmlog[nokorimoji_log.length-1]+' 初速抜き: ' +rkpmlog[nokorimoji_log.length-1]+ ', miss: '+line_misscount[nokorimoji_log.length-1])
}
}
}else if(!completed && next_char[1]){
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result + nokorimoji}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real + nokorimoji}
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out +'</span><br>latency: '+(latency).toFixed(3)+', 打/秒: '+line_typingspeed.toFixed(2)+' 初速抜き: '+line_typingspeed_rkpm.toFixed(2)+', miss: '+(typing_miss_count-misstyping_count_save))
}
}else{
if(!next_char[1]){
if(completed){//次の行がend時、ラインクリア
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real}
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latency.toFixed(3)+', kpm: '+(line_typingspeed*60).toFixed(0)+', rkpm: '+(line_typingspeed_rkpm*60).toFixed(0)+', miss: '+(typing_miss_count-misstyping_count_save))
}else if(!completed){//次の行がend時、失敗
if(nokorimoji_log[nokorimoji_log.length-1].length != 0){
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result + nokorimoji_log[nokorimoji_log.length-1]}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real + nokorimoji_log[nokorimoji_log.length-1]}
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[nokorimoji_log.length-1]+", kpm: "+(kpmlog[nokorimoji_log.length-1]*60).toFixed(0) + ', rkpm:' +(line_typingspeed_rkpm*60).toFixed(0)+ ', miss: '+line_misscount[nokorimoji_log.length-1])
}else{
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real}
Typing_Result += ('<span class="seikou" style="color:#FFFF00;">'+' clear</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out + '</span><br>latency: '+latencylog[nokorimoji_log.length-1]+", kpm: "+(kpmlog[nokorimoji_log.length-1]*60).toFixed(0) + ', rkpm:' +(rkpmlog[nokorimoji_log.length-1]*60).toFixed(0)+ ', miss: '+line_misscount[nokorimoji_log.length-1])
}
}
}else if(!completed && next_char[1]){
if($("[value=word_result]").prop("checked")){word_result_out="<br>"+word_result + nokorimoji}
if($("[value=word_result_real]").prop("checked")){word_result_real_out ="<br>"+word_result_real + nokorimoji}
Typing_Result += ('<span class="sippai" style="color:#F12FFF;">'+' failure</span><span style="text-transform:uppercase;">' + word_result_out + word_result_real_out +'</span><br>latency: '+(latency).toFixed(3)+', kpm: '+(line_typingspeed*60).toFixed(0)+', rkpm: '+(line_typingspeed_rkpm*60).toFixed(0).replace(/^[-]?([1-9]\d*|0)(\.\d+)?$/,"0")+', miss: '+(typing_miss_count-misstyping_count_save))
}
}
}
if(i+2 == typinglog_save.length+1){
$('#typingloglog').append(Typing_Result)
$('<h6 style ="font-size:130%;background-color: rgba(0,0,0,.33);margin:0px!important;padding-bottom: 5px;">Score Penalty<br>Missd: '+ (-typing_miss_count*(((parseInt(score_per_char)/20)/100)/4)).toFixed(2)+'<br>Escape: '+(((Math.floor(parseInt(score)/20)/100)+(typing_miss_count*(((parseInt(score_per_char)/20)/100)/4)))-100).toFixed(2).replace(/^[-]?(\d*|0)(\.01)?$/,'0.00')+'</h6>').insertAfter('#result_head')
$('<h5 style ="background-color: rgba(0,0,0,.33);margin:0px!important;padding-bottom: 5px;">'+'<span style="color:#FFFF00;">'+$('#typingloglog').find('.seikou').length+' clear</span> / <span style="color:#FFFF00;"><span style="color:#F12FFF;">'+$('#typingloglog').find('.sippai').length+' failure</span></h5>').insertAfter('#result_head')
}
}
}
}
}
}
//関数を適用
$(function(){
mod_setting_open()
load_sound()
add_css()
read_localstorage()
lyricsarray_reading()
play_preparation()

//interval 50msで更新する機能
setInterval(function (){
checkbox_check()
time_calculation()
localstrage_save()

if(typeof is_played !== 'undefined'){
typing_result_generator()

if(is_played && player.getPlayerState() == 1){
if(!finished){
spacekey_skipguide()
sec_countdownanime()
}
}
}
},50);
});


$(window).on('load', function () {
//スコアランキングから登録者数とスコアを抽出
for (let i = 0;i<$(".list-group ").find(".player_ranking").length; i++) {
 ranking_array.unshift(Number($(".p-2 > .player_ranking")[i].textContent.replace( ':', '' )))
}
})

/*
// 歌詞が更新されたら入力ラインをアップデート
// ref. https://risaki-masa.com/function-for-observing-variable-with-js/
function observe( interval, onGet, onChanged ) {
    let     previousValue   = onGet();
    const   onObserve       = function() {
        const VALUE = onGet();
        if ( previousValue === VALUE ) return;

        onChanged( VALUE );
        previousValue = VALUE;
    };

    setInterval( onObserve, interval );
}
const INTERVAL  = 0;
const onGet     = function() { return count; };
const onChanged = function() { updateLineView();};

observe( INTERVAL, onGet, onChanged );

*/

//関数名の変更はNG
function updateLineView() {
if (!$("#kashi_sub")[0] && !kana_mode) {
// DOM要素がない場合は初期化
        $("#kashi_roma").after($("<div>").attr('id', 'kashi_sub'));
        // モードによって出力を変更
        // わかりにくいけど #kashi_roma = main #kashi_sub = sub
if(mode == 'kana'){
$("#kashi_sub").css({'cssText':'text-transform:uppercase;'});
}
}

if(kana_mode) {
$("#kashi_roma").addClass("kana_mode_input_dom");
}

else if (mode == 'roma') {

$("#kashi_roma").addClass("roma_input_dom");

if($("[value=sub]").prop("checked")){
$("#kashi_sub").addClass("kana_input_dom");
}else if(!$("[value=sub]").prop("checked")){
$("#kashi_sub").removeClass("kana_input_dom");
$("#kashi_sub").html("")
}

}else if(mode == 'kana'){
$("#kashi_roma").addClass("kana_input_dom");

if($("[value=sub]").prop("checked")){
$("#kashi_sub").addClass("roma_input_dom");
}else if(!$("[value=sub]").prop("checked")){
$("#kashi_sub").removeClass("roma_input_dom");
$("#kashi_sub").html("")

}

}

//////////////////////////////////////////////////////////////////////////////


//ひらがなの後のカンマ、ピリオドは句読点に変換する
let kanma ="\,"
let period="\."
if(next_char[0] == '\,' || next_char[0] == '\.'){
    if(/[ぁ-ん|ヴ|ゔ|ー|、|。]/.test(already_input[already_input.length -1])){
kanma = "、"
period = "。"
}
}
if(line_input_kana[0] == '\,'||line_input_kana[0] == '\.'){
if(/[ぁ-ん|ヴ|ゔ|ー|、|。]/.test(next_char[0])){
kanma = "、"
period = "。"
}
}


let kashi_kana_html
let kashi_roma_html
let kashi_kanamode_html

//かな入力モードの表示(かな表示のみ)
if(kana_mode){
if($("[value=letter_scroll]").prop("checked")){
kashi_kanamode_html = "<span style='position: absolute;bottom: 0;'><span class='correct_input' style='color:"+(next_char.length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+(already_input.toLowerCase().replace(/ /g, '⎽').replace(/([ぁ-んー*])(\,)/g,'$1、').replace(/~/g, 'ー').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。')).substr(-localStorage.getItem('letter_scroll_kana'),localStorage.getItem('letter_scroll_kana'))+"</span>"+"<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>" + String(next_char[0] || []).toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/~/g, 'ー') + "</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_kana.join('').toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/ /g, '  ').replace(/~/g, 'ー') + "</span></span>");

}else{
kashi_kanamode_html = "<span><span class='correct_input' style='color:"+(next_char.length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+already_input.toLowerCase().replace(/ /g, '⎽').replace(/([ぁ-んー*])(\,)/g,'$1、').replace(/~/g, 'ー').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。')+"</span>"+"<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>" + String(next_char[0] || []).toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/~/g, 'ー') + "</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_kana.join('').toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/ /g, '  ').replace(/~/g, 'ー') + "</span>");
}

//DOMにタイピングワードを表示
$(".kana_mode_input_dom").html(kashi_kanamode_html);


//ローマ字モードの表示(ローマ・かな表示両方)
}else if(!kana_mode){

//スクロールモード
if($("[value=letter_scroll]").prop("checked")){
kashi_kana_html = "<span style='position: absolute;bottom: 0;'><span class='correct_input' style='color:"+(next_char[0].length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+(already_input.toLowerCase().replace(/ /g, '⎽').replace(/([ぁ-んー*])(\,)/g,'$1、').replace(/~/g, 'ー').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。')).substr(-localStorage.getItem('letter_scroll_kana'),localStorage.getItem('letter_scroll_kana'))+"</span>"+"<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>" + String(next_char[0] || []).toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/~/g, 'ー') + "</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_kana.join('').toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/ /g, '  ').replace(/~/g, 'ー') + "</span></span>");
kashi_roma_html = "<span style='position: absolute;bottom: 0;'><span class='correct_input' style='color:"+(next_char[0].length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+(already_input_roma.replace(/ /g, '⎽')).substr(-localStorage.getItem('letter_scroll_roma'),localStorage.getItem('letter_scroll_roma'))+"</span>" + String(next_char[1] || '').replace(/(.)(\S*)/, "<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>$1</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>$2</span>") + "<span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_roma.join('')+ "</span></span>");

//英単語をハイライトするモード
if($("[value=eng_highlight]").prop("checked")){
if(next_char[0].length != 0 && line_input_kana.length != 0 && typeof lyrics_array[count-1] !== 'undefined'){
if(/[a-zA-Z0-9|%|'|!|\?|\,|\.|"|&|\-]/.test(next_char[0][0]) && /[a-zA-Z0-9|%|'|!|\?|\,|\.|"|&|\-]/.test(line_input_kana[0][0])){
if( /[ぁ-ん|ヴ|ゔ|ー|、|。|\s]/.test(line_input_kana.join('')) || /[ぁ-ん|ヴ|ゔ|ー|、|。|\s]/.test(lyrics_array[count-1][2]) ){
kashi_kana_html ="<span style='position: absolute;bottom: 0;'><span class='correct_input' style='color:"+(next_char[0].length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+(already_input.toLowerCase().replace(/ /g, '⎽').replace(/([ぁ-んー*])(\,)/g,'$1、').replace(/~/g, 'ー').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。')).substr(-localStorage.getItem('letter_scroll_kana'),localStorage.getItem('letter_scroll_kana'))+"</span>"+"<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>" + String(next_char[0] || []).toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/~/g, 'ー') + "</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_kana.join('').toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/ /g, '  ').replace(/~/g, 'ー')).replace(/([a-zA-Z0-9|%|'|!|\?|\,|\.|"|&|\-]+[\s]?)(.*)/,"<span style='color:"+localStorage.getItem('first_color1')+";'>$1</span>$2") + "</span></span>";
}
}
}
}
//非スクロールモード
}else if(!$("[value=letter_scroll]").prop("checked")){
kashi_kana_html = "<span><span class='correct_input' style='color:"+(next_char[0].length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+already_input.toLowerCase().replace(/ /g, '⎽').replace(/([ぁ-んー*])(\,)/g,'$1、').replace(/~/g, 'ー').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。')+"</span>"+"<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>" + String(next_char[0] || []).toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/~/g, 'ー') + "</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_kana.join('').toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/ /g, '  ').replace(/~/g, 'ー') + "</span>");
kashi_roma_html = "<span><span class='correct_input' style='color:"+(next_char[0].length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+already_input_roma.replace(/ /g, '⎽')+"</span>" + String(next_char[1] || '').replace(/(.)(\S*)/, "<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>$1</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>$2</span>") + "<span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_roma.join('')+ "</span>");

//英単語をハイライトするモード
if($("[value=eng_highlight]").prop("checked")){
if(next_char[0].length != 0 && line_input_kana.length != 0 && typeof lyrics_array[count-1] !== 'undefined'){
if(/[a-zA-Z0-9|%|'|!|\?|\,|\.|"|&|\-]/.test(next_char[0][0]) && /[a-zA-Z0-9|%|'|!|\?|\,|\.|"|&|\-]/.test(line_input_kana[0][0])){
if( /[ぁ-ん|ヴ|ゔ|ー|、|。|\s]/.test(line_input_kana.join('')) || /[ぁ-ん|ヴ|ゔ|ー|、|。|\s]/.test(lyrics_array[count-1][2]) ){
kashi_kana_html ="<span><span class='correct_input' style='color:"+(next_char[0].length == 0 ? localStorage.getItem('lineclear_color') : localStorage.getItem('correctword_color'))+";'>"+already_input.toLowerCase().replace(/ /g, '⎽').replace(/([ぁ-んー*])(\,)/g,'$1、').replace(/~/g, 'ー').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。')+"</span>"+"<span style='color:"+localStorage.getItem('first_color1')+";'><span class='input_letter' data-kana='・' style='color:"+localStorage.getItem('miss_color')+"!important;'></span>" + String(next_char[0] || []).toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/~/g, 'ー') + "</span><span class='typing_word' style='color:"+localStorage.getItem('word_color')+";'>" + String(line_input_kana.join('').toLowerCase().replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\,)/g,'$1、').replace(/([ぁ-ん|ヴ|ゔ|ー|、|。*])(\.)(?!\.)/g,'$1。').replace('\,',kanma).replace('\.',period).replace(/ /g, '  ').replace(/~/g, 'ー')).replace(/([a-zA-Z0-9|%|'|!|\?|\,|\.|"|&|\-]+[\s]?)(.*)/,"<span style='color:"+localStorage.getItem('first_color1')+";'>$1</span>$2") + "</span>";
}
}
}
}

}

//DOMにタイピングワードを表示
$(".roma_input_dom").html(kashi_roma_html);
$(".kana_input_dom").html(kashi_kana_html);
}

}


function shortcut_key_esc_enter(){
//ショートカットキー
if(event.keyCode == 27){//Escでポーズ・再生(プレイ開始のショートカットキーとしても使用可)
event.preventDefault();
if(!is_played){
player.playVideo()
}else if(is_played) {
if(player.getPlayerState() == 1){
    player.pauseVideo()
}else{
    player.playVideo()
}
}
}
if(finished && event.keyCode == 13 && !ranking){//曲終了、Enterキーで記録送信
            submit_score();
            ranking = true;
}
}

$("<span>(F10)</span>").insertAfter('#speed')
function shortcut_key_playing(){
    if(event.keyCode ==121) {//F10で倍速
            speedup();
            event.preventDefault();
    }else if(event.keyCode ==9) {//TABキー、Firefoxのクイック検索ショートカットキーを無効化
        event.preventDefault();
        }
    if(event.keyCode == 32 && $("#skip_guide").text() == "Type Space key to skip. ⏩"){//スペースキーでスキップ
toggle_skip();
window.setTimeout(toggle_skip, 25);


}
}

function typesound_and_miss_effect(){
if(next_char[0]){

if(combo){
if(already_input_roma.length == 1 ||already_input.length == 1){
latency_flag=true
}
if($("[value=combo_display]").prop("checked")){
if(combo>=1 && $("[value=combo_animation]").prop("checked")){
$("#combo_stat2").html("<div style='color:"+localStorage.getItem('combo_color')+";' class='combo_animated'id='combo_anime'>"+combo+"</div>")
}else if(combo>=1 && !$("[value=combo_animation]").prop("checked")){
$("#combo_stat2").html("<div style='color:"+localStorage.getItem('combo_color')+";'>"+combo+"</div>")
}
}

if (!completed){//combo継続中
latency_flag=true
$("span").removeClass("missmark");//ミス表示削除
if ($("[value=type_sound]").prop("checked")) {//打鍵音
key_type_play()
}
}else if(!clear_sound_flag){
clear_sound_flag=true
if($("[value=combo_display]").prop("checked")){
if($("[value=combo_animation]").prop("checked")){
$("#combo_stat2").html("<div style='color:"+localStorage.getItem('combo_color')+";' class='combo_animated'id='combo_anime'>"+combo+"</div>")
}else if(!$("[value=combo_animation]").prop("checked")){
$("#combo_stat2").html("<div style='color:"+localStorage.getItem('combo_color')+";'>"+combo+"</div>")
}
}
if($("[value=clear_sound]").prop("checked")){
clear_type_play()
}else if(!$("[value=clear_sound]").prop("checked") && $("[value=type_sound]").prop("checked")){
key_type_play()
}
}
if(combo >= 100){//100combo以上のフラグON
    combo100 = true;
}
}else if(miss_combo){//ミス継続中
if($("[value=combo_display]").prop("checked")){
$("#combo_stat2").html("<div style='color:"+localStorage.getItem('combo_color')+";'>"+0+"</div>")
}
if($("[value=miss_sound]").prop("checked")) {//ミス音
if(!combo100){//ミス音

miss_type_play()

}else if(combo100){//100 combo以上でミスするとcombo break音
if($("[value=combo_break_sound]").prop("checked")){
    combo_break.play();
}
miss_type_play()
    combo100 = false;//フラグOFF
}
}
    if($("[value=miss_on]").prop("checked")){//ミス表示を追加
        if (mode == 'kana') {//かな表示専用のミス表示
if(/[\u3042\u3044\u3046\u3048\u304a-\u3062\u3064-\u3082\u3084\u3086\u30F4\u3088-\u3094\u0025\u30FC\uFF5E]+$/.test(next_char[0][0])){//全角全角数字%ヴ
            $("#kashi_roma .input_letter").addClass("missmark");
}else if(/[\u3041\u3043\u3045\u3047\u3049\u3063\u3083\u3085\u3087\u0023\u0040\uFF41-\uFF5A\uFF21-\uFF3A]+$/.test(next_char[0][0])){//ぁぃぅぇぉっゃゅょ#@全角英字大文字小文字
            $("#kashi_roma .input_letter").addClass("missmark1");
}else if(/[\u006E\u0070\u0071\u0075\u0026\u0067\u006B]+$/.test(next_char[0][0])){//npqu&gk
            $("#kashi_roma .input_letter").addClass("missmark2");
}else if(/[\u0063\u0064\u0065\u006F\u0068\u0062\u0054]+$/.test(next_char[0][0])){//cdeogT
            $("#kashi_roma .input_letter").addClass("missmark3");
}else if(/[\u0078\u0079\u0061\u0024]+$/.test(next_char[0][0])){//xya$
            $("#kashi_roma .input_letter").addClass("missmark4");
}else if(/[\u003F\u0076\u0072\u0073\u007A]+$/.test(next_char[0][0])){//?vsrz
            $("#kashi_roma .input_letter").addClass("missmark5");
}else if(/[\u006A\u0066\u0074]+$/.test(next_char[0][0])){//jft
            $("#kashi_roma .input_letter").addClass("missmark6");
}else if(/[\u0021]+$/.test(next_char[0][0])){//!
            $("#kashi_roma .input_letter").addClass("missmark7");
}else if(/[\u002C\u002E\s]+$/.test(next_char[0][0])){//,.半角スペース
            $("#kashi_roma .input_letter").addClass("missmark8");
}else if(/[\u0027\u0069\u006C]+$/.test(next_char[0][0])){//'il
            $("#kashi_roma .input_letter").addClass("missmark9");
}else if(/[\u006D\uFF10-\uFF19]+$/.test(next_char[0][0])){//全角数字m
            $("#kashi_roma .input_letter").addClass("missmark10");
}else if(/[\u0077\u004D]+$/.test(next_char[0][0])){//wM
            $("#kashi_roma .input_letter").addClass("missmark11");
}else if(/[\u0041-\u0044\u004B\u004C\u0052\u0055]+$/.test(next_char[0][0])){//ABCDKLRU
            $("#kashi_roma .input_letter").addClass("missmark12");
}else if(/[\u0045\u0046\u0050\u0059\u005A\u0030-\u0039]+$/.test(next_char[0][0])){//EFYZ半角01234566789
            $("#kashi_roma .input_letter").addClass("missmark13");
}else if(/[\u0047\u0048\u004E\u0051]+$/.test(next_char[0][0])){//GHNQ
            $("#kashi_roma .input_letter").addClass("missmark14");
}else if(/[\u0049\u004A\u0022]+$/.test(next_char[0][0])){//IJ"
            $("#kashi_roma .input_letter").addClass("missmark15");
}else if(/[\u004F]+$/.test(next_char[0][0])){//O
            $("#kashi_roma .input_letter").addClass("missmark16");
}else if(/[\u0053\u0056\u0058\u002F]+$/.test(next_char[0][0])){//SVX/
            $("#kashi_roma .input_letter").addClass("missmark17");
}else if(/[\u0057]+$/.test(next_char[0][0])){//W
            $("#kashi_roma .input_letter").addClass("missmark18");
}else if(/[\u002D]+$/.test(next_char[0][0])){//-
            $("#kashi_roma .input_letter").addClass("missmark19");
}else if(/[\u003D\u007E]+$/.test(next_char[0][0])){//=~
            $("#kashi_roma .input_letter").addClass("missmark20");
}
}else if (mode == 'roma') {//ローマ字表示専用のミス表示
if(/[\u3042\u3044\u3046\u3048\u304a-\u3062\u3064-\u3082\u3084\u3086\u3088-\u3094\u0025\u30FC\uFF5E]+$/.test(next_char[1][0])){//全角全角数字%
            $("#kashi_roma .input_letter").addClass("missmark");
}else if(/[\u3041\u3043\u3045\u3047\u3049\u3063\u3083\u3085\u3087\u0023\u0040\uFF41-\uFF5A\uFF21-\uFF3A]+$/.test(next_char[1][0])){//ぁぃぅぇぉっゃゅょ#@全角英字大文字小文字
            $("#kashi_roma .input_letter").addClass("missmark1");
}else if(/[\u006E\u0070\u0071\u0075\u0026\u0067\u006B]+$/.test(next_char[1][0])){//npqu&gk
            $("#kashi_roma .input_letter").addClass("missmark2");
}else if(/[\u0063\u0064\u0065\u006F\u0068\u0062\u0054]+$/.test(next_char[1][0])){//cdeogT
            $("#kashi_roma .input_letter").addClass("missmark3");
}else if(/[\u0078\u0079\u0061\u0024]+$/.test(next_char[1][0])){//xya$
            $("#kashi_roma .input_letter").addClass("missmark4");
}else if(/[\u003F\u0076\u0072\u0073\u007A]+$/.test(next_char[1][0])){//?vsrz
            $("#kashi_roma .input_letter").addClass("missmark5");
}else if(/[\u006A\u0066\u0074]+$/.test(next_char[1][0])){//jft
            $("#kashi_roma .input_letter").addClass("missmark6");
}else if(/[\u0021]+$/.test(next_char[1][0])){//!
            $("#kashi_roma .input_letter").addClass("missmark7");
}else if(/[\u002C\u002E\s]+$/.test(next_char[1][0])){//,.半角スペース
            $("#kashi_roma .input_letter").addClass("missmark8");
}else if(/[\u0027\u0069\u006C]+$/.test(next_char[1][0])){//'il
            $("#kashi_roma .input_letter").addClass("missmark9");
}else if(/[\u006D\uFF10-\uFF19]+$/.test(next_char[1][0])){//全角数字m
            $("#kashi_roma .input_letter").addClass("missmark10");
}else if(/[\u0077\u004D]+$/.test(next_char[1][0])){//wM
            $("#kashi_roma .input_letter").addClass("missmark11");
}else if(/[\u0041-\u0044\u004B\u004C\u0052\u0055]+$/.test(next_char[1][0])){//ABCDKLRU
            $("#kashi_roma .input_letter").addClass("missmark12");
}else if(/[\u0045\u0046\u0050\u0059\u005A\u0030-\u0039]+$/.test(next_char[1][0])){//EFYZ半角01234566789
            $("#kashi_roma .input_letter").addClass("missmark13");
}else if(/[\u0047\u0048\u004E\u0051]+$/.test(next_char[1][0])){//GHNQ
            $("#kashi_roma .input_letter").addClass("missmark14");
}else if(/[\u0049\u004A\u0022]+$/.test(next_char[1][0])){//IJ"
            $("#kashi_roma .input_letter").addClass("missmark15");
}else if(/[\u004F]+$/.test(next_char[1][0])){//O
            $("#kashi_roma .input_letter").addClass("missmark16");
}else if(/[\u0053\u0056\u0058\u002F]+$/.test(next_char[1][0])){//SVX/
            $("#kashi_roma .input_letter").addClass("missmark17");
}else if(/[\u0057]+$/.test(next_char[1][0])){//W
            $("#kashi_roma .input_letter").addClass("missmark18");
}else if(/[\u002D]+$/.test(next_char[1][0])){//-
            $("#kashi_roma .input_letter").addClass("missmark19");
}else if(/[\u003D\u007E]+$/.test(next_char[1][0])){//=~
            $("#kashi_roma .input_letter").addClass("missmark20");
}
}
    }
}
}



}

$(window).keydown(function(e){
shortcut_key_esc_enter()
if(is_played && !finished){
//if(lyrics_array[count-1][2] && count >= 1 && nokorimoji){
// 入力ラインの描画アップデート
//   updateLineView();
//}
if(player.getPlayerState() == 1 || play_mode=="practice"){
shortcut_key_playing()

//ランキングのスコアを抜かした時の処理
if((parseInt(score)/20)/100 >= ranking_array[0]){//次の目標スコアを超えた時

for(var i = 0; i < $(".list-group ").find(".player_ranking").length; i++){//現在の自分のスコアより下のスコアを削除
ranking_array.shift();
    if((parseInt(score)/20)/100 < ranking_array[0]){//目標スコアが自分のスコアより高くなったらループ終わり
        break;
    }
}
}

    switch(e.keyCode){//Typing Tubeで有効なキーコード
case 32://Space
case 65://a
case 66://b
case 67://c
case 68://d
case 69://e
case 70://f
case 71://g
case 72://h
case 73://i
case 74://j
case 75://k
case 76://l
case 77://m
case 78://n
case 79://o
case 80://p
case 81://q
case 82://r
case 83://s
case 84://t
case 85://u
case 86://v
case 87://w
case 88://x
case 89://y
case 90://z
case 48://0
case 49://1
case 50://2
case 51://3
case 52://4
case 53://5
case 54://6
case 55://7
case 56://8
case 57://9
//case 187://+
case 188://,
case 189://-(chrome)
case 190://.
//case 222://^
case 191:///
case 219://[
case 173://-(firefox)
//case 160://^(firefox)
//case 59://+(firefox)
/*
//かな入力
case 33:
case 34:
case 35:
case 36:
case 37:
case 38:
case 39:
case 40:
case 41:
case 113://9
case 119://9
case 101://9
case 114://9
case 116://9
case 121://9
case 117://9
case 105://9
case 111://9
case 112://9
case 64://9
case 97://9
case 115://9
case 100://9
case 102://9
case 103://9
case 104://9
case 106://9
case 107://9
case 108://9
case 122://9
case 120://9
case 99://9
case 118://9
case 98://9
case 110://9
case 109://9://9
case 64://9
//かな入力ここまで
*/
if(play_mode == 'normal'){
if(combo && next_char[1] && !completed){
nokorimoji = next_char[1]+line_input_roma.join('')
}else if(completed){
nokorimoji=""
}
}
else if(play_mode=="practice"){
if (player.getPlayerState() !=2 && !completed && next_char[1]){
nokorimoji = next_char[1]+line_input_roma.join('')
}else if(player.getPlayerState() == 2 && completed && !next_char[1] && !practice_failure){
    kpmlog.push((line_typingspeed).toFixed(2))
    rkpmlog.push((line_typingspeed_rkpm).toFixed(2))
    nokorimoji_log.push(nokorimoji)
    line_misscount.push((typing_miss_count-misstyping_count_save))
    latencylog.push(latency.toFixed(3))
practice_failure=true
         }else if(completed){
nokorimoji=""

}
}
typesound_and_miss_effect()
update_status();
}
}}
})


/**
*@プレイ中の処理変更 ここまで---
*/
/////////////////////////////////////////////////////////////////////////////////////////////////
var combo_break;
//効果音ロード
function load_sound(){
    combo_break = new Audio();
    combo_break.src = "/sounds/combo_break.mp3";
    combo_break.preload
}
window.AudioContext = window.AudioContext || window.webkitAudioContext;
var key_type = new AudioContext();
var miss_type = new AudioContext();
var clear_type = new AudioContext();

key_type_load();
function key_type_load(){
var request_key_type = new XMLHttpRequest();
request_key_type.open('GET', "/sounds/key_type.mp3", true);
request_key_type.responseType = 'arraybuffer';
request_key_type.onload = function() {
        key_type.decodeAudioData(request_key_type.response, function(buffer) {
                audio_buffer_key_type = buffer;
        }, function(){
                //エラー
        }
        );
};
request_key_type.send();
}
function key_type_play(){
var key_type_gain = key_type.createGain();
var key_type_source = key_type.createBufferSource();
key_type_source.buffer = audio_buffer_key_type;
key_type_source.connect(key_type_gain);
key_type_gain.connect(key_type.destination);
if (is_played && !finished) {
if($("[value=Interlocking_volume]").prop("checked")){
if($('#volume').text()){
key_type_gain.gain.value = ($('#volume').text()/100)
}}
    else{
key_type_gain.gain.value = $('[name="effect_volume_type"]').val()/100
}}
key_type_source.start(0);
}
miss_type_load();
function miss_type_load(){
var request_miss_type = new XMLHttpRequest();
request_miss_type.open('GET', "/sounds/miss_type.mp3", true);
request_miss_type.responseType = 'arraybuffer';
request_miss_type.onload = function() {
        miss_type.decodeAudioData(request_miss_type.response, function(buffer) {
                audio_buffer_miss_type = buffer;
        }, function(){
                //エラー
        }
        );
};
request_miss_type.send();
}
function miss_type_play(){
var miss_type_gain = miss_type.createGain();
var miss_type_source = miss_type.createBufferSource();
miss_type_source.buffer = audio_buffer_miss_type;
miss_type_source.connect(miss_type_gain);
miss_type_gain.connect(miss_type.destination);
if (is_played && !finished) {
if($("[value=Interlocking_volume]").prop("checked")){
if($('#volume').text()){
miss_type_gain.gain.value = ($('#volume').text()/100)
}}
    else{
miss_type_gain.gain.value = $('[name="effect_volume_type"]').val()/100
}}
miss_type_source.start(0);
}
clear_type_load();
function clear_type_load(){
var request_clear_type = new XMLHttpRequest();
request_clear_type.open('GET', "/sounds/clear_type.mp3", true);
request_clear_type.responseType = 'arraybuffer';
request_clear_type.onload = function() {
        clear_type.decodeAudioData(request_clear_type.response, function(buffer) {
                audio_buffer_clear_type = buffer;
        }, function(){
                //エラー
        }
        );
};
request_clear_type.send();
}
function clear_type_play(){
var clear_type_gain = clear_type.createGain();
var clear_type_source = clear_type.createBufferSource();
clear_type_source.buffer = audio_buffer_clear_type;
clear_type_source.connect(clear_type_gain);
clear_type_gain.connect(clear_type.destination);
if (is_played && !finished) {
if($("[value=Interlocking_volume]").prop("checked")){
if($('#volume').text()){
clear_type_gain.gain.value = ($('#volume').text()/100)
}}
    else{
clear_type_gain.gain.value = $('[name="effect_volume_type"]').val()/100
}}
clear_type_source.start(0);
}

//設定リセット関数
function setting_reset(){
    var res = confirm("チェックボックス・効果音音量・スクロール量を初期設定に戻します。よろしいですか?");
    if( res == true ) {
$("[value=miss_on],[value=anime_count],[value=font_Gothic],[value=bolding],[value=default],[value=sub],[value=Interlocking_volume],[value=sec],[value=skip_guide],[value=score],[value=miss],[value=acc],[value=combo_counter],[value=type_counter],[value=clear_counter]").prop('checked', true);
$("[value=next_lyric_hidden],[value=character_spacing],[value=letter_scroll],[value=line_hidden],[value=eng_highlight],[value=type_sound],[value=miss_sound],[value=clear_sound],[value=combo_break_sound],[value=combo_display]").prop('checked', false);
$("[name=effect_volume_type],[name=effect_volume_miss],[name=effect_volume_clear]").val(70)
$('[name="letter_scroll_roma"]').val(16)
$('[name="letter_scroll_kana"]').val(10)
$('[name="font_size_kana"],[name="font_size_roma"]').val(17.5)

setting_change()
    }

}
function effectcolor_reset(){
    var res = confirm("エフェクト色をデフォルトに戻します。よろしいですか?");
    if( res == true ) {
$("[name=miss_color]").val("#FF3554")
$("[name=miss_color]").css({'cssText':'background-color: rgb(255, 53, 84); color: rgb(255, 255, 255);'});
$("[name=countdown_color]").val("rgba(255,255,255,0.9)")
$("[name=countdown_color]").css({'cssText':'background-color:rgba(255,255,255,0.9); color: rgb(0, 0, 0);'});
$("[name=skipguide_color]").val("rgba(255,255,255,0.53)")
$("[name=skipguide_color]").css({'cssText':'background-color:rgba(255,255,255,0.53); color: rgb(0, 0, 0);'});
$("[name=combo_color]").val("#FFFFFF")
$("[name=combo_color]").css({'cssText':'background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);'});
}
}
function playareacolor_reset(){
    var res = confirm("背景カラーをデフォルトに戻します。よろしいですか?");
    if( res == true ) {
$("[name=playarea_color]").val("rgba(255,255,255,0)")
$("[name=miss_color]").css({'cssText':'background-color: transparent; color: rgb(0, 0, 0);'});
$('[name="playarea_radius"]').val(0)
$("[name=futidori_theme]").val("none").prop('selected', true)
$("[name=futidori_color]").val("#FFFFFF")
$("[name=futidori_color]").css({'cssText':'background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);'});
$("[name=futidori_border-width]").val('medium').prop('selected', true);
    localStorage.setItem('futidori_theme','none')

}
}
function linecolor_reset(){
    var res = confirm("ラインカラーをデフォルトに戻します。よろしいですか?");
    if( res == true ) {
$("[name=line_color]").val("#17a2b8")
$("[name=line_color]").css({'cssText':'background-color: rgb(23, 162, 184); color: rgb(255, 255, 255);'});
$("[name=line_color2]").val("#ffc107")
$("[name=line_color2]").css({'cssText':'background-color: rgb(255, 193, 7); color: rgb(0, 0, 0);'});
$("[name=line_empty_color],[name=line_empty_color2]").val("#f5f5f5")
$("[name=line_empty_color],[name=line_empty_color2]").css({'cssText':'background-color: rgb(245, 245, 245); color: rgb(0, 0, 0);'});
}
}

function subtextcolor_reset(){
    var res = confirm("ステータス/コントロール文字色をデフォルトに戻します。よろしいですか?");
    if( res == true ) {
$("[name=status_color]").val("#FFFFFF")
$("[name=status_color]").css({'cssText':'background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);'});
$("[name=me_color]").val("#20c997")
$("[name=me_color]").css({'cssText':'background-color: rgb(32, 201, 151); color: rgb(255, 255, 255);'});
$("[name=control_color]").val("rgba(255,255,255,.85);")
$("[name=control_color]").css({'cssText':'background-color: rgba(255, 255, 255, 0.85); color: rgb(0, 0, 0);'});
}
}

function color_default(){
$("[name=first_color],[name=lyric_color],[name=word_color]").val("#FFFFFF")
$("[name=first_color],[name=lyric_color],[name=word_color]").css({'cssText':'background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);'});
$("[name=correctword_color]").val("#0099CC")
$("[name=correctword_color]").css({'cssText':'background-color: rgb(0, 153, 204); color: rgb(255, 255, 255);'});
$("[name=lineclear_color]").val("#1eff52")
$("[name=lineclear_color]").css({'cssText':'background-color: rgb(30, 255, 82); color: rgb(255, 255, 255);'});
$("[name=next_lyrics_color]").val("rgba(255,255,255,.7)")
$("[name=next_lyrics_color]").css({'cssText':'background-color: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0);'});
}
function letter_red(){
$("[name=first_color]").val("#FF0000")
$("[name=first_color]").css({'cssText':'background-color: rgb(255, 0, 0);color: rgb(255, 255, 255);'});
$("[name=lyric_color],[name=word_color]").val("#FFFFFF")
$("[name=lyric_color],[name=word_color]").css({'cssText':'background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);'});
$("[name=correctword_color]").val("#919395")
$("[name=correctword_color]").css({'cssText':'background-color: rgb(145, 147, 149); color: rgb(255, 255, 255);'});
$("[name=lineclear_color]").val("#919395")
$("[name=lineclear_color]").css({'cssText':'background-color: rgb(145, 147, 149); color: rgb(255, 255, 255);'});
$("[name=next_lyrics_color]").val("rgba(255,255,255,.7)")
$("[name=next_lyrics_color]").css({'cssText':'background-color: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0);'});
}



//設定・「歌詞を見る」を選択したときに出るwindow
function mod_setting_open() {
//モーダルウィンドウを出現させるクリックイベント
$(".fa-cog").click( function () {

    //キーボード操作などにより、オーバーレイが多重起動するのを防止する
    $( this ).blur();  //ボタンからフォーカスを外す
    if ( $( "#modal-overlay" )[0] ) return false;       //新しくモーダルウィンドウを起動しない (防止策1)

    //オーバーレイを出現させる
$("body").append('<div id="modal-overlay" style="z-index:888;display:none;position:fixed;top:0;left:0;width:100%;height:120%;"></div>');
    $( "#modal-overlay" ).fadeIn( "fast" );

    //コンテンツをセンタリングする
    centering();

    //コンテンツをフェードインする
    $("#mod_setting").fadeIn( "fast" );
    //[#modal-overlay]、をクリックしたら#mod_settingを閉じる
    $( "#modal-overlay,#modal-close" ).unbind().click( function () {
        $( "#mod_setting,#modal-overlay" ).fadeOut( "fast" , function () {
            //[#modal-overlay]を削除する
            $('#modal-overlay').remove();
        });
    });
});

$( window ).resize( centering );
    //センタリングを実行する関数
    function centering() {

        //画面(ウィンドウ)の幅、高さを取得
        var w = $( window ).width();
        var h = $( window ).height();

        // コンテンツ(#mod_setting)の幅、高さを取得
        var cw = $("#mod_setting").outerWidth();
        var ch = $("#mod_setting").outerHeight();

        //センタリングを実行する

            $("#mod_setting").css( {"left": ((w - cw))+ "px","top": ((h - ch)/4.4) + "px"} );
    }
}
function typing_lyric_open(){
    $(function(){

//モーダルウィンドウを出現させるクリックイベント
$("#modal-open").click( function(){

    //キーボード操作などにより、オーバーレイが多重起動するのを防止する
    $( this ).blur() ;  //ボタンからフォーカスを外す
    if( $( "#modal-overlay1" )[0] ) return false ;      //新しくモーダルウィンドウを起動しない (防止策1)
    //if($("#modal-overlay")[0]) $("#modal-overlay").remove() ;     //現在のモーダルウィンドウを削除して新しく起動する (防止策2)

    //オーバーレイを出現させる
$("body").append('<div id="modal-overlay1" style="z-index:888;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,.8);"></div>');
    $( "#modal-overlay1" ).fadeIn( "nomal" ) ;

    //コンテンツをセンタリングする
    centeringModalSyncer() ;

    //コンテンツをフェードインする
    $( "#typing_lyrics" ).fadeIn( "nomal" ) ;

    //[#modal-overlay]、または[#modal-close]をクリックしたら…
    $( "#modal-overlay1" ).unbind().click( function(){

        //[#modal-content]と[#modal-overlay]をフェードアウトした後に…
        $( "#typing_lyrics,#modal-overlay1" ).fadeOut( "nomal" , function(){

            //[#modal-overlay]を削除する
            $('#modal-overlay1').remove() ;

        } ) ;

    } ) ;

} ) ;

//リサイズされたら、センタリングをする関数[centeringModalSyncer()]を実行する
$( window ).resize( centeringModalSyncer ) ;

    //センタリングを実行する関数
    function centeringModalSyncer() {

        //画面(ウィンドウ)の幅、高さを取得
        var w = $( window ).width() ;
        var h = $( window ).height() ;

        // コンテンツ(#modal-content)の幅、高さを取得
        // jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。
//      var cw = $( "#modal-content" ).outerWidth( {margin:true} );
//      var ch = $( "#modal-content" ).outerHeight( {margin:true} );
        var cw = $( "#typing_lyrics" ).outerWidth();
        var ch = $( "#typing_lyrics" ).outerHeight();

        //センタリングを実行する

        $( "#typing_lyrics" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ) ;
        }
} ) ;
}

//#status変更(update_status関数を上書き)
function evalInPage(fun) {
  location.href = "javascript:void (" + fun + ")()";
}
evalInPage(function () {

update_status = function(){
let correct = typing_count / (typing_miss_count + typing_count) * 100.0;
if (isNaN(correct)) {
          correct = 0;
}


if(!lyrics_array[count+1] && !next_char[1] || finished){
$("#status").html(
(Math.floor(parseInt(score)/20)/100).toFixed(2)+"<br>"+
typing_miss_count + "miss<span style='display:block;line-height:0;margin-bottom:15.5px;font-size:95%;font-weight:normal;' ><span style='font-size:75%;'>正確率</span><span style='font-size:85%;'>:"+(correct.toFixed(1)).replace(".0","")+"%</span></span>"+
"<span style='margin-top:1.5px;'><span style='position:relative;top:-1.5px;'>"+combo+"</span><span style='position:relative;top:1.5px;font-size:80%;'>/"+max_combo+"<span style='font-size: 110%;'>combo</span></span></span><br>"+
"<span style='margin-top:1.5px;'><span style='position:relative;top:-1.5px;'>"+typing_count + "</span><span style='position:relative;top:1.5px;font-size:80%;'>/" + (200000 / score_per_char).toFixed(0) + "</span><span style='position:relative;top:0.5px;font-size:105%;'>打</span></span><br>"+
complete_count + "<span style='font-size:90%;'>clear</span>["+(typing_array.filter( v => !!( '' + v )).length-failer_count)+"]<span style='font-size:90%;'>line</span>");
}else{
$("#status").html(
"<span class='score'>"+(Math.floor(parseInt(score)/20)/100).toFixed(2)+"</span>"+
"<span class='miss'>"+typing_miss_count + "miss</span><span class='acc'><span style='font-size:75%;font-weight:normal;'>正確率</span><span style='font-size:85%;'>:"+(correct.toFixed(1)).replace(".0","")+"%</span></span>"+
"<span class='combo_counter'>"+combo+"combo</span>"+
"<span class='type_counter' style='margin-top:1.5px;'><span style='position:relative;top:-1.5px;margin-top:1.5px;'>"+typing_count + "</span><span style='position:relative;top:1.5px;font-size:80%;'>/" + (200000 / score_per_char).toFixed(0) + "</span><span style='position:relative;top:0.5px;font-size:105%;'>打</span></span>"+
"<span class='clear_counter'>"+complete_count + "<span style='font-size:90%;'>clear</span>["+(typing_array.filter( v => !!( '' + v )).length-failer_count)+"]<span style='font-size:90%;'>line</span></span>");
}
update_skip();

}
})

playheadUpdate = function () {
        if(finished) { return; }
        player.f.blur();
        var headtime = player.getCurrentTime() + player.difftime;
        $("#bar").css("width", parseInt((headtime / player.getDuration())*100)+"%");
        if(lyrics_array[count].length == 3 && time_buf != headtime && !completed){
          playing_sec = headtime - time_buf;
          time_buf = headtime;
        }
        if(skip != false && (completed || lyrics_array[count-1][2] == '' || !lyrics_array[count-1][2])){
          if(lyrics_array[count][0] - headtime > skip && seeked_count != count) {
            player.seekTo(parseFloat(lyrics_array[count][0]) + player.difftime - skip);
            seeked_count = count;
            stop_count = 0;
            playheadUpdate();
          }
        }
        if(count > 0){
          var t1 = ((headtime - lyrics_array[count-1][0]) / (lyrics_array[count][0] - lyrics_array[count-1][0]))*100.0;
          if(t1 > 100) { t1=100;};
          if((count % 2) == 0) {
            if (Math.abs($("#bar_input0")[0].per === undefined || Math.abs($("#bar_input0")[0].per - t1)) > 2) {
              $("#bar_input0").css("width", (t1)+"%").show();
              $("#bar_input1").css("width", "0%").hide();
              $("#bar_input1")[0].per = 0;
              $("#bar_input0")[0].per = t1;
            }
          } else {
            if (Math.abs($("#bar_input1")[0].per === undefined || Math.abs($("#bar_input1")[0].per - t1)) > 2) {
              $("#bar_input1").css("width", (t1)+"%").show();
              $("#bar_input0").css("width", "0%").hide();
              $("#bar_input0")[0].per = 0;
              $("#bar_input1")[0].per = t1;
            }
          }
        }
        if(play_mode == 'practice' && count > 0 && lyrics_array[count-1].length > 2 && lyrics_array[count-1][2].length != 0  && lyrics_array[count][0] - 0.5 <= headtime) {
          if(!completed) {
            if(player.getPlayerState() == 1) {
              createjs.Ticker.removeEventListener('tick');
              player.pauseVideo();
            }
            return;
          }
        }
        if(lyrics_array[count][0] <= headtime){
          if(lyrics_array[count][1] == "end") {
            finished = true;
            stop_movie();
            return;
          }
          if(count > 0 && lyrics_array[count].length == 3) {
            if(line_input.length == 0 || completed) {
              //complete_count = complete_count + 1;
            } else {
              failer_count = failer_count + 1;
            }
            clearForNextString();
          }
          $("#kashi").html('<ruby>&#8203;<rt>&#8203;</rt></ruby>&nbsp;'+lyrics_array[count][1]);
          $("#kashi_next").html('<ruby>&#8203;<rt>&#8203;</rt></ruby>&nbsp;'+lyrics_array[count+1][1]);
          if(lyrics_array[count].length == 3) {
            line_input = typing_array[count];
            line_input_kana = typing_array_kana[count];
            if(kana_mode) {
              line_input_kana = line_input_kana.join('').split('');
            }
            line_input_roma = typing_array_roma[count];
            if(line_input.length > 0) {
              next_char = line_input.shift(1);
              next_char.unshift(line_input_kana.shift(1));
              line_input_roma.shift(1);
              next_point = next_char[1].length * score_per_char;
                if(next_char[0] == "ん") {
                  if(["あ", "い", "う", "え", "お", "な", "に", "ぬ", "ね", "の", "や", "ゆ", "よ", "n"].indexOf(line_input_kana[0]) == -1) {
                    flag_nn = true;
                  } else {
                    flag_nn = false;
                    next_char = ["ん", "nn", "xn"];
                  }
                }
            }else{
              next_char = [""];
              flag_nn = false;
            }
          } else {
            line_input = [];
            line_input_kana = [];
            line_input_roma = [];
            already_input = "";
            already_input_roma = "";
            next_char = [""];
            flag_nn = false;
          }
          if(kana_mode) {
updateLineView()
          } else if(mode == 'roma') {
updateLineView()
//            $("#kashi_roma").html("<span style='color:"+(next_char[0].length == 0 ? '#1e90ff' : '#09c')+"'>"+already_input_roma+"</span>" + String(next_char[1] || '') +String(line_input_roma.join('')));
          } else {
updateLineView()
//            $("#kashi_roma").html("<span style='color:"+(next_char[0].length == 0 ? '#1e90ff' : '#09c')+"'>"+already_input+"</span>" + String(next_char[0] || '')+String(line_input_kana.join('')));
          }
          count = count + 1;
          completed = false;
          time_buf = headtime;
          if(score > 199999){
            score = 200000;
          }
          update_status();
        }
      }

keydownfunc = function (event) {
        var volume = 0;
        var headtime = player.getCurrentTime();
        var chars = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
          if(event.shiftKey && event.keyCode == 38){
            skip = 2;
            update_skip();
            if (event.preventDefault) {
              event.preventDefault();
            }
          } else if(event.shiftKey && event.keyCode == 40){
            skip = false;
            update_skip();
            if (event.preventDefault) {
              event.preventDefault();
            }
          } else if( (event.keyCode > 64 && event.keyCode < 91) ||
          (event.keyCode >= 48 && event.keyCode <= 57) ||
           event.keyCode == 191 ||
          event.keyCode == 32 ||
          event.keyCode == 222 || event.keyCode == 190 ||
          event.keyCode == 189 || event.keyCode == 191 ||
          event.keyCode == 173 ||
          event.keyCode == 45 ||
          event.keyCode == 188 || event.keyCode == 219 ||
          event.keyCode == 187) {
          if(next_char.length > 1){
            var c = "";
            keymap = {
              48: function() { return "0" },
              49: function() { return "1" },
              50: function() { return "2" },
              51: function() { return "3" },
              52: function() { return "4" },
              53: function() { return "5" },
              54: function() { return "6" },
              55: function() { return "7" },
              56: function() { return "8" },
              57: function() { return "9" },
              189: function() { return "-" },
              173: function() { return "-" },
              45: function() { return "-" },
              32: function() { return " " },
              222: function() { return "\'" },
              190: function() { return "." },
              188: function() { return "," },
              191: function() { return "/" },
              219: function() { return "@" }
            }
            shift_keymap = {
              55: function() { return "'" },
              49: function() { return "!" },
              50: function() { return "\"" },
              51: function() { return "#" },
              52: function() { return "$" },
              53: function() { return "%" },
              54: function() { return "&" },
              189: function() { return "=" },
              187: function() { return "~" },
              191: function() { return "?" },
              188: function() { return "<" },
              190: function() { return ">" },
            }
            if(event.shiftKey && shift_keymap[event.keyCode]) {
              c = shift_keymap[event.keyCode]();
            } else if(keymap[event.keyCode]) {
              c = keymap[event.keyCode]();
            } else {
                c = chars[event.keyCode - 65];
            }
              if(c != "" && checkNextChar(c)){
                if(mode == 'roma') {
updateLineView()
//                  $("#kashi_roma").html("<span style='color:"+(next_char[0].length == 0 ? '#1eff52' : '#09c')+"'>"+already_input_roma.replace(/ /g, '_')+"</span>&nbsp;" + String(next_char[1] || '') + String(line_input_roma.join('').replace(/ /g, '  ')));
                } else {
updateLineView()
//                  $("#kashi_roma").html("<span style='color:"+(next_char[0].length == 0 ? '#1eff52' : '#09c')+"'>"+already_input.replace(/ /g, '_')+"</span>&nbsp;" + String(next_char[0] || []) + String(line_input_kana.join('').replace(/ /g, '  ')));

                }
                if(score > 199999) {
                  score = 200000;
                }
                $("#combo_stat").html("");
                miss_combo = 0;
                typing_count = typing_count + 1;
                type_per_min = (typing_count / (playing_sec * 60));
                combo = combo + 1;
                typinglog.push([player.getCurrentTime().toFixed(3), c, score.toFixed(), count, completed ? 1 : 0, 1]);
                if(combo > 15) {
                  $("#combo").html("combo "+combo);
                }
                if(max_combo < combo) {
                  max_combo = combo;
                }
              } else if(!completed) {
                if(flag_nn && c == 'n')  {
                  flag_nn = false;
                  typinglog.push([player.getCurrentTime().toFixed(3), c, score.toFixed, count, completed ? 1 : 0, 2]);
                } else {
                  flag_nn = false;
                  if(score > 0) {
                    score = score - (score_per_char / 4);
                  }
                  typing_miss_count = typing_miss_count + 1;
                  typinglog.push([player.getCurrentTime().toFixed(3), c, score.toFixed(), count, completed ? 1 : 0, 0]);
                  combo = 0;
                  $("#combo").html("");
                  miss_combo = miss_combo + 1;
                }
              }
            }
          } else if(event.keyCode == 40) {
            volume = player.getVolume();
            volume = volume - 10;
            if(volume < 0) {
              volume = 0;
            }
            player.setVolume(volume);
            $('#volume').html(volume);
            if (event.preventDefault) {
              event.preventDefault();
            }
          } else if(event.keyCode == 38){
            volume = player.getVolume();
            volume = volume + 10;
            if(volume > 100) {
              volume = 100;
            }
            player.setVolume(volume);
            $('#volume').html(volume);
            if (event.preventDefault) {
              event.preventDefault();
            }
          } else if(event.keyCode == 37) {
            var difftime = player.difftime;
            difftime = difftime - 0.1;
            if(difftime < -4.0) {
              difftime = -4.0;
            }
            player.difftime = difftime;
            $('#time_diff').html(difftime.toFixed(2));
            if (event.preventDefault) {
              event.preventDefault();
            }
          } else if(event.keyCode == 39){
            var difftime = player.difftime;
            difftime = difftime + 0.1;
            if(difftime > 4.0) {
              difftime = 4.0;
            }
            player.difftime = difftime;
            $('#time_diff').html(difftime.toFixed(2));
            if (event.preventDefault) {
              event.preventDefault();
            }
          }
          if(event.keyCode == 32) {
            event.returnValue = false;
            if (event.preventDefault) {
              event.preventDefault();
            }
          }
          if(event.keyCode == 999) {
            if(mode == "kana") {
              mode = "roma";
            } else {
              mode = "kana";
            }
          }
          //if (event.preventDefault) {
          //  event.preventDefault();
          //}
          return false;

      }

keypressfunc_kana = function (event) {
       if(event.keyCode==721){
         console.log(888);
         return false;
       }
       var volume = 0;
       var headtime = player.getCurrentTime();
       if(next_char.length >= 1 && next_char[0] != ""){
         var c = "";
         if(keyboard == 'mac') {
           kana_keymap = {
              165: function() { return ["ー"] },
              49: function() { return ["1", "ぬ"] },
              33: function() { return ["!", "ぬ"] },
              50: function() { return ["2", "ふ", "ぶ", "ぷ"] },
              34: function() { return ["ふ", "ぶ", "ぷ"] },
              51: function() { return ["3", "あ"] },
              52: function() { return ["4", "う", "ゔ"] },
              53: function() { return ["5", "え"] },
              54: function() { return ["6", "お"] },
              55: function() { return ["7", "や"] },
              56: function() { return ["8", "ゆ"] },
              57: function() { return ["9", "よ"] },
              45: function() { return ["-", "ほ", "ぼ", "ぽ"] },
              61: function() { return ["=", "ほ", "ぼ", "ぽ"] },
              94: function() { return ["へ", "べ", "ぺ" ]},
              126: function() { return ["へ", "べ", "ぺ"] },
              113: function() { return ["q", "た", "だ"] },
              81: function() { return ["q", "た", "だ"] },
              119: function() { return ["w", "て", "で"] },
              87: function() { return ["w", "て", "で"] },
              101: function() { return ["e", "い"] },
              69: function() { return ["e", "い"] },
              114: function() { return ["r", "す", "ず"] },
              82: function() { return ["r", "す", "ず"] },
              116: function() { return ["t", "か", "が"] },
              84: function() { return ["t", "か", "が"] },
              121: function() { return ["y", "ん"] },
              89: function() { return ["y", "ん"] },
              117: function() { return ["u", "な"] },
              85: function() { return ["u", "な"] },
              105: function() { return ["i", "に"] },
              73: function() { return ["i", "に"] },
              111: function() { return ["o", "ら"] },
              79: function() { return ["o", "ら"] },
              112: function() { return ["p", "せ", "ぜ"] },
              80: function() { return ["p", "せ", "ぜ"] },
              97: function() { return ["a", "ち", "ぢ"] },
              65: function() { return ["a", "ち", "ぢ"] },
              115: function() { return ["s", "と", "ど"] },
              83: function() { return ["s", "と", "ど"] },
              100: function() { return ["d", "し", "じ"] },
              68: function() { return ["d", "し", "じ"] },
              102: function() { return ["f", "は", "ば", "ぱ"] },
              70: function() { return ["f", "は", "ば", "ぱ"] },
              103: function() { return ["g", "き", "ぎ"] },
              71: function() { return ["g", "き", "ぎ"] },
              104: function() { return ["h", "く", "ぐ"] },
              72: function() { return ["h", "く", "ぐ"] },
              106: function() { return ["j", "ま"] },
              74: function() { return ["j", "ま"] },
              107: function() { return ["k", "の"] },
              75: function() { return ["k", "の"] },
              108: function() { return ["l", "り"] },
              76: function() { return ["l", "り"] },
              59: function() { return [";", "れ"] },
              43: function() { return ["+", "れ"] },
              58: function() { return [":", "け", "げ"] },
              42: function() { return ["*", "け", "げ"] },
              93: function() { return ["]", "む"] },
              125: function() { return ["}", "む"] },
              122: function() { return ["z", "つ", "づ"] },
              90: function() { return ["z", "つ", "づ"] },
              120: function() { return ["x", "さ", "ざ"] },
              88: function() { return ["x", "さ", "ざ"] },
              99: function() { return ["c", "そ", "ぞ"] },
              67: function() { return ["c", "そ", "ぞ"] },
              118: function() { return ["v", "ひ", "び", "ぴ"] },
              86: function() { return ["v", "ひ", "び", "ぴ"] },
              98: function() { return ["b", "こ", "ご"] },
              66: function() { return ["b", "こ", "ご"] },
              110: function() { return ["n", "み"] },
              78: function() { return ["n", "み"] },
              109: function() { return ["m", "も"] },
              77: function() { return ["m", "も"] },
              44: function() { return [",", "ね"] },
              60: function() { return ["<", "、"] },
              46: function() { return [".", "る"] },
              62: function() { return [">", "。"] },
              47: function() { return ["/", "め"] },
              63: function() { return ["?", "・"] },
              95: function() { return ["_", "ろ"] },
              64: function() { return ["@", "゛"] },
              96: function() { return ["`", "゛"] },
              91: function() { return ["[", "゜"] },
              123: function() { return ["「", "゜"] },
              35: function() { return ["ぁ","#"] },
              36: function() { return ["ぅ","$"] },
              37: function() { return ["ぇ","%"] },
              38: function() { return ["ぉ","&"] },
              39: function() { return ["ゃ", "'"] },
              40: function() { return ["(", "ゅ"] },
              41: function() { return [")", "ょ"] },
              69: function() { return ["e", "ぃ"] },
              90: function() { return ["z", "っ"] }
          }
            daku = false;
            daku_kana_list = ["ゔ","が","ぎ","ぐ","げ","ご","ざ","じ","ず","ぜ","ぞ","だ","ぢ","づ","で","ど","ば","び","ぶ","べ","ぼ"];
            handaku = false;
            handaku_kana_list = ["ぱ","ぴ","ぷ","ぺ","ぽ"];
          } else {
             windows_keymap = {
              192: function() { return "゛" },
              39: function() { return ["ゃ", "'"] },
              94: function() { return ["へ", "^", "べ", "ぺ"] },
              126: function() { return ["へ", "~", "べ", "ぺ"] },
              38: function() { return ["ぉ", "&"] },
              40: function() { return ["(", "ゅ"] },
              41: function() { return [")", "ょ"] },
              92: function() { return ["ろ", "ー", "-"] },
              95: function() { return "ろ" },
              61: function() { return ["=", "ほ", "ぼ", "ぽ"] },
              43: function() { return ["+", "れ"] },
              59: function() { return [";", "れ"] },
              34: function() { return ["ふ", "ぶ", "ぷ"] },
              124: function() { return ["|", "」"] },
              64: function() { return ["@", "゛"] },
              96: function() { return "゛" },
              38: function() { return ["ぉ", "&"] },
              93: function() { return ["む", "]"] },
              125: function() { return ["}", "「"] },
              91: function() { return ["[", "゜"] },
              123: function() { return ["{", "゛"] },
              58: function() { return [":", "け", "げ"] },
              42: function() { return ["*", "け", "げ"] }
             }
             mac_keymap = {
              94: function() { return ["ぉ","^"] },
              38: function() { return ["ゃ", "&"] },
              42: function() { return ["ゅ", "*"] },
              40: function() { return ["ょ", "("] },
              41: function() { return ["を", ")"] },
              95: function() { return ["_", "ほ", "ぼ", "ぽ"] },
              45: function() { return ["-", "ほ", "ぼ", "ぽ"] },
              61: function() { return ["=", "へ", "べ", "ぺ"] },
              43: function() { return ["+", "へ", "べ", "ぺ"] },
              59: function() { return [";", "れ"] },
              58: function() { return [":", "れ"] },
              39: function() { return ["'", "け", "げ"] },
              34: function() { return ["け", "げ"] },
              92: function() { return "む" },
              165: function() { return "-", "ー" },
              124: function() { return "|" },
              91: function() { return ["[", "゛"] },
              123: function() { return ["{", "゛"] },
              125: function() { return ["}", "「"] },
              93: function() { return ["]", "゜"] },
              64: function() { return ["ふ", "@", "ぶ", "ぷ"] },
              126: function() { return ["-", "~"] },
             }
             kana_keymap = {
              49: function() { return ["1", "ぬ"] },
              33: function() { return ["!", "ぬ"] },
              50: function() { return ["2", "ふ", "ぶ", "ぷ"] },
              51: function() { return ["3", "あ"] },
              52: function() { return ["4", "う", "ゔ"] },
              53: function() { return ["5", "え"] },
              54: function() { return ["6", "お"] },
              55: function() { return ["7", "や"] },
              56: function() { return ["8", "ゆ"] },
              57: function() { return ["9", "よ"] },
              45: function() { return ["-", "ほ", "ぼ", "ぽ"] },
              113: function() { return ["q", "た", "だ"] },
              81: function() { return ["q", "た", "だ"] },
              119: function() { return ["w", "て", "で"] },
              87: function() { return ["w", "て", "で"] },
              101: function() { return ["e", "い"] },
              69: function() { return ["e", "い"] },
              114: function() { return ["r", "す", "ず"] },
              82: function() { return ["r", "す", "ず"] },
              116: function() { return ["t", "か", "が"] },
              84: function() { return ["t", "か", "が"] },
              121: function() { return ["y", "ん"] },
              89: function() { return ["y", "ん"] },
              117: function() { return ["u", "な"] },
              85: function() { return ["u", "な"] },
              105: function() { return ["i", "に"] },
              73: function() { return ["i", "に"] },
              111: function() { return ["o", "ら"] },
              79: function() { return ["o", "ら"] },
              112: function() { return ["p", "せ", "ぜ"] },
              80: function() { return ["p", "せ", "ぜ"] },
              97: function() { return ["a", "ち", "ぢ"] },
              65: function() { return ["a", "ち", "ぢ"] },
              115: function() { return ["s", "と", "ど"] },
              83: function() { return ["s", "と", "ど"] },
              100: function() { return ["d", "し", "じ"] },
              68: function() { return ["d", "し", "じ"] },
              102: function() { return ["f", "は", "ば", "ぱ"] },
              70: function() { return ["f", "は", "ば", "ぱ"] },
              103: function() { return ["g", "き", "ぎ"] },
              71: function() { return ["g", "き", "ぎ"] },
              104: function() { return ["h", "く", "ぐ"] },
              72: function() { return ["h", "く", "ぐ"] },
              106: function() { return ["j", "ま"] },
              74: function() { return ["j", "ま"] },
              107: function() { return ["k", "の"] },
              75: function() { return ["k", "の"] },
              108: function() { return ["l", "り"] },
              76: function() { return ["l", "り"] },
              59: function() { return [";", "れ"] },
              122: function() { return ["z", "つ", "づ"] },
              90: function() { return ["z", "つ", "づ"] },
              120: function() { return ["x", "さ", "ざ"] },
              88: function() { return ["x", "さ", "ざ"] },
              99: function() { return ["c", "そ", "ぞ"] },
              67: function() { return ["c", "そ", "ぞ"] },
              118: function() { return ["v", "ひ", "び", "ぴ"] },
              86: function() { return ["v", "ひ", "び", "ぴ"] },
              98: function() { return ["b", "こ", "ご"] },
              66: function() { return ["b", "こ", "ご"] },
              110: function() { return ["n", "み"] },
              78: function() { return ["n", "み"] },
              109: function() { return ["m", "も"] },
              77: function() { return ["m", "も"] },
              44: function() { return [",", "ね"] },
              60: function() { return ["<", "、"] },
              46: function() { return [".", "る"] },
              62: function() { return [">", "。"] },
              47: function() { return ["/", "め"] },
              63: function() { return ["?", "・"] },
              35: function() { return ["ぁ","#"] },
              36: function() { return ["ぅ","$"] },
              37: function() { return ["ぇ","%"] },
              69: function() { return "ぃ" },
              90: function() { return "っ" }
          }
            console.log(event.keyCode);
            if(navigator.userAgent.match(/Mac|PPC/)) {
              kana_keymap = $.extend(kana_keymap, mac_keymap);
            } else {
              kana_keymap = $.extend(kana_keymap, windows_keymap);
            }
            daku = false;
            daku_kana_list = ["ゔ","が","ぎ","ぐ","げ","ご","ざ","じ","ず","ぜ","ぞ","だ","ぢ","づ","で","ど","ば","び","ぶ","べ","ぼ"];
            handaku = false;
            handaku_kana_list = ["ぱ","ぴ","ぷ","ぺ","ぽ"];

            }
            if(kana_keymap[event.keyCode]) {
              c = kana_keymap[event.keyCode]();
              if($.inArray(next_char[0],daku_kana_list) > -1) {
                daku = true;
              } else if ($.inArray(next_char[0],handaku_kana_list) > -1) {
                handaku = true;
              }
            } else if(!event.shiftKey && event.keyCode == 48){
              c = ["0", "わ"];
            }
              if(c != "" && checkNextKana(c, daku, handaku)){
updateLineView()
//                $("#kashi_roma").html("<span style='color:"+(next_char.length == 0 ? '#1eff52' : '#09c')+"'>"+already_input+"</span>&nbsp;" + String(next_char[0] || []) + String(line_input_kana.join('')));
                if(score > 199999) {
                  score = 200000;
                }
                $("#combo_stat").html("");
                miss_combo = 0;
                typing_count = typing_count + 1;
                type_per_min = (typing_count / (playing_sec * 60));
                combo = combo + 1;
                typinglog.push([player.getCurrentTime().toFixed(3), c, score.toFixed(), count, completed ? 1 : 0, 1]);
                if(combo > 15) {
                  $("#combo").html("combo "+combo);
                }
                if(max_combo < combo) {
                  max_combo = combo;
                }
              } else if(!completed) {
                if(flag_nn && c == 'n')  {
                  flag_nn = false;
                  typinglog.push([player.getCurrentTime().toFixed(3), c, score.toFixed, count, completed ? 1 : 0, 2]);
                } else if(daku || handaku) {
                  typinglog.push([player.getCurrentTime().toFixed(3), c, score.toFixed, count, completed ? 1 : 0, 2]);
                } else {
                  flag_nn = false;
                  if(score > 0) {
                    score = score - (score_per_char / 4);
                  }
                  typing_miss_count = typing_miss_count + 1;
                  typinglog.push([player.getCurrentTime().toFixed(3), c, score.toFixed(), count, completed ? 1 : 0, 0]);
                  combo = 0;
                  $("#combo").html("");
                  miss_combo = miss_combo + 1;
                }
              }
        }
        if(event.keyCode == 32) {
          event.returnValue = false;
          if (event.preventDefault) {
            event.preventDefault();
          }
        }
        return false;
      }