@charset "utf-8";

body.kanri header {
    display: none;
}
body.kanri #container-head {
    display: none;
}
body.kanri #container-foot {
    display: none;
}
body.kanri #footer {
    display: none;
}
body.kanri .spFootNav {
    display: none;
}
body.kanri #container-body #main {
    padding: 16px 0;
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
}
body.kanri .form {
    border-bottom: 1px solid #CCC;
}
.miwa.kanri .hdr03 {
    margin-bottom: 10px;
}
.miwa.kanri #contact02 > .hdr-step {
    margin-top: 10px;
}
.miwa.kanri .calendar {
    overflow-x: scroll;
}
.miwa.kanri .calendar-unit li {
    flex-direction: column;
    height: 82px;
}
.miwa.kanri .calendar-unit.calendar-unit-kanri02 li {
    height: 72px;
}
.miwa.kanri #container-body a {
    text-decoration: none;
}
.miwa.kanri .calendar-unit .midashi {
    flex-shrink: 0;
}
.miwa.kanri .calendar-unit .midashi {
    width: 48px;
}
.miwa.kanri .calendar-unit .monthly-wrap {
    border-right: 1px solid #b8c8cf;
    flex-shrink: 0;
}
.miwa.kanri .calendar-unit li a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 57px;
    justify-content: center;
}
.miwa.kanri .calendar-unit li a:nth-child(2) {
    background-color: #EEE;
    border-top: 1px solid #b8c8cf;
    font-size: 10px;
    height: 24px;
    padding-top: 1px;
}
.miwa.kanri .calendar-unit li a:nth-child(2):hover,
.miwa.kanri .calendar-unit li a:nth-child(2).active {
    background-color: #a5b9c3;
}
.miwa.kanri .calendar-unit li .status {
    font-size: 10px;
    line-height: 1;
    margin-bottom: 3px;
    width: 100%;
}
.miwa.kanri .calendar-unit li .name {
    display: block;
    font-size: 12px;
    line-height: 1;
    width: 100%;
}
.miwa.kanri .calendar-unit li .note {
    color: #f00;
    display: block;
    font-size: 10px;
    line-height: 1;
    margin-top: 2px;
    width: 100%;
}
.miwa.kanri .calendar-unit li a:nth-child(2) .name {
    font-size: 10px;
}
.miwa.kanri .calendar-unit .day {
    font-size: 13px;
}
.miwa.kanri .day-box {
    /* width: 68px; */
    /* width: 74px; */
    width: 80px;
}
.miwa.kanri .day-box.day-box-b {
    width: 160px;
}
.miwa.kanri .day-box.day-box-c {
    width: 160px;
}
.calendar-control {
    padding-left: 3px;
    padding-top: 3px;
}
.calendar-control ul {
    display: flex;
}
.calendar-control li +li {
    margin-left: 3px;
}
.calendar-control a {
    background-color: #e5ebed;
    border-color: #e5ebed;
    border-radius: 4px;
    color: #165162;
    display: block;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
}
.res-date {
    margin: 1px 3px 3px;
}
.date-message {
    font-size: 14px;
}
.submit-wrap {
    display: flex;
}
.submit-wrap input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    align-items: center;
    background-color: #6f8f9e;
    border-radius: 4px;
    border: none;
    color: #FFF;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    height: 32px;
    justify-content: center;
    width: 150px;
}
.submitEdit {
    margin-left: 4px;
}
.res-date.invisible {
    display: none;
}
.submitDetail.invisible {
    display: none;
}
.submitEdit.invisible {
    display: none;
}
.submitRegist.invisible {
    display: none;
}
.form th span.notmust {
    border-radius: 9px;
    color: #326675;
    font-size: 75%;
    font-weight: bold;
    height: 18px;
    left: 0;
    line-height: 18px;
    padding: 0 2px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 30px;
}
.miwa .form th span.notmust {
    background-color: #FFF;
}


.miwa.kanri .calendar-unit-kanri03 .day {
    height: 50px;
}
.miwa.kanri .calendar-unit-kanri03 .day-box-c .day {
    height: 50px;
    padding-bottom: 20px;
    box-sizing: border-box;
    position: relative;
}
.miwa.kanri .calendar-unit-kanri03 .day-box-c .day .stairs {
    display: flex;
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 0;
    left: 0;
    border-top: 1px solid #b8c8cf;
}
.miwa.kanri .calendar-unit-kanri03 .day-box-c .day .n2 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    height: 100%;
    font-size: 12px;
    color: #fff;
}
.miwa.kanri .calendar-unit-kanri03 .day-box-c .day .n3 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    height: 100%;
    font-size: 12px;
    color: #fff;
    border-left: 1px solid #b8c8cf;
}

.btn-calendar-lists {
    display: flex;
    margin-bottom: 10px;
}
.btn-show-calendar,
.btn-hide-calendar {
    display: none;
    padding: 0.75em 1.5em;
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
    background-color: #007acc;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease, box-shadow 0.2s ease;
}
.btn-show-calendar {
    background-color: #007acc;
}
.btn-hide-calendar {
    background-color: #888888;
}
.active > .btn-show-calendar,
.active > .btn-hide-calendar {
    display: inline-block;
}
.btn-show-calendar:hover,
.btn-hide-calendar:hover {
    background-color: #005fa3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.active > .btn-show-calendar,
.active > .btn-hide-calendar {
    background-color: #004a82;
}
.form.is-hide {
    display: none;
}
.calendar-unit-inner{
  display:flex;
  gap:24px;
  align-items:flex-start;
}
.calendar-block{
  display:flex;           /* midashi + monthly-wrap */
  align-items:flex-start;
}
.page-online_kanri .contents#contact {
    margin-bottom: 0;
}
.page-online_kanri .inner-contents#contact02 {
    margin-bottom: 0;
}