/* 固定ヘッダーを最前面に */
#fs-header2025summer{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
}

/* 本文ラッパーにヘッダー高さ分の肩上げ */
#body_wrap{ padding-top: var(--header-h, 122px); }

/* ログイン時（管理バー表示）ずれ対策 */
body.admin-bar #fs-header2025summer{ top: 32px; }
body.admin-bar #body_wrap{ padding-top: calc(var(--header-h, 122px) + 32px); }

/* アンカーリンクや見出しジャンプの食い込み防止 */
html{ scroll-padding-top: var(--header-h, 122px); }

/* SPでヘッダーが低いならデフォ値だけ切替（JSが入れば不要） */
@media (max-width: 767.98px){
  #body_wrap{ padding-top: var(--header-h, 72px); }
  html{ scroll-padding-top: var(--header-h, 72px); }
}

a { text-decoration: none; }


@media screen and (min-width: 768px) {

  /* 例：ブログのタイトルがヘッダーに隠れる場合の余白調整 */
  .l-article .p-articleHead,
  .c-pageTitle,
  .l-main > .c-pageTitle {
    margin-top: 12px;
  }

  /* 例：フッターの横幅を本体に合わせる */
  .footer_area .l-container {
    max-width: 1380px;
    width: 96%;
  }
}

/* ========== SP専用（767.98px以下） ========== */
@media screen and (max-width: 767.98px) {

  /* 例：スマホ時ヘッダー下の余白 */
  .l-article .p-articleHead,
  .c-pageTitle,
  .l-main > .c-pageTitle {
    margin-top: 8px;
  }

  /* 例：フッター内のアイコン間隔など */
  .footer_area .sns_list li { margin-right: 10px; }
  .footer_area .sns_list li:last-child { margin-right: 0; }
}

/* PC/SP 切替（TBはPC扱い） */
@media (min-width: 768px){
  .pc_only{display:block !important;}
  .sp_only{display:none  !important;}
}
@media (max-width: 767.98px){
  .pc_only{display:none  !important;}
  .sp_only{display:block !important;}
}

/* === ハンバーガー内のFSスライダー(hm) 最小修正 === */
#spburger_fs-p-drawer .js-ham-slider-area .slick-list{
  overflow: hidden !important;                 /* クリッピングを必ず有効に */
}

/* UIを確実に見せる */
#spburger_fs-p-drawer .slick-prev,
#spburger_fs-p-drawer .slick-next{
  display: block !important;
  z-index: 5;
}

/* 画像ははみ出さないように */
#spburger_fs-p-drawer .fs-pt-carousel img{
  width: 100%; height: auto; display: block;
}

/* HM(ドロワー)内スライダーの最小調整 */
#spburger_fs-p-drawer .fs-pt-carousel,
#spburger_fs-p-drawer .fs-pt-carousel .slick-list { overflow: hidden; }

/* テーマ側で非表示にされている時の保険（表示だけ有効化） */
#spburger_fs-p-drawer .slick-dots,
#spburger_fs-p-drawer .slick-arrow { display: block; }


/* slick 本体の外に残った素のスライドは非表示にする */
#spburger_fs-p-drawer .fs-pt-carousel.slick-initialized > .fs-pt-carousel__slide { display: none !important; }
#spburger_fs-p-drawer .fs-pt-carousel.slick-initialized > .slick-slide { display: none !important; }


/* .slick-list 内の正規スライドだけ表示 */
#spburger_fs-p-drawer .fs-pt-carousel .slick-list .slick-slide { display: block !important; }

header .search input{
border: 0;
}