/* --------------------------フレームスペース作成--------------------------- */

#rightside {
        display: block;
}
.rightside-space {
        right: 200px;
}

/* ---------------------------フレームスペース調整--------------------------- */

#rightside {
  background-color: #fff;
  width: 200px;
  z-index: 100; }

/* ---------------------------ページめくりボタンの調整 ---------------------------*/

.viewer-btn {
  background-color: #414b4f;
  cursor: pointer;
  display: block;
  height: 60px;
  opacity: .3;
  padding: 0;
  width: 32px; }
  .viewer-btn .icon {
    height: 32px;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    width: 32px; }

.viewer-btn-outer {
  width: 250px; }
  
  /* -------------ページ一覧のサムネイル表示の色つけ------------------ */
  
.tilelist .tile-image {
  background-color: #f2ed1d; }

.tilelist .tile-image.in .thumbnail {
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.3; }
  
    /* -------------フッターの色合い------------------ */
  #footer-color {
  background-color: #031499;
}


/* ---------------------------PCのヘッダー削除---------------------------*/
 #header {
 display: none;
  top: 0px;
}

.header-space {
  top: 0px;
}