ヘッダサブメニュー周りのcss調整

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

@@ -1074,6 +1074,9 @@ header
 .fixed-nav.is-show .c-nav .c-nav-menu1 {
   margin-left: -280px;
 }
+.fixed-nav.is-show .sv .c-nav-link1 {
+  padding-right: 30px;
+}
 .fixed-nav.is-show .c-nav-link1 {
   padding: 15px 20px;
   width: auto;
@@ -1083,47 +1086,6 @@ header
     color: #093d6e;
     border: 2px solid #093d6e;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 @media screen and (max-width: 767px) {
  .c-header2 {
   padding: 0 14px;
@@ -1601,7 +1563,7 @@ header
 }
 .c-nav-sab-active .c-navService {
  position: absolute;
- top: 40px;
+ top: 49px;
  left: 0;
  display: block;
  width: 100%;
@@ -1644,8 +1606,6 @@ header
 .c-nav-sab-active a:hover .c-nav-sab-text {
  color: #c60102;
 }
-
-
 .c-nav-sab-active .c-nav-sab-text:before {
  content: "";
  width: 7px;
@@ -1663,25 +1623,79 @@ header
  border-top: 1px solid #c60102;
  border-right: 1px solid #c60102;
 }
-
-
-.c-nav-sab-active a.c-nav-link1:hover {
+a.c-nav-link1:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
 }
-.c-nav-sab-active a.c-nav-link1 span {
+a.c-nav-link1 span {
  position: relative;
  z-index: 2;
+ color: #1b1b1b;
+}
+.page-top a.c-nav-link1 span {
+ color: #fff;
+}
+.c-nav-sab-active a.c-nav-link1,
+.c-nav-sab-active a.c-nav-link1 span {
+ color: #fff;
+}
+a.c-nav-link1:hover span {
+ color: #c60102;
+}
+.fixed-nav.is-show a.c-nav-link1 span {
+ color: #1b1b1b;
+}
+.fixed-nav.is-show .c-nav-sab-active a.c-nav-link1 span {
  color: #fff;
 }
+.fixed-nav.is-show a.c-nav-link1:hover span {
+ color: #c60102;
+}
+a.c-nav-link1 span.c-nav-text-service:before {
+ content: "";
+ width: 7px;
+ height: 7px;
+ border-top: 1px solid #1b1b1b;
+ border-right: 1px solid #1b1b1b;
+ position: absolute;
+ right: -18px;
+ top: 4px;
+ -webkit-transform: rotate(135deg);
+ -ms-transform: rotate(135deg);
+ transform: rotate(135deg);
+}
+.page-top a.c-nav-link1 span.c-nav-text-service:before {
+ border-top: 1px solid #fff;
+ border-right: 1px solid #fff;
+}
+.c-nav-sab-active a.c-nav-link1 span.c-nav-text-service:before {
+ top: 8px;
+ border-top: 1px solid #fff;
+ border-right: 1px solid #fff;
+ -webkit-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.c-nav-sab-active a.c-nav-link1:hover span {
+ color: #c60102!important;
+}
+.fixed-nav.is-show .c-nav-sab-active a.c-nav-link1 span.c-nav-text-service:before {
+ border-top: 1px solid #fff;
+ border-right: 1px solid #fff;
+}
+.c-nav-sab-active a.c-nav-link1:hover span.c-nav-text-service:before,
+.fixed-nav.is-show .c-nav-sab-active a.c-nav-link1:hover span.c-nav-text-service:before {
+ border-top: 1px solid #c60102;
+ border-right: 1px solid #c60102;
+}
 .c-nav-sab-active a.c-nav-link1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  z-index: 1;
- width: calc(100% - 48px) ;
+ width: calc(100% - 36px) ;
  height: 100%;
  background-color: #212121;
  -webkit-transform: skew(-20deg);
@@ -1703,14 +1717,13 @@ header
 
 .fixed-nav.is-show .c-nav .c-nav-sab-active .c-navService {
  top: 49px;
- left: 0;
+ left: -15px;
 }
 .fixed-nav.is-show .c-nav .c-nav-sab-active a.c-nav-link1:after {
  left: 0;
  width: 100%;
 }
 
-
 /*------------------------------------------------------------
 
 mainvisual

achievement-official.conohawing.com/assets/include/header.php

@@ -297,7 +297,7 @@
   <nav class="c-nav">
    <ul class="c-nav-menu1">
     <li data-target="home1" class="sv">
-     <a href="/service/" class="c-nav-link1"><span class="c-nav-text">サービス</span></a>
+     <a href="/service/" class="c-nav-link1"><span class="c-nav-text-service">サービス</span></a>
      <div class="c-navService">
       <ul class="c-nav-sab">
        <li><a href="/service/top/" class="c-nav-sab-link1"><span class="c-nav-sab-img"><img src="/assets/img/common/img_top_tmb.jpg" alt=""></span><span class="c-nav-sab-text">『頂点への道』講座</span></a></li>