@charset "UTF-8";

/* css 5.0.11 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;
}


/* �O協パネルの嘔貧の〜ボタン
----------------------------------- */
#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;
}



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

スライドメニュ�`
��朕肝��ペ�`ジ匯�E��原�{匯�E���]じる��

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

/* 朕肝などの燕幣エリア
----------------------------------- */
#list-slidemenu.slidemenu .scroll-inner {
  top: 0;
  left: 0;
}


/* タブ
----------------------------------- */
/* タブ匯塀 */
#list-slidemenu .slidemenu-titlebar {
  width: 30px;
  height: auto;
  margin-left: 320px;
  background-color: transparent;/* タブエリアの嘘尚弼は�oし */
  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で音醤栽�k伏するためサイズ耕協 */
  box-sizing: border-box;
}

/* FLP-141 IE��貨 */
#list-slidemenu .color-btn .btn-label,
#list-slidemenu .segmented .segmented-btn .btn-label,
#list-slidemenu .segmented .segmented-btn .btn .btn-label,
#list-slidemenu .slidemenu-close-btn .btn-label,
#list-slidemenu .slidemenu-close-btn .btn .btn-label {
  max-height: 100px;
}

/* �]じるタブ */
#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;
}

/* 原�{匯�E
----------------------------------- */
.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;
}


/* ペン
----------------------------------- */
/* ボタン�g侯 */
#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;
}

/* ボタン揖平の�g侯 */
.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;
}



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

�k�Lウィンドウの��栽

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

/* ペン��和にペン弼?サイズ�x�kボタン燕幣��
----------------------------------- */
/* ペン弼�x�k */
#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;
}

/* ペン弼�x�k����鮫中貧何 */
.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;
  }

}