/* ===========================
   NAVIGATION Section - SP Styles
   NAVIGATIONセクション SP専用スタイル
   適用条件: 767px以下
   背景完全非表示、白背景のみ
   =========================== */

/* SP: padding削除、margin-bottomのみで管理 */
#page-navigation {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 60px;
}

/* 背景を完全に非表示 */
#page-navigation .ptlNavHero__bg,
.ptlNavHero .ptlNavHero__bg,
#page-navigation .ptlNavHero__overlay,
.ptlNavHero .ptlNavHero__overlay,
#page-navigation .ptlNavHero__image,
.ptlNavHero .ptlNavHero__image,
#page-navigation .ptlNavHero__video,
.ptlNavHero .ptlNavHero__video,
#page-navigation .ptl-pageNavHero__bg,
#page-navigation .ptl-pageNavHero__overlay {
  display: none !important;
}

/* セクション背景を完全透明に */
#page-navigation,
.ptlNavHero,
.ptl-pageNavHero,
#page-navigation.ptlNavHero,
.ptlNavHero.is-translucent {
  background: transparent !important;
  background-color: transparent !important;
  min-height: auto !important;
}

/* タイトルを白文字+シャドウに（PC版と統一） */
#page-navigation .ptl-section__title,
#page-navigation .ptl-section__subtitle,
.ptlNavHero .ptl-section__title,
.ptlNavHero .ptl-section__subtitle {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

/* SP専用：ボタン背景を完全透明に */
#page-navigation .ptlNavHero__btn {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  padding: 20px !important;
}

#page-navigation .ptlNavHero__icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ptlNavHero__label {
  font-size: 14px;
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}

/* SPパララックス効果を完全無効化 */
#page-navigation .ptlNavHero__bg,
#page-navigation .ptlNavHero__image,
#page-navigation .ptlNavHero__image img,
#page-navigation .ptlNavHero__video {
    transform: none !important;
    will-change: auto !important;
}

/* SP: セクション内パディング調整 */
#page-navigation .ptl-section__inner {
  padding-top: 0;
  padding-bottom: 0;
}

/* SP: タイトルとメニューの間隔調整 */
#page-navigation .ptl-section__title {
  margin-bottom: 0;
}

/* SP: ハンバーガーメニューボタンの余白調整 */
#page-navigation .ptl-nav-toggle {
  margin-top: 16px;
  margin-bottom: 16px;
}

/* SP: グリッド（メニュー内容）の余白調整 */
#page-navigation .ptlNavHero__grid {
  margin-top: 0;
  padding-top: 0;
}