/* ==UserStyle==
@name           Google Search Tools to Sidebar
@name:ja        Google 検索ツールをサイドバーへ
@description    Always expands the search tool and moves it back to the left side (legacy feature).
@description:ja 検索ツールを常に展開し、以前のようにサイドバーから利用できるようにします。
@namespace      https://greasyfork.org/users/137
@version        3.1.0
@license        MPL-2.0
@contributionURL https://www.amazon.co.jp/registry/wishlist/E7PJ5C3K7AM2
@compatible     Edge
@compatible     Firefox 推奨 (Recommended)
@compatible     Opera
@compatible     Chrome
@preprocessor   uso
@var            select categories "カテゴリ (Categories)" {
	"折りたたむ (Contracts)*": "",
	"常に展開する (Always expands)": `	
		#hdtb-msb > div:first-of-type g-popup > div:first-of-type {
			display: none;
		}
		#hdtb-msb > div:first-of-type g-popup > div:last-of-type {
			display: unset !important;
			position: unset;
		}
		#hdtb-msb > div:first-of-type g-popup > div:last-of-type g-menu {
			padding-top: unset;
		}
		#hdtb-msb > div:first-of-type g-popup > div:last-of-type g-menu g-menu-item {
			background: unset !important;
		}

		#leftnavc {
			margin-top: 330px;
		}
	`
}
@author         100の人
@homepageURL    https://greasyfork.org/scripts/412326
@downloadURL none
==/UserStyle== */

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("https?://www\\.google\\.(?:com|(?:com?\\.)?[a-z][a-z])/(?!maps(?:$|.*)).*") {
	body {
		/* サイドバーの幅 */
		--sidebar-width: 138px;
	}

	/*------------------------------------
		検索フォームの高さを小さくする
	*/
	#sform {
		/* 検索窓の下に発生するスペースの除去 */
		height: 50px;
	}
	#gsr #searchform:not(.jhp) {
		/* ロゴ・検索フォーム・アプリボタン等 */
		top: 10px;
	}

	/*------------------------------------
		ショッピング検索のサイドバー
	*/
	#leftnavc {
		width: var(--sidebar-width);
		margin-top: 230px;              /* 畳んだ状態のカテゴリ一覧の高さ */
	}
	#leftnavc .sr__restricts {
		width: unset;
	}
	
	#leftnavc .sr__restricts .sr__group {
		/* サイドバーの項目 */
		margin-left: 10px;
	}

	/*------------------------------------
		検索フォームと検索結果の水平位置
	*/
	.col #center_col {
		/* 検索結果 */
		margin-left: var(--sidebar-width) !important;
	}

	/*------------------------------------
		カテゴリ一覧と検索ツール
	*/
	#top_nav {
		/* サイドバー全体 */
		position: absolute;
		min-width: 0 !important;
		width: var(--sidebar-width);
	}
	#top_nav #hdtb {
		/* サイドバー全体 */
		margin-top: -10px;
		border-bottom: unset;
		/* 画像を選択したときの背景色 */
		background: #FFFFFF;
	}

	/*------------------------------------
		カテゴリ一覧と設定 
	*/
	#top_nav #hdtbSum {
		height: auto;
		background: unset;
		opacity: unset !important;
		visibility: unset !important;
	}
	#top_nav #hdtbSum #hdtb-msb {
		flex-direction: column;
		align-items: unset;
		float: unset;
		min-width: unset;
	}
	#top_nav #hdtbSum #hdtb-msb #hdtb-msb-vis {
		/* カテゴリ全体の上に発生するスペースの除去 */
		margin: unset;
	}

	/*------------------------------------
		カテゴリ
	*/
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem {
		display: block;
		height: unset;
		padding: unset;
		line-height: 23px;
		margin-left: 0;
	}
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem:first-of-type {
		/* カテゴリ全体の上に発生するスペースの除去 */
		margin-top: unset;
	}
	
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem .q {
		/* リンクテキスト */
		display: block;
	}
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem .q:not(:active) {
		color: #000000;
	}
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem .q:hover {
		background: #EEEEEE;
	}
	
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem.hdtb-msel {
		/* 選択されているカテゴリ */
		border-left-style: solid;
		border-left-width: 6px;
		border-bottom: none;
	}
	
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem .q,
	#top_nav #hdtbSum #hdtb-msb .hdtb-mitem.hdtb-msel {
		padding: 5px 0 5px 16px;
	}

	/*------------------------------------
		「もっと見る」「設定」「期間を指定」「サイズを指定」ボタン
	*/
	#top_nav #hdtbSum #hdtb-msb .hdtb-dd-b,
	#top_nav #hdtbMenus #cdr_opt #cdrlnk,
	#top_nav #hdtbMenus #isz_ex .exylnk {
		display: inline-block;
		color: #666666;
		border: solid 1px #DDDDDD;
		background: linear-gradient(to bottom, #FFFFFF, #F5F5F5);
		border-radius: 4px;
		padding: 0 12px 0 12px;
		line-height: 25px;
		margin: 5px 10px;
	}
	#top_nav #hdtbSum #hdtb-msb .hdtb-dd-b:hover,
	#top_nav #hdtbMenus #cdr_opt #cdrlnk:hover,
	#top_nav #hdtbMenus #isz_ex .exylnk:hover {
		border-color: #BBBBBB;
		text-decoration: none;
	}
	
	#top_nav #hdtbSum #hdtb-msb .hdtb-dd-b .more-vert {
		/* もっと見るの前の「⋮」の除去 */
		display: none;
	}
	
	#top_nav #hdtbMenus #cdr_opt .cdr_sep {
		/* 「期間を指定」ボタンの上の水平線 */
		display: none;
	}

	/*------------------------------------
		「保存済みの画像を見る」「セーフサーチ」ボタン
	*/
	#top_nav #hdtbSum #ab_ctls {
		position: absolute;
		top: -30px;
		right: calc(-100vw + 185px);
		line-height: 29px;
	}

	/*------------------------------------
		画像検索の「最小サイズ」
	*/
	#top_nav #hdtbMenus #isz_lt .tnv-lt-m {
		padding-right: 15px;
		position: relative;
	}
	#top_nav #hdtbMenus #isz_lt .tnv-lt-m::after {
		/* ▶マーク */
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0px 4px 4px;
		border-color: transparent #909090;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -4px;
	}
	#top_nav #hdtbMenus #isz_lt .tnv-lt-arw {
		display: none;
	}

	/*------------------------------------
		検索ツール
	*/
	#top_nav #hdtbMenus {
		display: unset;
		position: unset;
		visibility: unset;
	}
	#top_nav #hdtbMenus .hdtb-mn-cont {
		/* 画像を選択したときの背景色 */
		height: unset;
	}
	#top_nav #hdtbSum #hdtb-msb #hdtb-tls {
		/* 「ツール」ボタン */
		display: none;
	}

	/*------------------------------------
		検索ツールの各項目の見出し
	*/
	#top_nav #hdtbMenus .mn-dwn-arw,
	#top_nav #hdtbMenus .hdtb-mn-hd:not([aria-label*=" – "]) {
		display: none;
	}
	
	#top_nav #hdtbMenus .hdtb-mn-hd {
		/* 日付けで期間が指定されているとき */
		line-height: unset;
		padding-right: 0;
		text-align: right;
	}
	#top_nav #hdtbMenus .hdtb-mn-hd .mn-hd-txt {
		white-space: initial;
	}

	/*------------------------------------
		検索ツールの各項目の選択肢一覧
	*/
	#top_nav #hdtbMenus [jsname][style*="display:none"] {
		display: block !important;
		position: unset;
		box-shadow: unset;
		/* 日付けで期間が指定されているときに、表示されている期間をクリックしたとき */
		min-width: unset !important;
		/* 画像検索のライセンス */
		white-space: initial;
	}

	/*------------------------------------
		検索ツールの各項目の選択肢
	*/
	#top_nav #hdtbMenus g-menu-item {
		padding: 0 0.3em;
		font-size: 13px;
		background: unset;
		color: #222222;
	}

	#top_nav #hdtbMenus g-menu-item:hover {
		text-decoration: underline;
	}
	
	#top_nav #hdtbMenus g-menu-item[role="menuitem"] {
		/* 選択されている選択肢 */
		color: #DD4B39;
		font-weight: bold;
	}

	#top_nav #hdtbMenus g-menu-item > * > * {
		padding: unset;
	}
	
	/*====================================
		ヒット件数を常に表示
	*/
	#slim_appbar {
		/* ヒット件数の下に発生するスペースの除去 */
		height: 30px;
	}
	#gsr #resultStats {
		opacity: unset;
		line-height: unset;
		position: unset;
	}
/*[[categories]]*/}