@charset "utf-8";
@import url("/info/common/css/class-item_2024.css");

.w1200 { max-width: 1200px;}
.w1000 { max-width: 1000px;}

main { padding: 0 15px; font-size: 16px;}
article { max-width: 580px;}

#pankuzu { font-size: 14px;}
#pankuzu h2 { display: inline; font-size: 14px; font-weight: lighter;}
/**============================================================================================**/

/**============================================================================================**/
/* [純正部品]発注時の注意事項と品番入力ルール */

/* アコーディオン 開閉ボタン */
label[for="menu_bar01"] {
    display: block; position: relative;
    padding: 7px;
    background: #000;
    text-align: center; cursor: pointer;}
    
label[for="menu_bar01"]:hover { opacity: 0.75;}
  
label[for="menu_bar01"] h3 { 
    padding: 0 0 0 18px;
    color: #FFE80E; font-size: 1.2em; font-weight: 600;}
    
label[for="menu_bar01"] h3:before {
    content: '';
    position: absolute; top: 6px;  left: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #FFE80E;
}
 
/* アコーディオン 表示・非表示エリア */
.area {
  overflow-y: hidden;
  height: 0; max-height: 0; margin: 0; padding:0; border:none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
 
/* アコーディオンをクリックした場合 */
#menu_bar01:checked + .area {height:auto; max-height: 30000px; margin: 30px 0 0;}

/**========================================**/
#no_order-jy01 img { width: 100%; height: auto;}
#no_order-jy01 img[width="350"] { max-width: 350px;}

#no_order-jy01 h4 { 
    margin: 15px 0 2px 1.5em;
    font-size: 1.0em; font-weight: 600; text-indent: -1.5em;}
    
#no_order-jy01 h4 + p {margin: 0 0 0 1.5em;}
    
/* 品番入力のルール */
#no_order-jy01 label { 
    display: inline-block; position: relative; 
    margin: 15px 0 0; padding: 0 0 0 18px;
    color: #0074FF; font-size: 0.8em; cursor: pointer;}    
    
#no_order-jy01 label::before {
    content: '';
    position: absolute; top: 5px;  left: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #0074FF;}

#no_order-jy01 label strong {padding: 0 5px 0 0; font-size: 1.3em;}

#no_order-jy01 label:hover { opacity: 0.75;}

/* アコーディオン 表示・非表示エリア */
#no_order-jy01 .area {background: #d8f4ff; font-size: 0.9em; line-height: 2.0em;}
#no_order-jy01 .area hr { margin: 15 0; border: dotted #666; border-width: 1px 0 0;}

/* アコーディオンをクリックした場合 */
#menu_bar01-1:checked + .area,
#menu_bar01-2:checked + .area,
#menu_bar01-3:checked + .area,
#menu_bar01-4:checked + .area,
#menu_bar01-5:checked + .area,
#menu_bar01-6:checked + .area,
#menu_bar01-7:checked + .area {
    height:auto; max-height: 1000px; margin: 0 0 20px; padding: 5px;
    }

/* 品番入力のルールの装飾*/
#no_order-jy01 .fc-e00 { color: #e00;}
#no_order-jy01 .fc-00a0dd { color: #00a0dd;}

#no_order-jy01 .area .dis-ilblk { padding: 3px 7px; background: #fff499; line-height: 1.5em;}
#no_order-jy01 .area .p_5 { margin: 7px 0 5px 0; background: #99cef0; font-weight: 600;}

/* アスタリスク */
#no_order-jy01 .asterisk {position: relative; padding: 0 0 0 18px;}
#no_order-jy01 .asterisk:before {content:'※'; position: absolute; top: 0; left: 0;}

/* 四角マーク */
#no_order-jy01 .square {position: relative; padding: 0 0 0 16px; line-height: 1.3em;}
#no_order-jy01 .square:before {
    content:''; 
    display:inline-block; position: absolute; top: 5px; left: 2px;
    width: 8px; height: 8px; margin: 0;
    background: #000;}
    
    
/**============================================================================================**/

/**============================================================================================**/
#no_order-jy02 table { width: 100%; border-top: dotted 1px #B0B0B0;}
#no_order-jy02 table td { padding: 10px 5px; border-bottom: dotted 1px #B0B0B0;}

/* No.11以降の入力欄 */
#no_order-jy02 .page02 { display: none;}

/* 品番入力欄 */
#no_order-jy02 input[type="text"] { box-sizing: border-box; width: 98%; border-radius: 3px; font-size: 16px;} 

