@charset "UTF-8";

.table-wrap{overflow:hidden;}
.yu-table{position:relative;margin-right:-1px;width:calc(100% + 1px);border-top:2px solid #888;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed;}
.yu-table thead{position:relative;}
.yu-table thead:after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#888;}
.yu-table thead:empty:after{display:none;}
.yu-table thead.empty:after{display:none;}
.yu-table th{padding:15px;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;font-size:1.125rem;line-height:1.625rem;font-weight:500;color:#333;word-wrap:break-word;text-align:center;text-indent:0;}
.yu-table.th-right thead th{border-right:1px solid #eaeaea;}
.yu-table th.th-right{border-right:1px solid #888;}
.yu-table thead th{border-right:1px solid #eaeaea;}
.yu-table thead th,
.yu-table tbody th{background-color:#f1f4f7;}
.yu-table td{padding:15px;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background-color:#fff;font-size:1.125rem;line-height:1.625rem;font-weight:200;color:#333;word-wrap:break-word;text-align:center;text-indent:0;}
.yu-table .td-left{text-align:left !important;}
.yu-table .no-bottom{border-bottom:none !important;}
.yu-table .no-right{border-right:none !important;}
.yu-table .bg-gray{background:#f8f8f8;}
.yu-table .bg-pink{background:#f4dded;}
.yu-table .bg-green{background:#c2dfa5;}
.yu-table .bo-bottom th,
.yu-table .bo-bottom td,
.yu-table th.bo-bottom,
.yu-table td.bo-bottom{border-bottom:1px solid #888 !important;}
.yu-table tfoot td{background:#1976d2;color:#fff;}

.scrollbox .yu-table:after{content:'';display:block;position:absolute;top:1px;right:0;width:1px;height:calc(100% + 1px);background:#fff;}

/* scrollbox */
.msg-touch-help{display:none;}

.slash{background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="lightgray" /></svg>');}
.backslash{background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="lightgray" /></svg>');}

@media screen and (max-width:1024px) {
	.yu-table.sm th,
	.yu-table.sm td{padding:10px 5px;font-size:0.875rem;line-height:1.375rem;}
}

@media screen and (max-width:640px) {
	.yu-table th{padding:7px;font-size:1rem;line-height:1.5rem;}
	.yu-table td{padding:7px;font-size:1rem;line-height:1.5rem;}
	.yu-table .td-left{padding-left:7px;}

	.yu-table.sm th,
	.yu-table.sm td{padding:7px;}
	
	/* scrollbox */
	.scrollbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}
	.scrollbox > .yu-table{width:800px;}
	.msg-touch-help{display:block;position:absolute;top:20px;left:50%;z-index:10;margin:0 0 0 -35px;width:70px;height:70px;opacity:0.7;}
	.msg-touch-help img {width:100%;}
}