diff --git a/components/駅名表/StationNameArea.tsx b/components/駅名表/StationNameArea.tsx
index e1e1bb2..69e5735 100644
--- a/components/駅名表/StationNameArea.tsx
+++ b/components/駅名表/StationNameArea.tsx
@@ -9,10 +9,14 @@ export const StationNameArea = (props) => {
     top: "10%",
     alignContent: "center",
     flexDirection: "row",
+    height: "50%",
+    width: "100%",
   };
   const Station_JP: TextStyle = {
+    letterSpacing: currentStation[0].Station_JP.length < 4 ? 15 : 0,
     fontWeight: "bold",
-    fontSize: parseInt("40%"),
+    fontSize: parseInt(currentStation[0].Station_JP.length < 6 ? "40%" : "25%"),
+
     color: isMatsuyama ? "white" : "#005170",
   };
   const Station_EN: TextStyle = {
@@ -23,10 +27,12 @@ export const StationNameArea = (props) => {
   return (
     <View style={stationNameAreaOverWrap}>
       <View style={{ flex: 1 }} />
-      <View style={{ alignItems: "center" }}>
+      <View style={{ alignItems: "center",flexDirection:"column" }}>
+        <View style={{ flex: 1 }} />
         {/* <Text style={{fontWeight:"bold",fontSize:parseInt("15%"),color:"#005170"}}>{stationName.今.LineName}</Text>  */}
         <Text style={Station_JP}>{currentStation[0].Station_JP}</Text>
         <Text style={Station_EN}>{currentStation[0].Station_EN}</Text>
+        <View style={{ flex: 1 }} />
       </View>
       <View style={{ flex: 1 }} />
     </View>