/*schedule*/

/*calendar*/

.calendar {
    border-bottom: 1px solid #CCC;
    margin: 0 0 20px 0;
}

.calendar ul {
    display: flex;
    grid-gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0;
}

.calendar ul li {
    width: 22%;
    text-align: center;
    background: rgba(255,255,255,0.8);
}

.calendar ul li.target {
    background: #f4f0e9;
}

.calendar ul li.sat a {
    color: #0043ff;
}

.calendar ul li.sun a {
    color: red;
}


.calendar ul li a{
    border: 1px solid #CCC;
    line-height: 1.2;
    display: block;
    padding: 4px 0;
}
.calendar ul a span {
    display: block;
    text-align: center;
    font-size: 12px;
}


/*room tab*/

.schedule [type="radio"] {
    display: none;
}

.top_schedule.schedule{
  width:100%;
}
.label-wrap{
display: flex;
flex-wrap: wrap;
    justify-content: flex-start;
width:100%;
}
.schedule h2{
  padding:1rem;
}
.schedule h3{
  /* padding:  2rem 1rem; */
  line-height: 1.4;
}
.schedule label{
   background: #FFF;
    border: 1px solid #CCC;
    border-radius: 6px;
    line-height: 2.6;
    width:31%;
    display: flex;
align-items: center;
justify-content: center;
margin-left: 4px;
margin-bottom: 4px
}


.schedule input:checked + label {
  background-color: #ffebf3;
  color:#454545;
}


.targets {
    margin: 25px 0 0 0;
}

@media screen and (max-width: 640px) {
.schedule label{
font-size:12px;
}
}
@media screen and (min-width: 640px) {
.schedule label{
width:32%;
}
.schedule h3{
  /* text-align: center; */
}
}
@media screen and (min-width: 640px) {
.calendar ul {
    grid-gap:0px;
    justify-content: space-between;
}

.calendar ul li {
    width: 13%;
    text-align: center;
}
}