.pc{
  display:block;
}
.sp{
  display: none;
}
a:hover{
  transition-duration: .5s;
}
header#header .navToggle img {
  height: 27px;
}
header#header .head-box .name a {
  color: #000;
}
header#header .nav li.reserve {
  background: rgb(34, 54, 103);
  background: linear-gradient(to right, rgb(34, 54, 103) 0%, rgb(69, 89, 137) 100%);
}
header#header .nav li.reserve a {
  color: #fff;
}
header#header .nav li.request {
  background: rgb(72, 137, 168);
  background: linear-gradient(to right, rgb(72, 137, 168) 0%, rgb(110, 182, 217) 100%);
}
header#header .nav li.request a {
  color: #fff;
}
header#header {
  background: #fff;
}
#nav nav .nav-box .nav-left .reserve-btn {
  background: rgb(34, 54, 103);
  background: linear-gradient(to right, rgb(34, 54, 103) 0%, rgb(69, 89, 137) 100%);
}
#nav nav .nav-box .nav-left .request-btn {
  background: rgb(72, 137, 168);
  background: linear-gradient(to right, rgb(72, 137, 168) 0%, rgb(110, 182, 217) 100%);
}
#nav nav .nav-box .nav-left .reserve-btn a,
#nav nav .nav-box .nav-left .request-btn a {
  color:#fff;
}
.footnav li.reserve a {
  background: rgb(34, 54, 103);
  background: linear-gradient(to right, rgb(34, 54, 103) 0%, rgb(69, 89, 137) 100%);
  color: #fff;
}
.footnav li.request a {
  background: rgb(72, 137, 168);
  background: linear-gradient(to right, rgb(72, 137, 168) 0%, rgb(110, 182, 217) 100%);
  color: #fff;
}
#nav nav .nav-box .nav-left .nav01 li .new {
  background: rgb(237, 116, 95);
  background: linear-gradient(to right, rgb(237, 116, 95) 0%, rgb(240, 149, 93) 100%);
}

@media screen and (max-width: 767px) {
  .pc{
    display:none;
  }
  .sp{
    display: block;
  }
  header#header {
    height: 15.2vw;
  }
}