/* PWCパーツ適合検索　CSS */

a {color: #007dc4; text-decoration: none;}
a:hover {color: #007dc4;}

/* Mobile Grid Styles */

@media handheld, only screen and (max-width: 780px) {
body {font-size: 16px;-webkit-text-size-adjust: none;}
.row, body, .container {width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
.row .sixcol, .row .twelvecol {width: auto;float: none;margin-left: 0px;margin-right: 0px;}
}


/* 720px and below */

@media (max-width: 720px) {
.trigger, .activetrigger, .dropcontainer ul, .trigger, .activetrigger, .dropcontainer ul {width: 100% !important;}
/*RNSのみ追加*/ #contentwrap{width:98%; margin:0 auto;}

}

.trigger {
	color: #333;
	padding: 10px;
	font-size: 13px;
	width: 230px;
	background: #fff8e1 url(/info/newrns/images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.trigger:hover {
	color: #333;
	background: #ffd4d4 url(/info/newrns/images/select-arrow-open.png) 98% center no-repeat;
	}

.activetrigger {
	color: #333;
	padding: 10px;
	font-size: 13px;
	width: 230px;
	background: #ffd4d4 url(/info/newrns/images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger:hover {
	background: #ffd4d4 url(/info/newrns/images/select-arrow-close.png) 98% center no-repeat;
	color: #333;
	}

.activetrigger:active {
	background: #ffd4d4 url(/info/newrns/images/select-arrow-close.png) 98% center no-repeat;
	color: #333;
	}

.dropcontainer ul {
	font-size: 13px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 230px;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer ul li:hover {
	background: #f5f5f5;
	outline: none;
	}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

/*
.dropdownvisible {
	height: auto;
	}
*/

.dropdownvisible {
	height: auto;
	max-height: 450px;
	overflow-y: auto;
	}


.title-bar {
	background-color: #d12b2a;
	color: #fff;
	font-weight: 600;
	padding: 5px 0 2px 7px;
	margin-right: 10px;
	}

.title-bar_bk {
	background-color: #5E5E5E;
	color: #fff;
	font-weight: 600;
	padding: 5px 0 2px 7px;
	margin-right: 10px;
	}

/*
dl.accordion .rftx {
	font-weight: bold;
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
	padding-left: 10px;
	display:none;
}
*/

.pwcButton{
        margin-top: 20px;
	background-color: #ffffff;
        }

dl.accordion .Refine {
	background-color: #ffffff;
	/*border-bottom: #C8C8C8 1px solid;*/
        border-bottom: none;
	/*margin-bottom: 10px;*/
        margin-bottom: 20px;
        color: #000000;
}

.search_btn {
	width: 154px;
	font-size: 13px;
	margin-left: 20px;
}

.link_txt {
	font-size: 0.8em;
        margin-left: 10px;
        text-align: left;
        }

/*RNSのみ追加*/
@media screen and (min-width: 1025px) and (max-width: 3000px){
#contentwrap{display: table; table-layout: fixed; max-width:1200px; width: 99% !important; margin: 0 auto !important;}
.mbhihyouji{max-width:1080px;}
}

@media screen and (min-width: 1020px) and (max-width: 2000px){
.pchihyouji{
	display:none;
        }
}

@media screen and (max-width: 1020px){
.mbhihyouji{
	display:none;
        }

.title-bar {
	background-color: #d12b2a;
	color: #fff;
	font-weight: 600;
	padding: 5px 0 2px 7px;
	width: 98%;
	}

.title-bar_bk {
	background-color: #5e5e5e;
	color: #fff;
	font-weight: 600;
	padding: 5px 0 2px 7px;
	width: 98%;
	}

dl.accordion {
        width: 100%;
        margin: 0 0 5px 10px;
        text-align: left;
        }

.search_btn {
	width: 154px;
	font-size: 16px;
	margin-left: 10px;
        }

dl.accordion .Refine {
	background-color: #ffffff;
	/*border-bottom: #C8C8C8 1px solid;*/
        border-bottom: none;
	/*margin-bottom: 10px;*/
        margin-bottom: 50px;
        color: #000000;
        }

.link_txt {
	font-size: 16px;
        margin-left: 10px;
        }
}

dl.accordion .Refine .rftx{
	display:none;
        }

/*19.04.11追加*/
.category-wrap{
	width: 100%;
	max-width: 940px;
	margin: 0 auto 15px auto;
}

.sub-ttl{

	border-bottom:double 5px #004885;
	border-left: solid 8px #004885; 
	color: #004885;
	font-size: 1.05em;
	font-weight: 600;
	text-align: left;
	padding: 5px;
	margin-bottom: 15px;
}

.sub-category{
	width: 100%;
	max-width: 300px;
	height: 150px;
	float: left;
	font-size: 0.8em;
	margin: 0 6px 10px 6px;
}

.sub-category_mb{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.sub-category_img{
	width: 100%;
	max-width: 340px;
	border: 0;
}

.sub-category_mb-img{
	width: 100%;
	max-width: 640px;
	border: 0;
}

/**============================================================================================**/
/* 2020.09.15追加分 */

/* 並べ替え・在庫ありのみ表示・登録商品（.dis-tblを使用する場合） */
#sort {padding: 30px 0 0;}
/* 登録商品 */
#sort .lf p:nth-child(1) {padding: 0 15px 0 0; color: #ff6100; font-size: 16px; font-weight: bold; line-height: 1.0em;}

/* 並べ替え */
#sort .lf p:nth-child(2) {padding: 0 15px 0 0; font-size: 12px; line-height: 1.0em;}
#sort .lf p:nth-child(2) select {padding:0 0 4px; font-size: 16px;}

/* 在庫ありのみ表示 */
#sort .lf p:nth-child(3) {padding: 0 15px 0 0; font-size: 14px;}
#sort .lf p:nth-child(3) label {position:relative; padding: 0 0 0 18px;}
#sort .lf p:nth-child(3) label input[type="checkbox"] {position: absolute; top: 2px; left: 0; margin: 0;}


@media screen and (max-width:999px){
#sort .lf p:nth-child(1) {width: 100%; padding: 0 0 10px;}
#sort .lf p:nth-child(2) {padding: 0 15px 10px 0;}
#sort .lf p:nth-child(3) {padding: 0 0 10px;}
}

@media screen and (max-width:749px){
#sort .lf {box-sizing: border-box; width: 100%; padding: 5px; background: #E8E8E8;}
#sort .lf p:nth-child(1),
#sort .lf p:nth-child(2),
#sort .lf p:nth-child(3) {box-sizing: border-box; width: 100%; padding: 5px;}
}
/**========================================**/

/* 並べ替え・在庫ありのみ表示・登録商品（tableタグを使用する場合） */

/* 登録商品 */
#sort .td1 {color: #ff6100; font-size: 16px; font-weight: bold;}

/* 並べ替え */
#sort label[for="select"],
#sort label[for="selectmb"] {font-size: 12px;}
#sort select {padding:0 0 4px; font-size: 16px;}

/* 在庫ありのみ表示 */
#sort label.dis-ilblk {position:relative; padding: 0 0 0 18px;}
#sort label.dis-ilblk input[type="checkbox"] {position: absolute; top: 2px; left: 0; margin: 0;}


@media screen and (max-width:699px){
#sort table {box-sizing: border-box; width: 100%; padding: 5px; background: #E8E8E8;}
#sort td {box-sizing: border-box; padding: 5px;}

#sort .td1 {box-sizing: border-box; width: 100%;}
#sort tr.dis-non {display: block;}


#sort .td2,
#sort .td3 {display: none;}

}

/* 並べ替え・在庫ありのみ表示・登録商品（tableタグを使用する場合） */


/**============================================================================================**/
/* ページャー（PC用） */
#sort ul.pageNav01s {text-align: right;}



/**========================================**/
/* ページャー（mb用） */
#pageNavMB {display: none; width: 90%; margin: 0 auto 20px; font-size: 0;}
#pageNavMB ul {margin: 0 0 10px; text-align: center;}
#pageNavMB li {display: inline-block; margin: 0 5px; color: #00497F; font-size: 14px; font-weight: bold;}
#pageNavMB li a {
    display:inline-block;
    box-sizing: border-box; min-width: 35px; height: 35px; padding: 10px 5px; border: 1px solid #00497F;
    color: #00497F; font-size: 14px; font-weight: bold; text-align: center;}

#pageNavMB li.nmboxNOW {
    box-sizing: border-box; min-width: 35px; height: 35px; padding: 11px 5px;
    background:#00497F;
    color: #FFF;}


#pageNavMB .prev,
#pageNavMB .next {display: inline-block; width: 50%;}
#pageNavMB .next {text-align: right;}

#pageNavMB .prev a,
#pageNavMB .next a {
    display: inline-block;
    box-sizing: border-box; width: 90%; height: 35px; padding: 10px;
    border: solid #00497F 1px;
    color: #00497F; font-size: 14px; font-weight: bold; text-align: center;}

@media screen and (max-width:699px){
#pageNavMB {display: block;}
}

/**============================================================================================**/
/* 登録商品一覧 */
#item-list {font-size: 0;}

/* 1マス分 */
#item-list .box {
    display: inline-block; 
    width: 168px; padding: 0 20px 20px 0; 
    border-bottom: solid #E1E1E1 1px;
    font-size: 14px; vertical-align: top;}
    
#item-list .box a {display: block; text-decoration:none; word-break: break-all;}
#item-list .box a:hover {color: #0066CC; text-decoration: underline;}

/* 在庫状況 */
#item-list .box a.open-panel{
	display:block; box-sizing:border-box; width: 100px; margin:5px auto 10px; padding:3px;
	border-radius:3px; border:#666666 1px solid; 
	color:#666666; font-size: 12px; text-align:center; 
	}
#item-list .box a.open-panel:hover{background:#DFDFDF; text-decoration:none;}

/* 金額 */
#item-list .box .price{margin:5px 0 0 0; color:#FF0004; font-weight:bold; text-align:right;}
#item-list .box .price img{width: auto; }

@media screen and (max-width: 699px){
/* 1マス分 */
#item-list .box { 
    display: table; table-layout: fixed; 
    box-sizing: border-box; width:100%; padding:0 10px 10px;
    font-size: 16px; } 
    
/* 商品画像 */ 
#item-list .box > a { display: table-cell; width: 90px; padding: 0 20px 0 0; vertical-align: top;}
#item-list .box > a img {width: 100%; height: auto;}

/* 商品名 */
#item-list .box div {display: table-cell; vertical-align: top;}
#item-list .box div a {word-break: break-all;}

/* 在庫状況 */
#item-list .box a.open-panel{margin:5px 0 10px;	}

/* 金額 */
#item-list .box .price{text-align:left;}
	
}

/* LastUp2024.09.02_kimata */