@charset "UTF-8";
/* ==========================================================
 nav-local
========================================================== */
.nav-local {
  position: relative;
  width: 100%;
  height: 65px;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  z-index: 9999;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Roboto Condensed", sans-serif !important;
  min-width: 1280px;
}
  .nav-local ul {
    width: 1220px;
    margin: 0 auto;
    /* 21ws 追加 */
    display: flex;
    justify-content: space-between;
  }
    .nav-local-item {
      display: table;
      float: left;
      height: 65px;
      margin-right: 75px;
      padding: 0;
    }
    .nav-local-item:last-child { margin-right: 0; }
    .nav-local-item.standard { margin-right: 45px; }
    .nav-local-item.fourxfour { margin-right: 25px; }
    .nav-local-item.import { margin-right: 40px; }
    .nav-local-item.nb { margin-right: 55px; }
      .nav-local-item .nav-local-ttl {
        display: table-cell;
        vertical-align: middle;
        text-decoration: none;
        border-bottom: 3px solid transparent;
      }
      .nav-local-item.fourxfour .nav-local-ttl { padding: 0 30px; }
      .nav-local-item.import .nav-local-ttl { padding: 0 20px; }
      body.rozest .nav-local-item.rozest .nav-local-ttl { border-bottom-color: #b01f24; }
      body.direzza .nav-local-item.direzza .nav-local-ttl { border-bottom-color: #fdd108; }
      body.lofida .nav-local-item.lofida .nav-local-ttl { border-bottom-color: #a84f55; }
      body.standard .nav-local-item.standard .nav-local-ttl { border-bottom-color: #3a6b9d; }
      body.fourxfour .nav-local-item.fourxfour .nav-local-ttl { border-bottom-color: #7d6226; }
      body.import .nav-local-item.import .nav-local-ttl { border-bottom-color: #692f63; }
      body.nb .nav-local-item.nb .nav-local-ttl { border-bottom-color: #fdd108; }
      body.other .nav-local-item.other .nav-local-ttl { border-bottom-color: #fdd108; }
      .nav-local .logo a {
        font-family: "Roboto Condensed";
        color: #000;
        font-weight: bold;
        font-size: 20px;
      }
      .nav-local .text a {
        color: #2c2c2c;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
      }
      .nav-local-in a:link,
      .nav-local-in a:visited {
        background-color: #fff;
        -ms-filter: 'alpha( opacity=100)';
        filter: alpha( opacity=100);
        opacity: 1;
      }
      .nav-local-item a:hover {
        background-color: #fff;
        -ms-filter: 'alpha( opacity=70)';
        filter: alpha( opacity=70);
        opacity: 0.7;
      }
      .nav-local .image img {
        vertical-align: middle;
      }
.nav-local .area-dropdown {
  width: 100%;
}
/* nav-local-in */
.nav-local-in {
  display: none;
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.nav-local-in.show {
  display: block;
}
  .nav-local-in .box {
    width: 100%;
    height: auto;
  }
    .nav-local-in .box ul {
      width: 1220px;
      margin: 0 auto;
      /* 21ws 追加 */
      display: block;
      justify-content: unset;
    }
    .nav-local-in .box li {
      float: left;
      display: table;
      width: 198px;
      height: 70px;
      margin: 0 5px 28px 0;
      position: relative;
    }
      .nav-local-in .box a {
        display: table-cell;
        padding-left: 78px;
        width: 100%;
        text-decoration: none;
        vertical-align: middle;
        line-height: 1;
        color: #2c2c2c;
        text-align: left;
      }
      .nav-local-in .box a:link,
      .nav-local-in .box a:visited {
        background-color: #fff;
        -ms-filter: 'alpha( opacity=100)';
        filter: alpha( opacity=100);
        opacity: 1;
      }
      .nav-local-in .box a:hover {
        background-color: #fff;
        -ms-filter: 'alpha( opacity=70)';
        filter: alpha( opacity=70);
        opacity: 0.7;
      }
      .nav-local-in .box .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 70px;
        height: auto;
        background-color: #fff;
      }
      .nav-local-in .box span {
        color: #2c2c2c;
        font-weight: bold;
        font-family: "Roboto Condensed";
        font-size: 14px;
      }
      .nav-local-in .box em {
        display: block;
        color: #b01f24;
        font-weight: bold;
        line-height: 1.3;
      }
      .nav-local-in .box em.ja {
        font-size: 12px;
      }
      .nav-local-in .box .ico-cmn-external {
        margin-left: 8px;
        width: 14px;
        height: auto;
      }
@media screen and (max-width:768px) {
  .nav-local {
    display: none;
  }
}


/* gallery.css用調整 */
.nav-local .text {
  margin-left: 0;
  margin-bottom: 0;
}
