danoniplus 24.6.5 → 26.2.0

package/js/danoni_main.js

@@ -8,7 +8,7 @@
  * 
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 24.6.5`;
+const g_version = `Ver 26.2.0`;
 const g_revisedDate = `2022/02/20`;
 const g_alphaVersion = ``;
 
@@ -125,7 +125,14 @@ const g_detailObj = {
 	arrowCnt: [],
 	frzCnt: [],
 	maxDensity: [],
+	maxDensity2Push: [],
+	maxDensity3Push: [],
 	densityData: [],
+	density2PushData: [],
+	density3PushData: [],
+	densityDiff: [],
+	density2PushDiff: [],
+	density3PushDiff: [],
 	startFrame: [],
 	playingFrame: [],
 	playingFrameWithBlank: [],
@@ -231,6 +238,15 @@ const hasValInArray = (_val, _array, _pos = 0) =>
  */
 const hasArrayList = (_data, _length = 1) => _data !== undefined && _data.length >= _length;
 
+/**
+ * 重複を排除した配列の生成
+ * @param {array} _array1 
+ * @param {...any} _arrays 
+ * @returns 
+ */
+const makeDedupliArray = (_array1, ..._arrays) =>
+	Array.from((new Set([..._array1, ..._arrays.flat()])).values());
+
 /**
  * 部分一致検索（リストのいずれかに合致、大小文字問わず）
  * @param {string} _str 検索文字
@@ -569,28 +585,34 @@ function getFontSize(_str, _maxWidth, _font = getBasicFont(), _maxFontsize = 64,
 
 /**
  * クリップボードコピー関数
- * 入力値をクリップボードへコピーする
+ * 入力値をクリップボードへコピーし、メッセージを表示
  * @param {string} _textVal 入力値
+ * @param {string} _msg
  */
-function copyTextToClipboard(_textVal) {
-	// テキストエリアを用意する
-	const copyFrom = document.createElement(`textarea`);
-	// テキストエリアへ値をセット
-	copyFrom.textContent = _textVal;
+async function copyTextToClipboard(_textVal, _msg) {
+	try {
+		await navigator.clipboard.writeText(_textVal);
+
+	} catch (error) {
+		// http環境では navigator.clipboard が使えないため、従来の方法を実行
+		// テキストエリアを用意し、値をセット
+		const copyFrom = document.createElement(`textarea`);
+		copyFrom.textContent = _textVal;
+
+		// bodyタグの要素を取得
+		const bodyElm = document.getElementsByTagName(`body`)[0];
+		// 子要素にテキストエリアを配置
+		bodyElm.appendChild(copyFrom);
 
-	// bodyタグの要素を取得
-	const bodyElm = document.getElementsByTagName(`body`)[0];
-	// 子要素にテキストエリアを配置
-	bodyElm.appendChild(copyFrom);
+		// テキストエリアの値を選択し、コピーコマンド発行
+		copyFrom.select();
+		document.execCommand(`copy`);
+		// 追加テキストエリアを削除
+		bodyElm.removeChild(copyFrom);
 
-	// テキストエリアの値を選択
-	copyFrom.select();
-	// コピーコマンド発行
-	const retVal = document.execCommand(`copy`);
-	// 追加テキストエリアを削除
-	bodyElm.removeChild(copyFrom);
-	// 処理結果を返却
-	return retVal;
+	} finally {
+		makeInfoWindow(_msg, `leftToRightFade`);
+	}
 }
 
 /**
@@ -1145,6 +1167,10 @@ function makeSpriteData(_data, _calcFrame = _frame => _frame) {
 			};
 			if (g_headerObj.autoPreload) {
 				if (checkImage(tmpObj.path)) {
+					if (g_headerObj.syncBackPath) {
+						const [file, dir] = getFilePath(tmpObj.path, `./`);
+						tmpObj.path = `${dir}${file}`;
+					}
 					preloadFile(`image`, tmpObj.path);
 				}
 			}
@@ -1159,6 +1185,7 @@ function makeSpriteData(_data, _calcFrame = _frame => _frame) {
 				command: tmpObj.path,
 				jumpFrame: tmpObj.class,
 				maxLoop: tmpObj.left,
+				animationName: tmpObj.animationName,
 				htmlText: emptyPatterns.includes(tmpObj.path) ?
 					`` : (checkImage(tmpObj.path) ? makeSpriteImage(tmpObj) : makeSpriteText(tmpObj)),
 			};
@@ -1466,19 +1493,13 @@ function initAfterDosLoaded() {
 	if (document.querySelector(`#layer0`) === null) {
 		divRoot.removeChild(document.querySelector(`#divBack`));
 		createEmptySprite(divRoot, `divBack`);
-	} else if (g_headerObj.skinType !== `default` && !g_headerObj.customBackUse) {
+	} else if (!g_headerObj.defaultSkinFlg && !g_headerObj.customBackUse) {
 		createEmptySprite(divRoot, `divBack`);
 	}
 
 	// CSSファイルの読み込み
-	const randTime = new Date().getTime();
-	importCssFile(`${g_headerObj.skinRoot}danoni_skin_${g_headerObj.skinType}.css?${randTime}`, _ => {
-		if (g_headerObj.skinType2 !== ``) {
-			importCssFile(`${g_headerObj.skinRoot2}danoni_skin_${g_headerObj.skinType2}.css?${randTime}`, _ => initAfterCssLoaded());
-		} else {
-			initAfterCssLoaded();
-		}
-	});
+	const skinList = g_headerObj.jsData.filter(file => file[0].indexOf(`danoni_skin`) !== -1);
+	loadMultipleFiles(0, skinList, `css`, _ => initAfterCssLoaded());
 
 	/**
 	 * スキンCSSファイルを読み込んだ後の処理
@@ -1487,7 +1508,14 @@ function initAfterDosLoaded() {
 
 		// 譜面ヘッダー、特殊キー情報の読込
 		Object.assign(g_headerObj, headerConvert(g_rootObj));
-		keysConvert(g_rootObj);
+		if (typeof g_presetKeysData === C_TYP_STRING) {
+			keysConvert(dosConvert(g_presetKeysData));
+			g_headerObj.undefinedKeyLists = g_headerObj.undefinedKeyLists.filter(key => g_keyObj[`chara${key}_0`] === undefined);
+		}
+		g_headerObj.keyExtraList = keysConvert(g_rootObj, {
+			keyExtraList: (g_rootObj.keyExtraList !== undefined ?
+				makeDedupliArray(g_rootObj.keyExtraList.split(`,`), g_headerObj.undefinedKeyLists) : g_headerObj.undefinedKeyLists),
+		});
 
 		// キー数情報を初期化
 		g_keyObj.currentKey = g_headerObj.keyLabels[g_stateObj.scoreId];
@@ -1543,10 +1571,9 @@ function initAfterDosLoaded() {
 
 		if (g_loadObj.main) {
 			// customjsの読み込み後、譜面詳細情報取得のために譜面をロード
-			loadCustomjs(_ => {
-				loadDos(_ => {
-					getScoreDetailData(0);
-				}, 0, true);
+			loadMultipleFiles(0, g_headerObj.jsData, `js`, _ => {
+				loadLegacyCustomFunc();
+				loadDos(_ => getScoreDetailData(0), 0, true);
 			});
 		} else {
 			getScoreDetailData(0);
@@ -1594,6 +1621,7 @@ function storeBaseData(_scoreId, _scoreObj, _keyCtrlPtn) {
 	let allData = 0;
 
 	const types = [`arrow`, `frz`];
+	let fullData = [];
 	for (let j = 0; j < keyNum; j++) {
 		noteCnt.arrow[j] = 0;
 		noteCnt.frz[j] = 0;
@@ -1612,17 +1640,53 @@ function storeBaseData(_scoreId, _scoreObj, _keyCtrlPtn) {
 				}
 			})
 		});
+		fullData = fullData.concat(..._scoreObj.arrowData[j], ...tmpFrzData);
 	}
 
+	fullData = fullData.filter(val => !isNaN(parseFloat(val))).sort((a, b) => a - b);
+	let pushCnt = 0;
+	const density2PushData = [...Array(C_LEN_DENSITY_DIVISION)].fill(0);
+	const density3PushData = [...Array(C_LEN_DENSITY_DIVISION)].fill(0);
+	fullData.forEach((note, j) => {
+		if (fullData[j] === fullData[j + 1]) {
+			pushCnt++;
+		} else {
+			const point = Math.floor((note - firstArrowFrame) / playingFrame * C_LEN_DENSITY_DIVISION);
+			if (point >= 0) {
+				if (pushCnt > 2) {
+					density3PushData[point] += pushCnt;
+				}
+				density2PushData[point] += pushCnt;
+			}
+			pushCnt = 0;
+		}
+	});
+
 	g_detailObj.toolDif[_scoreId] = calcLevel(_scoreObj);
 	g_detailObj.speedData[_scoreId] = _scoreObj.speedData.concat();
 	g_detailObj.boostData[_scoreId] = _scoreObj.boostData.concat();
 
-	g_detailObj.maxDensity[_scoreId] = densityData.indexOf(Math.max.apply(null, densityData));
-	g_detailObj.densityData[_scoreId] = [];
-	for (let j = 0; j < C_LEN_DENSITY_DIVISION; j++) {
-		g_detailObj.densityData[_scoreId].push(Math.round(densityData[j] / allData * C_LEN_DENSITY_DIVISION * 10000) / 100);
+	const storeDensity = _densityData => {
+		const dataList = [];
+		for (let j = 0; j < C_LEN_DENSITY_DIVISION; j++) {
+			dataList.push(allData === 0 ? 0 : Math.round(_densityData[j] / allData * C_LEN_DENSITY_DIVISION * 10000) / 100);
+		}
+		return dataList;
 	}
+	const diffArray = (_array1, _array2) => {
+		const list = [];
+		_array1.forEach((val, j) => list.push(_array1[j] - _array2[j]));
+		return list;
+	};
+	g_detailObj.densityData[_scoreId] = storeDensity(densityData);
+	g_detailObj.density2PushData[_scoreId] = storeDensity(density2PushData);
+	g_detailObj.density3PushData[_scoreId] = storeDensity(density3PushData);
+
+	g_detailObj.densityDiff[_scoreId] = diffArray(g_detailObj.densityData[_scoreId], g_detailObj.density2PushData[_scoreId]);
+	g_detailObj.density2PushDiff[_scoreId] = diffArray(g_detailObj.density2PushData[_scoreId], g_detailObj.density3PushData[_scoreId]);
+	g_detailObj.density3PushDiff[_scoreId] = g_detailObj.density3PushData[_scoreId].concat();
+
+	g_detailObj.maxDensity[_scoreId] = densityData.indexOf(Math.max.apply(null, densityData));
 
 	g_detailObj.arrowCnt[_scoreId] = noteCnt.arrow.concat();
 	g_detailObj.frzCnt[_scoreId] = noteCnt.frz.concat();
@@ -1797,20 +1861,31 @@ function calcLevel(_scoreObj) {
 }
 
 /**
- * customjsの読込
+ * jsファイルの連続読込
+ * @param {number} _j 
+ * @param {array} _fileData 
+ * @param {string} _loadType
  * @param {function} _afterFunc 
  */
