diff --git a/.idea/misc.xml b/.idea/misc.xml
index 0d1cc0d..8c97a73 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -66,6 +66,9 @@
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/menu/bottom_nav_paint.xml" value="0.328125" />
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/menu/botton_nav_icon.xml" value="0.45" />
         <entry key="..\:/Users/student/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/menu/botton_nav_top.xml" value="0.55" />
+        <entry key="..\:/Users/user/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/drawable/shape_style.xml" value="0.15260416666666668" />
+        <entry key="..\:/Users/user/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/layout/activity_paint.xml" value="0.1" />
+        <entry key="..\:/Users/user/StudioProjects/org.ntlab.acanthus_client/app/src/main/res/layout/fragment_pen_detail.xml" value="0.18" />
       </map>
     </option>
   </component>
diff --git a/app/src/main/java/org/ntlab/acanthus_client/views/paint/PenDetailsFragment.java b/app/src/main/java/org/ntlab/acanthus_client/views/paint/PenDetailsFragment.java
index 51a3d0d..58a20ca 100644
--- a/app/src/main/java/org/ntlab/acanthus_client/views/paint/PenDetailsFragment.java
+++ b/app/src/main/java/org/ntlab/acanthus_client/views/paint/PenDetailsFragment.java
@@ -2,7 +2,6 @@
 
 import android.graphics.Color;
 import android.os.Bundle;
-import android.util.Log;
 import android.view.KeyEvent;
 import android.view.LayoutInflater;
 import android.view.View;
@@ -49,6 +48,9 @@
         edtBlue = root.findViewById(R.id.edtBlue);
         edtThickness = root.findViewById(R.id.edtThickness);
 
+        strokeCanvasView = root.findViewById(R.id.strokeCanvasView);
+        strokeCanvasView.setStrokeWidth(paintCanvas.getPen().getThickness());
+
         //seekBarとEditTextの初期値
         sbAlpha.setProgress(paintCanvas.getPen().getAlpha());
         edtAlpha.setText(String.format("%1$d", sbAlpha.getProgress()));
@@ -130,7 +132,8 @@
             case R.id.seekBarThickness:
                 edtThickness.setText(String.format("%1$d", progress));
                 paintCanvas.getPen().setThickness(progress);
-                //strokeCanvasView.setStrokeWidth(progress,paintCanvas);
+                strokeCanvasView.setStrokeWidth(progress);
+                strokeCanvasView.clearCanvas();
                 break;
             default:
                 return;
@@ -146,6 +149,7 @@
     @Override
     public void onStopTrackingTouch(SeekBar seekBar) {
 
+
     }
 
 
@@ -185,7 +189,8 @@
             case R.id.edtThickness:
                 sbThickness.setProgress(value);
                 value = Math.max(0, Math.min(50, value));
-                //strokeCanvasView.setStrokeWidth(value,paintCanvas);
+                strokeCanvasView.setStrokeWidth(value);
+                strokeCanvasView.clearCanvas();
                 break;
             default:
                 return;
@@ -225,7 +230,8 @@
             case R.id.edtThickness:
                 value = Math.max(0, Math.min(50, value));
                 sbThickness.setProgress(value);
-                //strokeCanvasView.setStrokeWidth(value,paintCanvas);
+                strokeCanvasView.setStrokeWidth(value);
+                strokeCanvasView.clearCanvas();
                 break;
             default:
                 return false;
