@charset "utf-8";

/* ******************●全般****************** */
/*●文字全部の色*/
#main-menubar > menu,.tab-label{
color: black !important;
}


@media (prefers-color-scheme: dark) {/*■■*/
  /* ■ダークテーマの場合■メニューバー・タブ・ブックマークツールバーの文字色 */
  #main-menubar > menu, .tab-label, #PersonalToolbar toolbarbutton .toolbarbutton-text {
    color: #e0e0e0 !important;
  }
}/*■■*/


/*●メニューの余白*/
#main-menubar > menu {
margin-top: 4px;
}


/* ●アドレスバーを拡大しない● */
/* based on https://old.reddit.com/comments/fwhlva//fmolndz */
#urlbar[breakout][breakout-extend]:not([open]) {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  width: 100% !important;
}


#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: 0px !important;
  padding-inline: 0px !important;
}


#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important;
}


#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-background {
  box-shadow: none !important;
}


/*●URL入力欄(左側)*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#urlbar-background, 
#searchbar .searchbar-textbox ,
.searchbar-engine-button
{ background: white !important;}


#urlbar, 
#searchbar .searchbar-textbox 
{opacity: 0.7!important;}


#urlbar:hover, 
#searchbar .searchbar-textbox:hover 
{opacity: 0.8!important}


#urlbar[focused="true"], 
#searchbar .searchbar-textbox[focused="true"]  
{opacity: 1.0!important;}


/* ●リンクをマウスオーバーした時にステータスバーに表示されるURLの文字の大きさ*/
#statuspanel-label {
  font-size: 130% !important;
}



/* ******************●タブその1●****************** */
/*●タブの文字の下の余白*/
/*.tab-text {margin-bottom: 5px !important;}*/


/*●タブの文字の大きさ*/
.tab-label {font-size: small;}


.tab-text {
  margin: 4px 0 !important;
}



/* ========================================================================= */
/* 1. 全般・基本設定 */
/* ========================================================================= */
/* ●タブの角丸を小さくする（少ない角丸に調整） */
:root {
  --tab-border-radius: 2px !important; /* 角丸のサイズを2pxに設定（デフォルトより小さく、0pxで完全に四角に） */
}


.tabbrowser-tab .tab-background {
  border-radius: var(--tab-border-radius) !important; /* タブの背景に角丸を適用 */
}


/* タブ間の区切り線（tab-lineなど）を非表示にする設定を維持 */
.tabbrowser-tab::before,
.tabbrowser-tab::after {
  display: none !important;
}


/* 「タブのマウスオーバーの上部線」と「コンテナのタブの上部線」がFirefoxのバージョンによって違う対策・全タブのマウスオーバー時の青線（アクティブ・非アクティブ共通） */
.tabbrowser-tab:hover .tab-background::before {
  z-index: 1; /*「マウスオーバーの上部線」を「コンテナのタブの上部線」より前面に出す */
}



/* ========================================================================= */
/* 2. マウスオーバー時（上部線と背景・文字） */
/* ========================================================================= */
/* ●全タブ・マウスオーバー時の背景と上部青線（アクティブ以外） */
.tabbrowser-tab:not([selected]):hover .tab-background::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #0a84ff !important; /* 濃い青線 */
  margin: -1px var(--user-tab-rounding, 2px) 0;
}


/* ●アクティブタブのマウスオーバー時も青線にする場合（任意） */
.tabbrowser-tab[selected]:hover .tab-background::before {
  content: "";
  display: inline-block;
  width: auto;
  height: 3px;
  background-color: #0a84ff !important;
  margin: -1px var(--user-tab-rounding, 1px) 0;
}


/* ●tab-background自体には border-top を指定しない（競合するため） */
.tabbrowser-tab .tab-background {
  border-top: none !important;
}



/* ========================================================================= */
/* 3. アクティブタブ */
/* ========================================================================= */
/* ●アクティブタブの外枠を黒く囲む */
.tabbrowser-tab[selected] .tab-background {
  border: 1px solid #9c9c9c !important; /* 四辺に黒枠 */
  border-radius: var(--tab-border-radius) !important; /* 角丸を維持 */
  background-color: rgb(255, 255, 0, 0.5) !important; /* 背景は透過黄色のまま */
  background-image: none !important;
  box-shadow: none !important;/*なぜかシャドウがかかるので除去*/
  filter: none !important;
}


