@charset "UTF-8";

@media screen and (max-width: 768px){


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

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

.scheduleFilter {
    padding: 10px;
}
.date-box__date p {
    color: #fff;
    font-size: 16px;
}

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

.scheduleFilter__monthTabs {
    /* margin-top: 20px; */
    margin-top: 0;
}
.monthTabs__list {
    grid-template-columns: repeat(12, min(55px));
    overflow: scroll;
    border: 1px solid #e6e6e6;
    /* border-radius: 999px; */
    column-gap: 8px;
    /*スクロールバー非表示（IE・Edge）*/
    -ms-overflow-style: none;
    /*スクロールバー非表示（Firefox）*/
    scrollbar-width: none;
}
/*スクロールバー非表示（Chrome・Safari）*/
.monthTabs__list::-webkit-scrollbar{
  display:none;
}
.monthTabs__list li {
    position: relative;
}
.monthTabs__list li::after {
    content: "/";
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
    color: #e6e6e6;
}
.monthTabs__list li:last-of-type::after {
    display: none;
}

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

.scheduleBody {
    margin-top: 30px;
}
.schedule__item {
    gap: 10px;
}
.schedule__item .left {
    width: 30px;
}
.schedule__item .left .date .date-day {
    font-size: 12px;
}
.schedule__item .left .date .date-dayOfTheWeek {
    font-size: 10px;
}

.scheduleDay__item {
    display: grid;
    grid-template-columns: min(16vw,60px) auto;
    grid-template-areas:
        "image category"
        "image name"
        "image content";
    column-gap: 10px;
    row-gap: 3px;
    align-items: center;
    padding: 10px 0;
}

.scheduleDay__item .talent-image {
    grid-area: image;
}

.scheduleDay__item .talent-name {
    grid-area: name;
    padding-left: 0;
    font-size: 12px;
}

.scheduleDay__item .post-category {
    grid-area: category;
    justify-self: start;
}
.scheduleDay__item .post-category .sch_category {
    font-size: 10px;
}

.scheduleDay__item .post-contents {
    grid-area: content;
    font-size: 12px;
}


.schedule__bottom {
    margin-top: 30px;
    padding-bottom: 60px;
}
.schedule__bottom .date-box__date p {
    font-size: 16px;
}

}/* end */