/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* ヘッダーメニュー */
@media (min-width:992px){
  .sp-nav{display:none;}
}
@media (max-width:991px) {
  #vk-mobile-nav-menu-btn {
    display: none;
  }
}
.sp-nav {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9000;
  background: #fff;
}
.sp-nav__inner {
  padding: 20px 0 10px;
}
.sp-nav__list {
  display: flex;
  margin: 0;
  padding: 0;
}
.sp-nav__item {
  flex: 1;
  text-align: center;
}
.sp-nav__link {
  position: relative;
  display: block;
}
.sp-nav__link::before {
  display: block;
  content: "";
  margin: 0 auto 3%;
  width: 100%;
  padding-top: 40%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.sp-nav__item--home .sp-nav__link::before {
  background-image: url(assets/img/header/icon_home.svg);
}
.sp-nav__item--price .sp-nav__link::before {
  background-image: url(assets/img/header/icon_price.svg);
}
.sp-nav__item--content .sp-nav__link::before {
  background-image: url(assets/img/header/icon_content.svg);
}
.sp-nav__item--trouble .sp-nav__link::before {
  background-image: url(assets/img/header/icon_trouble.svg);
}
.sp-nav__item--search .sp-nav__link::before {
  background-image: url(assets/img/header/icon_search.svg);
}
.sp-nav__item--menu .sp-nav__link::before {
  background-image: url(assets/img/header/icon_menu.svg);
}
@media (max-width:500px) {
  .sp-nav__link {
    font-size: 10px;
  }
}

body {
  overflow: unset!important;
}
/* .sp-navの固定状態のスタイル */
/* .sp-nav--fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} */

/* プレースホルダーのスタイル */
/* .sp-nav-placeholder {
  display: block;
} */