@charset "Shift_JIS";
/* ----------------------------------------
	table.css
 ---------------------------------------- */
/* ---------------------------------------- 
  table-hold
*/
.table-hold {
	width: 100%;
	border-top: 1px solid #dedede;
}
.table-hold th,
.table-hold td {
	border: 1px solid #dedede;
	border-top:none;
	vertical-align: middle;
	text-align:center;
	box-sizing: border-box;
	padding:8px;
}
.table-hold th {
	background-color: #ececec;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.table-hold thead tr th:last-child {
	border-right:1px solid #dedede;
}
.table-hold tbody tr:last-child th {
	border-bottom:1px solid #dedede;
}
.table-hold tr:nth-child(even) {
    background-color: #f4f4f4;
}
/* ---------------------------------------- 
  table-default
*/
.table-default {
	width: 100%;
	border-top: 1px solid #dedede;
}
.table-default thead tr {
	display: none;
}

.table-default td, .table-default th {
	border: 1px solid #dedede;
	border-top:none;
	vertical-align: middle;
	display: list-item;
	width: 100%;
	list-style-type: none;
	box-sizing: border-box;
	padding:8px;
}
.table-default th {
	background-color: #ececec;
	font-weight: bold;
}
.table-default td {
	background-color: #fff;
}
@media print, screen and (min-width: 640px) {
.table-default thead tr {
	display: table-row;
}
.table-default td, .table-default th {
	display: table-cell;
	width: auto;
}
.table-default .sp-block {
	display: inline-block;
}
}


.table-default-upload {
	width: 100%;
	border-top: 1px solid #dedede;
}
.table-default-upload thead tr {
	display: none;
}

.table-default-upload td, .table-default-upload th {
	border: 1px solid #dedede;
	border-top:none;
	vertical-align: middle;
	display: list-item;
	width: 100%;
	list-style-type: none;
	box-sizing: border-box;
	padding:8px;
}
.table-default-upload th {
	background-color: #ececec;
	font-weight: bold;
}
.table-default-upload td {
	background-color: #fff;
}

/* ---------------------------------------- 
  table-default no-resp-table
*/
@media screen and (max-width: 639px) {
.table-default.no-resp-table thead tr {
	display: table-row;
}
.table-default.no-resp-table td,
.table-default.no-resp-table th {
	display: table-cell;
	width: auto;
}
.table-default.no-resp-table .sp-block {
	display: inline-block;
}
.table-default.no-resp-table th{
	padding:5px 10px;
}
.table-default.no-resp-table .pager.pc-hide{
	margin-bottom:10px;
}

}



/* ---------------------------------------- 
  table-list-item
*/
.table-list-item {
	width: 100%;
	border-collapse:separate;
	border:1px solid #dedede;
}
.table-list-item th,
.table-list-item td {
	vertical-align: middle;
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.table-list-item thead tr th:last-child {
	border-right:none;
}
.table-list-item tbody tr td:last-child {
	border-right:none;
}
.table-list-item tbody tr:last-child td,
.table-list-item tbody tr:last-child th {
	border-bottom:none;
}
.table-list-item td .table-stuff-picture {
	width: 56px;
}
.table-list-item th {
	font-weight: bold;
}
.table-list-item thead th {
	background-color: #e6e6e6;
}

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

.table-list-item {
	display: block;
	border:none;
}
.table-list-item thead {
	display: none;
}
.table-list-item tbody {
	display: block;
}
.table-list-item tbody tr {
	display: block;
	margin: 1.5em 0;
	list-style: none;
	border: 1px solid #cacaca;
}
.table-list-item tbody th, .table-list-item tbody td {
	display: list-item;
	border: none;
}
.table-list-item tbody th {
	margin-bottom: 5px;
	list-style-type: none;
	color: #000;
	background: #E7E7E5;
	text-align: left;
	padding: 5px 10px;
}
.table-list-item tbody td {
	padding: 0 10px;
}
.table-list-item tbody .table_btn {
	padding-right: 20px;
}
.table-list-item .pc-hide {
	display: inline-block;
}
.table-list-item tbody td.item-pic-desc {
	padding: 0 0 0 90px;
	line-height: 1.5;
}
.table-list-item td .table-stuff-sp-picture {
	width: 40%;
}

.table-list-item tbody td.item-pic-desc {
	padding: 0 0 0 140px;
	line-height: 1.5;
}
.sp-w-30 {
	width: 30%;
}
	
}

