@charset "UTF-8";



/* css 4.6.3-15 Copyright (c) 2016 LOGOSWARE */



/* Basic

----------------------------------- */



/* 左右のめくりボタン */

#viewer-flipl-outer {

  left: 40px;

}



#viewer-flipl-outer.slidemenu-open {

  left: 360px;

}





/* 基本のボタン

----------------------------------- */

.color-btn,

.slidemenu .color-btn,

#footer .color-btn{

  border-radius: 20px;

  background: linear-gradient(180deg, #FFF, #FFF 9%, #e5e6e6 51%, #e7e7e7 77%, #f5f5f5 94%, #f5f5f5);

  background-blend-mode: multiply;

  box-shadow: 1px 2px 4px rgba(255, 255, 255, 0.3) inset,

              0px 0px 0px 1px rgba(0, 0, 0, 0.2),

              0px -1px 0px 2px rgba(0, 0, 0, 0.15),

              1px 2px 0px 1px rgba(255, 255, 255, 0.3);

}





/* 基本の閉じるボタン（ミニマム）

----------------------------------- */

#setting-panel-close,

.slidemenu .slidemenu-close-btn{

  padding: 0;

}



.panel-close .btn,

.slidemenu .slidemenu-close-btn .btn{

  border-radius: 50%;

  padding: 0;

  background-image: none;

  box-shadow: none;

}





/* 設定パネルの右上の×ボタン

----------------------------------- */

#setting-panel-close{

  margin: 6px 6px 0 0;

}







/**************************************************************



スライドメニュー

（共通）



**************************************************************/

/* スライドメニューのベース（共通） */

.slidemenu {

  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);

}





/* スライドメニュー内のOKボタン・キャンセルボタン

----------------------------------- */

/* ボタンのサイズ・形 */

.slidemenu .save-btn,

.slidemenu .cancel-btn{

  border: none;/* reset */

}



.slidemenu .save-btn .btn,

.slidemenu .cancel-btn .btn{

  padding: 0.5em 1.5em;

}



/* ボタン幅調整 */

.slidemenu .save-btn .btn{

  padding-left: 2.3em;

  padding-right: 2.3em;

}





/* 上部ボタン

----------------------------------- */

.slidemenu.slidemenu-titlebar-high .slidemenu-titlebar-inner{

  top: 10px;

}







/**************************************************************



スライドメニュー

（目次／ページ一覧／付箋一覧／閉じる）



**************************************************************/



/* 目次などの表示エリア

----------------------------------- */

#list-slidemenu.slidemenu .scroll-inner {

  top: 0;

  left: 0;

}





/* タブ

----------------------------------- */

/* タブ一式 */

#list-slidemenu .slidemenu-titlebar {

  width: 30px;

  height: auto;

  margin-left: 320px;

  background-color: transparent;/* タブエリアの背景色は無し */

  box-shadow: 2px 1px 2px 1px rgba(0, 0, 0, 0.2);

  text-align: left;/* for IE */

}



/* 閉じる以外のタブ一式 */

#list-slidemenu .slidemenu-titlebar-inner {

  top: 0;/* reset */

}



/* タブのスタイル指定 */

#list-slidemenu .segmented .segmented-btn,

#list-slidemenu .slidemenu-close-btn {

  display: block;

  float: none;/* reset */

  border: 0;/* reset */

}



#list-slidemenu .segmented .segmented-btn .btn,

#list-slidemenu .slidemenu-close-btn .btn {

  display: block;

  border-bottom: 1px solid rgba(0, 0, 0, 0.3);

  border-left: 4px solid rgba(0, 0, 0, 0.3);

  border-top: 1px solid rgba(255, 255, 255, 0.3);

  box-shadow: none;

}



/* タブのサイズ指定 */

#list-slidemenu .color-btn,

#list-slidemenu .segmented .segmented-btn,

#list-slidemenu .segmented .segmented-btn .btn,

#list-slidemenu .slidemenu-close-btn,

#list-slidemenu .slidemenu-close-btn .btn{

  border-radius: 0;

  margin: 0;

  padding: 0;

  width: 30px;

  height: 150px;/* 100%だとIEで不具合発生するためサイズ固定 */

  box-sizing: border-box;

}



/* 閉じるタブ */

#list-slidemenu .slidemenu-close-btn {

  position: static;/* reset of absolute */

  margin:0;

  padding: 0;

}



/* サイドタブの面取り */

#list-slidemenu .slidemenu-titlebar,

#list-slidemenu .slidemenu-close-btn,

#list-slidemenu .slidemenu-close-btn .btn {

  border-bottom-right-radius: 2px;

}



/* タブの基本スタイル */

#list-slidemenu .color-btn{

  background: linear-gradient(90deg, #f5f5f5, #ffffff 5%, #ffffff 18%, #d6d6d6 90%, #e3e3e3);

  background-blend-mode: multiply;

}



