/* ヘッダ */
#content section.titlearea {
    background: #1c6247 url("../image/common/title_back.svg") no-repeat 100% 20px;
    background-size: 80%;
}
#content section.titlearea * {
    color: #fff;
}
#content section.titlearea h1 * {
    line-height: 1.5;
}
#content h2 {
    font-size: 2.2rem;
    font-weight: 500;
    color: #1c6247;
    margin-bottom: 30px;
    text-align: center;
}
#content h2:after {
    content: '';
    display: block;
    width: 2em;
    height: 3px;
    background: #1c6247;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px auto 0;
}
#content h3 {
    font-size: 2rem;
    font-weight: 500;
    color: #1c6247;
    margin-bottom: 0.6em;
}
strong.marker {
    font-weight: 600;
    color: #f67184;
    background: #fef1f2;
}
@media (min-width: 768px) {
#content section.titlearea {
    background-position: 100% 0px;
    background-size: 70%;
}
#content h2 {
    font-size: 2.8rem;
    margin-bottom: 40px;
}
#content h2:after {
    margin-top: 0.3em;
}
#content h3 {
    font-size: 2.4rem;
    margin-bottom: 0.6em;
}
}
@media (min-width:1280px) {
#content section.titlearea {
    background-position: 100% -22px;
    background-size: 920px;
}
#content h2 {
    font-size: 3.2rem;
    margin-bottom: 50px;
}
#content h3 {
    font-size: 2.6rem;
    margin-bottom: 0.6em;
}
}


.statusdata {
    background: #f6f2ec;
    padding: 1em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.statusdata span {
    display: block;
}

.table-container {
    margin: 0 0 30px;
    border: 2px solid #d4c2a9;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    width: 100%;
    overflow-x: auto;
}
.table-container table {
    border-collapse: separate;
    border-spacing: 0px;
    table-layout: fixed;
}
.table-container table thead {
    background: #bc956c;
}
.table-container table .worktable-label-month {
	text-align: center;
	font-size: 137%;
	font-weight: bold;
	color: #fff;
}
.table-container table .worktable-label-month span {
	font-size: 127%;
	color: #fff;
}
.table-container table thead tr th {
	color: #fff;
    padding: 1px 0;
	border-right: 1px solid #fff;
}
.table-container table thead tr th:last-child {
	border-right: none;
}
.table-container table thead tr:nth-child(1) th:first-child {
    background: #bc956c;
    position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 0;
}
.table-container table thead tr:nth-child(1) th:first-child:before {
    content: '';
    display: block;
    width: 120px;
    height: 1px;
}
.table-container table thead tr:nth-child(2) th:before {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
}
.table-container table thead tr td:last-child {
	border-right: none;
}
.table-container table tbody tr:nth-child(odd) td {
	background: #fff;
}
.table-container table tbody tr:nth-child(even) td {
	background: #f8f7f5;
}
.table-container table tbody td {
    font-weight: bold;
    font-size: larger;
	text-align: center;
	padding: 3px 0;
	border-right: 1px solid #bc956c;
}
.table-container table tbody td:last-child {
	border-right: none;
}
.table-container table tbody td.name {
	font-weight: bold;
    color: #775b3e;
	white-space: nowrap;
	padding: 0.3em 0;
	border-left: none;
    position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 0;
}
.table-container table tbody tr:nth-child(odd) td.name {
    background: #f4efe7;
}
.table-container table tbody tr:nth-child(even) td.name {
    background: #eee7de;
}
.table-container table tbody td.name small {
    display: block;
    color: #775b3e;
    font-weight: normal;
}
td.week_sun {
	background-color: #ffe2e9 !important;
}
td.week_sat {
	background-color: #deeeff !important;
}
.status-time_am {
	color: #895b2a;
}
.status-time_pm {
	color: #54ac61;
}
.status-kome {
	color: #4aa6fe;
}
.status-batsu {
	color: #eb7e8e;
}


@media (min-width: 768px) {
.statusdata {
    padding: 1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.statusdata span {
    display: inline-block;
}
.statusdata span:before {
    content: '　／　';
}

.table-container {
    margin: 0 0 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.table-container table {
    border-collapse: separate;
    border-spacing: 0px;
    table-layout: fixed;
}
.table-container table thead tr:nth-child(1) th {
    padding-top: 5px;
}
.table-container table thead tr:nth-child(2) th:before {
    width: 40px;
}
.table-container table thead tr:nth-child(2) th {
    padding-bottom: 5px;
}
.table-container table thead tr:nth-child(1) th:first-child {
    padding-top: 0;
}
.table-container table thead tr:nth-child(1) th:first-child:before {
    width: 140px;
}
.table-container table thead tr td:last-child {
	border-right: none;
}
.table-container table tbody td {
}
.table-container table tbody td.name {
	padding: 0.5em 0;
}

}
@media (min-width:1280px) {

.table-container table thead tr:nth-child(2) th:before {
    width: 50px;
}
.table-container table thead tr:nth-child(1) th:first-child:before {
    width: 170px;
}
}