diff --git a/app/src/main/java/org/ntlab/acanthus_client/views/paint/StrokeCanvasView.java b/app/src/main/java/org/ntlab/acanthus_client/views/paint/StrokeCanvasView.java
index 59b596c..c57eb39 100644
--- a/app/src/main/java/org/ntlab/acanthus_client/views/paint/StrokeCanvasView.java
+++ b/app/src/main/java/org/ntlab/acanthus_client/views/paint/StrokeCanvasView.java
@@ -13,7 +13,7 @@
 public class StrokeCanvasView extends View{
     private Paint paint;
     private PaintCanvas paintCanvas;
-    private Integer strokeWidth=20;
+    private Integer strokeWidth;
     private boolean viewflg;
 
     public StrokeCanvasView(Context context, AttributeSet attrs) {
@@ -23,25 +23,19 @@
     }
     @Override
     protected void onDraw(Canvas canvas){
-        //this.strokeWidth = this.paintCanvas.getPen().getThickness();
-        if(viewflg) {
-            paint.setStrokeWidth(this.strokeWidth);
-            paint.setColor(Color.argb(255, 0, 0, 0));
-            canvas.drawLine(0, 25, 150, 25, paint);
-        }else
-            canvas.drawColor(0, PorterDuff.Mode.CLEAR);
+        paint.setStrokeWidth(this.strokeWidth);
+        paint.setColor(Color.argb(255, 0, 0, 0));
+        canvas.drawLine(0, 60, 200, 60, paint);
 
     }
 
 
 
-    public void setStrokeWidth(Integer width ,PaintCanvas paintCanvas){
+    public void setStrokeWidth(Integer width ){
         this.strokeWidth = width;
-        this.paintCanvas = paintCanvas;
     }
 
-    public void showCanvas(boolean flg){
-        viewflg = flg;
+    public void clearCanvas(){
         // 再描画
         invalidate();
     }
diff --git a/app/src/main/res/drawable/shape_style.xml b/app/src/main/res/drawable/shape_style.xml
index d1dd42d..902cb50 100644
--- a/app/src/main/res/drawable/shape_style.xml
+++ b/app/src/main/res/drawable/shape_style.xml
@@ -1,7 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
     <stroke
-        android:width="1dp"
-        android:color="#000000" />
-    <solid android:color="@color/white" />
+        android:width="5dp"
+        android:color="#FF9900" />
+    <solid android:color="#FFFFCC" />
+    <corners android:radius="6dp" />
 </shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_pen_detail.xml b/app/src/main/res/layout/fragment_pen_detail.xml
index 887445f..42d9f40 100644
--- a/app/src/main/res/layout/fragment_pen_detail.xml
+++ b/app/src/main/res/layout/fragment_pen_detail.xml
@@ -5,6 +5,7 @@
     android:id="@+id/PenDetailFragment"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    android:padding="10dp"
     android:background="@drawable/shape_style">
 
     <SeekBar
@@ -30,64 +31,6 @@
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/txtBule" />
 
-    <EditText
-        android:id="@+id/edtRed"
-        android:layout_width="37dp"
-        android:layout_height="39dp"
-        android:layout_marginTop="20dp"
-        android:layout_marginEnd="76dp"
-        android:ems="10"
-        android:inputType="number"
-        android:singleLine="true"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toEndOf="@+id/seekBarRed"
-        app:layout_constraintTop_toBottomOf="@+id/edtAlpha" />
-
-    <EditText
-        android:id="@+id/edtGreen"
-        android:layout_width="37dp"
-        android:layout_height="39dp"
-        android:layout_marginTop="36dp"
-        android:layout_marginEnd="76dp"
-        android:ems="10"
-        android:inputType="number"
-        android:singleLine="true"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.483"
-        app:layout_constraintStart_toEndOf="@+id/seekBarGreen"
-        app:layout_constraintTop_toBottomOf="@+id/edtRed" />
-
-    <EditText
-        android:id="@+id/edtBlue"
-        android:layout_width="37dp"
-        android:layout_height="39dp"
-        android:layout_marginTop="48dp"
-        android:layout_marginEnd="76dp"
-        android:ems="10"
-        android:inputType="number"
-        android:singleLine="true"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.483"
-        app:layout_constraintStart_toEndOf="@+id/seekBarBlue"
-        app:layout_constraintTop_toBottomOf="@+id/edtGreen" />
-
-    <EditText
-        android:id="@+id/edtThickness"
-        android:layout_width="37dp"
-        android:layout_height="39dp"
-        android:layout_marginTop="36dp"
-        android:layout_marginEnd="76dp"
-        android:ems="10"
-        android:inputType="number"
-        android:singleLine="true"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.483"
-        app:layout_constraintStart_toEndOf="@+id/seekBarThickness"
-        app:layout_constraintTop_toBottomOf="@+id/edtBlue"
-        app:layout_constraintVertical_bias="0.0" />
-
     <SeekBar
         android:id="@+id/seekBarAlpha"
         android:layout_width="153dp"
@@ -192,20 +135,6 @@
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/txtAlpha" />
 
-    <EditText
-        android:id="@+id/edtAlpha"
-        android:layout_width="37dp"
-        android:layout_height="39dp"
-        android:layout_marginStart="4dp"
-        android:layout_marginTop="36dp"
-        android:ems="10"
-        android:inputType="number"
-        android:singleLine="true"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.194"
-        app:layout_constraintStart_toEndOf="@+id/seekBarAlpha"
-        app:layout_constraintTop_toTopOf="parent" />
-
     <TextView
         android:id="@+id/txtColor"
         android:layout_width="43dp"
@@ -220,14 +149,103 @@
 
     <org.ntlab.acanthus_client.views.paint.StrokeCanvasView
         android:id="@+id/strokeCanvasView"
-        android:layout_width="69dp"
-        android:layout_height="26dp"
+        android:layout_width="72dp"
+        android:layout_height="44dp"
         android:background="@drawable/shape_style"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.979"
+        app:layout_constraintHorizontal_bias="0.988"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/txtColor"
-        app:layout_constraintVertical_bias="0.155"></org.ntlab.acanthus_client.views.paint.StrokeCanvasView>
+        app:layout_constraintVertical_bias="0.147"></org.ntlab.acanthus_client.views.paint.StrokeCanvasView>
+
+    <LinearLayout
+        android:layout_width="60dp"
+        android:layout_height="372dp"
+        android:layout_marginStart="176dp"
+        android:layout_marginTop="4dp"
+        android:orientation="vertical"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintHorizontal_bias="0.502"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <EditText
+            android:id="@+id/edtAlpha"
+            android:layout_width="37dp"
+            android:layout_height="39dp"
+            android:layout_marginStart="4dp"
+            android:layout_marginTop="36dp"
+            android:ems="10"
+            android:inputType="number"
+            android:maxLength="3"
+            android:singleLine="true"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.194"
+            app:layout_constraintStart_toEndOf="@+id/seekBarAlpha"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <EditText
+            android:id="@+id/edtRed"
+            android:layout_width="37dp"
+            android:layout_height="39dp"
+            android:layout_marginTop="20dp"
+            android:layout_marginEnd="76dp"
+            android:ems="10"
+            android:inputType="number"
+            android:maxLength="3"
+            android:singleLine="true"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="1.0"
+            app:layout_constraintStart_toEndOf="@+id/seekBarRed"
+            app:layout_constraintTop_toBottomOf="@+id/edtAlpha" />
+
+        <EditText
+            android:id="@+id/edtGreen"
+            android:layout_width="37dp"
+            android:layout_height="39dp"
+            android:layout_marginTop="36dp"
+            android:layout_marginEnd="76dp"
+            android:ems="10"
+            android:inputType="number"
+            android:maxLength="3"
+            android:singleLine="true"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.483"
+            app:layout_constraintStart_toEndOf="@+id/seekBarGreen"
+            app:layout_constraintTop_toBottomOf="@+id/edtRed" />
+
+        <EditText
+            android:id="@+id/edtBlue"
+            android:layout_width="37dp"
+            android:layout_height="39dp"
+            android:layout_marginTop="48dp"
+            android:layout_marginEnd="76dp"
+            android:ems="10"
+            android:inputType="number"
+            android:maxLength="3"
+            android:singleLine="true"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.483"
+            app:layout_constraintStart_toEndOf="@+id/seekBarBlue"
+            app:layout_constraintTop_toBottomOf="@+id/edtGreen" />
+
+        <EditText
+            android:id="@+id/edtThickness"
+            android:layout_width="37dp"
+            android:layout_height="39dp"
+            android:layout_marginTop="36dp"
+            android:layout_marginEnd="76dp"
+            android:ems="10"
+            android:inputType="number"
+            android:maxLength="2"
+            android:singleLine="true"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.483"
+            app:layout_constraintStart_toEndOf="@+id/seekBarThickness"
+            app:layout_constraintTop_toBottomOf="@+id/edtBlue"
+            app:layout_constraintVertical_bias="0.0" />
+    </LinearLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file