@charset "utf-8";
/*PC NPC TAB SP*/
header nav ul#pc-main-menu > li.used a {
        color: rgba(31, 130, 205, 1);
}
div.page-nav_category h2 {
	color: rgba(255,255,255,1);
	background-color: rgba(54,145,166,.6);
}
#dispenser div.page-nav_category menu li.dispenser a,
#lorry div.page-nav_category menu li.lorry a,
#tools div.page-nav_category menu li.tools a,
#buyback div.page-nav_category menu li.buyback a {
        color: rgba(54,145,166, 1);
}

.keyvisual {
	background-image:url(../images/used/keyvisual.png);
}
section h1.title:first-letter {
	color:rgba(54,145,166,1);
}

/*中古機器ステータスメニュー*/
#used-list .head-box h1 {
	color:#2082cd;
}
#used-list .head-box menu input { display:none; }
#used-list .head-box menu label {
	display:block;
	border: solid 1px #2082cd;
	border-radius:6px;
}
#used-list .head-box menu input[type="radio"]:not(:checked) + label {
	background-color:#FFF;
	color:#2082cd;
}
#used-list .head-box menu input[type="radio"]:checked + label {
	color:#FFF;
	background-color:#2082cd;
}


/*ページタイトル ボタン関連*/
main section h1.title {
	font-weight:700;
	text-align:center;
}
main section ul.button a {
	letter-spacing:.1em;
	color:#FFF;
	background: linear-gradient(125deg, rgba(26,65,134,1) 0%, rgba(24,140,207,1) 50%, rgba(28,147,214,1) 50%, rgba(31,130,205,1) 100%);
}

/*インフォメーション*/
.information .message-box h2.title {
	display:block;
	font-family:"Noto Serif JP", serif;
	font-weight:700;
	letter-spacing:.05em;
}
.information .message-box h2.title span {
	color:#1395d2;
}
.information .message-box p {
	text-align:justify;
}
.information .message-box .ast {
	color:#F00;
}

/*中古販売リスト*/
.used-list .tbody > ul > li.item-photo a:not(:nth-child(1)) {
	display:none !important;
}


/*中古機器買取*/
#buyback #information {
	background-color:#b9d6ef;
	background-image:url(../images/used/buyback_information_bgimg.webp);
	background-position-x:center;
	background-position-y:center;
	background-size:cover;
}
#buyback #information h2.title {
	display:block;
	font-family:"Noto Serif JP", serif;
	font-weight:700;
	letter-spacing:.05em;
}
#buyback #information .txt-box {
	mix-blend-mode: multiply;
}
#buyback #information .img-box .content-box {
	background-color:rgba(255,255,255,.5);
	background-image:url(../images/used/buyback_img0101.png);
	background-repeat:no-repeat;
	background-position-x:center;
	background-position-y:center;
	background-size:cover;
	border:solid 2px #FFF;
	border-radius:10px;
}
#buyback #information .img-box .content-box h3 {
	color:rgba(54,145,166,1);
}
#buyback #information .img-box .content-box ul li::before {
	content:"・";
}

/*SP*/
@media not screen and (min-width: 768px) {
/*BASE*/
html { scroll-padding-top: calc(60px + 38px + 32px); }

.keyvisual .title-box {
	background-color: rgba(54,145,166,.6);
}

/*テキスト ボタン関連*/
main section ul.button {
	display:block;
	max-width:400px;
	margin:auto;
	padding:1rem 0 0;
}
main section ul.button a {
	display:block;
	font-size:16px;
	text-align:center;
	padding:1rem 2rem;
}

/*インフォメーション*/
#information {
	padding:2rem 2rem;
}
/*横向き*/
@media (orientation: landscape){
main:not(#buyback) .information {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	align-items:center;
	gap:0;
}
main:not(#buyback) .information .img-box {
	width:calc(100% / 2 - 40px);
	text-align:right;
}
main:not(#buyback) .information .img-box img {
	width:100%;
	height:auto;
}
main:not(#buyback) .information .txt-box {
	width:calc(100% / 2);
}
}

#information h1.title {
	font-size: 30px;
	font-weight:700;
	text-align:center;
	margin-bottom:1rem;
}
#information .information .img-box {
	margin-bottom:1rem;
}
#information .information .img-box img {
	width:100%;
	height:auto;
}
main section .information .txt-box {
}
main section .information .message-box {
}
#information .information .message-box h2.title {
	display:block;
	font-size: 18px;
	margin-bottom:1rem;
}
#information .information .message-box h2.title span {
	display:inline-block;
	font-size: 14px;
}

/*中古販売リスト*/
#used-list {
	padding:2rem 2rem;
}