@media print, screen and (min-width: 640px) {
	.table-list-item tbody tr:nth-child(odd) {
		background-color:#f4f4f4;
	}
	
}


/* ---------------------------------------- 
  table-flipped-axis
*/
.table-flipped-axis {
	width: 100%;
	border-top: 1px solid #dedede;
}

.table-flipped-axis th,
.table-flipped-axis td {
	border: 1px solid #dedede;
	border-top:none;
	vertical-align: middle;
	text-align:center;
	box-sizing: border-box;
	padding:8px;
	
}
.table-flipped-axis th {
	background-color: #ececec;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight:bold;
}
.table-flipped-axis thead tr th:last-child {
	border-right:1px solid #dedede;
}
.table-flipped-axis tbody tr:last-child th {
	border-bottom:1px solid #dedede;
}
.table-flipped-axis tr:nth-child(even) {
    background-color: #f4f4f4;
}
@media screen and (max-width: 639px) {
.table-flipped-axis thead {
	display:block;
	float:left;
	width:58%;
}
.table-flipped-axis tbody {
	display:block;
	float:left;
	width:42%;
}
.table-flipped-axis tr {
	display:block;
	width:100%;
}
.table-flipped-axis th,
.table-flipped-axis td {
	width:100%;
	display:block;
	text-align:left;
}
.table-flipped-axis td {
	text-align:right;
}
.table-flipped-axis th,
.table-flipped-axis thead tr th:last-child {
	border-right:none;
}
.table-flipped-axis thead tr th:last-child {
	border-bottom-color:#dedede;
}
	
}
/* ---------------------------------------- 
  table-th-hide
*/

.table-th-hide {
	width: 100%;
	border-top: 1px solid #dedede;
}
.table-th-hide td, .table-th-hide th {
	border: 1px solid #dedede;
	border-top:none;
	vertical-align: middle;
	

	list-style-type: none;
	box-sizing: border-box;
	padding:8px;
}
.table-th-hide th {
	background-color: #ececec;
	font-weight: bold;
}
.table-th-hide td {
	background-color: #fff;
}
@media screen and (max-width: 639px) {
	.table-th-hide {
		border: 1px solid #dedede;
	}
	.table-th-hide td, .table-th-hide th {
		border: none;
	}
	.table-th-hide th {
		display:none;
	}
	.table-th-hide td {
		padding:0 8px 8px;
	}
	.table-th-hide tr:first-child td {
		padding-top:8px;
	}
}


/* ---------------------------------------- 
  table-block-item
*/
.table-block-item {
	width: 100%;
	border-collapse:separate;
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
}
.table-block-item th,
.table-block-item td {
	vertical-align: middle;
	text-align:center;
	padding: 5px;
	/*border-bottom: 1px solid #fff;*/
}
.table-block-item th {
	border-right: 1px solid #fff;
	background-color:#e6e6e6;
}

.table-block-item thead th:last-child {
	border-right: 1px solid #dedede;
}
.table-block-item td {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 639px) {
	.table-block-item thead tr {
		display: none;
	}
	.table-block-item tbody th {
		display:block;
		box-sizing: border-box;
		border-right: 1px solid #dedede;
		text-align: left;
	}
	.table-block-item tbody td:not(.sp-hide) {
		display: block;
		float: left;
		box-sizing: border-box;
		min-height: 4em;
	}
	
}
@media print, screen and (min-width: 640px) {
	.table-block-item tbody th {
		background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
	}
}


/* ---------------------------------------- 
  table-scroll
*/

