diff --git a/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java b/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java
index ab43f5a..3058248 100644
--- a/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java
+++ b/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java
@@ -33,22 +33,22 @@
 
         // ImageButton16個の型を使いまわしやすいように配列で使用
         imageButtons = new ImageButton[]{
-                (ImageButton) view.findViewById(R.id.imageButton00),
-                (ImageButton) view.findViewById(R.id.imageButton01),
-                (ImageButton) view.findViewById(R.id.imageButton02),
-                (ImageButton) view.findViewById(R.id.imageButton03),
+                (ImageButton) view.findViewById(R.id.imageButton0),
+                (ImageButton) view.findViewById(R.id.imageButton1),
+                (ImageButton) view.findViewById(R.id.imageButton2),
+                (ImageButton) view.findViewById(R.id.imageButton3),
+                (ImageButton) view.findViewById(R.id.imageButton4),
+                (ImageButton) view.findViewById(R.id.imageButton5),
+                (ImageButton) view.findViewById(R.id.imageButton6),
+                (ImageButton) view.findViewById(R.id.imageButton7),
+                (ImageButton) view.findViewById(R.id.imageButton8),
+                (ImageButton) view.findViewById(R.id.imageButton9),
                 (ImageButton) view.findViewById(R.id.imageButton10),
                 (ImageButton) view.findViewById(R.id.imageButton11),
                 (ImageButton) view.findViewById(R.id.imageButton12),
                 (ImageButton) view.findViewById(R.id.imageButton13),
-                (ImageButton) view.findViewById(R.id.imageButton20),
-                (ImageButton) view.findViewById(R.id.imageButton21),
-                (ImageButton) view.findViewById(R.id.imageButton22),
-                (ImageButton) view.findViewById(R.id.imageButton23),
-                (ImageButton) view.findViewById(R.id.imageButton30),
-                (ImageButton) view.findViewById(R.id.imageButton31),
-                (ImageButton) view.findViewById(R.id.imageButton32),
-                (ImageButton) view.findViewById(R.id.imageButton33)
+                (ImageButton) view.findViewById(R.id.imageButton14),
+                (ImageButton) view.findViewById(R.id.imageButton15)
         };
 
         // 16枚表示させるImage画像の配列
@@ -74,6 +74,7 @@
         for(int i=0; i< imageButtons.length; i++) {
             imageButtons[i].setOnClickListener(this::onClick);
             imageButtons[i].setBackground(images[i]);
+
         };
 
         return view;
diff --git a/app/src/main/java/org/ntlab/irisclient/TestDrawingActivity.java b/app/src/main/java/org/ntlab/irisclient/TestDrawingActivity.java
index 8cc4463..41b6090 100644
--- a/app/src/main/java/org/ntlab/irisclient/TestDrawingActivity.java
+++ b/app/src/main/java/org/ntlab/irisclient/TestDrawingActivity.java
@@ -58,7 +58,7 @@
                         System.out.println(t);
                     }
                 });
-                 */
+                */
                 ((Iris) getApplication()).setRid("drawtest");
                 ((Iris) getApplication()).setNickname("owner");
                 Intent intent = new Intent(TestDrawingActivity.this,DrawingActivity.class);
