diff --git a/view/next-project/src/components/sponsoractivities/DetailModal.tsx b/view/next-project/src/components/sponsoractivities/DetailModal.tsx
index dd0587783..3ab23caea 100644
--- a/view/next-project/src/components/sponsoractivities/DetailModal.tsx
+++ b/view/next-project/src/components/sponsoractivities/DetailModal.tsx
@@ -157,25 +157,35 @@ const DetailModal: FC<ModalProps> = (props) => {
           </tr>
         </thead>
         <tbody>
-          {props.sponsorActivitiesViewItem.styleDetail.map((styleDetail, index) => (
-            <tr
-              key={index}
-              className={clsx('border border-x-white-0 border-t-white-0', {
-                'border-b-primary-1':
-                  index === props.sponsorActivitiesViewItem.styleDetail.length - 1,
-              })}
-            >
-              <td className='py-3'>
-                <div className='text-center text-sm'>{styleDetail.sponsorStyle.style}</div>
-              </td>
-              <td className='py-3'>
-                <div className='text-center text-sm'>{styleDetail.sponsorStyle.feature}</div>
-              </td>
-              <td className='py-3'>
-                <div className='text-center text-sm'>{styleDetail.sponsorStyle.price} 円</div>
+          {props.sponsorActivitiesViewItem.styleDetail ? (
+            props.sponsorActivitiesViewItem.styleDetail.map((styleDetail, index) => (
+              <tr
+                key={index}
+                className={clsx('border border-x-white-0 border-t-white-0', {
+                  'border-b-primary-1':
+                    index === props.sponsorActivitiesViewItem.styleDetail.length - 1,
+                })}
+              >
+                <td className='py-3'>
+                  <div className='text-center text-sm'>{styleDetail.sponsorStyle.style}</div>
+                </td>
+                <td className='py-3'>
+                  <div className='text-center text-sm'>{styleDetail.sponsorStyle.feature}</div>
+                </td>
+                <td className='py-3'>
+                  <div className='text-center text-sm'>{styleDetail.sponsorStyle.price} 円</div>
+                </td>
+              </tr>
+            ))
+          ) : (
+            <tr className='border border-x-white-0 border-b-primary-1 border-t-white-0'>
+              <td colSpan={3} className='py-3'>
+                <div className='text-center text-sm text-red-500'>
+                  協賛スタイルを登録してください
+                </div>
               </td>
             </tr>
-          ))}
+          )}
         </tbody>
       </table>
     </Modal>
diff --git a/view/next-project/src/components/sponsoractivities/EditModal.tsx b/view/next-project/src/components/sponsoractivities/EditModal.tsx
index 607e7ba7a..549b23735 100644
--- a/view/next-project/src/components/sponsoractivities/EditModal.tsx
+++ b/view/next-project/src/components/sponsoractivities/EditModal.tsx
@@ -21,7 +21,7 @@ interface ModalProps {
   sponsorStyles: SponsorStyle[];
   sponsors: Sponsor[];
   users: User[];
-  sponsorStyleDetails: ActivityStyle[];
+  sponsorStyleDetails: ActivityStyle[] | null;
   activityStyles: ActivityStyle[];
   setIsOpen: (isOpen: boolean) => void;
 }
@@ -44,14 +44,14 @@ export default function EditModal(props: ModalProps) {
     ...props.sponsorActivity,
     expense: Number((props.sponsorActivity.expense / 11).toFixed(1)),
   });
-  const initStyleIds = sponsorStyleDetails.map(
-    (sponsorStyleDetail) => sponsorStyleDetail.sponsorStyleID,
-  );
+  const initStyleIds = sponsorStyleDetails
+    ? sponsorStyleDetails.map((sponsorStyleDetail) => sponsorStyleDetail.sponsorStyleID)
+    : [];
   const [selectedStyleIds, setSelectedStyleIds] = useState<number[]>(initStyleIds);
 