#used-list .head-box {
	text-align:center;
}
#used-list .head-box h1 {
	font-size:20px;
	margin-bottom:0.5rem;
}
#used-list .head-box p strong {
	display:block;
	font-size:16px;
	color:#F00;
	margin-bottom:0.25rem;
}
#used-list .head-box menu {
	display:flex;
	justify-content:center;
	align-items:center;
	column-gap:10px;
	padding:2rem 0 2rem;
}
#used-list .head-box menu label {
	font-size:12px;
	text-align:center;
	box-sizing:content-box;
	padding:.5rem 1rem;
	cursor:pointer;
}

.item-no,
.item-price,
.item-maker,
.item-year,
.item-model,
.item-inspection,
.item-quantity {
	/*display:flex;
	flex-wrap:nowrap;
	column-gap:.25rem;*/
}

.item-no::before,
.item-price::before,
.item-maker::before,
.item-year::before,
.item-model::before,
.item-spec::before,
.item-inspection::before,
.item-quantity::before {
	display:inline-block;
	white-space:nowrap;
	text-decoration:none !important;
	
}
.item-spec::before {
	display:block;
	padding-bottom:.5rem;
	margin-bottom:.5rem;
	border-bottom: dashed 1px #333;
}
.item-no::before { content:"No."; }
.item-price::before { content:"価格(円)："; }
.item-maker::before { content:"メーカー："; }
.item-year::before { content:"年式："; }
.item-model::before { content:"型式："; }
.item-spec::before { content:"仕様"; }
.item-inspection::before { content:"検定："; }
.item-quantity::before { content:"台数："; }

.used-list .thead {
	display:none;
}

.used-list .tbody > ul {
	display:grid;
	grid-template-rows: auto 1fr 1fr;
	grid-template-columns: auto auto auto auto auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom:2rem;
	border-top:solid 1px #666;
	border-left:solid 1px #666;
}

.used-list .tbody > ul img {
	max-width: none !important;
}
.used-list .tbody > ul::-webkit-scrollbar {
  height: 10px;
}
.used-list .tbody > ul::-webkit-scrollbar-track {
  border-radius: 6px;
  background: rgba(241,241,241,1);
}
.used-list .tbody > ul::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: rgba(30,55,128,1);
}

.used-list .tbody > ul::before {
	content:"";
	grid-row: 1 / 2;
	grid-column: 4 / 6;
	border-top:none;
	border-right:solid 1px #666;
}
.used-list .tbody > ul li.item-no {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
	position:sticky;
	top:0;
	left:0;
	z-index:1;
	border-top:none !important;
	border-right:none !important;
}
.used-list .tbody > ul li.item-photo {
	grid-row: 2 / 4;
	grid-column: 1 / 2;
	padding:0;
	position:sticky;
	top:0;
	left:0;
	z-index:1;
}
.used-list .tbody > ul li.item-model {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	align-content:center;
}
.used-list .tbody > ul li.item-price {
	grid-row: 3 / 4;
	grid-column: 2 / 3;
	align-content:center;
}
.used-list .tbody > ul li.item-maker {
	grid-row: 2 / 3;
	grid-column: 3 / 4;
	align-content:center;
}
.used-list .tbody > ul li.item-year {
	grid-row: 3 / 4;
	grid-column: 3 / 4;
	align-content:center;
}
.used-list .tbody > ul li.item-spec {
	grid-row: 2 / 4;
	grid-column: 4 / 5;
}
.used-list .tbody > ul li.item-spec ul li {
	display:inline-block;
	margin-right:1rem;
}

.used-list .tbody > ul li.item-inspection {
	grid-row: 2 / 3;
	grid-column: 5 / 6;
	align-content:center;
}

.used-list .tbody > ul li.item-inspection br {
	display:none;
}

.used-list .tbody > ul li.item-quantity {
	grid-row: 3 / 4;
	grid-column: 5 / 6;
	align-content:center;
}


.used-list .tbody ul:last-of-type {
	margin-bottom:0;
}

.used-list .tbody > ul > li {
	padding:.5rem 1rem;
	position:relative;
	white-space:nowrap;
}
.used-list .tbody > ul > li.item-photo {
	padding:0;
	position:sticky;
	top:0;
	z-index:1;
	background-color:#FFF;
}
.used-list .tbody > ul > li.item-photo a {
	display:block;
	width:auto;
	height:100%;
	overflow:clip;
	aspect-ratio: 1 / 1;
}

.used-list .tbody > ul > li.item-photo img {
	width:100%;
	height: 100%;
	object-fit: cover;
}

