@charset "UTF-8";
/* JUKI PARTS WEBSITE
--------------------------------*/

#partslist-contents{ margin-top:50px}

.partslist-side ul.partslist-u-nav{ display:flex; background:#666}
.partslist-side ul.partslist-u-nav li{ width:50%; text-align:center; font-size:1.4rem; }
.partslist-side ul.partslist-u-nav li:first-child{ border-right:1px solid #fff}
.partslist-side ul.partslist-u-nav li a{ display:block; padding:5px 0; color:#fff}
.partslist-side ul.partslist-u-nav li a:before{content: ""; display:inline-block;width: 8px;  height: 8px; margin-right:5px;  border: 1px solid;  border-color:  transparent transparent #fff #fff;  transform: rotate(45deg);}



.partslist-main h1{ padding:15px 0 5px; text-align:center; font-weight:bold; color:#007cc4; font-size: 2.4rem}





.partslist-data-wrap{ padding:0 10px 5px;}
.partslist-lastdata{ font-size:1.2rem; line-height:1.6}
.partslist-total{ font-size:2rem; font-weight:bold}



/* table */
.partslist-table02 .partslist-stock{ color:#169935}
.partslist-table02 .partslist-stock-no{ color:#cc0000}
.partslist-table02 .partslist-stockfew{ color:#DAA520}
.partslist-table02 td{ position:relative}

.partslist-data-wrap2{ padding:0 10px 10px;}
.partslist-data-wrap2 p{ line-height:1.6;font-size:1.2rem }
.partslist-currency{ text-align:right}
.partslist-f-c01{ color:#C00}


/* お見積り・詳細情報設定 */

.partslist-breadcrumbs{ display:flex; justify-content: center; padding-top:20px}
.partslist-breadcrumbs li{ font-size:1.2rem; color:#cdcdcd}
.partslist-breadcrumbs li:before{ content:">"; display:inline-block; padding:0 5px; color:#cdcdcd}
.partslist-breadcrumbs li:first-child:before{ content:""; }
.partslist-breadcrumbs li.highlight{ font-weight:bold; color:#666}



.partslist-textArea01{ padding:10px; }
.partslist-textArea01 p{ font-size:1.4rem; line-height:1.6}
.partslist-cart-wrap{ max-width:1140px; margin:0 auto; padding:10px; box-sizing:border-box}
.partslist-outline01{ padding:10px; background:#007ac5; color:#fff; font-weight:bold; font-size:1.4rem }
.partslist-table03 { width:100%; border-collapse:collapse;border-top: solid 1px #ccc;border-right: solid 1px #ccc;}
.partslist-table03 th { line-height:1.6;
  background: #f6f6f6;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  color: #007ac5;
  padding: 5px;
  font-weight:bold;font-size:1.4rem
}
.partslist-table03 td {
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 5px;font-size:1.4rem;ine-height:1.6;
}
.partslist-table03 th span{ font-size:1.2rem; color:#cc0000}

.partslist-cp_iptxt {
	position: relative;
	width: 100%;
}
.partslist-cp_iptxt input[type=text] {
	box-sizing: border-box;
	width: 100%;
	padding:0 5px;
	transition: 0.3s;
	border: 1px solid #999;
	border-radius: 4px;
	outline: none;
}
.partslist-cp_iptxt input[type=text]:focus {
	border-color: #007ac5;
	background:#fefcdf
}

.partslist-cart-table02{ max-width:960px;   margin:40px auto 0;}
.partslist-cart-table02 .partslist-parts-table .partslist-table02{ min-width:inherit}


.partslist-btnArea3 ul{ padding:0 0 60px; text-align:center}
.partslist-btnArea3 ul li { display:inline-block; width:170px; margin-right:5px; margin-bottom:10px; text-align:center}
.partslist-btnArea3 ul li a{ display:block; padding:10px 5px; font-size:1.6rem; background:#666666; color:#fff}
.partslist-btnArea3 ul li a img{ margin-right:5px; height:20px; vertical-align: sub;}
.partslist-btnArea3 ul li.partslist-cart-next a{ background:#007ac5;}


@media screen and (max-width: 767px){
.partslist-table02 td.partslist-sp-none{ display:none}
.header_search .input_area{ display:none; }
.open .input_area{ display: block;}
.partslist-parts-table{ padding:0 8px 8px; box-sizing:border-box}
.partslist-sp-none{ display:none}

/* table */
  .partslist-table02 { width: 100%;}
  .partslist-table02 .thead { display: none; }
  .partslist-table02 tr { width: 100%;}
  .partslist-table02 td { display: block; text-align: right; width: 100%; border-bottom:1px solid #c1c1c1; font-size:1.4rem; padding-right:5px; }
  .partslist-table02 td:first-child { padding: 3px 10px; background: #007ac5; color: #fff; font-weight: bold; text-align:left; border-bottom:none; }
  .partslist-table02 td:before { content: attr(data-label); float: left; font-weight: bold;  margin-right: 10px;color: #007ac5; font-size:1.4rem ; padding-left:5px;}
  .partslist-table02 td:last-child {border-bottom:none }
  .partslist-table02 tr:last-child td:last-child { border-bottom:1px solid #c1c1c1;}
  .partslist-table02-bg02{ background:#e6f5fe}
.partslist-delet{ position:absolute; right:10px; top:6px; display:inline-block; border-radius:4px; padding:0 15px; line-height:1.6; background:#fff; color:#007ac5;}

.partslist-btnArea ul{ padding:10px; text-align:center}
.partslist-btnArea ul li{ display:inline-block; width:80%; padding-bottom:15px; text-align:center}
.partslist-btnArea ul li a{ display:block; padding:10px; font-size:1.6rem; color:#fff; background:#666666;}
.partslist-btnArea ul li:first-child a{ background:#f08215;}

.partslist-table03 th,
.partslist-table03 td{ display:block; width:100%}


}


@media screen and (min-width: 768px) {

#partslist-contents{margin:109px auto 0}
#partslist-contents a:hover{ opacity:.7; transition: opacity 0.3s;}
.partslist-wrap{  border-top:1px solid #ccc}

.partslist-main{ width:100%; padding:5px 15px; box-sizing:border-box}
.partslist-main h1{ padding:0 0 10px; font-size: 3.4rem}

.partslist-data-wrap{ display:flex; justify-content: space-between; align-items: flex-end; padding-bottom:10px}
.partslist-lastdata{ font-size:1.4rem}
.partslist-lastdata br{ display:none}

.partslist-side{ }

.partslist-side ul.partslist-u-nav{ width: 400px; background:#fff}
.partslist-side ul.partslist-u-nav li{ margin:15px 0 15px 15px;}
.partslist-side ul.partslist-u-nav li:first-child{ border:none}
.partslist-side ul.partslist-u-nav li a{  background:#666}


.partslist-main-wrap{ display:flex;}


.partslist-parts-table .partslist-table01{ min-width:auto; }

.partslist-total{ font-size:2.6rem;}


.partslist-table02 th.partslist-table02-bg01{ background:#c7e7fa; color:#007ac5}

/* table */
.partslist-parts-table{overflow: auto;  box-sizing: border-box;}
.partslist-parts-table table{ width:100%;border-collapse: collapse;}
.partslist-parts-table .partslist-table02{ min-width:1400px;border-left:1px solid #c1c1c1;border-top:1px solid #c1c1c1;}
.partslist-table02 th,
.partslist-table02 td{padding:2px 5px; border-right:1px solid #c1c1c1; font-size:1.4rem;}
.partslist-table02 th{ background:#007ac5; color:#fff; font-weight:bold; text-align:center;  border-bottom:1px solid #c1c1c1; white-space:nowrap; text-align:center }
.partslist-table02 thead{}
.partslist-table02 tbody{}
.partslist-table02 tr:last-child{ border-bottom:1px solid #c1c1c1;}
.partslist-table02 .partslist-right{ text-align:right}
.partslist-table02 .partslist-center{ text-align:center}


.partslist-table02 td img{ width:18px; height:18px; vertical-align: middle;}

.partslist-table02 tbody tr:nth-child(even)  {background: #f6f6f6;}
.partslist-table02 tbody tr.partslist-table01-highlight{ background:#c7e7fa}

.partslist-table02 .partslist-pc-none{ display:none}
.partslist-pc-none{ display:none}

.partslist-data-wrap2{ display:flex; flex-flow: row-reverse; justify-content: space-between; padding-top:10px;}
.partslist-data-wrap2 p{ font-size:1.4rem }

.partslist-btnArea2 ul{ padding:20px 0}
.partslist-btnArea2 ul li { display:inline-block; width:140px; margin-right:5px; margin-bottom:10px; text-align:center}
.partslist-btnArea2 ul li a{ display:block; padding:10px 5px; font-size:1.6rem; background:#666666; color:#fff}
.partslist-btnArea2 ul li a img{ margin-right:5px; height:20px; vertical-align: sub;}
.partslist-btnArea2 ul li.partslist-cart-update a{ background:#f08215;}
.partslist-btnArea2 ul li.partslist-cart-quotation a{ background:#007ac5;}



/* お見積り・詳細情報設定 */
.partslist-textArea01{ padding:40px 0 20px}
.partslist-textArea01 p{ text-align:center; line-height:1.8}
.partslist-cart-wrap{ display:flex; padding:0 0 20px;}
.partslist-outline01{ width:180px; text-align:center}
.partslist-table03 th {	width:200px;padding: 5px 10px;}
.partslist-table03 td {padding: 5px 10px;}
.partslist-cp_iptxt {width: 80%;}
.partslist-data-wrap3{ max-width:960px; padding:0; margin:10px auto} 
.partslist-cart-table02 .partslist-data-wrap{ padding:0 0 10px}
.partslist-btnArea3 ul{ padding:0 0 120px;}
.partslist-breadcrumbs{ padding:0 0 20px}



}