/* ヘッダー固定用の上書きCSS */

#header {
  position: relative;
  z-index: 1000;
}

.site-header,
.pc-header,
.sp-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.site-header,
.pc-header {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.sp-header {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

/* sticky が効きやすいよう親要素側では overflow を持たせない前提 */
body {
  overflow-x: hidden;
}