/* =========================================================
   Header Standard Layout
   key: header-standard
   group: common partial
   role: structure only
========================================================= */

#fixed_header {
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#fixed_end {
  height: 80px;
}

#fixed_header .l-header__inner {
  position: relative;
}

/* Logo */
#fixed_header .l-header__logo {
  margin: 0;
}

#fixed_header .l-header__logoLink {
  display: block;
  text-decoration: none;
}

#fixed_header .l-header__logoImage {
  display: block;
  width: auto;
}

/* Navigation */
#fixed_header .l-header__nav {
  display: block;
}

#fixed_header .l-header__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Actions */
#fixed_header .l-header__actions {
  display: none;
}

#fixed_header .l-header__spToggle {
  display: none;
}

#fixed_header .l-header__toggle,
#fixed_header .l-header__phone {
  text-decoration: none;
}

/* =========================================================
   PC Structure
========================================================= */

@media (min-width: 768px) {
  #fixed_header .l-header__nav--sp {
    display: none;
  }

  #fixed_header .l-header__menu {
    float: right;
  }

  #fixed_header .l-header__menu > li {
    float: left;
  }

  #fixed_header .l-header__menu > li > a {
    display: block;
    position: relative;
  }
}

/* =========================================================
   SP Structure
========================================================= */

@media (max-width: 767px) {
  #fixed_end {
    height: 70px;
  }

  #fixed_header .l-header__inner {
    position: relative;
  }

  #fixed_header .l-header__logo {
    text-align: center;
  }

  #fixed_header .l-header__nav--pc {
    display: none;
  }

  #fixed_header .l-header__nav--sp {
    display: none;
    position: fixed;
    top: 70px;
    width: 100%;
  }

  #fixed_header .l-header__spToggle:checked ~ .l-header__nav--sp {
    display: block;
  }

  #fixed_header .l-header__actions {
    display: block;
  }

  #fixed_header .l-header__toggle,
  #fixed_header .l-header__phone {
    display: block;
    position: absolute;
    top: 0;
  }

  #fixed_header .l-header__toggle {
    left: 0;
  }

  #fixed_header .l-header__phone {
    right: 0;
  }

  #fixed_header .l-header__toggleLine {
    display: block;
  }
}