/* タブのアイコン */

#list-slidemenu .icon,

#list-slidemenu .slidemenu-close-btn .icon {

  display: block;

}



#textindex-btn .icon,

#thumbnail-btn .icon,

#fusenlist-btn .icon {

  background-position: -44px -350px;

  margin: -7px 0 3px 2px;

}



#list-slidemenu .slidemenu-close-btn .icon{

  background-position: 0 -30px;

  margin: 2px 0 3px 1px;

}



/* タブのラベル */

#list-slidemenu .btn-label,

#list-slidemenu .slidemenu-close-btn .btn-label {

  display: block;

  margin-left: 7px;

  -ms-writing-mode: tb-rl;

  -webkit-writing-mode: vertical-rl;

  vertical-align: top;

  writing-mode: vertical-rl;

  font-size: 11px;

  z-index: 100;

}



/* active */

#list-slidemenu .segmented .segmented-btn.active .btn{

  border-left-color: rgba(0, 0, 0, 0.6);

}







/* テキスト目次

----------------------------------- */

.slidemenu #textindex-list .item .btn{

  padding: 2px 3px;

}



#textindex-tree .file .icon{

  visibility: visible;

  background-position: 0px -350px;

  width: 32px;

  height: 32px;

}



/* 付箋一覧

----------------------------------- */

.slidemenu #fusen-list .scroll-content{

  padding-left: 10px;

}



.tree .item .tree-label{

  padding: 2px 5px 0 0;

}







/**************************************************************



スライドメニュー

（フッターボタンクリックで表示されるもの）



**************************************************************/



/* テキスト（辞書）

----------------------------------- */

#share-dictionary-btn .save-btn.disabled .icon{

  background-position: -270px -350px;

}





/* 付箋編集

----------------------------------- */

/* 付箋削除ボタン */

.delete-btn .btn{

  margin-top: 4px;

  padding: 4px 20px;

}





/* ペン

----------------------------------- */

/* ボタン間隔 */

#tegaki-slidemenu .segmented .segmented-btn .btn,

.slidemenu .all-delete-btn .btn{

  margin: 0 5px;

}







/**************************************************************



下部コントローラー（フッター）



**************************************************************/

/* コントローラー背景 */

#footer{

  box-shadow: 1px 2px 4px rgba(255, 255, 255, 0.3) inset,

              0px 0px 2px 1px rgba(0, 0, 0, 0.2);

}



/* コントローラー背景の色 */

#footer-color{

  background: linear-gradient(180deg, #EEE, #EEE 4%, #e4e4e4 8%, #f4f4f4);

  background-blend-mode: multiply;

}



/* ボタン同士の間隔 */

.footer-list .box {

  margin: 0 3px;

}



/* ボタンのサイズ・形 */

#footer .footer-btn .btn{

  margin-top: 15px;

  padding: 0;

  min-width: 46px;

  height: 25px;

  text-align: center;

}



/* ボタンのアイコン */

.footer-btn .icon{

  display: block;

  margin:0 auto;

}



/* ボタンのラベル */

.footer-btn .btn-label{

  display: block;

  float: left;

  margin-top: -40px;/* ボタンの上に表示 */

  padding-left: 0;

  width: 100%;

  font-size: 10px;

}





/* 検索

----------------------------------- */

#searchform{

  border-radius: 0 14px 14px 0;

  margin:15px 0 0 0;

  padding: 0;

  width: 207px;/* 表示崩れ対策 */

  height: 25px;

  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2),

              0px -1px 0px 2px rgba(0, 0, 0, 0.15),

              1px 2px 0px 1px rgba(255, 255, 255, 0.3);

}



#footer #searchform #search-keyword {

  border: none;

  margin-top: 0;

  height: 25px;

}



#footer #searchform #search-clear {

  margin-top: 7px;

}



#footer #searchform #search-btn .btn {

  border-bottom-left-radius: 0;

  border-top-left-radius: 0;

  margin: 0 0 0 2px;

  padding: 0;/* reset */

  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.3);

}



#footer #searchform #search-btn .icon {

  margin: 0 0 0 10px;

}





/* めくりボタン

----------------------------------- */

/* めくりボタンの一部ラベル非表示 */

#fliplmax-btn .btn-label,

#fliprmax-btn .btn-label{

  display: none;

}



#fliplmax-btn .icon,

#fliprmax-btn .icon{

  margin-top:0;

}



#footer #fliplmax .footer-btn .btn,

#footer #fliprmax .footer-btn .btn{

  min-width: 25px;

}



/* 左へ・右へボタンのみボタン内にラベル表示 */

/* 左へ */

#flipl .footer-btn .icon{

  float: left;

  margin:0 0 0 3px;

}



#flipl .footer-btn .btn-label{

  display: block;

  float: right;

  margin-top: 5px;

  padding: 0 20px 0 5px;

  width: auto;

  font-size: 12px;

}



