first commit 2

2026-06-11 18:47:38 +09:00
parent c768729ce6
commit 6f534e33a6
11095 changed files with 1595758 additions and 0 deletions
@@ -0,0 +1,118 @@
+/* Trend07 Footer Style - PNS Style */
+
+.trend07-footer {
+    background-color: #222;
+    color: #999;
+    padding: 50px 0;
+    font-size: 14px;
+}
+
+.footer-inner {
+    max-width: 1600px;
+    margin: 0 auto;
+    padding: 0 40px;
+}
+
+.footer-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-bottom: 30px;
+    margin-bottom: 30px;
+    border-bottom: 1px solid #444;
+}
+
+.footer-logo img {
+    height: 25px;
+    opacity: 0.7;
+}
+
+.footer-nav a {
+    color: #ccc;
+    text-decoration: none;
+    margin: 0 15px;
+}
+
+.footer-nav a:hover {
+    color: #fff;
+}
+
+.footer-nav strong {
+    color: #fff;
+}
+
+.footer-family select {
+    background-color: #333;
+    color: #ccc;
+    border: 1px solid #555;
+    padding: 8px 12px;
+    border-radius: 4px;
+}
+
+.footer-bottom {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.footer-info p {
+    margin: 5px 0;
+    line-height: 1.6;
+}
+
+.footer-info span {
+    margin-right: 20px;
+    display: inline-block;
+}
+
+.copyright {
+    margin-top: 15px;
+    color: #777;
+}
+
+.footer-sns {
+    display: flex;
+    gap: 10px;
+}
+
+.footer-sns a {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    border: 1px solid #555;
+    border-radius: 50%;
+    color: #ccc;
+    text-decoration: none;
+    font-size: 18px;
+    transition: all 0.3s;
+}
+
+.footer-sns a:hover {
+    background-color: #009fe3;
+    border-color: #009fe3;
+    color: #fff;
+}
+
+@media (max-width: 1024px) {
+    .footer-top, .footer-bottom {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        gap: 20px;
+    }
+    .footer-nav {
+        margin: 20px 0;
+    }
+    .footer-nav a {
+        display: block;
+        margin: 10px 0;
+    }
+    .footer-info {
+        order: 2;
+    }
+    .footer-sns {
+        order: 1;
+    }
+}