/* サイドメニューでのタイトル折り返し */
.book-summary ul.summary li a,.book-summary ul.summary li span {
  white-space: normal;
}

/* スマホ表示や狭い画面での横幅調整 */
.page-inner {
  max-width: 80% !important; 
  width: 70% !important;
}

/* 本文内の全画像に境界線を適用 */
.book-body .page-inner img {
    border: 1px solid #e1e4e8 !important;
    border-radius: 4px;
    box-sizing: border-box;
    max-width: 100%;
    margin: 10px 0;
}

/* 必要に応じて例外を作る ![border:none|画像](image.jpg) のように指定 */
img[alt*="border:none"] {
    border: none !important;
}

/* インライン画像（アイコンなど）の場合 ![inline|画像](image.jpg) のように指定 */
img[alt*="inline"] {
    border: none !important;
    display: inline !important;
    vertical-align: middle;
    margin: 0 2px;
}

/* 中央寄せが必要な場合 ![center|画像](image.jpg) のように指定 */
img[alt*="center"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}