@charset "utf-8";


/*------PC3------*/
@media only screen and (max-width: 1580px) {
  
}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {

}


/*---PAD pro---*/
@media only screen and (max-width: 1050px) {
  
}
  
/*---PAD---*/
@media only screen and (max-width: 880px) {

}
  
/*---Sm---*/
@media only screen and (max-width: 767px) {

  /* オフキャンバス */
  .m-toggle{border: none; display: block; position: relative; background: none; z-index: 9999; outline: none !important; margin-right: 15px;}
  .offcanvas-toggle .icon-bar{background: white;}
  .icon-bar{display:block; width:30px; height:3px; border-radius:1px; margin: auto;}
  .icon-bar + .icon-bar{margin-top:5px}
  .offcanvas-toggle.is-open .icon-bar{background: white;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
  .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
  .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

  /*offcanvas-size*/
  .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
  .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}

  .sm-nav-box ul{margin-top: 30px;}
  .sm-nav-box li{border-bottom: solid 1px #ccc; position: relative;}
  .sm-nav-box li a{display: block; padding: 15px; font-weight: bold; font-size: 13px; color: white;}
  .sm-nav-box .poz{position: absolute; top: 40%; right: 5%; color: #9f9f9f;}
  .top-bor-nav{border-top: solid 1px #ccc;}

}
  
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}