@charset "UTF-8";

x.navigation {
  background: rgba(0, 0, 0, 0.95);
}

x.shopmenu .toggle {
  background: #fff;
}

x.shopmenu .toggle:link,
x.shopmenu .toggle:visited {
  color: #333;
}

x.shopmenu .toggle:hover,
x.shopmenu .toggle:active {
  background: #ddd;
}

.navigation .nav-concepts a {
  background-image: url("../images/menu-item00.png");
}

.navigation .nav-products a {
  background-image: url("../images/menu-item01.png");
}

.navigation .nav-shops a {
  background-image: url("../images/menu-item02.png");
}

.navigation .nav-company a {
  background-image: url("../images/menu-item03.png");
}

.navigation .nav-usage a {
  background-image: url("../images/menu-item04.png");
}

.navigation li a:hover span,
.navigation .nav-current-page span,
.navigation li.nav-company a:hover span,
.navigation li.nav-company.nav-current-page span {
  border-bottom-color: #888;
}

.sticky-nav .nav-logo {
  margin-right: 4.4%;
}

header x.menu-toggle-icon-mobile {
  filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg)
    brightness(107%) contrast(101%);
}



/*------ 768px tablet以下-----*/
@media only screen and (max-width: 1000px) {
  .sticky-nav ul {
    width: 80%;
  }

  .navigation li,
  .sticky-nav .nav-company {
    padding-left: 2vw;
    padding-right: 0;
  }

  .sticky-nav .nav-concepts a {
    width: 95px;
    height: 12px;
  }

  .sticky-nav .nav-products a {
    width: 50px;
    height: 12px;
    background-size: contain !important;
  }

  .sticky-nav .nav-shops a {
    width: 72px;
    height: 12px;
    background-size: contain !important;
  }

  .sticky-nav .nav-company a {
    width: 100px;
    height: 23px;
    background-size: contain !important;
  }

  .sticky-nav .nav-usage a {
    width: 50px;
    height: 12px;
    background-size: contain !important;
  }

 
}
/*------ 768 tablet以下-----*/
@media only screen and (max-width: 768px) {
 /* 
 header {
    background: #000;
    border-color: #000;
  }
*/
  .img-overlay {
    background: none;
  }

  x.shopmenu-mobile-toggle:link,
  x.shopmenu-mobile-toggle:visited {
    background: #000;
  }

 
 header{
  border: none;
 }
 .shopmenu-mobile .navigation-mobile a,
 .shopmenu-mobile .navigation-mobile .nav-company a{
  padding: 24px;
 }
 .shopmenu-mobile .navigation-mobile a img{
  width: auto;
  height: 16px;
 }
 
}


/*------ 480 tablet以下-----*/
@media only screen and (max-width: 480px) {
 /*
  header {
    background: #000;
    border-color: #000;
  }
 */

  .img-overlay {
    background: none;
  }

  x.shopmenu-mobile-toggle:link,
  x.shopmenu-mobile-toggle:visited {
    background: #000;
  }

  
 
}



/* footter fix
======================= */
.footer-upper .col-middle .row {
  margin-bottom: 9px; }

.footer-upper .col-middle .row:last-child {
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .footer-upper .col-middle .row {
    margin-bottom: 5px; }

  .footer-upper .col-middle .link-frame:first-child {
    margin-top: 0; }

  .footer-upper .col-middle .link-frame img {
    position: static;
    max-width: 162px;
    margin-top: -3px; } }


/* Breadcrumbs
======================= */
.breadcrumbs {
  background-color: #fff;
  text-align: left;
  color: #b2b2b2;
  font-size: 12px;
  padding: 0 10px;
  border-top: 1px solid #dedede; }

.breadcrumbs a {
  text-decoration: none; }

.breadcrumbs a:link, .breadcrumbs a:visited {
  color: #808080; }

.breadcrumbs a:hover, .breadcrumbs a:active {
  text-decoration: underline; }

.breadcrumbs ul {
  list-style: none;
  line-height: 1.4;
  max-width: 950px;
  margin: 0 auto;
  padding: 14px 0; }

.breadcrumbs li {
  display: inline-block; }

@media only screen and (max-width: 767px) {
  .breadcrumbs ul {
    width: 80%;
    margin: 0 0 0 0; } }