/*
Theme Name: b_posture ver1.0
Author: 
Description: Theme for B-Posture
Version: 1.0
*/


.news-list li {
    width:100%;
    border-bottom:1px dotted #CCC;
}
.news-list a {
    padding:1em;
    display: flex;
}
a.nolink {
    pointer-events: none;
}
.news-list a .time {
    width:17em;
    font-size:0.9em;
    padding-right:1em;
    flex-shrink: 0;
}
.time label, .spec label {
    display: inline-block;
    width:8em;
    line-height: 1.75em;
    background-color: #b1bfc3;
    color:#FFF;
    text-align: center;
    margin-left:1em;
    font-size:0.8em;
    border-radius: 1em;
}
.news-list a .txt {
    flex:1;
}
.news-list li.is-hidden,.more.is-btn-hidden {
    display: none;
}
.list-btn .close, .list-btn.close .view{
    display: none;
}
.list-btn.close .close {
    display: inline;
}

.news-detail {
    border:5px solid #b1bfc350;
    padding:4rem 4rem 5rem;
    max-width:1000px;
    margin:0 auto;
}
.news-detail .news-tit h3 {
    text-align: left;
    padding-bottom:0.5em;
    border-bottom:1px solid #222;
    margin-bottom:1rem;
}
.news-detail .news-tit .spec {
    display: flex;
    justify-content: space-between;
}
.news-detail .news-tit .spec .time {
    font-size:90%;
}
.news-detail .news-tit {
    margin-bottom:4rem;
}
.pager-wrapper {
    display: flex;
    justify-content: center;
    gap:2rem;
    margin-top:4rem;
}




.calendar-slider .calendar-box-wrap{
    background-color: #f2f2f2;
    position:relative;
}
#schedule .calendar-slider .calendar-box-wrap {
    background-color: #FFF;
}
.calendar-box-wrap .calender-tit {
    background-color: #b1bfc4;
    text-align: center;
    color:#565654;
    font-size:2.4rem;
    width:100%;
    line-height: 4.8rem;
}
.calendar-box-wrap .calendar-table-box {
    padding:5px;
    display: flex;
    flex-direction: row-reverse;
    gap:4px;
    width:max(100%,560px);
}
.calendar-box-wrap .calendar-table-box .grid-outer {
    flex:1;
    text-align: center;
    display: grid;
    gap:2px;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 4.0rem auto;
}
.calendar-table-head {
    background-color: #f8bc9e;
    color:#565654;
    font-size:2.0rem;
    line-height: 4.0rem;
    padding-inline:1em;
}
.calendar-table-cont {
    display: flex;
    flex-flow: column;
    gap:2px;
}
.calendar-table-cont .sbox {
    height:11rem;
    display: flex;
    flex-direction: column;
}
.calendar-table-cont .sbox:nth-of-type(6) {
    margin-top:10rem;
}
.calendar-table-cont .sbox:nth-of-type(6):has(span[data-time="18:30~19:20"]) {
    margin-top:5rem;
}
.calendar-table-cont .sbox:not(.blank) {
    border:1px solid #DDDDDD;
}
.calendar-table-cont .sbox.harf {
    height:5rem;
} 
.calendar-table-cont .sbox .time {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:2px;
    position:relative;
    height:30px;
}
.calendar-table-cont .sbox .time:has(img){
    padding-left:30px;
}
.calendar-table-cont .sbox .time img {
    width:min(21.4%,28px);
    position:absolute;
    left:1px;
    top:1px;
}
.calendar-table-cont .sbox.le01 {
    background-color: #fffbc0 ;
}
.calendar-table-cont .sbox.le02 {
    background-color: #ffead5 ;
}
.calendar-table-cont .sbox.le03 {
    background-color: #dbf4ff ;
}
.calendar-table-cont .sbox.le04 {
    background-color: #dde8d5 ;
}
.calendar-table-cont .sbox.le05{
    background-color: #e7e2f4 ;
}
.calendar-table-cont .sbox .name {
    background-color: #FFF;
    font-size:1.8rem;
}
.calendar-table-cont .sbox .lesson{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}
.calendar-table-cont .sbox .lesson span {
    line-height: 1.4;
    letter-spacing: 0.05em;
}
.scrol-wrapper {
    width:100%;
    overflow: auto;
}
.swiper-control {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4.8rem;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 1rem;
}
.swiper-button-prev ,.swiper-button-next {
    background: #565654;
    width:1.6rem;
    height:1.6rem;
    position:relative;
    left:auto;
    top:auto;
    right:auto;
} 
.swiper-button-next {
    clip-path: polygon(100% 0, 0 50%, 100% 100%);

}
.swiper-button-prev {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.swiper-button-disabled {
    pointer-events: none;
    opacity:0.5;
}
@media screen and (max-width: 1024px) {
    .calendar-table-cont .sbox .time {
        gap:1px;
        height:2.4rem;
        line-height: 2.4rem;
        font-size:1rem;
    }
    .calendar-table-cont .sbox .time:has(img){
        padding-left:2.6rem;
    }
    .calendar-table-cont .sbox .time img {
        width:auto;
        height:calc(100% - 2px);
    }
}
@media screen and (max-width: 768px) {
    .calendar-table-head,.calendar-box-wrap .calender-tit {
        font-size:1.6rem;
    }
    .calendar-table-cont .sbox .name {
        font-size:1.4rem;
    }
    .calendar-table-cont .sbox .lesson span {
        font-size:1.2rem;
        letter-spacing: 0;
    }
}

