@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 768px) {
  .sp-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

.a-w-day {
  width: 6% !important;
}

.a-w-route {
  width: 16% !important;
}

/*.m-tbl[data-type="fixed-th"] tbody td {
	padding: 0;
}

.m-tbl[data-type="fixed-th"] tbody td a {
	padding-top: 30px;
	display: block;
	width: 100%;
	height: 100%;
}
*/

#vacancy tbody th{
	z-index:10;
}

#vacancy tbody td{
	padding: 0 !important;
	height: 75px !important;
	position: relative;
	border-left: 1px solid rgba(255,255,255,0.1);
	font-size: 2rem;
}

#vacancy a{
	width: 100%;
	height: 100%;
	display: block;
}

#vacancy a span{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.75em !important;
	margin-left: -0.5em !important;
}

#vacancy .nijumaru a{
	background-color: #f1f4fa;
}

#vacancy .nijumaru a span::before {
	content: '◎';
	color: #003399;
}

#vacancy .maru a{
	background-color: #faf2f2;
}

#vacancy .maru a span::before {
	content: '○';
	color: #003399;
}

#vacancy .sankaku a{
	background-color: #FFDDDD;
}

#vacancy .sankaku a span::before {
	content: '△';
}

#vacancy .batsu a{
	background-color: #FFC5CF;
}

#vacancy .batsu a span::before {
	content: '✕';
	color: #990000;
}

#vacancy .off a{
    background-color: #f2f2f2;
    pointer-events: none;
}

@media screen and (min-width: 768px) {
.m-list-btn li.btn-width a {
    max-width: 600px;
    margin: auto;
}
}


@media screen and (max-width: 767px) {
.m-tbl[data-type="fixed-th"] .m-tbl-fixed.is-active {
    position: relative;
    z-index: 1;
  }
}