/* 検索ボタン */
#no_order-jy02 input[type="button"] { width: 200px; padding: 10px; font-weight: bold; font-size: 1.2em;}

/* [+]さらに追加する */
#no_order-jy02 .plus {
    display: inline-block;
    box-sizing: border-box; height: 26px; margin: 0 0 0 12px; padding: 2px 3px 0;
    border-radius: 5px; background: #167DE9;
    text-align: center; vertical-align: middle; cursor: pointer;}
    
#no_order02 .plus img { vertical-align: top;}    
    
#no_order-jy02 .plus:hover { opacity: 0.75;}

/**============================================================================================**/

/*検索結果**********************************************************/

#result-wrap{width:100%; margin: 0 auto;}

#result-wrap .one-wrap{float: left; width: 200px; margin:20px 20px 30px;}
#result-wrap .l{}
#result-wrap .l img{width: 100%;}
#result-wrap .one-wrap .ttl{margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px #9F9F9F dotted; font-weight: bold;}

#result-wrap .r .zaiko{box-sizing: border-box;  width: 100%; margin: 10px auto; border-radius: 3px; border:#A8A8A8 1px solid; text-align: center; font-size: 1.1em;}

/* 商品点数 */
#result-wrap .od-quantity{width: 100%;}
#result-wrap .od-quantity tr td{padding:4px;}
#result-wrap .od-quantity .qt1{width:20%; font-size: 0.9em; line-height: 1.2em;}
#result-wrap .od-quantity .qt2{width:30%;}
#result-wrap input[type="text"] {box-sizing: border-box; width:98%; height: 30px; font-size: 1.2em;}
#result-wrap .up, #result-wrap .down {display: inline-block; box-sizing: border-box; height: 30px; margin: 0 2px; padding:3px 10px 0; border: solid 1px #666; border-radius: 4px; color: #666; text-decoration: none; vertical-align:middle; font-size: 1.0em;}

/*ボタン*/
#result-wrap .p-search{display: block; width:250px; margin: 30px auto; padding: 5px; background-color:#ea7500; border-radius:3px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 1.3em; text-decoration: none; cursor: pointer;}
#result-wrap .p-search:hover{background-color:#f9ad00;}
#result-wrap .cart{display: block; width:250px; margin: 30px auto; padding: 5px; background-color:#0063a4; border-radius:3px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 1.3em; text-decoration: none; cursor: pointer;}
#result-wrap .cart:hover{background-color:#008ce5;}

#result-wrap .p-re_search{display: block; width:250px; margin: 30px auto; padding: 5px; background-color:#d00; border-radius:3px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 1.3em; text-decoration: none;}
#result-wrap .p-re_search:hover{background-color:#f00;}

#result-wrap .all-clear{display: block; width:150px; margin: 30px auto; padding: 5px; background-color:#D0D0D0; border-radius:3px; text-align: center; text-decoration: none; cursor: pointer;}
#result-wrap .all-clear:hover{opacity: 0.7;}


#result-wrap .form-link {
    display: inline-block; position: relative;
    padding: 5px 5px 5px 36px;
    font-size: 1.1em; font-weight: bold;}

#result-wrap .form-link::before {
    content: '';
    display: block; position: absolute; top: 0px; left: 0px;
    width: 28px; height: 30px;
    background: url("../images/icon-mame.webp");
    background-size: 100% auto;}
    


@media screen and (min-width:0) and (max-width:736px){
#result-wrap .one-wrap{float: none; width: 95%; clear: both; margin: 10px auto 20px; padding: 0 0 20px 0; border-bottom: 1px #9F9F9F solid;}
#result-wrap .l{float: left; width: 30%; margin: 0 2% 0 0;}
#result-wrap .l img{width:100%;}

#result-wrap .r{float: left; width: 68%;}

}

.ttl_main{
	width: 100%;
	max-width: 580px;
	background-color: #004885;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.3em;
	font-weight: 600;
	text-align: left;
	padding: 10px 7px;
	margin: 70px auto 20px auto;
}


.ttl_sub{
	width: 98%;
	max-width: 550px;
	box-sizing: border-box;
	border-bottom:double 5px #004885;
	border-left: solid 8px #004885;
	color: #004885;
	font-size: 1.3em;
	font-weight: 600;
	text-align: left;
	padding: 5px;
	margin: 10px auto 10px auto;
}

.accordion_dl { cursor: pointer;}

/* LastUp2024.05.14_kimata */