/* ==== bootstrap_topPage.css (lean) ==== */

/* 1) no-gutter 相当（Bootstrap v5には g-0 があるが、既存HTMLの互換用） */
.row.no-gutter { margin-right: 0; margin-left: 0; }
.row.no-gutter > [class^="col-"],
.row.no-gutter > [class*=" col-"] { padding-right: 0; padding-left: 0; }

/* 2) Worksグリッドの画像スキマ対策（安全な補助） */
.work .work-box { display: block; line-height: 0; position: relative; }
.work .work-box img { display: block; width: 100%; height: auto; }

/* 3) Overlay は絶対配置で高さを押し広げない（CLS防止） */
.work { position: relative; }
.work .overlay { position: absolute; inset: 0; }

/* 4) モバイルでキャプション常時表示（既存仕様を踏襲） */
@media (max-width: 767.98px) {
  .work .overlay { opacity: 1 !important; background: rgba(170, 170, 170, 0.75) !important; pointer-events: none; }
  .work .overlay-caption p { opacity: 1 !important; transform: none !important; color:#fff !important; font-weight:400; font-size:1.31em; }
}

/* 5) 触感の改善（クリック遅延の体感を下げる） */
.navbar-toggler,
.btn-close,
.offcanvas .list-group-item { touch-action: manipulation; }

.overlay-caption p {
  line-height: 1.4em;   /* 行間をしっかり確保 */
  margin: 0;            /* 余分な上下マージンを除去 */
  text-align: center;   /* 中央寄せ */
  white-space: normal;  /* 強制的に改行を有効 */
}