.table-scroll {
	max-width: 100%;
	border-right: 1px solid #dedede;
}
.table-scroll th,
.table-scroll td {
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
	vertical-align:middle;
	padding:8px 5px;
  overflow: hidden;
  white-space: nowrap;
	box-sizing: border-box;
}
.table-scroll th {
  background-color: #e6e6e6;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.table-scroll .sf th  {
  background-color: #e6e6e6;
	border-right:1px solid #fff;
	border-bottom:0px;
	padding:0px;
}
.fixed-box,
.scroll-box {
  float: left;
  box-sizing: border-box;
}
.fixed-box {
	width: 20%;
}
.scroll-box {
	width: 80%;
	overflow-x: auto;
}
.scroll-box::-webkit-scrollbar {
  height: 5px;
}
.scroll-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.scroll-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
.fixed-box table,
.scroll-box table {
  border-spacing: 0;
	border-collapse:separate;
	border-top:1px solid #dedede;	
}
.fixed-box table {
	width: 100%;
	border-left:1px solid #dedede;
}
.scroll-box table {
	/*width:auto;*/
	min-width: 100%;
}
.scroll-box table tr {
	background-color: #fff;
}
.scroll-box table tr:nth-child(odd) {
	background-color: #f4f4f4;
}
.fixed-box tr:last-child th {
	border-bottom: 1px solid #dedede;
}
.scroll-box th:last-child,
.scroll-box td:last-child {
	border-right: 0;
}

@media print, screen and (min-width:980px) {
.table-scroll {
  width: 980px;
  overflow: hidden;
}
.table-scroll th,
.table-scroll td {
	width:80px;
}
.fixed-box {
  width: 80px;
}
.scroll-box {
  width: 900px;
}
}

/* ---------------------------------------- 
  table-scroll-resp
*/

.box-scroll-resp {
}
.box-scroll-resp>div{
	float:left;
}
.box-scroll-resp table {
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
}
.box-scroll-resp table th,
.box-scroll-resp table td {
	box-sizing:border-box;
	padding:5px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}
.box-scroll-resp table th {
	background-color:#e6e6e6;
	font-weight:bold;
}
.box-scroll-resp table td {
	background-color:#fff;
	vertical-align:middle;
}
.box-fixed {
	width:30%;
}
.box-scroll {
	width:70%;
}
.box-fixed table,
.box-scroll table {
	min-width:100%;
}

.box-scroll::-webkit-scrollbar {
  height: 5px;
}
.box-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.box-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

@media screen and (max-width: 599px){
.box-scroll-resp table.table-content {
	border-left:none;
}
.table-heading thead,
.table-heading tbody {
	display:block;
}
.table-heading tr,
.table-content tr {
	display:block;
/*	width:50%;*/
	float:left;
	box-sizing:border-box;
}
.table-content {
	width:100%;
}
.table-content tr {
	/*width: 33.3%;*/ /* row= 3 */
}
.table-heading th,
.table-heading td,
.table-content td {
	display: list-item;
	list-style-type:none;
}
.box-scroll {
	overflow-x:scroll;
}

}

@media print, screen and (min-width: 600px){ 
.box-scroll-resp>div{
	float:none;
	width:100%;
}
.box-scroll-resp table.table-content {
	border-top:none;
}

}

/* 2022/04/15 add */
.table-default-upload {
	width: 100%;
	border-top: 1px solid #dedede;
}
.table-default-upload thead tr {
	display: none;
}

.table-default-upload td, .table-default-upload th {
	border: 1px solid #dedede;
	vertical-align: middle;
	display: list-item;
	width: 100%;
	list-style-type: none;
	box-sizing: border-box;
	padding:8px;
}

.table-default-upload th {
	background-color: #ececec;
	font-weight: bold;
}
.table-default-upload td {
	background-color: #fff;
}

@media screen and (min-width: 639px) {
	.table-default-upload th.upload{
		display: flex;
	}
  }
/* 2022/04/15 add ‚±‚±‚Ü‚Å */