diff --git a/system/login/index.html b/system/login/index.html
new file mode 100644
index 0000000..0558b1e
--- /dev/null
+++ b/system/login/index.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+ CMS ログインページ
+
+
+
+
+
+
+
+
+
diff --git a/system/login/style.css b/system/login/style.css
new file mode 100644
index 0000000..21dc612
--- /dev/null
+++ b/system/login/style.css
@@ -0,0 +1,30 @@
+h1 {
+ text-align: center;
+ }
+
+ section {
+ margin: 40px;
+ }
+
+ .box {
+ width: 100px;
+ height: 100px;
+ }
+ .is-1 {
+ background-color: red;
+ }
+
+ .is-2 {
+ background-color: blue;
+ }
+
+ .is-3 {
+ background-color: green;
+ }
+
+.grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, 100px);
+ justify-content: center;
+ grid-gap:1em;
+ }
diff --git a/system/menu.html b/system/menu.html
deleted file mode 100644
index e578045..0000000
--- a/system/menu.html
+++ /dev/null
@@ -1,29 +0,0 @@
-
-
-
-
-
-
-飲食店メニュー
-
-
-
-
- メニュー表
-
-
-
-
-
diff --git a/system/news/news.html b/system/news/news.html
new file mode 100644
index 0000000..2da738f
--- /dev/null
+++ b/system/news/news.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+飲食店メニュー
+
+
+
+
+ メニュー表
+
+
+
+
+
diff --git a/system/script.js b/system/script.js
deleted file mode 100644
index 145dc7d..0000000
--- a/system/script.js
+++ /dev/null
@@ -1,47 +0,0 @@
-// GASからJSONデータを取得してHTML要素を生成する
-async function fetchAndGenerateData() {
- const response = await fetch('https://script.google.com/macros/s/AKfycbwvVBW5OFxfRBVsKCfvAQg8nnZ2grBQjzrWN7tuJgJsn0zgQ7Pla8jOWy-YxTm0SNBipg/exec');
- const jsonData = await response.json();
-
- // HTML内の要素を取得
- const nameElement = document.getElementById('name');
- const menuContainer = document.getElementById('menuContainer');
-
- nameElement.textContent = jsonData[0].shopID;
-
- // JSONデータをもとに要素を生成
- for (const data of jsonData) {
- // div要素を生成し、クラスを追加
- const div = document.createElement('div');
- div.classList.add('menu-item');
-
- // img要素生成.src属性を設定
- const img = document.createElement('img');
- img.src = data.img;
- div.appendChild(img);
-
- // h3要素を生成
- const h3 = document.createElement('h3');
- h3.classList.add('menuName');
- h3.textContent = data.menuName;
- div.appendChild(h3);
-
- // p要素（税抜き価格）を生成
- const p1 = document.createElement('p');
- p1.classList.add('price');
- p1.textContent = `税抜き価格: ${data.price}円`;
- div.appendChild(p1);
-
- // 税込価格を計算し、p要素（税込価格）を生成
- const taxIncludedPrice = data.price * (1 + data.taxRate);
- const p2 = document.createElement('p');
- p2.classList.add('price');
- p2.textContent = `税込価格: ${taxIncludedPrice.toFixed(0)}円`;
- div.appendChild(p2);
-
- // 生成したdiv要素をmenuContainerに追加
- menuContainer.appendChild(div);
- }//8/29 やっとうごいたーーー
-}
-
-window.addEventListener('DOMContentLoaded', fetchAndGenerateData);
diff --git a/system/style.css b/system/style.css
deleted file mode 100644
index 70d1914..0000000
--- a/system/style.css
+++ /dev/null
@@ -1,86 +0,0 @@
-body {
- font-family: Arial, sans-serif;
- margin: 0;
- padding: 0;
- background-color: #f4f4f4;
-}
-
-.navbar {
- background-color: #333333;
- color: white;
- position: sticky;
- width: 100%;
- top: 0;
- z-index: 100;
- box-shadow: 0px 4px 8px #adadad;
-}
-
-.barContainer {
- width: 80%;
- margin: auto;
- padding: 1em 0;
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-
-.navbar h1 {
- margin: 0;
- padding: 0;
-}
-
-.navbar nav ul {
- list-style: none;
- margin: 0;
- padding: 0;
- display: flex;
-}
-
-.navbar nav ul li {
- margin-right: 1em;
-}
-
-.navbar nav ul li a {
- text-decoration: none;
- color: #ffffff;
-}
-
-.navbar nav ul li a:hover{
- color: #dddddd;
-}
-
-.kinds{
- border-bottom: 2px solid #333;
- margin: 1em 8em;
-}
-
-#menuContainer {
- display: flex;
- flex-wrap: wrap;
- width: 80%;
- margin-left: 10%;
- margin-right: 10%;
- overflow: hidden;
-}
-
-.menu-item {
- background-color: #ffffff;
- border: 2px solid #fdfcfc;
- border-radius: 10px;
- margin: 1em;
- padding: 1em;
- box-sizing: border-box;
- box-shadow: 3px 3px 6px #acacac;
- text-align: center;
- width: 22%;
-}
-
-.menu-item img {
- max-width: 100%;
- height: auto;
-}
-
-.menu-item h3 {
- margin: 0;
- border-bottom: 2px solid #bfbfbf;
-}
\ No newline at end of file
diff --git a/system/top/about.html b/system/top/about.html
new file mode 100644
index 0000000..4b0629d
--- /dev/null
+++ b/system/top/about.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+
+飲食店メニュー
+
+
+
+
+ メニュー表
+
+
+
+
+