@charset "UTF-8";

/* css 4.5.0-72 Copyright (c) 2016 LOGOSWARE */

/* Basic m
----------------------------------- */

/* 基本のボタン
----------------------------------- */
.color-btn,
.slidemenu-m .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);
}


/* 基本の閉じるボタン（ミニマム）
----------------------------------- */
/* タップ領域 */
.slidemenu-m .slidemenu-close-btn{
  top: 0;
  right: 0;
  margin: 0;
  padding: 13px;
}

.slidemenu-m .slidemenu-close-btn .btn{
  border-radius: 50%;
  padding: 0;
}


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

スライドメニュー

**************************************************************/
/* スライドメニュー内のタイトルバー
----------------------------------- */
.slidemenu-m .slidemenu-titlebar {
  background: linear-gradient(180deg, #EEE, #EEE 4%, #e4e4e4 8%, #f4f4f4);
  background-blend-mode: multiply;
  box-shadow: 1px 2px 4px rgba(255, 255, 255, 0.3) inset,
              0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}


/* スライドメニュー内のOKボタン・キャンセルボタン
----------------------------------- */
/* ボタンのサイズ・形 */
.slidemenu-m .save-btn,
.slidemenu-m .cancel-btn{
  border: none;/* reset */
}

.slidemenu-m .save-btn .btn,
.slidemenu-m .cancel-btn .btn{
  padding: 0.5em 1.5em;
}

/* ボタン幅調整 */
.slidemenu-m .save-btn .btn{
  padding-left: 2.3em;
  padding-right: 2.3em;
}


/* スライドメニュー内のボタン
----------------------------------- */
.slidemenu-m .slidemenu-titlebar .slidemenu-titlebar-inner{
  padding-right: 25px;
}

.slidemenu-m .segmented .segmented-btn .btn{
  margin: 0px 8px 0 0;
  padding: 6px 12px;
}


/* テキスト目次
----------------------------------- */
#textindex-tree .file .icon{
  visibility: visible;
  width: 32px;
  height: 32px;
  background-position: 0px -350px;
}


/* 付箋
----------------------------------- */
/* 付箋削除ボタン */
.delete-btn .btn{
  margin-top: 4px;
  padding: 6px 30px;
}


/* ペン
----------------------------------- */
/* ペン色選択 */
#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;
}

/* 閉じるボタン以外のボタンの位置調整 */
#footer #footer-tegakilist{
  padding-right: 30px;
}

#tegaki-slidemenu .slidemenu-titlebar-inner{
  padding: 0;
}

/* 閉じるボタンをミニマムに */
#tegakilist-close{
  top: 0;
  right: 0;
  margin: 0;
}

#footer #footer-tegakilist #tegakilist-close-btn{
  margin: 0;
  padding: 13px;
}

#footer #footer-tegakilist #tegakilist-close-btn .btn{
  border-radius: 50%;
  padding: 0;
  min-width: 0;
}



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

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

**************************************************************/
#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 .footer-btn .btn{
  padding: 6px 12px;
}



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

検索

**************************************************************/
#searchform #search-btn .btn{
  margin-left: 6px;
  padding: 3px 12px;
}