@CHARSET "UTF-8";

/** 「定格の分類のみを表示する」 エリアの追従*/
.padding_box_5.is-fixed {
    position: fixed;
    top: 0;
    z-index: 1;
    background-color: #f6f6f6;
}

div[id^="resultsDetailRow_"]{ overflow:hidden; border-top:1px solid #ccc; width:100%; position:relative; padding:0 0 20px 0; }
.matrix-body, #resultsDetailRow_0_0 { border-top:none !important;}
.category_second_image { width:90px; height:90px;}
/* -------- iframe --------- */
iframe { border:0px; margin:0px; overflow:hidden; }
@media (max-width:600px) {
	iframe {width:100%; }
}
/* -------- 最近チェックした商品 -------- */
.naviPlusRecentlyViewArea a[href^="http"] { background:none; padding:0; }



.category_first_all > .title, .category_first_all .category_first_all_title {
	height:30px;
	width:100%;
	font-size:1.4em;
	font-weight:bold;
	padding:6px 6px 3px 6px;
	margin:10px 0 0 0;
}
.category_first_all .category_menu_list {
	display:block;
    border-collapse:collapse;
    width:100%;
    border-top:5px solid #e8380d;
    margin:0 0 18px 0;
}
.category_first_all .category_menu_list > div {
    border:1px solid #ccc;
    width:100%;
    min-height:218px;
    position:relative;
    padding:0 0 20px 0;
}
.category_first_all .category_menu_list > div > .title, .category_first_all .category_menu_list .category_menu_list_title {
    background:#f6f6f6;
    font-size:1.6em;
    font-weight:bold;
    color:#333;
    padding:8px;
}
.category_first_all .category_menu_list .category_second_image {
    float:left;
    margin:20px;
}
.category_first_all .category_menu_list .category_second {
    margin:20px auto 0;
    line-height:0;
}
.category_first_all .category_menu_list .category_second ul {
	display: flex;
	flex-wrap: wrap;
}
.category_first_all .category_menu_list .category_second li {
    width:225px;
    margin:2px 16px 2px 0;
}
.category_first_all .category_menu_list .category_second li a {
    line-height:1.5;
    background:url(../../contents/shop/marutsu/img/common/icon_arrow_12_blue.png) no-repeat left top;
    padding:0 0 0 16px;
    min-height:16px;
    display:block;
}

.category_first_all .category_menu_list .category_second li a img {
    margin-left: 5px;
    vertical-align: middle;
}

/* 小分類リスト */
.category_first_all .category_menu_list .resultsDetailDetailRow { display:inline-block; float:right; width:80%; }
@media (max-width:999px) and (min-width:915px) {
	.category_first_all .category_menu_list .resultsDetailDetailRow { width:77%; }
}
@media (max-width:914px) and (min-width:851px) {
	.category_first_all .category_menu_list .resultsDetailDetailRow { width:74%; float:left; }
}
@media (max-width:850px) and (min-width:769px) {
	.category_first_all .category_menu_list .resultsDetailDetailRow { width:60%; float:left; }
}
@media (max-width:600px) {
	.category_first_all .category_menu_list .resultsDetailDetailRow { display:none; float:none; width:100%; margin:0 10px; }
	.category_first_all .category_menu_list .category_second_image { display:none; }
	.category_first_all .category_menu_list .category_second { margin:0; }
	.category_first_all .category_menu_list .category_second li { float:none; width:100%; }
	.category_first_all .category_menu_list .category_second li a { background-position:left; font-size:1.2em; }
	.category_first_all .category_menu_list > div > .title, .category_first_all .category_menu_list .category_menu_list_title {font-size:1.2em;}
	.category_first_all .category_menu_list .category_menu_list_title {padding-right: 20px;}
}

.goodsClassCode2DigikeyLogo {
    vertical-align: middle;
}

/*「カテゴリーで絞り込む」_スクロールとアコーディオン形式*/
#side_menu_container_scroll_category {
   height: 130px;
   overflow-y: scroll;
}
#side_menu_container_scroll_category_open {
    height: 280px;
    overflow-y: scroll;
}

/*「メーカーで絞り込む」_スクロール*/
#side_menu_container_scroll {
    height: 280px;
    overflow-y: scroll;
}
/*「メーカーで絞り込む」_インクリメンタルサーチ用*/
.maker_List_hidden {
    display: none;
}

#maker_button,
#rohs_button,
#rank_button,
#categoryS_button,
#deliveryDate_button,
#storeName_button {
    background-color: #8ea1b4;
    color: #fff;
    border: 1px solid #8ea1b4;
    box-shadow: 0 1px 0 rgba(136,136,136,1);
}

#maker_button:active,
#rohs_button:active,
#rank_button:active,
#categoryS_button:active,
#deliveryDate_button:active,
#storeName_button:active {
    box-shadow: none;
}

#maker_check_clear,
#rank_check_clear,
#rohs_check_clear,
#category_check_clear,
#deliveryDate_check_clear,
#storeName_check_clear {
     float: right;
     background-color: #FFFFFF;
     width: 70px;
     display:none;
     box-shadow: 0 1px 0 rgba(136,136,136,1);
}

#all_check_clear {
     float: right;
     background-color: #FFFFFF;
     font-size: 12px;
     box-shadow: 0 1px 0 rgba(136,136,136,1);
}

#maker_check_clear:active,
#rank_check_clear:active,
#rohs_check_clear:active,
#all_check_clear:active,
#category_check_clear:active,
#deliveryDate_check_clear:active,
#storeName_check_clear:active {
     background-color:#EEEEEE;
     box-shadow: none;
}

.side_menu > .all_check_clear_title {
    background: #ccc;
    border: 1px solid #aaa;
    font-size: inherit;
    font-weight: bold;
    padding: 10px 16px;
}

#category_button {
    width: 100%;
}

/* 【マルツ/改修】 定格の分類のみ表示機能の実装 */
/* 非定格品のためのクラス…JavaScriptから操作される */
.GoodsClassCode3LinkIconNone {
	display:inherit;
}
/* 定格分類のみを表示するチェックボックス */
#ratedOnly {
	transform: scale(1.5);
}
/* 定格分類のみを表示するチェックボックス文言 */
#ratedOnly_label {
	margin-left: 5px;
	font-size: 16px;
}
/* 定格分類のみを表示するチェックボックスの「定格」アイコン */
#ratedOnly_label>img {
	vertical-align: middle;
    position: relative;
    padding-right: 5px;
}

/* SP */
@media (max-width:600px) {
	/* 定格分類のみを表示するチェックボックスは非表示 */
	.padding_box_5 {
		display:none;
	}

	div[id^="resultsDetailRow_"], .category_first_all .category_menu_list > div {
		padding:0;
	}

	.nav-open{
		padding: 15px;
		color: #fff;
		font-size: 20px;
		background: #2073c8;
		position: relative;
	}
	.nav-open::before{/* 閉じている時 */
		content: "＋";
		position: absolute;
		right: 20px;
	}
	.nav-open.active::before{/* 開いている時 */
		content: "－";
	}

	/* レコメンドは表示しない */
	#_rcmdjp_display_1 {
		display: none;
	}
}

