@charset "UTF-8";

#partslist-contents{ padding-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-topbar-list{ display:flex; padding:5px}
.partslist-topbar-list li{ width:40px; margin-right:5px; font-size:1.6rem}
.partslist-back,
.partslist-topbar-list li.partslist-cart a span { display:none}

.partslist-parts-illust-wrap{}
.partslist-parts-illust{}

.partslist-slidebar-wrap{ display:flex; align-items: center; background:#eee; padding:5px 0;}
.partslist-reset{ margin-left:10px}
.partslist-reset a{ display:block; background:#4f4f4f; color:#fff; font-weight:bold; font-size:1.3rem; padding:2px 10px; border-radius:5px;}
.partslist-slidebar{ width:100%}

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

.partslist-table01 .partslist-table01-number,
.partslist-table01 .partslist-table01-kosuu{ text-align:right}
.partslist-table01 .partslist-table01-hinmei,
.partslist-table01 .partslist-table01-hinban{ text-align:left}
.partslist-table01 .partslist-table01-cart,
.partslist-table01 .partslist-table01-cart a,
.partslist-table01 .partslist-table01-photo,
.partslist-table01 .partslist-table01-photo a{ color:#007ac5}

.partslist-table01 .partslist-table01-hinban{width:160px;}
.partslist-table01 .partslist-table01-hinmei{ width:320px;}
.partslist-table01 .partslist-table01-bikou{ width:200px;}

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

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

.partslist-topbar-list li#partslist-view1 { display:none; position:absolute; right:5px; }
.partslist-topbar-list li#partslist-view2 { display:none; position:absolute; right:5px; }
.partslist-topbar-list li#partslist-view3 { display:none; position:absolute; right:5px; }


@media screen and (max-width: 767px){
	.header_search .input_area {display:none;}
	.open .input_area {display: block;}
	.partslist-topbar-list li#cartlayout1, .partslist-topbar-list li#cartlayout2 {display:none;}
	.partslist-parts-table{box-sizing:border-box;}
	.partslist-cartlayout { display:none;}
}


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

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

.partslist-main{ width:calc(100% - 240px); padding:5px; box-sizing:border-box}




.partslist-side{ background:#eee}

.partslist-side ul.partslist-u-nav{ width:240px;}
.partslist-side ul.partslist-u-nav li{ width:100%; background:#fff}
.partslist-side ul.partslist-u-nav li:first-child{ border-right:none}
.partslist-side ul.partslist-u-nav li:last-child{ display:none}
.partslist-side ul.partslist-u-nav li a{ padding:8px 0; background:#666}

.partslist-topbar-list{ display:flex; margin-bottom:5px; padding:10px 8px}
.partslist-topbar-list li{ width:25px; margin-right:7px}
.partslist-topbar-list li.partslist-back { display: block;width:110px; font-size:1.3rem}
.partslist-back a:before{content: ""; display:inline-block;width: 8px;  height: 8px; margin-right:1px;  border: 1px solid;  border-color:  transparent transparent #fff #fff;  transform: rotate(45deg);}
.partslist-back a{ display:inline-block; width:110px; color:#fff;background: #666; height:30px; text-align:center; line-height: 2.3;}
.partslist-topbar-list li.partslist-cart{ position:relative;width:110px;text-align:center; }	
.partslist-topbar-list li.partslist-cart img{width:28px}
.partslist-topbar-list li.partslist-cart a{ display:block; padding:0 5px;  border:1px solid #92d4fb;background:#c7e7fa }
.partslist-topbar-list li.partslist-cart a span{ display:inline-block; font-size:1.3rem; font-weight:bold; color:#007ac5;padding-right:3px;}

.partslist-main-wrap{ display:flex}


.partslist-main-wrap .partslist-parts-illust-wrap{ min-width:480px; border:1px solid #eee}
.partslist-parts-illust{ height:auto}
.partslist-parts-illust-wrap{}
.partslist-main-wrap .partslist-parts-table{}

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


html {
	overflow-x:auto;
	overflow-y:auto;
	overflow:auto;
}
html.noEvents,
html.noEvents * {
	cursor:move!important;
	cursor:grabbing!important;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
html.noEvents body * {
	pointer-events:none;
}
.partslist-parts-illust {
	overflow:auto;
}
.partslist-itemList thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}
.partslist-itemList tbody tr .selectpointer {
	cursor:pointer;
}
.partslist-itemList tbody .on {
	display:none;
}
.partslist-itemList tbody tr.cart {
	background-color:#fcc;
}
.partslist-itemList tbody tr.set {
	background-color:#ccf;
}
.partslist-itemList tbody tr.hover th {
	background-color:#ffc;
}
.partslist-itemList tbody tr.cart .on {
	display:inline;
}
.partslist-itemList tbody tr.cart .off {
	display:none;
}
.partslist-itemList tbody tr.none {
	background-color:#ddd;
	cursor:default;
}
.partslist-range-m {
	cursor:pointer;
}
.partslist-range-p {
	cursor:pointer;
}
.partslist-cartlayout {
	cursor:pointer;
}
.partslist-cartlayout1 #cartlayout2 {
	display:none;
}
.partslist-cartlayout2 #cartlayout1 {
	display:none;
}

#partslist-contents {
	height:calc( 100% - 50px )
}
form[name=plist] {
	height:100%;
}
.partslist-wrap {
	height:100%;
}
.partslist-main {
	height:calc( 100% - 1.6rem * 1.75 *2 );
}
#divlayout {
	height:calc( 100% - 1.6rem * 1.75 );
}
.partslist-parts-illust {
	height:calc( 100% - 1.6rem * 1.75 - 25px );
	position:relative;
	cursor:pointer;
}
.partslist-parts-illust object {
	position:relative;
}
.partslist-parts-illust-base {
	position:absolute;
	width:100%;
	height:100%;
}
.partslist-parts-table {
	min-height:50px;
}
.partslist-side-page li {
	word-break: break-all;
}

.partslist-parts-separator-w {
	width:6px;
	background-color:#888;
	margin:0 2px;
	cursor:pointer;
}
.partslist-parts-separator-w:hover {
	width:8px;
	background-color:#bbb;
	border:1px solid #999;
	border-width:0 1px;
	margin:0 1px;
}
.partslist-parts-separator-h {
	height:6px;
	background-color:#888;
	margin:1px 0 3px 0;
	cursor:pointer;
}
.partslist-parts-separator-h:hover {
	height:8px;
	background-color:#bbb;
	border:1px solid #999;
	border-width:1px 0;
	margin:0 0 2px 0;
}
.partslist-parts-separator-w {
	display:none;
}

.partslist-parts-pointer-events-none object {
	pointer-events:none;
}


.partslist-gallery-wrap{ display:flex;flex-wrap: wrap;}
.partslist-gallery{ width:50%; display:flex; margin-bottom:30px;}
.partslist-gallery div{ line-height:1.4; font-size:1.2rem; text-align:center}
.zoom{ width:40px; height: auto}
.zoom-gallery a{ display:inline-block}
.zoom-gallery2 a{ display:inline-block}
.zoom-gallery2 .zoom{ width:30px; height: auto}




@media screen and (min-width: 768px) {
	#partslist-contents {
		height:100%;
	}
	#divlayout {
		height:calc( 100% - 1.6rem * 1.75 - 25px );
	}
	.partslist-main {
		height:100%;
	}
	.partslist-main-wrap .partslist-parts-illust-wrap {
		height:100%!important;
	}
    .partslist-main-wrap .partslist-parts-table {
		height:calc( 100% - 5px );
	}
	.partslist-side-page {
		position: absolute;
		height:calc( 100% - 1.6rem  * 1.75 - 1.8rem * 1.75 - 20px - 20px - 109px );
		width:240px;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.partslist-side-page .partslist-accordion-nav ul {
		position: relative;
		width: 100%;
	}.partslist-accordion-nav ul {
		display:block!important;
	}

	.partslist-side-page .partslist-accordion-nav2 ul {
		position: relative;
		width: 100%;
	}.partslist-accordion-nav2 ul {
		display:block!important;
	}

	.partslist-cartlayout1 .partslist-parts-separator-h {
		display:none;
	}
	.partslist-cartlayout1 .partslist-parts-separator-w {
		display:block;
	}
	.partslist-cartlayout1 .partslist-parts-illust-wrap {
		height:100%!important;
	}
	.partslist-cartlayout1 .partslist-parts-table {
		height:100%!important;
	}
	.partslist-cartlayout2 .partslist-parts-illust-wrap {
		width:100%!important;
	}
	.partslist-cartlayout2 .partslist-parts-table {
		width:100%!important;
	}
}
@media screen and (max-width: 767px) {
	.partslist-parts-illust-wrap {
		width:100%!important;
	}
	.partslist-parts-table {
		width:100%!important;
	}

	.partslist-topbar-list li#partslist-view2 { display:inline; }
	.partslist-view2 .partslist-topbar-list li#partslist-view2 { display:none; }
	.partslist-view3 .partslist-topbar-list li#partslist-view2 { display:none; }
	.partslist-view2 .partslist-topbar-list li#partslist-view3 { display:inline; }
	.partslist-view3 .partslist-topbar-list li#partslist-view1 { display:inline; }

	.partslist-view2 .partslist-parts-separator-h { display:none; }
	.partslist-view2 .partslist-parts-illust-wrap {
		height:100%!important;
	}
	.partslist-view2 .partslist-parts-table {
		display:none;
	}
	.partslist-view3 .partslist-parts-separator-h { display:none; }
	.partslist-view3 .partslist-parts-illust-wrap {
		display:none;
	}
	.partslist-view3 .partslist-parts-table {
		height:100%!important;
	}
}

.landscape-message {
	display:none;
	width:100%;
	height:100%;
}
.landscape-message td {
	text-align:center;
	vertical-align:middle;
}
@media screen and (orientation:landscape) and (max-width: 767px){
	form[name=plist] {
		display:none;
	}
	.landscape-message {
		display:table;
	}
}

.partslist-gallery{ width:33%; }
.partslist-gallery div{ line-height:1.6; font-size:1.4rem; }



.partslist-parts-table #loadingImg {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 768px) {
	.partslist-parts-table #loadingImg img {
		max-width: 200px;
	}
}
@media screen and (max-width: 767px) {
	.partslist-parts-table #loadingImg img {
		max-height: 130px;
		width: auto;
	}
}

.partslist-parts-table #table01 {
	display: none;
}


@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .partslist-gallery img {
		width: 60%;
	}
}