/* 背景: 黄色で透過 */
.tabbrowser-tab[selected] .tab-background {
  background-color: rgb(255, 255, 0, 0.5) !important;
  background-image: none !important;
}


/* 文字: 黒で太字 */
.tabbrowser-tab[selected] .tab-label {
  color: black !important;
  font-weight: bold !important;
}



/* ========================================================================= */
/* 4. 非アクティブタブ（未読） */
/* ========================================================================= */
/* 背景：中間グレー・やや透過（Light/Darkテーマ両対応）  
   → 背景テーマが透けすぎないようにしつつ、未読タブの存在感を出す */
.tabbrowser-tab:not([selected])[pending="true"] .tab-background,
.tabbrowser-tab:not([selected])[unreadTab="true"] .tab-background {
  background-color: rgba(194, 194, 194, 0.2) !important !important; 
  background-image: none !important;
}


/* 文字：薄い灰色（既読の黒と差別化）  
   → Lightテーマでは控えめに、Darkテーマでも沈みすぎないように調整 */
.tabbrowser-tab:not([selected])[pending="true"] .tab-label,
.tabbrowser-tab:not([selected])[unreadTab="true"] .tab-label {
  color: #8a8a8a !important /* 薄いグレー文字で未読感を演出 */
  font-weight: normal !important;
}


/* マウスオーバー時：背景＝薄い水色、文字＝赤で太字  
   → ユーザーの注目を引く視覚効果を追加 */
.tabbrowser-tab:not([selected])[pending="true"]:hover .tab-background,
.tabbrowser-tab:not([selected])[unreadTab="true"]:hover .tab-background {
  background-color: rgba(173, 216, 230, 0.3) !important; /* LightBlue・やや強調 */
  background-image: none !important;
}


.tabbrowser-tab:not([selected])[pending="true"]:hover .tab-label,
.tabbrowser-tab:not([selected])[unreadTab="true"]:hover .tab-label {
  color: red !important; /* マウスオーバー時に強調 */
  font-weight: bold !important;
}



/* ========================================================================= */
/* 5. 非アクティブタブ（既読） */
/* ========================================================================= */
/* 背景: 少し濃い灰色透過 */
.tabbrowser-tab:not([selected]):not([pending="true"]):not([unreadTab="true"]) .tab-background {
  background-color: rgba(183, 183, 183, 0.3) !important;
  background-image: none !important;
}


/* 文字: 黒 */
.tabbrowser-tab:not([selected]):not([pending="true"]):not([unreadTab="true"]) .tab-label {
  color: black !important;
  font-weight: normal !important;
}


/* マウスオーバー時：背景＝少し濃い水色、文字＝黒で太字 */
.tabbrowser-tab:not([selected]):not([pending="true"]):not([unreadTab="true"]):hover .tab-background {
  background-color: rgba(173, 216, 230, 0.8) !important;
  background-image: none !important;
}


.tabbrowser-tab:not([selected]):not([pending="true"]):not([unreadTab="true"]):hover .tab-label {
  color: black !important;
  font-weight: bold !important;
}



/* ========================================================================= */
/* 6. 未読み込みタブ（pending） */
/* ========================================================================= */
/*「pending="true"」を「未読タブ」として扱っているため、セクション4で文字色やマウスオーバー時のスタイルをすでに定義済み*/
/* タブ復元時にまだ読み込まれていないタブを半透明化 */
.tabbrowser-tab[pending="true"] {
  opacity: 0.6 !important;
}


/* 未読タブでもファビコンを表示する(たぶんバージョン145未満用) */
/*●.tabbrowser-tab[pending="true"] .tab-icon-image {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline !important;
}●*/



/* ========================================================================= */
/* 7. ダークテーマの時の文字色 */
/* ========================================================================= */
@media (prefers-color-scheme: dark) {/*■■*/
/* アクティブタブの文字色（ダークテーマ時） */
  .tabbrowser-tab[selected] .tab-label {
    color: #f0f0f0 !important; /* 明るめの白系 */
  }


/* 非アクティブタブ（既読）の文字色（ダークテーマ時） */
  .tabbrowser-tab:not([selected]):not([pending="true"]):not([unreadTab="true"]) .tab-label {
    color: #d0d0d0 !important; /* やや暗めの白系で控えめに */
  }


/* 非アクティブタブ（未読）の文字色（ダークテーマ時） */
  .tabbrowser-tab:not([selected])[pending="true"] .tab-label,
  .tabbrowser-tab:not([selected])[unreadTab="true"] .tab-label {
    color: #e0e0e0 !important; /* 未読感を保ちつつ明るめに */
  }
}/*■■*/



