@charset "utf-8";
/* CSS Document */


/*レア商品買取リスト*/
table.item {
width: 16%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
margin-right:3px;
}
table.item th, table.item td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.item th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.item td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:10px;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 

table.item a:link {
	color: #333;
	text-decoration: underline;
} 

table.item a:visited {
	color: #333;
	text-decoration: underline;
} 

/*レア商品買取リスト*/
table.item2 {
width: 25%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.item2 th, table.item2 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
}

table.item2 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.item2 td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size: 16px;
padding:1px 10px;
} 


table.rsc1 {
width: 20%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rsc1 th, table.rsc1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rsc2 {
width: 79%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rsc2 td {
text-align: left;/*セル内のテキストの位置を指定（左）する*/
vertical-align:middle;
font-size:20px;/* 30px*/
background-image:url(../images2/rare-image/rare-back1.jpg);
} 

/*レア商品買取リスト*/
table.rsc3 {
width: 25%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rsc3 th, table.rsc3 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rsc3 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rsc3 td {
text-align: left;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 10px;
border: #666;
} 

table.factory1 {
width: 33%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
}
table.factory1 th, table.factory1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
}

table.factory1 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
background-color:#FFF;
} 
table.factory1 td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
/*background-image:url(../images2/rare-image/rare-back1.jpg);*/
font-size: 16px;
padding:1px 10px;
} 

/*TOP買取ジャンルリスト*/
table.topitem {
width: 16%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-left:3px;
margin-right:3px;
color:#333;
}
table.topitem th, table.topitem td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
color:#333;
}

table.topitem th {
width: 35%;  /*35テーブルの見出しの横幅を指定する */
} 
table.topitem td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:0.6em;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 

table.topitem a:link {
	color: #333;
	text-decoration: underline;
} 

table.topitem a:visited {
	color: #333;
	text-decoration: underline;
} 

@media only screen and (max-width:767px){

table.rsc1 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}

table.rsc2 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rsc2 th, table.rsc2 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
font-size:15px;
}

table.rsc3 {
	width:49%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rsc3 th, table.rsc3 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

table.item {
	width:45%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.item th, table.item td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}


ttable.factory1 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}

}



/*レア商品買取リスト*/
table.rare {
width: 25%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rare th, table.rare td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rare th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rare td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 10px;
border: #666;
} 

/*工場設備買取A*/
table.factory-a1 {
width: 25%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.factory-a1 th, table.factory-a1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.factory-a1 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.factory-a1 td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 10px;
border: #666;
} 

/*工場設備買取ba*/
table.ba {
width: 49%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.ba th, table.ba td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.ba th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.ba td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 10px;
border: #666;
} 

table.ba1 {
width: 49%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.ba1 th, table.ba1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.ba1 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
text-align: left;/*セル内のテキストの位置を指定（真ん中）する*/
} 
table.ba1 td {

/*vertical-align:middle;*/
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 10px;
border: #666;
} 

table.faq {
width: 70%; /* テーブルの横幅を指定する */
margin:auto;
border: #30C;
margin-bottom:20px;
}
table.faq th, table.faq td {
padding:10px; /* セルの余白を指定する(上下左右) */
border: none;
background-color: #69F;
text-align:center;
}

.fac-txt16{
	font-size:16px;
	}

.fac-center{
/*	font-size:16px;*/
	text-align:center;
	}

.guidtxt1{
	font-size:16px;
	padding:0px 20px;
	}

.guidtxt-b1{
	color:#06F;
	border-bottom: 1px solid #191970;
	}

table.textfield {
width:100%; /* テーブルの横幅を指定する */
float:left;
vertical-align:middle;
font-size:15px;
}

/*ブランド家具*/
table.rare-br {
width: 20%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rare-br th, table.rare-br td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rare-br th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rare-br td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 3px;
border: #666;
} 

/*横長2列*/
table.rare-br2 {
width: 49%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rare-br2 th, table.rare-br2 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rare-br2 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rare-br2 td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 3px;
border: #666;
} 

/*横長1列*/
table.rare-br3 {
width: 49%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rare-br3 th, table.rare-br2 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rare-br3 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rare-br3 td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
padding:5px 3px;
border: #666;
} 

