@charset "utf-8";

/* =============================================================================

	Contact status

============================================================================= */

/* time(table) */
.time table thead tr th.Off	{ width: calc(100% / 13); background-color: darkgrey;}
.time table tbody tr th	{ font-weight: normal; }
.time table tbody tr th.sat	{ color: #0095d9; }
.time table tbody tr th.sun	{ color: #e60033; }
.time table tbody tr td	{ text-align: center; }
.time table tbody tr td	> img { width: 34px; height: 15px; }
.time table tbody tr td.stage1	{ background: #5a79ba; }
.time table tbody tr td.stage2	{ background: #fbd26b; }
.time table tbody tr td.stage3	{ background: #ce5242; }
.time table tbody tr td.Off	{ font-size:90%; }

/* notes */
.notes { margin-bottom: 1em; }
.notes ul{display: flex;justify-content:space-between;}
.notes ul li{width:100%;}
.notes ul li .item{display: table-cell; width: 100%; padding-left: 0.5em;}
.notes ul li .mark {display: table-cell; padding-right: 2em;}
.stage1-box {margin: auto; width: 1em; height: 1em; background:#5a79ba;}
.stage2-box {margin: auto; width: 1em; height: 1em; background:#fbd26b;}
.stage3-box {margin: auto; width: 1em; height: 1em; background:#ce5242;}
@media only screen and (max-width: 768px) {	.notes ul {display: block; width: auto;}.notes ul li + * { margin-top: 0.8em;}
}

/* emergency */
.emergency	{ background: #FFF0F0!important; margin-bottom: 1em;}
.emergency .tit	{ font-weight: 700; font-size: 1.8rem;}

/* info-Appeal */
.info-Appeal > li + * { margin-top: 0.8em; }
.info-Appeal > li { font-size: 1.5rem; }
.info-Appeal a { text-decoration: none;}
.info-Appeal a:hover { text-decoration: underline;}
.info-Appeal a span { display: inline-block; width: 9em; text-align: center; color: #ffffff; padding: 0 0; margin-right: 0.5em;}
.info-Appeal a .Pay { background-color: #a22041; }
.info-Appeal a .recommendation { background-color: #19448e; }