/* ******************●タブその2(場合によっては必要・不要かも)●****************** */
/* Remove padding between tabs */
.tabbrowser-tab {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Adjust margin on blue tab line for squared background tabs */
.tabbrowser-tab:not([selected], [multiselected]) .tab-background::before {
  margin: -1px 0 0 !important;
}


/* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, 
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs {
    --tab-min-height: calc(var(--tab-min-height) +10px) !important;
}



/* ******************●その他多段タブ●****************** */
/* ●多段タブ●念の為、残しておく */
/*●
:root{ --multirow-n-rows: 3;}
#tabbrowser-tabs{
min-height: unset !important;
padding-inline-start: 0px !important;
}
@supports (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
scrollbar-width: thin;
}
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}
@supports not (inset-block:auto){
	#tabbrowser-tabs > .tabbrowser-arrowscrollbox{
	min-height: unset !important;
	}
	#tabbrowser-tabs .scrollbox-innerbox{
	display: flex;
	flex-wrap: wrap;
	}
	#tabbrowser-tabs .arrowscrollbox-scrollbox {
	overflow: -moz-hidden-unscrollable;
	display: block;
	}
}
.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important;
margin-inline-start: 0px !important;
}
.tabbrowser-tab > stack{ width: 100%; height: 100% }
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }
●*/



/* ******************●ブックマーク●****************** */
.bookmark-item {height: 21px !important;}


/* ブックマークアイコンの色を変更 */
.bookmark-item[container] {fill:#e8bb00 !important;}



/* ******************●多段ブックマークツールバー●****************** */
/* --bookmark_items_lines: 3;　で段数を変更で段数を変更する。 */
/* 右側に動作しないスクロールバーが出てくるので、不要なら#personal-bookmarks #PlacesToolbarに「scrollbar-width: none !important;」を入れると非表示になる。 */
/* ブックマークツールバーに表示されるブックマークの幅を狭めたいなら、#navigator-toolbox #PersonalToolbarにtoolbarbutton.bookmark-item {max-width: 100px !important;}のコードを記述する。 */


:root {
  --bookmark_items_height: 22px; /*●1行あたりの高さ <- bookmark items - line height */
  --bookmark_items_lines: 30; /*●最大の多段数 <- maximum amount of lines */
}


#PersonalToolbar {
  min-height: var(--bookmark_items_height) !important;
  max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important;

/*●ブックマークの背景*/
background: #ffffff59 !important;
opacity: 1.0 !important;
color : black !important;
}


#personal-bookmarks,
#PlacesToolbar > hbox {
  display: block;
}


#PlacesToolbarItems {
  display: flex;
  flex-wrap: wrap;
  overflow-x: visible;
  overflow-y: auto;
}


#PlacesToolbarItems > .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap; 
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important;
}


#personal-bookmarks #PlacesToolbar {
  display: block;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) );
scrollbar-width: none !important;
}


#personal-bookmarks #PlacesToolbar > .bookmark-item{
  visibility: visible !important;
}


#personal-bookmarks #PlacesToolbar .chevron{
  visibility: collapse;
}


#personal-bookmarks #PlacesToolbar > hbox > hbox{
  overflow-x: hidden;
  overflow-y: hidden;
}


#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
  display: none;
}


#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
padding-top: 2px !important;
padding-bottom: 2px !important;
/*●元
margin-top: 0px !important;
margin-bottom: 1px !important;
●*/
margin-top: 2px !important;
margin-bottom: 2px !important;
/*●これ効いてない(display: inline;を追加すれば効くらしい
vertical-align: middle;
●*/
}


#personal-bookmarks #PlacesToolbar toolbarseparator{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid ThreeDShadow !important;
  border-right: 3px solid ThreeDHighlight !important;
  vertical-align: middle;
}


#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
  -moz-appearance: toolbarbutton;
}


#navigator-toolbox #PersonalToolbar { 
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) ) !important;
}


