@charset "UTF-8";
/*
Theme Name: Lyset WP Theme
Author: recus
Description: Headlessから通常WordPressへ再構築した軽量テーマ
Version: 1.0
*/
header > div:last-child {
  transition: transform 0.35s ease;
}

/* デフォルト：PC表示、SP非表示 */
.header--pc,
.pc_only {
  display: block;
}

.header--sp,
.sp_only {
  display: none;
}

/* 768px以下：SP表示、PC非表示 */
@media (max-width: 768px) {
  .header--pc,
  .pc_only {
    display: none;
  }
  .header--sp,
  .sp_only {
    display: block;
  }
}
/* 右上トグル（☰ → ×） */
.sp-toggle.is-open .sp-toggle__line--top {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.sp-toggle.is-open .sp-toggle__line--mid {
  opacity: 0;
}

.sp-toggle.is-open .sp-toggle__line--bottom {
  bottom: auto; /* bottom指定を無効化 */
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.simplebar-track.simplebar-vertical {
  display: none !important;
}

.swiper-pagination-sp {
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  transform: translateZ(0);
  z-index: 10;
}