@charset "UTF-8";
/*********************************************
 * Apple Trading & Company
 * Dollsizeファイル専用
 *********************************************/

h1.heading {
	margin: 20px 0 0;
	font-size: 2rem;
}
.scroll-table {
	overflow: auto;
	white-space: nowrap;
	margin: 30px 0;
}
.scroll-table::-webkit-scrollbar {
	height: 5px;
}
.scroll-table::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff;
}
.scroll-table::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background:#303f60;
}
.scroll-table table {
	width: 100%;
	margin: 10px 0;
}
.scroll-table table thead th {
	padding: 20px 15px;
	background: #303f60;
	color: #fff;
	text-align: left;
}
.scroll-table table th,
.scroll-table table td {
	padding: 10px;
	border: none;
	text-align: center;
	font-size: 1.4rem;
}
.scroll-table table td {
	white-space: nowrap
}
.scroll-table table .sticky-h,
.scroll-table table .sticky-w {
	position: sticky;
	top: 0;
	left: 0;
	color: #333;
	background: #f0f0f0;
}
.scroll-table table .sticky-h {
	z-index: 2;
	max-width: 150px;
    overflow: auto;
}
.scroll-table table .sticky-w {
	z-index: 1;
}
.scroll-table table small {
	font-size: 1.2rem;
}

/*--------------------------------
	tablet：768px~
--------------------------------*/
@media only screen and (min-width: 768px) {
.scroll-table table .sticky-h {
	max-width: 300px;
	min-width: 300px;
}