/* ブックマークツールバー上部余白調整 */
#PersonalToolbar {
 margin-top: -2px !important;
}


/* 透過フェードインフェードアウト */
/*●
#PlacesToolbarItems:hover{
transition-delay: 0.1s !important;
opacity: 1 !important;
}


#PlacesToolbarItems{
opacity: 0.3 !important;
transition-delay: 2s !important;
transition-duration: 1s !important;
}
●*/


/* ブックマークとメニューの項目間の余白幅 */
menupopup > menuitem,
menupopup > menu {
  padding-block: 0.15em !important;
}


:root {
  --arrowpanel-menuitem-padding: 3px 6px !important;
}


/*●多段ブックマークツールバーの下の余白を消す*/
#PlacesToolbarItems {
contain: initial!important;
}


/*●多段ブックマークツールバーの下の余白を消す*/
#PersonalToolbar .toolbarbutton-1{
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}


/*●多段ブックマークツールバーの上の余白*/
#personal-bookmarks {
padding-top: 2px!important;
}



/* ******************●コンテキストメニュー●****************** */
/* 「/*  #mainPopupSet,」以降の各項目に関して、先頭の「/*」を追加／削除することでメニューの表示／非表示を制御出来ます。お好みで変更してください。先頭の「/*」を追加すると表示、先頭の「/*」を削除すると非表示です。 */
/* ※全角文字を含む場合（拡張機能用の[スクリーンショットを撮る]を指定する場合）、@charsetの指定が必要になります。また、userChrome.cssファイルを指定した文字コードで保存してください。 */

/* コンテキストメニューを削除 */
/* v82.20201031 */
/* see https://www.bugbugnow.net/2017/12/firefox-quantum-57.html */
/*  #mainPopupSet,                      /* ポップアップ */
/*    #tabContextMenu,                  /* タブコンテキストメニュー */
/*        #context_reloadTab,             /* [タブを再読み込み] */
        #context_reloadSelectedTabs,    /* [タブを再読み込み] 67+ */
        #context_toggleMuteTab,         /* [タブをミュート] */
        #context_toggleMuteSelectedTabs,/* [タブをミュート] 67+ */
/*      #context_pinTab,                /* [タブをピン留め] */
/*      #context_unpinTab,              /* [タブのピン留めを外す] */
/*      #context_pinSelectedTabs,       /* [タブをピン留め] 67+ */
/*      #context_unpinSelectedTabs,     /* [タブのピン留めを外す] 67+ */
/*      #context_duplicateTab,          /* [タブを複製] */
/*      #context_duplicateTabs,         /* [タブを複製] 67+ */
/*      #context_duplicateTabs + menuseparator,        /* [区切り] 67+ */
        #context_selectAllTabs,         /* [すべてのタブを選択] 64+ */
        #context_bookmarkSelectedTabs,  /* [タブをブックマーク...] */
        #context_bookmarkTab,           /* [タブをブックマーク] 64+ */
        #context_reopenInContainer,     /* [コンテナーを開きなおす] */
        #context_moveTabOptions,        /* [タブを移動] 64+ */
        #moveTabOptionsMenu,            /* [タブ移動] 67+ */
/*          #context_moveToStart,         /* [最初のタブへ移動] 67+ */
/*          #context_moveToEnd,           /* [最後のタブへ移動] 67+ */
          #context_openTabInWindow,     /* [新しいウィンドウへ移動] 67+ */
        #context_sendTabToDevice,       /* [タブを端末へ送信] */
        #context_sendTabToDevice + menuseparator,       /* [区切り] */
/*        #context_reloadAllTabs,         /* [すべてのタブを再読み込み] 78- */
        #context_bookmarkAllTabs,       /* [すべてのタブをブックマーク...] 78- */
/*      #context_closeTabOptions,       /* [複数のタブを閉じる] 78+ */
/*        #context_closeTabsToTheEnd,   /* [右側のタブをすべて閉じる] */
/*        #context_closeOtherTabs,      /* [他のタブをすべて閉じる] */
/*      #context_undoCloseTab,          /* [閉じたタブを元に戻す] */
        #context_closeTab,              /* [タブを閉じる] */
        #context_closeSelectedTabs,     /* [タブを閉じる] 67+ */
