.message {
    font-weight: bold;
}
/* .tabs { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } */
.tabs { display: block; gap: 10px; flex-wrap: wrap; align-items: center; }
.tab {
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 6px;
    padding: 6px 10px;
    cursor: pointer;
    user-select: none;
    letter-spacing: .08em;
    font-size: 12px;
}
.tab[disabled] { opacity: .8; cursor: not-allowed; }
.tab.is-active { border-color: #111; background: #111; color: #fff; }
.meta { margin: 12px 0 18px; font-size: 13px; color: #555; }

/* .stories { display: grid; gap: 12px; }
.story { border: 1px solid #e6e6e6; padding: 12px; }
.story .type { font-size: 11px; letter-spacing: .12em; color: #777; }
.story h3 { margin: 6px 0 4px; font-size: 16px; }
.story .by { color: #666; font-size: 13px; } */


.course{
border:1px solid #e6e6e6;
margin:12px 0;
}

.course-title{
padding:6px 8px;
background-color: #dddddd63;
border-bottom:1px solid #e6e6e6;
font-weight:600;
}
.course-target{
padding:6px 8px 6px 18px;
border-bottom:1px solid #e6e6e6;
font-weight:700;
}

.course-grid{
display:grid;
gap:0;                 /* 罫線をきれいにするため */
}

/* 項目 */
@media (max-width:767px){
    .filterTtl {
        display:none;
    }
}

.course-grid .cellTtl{
border-right:1px solid #e6e6e6;
/* border-bottom:1px solid #e6e6e6; */
background-color: #dddddd63;
padding:6px 8px;
min-height:34px;
display:flex;
align-items:center;
}
.course-grid .cellTtl:nth-child(7){
    border-right:none;
}
.course-grid .cell{
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
padding:6px 8px;
min-height:34px;
display:flex;
align-items:center;
}

/* 最終列の右罫線を消す（PC時） */
@media (min-width:768px){
.course-grid{
    /* grid-template-columns: 60px 1fr 1fr 1fr 90px 90px 90px;
    grid-template-areas: "icon teacher day place yearly monthly other"; */
    grid-template-columns: 60px 180px 180px 1fr;
    grid-template-areas: "icon teacher day place";
}

.icon   { grid-area: icon; }
.teacher{ grid-area: teacher; }
.day    { grid-area: day; }
.place { grid-area: place; }
/* .yearly { grid-area: yearly; } */
/* .monthly{ grid-area: monthly; } */
/* .other  { grid-area: other; } */

.course-grid .cell:nth-child(7){
    border-right:none;
}
}

/* スマホ時：上に icon+講師名（2列）、下は1列で縦並び */
@media (max-width:767px){
.course-grid{
    grid-template-columns: 60px 1fr;
    grid-template-areas:
        "icon teacher"
        "day day"
        "place place"
        /* "yearly yearly" */
        /* "monthly monthly" */
        /* /* "other other" */
        ;
}

.icon   { grid-area: icon; }
.teacher{ grid-area: teacher; }
.day    { grid-area: day; }
.place { grid-area: place; }
.yearly { grid-area: yearly; }
.monthly{ grid-area: monthly; }
.other  { grid-area: other; }

/* 2列→1列になる段（day以降）は右罫線いらない */
.day, .place, .yearly, .monthly, .other{
    border-right:none;
}
.day::before {
    content:'【日　時】';
}
.place::before {
    content:'【会　場】';
}
.yearly::before {
    content:'【年会費】';
}
.monthly::before {
    content:'【月　謝】';
}
.other::before {
    content:'【その他】';
}
/* 上段の右端（講師名）も右罫線消す */
.teacher{
    border-right:none;
}
}

/* 最下段の下罫線を消したいなら（任意）
.course-grid .other{ border-bottom:none; }
*/