.used-list .tbody ul.target > li {
	border-top:solid 1px #666;
	border-right:solid 1px #666;
}

.used-list .tbody ul.target > li.item-price .tax-in {
	display:inline-block;
	font-size:12px;
	margin-left:1rem;
}
.used-list .tbody ul.target > li.item-spec {
	text-align:justify;
	width:100%;
}
.used-list .tbody ul.target > li.item-quantity span {
	text-decoration: line-through;
}
.used-list .tbody ul.target > li.item-quantity span.stock {
	display:inline-block;
	color:#C00;
	font-weight:bold;
	text-decoration:none;
	margin-left:1rem;
}

.used-list .tbody ul[data-status*="DC"].target > li.item-no::after {
	content:"値下げ";
	display: inline-block;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	color:#C00;
	background-color:#FF0;
	padding:.5rem 1rem;
	border-radius:6px;
	position:absolute;
	top:.25rem;
	right:.5rem;
}

.used-list .tbody ul[data-status*="SOLD"].target {
	color:#666;
	background-color:#CCC;
}
.used-list .tbody ul[data-status*="SOLD"].target li.item-photo {
	background-color:#CCC;
}
.used-list .tbody ul[data-status*="SOLD"].target > li.item-no::after {
	content:"売約済";
	display: inline-block;
	font-size:14px;
	line-height:1;
	color:#FFF;
	background-color:#C00;
	padding:.5rem 1rem;
	margin-left:1rem;
	border-radius:6px;
	/*position:absolute;
	top:.25rem;
	right:.5rem;*/
}
.used-list .tbody ul[data-status*="SOLD"].target li.item-quantity:not(::before) {
	text-decoration: line-through;
}

/*中古計量機*/
/*#dispenser .item-photo {
	grid-row: 1 / 9;
}*/

/*中古ローリー*/
/*#lorry .item-photo {
	grid-row: 1 / 9;
}
*/
/*中古機器リスト*/
/*#tools .item-photo {
	grid-row: 1 / 8;
}*/
#tools .item-spec::before {
	content:"機器名・仕様";
}
#tools .used-list .tbody > ul li.item-quantity {
	grid-row: 2 / 4;
}


/*中古機器買取*/
#buyback #information {
	background-repeat:no-repeat;
	background-position-y:4rem;
	background-size:100% auto ;
}
#buyback #information h2.title {
	font-size:20px;
	margin-bottom:1rem;
}
#buyback #information .txt-box {
	margin-bottom:2rem;
}
#buyback #information .img-box .content-box {
	padding:1rem;
}
#buyback #information .img-box .content-box h3 {
	font-size:20px;
}
#buyback #information .img-box .content-box ul {
	display:flex;
	flex-flow: row wrap;
}
#buyback #information .img-box .content-box ul li {
	width:calc(100% / 2);
	padding:.5rem 0;
}

#buyback #entry {
	padding:4rem 2rem;
}

}

/*PC NPC TAB*/
@media screen and (min-width: 768px) {
/*BASE*/
html { scroll-padding-top: calc(60px + 48px); }

/*テキスト ボタン関連*/
main section ul.button {
	display:flex;
	flex-flow: row wrap;
	padding-top:2rem;
}
main section ul.button a {
	display:inline-block;
	font-size:24px;
	padding:1rem 2rem;
}
main section ul.button a:hover {
	opacity:.7;
	transition-delay:0s !important;
}

/*インフォメーション*/
#information {
	padding:80px 60px 0;
}
#information h1.title {
	font-size: clamp(72px, 5.4vw, 80px);
	margin-bottom:1em;
}
.information {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-between;
	align-items:center;
	gap:0;
	max-width:1000px;
	margin:0 auto;
}
.information .img-box {
	width:calc(100% / 2 - 40px);
	text-align:right;
}
.information .img-box img {
	width:100%;
	height:auto;
}
.information .txt-box {
	width:calc(100% / 2);
}
.information .message-box h2.title {
	font-size: clamp(30px, 2.4vw, 36px);
	margin-bottom:2rem;
}
.information .message-box p {
	font-size: clamp(16px, 1.2vw, 18px);
	text-align:justify;
}

