diff --git a/potiboard5/templates/basic/js/basic_common.js b/potiboard5/templates/basic/js/basic_common.js
index 876b1bde..0c5f80ad 100644
--- a/potiboard5/templates/basic/js/basic_common.js
+++ b/potiboard5/templates/basic/js/basic_common.js
@@ -1,130 +1,126 @@
 jQuery(function () {
-  //URLクエリからresidを取得して指定idへページ内を移動
-  const urlParams = new URLSearchParams(window.location.search);
-  const resid = urlParams.get("resid");
-  const document_resid = document.getElementById(resid);
-  if (document_resid) {
-    document_resid.scrollIntoView();
-  }
+    //URLクエリからresidを取得して指定idへページ内を移動
+    const urlParams = new URLSearchParams(window.location.search);
+    const resid = urlParams.get("resid");
+    const document_resid = document.getElementById(resid);
+    if (document_resid) {
+        document_resid.scrollIntoView();
+    }
 
-  window.onpageshow = function () {
-    $('[type="submit"]').each(function () {
-      const $btn = $(this);
-      const $form = $btn.closest("form");
-      const isTargetBlank = $form.prop("target") === "_blank";
+    window.onpageshow = function () {
+        $('[type="submit"]').each(function () {
+            const $btn = $(this);
+            const $form = $btn.closest("form");
+            const isTargetBlank = $form.prop("target") === "_blank";
 
-      $btn.prop("disabled", false);
-      // ボタンが target="_blank" の場合は無効化しない
-      if (!isTargetBlank) {
-        $btn.on("click", function () {
-          //ボタンをクリックすると
-          $btn.prop("disabled", true); //ボタンを無効化して
-          $form.trigger("submit"); //送信する
+            $btn.prop("disabled", false);
+            // ボタンが target="_blank" の場合は無効化しない
+            if (!isTargetBlank) {
+                $btn.on("click", function () {
+                    //ボタンをクリックすると
+                    $btn.prop("disabled", true); //ボタンを無効化して
+                    $form.trigger("submit"); //送信する
+                });
+            }
         });
-      }
+    };
+    // https://cotodama.co/pagetop/
+    var pagetop = $("#page_top");
+    pagetop.hide();
+    $(window).on("scroll", function () {
+        if ($(this).scrollTop() > 100) {
+            //100pxスクロールしたら表示
+            pagetop.fadeIn();
+        } else {
+            pagetop.fadeOut();
+        }
     });
-  };
-  // https://cotodama.co/pagetop/
-  var pagetop = $("#page_top");
-  pagetop.hide();
-  $(window).on("scroll", function () {
-    if ($(this).scrollTop() > 100) {
-      //100pxスクロールしたら表示
-      pagetop.fadeIn();
-    } else {
-      pagetop.fadeOut();
-    }
-  });
-  pagetop.on("click", function () {
-    $("body,html").animate(
-      {
-        scrollTop: 0,
-      },
-      500
-    ); //0.5秒かけてトップへ移動
-    return false;
-  });
-  //Lightbox
-  if (typeof lightbox !== "undefined") {
-    lightbox.option({
-      alwaysShowNavOnTouchDevices: true,
-      disableScrolling: true,
-      fadeDuration: 0,
-      resizeDuration: 500,
-      imageFadeDuration: 500,
-      wrapAround: true,
+    pagetop.on("click", function () {
+        $("body,html").animate(
+            {
+                scrollTop: 0,
+            },
+            500
+        ); //0.5秒かけてトップへ移動
+        return false;
     });
-  }
-  //JavaScriptによるCookie発行
-  const paintform = document.getElementById("paint_form");
-  if (paintform) {
-    paintform.onsubmit = function () {
-      if (paintform.picw) {
-        SetCookie("picwc", paintform.picw.value);
-      }
-      if (paintform.pich) {
-        SetCookie("pichc", paintform.pich.value);
-      }
-      if (paintform.shi) {
-        SetCookie("appletc", paintform.shi.value);
-      }
-    };
-  }
-  const commentform = document.getElementById("comment_form");
-  if (commentform) {
-    commentform.onsubmit = function () {
-      if (commentform.name) {
-        SetCookie("namec", commentform.name.value);
-      }
-      if (commentform.url) {
-        SetCookie("urlc", commentform.url.value);
-      }
-      if (commentform.pwd) {
-        SetCookie("pwdc", commentform.pwd.value);
-      }
-    };
-  }
-  function SetCookie(key, val) {
-    document.cookie =
-      key + "=" + encodeURIComponent(val) + ";max-age=31536000;";
-  }
+    //Lightbox
+    if (typeof lightbox !== "undefined") {
+        lightbox.option({
+            alwaysShowNavOnTouchDevices: true,
+            disableScrolling: true,
+            fadeDuration: 0,
+            resizeDuration: 500,
+            imageFadeDuration: 500,
+            wrapAround: true,
+        });
+    }
+    //JavaScriptによるCookie発行
+    const paintform = document.getElementById("paint_form");
+    if (paintform) {
+        paintform.onsubmit = function () {
+            if (paintform.picw) {
+                SetCookie("picwc", paintform.picw.value);
+            }
+            if (paintform.pich) {
+                SetCookie("pichc", paintform.pich.value);
+            }
+            if (paintform.shi) {
+                SetCookie("appletc", paintform.shi.value);
+            }
+        };
+    }
+    const commentform = document.getElementById("comment_form");
+    if (commentform) {
+        commentform.onsubmit = function () {
+            if (commentform.name) {
+                SetCookie("namec", commentform.name.value);
+            }
+            if (commentform.url) {
+                SetCookie("urlc", commentform.url.value);
+            }
+            if (commentform.pwd) {
+                SetCookie("pwdc", commentform.pwd.value);
+            }
+        };
+    }
+    function SetCookie(key, val) {
+        document.cookie =
+            key + "=" + encodeURIComponent(val) + ";max-age=31536000;";
+    }
 });
 
 //shareするSNSのserver一覧を開く
 var snsWindow = null; // グローバル変数としてウィンドウオブジェクトを保存する
 
 function open_sns_server_window(event, width = 350, height = 490) {
-  event.preventDefault(); // デフォルトのリンクの挙動を中断
+    event.preventDefault(); // デフォルトのリンクの挙動を中断
 
-  // 幅と高さが数値であることを確認
-  // 幅と高さが正の値であることを確認
-  if (isNaN(width) || width <= 0 || isNaN(height) || height <= 0) {
-    width = 350; //デフォルト値
-    height = 490; //デフォルト値
-  }
-  var url = event.currentTarget.href;
-  var windowFeatures = "width=" + width + ",height=" + height; // ウィンドウのサイズを指定
+    // 幅と高さが数値であることを確認
+    // 幅と高さが正の値であることを確認
+    if (isNaN(width) || width <= 0 || isNaN(height) || height <= 0) {
+        width = 350; //デフォルト値
+        height = 490; //デフォルト値
+    }
+    var url = event.currentTarget.href;
+    var windowFeatures = "width=" + width + ",height=" + height; // ウィンドウのサイズを指定
 
-  if (snsWindow && !snsWindow.closed) {
-    snsWindow.focus(); // 既に開かれているウィンドウがあればフォーカスする
-  } else {
-    snsWindow = window.open(url, "_blank", windowFeatures); // 新しいウィンドウを開く
-  }
-  // ウィンドウがフォーカスを失った時の処理
-  snsWindow.addEventListener("blur", function () {
-    if (snsWindow.location.href === url) {
-      snsWindow.close(); // URLが変更されていない場合はウィンドウを閉じる
+    if (snsWindow && !snsWindow.closed) {
+        snsWindow.focus(); // 既に開かれているウィンドウがあればフォーカスする
+    } else {
+        snsWindow = window.open(url, "_blank", windowFeatures); // 新しいウィンドウを開く
     }
-  });
+    // ウィンドウがフォーカスを失った時の処理
+    snsWindow.addEventListener("blur", function () {
+        if (snsWindow.location.href === url) {
+            snsWindow.close(); // URLが変更されていない場合はウィンドウを閉じる
+        }
+    });
 }
-//モバイルの時はPC用のメニューを非表示
+//スマホの時はPC用のメニューを非表示
 document.addEventListener("DOMContentLoaded", function () {
-  if (
-    navigator.maxTouchPoints &&
-    window.matchMedia &&
-    window.matchMedia("(max-width: 768px)").matches
-  ) {
-    document.getElementById("for_mobile").textContent =
-      ".for_pc{display: none;}";
-  }
+    if (navigator.maxTouchPoints && screen.width < 768) {
+        document.getElementById("for_mobile").textContent =
+            ".for_pc{display: none;}";
+    }
 });
diff --git a/potiboard5/templates/mono/js/mono_common.js b/potiboard5/templates/mono/js/mono_common.js
index a536adaa..9e0ca2de 100644
--- a/potiboard5/templates/mono/js/mono_common.js
+++ b/potiboard5/templates/mono/js/mono_common.js
@@ -1,168 +1,165 @@
 var colorIdx = GetCookie("colorIdx");
 switch (Number(colorIdx)) {
-  case 1:
-    document.getElementById("css1").removeAttribute("disabled");
-    break;
-  case 2:
-    document.getElementById("css2").removeAttribute("disabled");
-    break;
-  case 3:
-    document.getElementById("css3").removeAttribute("disabled");
-    break;
+    case 1:
+        document.getElementById("css1").removeAttribute("disabled");
+        break;
+    case 2:
+        document.getElementById("css2").removeAttribute("disabled");
+        break;
+    case 3:
+        document.getElementById("css3").removeAttribute("disabled");
+        break;
 }
 
 function SetCss(obj) {
-  var idx = obj.selectedIndex;
-  SetCookie("colorIdx", idx);
-  window.location.reload();
+    var idx = obj.selectedIndex;
+    SetCookie("colorIdx", idx);
+    window.location.reload();
 }
 
 function GetCookie(key) {
-  var tmp = document.cookie + ";";
-  var tmp1 = tmp.indexOf(key, 0);
-  if (tmp1 != -1) {
-    tmp = tmp.substring(tmp1, tmp.length);
-    var start = tmp.indexOf("=", 0) + 1;
-    var end = tmp.indexOf(";", start);
-    return decodeURIComponent(tmp.substring(start, end));
-  }
-  return "";
+    var tmp = document.cookie + ";";
+    var tmp1 = tmp.indexOf(key, 0);
+    if (tmp1 != -1) {
+        tmp = tmp.substring(tmp1, tmp.length);
+        var start = tmp.indexOf("=", 0) + 1;
+        var end = tmp.indexOf(";", start);
+        return decodeURIComponent(tmp.substring(start, end));
+    }
+    return "";
 }
 
 function SetCookie(key, val) {
-  document.cookie = key + "=" + encodeURIComponent(val) + ";max-age=31536000;";
+    document.cookie =
+        key + "=" + encodeURIComponent(val) + ";max-age=31536000;";
 }
 colorIdx = GetCookie("colorIdx");
 var select_mystyle = document.getElementById("mystyle");
 if (select_mystyle) {
-  document.getElementById("mystyle").selectedIndex = colorIdx;
+    document.getElementById("mystyle").selectedIndex = colorIdx;
 }
 
 jQuery(function () {
-  //URLクエリからresidを取得して指定idへページ内を移動
-  const urlParams = new URLSearchParams(window.location.search);
-  const resid = urlParams.get("resid");
-  const document_resid = document.getElementById(resid);
-  if (document_resid) {
-    document_resid.scrollIntoView();
-  }
+    //URLクエリからresidを取得して指定idへページ内を移動
+    const urlParams = new URLSearchParams(window.location.search);
+    const resid = urlParams.get("resid");
+    const document_resid = document.getElementById(resid);
+    if (document_resid) {
+        document_resid.scrollIntoView();
+    }
 
-  document.documentElement.style.visibility = "visible";
-  window.onpageshow = function () {
-    $('[type="submit"]').each(function () {
-      const $btn = $(this);
-      const $form = $btn.closest("form");
-      const isTargetBlank = $form.prop("target") === "_blank";
+    document.documentElement.style.visibility = "visible";
+    window.onpageshow = function () {
+        $('[type="submit"]').each(function () {
+            const $btn = $(this);
+            const $form = $btn.closest("form");
+            const isTargetBlank = $form.prop("target") === "_blank";
 
-      $btn.prop("disabled", false);
-      // ボタンが target="_blank" の場合は無効化しない
-      if (!isTargetBlank) {
-        $btn.on("click", function () {
-          //ボタンをクリックすると
-          $btn.prop("disabled", true); //ボタンを無効化して
-          $form.trigger("submit"); //送信する
+            $btn.prop("disabled", false);
+            // ボタンが target="_blank" の場合は無効化しない
+            if (!isTargetBlank) {
+                $btn.on("click", function () {
+                    //ボタンをクリックすると
+                    $btn.prop("disabled", true); //ボタンを無効化して
+                    $form.trigger("submit"); //送信する
+                });
+            }
         });
-      }
+    };
+    // https://cotodama.co/pagetop/
+    var pagetop = $("#page_top");
+    pagetop.hide();
+    $(window).on("scroll", function () {
+        if ($(this).scrollTop() > 100) {
+            //100pxスクロールしたら表示
+            pagetop.fadeIn();
+        } else {
+            pagetop.fadeOut();
+        }
     });
-  };
-  // https://cotodama.co/pagetop/
-  var pagetop = $("#page_top");
-  pagetop.hide();
-  $(window).on("scroll", function () {
-    if ($(this).scrollTop() > 100) {
-      //100pxスクロールしたら表示
-      pagetop.fadeIn();
-    } else {
-      pagetop.fadeOut();
-    }
-  });
-  pagetop.on("click", function () {
-    $("body,html").animate(
-      {
-        scrollTop: 0,
-      },
-      500
-    ); //0.5秒かけてトップへ移動
-    return false;
-  });
-  //Lightbox
-  if (typeof lightbox !== "undefined") {
-    lightbox.option({
-      alwaysShowNavOnTouchDevices: true,
-      disableScrolling: true,
-      fadeDuration: 0,
-      resizeDuration: 500,
-      imageFadeDuration: 500,
-      wrapAround: true,
+    pagetop.on("click", function () {
+        $("body,html").animate(
+            {
+                scrollTop: 0,
+            },
+            500
+        ); //0.5秒かけてトップへ移動
+        return false;
     });
-  }
-  //JavaScriptによるCookie発行
-  const paintform = document.getElementById("paint_form");
-  if (paintform) {
-    paintform.onsubmit = function () {
-      if (paintform.picw) {
-        SetCookie("picwc", paintform.picw.value);
-      }
-      if (paintform.pich) {
-        SetCookie("pichc", paintform.pich.value);
-      }
-      if (paintform.shi) {
-        SetCookie("appletc", paintform.shi.value);
-      }
-    };
-  }
-  const commentform = document.getElementById("comment_form");
-  if (commentform) {
-    commentform.onsubmit = function () {
-      if (commentform.name) {
-        SetCookie("namec", commentform.name.value);
-      }
-      if (commentform.url) {
-        SetCookie("urlc", commentform.url.value);
-      }
-      if (commentform.pwd) {
-        SetCookie("pwdc", commentform.pwd.value);
-      }
-    };
-  }
+    //Lightbox
+    if (typeof lightbox !== "undefined") {
+        lightbox.option({
+            alwaysShowNavOnTouchDevices: true,
+            disableScrolling: true,
+            fadeDuration: 0,
+            resizeDuration: 500,
+            imageFadeDuration: 500,
+            wrapAround: true,
+        });
+    }
+    //JavaScriptによるCookie発行
+    const paintform = document.getElementById("paint_form");
+    if (paintform) {
+        paintform.onsubmit = function () {
+            if (paintform.picw) {
+                SetCookie("picwc", paintform.picw.value);
+            }
+            if (paintform.pich) {
+                SetCookie("pichc", paintform.pich.value);
+            }
+            if (paintform.shi) {
+                SetCookie("appletc", paintform.shi.value);
+            }
+        };
+    }
+    const commentform = document.getElementById("comment_form");
+    if (commentform) {
+        commentform.onsubmit = function () {
+            if (commentform.name) {
+                SetCookie("namec", commentform.name.value);
+            }
+            if (commentform.url) {
+                SetCookie("urlc", commentform.url.value);
+            }
+            if (commentform.pwd) {
+                SetCookie("pwdc", commentform.pwd.value);
+            }
+        };
+    }
 });
 
 //shareするSNSのserver一覧を開く
 var snsWindow = null; // グローバル変数としてウィンドウオブジェクトを保存する
 
 function open_sns_server_window(event, width = 350, height = 490) {
-  event.preventDefault(); // デフォルトのリンクの挙動を中断
+    event.preventDefault(); // デフォルトのリンクの挙動を中断
 
-  // 幅と高さが数値であることを確認
-  // 幅と高さが正の値であることを確認
-  if (isNaN(width) || width <= 0 || isNaN(height) || height <= 0) {
-    width = 350; // デフォルト値
-    height = 490; // デフォルト値
-  }
+    // 幅と高さが数値であることを確認
+    // 幅と高さが正の値であることを確認
+    if (isNaN(width) || width <= 0 || isNaN(height) || height <= 0) {
+        width = 350; // デフォルト値
+        height = 490; // デフォルト値
+    }
 
-  var url = event.currentTarget.href;
-  var windowFeatures = "width=" + width + ",height=" + height; // ウィンドウのサイズを指定
+    var url = event.currentTarget.href;
+    var windowFeatures = "width=" + width + ",height=" + height; // ウィンドウのサイズを指定
 
-  if (snsWindow && !snsWindow.closed) {
-    snsWindow.focus(); // 既に開かれているウィンドウがあればフォーカスする
-  } else {
-    snsWindow = window.open(url, "_blank", windowFeatures); // 新しいウィンドウを開く
-  }
-  // ウィンドウがフォーカスを失った時の処理
-  snsWindow.addEventListener("blur", function () {
-    if (snsWindow.location.href === url) {
-      snsWindow.close(); // URLが変更されていない場合はウィンドウを閉じる
+    if (snsWindow && !snsWindow.closed) {
+        snsWindow.focus(); // 既に開かれているウィンドウがあればフォーカスする
+    } else {
+        snsWindow = window.open(url, "_blank", windowFeatures); // 新しいウィンドウを開く
     }
-  });
+    // ウィンドウがフォーカスを失った時の処理
+    snsWindow.addEventListener("blur", function () {
+        if (snsWindow.location.href === url) {
+            snsWindow.close(); // URLが変更されていない場合はウィンドウを閉じる
+        }
+    });
 }
-//モバイルの時はPC用のメニューを非表示
+//スマホの時はPC用のメニューを非表示
 document.addEventListener("DOMContentLoaded", function () {
-  if (
-    navigator.maxTouchPoints &&
-    window.matchMedia &&
-    window.matchMedia("(max-width: 768px)").matches
-  ) {
-    document.getElementById("for_mobile").textContent =
-      ".for_pc{display: none;}";
-  }
+    if (navigator.maxTouchPoints && screen.width < 768) {
+        document.getElementById("for_mobile").textContent =
+            ".for_pc{display: none;}";
+    }
 });