@CHARSET "UTF-8";
table th {
	text-align:center;
	width:auto;
}
.hide {
	display: none;
}
/* RoHS・SPICE */
.formbtn_checkbox {
	display:inline-block;
}

/* 絞り込む・解除 */
.formbtn_button {
	display:inline-block;
	float:left;
}

/** 定格表の使い方 */
.search_input_container .howTo {
	margin-left:15px;
	vertical-align:-webkit-baseline-middle;
}

.search_input_container .search_check {
	color: #000000;
	font-weight: normal;
	display: inline-block;
}

.class_exp {
	margin-bottom: 15px;
}

.unit_right {
	text-align: right;
}

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 950px !important;
    max-height:574px !important;
  }
}


@media screen and (max-width:600px) {
	/* ソート/フィルター */
	.re-search_container {
		padding-top:0;
	}
	.contents_full .search_results_container.forSP .search_results_title {
		font-size: 1em;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.sp_sort_filter {
		display: table !important;
		width: 100%;
	}
	.sp_sort_filter > div {
		display: table-cell !important;
		width: 50%;
	}
	.sp_sort_filter > div a {
		text-decoration: none;
		background: #eee;
		border-bottom: 1px solid #ccc;
		display: block;
		font-weight: bold;
		padding: 12px 8px 8px 8px;
		text-align: center;
		position: relative;
	}
	.sp_sort_filter > div a::before {
		font-family: "FontAwesome";
		content: "\f078";
		color: #fc1726;
		font-size: 0.9em;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	.sp_sort_filter > div.active a::before {
		content: "\f077";
	}
	.sp_sort_filter .sp_sort a {
		border-right: 1px solid #ccc;
	}
	ul.menu_sort_list {
		background: #fff;
		position: relative;
		width: 100%;
		z-index: 100;
	}
	ul.menu_sort_list li {
		cursor: pointer;
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}

	/* RoHS・SPICE */
	.contents_full .rated_list_formbtn label {
		display: block;
		margin: 3px 0;
	}

	/* 絞り込む・解除 */
	.formbtn_button {
		display:block;
		float:none;
	}
	.contents_full .rated_list_formbtn input[type="button"],
	.contents_full .rated_list_formbtn input[type="reset"] {
		border: 0;
		margin: 0;
		width: 100%;
	}
	.contents_full .rated_list_formbtn input[type="button"].filterbtn {
		margin-bottom: 10px;
	}

	.main_area .item_list_container.full_layout .item_spec .goodsExpSumText {
		display: block;
	}

	.main_area .item_list_container.full_layout .item_list_record .item_price .goodsPrice1IncludeTax {
		color: #333;
		font-weight: normal;
		font-size: small;
		margin-left: 8px;
	}

	.main_area .item_list_container.full_layout .item_list_record .item_list_number, .main_area .item_list_container.full_layout .item_list_record .item_name {
		font-size: 1.1em;

		vertical-align: middle;
	}

	.goodsExpSum_ForSp::after {
		content: "▼";
		padding-left: 0.5em;
	}
	.goodsExpSum_ForSp.active::after {
		content: "▲";
		padding-left: 0.5em;
	}


	/* 品質ランクアイコン */
	.contents_full .rated_list_table .document2 img.iconQualityRank{
	    margin-top: 5px;
	    margin-left: 5px;
	}
	.quality_rank_icon{
		padding-left: 5px;
		width: 55px;
		height: 25px;
		display: table-cell;
	}

	/* 明細 */
	.item_list .item_list_record .item_name_container .spec .item_spec dl dt {
		width: 95px;
		text-align: right;
		padding-right: 5px;
	}

	/* SP版 キーワード検索エリア */
	.sp_search_keyword_area .sp_search_text_wrap {
		display: flex;
		align-items: stretch;
		width: 88vw;
		box-sizing: border-box;
		margin: 10px 0 10px 0;
	}
	.sp_search_keyword_area .sp_search_text_wrap .search_text {
		flex: 1;
		min-width: 0;
		border: 1px solid #1b1b1b;
		border-right: none;
		border-radius: 3px 0 0 3px;
		background: #fff;
		overflow: hidden;
	}
	.sp_search_keyword_area .sp_search_text_wrap .search_text input[type="text"] {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		background: transparent;
		border: none;
		padding: 5px 6px;
		font-size: 14px;
		outline: none;
	}
	.sp_search_keyword_area .sp_search_text_wrap .search_btn {
		flex-shrink: 0;
		position: relative;
		width: 40px;
		background: #1b1b1b;
		border: 1px solid #1b1b1b;
		border-radius: 0 3px 3px 0;
		cursor: pointer;
		overflow: hidden;
	}
	.sp_search_keyword_area .sp_search_text_wrap .search_btn::before {
		font-family: "FontAwesome";
		content: "\f002";
		color: #fff;
		font-size: 0.9em;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -5px;
		margin-top: -9px;
		pointer-events: none;
		z-index: 1;
	}
	.sp_search_keyword_area .sp_search_text_wrap .search_btn input[type="submit"] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
		border: none;
		cursor: pointer;
		z-index: 2;
		opacity: 0;
	}


	/* SP版 在庫品のみ/1個から購入可スイッチ */
	.sp_stock_filter {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		background: #fff;
		padding: 8px 12px;
		border: 1px solid #ddd;
		margin-bottom: -1px;
		background: #f5f5f5;
	}
	.sp_filter_head {
		font-size: 13px;
		flex-shrink: 0;
		margin-right: 8px;
	}
	.sp_toggle_item {
		display: flex;
		align-items: center;
		margin-right: 16px;
	}
	.sp_toggle_item:last-child {
		margin-right: 0;
	}
	.sp_toggle_text {
		font-size: 13px;
		margin-right: 6px;
	}
	.sp_toggle_switch {
		position: relative;
		display: inline-block;
		width: 44px;
		height: 24px;
		flex-shrink: 0;
		cursor: pointer;
	}
	.sp_toggle_switch input {
		opacity: 0;
		width: 0;
		height: 0;
		position: absolute;
	}
	.sp_toggle_slider {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: #dedede;
		border-radius: 24px;
		transition: background-color .2s;
	}
	.sp_toggle_slider:before {
		content: "";
		position: absolute;
		height: 20px;
		width: 20px;
		left: 2px;
		bottom: 2px;
		background: #fff;
		border-radius: 50%;
		transition: transform .2s;
		box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	}
	.sp_toggle_switch input:checked + .sp_toggle_slider {
		background: #57d966;
	}
	.sp_toggle_switch input:checked + .sp_toggle_slider:before {
		transform: translateX(20px);
	}
	.sp_toggle_switch input:disabled + .sp_toggle_slider {
		opacity: 0.5;
		cursor: not-allowed;
	}

	/* 絞り込み項目 */
	.search_keyword_container.forSP {
		margin-top: 0;
		border: none;
	}
	.search_keyword_inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.search_keyword_container.forSP .search_keyword .search_keyword_inner label {
		display: inline-flex;
		align-items: center;
		margin-right: 10px;
		padding-top: 0;
	}
	.search_keyword_container.forSP .search_keyword .search_keyword_inner > span {
		margin-top: 0;
	}
	.search_keyword_container.forSP .search_keyword .search_keyword_inner .releaseChip {
		margin-top: 0;
	}
	.search_keyword_container .search_keyword span.releaseChip {
		display: inline-flex;
		align-items: center;
	}
	.search_keyword_container .search_keyword span.releaseChip > a.releaseLink {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.search_keyword_container.forSP .search_keyword .search_keyword_inner span.releaseChip > a.releaseLink > span {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.sp_toggle_item_wrap {
		display: flex;
	}

	/* SP版 フッターナビゲーション */
	.sp_footer_nav {
		display: flex !important;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		height: 56px;
		background: #fff;
		border: 1px solid #004390;
		box-shadow: 0 -2px 6px rgba(0,0,0,0.12);
		z-index: 2200;
		align-items: stretch;
		width: 85%;
		margin: auto;
	}
	.sp_footer_item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		color: #333;
		border: none;
		background: none;
		cursor: pointer;
		padding: 0;
		box-sizing: border-box;
	}
	.sp_footer_item::before {
		font-family: "FontAwesome";
		font-size: 20px;
		line-height: 1;
		margin-bottom: 2px;
		display: block;
		color: #fff;
		-webkit-text-stroke: 1px #aaa;
	}
	.sp_footer_home,
	.sp_footer_cart {
		flex: 0 0 20%;
	}
	.sp_footer_home::before {
		content: "\f015";
	}
	.sp_footer_cart::before {
		content: "\f07a";
	}
	.sp_footer_top::before {
		content: '';
		font-family: inherit;
		font-size: 0;
		width: 14px;
		height: 14px;
		border-top: 2px solid #aaa;
		border-right: 2px solid #aaa;
		transform: rotate(-45deg);
		margin-top: 2px;
	}
	.sp_footer_label {
		font-size: 13px;
		line-height: 1;
		display: block;
	}
	.sp_footer_home span,
	.sp_footer_cart span {
		font-size: 10px;
		color: #aaa;
		font-weight: bold;
	}
	#footer_filter_wrap {
		flex: 0 0 40%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sp_footer_filter {
		background: #004390 !important;
		color: #fff !important;
		font-size: 15px;
		font-weight: bold;
		border: none;
		cursor: pointer;
		-webkit-appearance: none;
		border-radius: 0;
		width: 80%;
		height: 65%;
	}
	#footer_top_wrap {
		flex: 0 0 20%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#footer_top_wrap .sp_footer_top {
		background: none;
		border: none ;
	}
	/* フッター分のページ下余白 */
	body {
		padding-bottom: 56px;
	}

	/* SP版 スクロール後にgHeader02（青い検索バー）だけを固定ヘッダーにする */
	body .nonStickyHeader {
		height: auto;
		position: sticky;
		z-index: 2100;
	}

}

/* Digi-Keyロゴ */
img.digiKeyLogo {
	height: auto !important;
	width: auto !important;
    vertical-align: middle;
    max-width: initial !important;
}

@media only screen and (min-width: 601px) {
	.contents_full .rated_list_table #results th#resultsGoodsPriceTitle,
	.contents_full .rated_list_table #results td.goods_price_cell {
		min-width: 120px;
		width: 120px;
		white-space: normal;
	}
	.contents_full .rated_list_table #results th#resultsGoodsPriceTitle a,
	.contents_full .rated_list_table #results td.goods_price_cell .goodsPrice {
		line-height: 1.4;
		white-space: nowrap;
	}
	.contents_full .rated_list_table #results th#resultsGoodsPriceTitle a {
		display: inline-block;
		vertical-align: middle;
		background-position: right center;
	}
}

/* 品質ランクアイコン */
.contents_full .rated_list_table .document2 img.iconQualityRank{
    width: auto;
}

.contents_full .rated_list_table #results td a.model_no {
	display: block;
}

#maker option:disabled,
#deliDate option:disabled,
#sn option:disabled,
#rv1 option:disabled,
#rv2 option:disabled,
#rv3 option:disabled,
#rv4 option:disabled,
#rv5 option:disabled,
#rv6 option:disabled,
#rv7 option:disabled,
#rv8 option:disabled,
#rv9 option:disabled,
#rv10 option:disabled,
#rv11 option:disabled,
#rv12 option:disabled,
#rv13 option:disabled,
#rv14 option:disabled,
#rv15 option:disabled,
#rv16 option:disabled,
#rv17 option:disabled,
#rv18 option:disabled,
#rv19 option:disabled,
#rv20 option:disabled {
  color: #dcdcdc;
}

#searchButton:disabled {
	opacity: 0.1;
}