/*      #context_closeSelectedTabs + menuseparator,     /* [区切り] */
/*    #contentAreaContextMenu,          /* コンテキストメニュー */
/*      #context-navigation,            /* [ナビゲート] */
/*        #context-back,                /* [戻る] */
/*        #context-forward,             /* [進む] */
/*        #context-reload,              /* [更新] */
/*        #context-stop,                /* [停止] */
/*        #context-bookmarkpage,        /* [ブックマーク] */
/*      #context-sep-navigation,        /* [区切り] */
        #page-menu-separator,           /* [区切り] */
/*      #spell-no-suggestions,          /* [(修正候補がありません)] */
/*      #spell-add-to-dictionary,       /* [辞書に追加] */
/*      #spell-undo-add-to-dictionary,  /* [辞書への追加を元に戻す] */
/*      #spell-suggestions-separator,   /* [区切り] */
        #context-openlinkincurrent,     /* [選択した URL を開く] */
        #context-openlinkincontainertab,/* [Open Link in New Personal Tab] */
/*        #context-openlinkintab,         /* [リンクを新しいタブで開く] */
        #context-openlinkinusercontext-menu,    /* [リンクを新しいコンテナータブで開く] */
        #context-openlink,              /* [リンクを新しいウィンドウで開く] */
/*        #context-openlinkprivate,       /* [リンクを新しいプライベートウィンドウで開く] */
        #context-sep-open,              /* [区切り] */
        #context-bookmarklink,          /* [このリンクをブックマーク] */
/*      #context-savelink,              /* [名前を付けてリンク先を保存...] */
        #context-savelinktopocket,      /* [リンクを Pocket に保存] */
        #context-sendlink,              /* ※[リンクのURLをメールで送信] */
        #context-copyemail,             /* [メールアドレスをコピー] */
/*      #context-copylink,              /* [リンクの URL をコピー] */
/*      #context-sep-copylink,          /* [区切り] */
/*      #context-media-play,            /* [再生] */
/*      #context-media-pause,           /* [一時停止] */
/*      #context-media-mute,            /* [ミュート] */
/*      #context-media-unmute,          /* [ミュート解除] */
/*      #context-media-playbackrate,    /* [再生スピード] */
/*      #context-media-loop,            /* [連続再生] */
/*      #context-media-showcontrols,    /* [コントロールを表示] */
/*      #context-media-hidecontrols,    /* [コントロールを隠す] */
        #context-video-fullscreen,      /* [全画面表示] */
        #context-leave-dom-fullscreen,  /* [全画面表示モードを終了] */
        #context-media-sep-commands,    /* [区切り] */
        #context-reloadimage,           /* [画像を再読み込み] */
/*        #context-viewimage,             /* [画像だけを表示] */
        #context-viewvideo,             /* [動画だけを表示] */
/*        #context-copyimage-contents,    /* [画像をコピー] */
/*      #context-copyimage,             /* [画像の URL をコピー] */
/*      #context-copyvideourl,          /* [動画の URL をコピー] */
/*      #context-copyaudiourl,          /* [音声の URL をコピー] */
/*      #context-sep-copyimage,         /* [区切り] */
/*      #context-saveimage,             /* [名前を付けて画像を保存...] */
        #context-sendimage,             /* [画像の URL をメールで送信...] */
        #context-setDesktopBackground,  /* [デスクトップの背景に設定...] */
        #context-blockimage,            /* ※[画像をブロックする] */
/*      #context-viewimageinfo,         /* [画像の情報を表示] */
/*      #context-viewimagedesc,         /* [画像の詳細情報を表示] */
/*      #context-savevideo,             /* [名前を付けて動画を保存...] */
/*      #context-saveaudio,             /* [名前を付けてオーディオを保存...] */
/*      #context-video-saveimage,       /* [スナップショットを保存...] */
        #context-sendvideo,             /* [動画の URL をメールで送信...] */
        #context-sendaudio,             /* [音声の URL をメールで送信...] */
/*      #context-ctp-play,              /* [このプラグインを有効化] */
/*      #context-ctp-hide,              /* [このプラグインを非表示] */
/*      #context-sep-ctp,               /* [区切り] */
/*        #context-savepage,              /* [名前を付けてページを保存...] */
        #context-pocket,                /* [ページを Pocket に保存] */
        #context-sep-sendpagetodevice,  /* [区切り] */
        #context-sendpagetodevice,      /* [ページを端末へ送信] */
        #context-sendpage,              /* ※[ページのURLをメールで送信] */
        #context-sep-viewbgimage,       /* [区切り] */
        #context-viewbgimage,           /* [背景画像だけを表示] */