diff --git a/app/src/main/java/org/ntlab/irisclient/entities/GameJson.java b/app/src/main/java/org/ntlab/irisclient/entities/GameJson.java
new file mode 100644
index 0000000..0a3bd58
--- /dev/null
+++ b/app/src/main/java/org/ntlab/irisclient/entities/GameJson.java
@@ -0,0 +1,28 @@
+package org.ntlab.irisclient.entities;
+
+import org.ntlab.irisclient.models.Cell;
+import org.ntlab.irisclient.models.Drawing;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+public class GameJson {
+
+    private Map<Integer, Drawing> drawingList = new HashMap<>();//<dno, drawingのURL>
+    private List<Integer> map = new ArrayList<>();//cno順にdnoを管理
+    private List<String> colorList = new ArrayList<>();//cno順にr,g,b,dを管理
+
+    //ゲッター
+
+    public Map<Integer, Drawing> getDrawingList() {return drawingList;}
+    public List<Integer> getMap() {return map;}
+    public List<String> getColorList() {return colorList;}
+
+    //セッター
+    public void setDrawingList(Map<Integer, Drawing> dlist) {drawingList = dlist;}
+    public void setMap(List<Integer> map) {this.map = map;}
+    public void setColorList(List<String> color) {this.colorList = color;}
+
+}
diff --git a/app/src/main/java/org/ntlab/irisclient/models/Game.java b/app/src/main/java/org/ntlab/irisclient/models/Game.java
index 7a769a1..3ae4a2d 100644
--- a/app/src/main/java/org/ntlab/irisclient/models/Game.java
+++ b/app/src/main/java/org/ntlab/irisclient/models/Game.java
@@ -11,13 +11,21 @@
     private Map<Integer, String> keywordList = new HashMap<>();//<cno, keyword>
     private Map<Integer, Cell> cellList = new HashMap<>();//<cno, Cell>
     private List<Integer> map = new ArrayList<>();//cno順にdnoを管理
-    private List<String> color = new ArrayList<>();//cno順にr,g,b,dを管理
+    private List<String> colorList = new ArrayList<>();//cno順にr,g,b,dを管理
+
+    //ゲッター
+
+    public Map<Integer, Drawing> getDrawingList() {return drawingList;}
+    public Map<Integer, String> getKeywordList() {return keywordList;}
+    public Map<Integer, Cell> getCellList() {return cellList;}
+    public List<Integer> getMap() {return map;}
+    public List<String> getColorList() {return colorList;}
 
     //セッター
-    public void setDrawingList(Map dlist) {drawingList = dlist;}
-    public void setKeywordList(Map klist) {keywordList = klist;}
-    public void setCellList(Map clist) {cellList = clist;}
-    public void setMap(List map) {this.map = map;}
-    public void setColor(List color) {this.color = color;}
+    public void setDrawingList(Map<Integer, Drawing> dlist) {drawingList = dlist;}
+    public void setKeywordList(Map<Integer, String> klist) {keywordList = klist;}
+    public void setCellList(Map<Integer, Cell> clist) {cellList = clist;}
+    public void setMap(List<Integer> map) {this.map = map;}
+    public void setColorList(List<String> color) {this.colorList = color;}
 
 }
diff --git a/app/src/main/res/layout/fragment_card_drawing.xml b/app/src/main/res/layout/fragment_card_drawing.xml
index 171d5ea..1affc63 100644
--- a/app/src/main/res/layout/fragment_card_drawing.xml
+++ b/app/src/main/res/layout/fragment_card_drawing.xml
@@ -6,158 +6,356 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-    <ImageButton
-        android:id="@+id/imageButton12"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/frameLayout0"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton11"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton02"
-        tools:ignore="SpeakableTextPresentCheck"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton32"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton31"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton22"
-        android:background="@drawable/test01"
-         />
-
-    <ImageButton
-        android:id="@+id/imageButton00"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour0"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton0"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton30"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout1"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginTop="5dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton20"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton22"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton21"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton12"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton03"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton02"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour1"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton1"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton13"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout2"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton12"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton03"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton21"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton20"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton11"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton33"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton32"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton23"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton20"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginTop="5dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton10"
-        android:background="@drawable/test01" />
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour2"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton2"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton31"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout3"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton30"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton21"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton11"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton10"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton01"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton23"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton22"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton13"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton10"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginTop="5dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton00"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton02"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton01"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour3"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton3"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton01"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout4"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton00"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour4"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton4"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout5"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour5"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton5"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout6"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour6"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton6"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout7"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour7"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton7"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout8"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour8"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton8"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout9"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour9"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton9"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout10"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour10"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton10"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout11"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour11"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton11"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout12"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour12"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton12"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout13"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour13"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton13"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout14"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour14"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton14"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout15"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour15"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton15"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file