@import url("../css/font.css");
@media screen and (max-width: 1279px) {
  body {
    font-size: 13px;
  }
  #nikon-hd {
    position: fixed;
  }
  #nikon-hd .wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #ddd;
  }
  #nikon-hd .wrapper .logo {
    width: 60px;
  }
  #nikon-hd .wrapper .nav {
    position: fixed;
    top: 60px;
    left: -100%;
    background: #ffde00;
    width: 100%;
    height: calc(100vh - 60px);
    padding: 50px 30px 30px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 1s;
    transition: 1s;
    overflow: auto;
    z-index: 101;
  }
  #nikon-hd .wrapper .nav.active {
    left: 0;
  }
  #nikon-hd .wrapper .nav .mgnb {
    display: block;
    float: right;
    font-size: 1.5em;
  }
  #nikon-hd .wrapper .nav .mgnb li {
    float: left;
  }
  #nikon-hd .wrapper .nav .mgnb li a {
    display: block;
    font-size: 0.8em;
    color: #333;
    line-height: 0.9;
  }
  #nikon-hd .wrapper .nav .mgnb li:last-child {
    border-left: 1px solid #333;
    padding-left: 10px;
    margin-left: 10px;
  }
  #nikon-hd .wrapper .nav #nikon-nav {
    display: block;
  }
  #nikon-hd .wrapper .nav #nikon-nav .depth1 {
    line-height: 2;
  }
  #nikon-hd .wrapper .nav #nikon-nav .depth1 a {
    color: #333;
    font-size: 2em;
  }
  #nikon-hd .wrapper .nav #nikon-nav .depth1 .depth2 {
    position: static;
    height: 100%;
    width: 60vw;
    padding: 0 0 0 20px;
    line-height: 2;
  }
  #nikon-hd .wrapper .nav #nikon-nav .depth1 .depth2 li {
    font-size: 0.88em;
  }
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
  #nikon-hd .wrapper .nav #nikon-nav {
    padding-top: 90px;
  }
  #nikon-hd .wrapper .nav #nikon-nav .depth1 {
    text-align: center;
    padding-top: 15px;
  }
  #nikon-hd .wrapper .nav #nikon-nav .depth1 .depth2 {
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
  }
}
@media screen and (max-width: 1279px) {
  #nikon-hd .wrapper .gnb {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  #nikon-hd .wrapper .hamBtn {
    display: block;
    width: 25px;
    background: transparent;
    border: none;
  }
  #nikon-hd .wrapper .hamBtn img {
    width: 100%;
  }
}
@media screen and (max-width: 1279px) {
  #nikon-hd .wrapper .closeBtn {
    position: absolute;
    right: 20px;
    width: 25px;
    background: transparent;
    border: none;
  }
  #nikon-hd .wrapper .closeBtn img {
    width: 100%;
  }
  #nikon-hd .wrapper .closeBtn.active {
    display: block;
  }
}
@media screen and (max-width: 1279px) {
  footer .ft-wrapper {
    width: 90%;
  }
  footer .ft-wrapper > div.ft-left {
    display: block;
  }
  footer .ft-wrapper > div.ft-left > div > p {
    width: 60px;
  }
  footer .ft-wrapper > div.ft-left .ft-nav {
    display: block;
    margin-top: 20px;
  }
  footer .ft-wrapper > div.ft-left .ft-nav > li > p {
    font-size: 2em;
  }
  footer .ft-wrapper > div.ft-left .ft-nav > li ul {
    display: none;
    font-size: 1.2em;
  }
  footer .ft-wrapper > div.ft-right > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 15px;
  }
  footer .ft-wrapper > div.ft-right > div > ul {
    width: 100%;
  }
  footer .ft-wrapper > div.ft-right > div > ul.ft-menu {
    gap: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  footer .ft-wrapper > div.ft-right > div > ul.sns-list {
    font-size: 1.5em;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  footer .ft-wrapper > div.ft-right > div .brand-site {
    width: 40%;
  }
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
  footer .ft-wrapper > div.ft-right > div .brand-site {
    width: 100%;
  }
}
@media screen and (max-width: 1279px) {
  footer .ft-wrapper > div.ft-right > div .brand-site > a {
    font-size: 1.2em;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 1279px) {
  footer .ft-wrapper > div.ft-right > div .brand-site .site-list {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 1279px) {
  footer .ft-wrapper > div.ft-right .copyright {
    margin: 40px 0 20px;
  }
}