@charset "utf-8";

@media all and (max-width:1280px){
  header{background:rgba(255,255,255,0);}
  .openNavi{background:url(/sites/templateGuide/images/common/sitemap_w.png) no-repeat center;}
  .head_logo a img{width:195px;}
  .head_logo a .logo_w{display:inline-block;}
  .head_logo a .logo_c{display:none;}
  .head_logo a span{color:#fff;}
  .head_logo a span:before{background:#fff;}
  header {border-bottom:1px solid rgba(255,255,255,0.5);}

  .fix header{background:rgba(255,255,255,1);}
  .fix .openNavi{background:url(/sites/templateGuide/images/common/sitemap_b.png) no-repeat center;}
  .fix  .head_logo a .logo_w{display:none;}
  .fix .head_logo a .logo_c{display:inline-block;}
  .fix .head_logo a span{color:#222;}
  .fix .head_logo a span:before{background:#222;}
  .fix header{border-bottom:0;}
}

@media all and (max-width:767px){
  .openNavi,
  .fix .openNavi{background-size:contain;}
  header{border-bottom:0;}
}