@charset "UTF-8";
/* ------------------------------------------------------------------
   表紙(1ページ目) / 裏表紙(7ページ目) の左右白余白を隠して単ページ表示にする
   ------------------------------------------------------------------
   book.xml の pageWidth=900 / pageHeight=635 は全ページ共通のため、
   単ページ原稿(B5縦)は 900x635 の中央に配置され左右に各225px(=25%)の
   白余白が焼き込まれている。その余白を clip-path で切り落とす。

   ※レイアウト箱は 900px のままなので、リンク領域(hitarea.xml)の
     座標や当たり判定には影響しない。
   ------------------------------------------------------------------ */

/* 本体画像・拡大用画像の左右25%をクリップ */
#x1Image1, #x2Image1, #x4Image1,
#x1Image7, #x2Image7, #x4Image7 {
  clip-path: inset(0 25% 0 25%);
}

/* 紙の影(slideshadow / carouselpageshadow)も同じ幅に揃える */
div:has(> img#x1Image1) .slideshadow,
div:has(> img#x1Image7) .slideshadow,
div:has(> img#x1Image1) .carouselpageshadow,
div:has(> img#x1Image7) .carouselpageshadow {
  width: 450px !important;
  left: 225px !important;
}

/* 目次・PDF一覧のサムネイル
   表紙/裏表紙の thumbnail.jpg を余白なし(100x141)に差し替えているため
   タイルが縦長になる。段組みが崩れないよう最低高さを引き上げる。 */
.tilelist .tile {
  min-height: 180px;
}