diff --git a/app/src/main/java/com/example/citrusclient/views/CreateBookFragment.java b/app/src/main/java/com/example/citrusclient/views/CreateBookFragment.java
index 9d11a24..1984939 100644
--- a/app/src/main/java/com/example/citrusclient/views/CreateBookFragment.java
+++ b/app/src/main/java/com/example/citrusclient/views/CreateBookFragment.java
@@ -5,6 +5,7 @@
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import androidx.appcompat.app.AppCompatActivity;
 import androidx.fragment.app.Fragment;
 
 import android.view.LayoutInflater;
@@ -13,6 +14,10 @@
 import android.widget.Button;
 
 import com.example.citrusclient.R;
+import android.graphics.Color;//ボタンの色変更
+import android.os.Bundle;
+import android.widget.Button;
+
 
 /**
  * A simple {@link Fragment} subclass.
@@ -71,15 +76,26 @@
 
     @Override
     public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
-        super.onViewCreated(view, savedInstanceState);
+        super.onViewCreated(view, savedInstanceState); //親クラスである Fragment の onViewCreated() メソッドを呼び出す
 
-        //View.findViewById(R.id.cancel_button).setOnClickListener(new View.OnClickListener())
-        Button saveButton = (Button)view.findViewById(R.id.save_button);
-//        saveButton.setOnClickListener(new View.OnClickListener(){
-//            public void onClick(View v){
-//                Intent intent = Intent(CreateBookFragment.this,MainActivity.class);
-//                startActivity(intent);
-//            }
-//        })
+        //ここから書く
+        // MainActivityにこのフラグメントを設定するした二つのどっちか
+        //((MainActivity) getContext()).setCreateBookFragment(this);//フラグメントとアクティビティ間での情報のやり取りがあるとき
+        //((MainActivity) getActivity()).showFragment(new MyBookshelfFragment());
+
+        view.findViewById(R.id.save_button).setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                ((MainActivity) getActivity()).showFragment(new MyBookshelfFragment());
+            }
+        });
+
+        view.findViewById(R.id.cancel_button).setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                ((MainActivity) getActivity()).showFragment(new MyBookshelfFragment());
+            }
+        });
+
     }
 }
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_create_book.xml b/app/src/main/res/layout/fragment_create_book.xml
index 2fccf53..b35d8d7 100644
--- a/app/src/main/res/layout/fragment_create_book.xml
+++ b/app/src/main/res/layout/fragment_create_book.xml
@@ -14,19 +14,26 @@
             android:id="@+id/save_button"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
+            android:background="#ECFDE3"
             android:text="保存"
+            android:textColor="#296DC1"
+            app:backgroundTint="#EDFDE4"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintHorizontal_bias="0.90"
+            app:layout_constraintHorizontal_bias="0.9"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintVertical_bias="0.10" />
+            app:layout_constraintVertical_bias="0.099" />
 
         <Button
             android:id="@+id/cancel_button"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
+            android:background="#C6F6A9"
             android:text="キャンセル"
+            android:textAlignment="center"
+            android:textColor="#296DC1"
+            app:backgroundTint="#EDFDE4"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintHorizontal_bias="0.100"
@@ -34,64 +41,61 @@
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintVertical_bias="0.10" />
 
+
         <Button
             android:id="@+id/button4"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
+            android:layout_width="413dp"
+            android:layout_height="58dp"
+            android:background="#C6F6A9"
             android:text="色を選択する"
             android:textAlignment="center"
+            android:textColor="#296DC1"
+            app:backgroundTint="#EDFDE4"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintHorizontal_bias="0.0"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintVertical_bias="0.499" />
+            app:layout_constraintVertical_bias="0.43" />
 
         <TextView
             android:id="@+id/textView4"
-            android:layout_width="117dp"
-            android:layout_height="32dp"
+            android:layout_width="143dp"
+            android:layout_height="38dp"
             android:text="本を公開"
             android:textAlignment="center"
+            android:textColor="#296DC1"
             android:textSize="16sp"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintHorizontal_bias="0.102"
+            app:layout_constraintHorizontal_bias="0.059"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintVertical_bias="0.625" />
+            app:layout_constraintVertical_bias="0.575" />
 
         <Switch
             android:id="@+id/switch1"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
+            android:layout_width="56dp"
+            android:layout_height="70dp"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintHorizontal_bias="0.797"
+            app:layout_constraintHorizontal_bias="0.774"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintVertical_bias="0.62" />
-
-        <com.google.android.material.textfield.TextInputLayout
-            android:layout_width="409dp"
-            android:layout_height="wrap_content"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintTop_toTopOf="parent"
-            tools:layout_editor_absoluteX="1dp">
-
-        </com.google.android.material.textfield.TextInputLayout>
+            app:layout_constraintVertical_bias="0.571" />
 
         <com.google.android.material.textfield.TextInputEditText
             android:id="@+id/book_name"
-            android:layout_width="0dp"
-            android:layout_height="wrap_content"
+            android:layout_width="414dp"
+            android:layout_height="75dp"
+            android:background="#4DE2FAD4"
             android:hint="本の名前"
             android:textAlignment="center"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.666"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent"
-            app:layout_constraintVertical_bias="0.296" />
+            app:layout_constraintVertical_bias="0.265" />
 
     </androidx.constraintlayout.widget.ConstraintLayout>
 </FrameLayout>
\ No newline at end of file