/* 右へ */

#flipr .footer-btn .icon{

  float: right;

  margin:0 3px 0 0;

}



#flipr .footer-btn .btn-label{

  display: block;

  float: left;

  margin-top: 5px;

  padding: 0 5px 0 20px;

  width: auto;

  font-size: 12px;

}





/* ページ数表示＆入力欄

----------------------------------- */

input#flippage-word {

  border: none;

  margin: 14px 2px 0 2px;

  height: 23px;

  line-height: 1.1;

  box-shadow: 1px 2px 4px rgba(255, 255, 255, 0.3) inset,

              0px 0px 0px 1px rgba(0, 0, 0, 0.2),

              0px -1px 0px 2px rgba(0, 0, 0, 0.15),

              1px 2px 0px 1px rgba(255, 255, 255, 0.3);

}





/* ブロック感

----------------------------------- */

.footer-list #search.box{

  padding-right: 10px;

}







/**************************************************************



非アクティブボタン



**************************************************************/

/* フッター

----------------------------------- */

#footer .disabled .color-btn,

#footer .disabled.hover .color-btn{

  background: none;

  background-color: rgba(0, 0, 0, 0.15);

  cursor: default;

}



#footer .disabled .color-btn .btn-label,

#footer .disabled.hover .color-btn .btn-label{

  color: rgba(0, 0, 0, 0.4);

}



#footer .disabled#fliplmax-btn .color-btn .icon{

  background-position: -90px -350px;

}



#footer .disabled#flipl-btn .color-btn .icon{

  background-position: -120px -350px;

}



#footer .disabled#flipr-btn .color-btn .icon{

  background-position: -150px -350px;

}



#footer .disabled#fliprmax-btn .color-btn .icon{

  background-position: -180px -350px;

}



#footer .disabled#zoomin-btn .color-btn .icon{

  background-position: -210px -350px;

}



#footer .disabled#zoomout-btn .color-btn .icon{

  background-position: -240px -350px;

}



/* スライドメニュー

----------------------------------- */

.slidemenu .disabled .color-btn,

.slidemenu .disabled.hover .color-btn{

  background: none;

  background-color: rgba(0, 0, 0, 0.15);

  color: rgba(0, 0, 0, 0.4);

  text-shadow: none;

}







/**************************************************************



縦長ウィンドウの場合



**************************************************************/



/* ペン（下にペン色・サイズ選択ボタン表示）

----------------------------------- */

/* ペン色選択 */

#footer #tegaki-color .btn{

  border-radius:0;

  margin-top: 0;

  padding: 0;

  min-width: 0;

  box-shadow:none;

  background-image: none;

}



#footer #tegaki-color .color-btn{

  background: none;

}



/* ペン色選択詳細画面上部 */

.slidemenu-m .slidemenu-titlebar{

  background-blend-mode: multiply;

  background: linear-gradient(180deg, #EEE, #EEE 4%, #e4e4e4 8%, #f4f4f4);

  box-shadow: 1px 2px 4px rgba(255, 255, 255, 0.3) inset,

              0px 0px 2px 1px rgba(0, 0, 0, 0.2);

}



/* 閉じるボタンをミニマムに */

#footer #footer-tegakilist #tegakilist-close-btn{

  margin: 4px 0 0 0;

  padding: 0;

}



#footer #footer-tegakilist #tegakilist-close-btn .btn{

  border-radius: 50%;

  margin: 0;

  padding: 0;

  min-width: 0;

  background-image: none;

  box-shadow: none;

}



#footer #footer-tegakilist #tegakilist-close-btn .icon{

  margin:0;

}



#footer #footer-tegakilist #tegakilist-close-btn .btn-label{

  display: none;

}







/**************************************************************



IE対策



**************************************************************/

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {



  .color-btn,

  .slidemenu .color-btn,

  #list-slidemenu .color-btn,

  #list-slidemenu .slidemenu-close-btn,

  .slidemenu-m .slidemenu-titlebar,

  #footer-color,

  #footer .color-btn{

    background-image: none;

  }



  #list-slidemenu.slidemenu .segmented .segmented-btn .btn .btn-label,

  #list-slidemenu.slidemenu .slidemenu-close-btn .btn .btn-label {

    margin-left: 6px;

  }



  .footer-btn .btn-label{

    margin-top: -39px;

  }



  #flipl .footer-btn .btn-label,

  #flipr .footer-btn .btn-label{

    margin-top: 7px;

  }



}





/**************************************************************



Edge対策



**************************************************************/

@supports (-ms-ime-align:auto) {



  .color-btn,

  .slidemenu .color-btn,

  #list-slidemenu .color-btn,

  #list-slidemenu .slidemenu-close-btn,

  .slidemenu-m .slidemenu-titlebar,

  #footer-color,

  #footer .color-btn{

    background-image: none;

  }



}