@charset='utf-8';

/** nav
===================================*/

.c-headerNav_sp {
  display: none;
  width: 42px;
  height: 33px;
  top: 0px;
  right: 0px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #919191;
  border-radius: 4px;
  z-index: 9999;
}
.c-headerNav_spBar1 {
  width: 22px;
  height: 3px;
  background-color: #919191;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -11px;
  position: absolute;
}
.c-headerNav_spBar2 {
  width: 22px;
  height: 3px;
  background-color: #919191;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -11px;
  position: absolute;
}
.c-headerNav_spBar3 {
  width: 22px;
  height: 3px;
  background-color: #919191;
  top: 50%;
  left: 50%;
  margin-top: 4px;
  margin-left: -11px;
  position: absolute;
}

.c-headerNav_spBar1,
.c-headerNav_spBar2,
.c-headerNav_spBar3 {
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  /* Opera */
  -moz-transition: all 0.5s ease-out;
  /* Firefox */
  -webkit-transition: all 0.5s ease-out;
  /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out;
  /* IE */
}

@media screen and (max-width: 767px) {
  .c-headerNav_sp {
    display: block;
  }
  .c-headerNav {
    display: none;
  }
}