FO/css/style.css

@@ -317,7 +317,8 @@ body {}
     max-height: 880px;
     padding-top: 170px;
     padding-bottom: 300px;
-    background: url('../img/main/main_bg.jpg')no-repeat center center;
+    background: url('../../img/main/main_bg.jpg')no-repeat center center;
+    background-size: cover;
 }
 
 .mainTop {
@@ -340,6 +341,7 @@ body {}
         font-weight: 300;
         margin-top: 20px;
     }
+
 .mainTab {
     margin-top: 100px;
 }
@@ -454,7 +456,7 @@ a.msBtn {
     width: 32px;
     height: 17px;
     margin-left: 20px;
-    background: url('../img/main/main_search_btn.png')no-repeat center center;
+    background: url('../../img/main/main_search_btn.png')no-repeat center center;
     background-size: cover;
 }
 
@@ -491,7 +493,7 @@ a.msBtn {
         right: 20px;
         top: 50%;
         margin-top: -3px;
-        background: url('../img/main/select_arrow.png')no-repeat center bottom;
+        background: url('../../img/main/select_arrow.png')no-repeat center bottom;
         background-size: 100% auto;
     }
 
@@ -555,6 +557,130 @@ a.msBtn {
             }
 
 
+
+
+
+@media (max-width:1000px) {
+    #main {
+        max-height: auto;
+        padding-top: 60px;
+        padding-bottom: 60px;
+        background-size: cover;
+    }
+
+    .mainTop h2 {
+        font-size: 22pt;
+    }
+
+    .mainTop p {
+        font-size: 12pt;
+        margin-top: 10px;
+    }
+
+    .mainTab {
+        margin-top: 60px;
+        text-align: center;
+    }
+
+        .mainTab li {
+            float: none;
+            display: inline-block;
+            margin-right: 12px;
+        }
+
+            .mainTab li a {
+                font-size: 12pt;
+            }
+
+    .mainSch {
+        margin-top: 20px;
+        padding: 0 30px;
+    }
+
+        .mainSch > li {
+            float: none;
+            width: 100%;
+            height: auto;
+            border-right: none;
+            margin-bottom: 10px;
+            border-radius: 5px !important;
+            -moz-border-radius: 5px !important;
+            -webkit-border-radius: 5px !important;
+        }
+
+            .mainSch > li:last-child {
+                margin-bottom: 0;
+                margin-top: 30px;
+            }
+
+    .msCont em {
+        display: none;
+    }
+
+    a.msBtn {
+        height: 50px;
+        line-height: 50px;
+        font-size: 14pt;
+    }
+
+    .msBtn:after {
+        width: 22px;
+        height: 12px;
+        margin-left: 10px;
+    }
+
+
+    .msSel span {
+        height: 50px;
+        line-height: 50px;
+        padding-left: 10px;
+        padding-right: 30px;
+        font-size: 12pt;
+        font-weight: 500;
+    }
+
+        .msSel span:after {
+            right: 10px;
+        }
+
+    .msSel > div {
+        left: -10px;
+        right: -10px;
+        padding: 0 10px 10px;
+    }
+
+        .msSel > div > div {
+            overflow: visible;
+            -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
+            -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
+            box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
+        }
+
+    .msSel ul {
+        overflow-y: visible;
+        max-height: 100%;
+    }
+
+        .msSel ul li {
+            border-bottom: solid 1px #e5e5e5;
+        }
+
+            .msSel ul li:last-child {
+                border-bottom: none;
+            }
+
+            .msSel ul li a {
+                font-size: 11pt;
+                display: block;
+                padding: 10px;
+            }
+}
+
+@media (max-width:320px) {
+}
+
+
+
 /* pageCommon */
 #subTitle.subBg01 {
 	background: rgb(75,210,239);