@charset "UTF-8";
/* CSS Document */

/*================================
ヘッダー検索ボックス
==================================*/
#suggest {
   position: absolute;
   background-color: #FFFFFF;
   border: solid #CCCCFF;
   font-size: 90%;
   width: 380px;
   box-sizing: border-box;
   border-width: 0px 1px 1px 1px;
   z-index: 1000;
	overflow: auto;
	max-height: 240px;
}

#suggest div {
	display: block;
    width: 100%;
    overflow: hidden;
	white-space: nowrap;
	padding: 2px 6px;
	box-sizing: border-box;
	-moz-user-select: none;
    -webkit-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
	position: relative;
}

#suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}

#suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

/*================================
内部検索ボックス
==================================*/
#suggestInset, #suggestInsetSecond {
   position: absolute;
   background-color: #FFFFFF;
   border: solid #CCCCFF;
   font-size: 90%;
   width: 380px;
   box-sizing: border-box;
   border-width: 0px 1px 1px 1px;
   z-index: 1000;
   left: 0px;
	max-height: 315px;
	overflow: auto;
	margin-top: -14px;
}

#suggestInsetSecond {
	max-height: 215px;
}
#suggestInset div, #suggestInsetSecond div {
	display: block;
    width: 100%;
    overflow: hidden;
	white-space: nowrap;
	padding: 2px 6px;
	box-sizing: border-box;
	-moz-user-select: none;
    -webkit-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
}

#suggestInset div.select, #suggestInsetSecond div.select { /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}

#suggestInset div.over, #suggestInsetSecond div.over { /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

@media screen and (max-width:640px) {
	#suggest {
		left: 2%;
		width: 96%;
		font-size: 14px;
		max-height: 295px;
	}
	#suggest::-webkit-scrollbar{
	  width: 15px;
	}
	#suggest::-webkit-scrollbar-track{
	  background: #fff;
	  border: none;
	  border-radius: 15px;
	  box-shadow: inset 0 0 2px #777;
	}
	#suggest::-webkit-scrollbar-thumb{
	  background: #ccc;
	  border-radius: 15px;
	  box-shadow: none;
	}
	#suggest div {
		padding: 10px 6px 11px 6px;
		border-bottom: 1px dashed #bbbbbb;
		margin-bottom: 5px;
		text-align: left;
	}
	#suggest div:last-child {
		border: none;
	}

	#suggestInset, #suggestInsetSecond {
		left: 0;
		width: 82%;
		font-size: 14px;
		overflow: auto;
		max-height: 320px;
	}
	#suggestInset::-webkit-scrollbar, #suggestInsetSecond::-webkit-scrollbar {
	  width: 15px;
	}
	#suggestInset::-webkit-scrollbar-track, #suggestInsetSecond::-webkit-scrollbar-track {
	  background: #fff;
	  border: none;
	  border-radius: 15px;
	  box-shadow: inset 0 0 2px #777;
	}
	#suggestInset::-webkit-scrollbar-thumb, #suggestInsetSecond::-webkit-scrollbar-thumb {
	  background: #ccc;
	  border-radius: 15px;
	  box-shadow: none;
	}
	#suggestInset div, #suggestInsetSecond div {
		padding: 10px 6px 11px 6px;
		border-bottom: 1px dashed #bbbbbb;
		margin-bottom: 5px;
	}
	#suggestInset div:last-child, #suggestInsetSecond div:last-child {
		border: none;
	}

}