@media only screen and (max-width:767px){
table.rare {
	width:49%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rare th, table.rare td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}



/*工場設備買取A*/
table.factory-a1 {
	width:49%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.factory-a1 th, table.factory-a1 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

.fac-txt16{
	font-size:16px;
	}

/*工場設備買取ba*/
table.ba {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.ba th, table.ba td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

/*工場設備買取ba*/
table.ba1 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.ba1 th, table.ba1 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

/*ブランド家具*/
table.rare-br {
	width:49%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rare-br th, table.rare-br td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

/*横長2列*/
table.rare-br2 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rare-br2 th, table.rare-br2 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

/*横長1列*/
table.rare-br3 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rare-br3 th, table.rare-br2 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}
}


/*レア商品買取リスト2*/
table.rare2 {
width: 100%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rare2 th, table.rare2 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rare2 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rare2 td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:20px;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 

/*レア商品買取リスト3*/
table.rare3 {
width: 100%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.rare2 th, table.rare3 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.rare3 th {
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.rare3 td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:20px;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 
@media only screen and (max-width:767px){
table.rare2 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rare2 th, table.rare2 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

table.rare3 {
	width:100%;
 /*margin: 10px 5px; テーブルの余白を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.rare3 th, table.rare3
 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}

}




/*買い取りジャンルタイトル下テーブル*/
table.kaitorititle {
width: 100%; /* テーブルの横幅を指定する */
border: none;
}

table.kaitorititle td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:50px;
line-height:1.5em;
color:#FFF;
background-color: #F00;
} 

.kaitorisize {
	font-size:1.4em;
}


@media only screen and (max-width:767px){
table.kaitorititle {
width: 100%; /* テーブルの横幅を指定する */
border: none;
 /*display: block;ブロックレベル要素化する */
}

table.kaitorititle td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
line-height:1.5em;
color:#FFF;
background-color: #F00;
} 

.kaitorisize {
	font-size:1.4em;
}



}


/*買い取りジャンルメリットテーブル*/
table.kaitorimerit {
width: 100%; /* テーブルの横幅を指定する */
}

table.kaitorimerit td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:20px;
line-height:1.5em;
border: solid 1px #36F;
} 

.kaitorimerit {
	font-size:0.7em;
}

@media only screen and (max-width:767px){
table.kaitorimerit {
width: 100%; /* テーブルの横幅を指定する */
display:block;
}

table.kaitorimerit td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:20px;
line-height:1.5em;
border: solid 2px #36F;
} 

.kaitorimerit {
	display:none;
}
}


/*買取ジャンル対象一覧*/
table.select1a {
width: 25%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.select1a th {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
width: 35%;  /*テーブルの見出しの横幅を指定する */
} 
table.select1a td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
padding:1px;
border: none;
color:#F00;
} 


table.select1b {
width: 75%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-top:5px;
}

table.select1b td {
text-align: left;/*セル内のテキストの位置を指定（左）する*/
vertical-align:middle;
font-size:18px;
border: none;
} 


@media only screen and (max-width:767px){
table.select1a {
width: 100%; /* テーブルの横幅を指定する */
float:left;
border: none;
}
table.select1a th {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
} 


table.select1b {
width: 100%; /* テーブルの横幅を指定する */
float:left;
border: none;
margin-top:2px;
}

table.select1b td {
text-align: center;/*セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:20px;
} 

}


/*ITMEメーカー型番・商品買取リスト*/
table.maker1 {
table-layout: fixed;
width:100%; /* テーブルの横幅を指定する */
border: none;
}
table.maker1 th, table.maker1 td {
padding:0px; /* セルの余白を指定する(上下左右) */
border: none;
background-color:#FFF;
}

table.maker1 td {
/*text-align: center;セル内のテキストの位置を指定（真ん中）する*/
vertical-align:middle;
font-size:15px;
background-image:url(../images2/rare-image/rare-back1.jpg);
} 

@media only screen and (max-width:767px){
table.maker1 {
table-layout: fixed;
width:50%; /* テーブルの横幅を指定する */
  display: block; /*ブロックレベル要素化する */
  border: none;
}
table.maker1 th, table.maker1 td {
 width: 100%; /*テーブルの見出しの横幅を指定する */
 /* display: block;ブロックレベル要素化する */
border: none;
}
.maker2 {
	display:none;
}
}

/*--------------------------------------------*/
/*タブ追加*/
.tab-002 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    max-width: 960px;
}

.tab-002 > label {
    flex: 1 1;
    order: -1;
    opacity: .5;
    min-width: 70px;
    padding: .6em 1em;
    border-radius: 5px 5px 0 0;
    background-color: #2589d0;
    color: #fff;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-002 > label:hover {
    opacity: .8;
}

.tab-002 input {
    display: none;
}

.tab-002 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tab-002 label:has(:checked) {
    opacity: 1;
}

.tab-002 label:has(:checked) + div {
    display: block;
}