/*      #context-undo,                  /* [元に戻す] */
/*      #context-sep-undo,              /* [区切り] */
/*      #context-cut,                   /* [切り取り] */
/*      #context-copy,                  /* [コピー] */
/*      #context-paste,                 /* [貼り付け] */
/*      #context-delete,                /* [削除] */
/*      #context-sep-paste,             /* [区切り] */
/*      #context-selectall,             /* [すべて選択] */
/*      #context-sep-selectall,         /* [区切り] */
        #context-keywordfield,          /* [この検索にキーワードを設定...] */
/*      #context-searchselect,          /* [[-をweb検索]] */
        #context-sep-sendlinktodevice,  /* [区切り] */
        #context-sendlinktodevice,      /* [リンクを端末へ送信] */
/*      #frame-sep,                     /* [区切り] */
/*      #frame,                         /* [このフレーム] */
/*      #context-viewpartialsource-selection,   /* [選択した部分のソースを表示] */
/*      #context-viewpartialsource-mathml,      /* [MathML のソースを表示] */
/*      #context-sep-viewsource,        /* [区切り] */
/*      #context-viewsource,            /* [ページのソースを表示] */
/*      #context-viewinfo,              /* [ページの情報を表示] */
/*      #context-metadata,              /* ※[プロパティを表示する] */
/*      #spell-separator,               /* [区切り] */
/*      #spell-check-enabled,           /* [スペルチェックを行う] */
/*      #spell-add-dictionaries-main,   /* [辞書を追加...] */
/*      #spell-dictionaries,            /* [言語] */
/*      #context-spell-check-enabled,   /* ※[スペルチェックを有効にするチェックボックス] */
/*      #context-sep-bidi,              /* [区切り] */
/*      #context-bidi-text-direction-toggle,    /* [テキストの記述方向を切り替える] */
/*      #context-bidi-page-direction-toggle,    /* [ページの記述方向を切り替える] */
/*      #fill-login-separator,          /* [区切り] */
/*      #fill-login,                    /* [ログイン情報を入力] */
/*      #inspect-separator,             /* [区切り] */
/*      #context-inspect-a11y,          /* [アクセシビリティプロパティを調査] 67+ 82+ */
/*      #context-inspect,               /* [要素を調査] 82+ */
/*      #context-media-eme-separator,   /* [区切り] */
/*      #context-media-eme-learnmore,   /* [DRM の詳細...] */
/*    #placesContext,                   /* ブックマークメニュー */
/*      #placesContext_open,            /* [開く] */
/*      #placesContext_open\:newtab,    /* [新しいタブで開く] */
/*      #placesContext_openContainer\:tabs,     /* [タブですべて開く] */
/*      #placesContext_openLinks\:tabs,         /* [タブですべて開く] */
/*      #placesContext_open\:newwindow,         /* [新しいウィンドウで開く] */
/*      #placesContext_open\:newprivatewindow,  /* [新しいプライベートウィンドウで開く] */
/*      #placesContext_openSeparator,   /* [区切り] */
/*      #placesContext_new\:bookmark,   /* [新しいブックマーク...] */
/*      #placesContext_new\:folder,     /* [新しいフォルダー...] */
/*      #placesContext_new\:separator,  /* [新しい区切り] */
/*      #placesContext_newSeparator,    /* [区切り] */
/*      #placesContext_createBookmark,  /* [ページをブックマークに追加] */
/*      #placesContext_cut,             /* [切り取り] */
/*      #placesContext_copy,            /* [コピー] */
/*      #placesContext_paste,           /* [貼り付け] */
/*      #placesContext_editSeparator,   /* [区切り] */
/*      #placesContext_delete,          /* [削除] */
/*      #placesContext_delete_history,  /* [ページを削除] */
/*      #placesContext_deleteHost,      /* [このサイトの履歴を消去] */
/*      #placesContext_deleteSeparator, /* [区切り] */
/*      #placesContext_sortBy\:name,    /* [名前順に並べ替える] */
/*      #placesContext_reload,          /* [ライブブックマークを再読み込み] */
/*      #placesContext_show\:info,      /* [プロパティ] */
/*    #pageActionPanel,                 /* ページアクション */
/*      #pageAction-panel-bookmark,     /* [このページをブックマーク] */
/*      #pageAction-panel-pocket,       /* [ページを Pocket に保存] */
/*      #pageAction-panel-pinTab,       /* [タブをピン留め][タブのピン留めを外す] */
/*      #pageAction-panel-bookmarkSeparator,    /* [区切り] */
/*      #pageAction-panel-copyURL,      /* [リンクをコピー] */
/*        #pageAction-panel-emailLink,    /* [ページの URL をメールで送信...] */
        #pageAction-panel-sendToDevice, /* [1 個のタブを端末へ送信] */
        #pageAction-panel-shareURL,     /* [共有] */