-function loadCustomjs(_afterFunc) {
-	const randTime = new Date().getTime();
-	loadScript(`${g_headerObj.customjsRoot}${g_headerObj.customjs}?${randTime}`, _ => {
-		loadScript(`${g_headerObj.customjs2Root}${g_headerObj.customjs2}?${randTime}`, _ => {
-			loadScript(`${g_headerObj.skinRoot}danoni_skin_${g_headerObj.skinType}.js?${randTime}`, _ => {
-				loadScript(`${g_headerObj.skinRoot2}danoni_skin_${g_headerObj.skinType2}.js?${randTime}`, _ => {
-					_afterFunc();
-				}, false);
-			}, false);
-		}, false);
-	}, false);
+function loadMultipleFiles(_j, _fileData, _loadType, _afterFunc = _ => true) {
+	if (_j < _fileData.length) {
+		const filePath = `${_fileData[_j][1]}${_fileData[_j][0]}?${new Date().getTime()}`;
+		if (_fileData[_j][0].endsWith(`.css`)) {
+			_loadType = `css`;
+		}
+
+		// jsファイル、cssファイルにより呼び出す関数を切替
+		if (_loadType === `js`) {
+			loadScript(filePath, _ =>
+				loadMultipleFiles(_j + 1, _fileData, _loadType, _afterFunc), false);
+		} else if (_loadType === `css`) {
+			const cssPath = filePath.split(`.js`).join(`.css`);
+			importCssFile(cssPath, _ =>
+				loadMultipleFiles(_j + 1, _fileData, _loadType, _afterFunc));
+		}
+	} else {
+		_afterFunc();
+	}
 }
 
 /**
@@ -1916,12 +1991,7 @@ function loadMusic() {
 			lblLoading.textContent = `${g_lblNameObj.nowLoading} ${_event.loaded}Bytes`;
 		}
 		// ユーザカスタムイベント
-		if (typeof customLoadingProgress === C_TYP_FUNCTION) {
-			customLoadingProgress(_event);
-			if (typeof customLoadingProgress2 === C_TYP_FUNCTION) {
-				customLoadingProgress2(_event);
-			}
-		}
+		g_customJsObj.progress.forEach(func => func(_event));
 	});
 
 	// エラー処理
@@ -2032,7 +2102,7 @@ function drawDefaultBackImage(_key) {
 			l0ctx.fillStyle = grd;
 			l0ctx.fillRect(0, 0, g_sWidth, g_sHeight);
 
-			if (g_headerObj.skinType !== `default`) {
+			if (!g_headerObj.defaultSkinFlg) {
 				createEmptySprite(divRoot, `divBack`);
 			}
 		}
@@ -2257,7 +2327,7 @@ function drawTitleResultMotion(_displayName) {
  * ショートカットキー表示
  * @param {object} _obj
  * @param {string} _settingLabel 
- * @param {object} objectList
+ * @param {object} objectList 
  */
 const createScText = (_obj, _settingLabel, { displayName = `option`, dfLabel = ``, targetLabel = `lnk${_settingLabel}R`,
 	x = g_scViewObj.x, y = g_scViewObj.y, w = g_scViewObj.w, siz = g_scViewObj.siz } = {}) => {
@@ -2446,12 +2516,7 @@ function titleInit() {
 	}
 
 	// ユーザカスタムイベント(初期)
-	if (typeof customTitleInit === C_TYP_FUNCTION) {
-		customTitleInit();
-		if (typeof customTitleInit2 === C_TYP_FUNCTION) {
-			customTitleInit2();
-		}
-	}
+	g_customJsObj.title.forEach(func => func());
 
 	// バージョン情報取得
 	let customVersion = ``;
@@ -2548,15 +2613,23 @@ function titleInit() {
 
 	// コメントエリア作成
 	if (g_headerObj.commentVal !== ``) {
+
+		// コメント文の加工
+		const comments = g_headerObj.commentVal.split(`}`).join(`{`).split(`{`);
+		let convCommentVal = ``;
+		for (let j = 0; j < comments.length; j += 2) {
+			convCommentVal += escapeHtmlForEnabledTag(comments[j]);
+			convCommentVal += setVal(comments[j + 1], ``, C_TYP_CALC);
+		}
+
 		if (g_headerObj.commentExternal) {
 			if (document.querySelector(`#commentArea`) !== null) {
-				commentArea.innerHTML = g_headerObj.commentVal;
+				commentArea.innerHTML = convCommentVal;
 			}
 		} else {
-			let tmpComment = g_headerObj.commentVal;
 			multiAppend(divRoot,
 
-				createDivCss2Label(`lblComment`, tmpComment, {
+				createDivCss2Label(`lblComment`, convCommentVal, {
 					x: 0, y: 70, w: g_sWidth, h: g_sHeight - 180, siz: C_SIZ_DIFSELECTOR, align: C_ALIGN_LEFT,
 					overflow: `auto`, background: `#222222`, color: `#cccccc`, display: C_DIS_NONE,
 				}),
@@ -2565,10 +2638,11 @@ function titleInit() {
 					const lblCommentDef = lblComment.style.display;
 					lblComment.style.display = (lblCommentDef === C_DIS_NONE ? C_DIS_INHERIT : C_DIS_NONE);
 				}, {
-					x: g_sWidth - 180, y: (g_sHeight / 2) + 150, w: 150, h: 50, siz: 20, border: `solid 1px #999999`,
+					x: g_sWidth - 160, y: (g_sHeight / 2) + 150, w: 140, h: 50, siz: 20, border: `solid 1px #999999`,
 				}, g_cssObj.button_Default),
 
 			);
+			setUserSelect(lblComment.style, `text`);
 		}
 	}
 
@@ -2584,12 +2658,7 @@ function titleInit() {
 	function flowTitleTimeline() {
 
 		// ユーザカスタムイベント(フレーム毎)
-		if (typeof customTitleEnterFrame === C_TYP_FUNCTION) {
-			customTitleEnterFrame();
-			if (typeof customTitleEnterFrame2 === C_TYP_FUNCTION) {
-				customTitleEnterFrame2();
-			}
-		}
+		g_customJsObj.titleEnterFrame.forEach(func => func());
 
 		// 背景・マスクモーション
 		drawTitleResultMotion(g_currentPage);
@@ -2611,12 +2680,7 @@ function titleInit() {
 	document.oncontextmenu = _ => true;
 	divRoot.oncontextmenu = _ => false;
 
-	if (typeof skinTitleInit === C_TYP_FUNCTION) {
-		skinTitleInit();
-		if (typeof skinTitleInit2 === C_TYP_FUNCTION) {
-			skinTitleInit2();
-		}
-	}
+	g_skinJsObj.title.forEach(func => func());
 }
 
 /**
@@ -2649,8 +2713,8 @@ function makeWarningWindow(_text = ``, { resetFlg = false, backBtnUse = false }
  * お知らせウィンドウ（汎用）を表示
  * @param {string} _text 
  */
-function makeInfoWindow(_text, _animationName = ``) {
-	const lblWarning = setWindowStyle(`<p>${_text}</p>`, `#ccccff`, `#000066`, C_ALIGN_CENTER);
+function makeInfoWindow(_text, _animationName = ``, _backColor = `#ccccff`) {
+	const lblWarning = setWindowStyle(`<p>${_text}</p>`, _backColor, `#000066`, C_ALIGN_CENTER);
 	lblWarning.style.pointerEvents = C_DIS_NONE;
 
 	if (_animationName !== ``) {
@@ -2664,7 +2728,7 @@ function makeInfoWindow(_text, _animationName = ``) {
 
 /**
  * 警告ウィンドウのスタイル設定
- * @param {string} _text
+ * @param {string} _text 
  * @param {string} _bkColor 
  * @param {string} _textColor 
  * @param {string} _align
@@ -2750,17 +2814,30 @@ function preheaderConvert(_dosObj) {
 	// ヘッダー群の格納先
 	const obj = {};
 
+	obj.jsData = [];
+
+	const setJsFiles = (_files, _defaultDir, _type = `custom`) => {
+		_files.forEach(file => {
+			if (hasVal(file)) {
+				const [jsFile, jsDir] = getFilePath(file, _defaultDir);
+				obj.jsData.push([_type === `skin` ? `danoni_skin_${jsFile}.js` : jsFile, jsDir]);
+			}
+		});
+	};
+
 	// 外部スキンファイルの指定
 	const tmpSkinType = _dosObj.skinType || (typeof g_presetSkinType === C_TYP_STRING ? g_presetSkinType : `default`);
-	const skinTypes = tmpSkinType.split(`,`);
-	[obj.skinType2, obj.skinRoot2] = getFilePath(skinTypes.length > 1 ? skinTypes[1] : `blank`, C_DIR_SKIN);
-	[obj.skinType, obj.skinRoot] = getFilePath(skinTypes[0], C_DIR_SKIN);
+	const tmpSkinTypes = tmpSkinType.split(`,`);
+	obj.defaultSkinFlg = tmpSkinTypes.includes(`default`);
+	setJsFiles(tmpSkinTypes, C_DIR_SKIN, `skin`);
 
 	// 外部jsファイルの指定
 	const tmpCustomjs = _dosObj.customjs || (typeof g_presetCustomJs === C_TYP_STRING ? g_presetCustomJs : C_JSF_CUSTOM);
-	const customjss = tmpCustomjs.split(`,`);
-	[obj.customjs2, obj.customjs2Root] = getFilePath(customjss.length > 1 ? customjss[1] : C_JSF_BLANK, C_DIR_JS);
-	[obj.customjs, obj.customjsRoot] = getFilePath(customjss[0], C_DIR_JS);
+	setJsFiles(tmpCustomjs.split(`,`), C_DIR_JS);
+
+	// 外部cssファイルの指定
+	const tmpCustomcss = _dosObj.customcss || (typeof g_presetCustomCss === C_TYP_STRING ? g_presetCustomCss : ``);
+	setJsFiles(tmpCustomcss.split(`,`), C_DIR_CSS);
 
 	// デフォルト曲名表示、背景、Ready表示の利用有無
 	g_titleLists.init.forEach(objName => {
@@ -2770,6 +2847,10 @@ function preheaderConvert(_dosObj) {
 				setVal(g_presetCustomDesignUse[objName], false, C_TYP_BOOLEAN) : false), C_TYP_BOOLEAN);
 	});
 
+	// 背景・マスクモーションのパス指定方法を他の設定に合わせる設定
+	const tmpSyncBackPath = (typeof g_presetSyncBackPath === C_TYP_BOOLEAN ? g_presetSyncBackPath : false);
+	obj.syncBackPath = setVal(_dosObj.syncBackPath, tmpSyncBackPath, C_TYP_BOOLEAN);
+
 	return obj;
 }
 
@@ -2993,8 +3074,9 @@ function headerConvert(_dosObj) {
 		obj.lifeInits = [25];
 		obj.creatorNames = [obj.tuning];
 	}
-	const keyLists = obj.keyLabels.filter((x, j, self) => self.indexOf(x) === j);
+	const keyLists = makeDedupliArray(obj.keyLabels);
 	obj.keyLists = keyLists.sort((a, b) => parseInt(a) - parseInt(b));
+	obj.undefinedKeyLists = obj.keyLists.filter(key => g_keyObj[`chara${key}_0`] === undefined);
 
 	// 譜面変更セレクターの利用有無
 	obj.difSelectorUse = (setVal(_dosObj.difSelectorUse, obj.keyLabels.length > 5, C_TYP_BOOLEAN));
@@ -3042,6 +3124,22 @@ function headerConvert(_dosObj) {
 		obj.defaultFrzColorUse = true;
 	}
 
+	// 矢印色変化に対応してフリーズアロー色を追随する範囲の設定
+	// (defaultFrzColorUse=false時のみ)
+	obj.frzScopeFromArrowColors = [];
+
+	if (!obj.defaultFrzColorUse) {
+		const tmpFrzScope = [];
+
+		if (hasVal(_dosObj.frzScopeFromAC)) {
+			tmpFrzScope.push(..._dosObj.frzScopeFromAC.split(`,`));
+		} else if (typeof g_presetFrzScopeFromAC === C_TYP_OBJECT) {
+			tmpFrzScope.push(...g_presetFrzScopeFromAC);
+		}
+		tmpFrzScope.filter(type => [`Normal`, `Hit`].includes(type))
+			.forEach(data => obj.frzScopeFromArrowColors.push(data));
+	}
+
 	// 初期色情報
 	Object.keys(g_dfColorObj).forEach(key => obj[key] = g_dfColorObj[key].concat());
 	if (obj.baseBrightFlg) {
@@ -3359,7 +3457,7 @@ function headerConvert(_dosObj) {
 	const newlineTag = setVal(_dosObj.commentAutoBr, true, C_TYP_BOOLEAN) ? `<br>` : ``;
 	let tmpComment = setVal(_dosObj[`commentVal${g_localeObj.val}`] || _dosObj.commentVal, ``, C_TYP_STRING);
 	tmpComment = tmpComment.split(`\r\n`).join(`\n`);
-	obj.commentVal = escapeHtmlForEnabledTag(tmpComment.split(`\n`).join(newlineTag));
+	obj.commentVal = tmpComment.split(`\n`).join(newlineTag);
 
 	// クレジット表示
 	if (document.querySelector(`#webMusicTitle`) !== null) {
@@ -3392,6 +3490,23 @@ function headerConvert(_dosObj) {
 	obj.resultFormat = escapeHtmlForEnabledTag(setVal(_dosObj.resultFormat, (typeof g_presetResultFormat === C_TYP_STRING ?
 		setVal(g_presetResultFormat, resultFormatDefault, C_TYP_STRING) : resultFormatDefault), C_TYP_STRING));
 
+	// フェードイン時にそれ以前のデータを蓄積しない種別(word, back, mask)を指定
+	obj.unStockCategories = setVal(_dosObj.unStockCategory, ``, C_TYP_STRING).split(`,`);
+	if (typeof g_presetUnStockCategories === C_TYP_OBJECT) {
+		obj.unStockCategories = makeDedupliArray(obj.unStockCategories, g_presetUnStockCategories);
+	}
+	g_fadeinStockList = g_fadeinStockList.filter(cg => obj.unStockCategories.indexOf(cg) === -1);
+
+	// フェードイン時にそれ以前のデータを蓄積しないパターンを指定
+	if (typeof g_presetStockForceDelList === C_TYP_OBJECT) {
+		Object.assign(g_stockForceDelList, g_presetStockForceDelList);
+	}
+	g_fadeinStockList.forEach(type => {
+		if (hasVal(_dosObj[`${type}StockForceDel`])) {
+			g_stockForceDelList[type] = makeDedupliArray(g_stockForceDelList[type], _dosObj[`${type}StockForceDel`].split(`,`));
+		}
+	});
+
 	return obj;
 }
 
@@ -3476,8 +3591,8 @@ function resetBaseColorList(_baseObj, _dosObj, { scoreId = `` } = {}) {
  * 矢印・フリーズアロー色のデータ展開
  * @param {string} _data 
  * @param {array} _colorInit 
- * @param {array} _colorInitLength
- * @param {object} objectList 
+ * @param {number} _colorInitLength
+ * @param {object} objectList
  */
 function setColorList(_data, _colorInit, _colorInitLength,
 	{ _defaultColorgrd = g_headerObj.defaultColorgrd, _colorCdPaddingUse = false,
@@ -3691,12 +3806,11 @@ const getKeyName = _key => hasVal(g_keyObj[`keyName${_key}`]) ? g_keyObj[`keyNam
  * 一時的な追加キーの設定
  * @param {object} _dosObj 
  */
-function keysConvert(_dosObj) {
+function keysConvert(_dosObj, { keyExtraList = _dosObj.keyExtraList.split(`,`) } = {}) {
 
-	if (_dosObj.keyExtraList === undefined) {
-		return;
+	if (keyExtraList === undefined) {
+		return [];
 	}
-	const keyExtraList = _dosObj.keyExtraList.split(`,`);
 
 	const existParam = (_data, _paramName) => !hasVal(_data) && g_keyObj[_paramName] !== undefined;
 	const toString = _str => _str;
@@ -3889,6 +4003,8 @@ function keysConvert(_dosObj) {
 		// |assist(newKey)=Onigiri::0,0,0,0,0,1/AA::0,0,0,1,1,1$...|
 		newKeyPairParam(newKey, `assist`, `assistPos`);
 	});
+
+	return keyExtraList;
 }
 
 
@@ -3924,7 +4040,7 @@ const commonSettingBtn = _labelName => {
 		createCss2Button(`btn${_labelName}`, `>`, _ => true, {
 			x: g_sWidth / 2 + 175 - C_LEN_SETMINI_WIDTH / 2, y: 25,
 			w: C_LEN_SETMINI_WIDTH, h: 40, title: g_msgObj[`to${_labelName}`],
-			resetFunc: _ => (_labelName === `Display` ? settingsDisplayInit() : optionInit()),
+			resetFunc: _ => g_jumpSettingWindow[g_currentPage](),
 		}, g_cssObj.button_Mini),
 
 		// データセーブフラグの切替
@@ -3953,12 +4069,7 @@ function optionInit() {
 	createOptionWindow(divRoot);
 
 	// ユーザカスタムイベント(初期)
-	if (typeof customOptionInit === C_TYP_FUNCTION) {
-		customOptionInit();
-		if (typeof customOptionInit2 === C_TYP_FUNCTION) {
-			customOptionInit2();
-		}
-	}
+	g_customJsObj.option.forEach(func => func());
 
 	// ボタン描画
 	commonSettingBtn(`Display`);
@@ -3968,12 +4079,7 @@ function optionInit() {
 	document.oncontextmenu = _ => true;
 	g_initialFlg = true;
 
-	if (typeof skinOptionInit === C_TYP_FUNCTION) {
-		skinOptionInit();
-		if (typeof skinOptionInit2 === C_TYP_FUNCTION) {
-			skinOptionInit2();
-		}
-	}
+	g_skinJsObj.option.forEach(func => func());
 }
 
 function musicAfterLoaded() {
@@ -4022,6 +4128,18 @@ const createOptionSprite = _sprite => createEmptySprite(_sprite, `optionsprite`,
 	x: (g_sWidth - 450) / 2, y: 65 + (g_sHeight - 500) / 2, w: 450, h: 325,
 });
 
+/**
+ * スライダー共通処理
+ * @param {object} _slider 
+ * @param {object} _link 
+ * @returns 
+ */
+const inputSlider = (_slider, _link) => {
+	const value = parseInt(_slider.value);
+	_link.textContent = `${value}${g_lblNameObj.percent}`;
+	return value;
+}
+
 /**
  * 設定・オプション画面のラベル・ボタン処理の描画
  * @param {Object} _sprite 基準とするスプライト(ここで指定する座標は、そのスプライトからの相対位置)
@@ -4210,7 +4328,7 @@ function createOptionWindow(_sprite) {
 	// 縦位置: 2  短縮ショートカットあり
 	createGeneralSetting(spriteList.speed, `speed`, {
 		skipTerms: [20, 5, 1], hiddenBtn: true, scLabel: g_lblNameObj.sc_speed, roundNum: 5,
-		unitName: ` ${getStgDetailName(g_lblNameObj.multi)}`,
+		unitName: ` ${g_lblNameObj.multi}`,
 	});
 
 	if (g_headerObj.scoreDetailUse) {
@@ -4385,13 +4503,30 @@ function createOptionWindow(_sprite) {
 		drawBaseLine(context);
 		for (let j = 0; j < C_LEN_DENSITY_DIVISION; j++) {
 			context.beginPath();
-			context.fillStyle = (j === g_detailObj.maxDensity[_scoreId] ? C_CLR_DENSITY_MAX : C_CLR_DENSITY_DEFAULT);
-			context.fillRect(16 * j * 16 / C_LEN_DENSITY_DIVISION + 30, 195 - 9 * g_detailObj.densityData[_scoreId][j] / 10,
-				15.5 * 16 / C_LEN_DENSITY_DIVISION, 9 * g_detailObj.densityData[_scoreId][j] / 10
-			);
+			[``, `2Push`, `3Push`].forEach(val => {
+				context.fillStyle = (j === g_detailObj.maxDensity[_scoreId] ? g_graphColorObj[`max${val}`] : g_graphColorObj[`default${val}`]);
+				context.fillRect(16 * j * 16 / C_LEN_DENSITY_DIVISION + 30, 195 - 9 * g_detailObj[`density${val}Data`][_scoreId][j] / 10,
+					15.5 * 16 / C_LEN_DENSITY_DIVISION, 9 * g_detailObj[`density${val}Diff`][_scoreId][j] / 10
+				);
+			});
 			context.stroke();
 		}
 
+		const lineNames = [`1Push`, `2Push`, `3Push+`];
+		Object.keys(g_graphColorObj).filter(val => val.indexOf(`max`) !== -1).forEach((val, j) => {
+			const lineX = 70 + j * 70;
+
+			context.beginPath();
+			context.lineWidth = 3;
+			context.fillStyle = g_rankObj.rankColorAllPerfect;
+			context.strokeStyle = g_graphColorObj[val];
+			context.moveTo(lineX, 215);
+			context.lineTo(lineX + 20, 215);
+			context.stroke();
+			context.font = `${C_SIZ_DIFSELECTOR}px ${getBasicFont()}`;
+			context.fillText(lineNames[j], lineX + 20, 218);
+		});
+
 		const obj = getScoreBaseData(_scoreId);
 		updateScoreDetailLabel(`Density`, g_lblNameObj.s_apm, obj.apm, 0);
 		updateScoreDetailLabel(`Density`, g_lblNameObj.s_time, obj.playingTime, 1);
@@ -4521,9 +4656,8 @@ function createOptionWindow(_sprite) {
 			makeSettingLblCssButton(`lnkDifInfo`, g_lblNameObj.s_print, 0, _ => {
 				copyTextToClipboard(
 					`****** ${g_lblNameObj.s_printTitle} [${g_version}] ******\r\n\r\n`
-					+ `\t${g_lblNameObj.s_printHeader}\r\n\r\n${printData}`
+					+ `\t${g_lblNameObj.s_printHeader}\r\n\r\n${printData}`, g_msgInfoObj.I_0003
 				);
-				makeInfoWindow(g_msgInfoObj.I_0003, `leftToRightFade`);
 			}, {
 				x: 10, y: 30, w: 100, borderStyle: `solid`
 			}, g_cssObj.button_RevON),
@@ -4799,7 +4933,7 @@ function createOptionWindow(_sprite) {
 	// 縦位置: 10  短縮ショートカットあり
 	createGeneralSetting(spriteList.adjustment, `adjustment`, {
 		skipTerms: [50, 10, 5], hiddenBtn: true, scLabel: g_lblNameObj.sc_adjustment, roundNum: 5,
-		unitName: `${getStgDetailName(g_lblNameObj.frame)}`,
+		unitName: g_lblNameObj.frame,
 	});
 
 	// ---------------------------------------------------
@@ -4807,7 +4941,7 @@ function createOptionWindow(_sprite) {
 	// 縦位置: 11 スライダーあり
 	spriteList.fadein.appendChild(createLblSetting(`Fadein`));
 
-	const lnkFadein = createDivCss2Label(`lnkFadein`, `${g_stateObj.fadein}${getStgDetailName(g_lblNameObj.percent)}`, {
+	const lnkFadein = createDivCss2Label(`lnkFadein`, `${g_stateObj.fadein}${g_lblNameObj.percent}`, {
 		x: C_LEN_SETLBL_LEFT, y: 0,
 	}, g_cssObj.settings_FadeinBar);
 	spriteList.fadein.appendChild(lnkFadein);
@@ -4815,7 +4949,7 @@ function createOptionWindow(_sprite) {
 	const setFadein = _sign => {
 		g_stateObj.fadein = nextPos(g_stateObj.fadein, _sign, 100);
 		fadeinSlider.value = g_stateObj.fadein;
-		lnkFadein.textContent = `${g_stateObj.fadein}${getStgDetailName(g_lblNameObj.percent)}`;
+		lnkFadein.textContent = `${g_stateObj.fadein}${g_lblNameObj.percent}`;
 	};
 
 	multiAppend(spriteList.fadein,
@@ -4832,15 +4966,13 @@ function createOptionWindow(_sprite) {
 	)
 
 	const fadeinSlider = document.querySelector(`#fadeinSlider`);
-	fadeinSlider.addEventListener(`input`, _ => {
-		g_stateObj.fadein = parseInt(fadeinSlider.value);
-		lnkFadein.textContent = `${g_stateObj.fadein}${getStgDetailName(g_lblNameObj.percent)}`;
-	}, false);
+	fadeinSlider.addEventListener(`input`, _ =>
+		g_stateObj.fadein = inputSlider(fadeinSlider, lnkFadein), false);
 
 	// ---------------------------------------------------
 	// ボリューム (Volume) 
 	// 縦位置: 12
-	createGeneralSetting(spriteList.volume, `volume`, { unitName: getStgDetailName(g_lblNameObj.percent) });
+	createGeneralSetting(spriteList.volume, `volume`, { unitName: g_lblNameObj.percent });
 
 	/**
 	 * 譜面初期化処理
@@ -4858,8 +4990,6 @@ function createOptionWindow(_sprite) {
 		// ---------------------------------------------------
 		// 1. キーコンフィグ設定 (KeyConfig)
 
-		// 特殊キーフラグ
-		g_stateObj.extraKeyFlg = false;
 
 		g_keyObj.currentKey = g_headerObj.keyLabels[g_stateObj.scoreId];
 		const isNotSameKey = (g_keyObj.prevKey !== g_keyObj.currentKey);
@@ -4867,15 +4997,8 @@ function createOptionWindow(_sprite) {
 		if (g_headerObj.dummyScoreNos !== undefined) {
 			g_stateObj.dummyId = setVal(g_headerObj.dummyScoreNos[g_stateObj.scoreId], ``, C_TYP_NUMBER);
 		}
-
-		if (g_rootObj.keyExtraList !== undefined) {
-			g_rootObj.keyExtraList.split(`,`).some(extraKey => {
-				if (g_keyObj.currentKey === extraKey) {
-					g_stateObj.extraKeyFlg = true;
-					return true;
-				}
-			});
-		}
+		// 特殊キーフラグ
+		g_stateObj.extraKeyFlg = g_headerObj.keyExtraList.includes(g_keyObj.currentKey);
 
 		// ---------------------------------------------------
 		// 2. 初期化設定
@@ -4961,7 +5084,7 @@ function createOptionWindow(_sprite) {
 
 		// 譜面名設定 (Difficulty)
 		const difWidth = parseFloat(lnkDifficulty.style.width);
-		const difNames = [`${getKeyName(g_keyObj.currentKey)} key / ${g_headerObj.difLabels[g_stateObj.scoreId]}`];
+		const difNames = [`${getKeyName(g_keyObj.currentKey)} ${getStgDetailName('key')} / ${g_headerObj.difLabels[g_stateObj.scoreId]}`];
 		lnkDifficulty.style.fontSize = `${getFontSize(difNames[0], difWidth, getBasicFont(), C_SIZ_SETLBL)}px`;
 
 		if (g_headerObj.makerView) {
@@ -4974,7 +5097,7 @@ function createOptionWindow(_sprite) {
 		lnkDifficulty.innerHTML = difNames.join(``);
 
 		// 速度設定 (Speed)
-		setSetting(0, `speed`, ` ${getStgDetailName(g_lblNameObj.multi)}`);
+		setSetting(0, `speed`, ` ${g_lblNameObj.multi}`);
 		if (g_headerObj.scoreDetailUse) {
 			drawSpeedGraph(g_stateObj.scoreId);
 			drawDensityGraph(g_stateObj.scoreId);
@@ -5009,12 +5132,7 @@ function createOptionWindow(_sprite) {
 		setGauge(0);
 
 		// ユーザカスタムイベント(初期)
-		if (typeof customSetDifficulty === C_TYP_FUNCTION) {
-			customSetDifficulty(_initFlg, g_canLoadDifInfoFlg);
-			if (typeof customSetDifficulty2 === C_TYP_FUNCTION) {
-				customSetDifficulty2(_initFlg, g_canLoadDifInfoFlg);
-			}
-		}
+		g_customJsObj.difficulty.forEach(func => func(_initFlg, g_canLoadDifInfoFlg));
 
 		// ---------------------------------------------------
 		// 4. 譜面初期情報ロード許可フラグの設定
@@ -5310,12 +5428,7 @@ function settingsDisplayInit() {
 	);
 
 	// ユーザカスタムイベント(初期)
-	if (typeof customSettingsDisplayInit === C_TYP_FUNCTION) {
-		customSettingsDisplayInit();
-		if (typeof customSettingsDisplayInit2 === C_TYP_FUNCTION) {
-			customSettingsDisplayInit2();
-		}
-	}
+	g_customJsObj.settingsDisplay.forEach(func => func());
 
 	// ボタン描画
 	commonSettingBtn(`Settings`);
@@ -5324,12 +5437,7 @@ function settingsDisplayInit() {
 	setShortcutEvent(g_currentPage);
 	document.oncontextmenu = _ => true;
 
-	if (typeof skinSettingsDisplayInit === C_TYP_FUNCTION) {
-		skinSettingsDisplayInit();
-		if (typeof skinSettingsDisplayInit2 === C_TYP_FUNCTION) {
-			skinSettingsDisplayInit2();
-		}
-	}
+	g_skinJsObj.settingsDisplay.forEach(func => func());
 }
 
 /**
@@ -5371,13 +5479,13 @@ function createSettingsDisplayWindow(_sprite) {
 
 	// Hidden+/Sudden+初期値用スライダー、ロックボタン
 	multiAppend(spriteList.appearance,
-		createDivCss2Label(`lblAppearancePos`, `${g_hidSudObj.filterPos}${getStgDetailName(g_lblNameObj.percent)}`, {
+		createDivCss2Label(`lblAppearancePos`, `${g_hidSudObj.filterPos}${g_lblNameObj.percent}`, {
 			x: C_LEN_SETLBL_LEFT, y: 20, siz: 12, align: C_ALIGN_CENTER,
 		}),
 		createDivCss2Label(`lblAppearanceBar`, `<input id="appearanceSlider" type="range" value="${g_hidSudObj.filterPos}" min="0" max="100" step="1">`, {
 			x: C_LEN_SETLBL_LEFT, y: 15,
 		}),
-		createCss2Button(`lnkLockBtn`, `${getStgDetailName(g_lblNameObj.filterLock)}`, evt => setLockView(evt.target), {
+		createCss2Button(`lnkLockBtn`, g_lblNameObj.filterLock, evt => setLockView(evt.target), {
 			x: C_LEN_SETLBL_LEFT + C_LEN_SETLBL_WIDTH - 40, y: 0, w: 40, h: C_LEN_SETLBL_HEIGHT, siz: 12,
 			borderStyle: `solid`, cxtFunc: evt => setLockView(evt.target),
 		}, g_cssObj.button_Default, g_cssObj[`button_Rev${g_stateObj.filterLock}`]),
@@ -5393,10 +5501,8 @@ function createSettingsDisplayWindow(_sprite) {
 	}
 
 	const appearanceSlider = document.querySelector(`#appearanceSlider`);
-	appearanceSlider.addEventListener(`input`, _ => {
-		g_hidSudObj.filterPos = parseInt(appearanceSlider.value);
-		lblAppearancePos.textContent = `${g_hidSudObj.filterPos}${getStgDetailName(g_lblNameObj.percent)}`;
-	}, false);
+	appearanceSlider.addEventListener(`input`, _ =>
+		g_hidSudObj.filterPos = inputSlider(appearanceSlider, lblAppearancePos), false);
 
 	const dispAppearanceSlider = _ => {
 		[`lblAppearancePos`, `lblAppearanceBar`, `lnkLockBtn`].forEach(obj =>
@@ -5409,7 +5515,7 @@ function createSettingsDisplayWindow(_sprite) {
 	// ---------------------------------------------------
 	// 判定表示系の不透明度 (Opacity)
 	// 縦位置: 9
-	createGeneralSetting(spriteList.opacity, `opacity`, { unitName: getStgDetailName(g_lblNameObj.percent), displayName: g_currentPage });
+	createGeneralSetting(spriteList.opacity, `opacity`, { unitName: g_lblNameObj.percent, displayName: g_currentPage });
 
 	/**
 	 * Display表示/非表示ボタン
@@ -5544,7 +5650,7 @@ function keyConfigInit(_kcType = g_kcType) {
 	);
 
 	// キーの一覧を表示
-	const keyconSprite = createEmptySprite(divRoot, `keyconSprite`, { y: 100 + (g_sHeight - 500) / 2, h: 300 });
+	const keyconSprite = createEmptySprite(divRoot, `keyconSprite`, { y: 88 + (g_sHeight - 500) / 2, h: g_sHeight, overflow: `auto` });
 	const tkObj = getKeyInfo();
 	const [keyCtrlPtn, keyNum, posMax, divideCnt] =
 		[tkObj.keyCtrlPtn, tkObj.keyNum, tkObj.posMax, tkObj.divideCnt];
@@ -5554,6 +5660,19 @@ function keyConfigInit(_kcType = g_kcType) {
 	const kWidth = parseInt(keyconSprite.style.width);
 	changeSetColor();
 
+	const maxLeftPos = Math.max(divideCnt, posMax - divideCnt - 2) / 2;
+	const maxLeftX = Math.min(0, (kWidth - C_ARW_WIDTH) / 2 - maxLeftPos * g_keyObj.blank);
+
+	/**
+	 * keyconSpriteのスクロール位置調整
+	 * @param {number} _targetX 
+	 */
+	const adjustScrollPoint = _targetX => {
+		if (maxLeftX !== 0) {
+			keyconSprite.scrollLeft = Math.max(0, _targetX - g_sWidth / 2);
+		}
+	};
+
 	/**
 	 * キーコンフィグ用の矢印色を取得
 	 * @param {number} _colorPos 
@@ -5619,6 +5738,8 @@ function keyConfigInit(_kcType = g_kcType) {
 		const arrowColor = getKeyConfigColor(_j, g_keyObj[`color${keyCtrlPtn}`][_j]);
 		$id(`arrow${_j}`).background = arrowColor;
 		$id(`arrowShadow${_j}`).background = getShadowColor(g_keyObj[`color${keyCtrlPtn}`][_j], arrowColor);
+
+		adjustScrollPoint(parseFloat($id(`arrow${_j}`).left));
 	};
 
 	/**
@@ -5629,6 +5750,8 @@ function keyConfigInit(_kcType = g_kcType) {
 	const changeTmpShuffleNum = (_j, _scrollNum = 1) => {
 		const tmpShuffle = changeTmpData(`shuffle`, 10, _j, _scrollNum);
 		document.getElementById(`sArrow${_j}`).textContent = tmpShuffle + 1;
+
+		adjustScrollPoint(parseFloat($id(`arrow${_j}`).left));
 	};
 
 	for (let j = 0; j < keyNum; j++) {
@@ -5636,8 +5759,8 @@ function keyConfigInit(_kcType = g_kcType) {
 		const posj = g_keyObj[`pos${keyCtrlPtn}`][j];
 		const stdPos = posj - ((posj > divideCnt ? posMax : 0) + divideCnt) / 2;
 
-		const keyconX = g_keyObj.blank * stdPos + (kWidth - C_ARW_WIDTH) / 2;
-		const keyconY = C_KYC_HEIGHT * (Number(posj > divideCnt));
+		const keyconX = g_keyObj.blank * stdPos + (kWidth - C_ARW_WIDTH) / 2 - maxLeftX;
+		const keyconY = C_KYC_HEIGHT * (Number(posj > divideCnt)) + 12;
 		const colorPos = g_keyObj[`color${keyCtrlPtn}`][j];
 		const arrowColor = getKeyConfigColor(j, colorPos);
 
@@ -5697,7 +5820,7 @@ function keyConfigInit(_kcType = g_kcType) {
 
 	// カーソルの作成
 	const cursor = keyconSprite.appendChild(createImg(`cursor`, g_imgObj.cursor,
-		(kWidth - C_ARW_WIDTH) / 2 + g_keyObj.blank * (posj - divideCnt / 2) - 10, 45, 15, 30));
+		(kWidth - C_ARW_WIDTH) / 2 + g_keyObj.blank * (posj - divideCnt / 2) - 10, 57, 15, 30));
 	cursor.style.transitionDuration = `0.125s`;
 
 	const viewGroupObj = {
@@ -5890,13 +6013,17 @@ function keyConfigInit(_kcType = g_kcType) {
 		const posj = g_keyObj[`pos${keyCtrlPtn}`][g_currentj];
 		const stdPos = posj - ((posj > divideCnt ? posMax : 0) + divideCnt) / 2;
 
-		cursor.style.left = `${(kWidth - C_ARW_WIDTH) / 2 + g_keyObj.blank * stdPos - 10}px`;
-		const baseY = C_KYC_HEIGHT * Number(posj > divideCnt) + 45;
+		const nextLeft = (kWidth - C_ARW_WIDTH) / 2 + g_keyObj.blank * stdPos - maxLeftX - 10;
+		cursor.style.left = `${nextLeft}px`;
+		const baseY = C_KYC_HEIGHT * Number(posj > divideCnt) + 57;
 		cursor.style.top = `${baseY + C_KYC_REPHEIGHT * g_currentk}px`;
 		if (g_currentk === 0 && g_kcType === `Replaced`) {
 			g_kcType = C_FLG_ALL;
 			lnkKcType.textContent = getStgDetailName(g_kcType);
 		}
+
+		// 次の位置が見えなくなったらkeyconSpriteの位置を調整する
+		adjustScrollPoint(nextLeft);
 	};
 
 	/**
@@ -5964,6 +6091,7 @@ function keyConfigInit(_kcType = g_kcType) {
 	// ConfigType, ColorTypeの初期設定
 	setConfigType(0);
 	setColorType(0);
+	keyconSprite.scrollLeft = - maxLeftX;
 
 	// キーパターン表示
 	const lblTransKey = hasVal(g_keyObj[`transKey${keyCtrlPtn}`]) ?
@@ -5982,12 +6110,7 @@ function keyConfigInit(_kcType = g_kcType) {
 	};
 
 	// ユーザカスタムイベント(初期)
-	if (typeof customKeyConfigInit === C_TYP_FUNCTION) {
-		customKeyConfigInit();
-		if (typeof customKeyConfigInit2 === C_TYP_FUNCTION) {
-			customKeyConfigInit2();
-		}
-	}
+	g_customJsObj.keyconfig.forEach(func => func());
 
 	// ラベル・ボタン描画
 	multiAppend(divRoot,
@@ -6045,6 +6168,7 @@ function keyConfigInit(_kcType = g_kcType) {
 					}
 				}
 				resetCursor(Number(g_kcType === `Replaced`));
+				keyconSprite.scrollLeft = - maxLeftX;
 			}
 		}, {
 			x: 0, y: g_sHeight - 75,
@@ -6111,15 +6235,8 @@ function keyConfigInit(_kcType = g_kcType) {
 		}
 	});
 
-	if (typeof skinKeyConfigInit === C_TYP_FUNCTION) {
-		skinKeyConfigInit();
-		if (typeof skinKeyConfigInit2 === C_TYP_FUNCTION) {
-			skinKeyConfigInit2();
-		}
-	}
-
+	g_skinJsObj.keyconfig.forEach(func => func());
 	document.onkeyup = evt => commonKeyUp(evt);
-
 	document.oncontextmenu = _ => false;
 }
 
@@ -6198,18 +6315,8 @@ function loadingScoreInit() {
 		g_headerObj.blankFrame = g_headerObj.blankFrameDef;
 
 		// ユーザカスタムイベント
-		if (typeof customPreloadingInit === C_TYP_FUNCTION) {
-			customPreloadingInit();
-			if (typeof customPreloadingInit2 === C_TYP_FUNCTION) {
-				customPreloadingInit2();
-			}
-		}
-		if (typeof skinPreloadingInit === C_TYP_FUNCTION) {
-			skinPreloadingInit();
-			if (typeof skinPreloadingInit2 === C_TYP_FUNCTION) {
-				skinPreloadingInit2();
-			}
-		}
+		g_customJsObj.preloading.forEach(func => func());
+		g_skinJsObj.preloading.forEach(func => func());
 
 		let dummyIdHeader = ``;
 		if (g_stateObj.dummyId !== ``) {
@@ -6229,7 +6336,7 @@ function loadingScoreInit() {
 
 		// 開始フレーム数の取得(フェードイン加味)
 		g_scoreObj.frameNum = getStartFrame(lastFrame, g_stateObj.fadein);
-		g_scoreObj.baseFrame;
+		g_scoreObj.baseFrame = g_scoreObj.frameNum - g_stateObj.intAdjustment;
 
 		// フレームごとの速度を取得（配列形式）
 		let speedOnFrame = setSpeedOnFrame(g_scoreObj.speedData, lastFrame);
@@ -6340,12 +6447,7 @@ function loadingScoreInit() {
 		getArrowSettings();
 
 		// ユーザカスタムイベント
-		if (typeof customLoadingInit === C_TYP_FUNCTION) {
-			customLoadingInit();
-			if (typeof customLoadingInit2 === C_TYP_FUNCTION) {
-				customLoadingInit2();
-			}
-		}
+		g_customJsObj.loading.forEach(func => func());
 
 		const tempId = setInterval(() => {
 			const executeMain = _ => {
@@ -6598,18 +6700,27 @@ function scoreConvert(_dosObj, _scoreId, _preblankFrame, _dummyNo = ``,
 	obj.speedData = setSpeedData(`speed`, scoreIdHeader, speedFooter);
 
 	// 色変化（個別・全体）の分解 (3つで1セット, セット毎の改行区切り可)
-	g_typeLists.color.forEach(sprite =>
-		obj[`${sprite}Data`] = setColorData(sprite, scoreIdHeader));
+	g_typeLists.color.forEach(sprite => {
+		obj[`${sprite}Data`] = setColorData(sprite, scoreIdHeader);
+		if (g_stateObj.dummyId !== ``) {
+			obj[`${sprite}DummyData`] = setColorData(sprite, _dummyNo);
+		}
+	});
 
 	if (_scoreAnalyzeFlg) {
 		return obj;
 	}
 
+	obj.colorData = mergeColorData();
+	obj.dummyColorData = mergeColorData(`Dummy`);
+
 	// 矢印モーション（個別）データの分解（3～4つで1セット, セット毎の改行区切り）
 	obj.arrowCssMotionData = setCssMotionData(`arrow`, scoreIdHeader);
 	obj.frzCssMotionData = setCssMotionData(`frz`, scoreIdHeader);
-	obj.dummyArrowCssMotionData = setCssMotionData(`arrow`, _dummyNo);
-	obj.dummyFrzCssMotionData = setCssMotionData(`frz`, _dummyNo);
+	if (g_stateObj.dummyId !== ``) {
+		obj.dummyArrowCssMotionData = setCssMotionData(`arrow`, _dummyNo);
+		obj.dummyFrzCssMotionData = setCssMotionData(`frz`, _dummyNo);
+	}
 
 	// 歌詞データの分解 (3つで1セット, セット毎の改行区切り可)
 	obj.wordData = [];
@@ -6680,13 +6791,26 @@ function scoreConvert(_dosObj, _scoreId, _preblankFrame, _dummyNo = ``,
 		return [];
 	}
 
+	/**
+	 * 個別・全体色変化データをマージして整列し、単純配列として返却
+	 * @param {string} _header 
+	 * @returns 
+	 */
+	function mergeColorData(_header = ``) {
+		if (obj[`color${_header}Data`] === undefined) return [];
+		const tmpArr = obj[`color${_header}Data`].concat(obj[`acolor${_header}Data`]);
+		return tmpArr.sort((_a, _b) => _a[0] - _b[0]).flat();
+	}
+
 	/**
 	 * 色変化データの分解・格納（フレーム数, 矢印番号）
+	 * 後で個別・全体色変化をマージするため、二次元配列として返却
 	 * @param {string} _header 
 	 * @param {number} _scoreNo 
 	 */
 	function setColorData(_header, _scoreNo) {
 		const colorData = [];
+		const allFlg = (_header.charAt(0) === `a`);
 
 		if (hasVal(_dosObj[`${_header}${_scoreNo}_data`]) && g_stateObj.d_color === C_FLG_ON) {
 			const tmpArrayData = splitLF(_dosObj[`${_header}${_scoreNo}_data`]);
@@ -6703,10 +6827,11 @@ function scoreConvert(_dosObj, _scoreId, _preblankFrame, _dummyNo = ``,
 					const colorNum = setVal(tmpColorData[k + 1], 0, C_TYP_CALC);
 					const colorCd = tmpColorData[k + 2];
 
-					colorData.push([frame, colorNum, colorCd]);
+					// フレーム数、色番号、カラーコード、全体色変化フラグをセットとして配列化
+					colorData.push([frame, colorNum, colorCd, allFlg]);
 				}
 			});
-			return colorData.sort((_a, _b) => _a[0] - _b[0]).flat();
+			return colorData.sort((_a, _b) => _a[0] - _b[0]);
 		}
 		return [];
 	}
@@ -7265,33 +7390,32 @@ function pushArrows(_dataObj, _speedOnFrame, _motionOnFrame, _firstArrivalFrame)
 	}
 
 	// 個別・全体色変化、モーションデータのタイミング更新
-	calcDataTiming(`color`, ``, 3, pushColors, { _colorFlg: true });
-	calcDataTiming(`color`, `a`, 3, pushColors);
-	calcDataTiming(`color`, `shadow`, 3, pushColors, { _colorFlg: true });
-	calcDataTiming(`color`, `ashadow`, 3, pushColors);
+	[``, `dummy`].forEach(type =>
+		calcDataTiming(`color`, type, pushColors, { _colorFlg: true }));
 
-	[`arrow`, `frz`, `dummyArrow`, `dummyFrz`].forEach(header =>
-		calcDataTiming(`CssMotion`, header, 4, pushCssMotions, { _calcFrameFlg: true }));
+	g_typeLists.arrow.forEach(header =>
+		calcDataTiming(`cssMotion`, header, pushCssMotions, { _calcFrameFlg: true }));
 
 	/**
 	 * 色変化・モーションデータのタイミング更新
 	 * @param {string} _type 
 	 * @param {string} _header 
-	 * @param {integer} _term 
 	 * @param {function} _setFunc 
 	 * @param {object} obj _colorFlg: 個別色変化フラグ, _calcFrameFlg: 逆算を無条件で行うかどうかの可否
 	 * @returns 
 	 */
-	function calcDataTiming(_type, _header, _term, _setFunc = _ => true,
-		{ _colorFlg = false, _calcFrameFlg = false } = {}) {
-		const baseData = _dataObj[`${_header}${_type}Data`];
+	function calcDataTiming(_type, _header, _setFunc = _ => true,
+		{ _term = 4, _colorFlg = false, _calcFrameFlg = false } = {}) {
+
+		const camelHeader = _header === `` ? _type : `${_header}${toCapitalize(_type)}`;
+		const baseData = _dataObj[`${camelHeader}Data`];
 
 		if (!hasArrayList(baseData, _term)) {
 			return;
 		}
 		const frontData = [];
 		for (let k = baseData.length - _term; k >= 0; k -= _term) {
-			const calcFrameFlg = (_colorFlg && !isFrzHitColor(baseData[k + 1])) || _calcFrameFlg;
+			const calcFrameFlg = (_colorFlg && !isFrzHitColor(baseData[k + 1]) && !baseData[k + 3]) || _calcFrameFlg;
 
 			if (baseData[k] < g_scoreObj.frameNum) {
 				if (!hasValInArray(baseData[k + 1], frontData)) {
@@ -7314,6 +7438,74 @@ function pushArrows(_dataObj, _speedOnFrame, _motionOnFrame, _firstArrivalFrame)
 		frontData.forEach(data => _setFunc(toCapitalize(_header), g_scoreObj.frameNum, ...data));
 	}
 
+	g_fadeinStockList.forEach(type =>
+		_dataObj[`${type}Data`] = calcAnimationData(type, _dataObj[`${type}Data`]));
+
+	/**
+	 * 歌詞表示、背景・マスク表示のフェードイン時調整処理
+	 * @param {string} _type
+	 * @param {object} _data 
+	 * @returns 
+	 */
+	function calcAnimationData(_type, _data) {
+
+		const startNum = g_scoreObj.frameNum;
+		const cgArrays = [`word`];
+
+		const isSameDepth = (_j, _k) =>
+			_data[startNum][_j] !== undefined &&
+			_data[startNum][_k] !== undefined &&
+			(cgArrays.includes(_type) ? _data[startNum][_j][0] === _data[startNum][_k][0] :
+				_data[startNum][_j].depth === _data[startNum][_k].depth);
+
+		const fuzzyCheck = (_str, _list) => listMatching(_str, _list);
+		const isExceptData = {
+			word: (_exceptList, _j) => fuzzyCheck(_data[startNum][_j][1], _exceptList.word),
+			back: (_exceptList, _j) => fuzzyCheck(_data[startNum][_j].animationName, _exceptList.back),
+			mask: (_exceptList, _j) => fuzzyCheck(_data[startNum][_j].animationName, _exceptList.mask),
+		};
+
+		const getLength = _list =>
+			_list === undefined ? 0 :
+				(cgArrays.includes(_type) ? _list.length : Object.keys(_list).length);
+
+		// フェードイン位置にそれ以前のデータを前追加
+		if (startNum > 0 && _data[startNum] === undefined) {
+			_data[startNum] = [];
+		}
+		for (let j = _data.length - 1; j >= 0; j--) {
+			if (_data[j] !== undefined && j < g_scoreObj.frameNum) {
+				_data[startNum].unshift(..._data[j]);
+				_data[j] = undefined;
+			}
+		}
+
+		// 重複する深度をカット（後方優先）
+		// ただし、除外リストにあるデータは残す
+		for (let j = getLength(_data[startNum]) - 1; j >= 0; j--) {
+			if (_data[startNum][j] !== undefined) {
+				for (let k = j - 1; k >= 0; k--) {
+					if (isSameDepth(j, k) && !isExceptData[_type](g_preloadExceptList, k)) {
+						_data[startNum][k] = undefined;
+					}
+				}
+			}
+		}
+		// g_stockForceDelList に合致する消去対象データを検索し、削除
+		for (let j = getLength(_data[startNum]) - 1; j >= 0; j--) {
+			if (_data[startNum][j] !== undefined && isExceptData[_type](g_stockForceDelList, j)) {
+				_data[startNum][j] = undefined;
+			}
+		}
+
+		// カットした箇所をリストから削除
+		if (getLength(_data[startNum], _type) > 0) {
+			_data[startNum] = _data[startNum].filter(list => getLength(list) > 0);
+		}
+
+		return _data;
+	}
+
 	// 実際に処理させる途中変速配列を作成
 	g_workObj.speedData = [];
 	g_workObj.speedData.length = 0;
@@ -7408,54 +7600,108 @@ function convertreplaceNums() {
  * @param {number} _frame 
  * @param {number} _val 
  * @param {string} _colorCd 
+ * @param {string} _allFlg
  */
-function pushColors(_header, _frame, _val, _colorCd) {
+function pushColors(_header, _frame, _val, _colorCd, _allFlg) {
 
 	const tkObj = getKeyInfo();
 	const grdFlg = (g_colorType === `Type0` ? !g_headerObj.defaultColorgrd[0] : g_headerObj.defaultColorgrd[0])
 	const colorCd = makeColorGradation(_colorCd, { _defaultColorgrd: [grdFlg, g_headerObj.defaultColorgrd[1]] });
+	const addAll = Number(_allFlg) * 1000;
+	const allUseTypes = [];
+
+	/**
+	 * 色変化用配列（フレーム別）の初期化
+	 * @param {string} _baseStr 
+	 */
+	const initialize = (_baseStr) => {
+		if (g_workObj[_baseStr][_frame] === undefined) {
+			g_workObj[_baseStr][_frame] = [];
+			g_workObj[`${_baseStr}Cd`][_frame] = [];
+		}
+	};
+
+	/**
+	 * 全体色変化の有効化（フレーム別）
+	 * @param  {...any} _types 
+	 */
+	const enabledAll = (..._types) => {
+		if (_allFlg) {
+			_types.forEach(type => g_workObj[`mk${type}ColorChangeAll`][_frame] = true);
+		}
+	};
+
+	/**
+	 * 色変化用配列（フレーム別）へのデータ追加
+	 * @param {string} _baseStr 
+	 * @param {number} _cVal 
+	 */
+	const pushColor = (_baseStr, _cVal) => {
+		g_workObj[_baseStr][_frame].push(_cVal);
+		g_workObj[`${_baseStr}Cd`][_frame].push(colorCd);
+	};
 
 	if (_val < 30 || _val >= 1000) {
-		// 矢印の色変化
-		if (g_workObj[`mk${_header}Color`][_frame] === undefined) {
-			g_workObj[`mk${_header}Color`][_frame] = [];
-			g_workObj[`mk${_header}ColorCd`][_frame] = [];
-		}
-		if (_val < 20 || _val >= 1000) {
-			const realVal = g_workObj.replaceNums[_val % 1000];
-			g_workObj[`mk${_header}Color`][_frame].push(realVal);
-			g_workObj[`mk${_header}ColorCd`][_frame].push(colorCd);
-		} else if (_val >= 20) {
-			const colorNum = _val - 20;
-			for (let j = 0; j < tkObj.keyNum; j++) {
-				if (g_keyObj[`color${tkObj.keyCtrlPtn}`][j] === colorNum) {
-					g_workObj[`mk${_header}Color`][_frame].push(j);
-					g_workObj[`mk${_header}ColorCd`][_frame].push(colorCd);
+		const baseHeaders = [`mk${_header}Color`];
+		allUseTypes.push(`Arrow`);
+
+		// フリーズアロー色の追随設定がある場合、対象を追加
+		g_headerObj.frzScopeFromArrowColors.forEach(type => {
+			baseHeaders.push(`mk${_header}FColor${type}`, `mk${_header}FColor${type}Bar`);
+		});
+		if (g_headerObj.frzScopeFromArrowColors.length > 0) {
+			allUseTypes.push(`Frz`);
+		}
+
+		// 矢印の色変化 (追随指定時はフリーズアローも色変化)
+		baseHeaders.forEach(baseHeader => {
+			initialize(baseHeader);
+
+			if (_val < 20 || _val >= 1000) {
+				pushColor(baseHeader, g_workObj.replaceNums[_val % 1000] + addAll);
+			} else if (_val >= 20) {
+				const colorNum = _val - 20;
+				for (let j = 0; j < tkObj.keyNum; j++) {
+					if (g_keyObj[`color${tkObj.keyCtrlPtn}`][j] === colorNum) {
+						pushColor(baseHeader, j + addAll);
+					}
 				}
 			}
-		}
+		});
+
 	} else {
+		const baseHeader = `mk${_header}FColor`;
+		allUseTypes.push(`Frz`);
+
 		// フリーズアローの色変化
-		if (g_workObj[`mkF${_header}Color`][_frame] === undefined) {
-			g_workObj[`mkF${_header}Color`][_frame] = [];
-			g_workObj[`mkF${_header}ColorCd`][_frame] = [];
-		}
+		const tmpVals = [];
 		if (_val < 50) {
-			g_workObj[`mkF${_header}Color`][_frame].push(_val % 30);
-			g_workObj[`mkF${_header}ColorCd`][_frame].push(colorCd);
+			tmpVals.push(_val % 30);
 		} else if (_val < 60) {
-			const tmpVal = (_val % 50) * 2;
-			g_workObj[`mkF${_header}Color`][_frame].push(tmpVal, tmpVal + 1);
-			g_workObj[`mkF${_header}ColorCd`][_frame].push(colorCd, colorCd);
+			tmpVals.push((_val % 50) * 2, (_val % 50) * 2 + 1);
 		} else {
 			if (_val === 60) {
-				g_workObj[`mkF${_header}Color`][_frame].push(0, 1, 2, 3, 4, 5, 6, 7);
+				tmpVals.push(...Array(8).keys());
 			} else {
-				g_workObj[`mkF${_header}Color`][_frame].push(10, 11, 12, 13, 14, 15, 16, 17);
+				tmpVals.push(...[...Array(8).keys()].map(j => j + 10));
 			}
-			g_workObj[`mkF${_header}ColorCd`][_frame].push(colorCd, colorCd, colorCd, colorCd, colorCd, colorCd, colorCd, colorCd);
 		}
+		tmpVals.forEach(targetj => {
+
+			// targetj=0,2,4,6,8 ⇒ Arrow, 1,3,5,7,9 ⇒ Bar
+			const ctype = (targetj >= 10 ? `Hit` : `Normal`) + (targetj % 2 === 0 ? `` : `Bar`);
+			const colorPos = Math.ceil((targetj % 10 - 1) / 2);
+
+			g_keyObj[`color${tkObj.keyCtrlPtn}`].forEach((cpattern, k) => {
+				if (colorPos === cpattern) {
+					initialize(baseHeader + ctype);
+					pushColor(baseHeader + ctype, k + addAll);
+				}
+			});
+		});
 	}
+
+	enabledAll(...allUseTypes);
 }
 
 /**
@@ -7512,6 +7758,7 @@ function getArrowSettings() {
 	g_workObj.stepHitRtn = copyArray2d(g_keyObj[`stepRtn${keyCtrlPtn}`]);
 	g_workObj.arrowRtn = copyArray2d(g_keyObj[`stepRtn${keyCtrlPtn}`]);
 	g_workObj.keyCtrl = copyArray2d(g_keyObj[`keyCtrl${keyCtrlPtn}`]);
+	g_workObj.diffList = [];
 
 	const keyCtrlLen = g_workObj.keyCtrl.length;
 	g_workObj.keyCtrlN = [...Array(keyCtrlLen)].map(_ => []);
@@ -7690,6 +7937,9 @@ function MainInit() {
 	// マスクスプライトを作成 (最上位)
 	createMultipleSprite(`maskSprite`, g_scoreObj.maskMaxDepth);
 
+	// カラー・モーションを適用するオブジェクトの種類
+	const objList = (g_stateObj.dummyId === `` ? [``] : [`dummy`, ``]);
+
 	// 背景・マスクモーション(0フレーム指定)
 	if (g_scoreObj.frameNum === 0) {
 		g_animationData.forEach(sprite => {
@@ -8083,13 +8333,7 @@ function MainInit() {
 	}
 
 	// ユーザカスタムイベント(初期)
-	if (typeof customMainInit === C_TYP_FUNCTION) {
-		g_scoreObj.baseFrame = g_scoreObj.frameNum - g_stateObj.intAdjustment;
-		customMainInit();
-		if (typeof customMainInit2 === C_TYP_FUNCTION) {
-			customMainInit2();
-		}
-	}
+	g_customJsObj.main.forEach(func => func());
 
 	/**
 	 * キーを押したときの処理
@@ -8188,57 +8432,70 @@ function MainInit() {
 	}
 
 	/**
-	 * 全体色変化
-	 * 
-	 * @param _j 矢印位置
-	 * @param _k 矢印の表示順
-	 * @param _state フリーズアローの色変化対象 (Normal: 通常時、Hit: ヒット時)
+	 * 全体色変化（矢印）
+	 * @param {number} _j 
+	 * @param {number} _k 
+	 * @param {string} _name 
 	 */
-	const changeColorFunc = {
+	const changeArrowColor = (_j, _k, _name) => {
+		if (g_workObj[`mk${toCapitalize(_name)}ColorChangeAll`][g_scoreObj.frameNum]) {
+			const colorSelf = g_workObj[`${_name}Colors`][_j];
+			const colorAll = g_workObj[`${_name}ColorsAll`][_j];
+			const arrowTop = document.querySelector(`#${_name}Top${_j}_${_k}`);
 
-		// TODO: この部分を矢印塗りつぶし部分についても適用できるように対応
-		arrow: (_j, _k) => {
-			const arrowTop = document.querySelector(`#arrowTop${_j}_${_k}`);
-			if (g_workObj.mkAColor[g_scoreObj.frameNum] !== undefined) {
-				if (arrowTop.getAttribute(`color`) !== g_workObj.arrowColors[_j]) {
-					if (g_workObj.arrowColors[_j] === g_workObj.arrowColorsAll[_j]) {
-						arrowTop.style.background = g_workObj.arrowColorsAll[_j];
-						arrowTop.setAttribute(`color`, g_workObj.arrowColorsAll[_j]);
-					}
-				}
+			if (arrowTop.getAttribute(`color`) !== colorSelf && colorAll === colorSelf) {
+				arrowTop.style.background = colorAll;
+				arrowTop.setAttribute(`color`, colorAll);
 			}
-		},
-
-		dummyArrow: (_j, _k) => { },
-
-		// TODO: この部分を矢印塗りつぶし部分についても適用できるように対応
-		frz: (_j, _k, _state) => {
-			const frzTop = document.querySelector(`#frzTop${_j}_${_k}`);
-			const frzBar = document.querySelector(`#frzBar${_j}_${_k}`);
-			const frzBtm = document.querySelector(`#frzBtm${_j}_${_k}`);
+		}
+	};
 
-			if (g_workObj.mkFAColor[g_scoreObj.frameNum] !== undefined) {
-				if (frzBtm.getAttribute(`color`) !== g_workObj[`frz${_state}Colors`][_j]) {
-					const toColorCode = g_workObj[`frz${_state}ColorsAll`][_j];
-					if (g_workObj[`frz${_state}Colors`][_j] === toColorCode) {
-						if (_state === `Normal`) {
-							frzTop.style.background = toColorCode;
-						}
-						frzBtm.style.background = toColorCode;
-						frzBtm.setAttribute(`color`, toColorCode);
+	/**
+	 * 全体色変化（フリーズアロー）
+	 * @param {number} _j 矢印位置
+	 * @param {number} _k 矢印の表示順
+	 * @param {string} _name 通常, ダミー
+	 * @param {string} _state フリーズアローの色変化対象 (Normal: 通常時、Hit: ヒット時)
+	 */
+	const changeFrzColor = (_j, _k, _name, _state) => {
+
+		if (g_workObj[`mk${toCapitalize(_name)}ColorChangeAll`][g_scoreObj.frameNum]) {
+			const frzTop = document.querySelector(`#${_name}Top${_j}_${_k}`);
+			const frzBar = document.querySelector(`#${_name}Bar${_j}_${_k}`);
+			const frzBtm = document.querySelector(`#${_name}Btm${_j}_${_k}`);
+			const frzName = `${_name}${_state}`;
+
+			// 矢印部分の色変化
+			if (frzBtm.getAttribute(`color`) !== g_workObj[`${frzName}Colors`][_j]) {
+				const toColorCode = g_workObj[`${frzName}ColorsAll`][_j];
+				if (g_workObj[`${frzName}Colors`][_j] === toColorCode) {
+					if (_state === `Normal`) {
+						frzTop.style.background = toColorCode;
 					}
+					frzBtm.style.background = toColorCode;
+					frzBtm.setAttribute(`color`, toColorCode);
 				}
-				if (frzBar.getAttribute(`color`) !== g_workObj[`frz${_state}BarColors`][_j]) {
-					const toBarColorCode = g_workObj[`frz${_state}BarColorsAll`][_j];
-					if (g_workObj[`frz${_state}BarColors`][_j] === toBarColorCode) {
-						frzBar.style.background = toBarColorCode;
-						frzBar.setAttribute(`color`, toBarColorCode);
-					}
+			}
+			// 帯部分の色変化
+			if (frzBar.getAttribute(`color`) !== g_workObj[`${frzName}BarColors`][_j]) {
+				const toBarColorCode = g_workObj[`${frzName}BarColorsAll`][_j];
+				if (g_workObj[`${frzName}BarColors`][_j] === toBarColorCode) {
+					frzBar.style.background = toBarColorCode;
+					frzBar.setAttribute(`color`, toBarColorCode);
 				}
 			}
-		},
+		}
+	};
 
-		dummyFrz: (_j, _k, _state) => { },
+
+	/**
+	 * 全体色変化
+	 */
+	const changeColorFunc = {
+		arrow: (_j, _k) => changeArrowColor(_j, _k, `arrow`),
+		dummyArrow: (_j, _k) => changeArrowColor(_j, _k, `dummyArrow`),
+		frz: (_j, _k, _state) => changeFrzColor(_j, _k, `frz`, _state),
+		dummyFrz: (_j, _k, _state) => changeFrzColor(_j, _k, `dummyFrz`, _state),
 	};
 
 	/**
@@ -8294,12 +8551,7 @@ function MainInit() {
 			if (_cnt === 0) {
 				const stepDivHit = document.querySelector(`#stepHit${_j}`);
 
-				if (typeof customJudgeDummyArrow === C_TYP_FUNCTION) {
-					customJudgeDummyArrow(_cnt);
-					if (typeof customJudgeDummyArrow2 === C_TYP_FUNCTION) {
-						customJudgeDummyArrow2(_cnt);
-					}
-				}
+				g_customJsObj.dummyArrow.forEach(func => func());
 				stepDivHit.style.top = `-15px`;
 				stepDivHit.style.opacity = 1;
 				stepDivHit.classList.value = ``;
@@ -8319,12 +8571,7 @@ function MainInit() {
 
 		// ダミーフリーズアロー(成功時)
 		dummyFrzOK: (_j, _k, _frzName, _cnt) => {
-			if (typeof customJudgeDummyFrz === C_TYP_FUNCTION) {
-				customJudgeDummyFrz(_cnt);
-				if (typeof customJudgeDummyFrz2 === C_TYP_FUNCTION) {
-					customJudgeDummyFrz2(_cnt);
-				}
-			}
+			g_customJsObj.dummyFrz.forEach(func => func());
 			$id(`frzHit${_j}`).opacity = 0;
 			g_attrObj[_frzName].judgEndFlg = true;
 			judgeObjDelete.dummyFrz(_j, _frzName);
@@ -8478,7 +8725,7 @@ function MainInit() {
 		if (g_headerObj.setShadowColor[colorPos] !== ``) {
 			// 矢印の塗り部分
 			const arrShadow = createColorObject2(`${_name}Shadow${_j}_${_arrowCnt}`, {
-				background: getShadowColor(colorPos, g_workObj.arrowColors[_j]), rotate: g_workObj.arrowRtn[_j], styleName: `Shadow`,
+				background: getShadowColor(colorPos, _color), rotate: g_workObj.arrowRtn[_j], styleName: `Shadow`,
 			});
 			if (g_headerObj.setShadowColor[colorPos] === `Default`) {
 				arrShadow.style.opacity = 0.5;
@@ -8706,11 +8953,8 @@ function MainInit() {
 		}
 
 		// ユーザカスタムイベント(フレーム毎)
-		if (typeof customMainEnterFrame === C_TYP_FUNCTION) {
-			customMainEnterFrame();
-			if (typeof customMainEnterFrame2 === C_TYP_FUNCTION) {
-				customMainEnterFrame2();
-			}
+		g_customJsObj.mainEnterFrame.forEach(func => func());
+		if (g_customJsObj.mainEnterFrame.length > 0) {
 			g_scoreObj.baseFrame++;
 		}
 
@@ -8724,36 +8968,30 @@ function MainInit() {
 			boostCnts += 2;
 		}
 
-		// 個別色変化 (矢印)
-		changeArrowColors(g_workObj.mkColor[currentFrame], g_workObj.mkColorCd[currentFrame]);
-
-		// 個別色変化（フリーズアロー）
-		changeFrzColors(g_workObj.mkFColor[currentFrame], g_workObj.mkFColorCd[currentFrame],
-			g_keyObj[`color${keyCtrlPtn}`]);
-
-		// 全体色変化 (矢印)
-		changeArrowColors(g_workObj.mkAColor[currentFrame], g_workObj.mkAColorCd[currentFrame], `A`);
+		objList.forEach(header => {
+			const headerU = toCapitalize(header);
 
-		// 全体色変化 (フリーズアロー)
-		changeFrzColors(g_workObj.mkFAColor[currentFrame], g_workObj.mkFAColorCd[currentFrame],
-			g_keyObj[`color${keyCtrlPtn}`], `A`);
+			// 個別・全体色変化 (矢印)
+			changeColors(g_workObj[`mk${headerU}Color`][currentFrame],
+				g_workObj[`mk${headerU}ColorCd`][currentFrame], header, `arrow`);
 
-		// 矢印モーション
-		changeCssMotions(g_workObj.mkArrowCssMotion[currentFrame], g_workObj.mkArrowCssMotionName[currentFrame], `arrow`);
+			// 個別・全体色変化（フリーズアロー）
+			g_typeLists.frzColor.forEach(ctype =>
+				changeColors(g_workObj[`mk${headerU}FColor${ctype}`][currentFrame],
+					g_workObj[`mk${headerU}FColor${ctype}Cd`][currentFrame], header, `frz${ctype}`));
 
-		// フリーズアローモーション
-		changeCssMotions(g_workObj.mkFrzCssMotion[currentFrame], g_workObj.mkFrzCssMotionName[currentFrame], `frz`);
+			// 矢印モーション
+			changeCssMotions(header, `arrow`, currentFrame);
 
-		// ダミー矢印モーション
-		changeCssMotions(g_workObj.mkDummyArrowCssMotion[currentFrame], g_workObj.mkDummyArrowCssMotionName[currentFrame], `dummyArrow`);
+			// フリーズアローモーション
+			changeCssMotions(header, `frz`, currentFrame);
 
-		// ダミーフリーズアローモーション
-		changeCssMotions(g_workObj.mkDummyFrzCssMotion[currentFrame], g_workObj.mkDummyFrzCssMotionName[currentFrame], `dummyFrz`);
+		});
 
 		// ダミー矢印生成（背面に表示するため先に処理）
 		if (g_workObj.mkDummyArrow[currentFrame] !== undefined) {
 			g_workObj.mkDummyArrow[currentFrame].forEach(data =>
-				makeArrow(data, ++dummyArrowCnts[data], `dummyArrow`, C_CLR_DUMMY));
+				makeArrow(data, ++dummyArrowCnts[data], `dummyArrow`, g_workObj.dummyArrowColors[data]));
 		}
 
 		// 矢印生成
@@ -8765,7 +9003,7 @@ function MainInit() {
 		// ダミーフリーズアロー生成
 		if (g_workObj.mkDummyFrzArrow[currentFrame] !== undefined) {
 			g_workObj.mkDummyFrzArrow[currentFrame].forEach(data =>
-				makeFrzArrow(data, ++dummyFrzCnts[data], `dummyFrz`, C_CLR_DUMMY, `#888888`));
+				makeFrzArrow(data, ++dummyFrzCnts[data], `dummyFrz`, g_workObj.dummyFrzNormalColors[data], g_workObj.dummyFrzNormalBarColors[data]));
 		}
 
 		// フリーズアロー生成
@@ -8911,12 +9149,7 @@ function MainInit() {
 			g_timeoutEvtId = setTimeout(_ => flowTimeline(), 1000 / g_fps - buffTime);
 		}
 	}
-	if (typeof skinMainInit === C_TYP_FUNCTION) {
-		skinMainInit();
-		if (typeof skinMainInit2 === C_TYP_FUNCTION) {
-			skinMainInit2();
-		}
-	}
+	g_skinJsObj.main.forEach(func => func());
 
 	g_audio.currentTime = firstFrame / g_fps * g_headerObj.playbackRate;
 	g_audio.playbackRate = g_headerObj.playbackRate;
@@ -8986,68 +9219,46 @@ function makeCounterSymbol(_id, _x, _class, _heightPos, _text, _display = C_DIS_
 // TODO: この部分を矢印塗りつぶし部分についても適用できるように関数を見直し
 
 /**
- * 個別色変化 (矢印)
+ * 個別・全体色変化
  * @param {array} _mkColor 
  * @param {array} _mkColorCd 
- * @param {string} _allFlg
- */
-function changeArrowColors(_mkColor, _mkColorCd, _allFlg = ``) {
-
-	if (_mkColor === undefined) {
-		return;
-	}
-	_mkColor.forEach((targetj, j) => {
-		g_workObj.arrowColors[targetj] = _mkColorCd[j];
-		if (_allFlg === `A`) {
-			g_workObj.arrowColorsAll[targetj] = _mkColorCd[j];
-		}
-	});
-}
-
-/**
- * 個別色変化 (フリーズアロー)
- * @param {array} _mkColor 
- * @param {array} _mkColorCd 
- * @param {array} _colorPatterns 
- * @param {string} _allFlg
+ * @param {string} _header
+ * @param {string} _name
  */
-function changeFrzColors(_mkColor, _mkColorCd, _colorPatterns, _allFlg = ``) {
+function changeColors(_mkColor, _mkColorCd, _header, _name) {
 
 	if (_mkColor === undefined) {
 		return;
 	}
-	_mkColor.forEach((targetj, j) => {
-
-		// targetj=0,2,4,6,8 ⇒ Arrow, 1,3,5,7,9 ⇒ Bar
-		const ctype = (targetj >= 10 ? `Hit` : `Normal`) + (targetj % 2 === 0 ? `` : `Bar`);
-		const colorPos = Math.ceil((targetj % 10 - 1) / 2);
-
-		_colorPatterns.forEach((cpattern, k) => {
-			if (colorPos === cpattern) {
-				g_workObj[`frz${ctype}Colors`][k] = _mkColorCd[j];
-				if (_allFlg === `A`) {
-					g_workObj[`frz${ctype}ColorsAll`][k] = _mkColorCd[j];
-					if (ctype === `HitBar` && isNaN(Number(g_workObj.arrowRtn[k]))) {
-						$id(`frzHitTop${k}`).background = _mkColorCd[j];
-					}
-				}
+	const camelHeader = _header === `` ? _name : `${_header}${toCapitalize(_name)}`;
+	_mkColor.forEach((tempj, j) => {
+		const targetj = tempj % 1000;
+		g_workObj[`${camelHeader}Colors`][targetj] = _mkColorCd[j];
+		if (tempj >= 1000) {
+			g_workObj[`${camelHeader}ColorsAll`][targetj] = _mkColorCd[j];
+			if (camelHeader.indexOf(`frzHitBar`) !== -1 && isNaN(Number(g_workObj.arrowRtn[targetj]))) {
+				$id(`frzHitTop${targetj}`).background = _mkColorCd[j];
 			}
-		});
+		}
 	});
 }
 
 /**
  * 個別モーション
- * @param {array} _mkCssMotion 
- * @param {array} _mkCssMotionName 
+ * @param {string} _header
  * @param {string} _name
+ * @param {number} _frameNum
  */
-function changeCssMotions(_mkCssMotion, _mkCssMotionName, _name) {
+function changeCssMotions(_header, _name, _frameNum) {
 
-	if (_mkCssMotion !== undefined) {
-		for (let j = 0; j < _mkCssMotion.length; j++) {
-			const targetj = _mkCssMotion[j];
-			g_workObj[`${_name}CssMotions`][targetj] = _mkCssMotionName[2 * j + g_workObj.dividePos[targetj]];
+	const camelHeader = _header === `` ? _name : `${_header}${toCapitalize(_name)}`;
+	const frameData = g_workObj[`mk${toCapitalize(camelHeader)}CssMotion`][_frameNum];
+
+	if (frameData !== undefined) {
+		for (let j = 0; j < frameData.length; j++) {
+			const targetj = frameData[j];
+			g_workObj[`${camelHeader}CssMotions`][targetj] =
+				g_workObj[`mk${toCapitalize(camelHeader)}CssMotionName`][_frameNum][2 * j + g_workObj.dividePos[targetj]];
 		}
 	}
 }
@@ -9212,6 +9423,7 @@ function judgeArrow(_j) {
  */
 function displayDiff(_difFrame, _justFrames = 0) {
 	let diffJDisp = ``;
+	g_workObj.diffList.push(_difFrame);
 	const difCnt = Math.abs(_difFrame);
 	if (_difFrame > _justFrames) {
 		diffJDisp = `<span class="common_matari">Fast ${difCnt} Frames</span>`;
@@ -9303,24 +9515,42 @@ function updateCombo() {
 }
 
 /**
- * 判定処理：イイ
- * @param {number} difFrame 
+ * 回復判定の共通処理
+ * @param {string} _name 
+ * @param {number} _difFrame 
  */
-function judgeIi(difFrame) {
-	changeJudgeCharacter(`ii`, g_lblNameObj.j_ii);
+function judgeRecovery(_name, _difFrame) {
+	changeJudgeCharacter(_name, g_lblNameObj[`j_${_name}`]);
 
 	updateCombo();
-	displayDiff(difFrame, g_headerObj.justFrames);
+	displayDiff(_difFrame, g_headerObj.justFrames);
 
 	lifeRecovery();
 	finishViewing();
 
-	if (typeof customJudgeIi === C_TYP_FUNCTION) {
-		customJudgeIi(difFrame);
-		if (typeof customJudgeIi2 === C_TYP_FUNCTION) {
-			customJudgeIi2(difFrame);
-		}
-	}
+	g_customJsObj[`judg_${_name}`].forEach(func => func(_difFrame));
+}
+
+/**
+ * ダメージ系共通処理
+ * @param {string} _name 
+ * @param {number} _difFrame 
+ */
+function judgeDamage(_name, _difFrame) {
+	changeJudgeCharacter(_name, g_lblNameObj[`j_${_name}`]);
+	g_resultObj.combo = 0;
+	comboJ.textContent = ``;
+	diffJ.textContent = ``;
+	lifeDamage();
+	g_customJsObj[`judg_${_name}`].forEach(func => func(_difFrame));
+}
+
+/**
+ * 判定処理：イイ
+ * @param {number} difFrame 
+ */
+function judgeIi(difFrame) {
+	judgeRecovery(`ii`, difFrame);
 }
 
 /**
@@ -9328,20 +9558,7 @@ function judgeIi(difFrame) {
  * @param {number} difFrame 
  */
 function judgeShakin(difFrame) {
-	changeJudgeCharacter(`shakin`, g_lblNameObj.j_shakin);
-
-	updateCombo();
-	displayDiff(difFrame, g_headerObj.justFrames);
-
-	lifeRecovery();
-	finishViewing();
-
-	if (typeof customJudgeShakin === C_TYP_FUNCTION) {
-		customJudgeShakin(difFrame);
-		if (typeof customJudgeShakin2 === C_TYP_FUNCTION) {
-			customJudgeShakin2(difFrame);
-		}
-	}
+	judgeRecovery(`shakin`, difFrame);
 }
 
 /**
@@ -9355,22 +9572,7 @@ function judgeMatari(difFrame) {
 	displayDiff(difFrame, g_headerObj.justFrames);
 	finishViewing();
 
-	if (typeof customJudgeMatari === C_TYP_FUNCTION) {
-		customJudgeMatari(difFrame);
-		if (typeof customJudgeMatari2 === C_TYP_FUNCTION) {
-			customJudgeMatari2(difFrame);
-		}
-	}
-}
-
-/**
- * ダメージ系共通処理
- */
-function judgeDamage() {
-	g_resultObj.combo = 0;
-	comboJ.textContent = ``;
-	diffJ.textContent = ``;
-	lifeDamage();
+	g_customJsObj.judg_matari.forEach(func => func(difFrame));
 }
 
 /**
@@ -9378,15 +9580,7 @@ function judgeDamage() {
  * @param {number} difFrame 
  */
 function judgeShobon(difFrame) {
-	changeJudgeCharacter(`shobon`, g_lblNameObj.j_shobon);
-	judgeDamage();
-
-	if (typeof customJudgeShobon === C_TYP_FUNCTION) {
-		customJudgeShobon(difFrame);
-		if (typeof customJudgeShobon2 === C_TYP_FUNCTION) {
-			customJudgeShobon2(difFrame);
-		}
-	}
+	judgeDamage(`shobon`, difFrame);
 }
 
 /**
@@ -9394,15 +9588,7 @@ function judgeShobon(difFrame) {
  * @param {number} difFrame 
  */
 function judgeUwan(difFrame) {
-	changeJudgeCharacter(`uwan`, g_lblNameObj.j_uwan);
-	judgeDamage();
-
-	if (typeof customJudgeUwan === C_TYP_FUNCTION) {
-		customJudgeUwan(difFrame);
-		if (typeof customJudgeUwan2 === C_TYP_FUNCTION) {
-			customJudgeUwan2(difFrame);
-		}
-	}
+	judgeDamage(`uwan`, difFrame);
 }
 
 /**
@@ -9421,12 +9607,7 @@ function judgeKita(difFrame) {
 	lifeRecovery();
 	finishViewing();
 
-	if (typeof customJudgeKita === C_TYP_FUNCTION) {
-		customJudgeKita(difFrame);
-		if (typeof customJudgeKita2 === C_TYP_FUNCTION) {
-			customJudgeKita2(difFrame);
-		}
-	}
+	g_customJsObj.judg_kita.forEach(func => func(difFrame));
 }
 
 /**
@@ -9440,12 +9621,7 @@ function judgeIknai(difFrame) {
 
 	lifeDamage();
 
-	if (typeof customJudgeIknai === C_TYP_FUNCTION) {
-		customJudgeIknai(difFrame);
-		if (typeof customJudgeIknai2 === C_TYP_FUNCTION) {
-			customJudgeIknai2(difFrame);
-		}
-	}
+	g_customJsObj.judg_iknai.forEach(func => func(difFrame));
 }
 
 // クリア表示
@@ -9527,6 +9703,20 @@ function resultInit() {
 		}
 	}
 
+	// diffListから適正Adjを算出（20個以下の場合は算出しない）
+	const getSign = _val => (_val > 0 ? `+` : ``);
+	const getDiffFrame = _val => `${getSign(_val)}${_val}${g_lblNameObj.frame}`;
+	const diffLength = g_workObj.diffList.length;
+	const bayesFunc = (_offset, _length) => {
+		let result = 0;
+		for (let j = _offset; j < _length; j++) {
+			result += (_length - j) * (j + 1) * g_workObj.diffList[j];
+		}
+		return result;
+	};
+	const bayesExVal = 6 * bayesFunc(0, diffLength) / (diffLength * (diffLength + 1) * (diffLength + 2));
+	const estimatedAdj = (diffLength <= 20 ? `` : Math.round((g_stateObj.adjustment - bayesExVal) * 10) / 10);
+
 	// 背景スプライトを作成
 	createMultipleSprite(`backResultSprite`, g_headerObj.backResultMaxDepth);
 
@@ -9591,14 +9781,14 @@ function resultInit() {
 	}
 
 	let difData = [
-		`${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyData} key / ${g_headerObj.difLabels[g_stateObj.scoreId]}`,
+		`${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyData} ${getStgDetailName('key')} / ${g_headerObj.difLabels[g_stateObj.scoreId]}`,
 		`${withOptions(g_autoPlaysBase.includes(g_stateObj.autoPlay), true, `-${getStgDetailName(g_stateObj.autoPlay)}${getStgDetailName('less')}`)}`,
 		`${withOptions(g_headerObj.makerView, false, `(${g_headerObj.creatorNames[g_stateObj.scoreId]})`)}`,
 		`${withOptions(g_stateObj.shuffle, C_FLG_OFF, `[${getShuffleName()}]`)}`
 	].filter(value => value !== ``).join(` `);
 
 	let playStyleData = [
-		`${g_stateObj.speed}${getStgDetailName(g_lblNameObj.multi)}`,
+		`${g_stateObj.speed}${g_lblNameObj.multi}`,
 		`${withOptions(g_stateObj.motion, C_FLG_OFF)}`,
 		`${withOptions(g_stateObj.reverse, C_FLG_OFF,
 			getStgDetailName(g_stateObj.scroll !== '---' ? 'R-' : 'Reverse'))}${withOptions(g_stateObj.scroll, '---')}`,
@@ -9684,6 +9874,12 @@ function resultInit() {
 			makeCssResultSymbol(`lblFastS`, 260, g_cssObj.score, 1, g_resultObj.fast, C_ALIGN_RIGHT),
 			makeCssResultSymbol(`lblSlowS`, 260, g_cssObj.score, 3, g_resultObj.slow, C_ALIGN_RIGHT),
 		);
+		if (estimatedAdj !== ``) {
+			multiAppend(resultWindow,
+				makeCssResultSymbol(`lblAdj`, 350, g_cssObj.common_shakin, 4, g_lblNameObj.j_adj),
+				makeCssResultSymbol(`lblAdjS`, 260, g_cssObj.score, 5, `${getDiffFrame(estimatedAdj)}`, C_ALIGN_RIGHT),
+			);
+		}
 	}
 
 	// ランク描画
@@ -9729,7 +9925,7 @@ function resultInit() {
 
 	// ハイスコア差分計算
 	const assistFlg = (g_autoPlaysBase.includes(g_stateObj.autoPlay) ? `` : `-${g_stateObj.autoPlay}less`);
-	let scoreName = `${g_headerObj.keyLabels[g_stateObj.scoreId]}k-${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}`;
+	let scoreName = `${g_headerObj.keyLabels[g_stateObj.scoreId]}${getStgDetailName('k-')}${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}`;
 	if (g_headerObj.makerView) {
 		scoreName += `-${g_headerObj.creatorNames[g_stateObj.scoreId]}`;
 	}
@@ -9757,18 +9953,13 @@ function resultInit() {
 		});
 
 	} else {
-		resultWindow.appendChild(makeCssResultSymbol(`lblAutoView`, 230, g_cssObj.result_noRecord, 4, `(No Record)`));
+		resultWindow.appendChild(makeCssResultSymbol(`lblAutoView`, 215, g_cssObj.result_noRecord, 4, `(No Record)`));
 		const lblAutoView = document.querySelector(`#lblAutoView`);
-		lblAutoView.style.fontSize = `24px`;
+		lblAutoView.style.fontSize = `20px`;
 	}
 
 	// ユーザカスタムイベント(初期)
-	if (typeof customResultInit === C_TYP_FUNCTION) {
-		customResultInit();
-		if (typeof customResultInit2 === C_TYP_FUNCTION) {
-			customResultInit2();
-		}
-	}
+	g_customJsObj.result.forEach(func => func());
 
 	if (highscoreCondition) {
 
@@ -9818,7 +10009,7 @@ function resultInit() {
 	// Twitter用リザルト
 	// スコアを上塗りする可能性があるため、カスタムイベント後に配置
 	const hashTag = (g_headerObj.hashTag !== undefined ? ` ${g_headerObj.hashTag}` : ``);
-	let tweetDifData = `${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyData}k-${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}`;
+	let tweetDifData = `${getKeyName(g_headerObj.keyLabels[g_stateObj.scoreId])}${transKeyData}${getStgDetailName('k-')}${g_headerObj.difLabels[g_stateObj.scoreId]}${assistFlg}`;
 	if (g_stateObj.shuffle !== `OFF`) {
 		tweetDifData += `:${getShuffleName()}`;
 	}
@@ -9869,8 +10060,7 @@ function resultInit() {
 
 		// リザルトデータをクリップボードへコピー
 		createCss2Button(`btnCopy`, g_lblNameObj.b_copy, _ => {
-			copyTextToClipboard(resultText);
-			makeInfoWindow(g_msgInfoObj.I_0001, `leftToRightFade`);
+			copyTextToClipboard(resultText, g_msgInfoObj.I_0001);
 		}, {
 			x: g_sWidth / 4,
 			w: g_sWidth / 2,
@@ -9928,12 +10118,7 @@ function resultInit() {
 	function flowResultTimeline() {
 
 		// ユーザカスタムイベント(フレーム毎)
-		if (typeof customResultEnterFrame === C_TYP_FUNCTION) {
-			customResultEnterFrame();
-			if (typeof customResultEnterFrame2 === C_TYP_FUNCTION) {
-				customResultEnterFrame2();
-			}
-		}
+		g_customJsObj.resultEnterFrame.forEach(func => func());
 
 		// 背景・マスクモーション
 		drawTitleResultMotion(g_currentPage);
@@ -9969,12 +10154,7 @@ function resultInit() {
 	setShortcutEvent(g_currentPage);
 	document.oncontextmenu = _ => true;
 
-	if (typeof skinResultInit === C_TYP_FUNCTION) {
-		skinResultInit();
-		if (typeof skinResultInit2 === C_TYP_FUNCTION) {
-			skinResultInit2();
-		}
-	}
+	g_skinJsObj.result.forEach(func => func());
 }
 
 /**