/* CSS Document */
#gallery ul#photos{
    /* 画像の幅 */
    --width: 800px;/* 単位付きのプロパティ値 */
    /* 表示ページ数 */
    --count: 32;
    ;/* 整数値 */
  }
img{ border:none;}

#galleryBox{ width:900px; margin:0 auto; padding:5px 0; position:relative; }

li { list-style-type:none;}

#gallery {position:relative ;width:800px; height:1131px;overflow:hidden; margin:0 auto; border:5px solid #BBE1EA; text-align:right;}
#gallery ul#photos{
    width: var(--width);/* 参照にはvar()を使う */
    left:calc(-1 * calc(calc(var(--count) * var(--width) - var(--width))));/* 表紙までページ一覧をずらす */
    width:calc(var(--count) * var(--width));/*全ページの幅*/
    position:relative;
    top:0;
    overflow:hidden;
    padding:0;
    margin:0;
}
#gallery ul#photos li{float:right;width:800px; height:1131px;}

ul#navigation li.prev{position:absolute;left:0px;top:5px;z-index:2; cursor:pointer;}
ul#navigation li.next{position:absolute;right:0px;top:5px;z-index:2; cursor:pointer;}

#gallery li.top{z-index:1}

#control {overflow:hidden; width:810px; margin:0 auto; padding-top:10px;}
#control li{float:left;width:60px;padding:0 5px;text-align:center;border:1px solid #ccc; cursor:pointer;}

p#btn_pdf{ padding:0 0 20px; text-align:center;}