/*中古販売リスト*/
#used-list {
	padding:80px 60px;
}
.used-list {
	display: table;
	border-collapse: separate;
	border-spacing:0;
	width:100%;
	max-width:1000px;
	margin:auto;
	position:relative;
}
.used-list ul.target {
	display:table-row;
}
.used-list ul.target > li,
.used-list ul.tr > li {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:1em 1em;
	font-size: clamp(12px, 1.2vw, 14px);
}
.used-list .thead {
	background-color:rgba(241,241,241,1);
	position:sticky;
	top:120px;
}
.used-list .thead ul.tr > li {
	font-weight:bold;
	white-space:nowrap;
	border-top:solid 1px #666;
	border-left:solid 1px #666;
	border-bottom:solid 1px #666;
}
.used-list .thead ul.tr > li {
	font-weight:bold;
	white-space:nowrap;
	border-top:solid 1px #666;
	border-left:solid 1px #666;
	border-bottom:solid 1px #666;
}
.used-list .thead ul.tr > li:last-child {
	border-right:solid 1px #666;
}
.used-list .tbody ul.target > li {
	border-left:solid 1px #666;
	border-bottom:solid 1px #666;
}
.used-list .tbody ul.target > li:last-child {
	border-right:solid 1px #666;
}

.used-list .tbody ul.target > li.item-no,
.used-list .tbody ul.target > li.item-photo,
.used-list .tbody ul.target > li.item-price,
.used-list .tbody ul.target > li.item-maker,
.used-list .tbody ul.target > li.item-year,
.used-list .tbody ul.target > li.item-model,
.used-list .tbody ul.target > li.item-inspection,
.used-list .tbody ul.target > li.item-quantity {
	white-space:nowrap;
}
.used-list .tbody ul.target > li.item-photo {
	box-sizing:content-box;
	width:80px;
	min-width:80px;
	padding:10px;
}
.used-list .tbody ul.target > li.item-photo img {
	width:auto;
	height:80px;
}
.used-list .tbody ul.target > li.item-photo img.wide {
	width:80px;
	height:auto;
}
.used-list .tbody ul.target > li.item-price .tax-in {
	display:block;
	font-size:12px;
}
.used-list .tbody ul.target > li.item-spec {
	text-align:justify;
	width:100%;
}
.used-list .tbody ul.target > li.item-quantity {
	font-size:16px;
}
.used-list .tbody ul.target > li.item-quantity span {
	text-decoration: line-through;
}
.used-list .tbody ul.target > li.item-quantity span.stock {
	display: block;
	color:#C00;
	font-weight:bold;
	text-decoration:none;
}

.used-list .tbody ul[data-status*="DC"].target > li.item-no::before {
	content:"値下げ";
	display:block;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	color:#C00;
	background-color:#FF0;
	padding:.5rem 1rem;
	border-radius:6px;
}

.used-list .tbody ul[data-status*="SOLD"].target {
	color:#666;
	background-color:#CCC;
}
.used-list .tbody ul[data-status*="SOLD"].target > li.item-no::before {
	content:"売約済";
	display:block;
	font-size:14px;
	line-height:1;
	color:#FFF;
	background-color:#C00;
	padding:.5rem 1rem;
	border-radius:6px;
}
.used-list .tbody ul[data-status*="SOLD"].target li.item-quantity {
	text-decoration: line-through;
}

#used-list .head-box {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	width:100%;
	max-width:1000px;
	margin:0 auto 1rem;
}
#used-list .head-box h1 {
	font-size: clamp(30px, 2.4vw, 36px);
	flex-grow:1;
}
#used-list .head-box menu {
	display:flex;
	column-gap:10px;
}
#used-list .head-box menu label {
	text-align:center;
	box-sizing:content-box;
	width:calc(5em + 4rem);
	padding:.5rem 1rem;
	cursor:pointer;
}

/*中古機器買取*/
#buyback #information {
	padding:80px 60px;
}
#buyback #information h1.title {
	margin-bottom:60px;
}
#buyback #information h2.title {
	font-size: clamp(30px, 2.4vw, 36px);
	text-align:center;
	margin-bottom:60px;
}
#buyback #information .information {
	align-items: center;
	column-gap:40px;
}
#buyback #information .txt-box {
	width:auto;
	flex-grow:1;
}
#buyback #information .txt-box ul.button {
	padding-top:0;
}
#buyback #information .img-box {
	width:800px;
}
#buyback #information .img-box {
	text-align:left;
}
#buyback #information .img-box .content-box {
	background-position-x:right;
	background-size: auto 100%;
	padding:2rem;
}
#buyback #information .img-box .content-box h3 {
	font-size:24px;
}
#buyback #information .img-box .content-box ul {
	display:flex;
	flex-flow: row wrap;
}
#buyback #information .img-box .content-box ul li {
	width:calc(100% / 3);
	padding:.5rem 0;
}

#buyback #entry {
	padding:80px 60px;
	max-width:1000px;
	margin:auto;
}
#buyback #entry .fth table td[align="right"] {
	text-align:right;
}

}


@media screen and (min-width: 1880px) {
/*BASE*/
.fhd { display:none; }
}