@charset "UTF-8";

/* ==========================================================
 THEME 07 : GRAY
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02:before {
  background-color:#7fb3c5;
}
.ttl-cmn-03{
  color:#7fb3c5;
}
  .ttl-cmn-03 span {
    border-bottom: 4px solid #7fb3c5;
  }
  
.ttl-cmn-04:before {
    background-color: #7fb3c5;
}
/* ==========================================================
 lnav
========================================================== */

.nav-box {
  background-color:#7fb3c5;
}
.lnav {
  border-color: #bfd9e2;
}
  .lnav > ul {
    background-color:#fdf2de;
   }
  .lnav > ul > li {
    border-bottom-color: #bfd9e2;
  }
    .lnav > ul > li > a {
      background-color:#e5f0f3;
      color:#6098aa;
    }
    .lnav > ul > li > a.current{
      background-color:#fff;
    }
    .lnav > ul >li > ul {
      border-top-color:#bfd9e2;
    }
      .lnav > ul > li > ul > li > a {
        color:#6098aa;
      }
@media screen and (min-width: 768px) {
.nav-box:hover {
  background-color:#e5f0f3;
  border:1px solid #7fb3c5;
}
  .nav-box:hover .txt {
    color:#6098aa;
  }
}
/* btn-sub
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
.nav-toggle {
  background: url(/common/img/sub_toggle_01.png) center center no-repeat;
}
.sub-btn-close {
  margin: 0 auto 20px;
  width: 140px;
}
  .sub-btn-close .border {
    border:1px solid #fadeab;
  }
  .sub-btn-close .ico {
    color:#f2a63f;
    background: url(/common/img/sub_close_01.png) left center no-repeat;
    background-size: 12px 12px;
  }
}

.list-equipment li:before{
  background-color:#f6bd58;
}