body {
    color: black;
    background: #ffffff !important;
    background-position: 50% top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto !important;
}
nav a {
  margin: 0 1px !important;
}
nav ul {
  background: #000 !important;
}

@media (max-width:1279px){ 
  nav {
    margin-top:30px;
    margin-bottom:30px;
  }
}
@media (max-width:767px){ 
  nav {
    margin-top:20px;
    margin-bottom:20px;
  }
}

#container,
#main {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: 600px !important;
}
@media (max-width:1279px){
  #container,
  #main{
    padding:50px 40px;
    min-height:auto;
  }
}
@media (max-width:767px){
  #container,
  #main{
    padding:50px 16px;
    min-height:auto;
  }
}

#main {
  margin-top:80px;
}

@media (max-width:767px) {
  #main {
    margin-top:40px;
  }
}

#features {
  margin: 0 auto !important;
}

#cover {
  background: #ffffff !important;
}

.wowbook-zoomwindow {
  overflow: visible !important;
  min-width: 800px !important;
  min-height: 570px !important;
}
@media (max-width:1279px){
  .wowbook-zoomwindow{
    min-width:100% !important;
    width:100% !important;
    min-height:70vh !important;
   }
}
@media (max-width:767px){
  .wowbook-zoomwindow{
    min-width:100% !important;
    width:100% !important;
    min-height:60vh !important;
    overflow:hidden !important;
   }
}

/* ===================================================
   サムネイル関連の修正（不要な上書きをリセット）
=================================================== */
/* ★コンテナの幅やON/OFFはすべてプラグインのJSに任せる★ */
.wowbook-thumbnails {
    height: 110px !important; /* ←追加: コンテナの高さを確保 */
    z-index: 1000 !important;
}
@media (max-width:767px){
  .wowbook-thumbnails{
    height:70px !important;
  }
}

.wowbook-thumbnails .wowbook-wrapper,
.wowbook-thumbnails .wowbook-clipper {
    height: 100px !important; /* ←追加: サムネイル画像と同じ高さ */
}
@media (max-width:767px){
  .wowbook-thumbnails .wowbook-wrapper,
  .wowbook-thumbnails .wowbook-clipper {
    height:60px !important;
  }
}

/* ===================================================
   画像が見えなくなる現象だけを強制的に回避する
=================================================== */
/* 複製されたページDOMが「非表示」になるのを防ぐ */
.wowbook-thumbnails li.wowbook-thumbnail .wowbook-page,
.wowbook-thumbnails li.wowbook-thumbnail .wowbook-page-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: transparent !important;
    /* transformなどはJSが設定するので絶対に書かない */
}

/* 画像本体を確実に表示させる */
.wowbook-thumbnails li.wowbook-thumbnail .wowbook-page-content img {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: cover !important; /* 枠いっぱいに収める */
    z-index: 9999 !important;
}

/* 画像を暗くする不要な装飾（影やオーバーレイ）を消す */
.wowbook-thumbnails li.wowbook-thumbnail .wowbook-overlay,
.wowbook-thumbnails li.wowbook-thumbnail .wowbook-gutter-shadow,
.wowbook-thumbnails li.wowbook-thumbnail .wowbook-hard-page-shadow {
    display: none !important;
}

/* ===================================================
   その他のWowBook制御（ページめくり用）
=================================================== */
.wowbook-handle {
    pointer-events: none !important; 
    display: block !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 10000 !important;
}

.custom-handle-blocker {
    pointer-events: auto !important; 
}

/* 子要素（本本体）の設定 */
.wowbook-zoomwindow > .wowbook-zoomcontent {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 auto !important;
    transform: none !important;
} 

.other_leaflet {
    text-align:right;
    font-size:1.4rem;
    margin-right:30%;
    margin-top:1%;
    font-family: BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
}