/*      #pageAction-panel-screenshots_mozilla_org,      /* [スクリーンショットを撮る] */
/*      #pageAction-panel-builtInSeparator,     /* [区切り] */
    #context-dummy-dummy-dummy          /* ダミー */
{
  display: none !important;
}


/* 「…で検索: "…"」を削除 */
/* リンクを右クリックした場合、削除する。 */ 
/* 選択中のテキストがある場合、削除しない。 */ 
        #context-copylink:not([hidden]) ~ #context-copy[hidden] ~ #context-searchselect, /**/
    #context-dummy-dummy-dummy          /* ダミー */
{
  display: none !important;
}


/* コンテキストメニューを削除（拡張機能用） */
/* @charsetとuserChrome.cssの文字コードに注意 */
    menuitem[label="Take a Screenshot"],        /* スクリーンショットを撮る */
/*    menuitem[label="スクリーンショットを撮る"], /* スクリーンショットを撮る */
/*  menuitem[label="NoScript"],                 /* NoScript */
    #context-dummy-dummy-dummy                  /* ダミー */
{
  display: none !important;
}



/* ******************●サイドバー●****************** */
/* サイドバーを自動開閉するようにする （左側用）*/
:root {
  --thin-tab-width: 36px;
  --wide-tab-width: 300px;
}


#sidebar-box {
  position: relative !important;
  overflow-x: hidden !important;
  min-width: var(--thin-tab-width) !important;
  max-width: var(--thin-tab-width) !important;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
  z-index: 1 !important; 
  transition: all .1s ease; 
  flex-basis: var(--thin-tab-width) !important;
  flex-shrink: 0 !important;
}


#sidebar-header {
  width: var(--thin-tab-width) !important;
}


#sidebar {
  min-width: var(--thin-tab-width) !important;
  max-width: var(--thin-tab-width) !important;
opacity: 0 !important;
}


#sidebar-box:hover {
  min-width: var(--wide-tab-width) !important;
  max-width: var(--wide-tab-width) !important;
  width: var(--wide-tab-width) !important;
  flex-basis: var(--wide-tab-width) !important;
  flex-shrink: 0 !important;
/* 0.5秒ホバーで開く */
transition-delay: 0.5s!important;
}


#sidebar-header:hover {
  width: var(--wide-tab-width) !important;
}


#sidebar:hover {
  min-width: var(--wide-tab-width) !important;
  max-width: var(--wide-tab-width) !important;
opacity: 1 !important;
}


/* ●サイドバーの　Tree Style Tab - ツリー型タブ用● */
/* ツリー型タブ用 */
tab-item {
border-color:#000!important;
}


tab-item.active {
background-color: #A05E63!important;
}


tab-item.active .label-content {
font-weight: bold!important;
}



/* ******************●その他●****************** */
/*●tabProtect_mod2.uc.jsのアイコンの位置●*/
tab[tabProtect] .tab-icon-protect{
  /*■元■margin-top: 0px;■*/ /*要調整*/
  margin-top: -8px !important;
  margin-left: 0px !important; /*要調整*/
}


/*●tabLock_mod2.uc.jsのアイコンの余白●*/
  tab[tabLock] .tab-icon-lock{
    margin-top: 0px !important; /*要調整*/
    margin-left: 0px !important; /*要調整*/
}


/* ●DWMBlurGlassを導入している場合、KB5068861適用以降、Firefoxだけ右クリックが透過される対策● */
menupopup {
  -moz-appearance: menupopup !important;
  background-color: -moz-Dialog !important;
  background-image: none !important;
  backdrop-filter: none !important;
  opacity: 0.8 !important;
}