SPヘッダデザイン反映

achievement-official.conohawing.com/assets/css/style.css

@@ -773,9 +773,15 @@ header
         display: block; } }
         display: block; } }
     @media screen and (max-width: 767px) {
     @media screen and (max-width: 767px) {
       .c-nav-menu1 > li {
       .c-nav-menu1 > li {
-        padding: 5px 0; } }
+        border-bottom: 1px solid #d0d0d0;
+        padding: 0; } }
     .c-nav-menu1 > li:hover .c-nav-link1 {
     .c-nav-menu1 > li:hover .c-nav-link1 {
       color: #c60102; }
       color: #c60102; }
+    @media screen and (max-width: 767px) {
+      .c-nav-menu1 > li:hover .c-nav-link1 {
+        color: #093d6e; }
+      .c-nav-menu1 > li:hover .c-navSP-menu .c-nav-link1 {
+        color: #1b1b1b; } }
     .c-nav-menu1 > li:last-child .c-nav-link1:after {
     .c-nav-menu1 > li:last-child .c-nav-link1:after {
       content: none; }
       content: none; }
   .c-nav-link1 {
   .c-nav-link1 {
@@ -791,8 +797,12 @@ header
     position: relative; }
     position: relative; }
     @media screen and (max-width: 767px) {
     @media screen and (max-width: 767px) {
       .c-nav-link1 {
       .c-nav-link1 {
+        padding: 10px 15px;
+        color: #093d6e;
         text-align: left;
         text-align: left;
         width: 100%; } }
         width: 100%; } }
+      .c-navSP-menu .c-nav-link1 {
+        color: #1b1b1b; }
     .c-nav-link1:after {
     .c-nav-link1:after {
       content: url("/assets/img/common/line1.png");
       content: url("/assets/img/common/line1.png");
       position: absolute;
       position: absolute;
@@ -814,6 +824,21 @@ header
       left: 0;
       left: 0;
       padding: 20px 0;
       padding: 20px 0;
       z-index: 99; } }
       z-index: 99; } }
+    @media screen and (max-width: 767px) {
+      p.c-nav-link1 {
+        background: #ffffff; }
+      p.c-nav-link1:after {
+        content: '';
+        width: 8px;
+        height: 8px;
+        border-top: 2px solid #093d6e;
+        border-right: 2px solid #093d6e;
+        position: absolute;
+        top: 50%;
+        right: 15px;
+        margin-top: -6px;
+        -webkit-transform: rotate(135deg);
+        transform: rotate(135deg); } }
 
 
 .c-nav2 {
 .c-nav2 {
   width: 100%;
   width: 100%;
@@ -955,16 +980,18 @@ header
     display: block; }
     display: block; }
   @media screen and (max-width: 767px) {
   @media screen and (max-width: 767px) {
     .c-navSP-menu {
     .c-navSP-menu {
+      margin-left: 20px;
       margin-bottom: 0; } }
       margin-bottom: 0; } }
   .c-navSP-menu:last-child {
   .c-navSP-menu:last-child {
     margin-bottom: 0; }
     margin-bottom: 0; }
   @media screen and (max-width: 767px) {
   @media screen and (max-width: 767px) {
     .c-navSP-menu li {
     .c-navSP-menu li {
-      margin: 0 0 10px; } }
+      border-top: 1px solid #d0d0d0;
+      padding: 0; } }
   .c-navSP-menu a {
   .c-navSP-menu a {
     font-size: 1.4rem;
     font-size: 1.4rem;
     line-height: 1.5;
     line-height: 1.5;
-    color: #fff;
+    color: #363636;
     text-decoration: none; }
     text-decoration: none; }
     .c-navSP-menu a:hover {
     .c-navSP-menu a:hover {
       text-decoration: underline; }
       text-decoration: underline; }