/* ========== css/sp.css ========== */
/* SP 用オーバーフロー上書き */
@media (max-width: 768px) {
  .viewall, .detail-btn, .cont-btn,
  .tpall, .return-btn, .ent-btn, .ent-btn02,
  .listbk {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch; /* iOS 慣性スクロール */
  }

  /* === iOS トップページ スクロール不具合修正 === */

  /* ▼ html / body / #wrapper には overflow と -webkit-overflow-scrolling を
     絶対に指定しないこと。
     body に overflow-x:hidden を付けると CSS 仕様上 overflow-y が auto に計算され、
     body 自身がページ本体とは別の入れ子スクロールコンテナになる。
     そこへ -webkit-overflow-scrolling:touch が効くと iOS が body 用の慣性スクロール
     レイヤーを作り、指の操作がそちらに吸われて「少し動いて元の位置に戻される」
     不具合になる（特にページ先頭で顕著）。
     横方向のはみ出しは、画面外に退避している .navDrawrSP / #page-top 側で潰す。
     position:fixed の要素はドキュメントのスクロール領域を広げないため、
     ここで clip する必要はない。 */
  #wrapper {
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  /* bxSliderのviewportがページスクロールをブロックしないようにする */
  .bx-viewport {
    touch-action: pan-y !important; /* 縦スクロールを明示的に許可 */
  }

  /* slickスライダーも同様 */
  .slick-list {
    touch-action: pan-y !important;
  }
}

/* #page-top は非表示時も position:fixed のまま画面外(translateX(100px))に
   置かれているだけで、opacity:0 でもタッチ判定が残っていた。
   表示中（LeftMove）以外はタッチを透過させる。
   ※ #page-top のルールはバンドル内に2箇所あるため、確実に後勝ちさせる目的で末尾に置く */
#page-top {
  pointer-events: none;
}
#page-top.LeftMove {
  pointer-events: auto;
}

/* ===========================================================
   スクリーンリーダー専用テキスト
   背景画像だけで作られたリンク（フッターロゴ等）に
   リンクテキストを持たせるためのユーティリティ。
   視覚的には隠すが、読み上げ・クローラには伝わる。
   =========================================================== */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ===========================================================
   事業内容リストで、まだ専用アイコンが無い項目の高さ合わせ
   #section02>ul>li img は height:60px + padding-bottom:5px。
   画像を持たない li が潰れないよう同じ分だけ上に余白を取る。
   専用アイコンを用意して <img> を入れたら .noicon は外すこと。
   =========================================================== */
#section02 > ul > li.noicon {
  padding-top: 75px;
}