-  const [isStyleError, setIsStyleError] = useState(false);
+  const [isStyleError, setIsStyleError] = useState(!sponsorStyleDetails);
   useEffect(() => {
-    if (selectedStyleIds.length === 0) {
+    if (selectedStyleIds && selectedStyleIds.length === 0) {
       setIsStyleError(true);
     } else {
       setIsStyleError(false);
@@ -69,6 +69,7 @@ export default function EditModal(props: ModalProps) {
   }, [sponsorStyles]);
 
   const isSelectSponsorBooth = useMemo(() => {
+    if (!selectedStyleIds) return false;
     const isBooth = selectedStyleIds.some((id) => {
       return sponsorStyles[id - 1]?.style === '企業ブース';
     });
@@ -125,6 +126,11 @@ export default function EditModal(props: ModalProps) {
 
   // 協賛企業の登録の更新を行い、ページをリロード
   const submit = (data: SponsorActivity) => {
+    if (!selectedStyleIds) {
+      setIsStyleError(true);
+      return;
+    }
+
     const { expense, userID, sponsorID, ...rest } = data;
     const submitData: SponsorActivity = {
       expense: Math.round(expense * 11),
@@ -138,6 +144,8 @@ export default function EditModal(props: ModalProps) {
 
   // 協賛企業を更新
   const updateSponsorStyle = async (data: SponsorActivity) => {
+    if (!selectedStyleIds) return;
+
     const updateSponsorStyleUrl = process.env.CSR_API_URI + '/activities/' + data.id;
     await put(updateSponsorStyleUrl, data);
 
@@ -175,7 +183,11 @@ export default function EditModal(props: ModalProps) {
       <div className='col-span-4 w-full'>
         <MultiSelect
           options={styleOotions}
-          values={styleOotions.filter((option) => selectedStyleIds.includes(Number(option.value)))}
+          values={
+            selectedStyleIds
+              ? styleOotions.filter((option) => selectedStyleIds.includes(Number(option.value)))
+              : []
+          }
           onChange={(value) => {
             setSelectedStyleIds(value.map((v) => Number(v.value)));
           }}
diff --git a/view/next-project/src/components/sponsoractivities/OpenEditModalButton.tsx b/view/next-project/src/components/sponsoractivities/OpenEditModalButton.tsx
index 353268261..b007235d1 100644
--- a/view/next-project/src/components/sponsoractivities/OpenEditModalButton.tsx
+++ b/view/next-project/src/components/sponsoractivities/OpenEditModalButton.tsx
@@ -29,9 +29,11 @@ const OpenEditModalButton: React.FC<Props> = (props) => {
   const onOpen = () => {
     setIsOpen(true);
   };
-  const sponsorStyleDetails = props.sponsorStyleDetails.map((sponsorStyleDetail) => {
-    return sponsorStyleDetail.activityStyle;
-  });
+  const sponsorStyleDetails = props.sponsorStyleDetails
+    ? props.sponsorStyleDetails.map((sponsorStyleDetail) => {
+        return sponsorStyleDetail.activityStyle;
+      })
+    : null;
   return (
     <>
       <EditButton onClick={onOpen} isDisabled={props.isDisabled} />
diff --git a/view/next-project/src/pages/sponsoractivities/index.tsx b/view/next-project/src/pages/sponsoractivities/index.tsx
index 0866ea7d8..dd6b0c690 100644
--- a/view/next-project/src/pages/sponsoractivities/index.tsx
+++ b/view/next-project/src/pages/sponsoractivities/index.tsx
@@ -136,13 +136,14 @@ export default function SponsorActivities(props: Props) {
                       <table className='my-1 w-full table-fixed border-collapse'>
                         <tbody>
                           <tr className='border border-b-primary-1'></tr>
-                          {sponsorActivitiesItem.styleDetail.map((styleDetail) => (
-                            <tr key={styleDetail.sponsorStyle.id}>
-                              <td className='text-center'>{styleDetail.sponsorStyle.style}</td>
-                              <td className='text-center'>{styleDetail.sponsorStyle.feature}</td>
-                              <td className='text-center'>{styleDetail.sponsorStyle.price}円</td>
-                            </tr>
-                          ))}
+                          {sponsorActivitiesItem.styleDetail &&
+                            sponsorActivitiesItem.styleDetail.map((styleDetail) => (
+                              <tr key={styleDetail.sponsorStyle.id}>
+                                <td className='text-center'>{styleDetail.sponsorStyle.style}</td>
+                                <td className='text-center'>{styleDetail.sponsorStyle.feature}</td>
+                                <td className='text-center'>{styleDetail.sponsorStyle.price}円</td>
+                              </tr>
+                            ))}
                           <tr className='border border-b-primary-1'></tr>
                         </tbody>
                       </table>
@@ -240,12 +241,16 @@ export default function SponsorActivities(props: Props) {
                       className='py-3'
                     >
                       <div className='text-center text-sm text-black-600'>
-                        {sponsorActivitiesItem.styleDetail.map((styleDetail) => (
-                          <div key={styleDetail.sponsorStyle.id}>
-                            <p>{`${styleDetail.sponsorStyle.style} / ${styleDetail.sponsorStyle.feature} / ${styleDetail.sponsorStyle.price} 円`}</p>
-                            <p></p>
-                          </div>
-                        ))}
+                        {sponsorActivitiesItem.styleDetail ? (
+                          sponsorActivitiesItem.styleDetail.map((styleDetail) => (
+                            <div key={styleDetail.sponsorStyle.id}>
+                              <p>{`${styleDetail.sponsorStyle.style} / ${styleDetail.sponsorStyle.feature} / ${styleDetail.sponsorStyle.price} 円`}</p>
+                              <p></p>
+                            </div>
+                          ))
+                        ) : (
+                          <div className='text-red-500'>協賛スタイルを登録してください</div>
+                        )}
                       </div>
                     </td>
                     <td