@charset "UTF-8";
:root {
    --header: 75px;
    scroll-padding: var(--header);
}

.d-none {
    display: none;
}
.time_br_disp {
    display: none;
}
.left_serch dl {
    margin: 0;
}
.left_serch input {
    padding: 1px;
    border: 1px solid #999;
    border-radius: 2px;
}
.left_serch dd input[type="submit"] {
    background-color: #ddd;
    -webkit-appearance: button;
    appearance: button;
}
.left_serch dd select {
    padding: 1px 0 4px;
}
.left_serch dd {
    margin: 0;
    display: inline-block;
}
.calendar_area {
    display: flex;
    justify-content: flex-start;
}
.myinfo_waku dl {
    margin: 5px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.myinfo_waku dt {
    width: 32%;
    display: flex;
    align-items: center;
}
.myinfo_waku dd {
    width: 68%;
    margin: 0;
}
.myinfo_waku dt:nth-of-type(2),
.myinfo_waku dd:nth-of-type(2) {
    margin: 10px 0 0;
}
.umeda_waku td,
.namba_waku td,
.net_waku td,
.reserved_waku td {
    vertical-align: middle !important;
    height: 100%;
    padding: 5px 3px;
}
.submaintitle > div:last-child {
    padding-top: 20px;
}
.submaintitle > div:last-child,
.submaintitle > div:last-child > div:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.submaintitle > div:last-child > div:first-child > div:first-child {
    margin: 0 80px 0 0;
}
.submaintitle > div:last-child > div:last-child {
    padding: 0 0 10px 20px;
}
.point_area {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.point_area p {
    width: 50%;
    display: flex;
    justify-content: flex-start;
}
.ste_flag .fas {
    color: #f9651e;
    padding: 2px 4px 2px 2px;
}
.course .fas {
    color: #f9651e;
    padding-left: 3px;
}
.schedule-button-area {
    display: flex;
    gap: 1%;
}
.schedule-button-area button {
    width: 24%;
    font-size: 16px;
    border: 1px solid gray;
}




.banner-box {
    background-color: white;
    border-radius:10px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.banner-title-box {
    display: flex;
}

.bell-contens {
    position: relative;
    top: -20px;
    left: -50px;
}
.icon-contens {
    padding: 5px;
}

.news-contens {
    padding: 5px;
}

.news-title{
    color: #F44E14;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.rapo-news-title{
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
}

.arrow-contens {
    margin-left: 20px;
    margin-top: 17px;
}

.news-date-text-contents {
    display: flex;
}

.news-banner-line {
    margin-top: 5px;
    border-top: 2px solid #F44E14;
    margin-right: 50px;
}

.new-news-title {
    color: white;
    position: relative;
    top: -22px;
    margin-left: 5px;
}

.new-news-date {
    margin-right: 2px;
}

.news-detail-contents {
    margin-top: 10px;
}

.news-contents {
    padding-top : 8px;
    padding-bottom : 8px;
    border-bottom: 1px solid #CCCCCC;
    margin-right: 50px;
}

.news-text {
    margin-left: 5px;
    font-weight: bold;
}

.news-img {
    margin-bottom: 10px;
}
.news-date {
    color: #808080;
    font-weight: bold;
}



.roc-lesson-contents {
    margin-top: 20px;
}

.online-lesson-contents {
    display: flex;
    margin-left: 55px;
    margin-right: 55px;
    margin-top: 35px;
}

.online-lesson-text {
    display: block;
    margin-left: 15px;
}

.roc-lesson-img {
    margin-top: 15px;
    margin-left: 35px;
}

.roc-lesson-text {
    color: #F44E14;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5px;
}

.roc-lesson-date {
    font-weight: bold;
}

.roc-lesson--text {
    margin-left: 5px;
    font-weight: bold;
}

.roc-movie-contens {
    padding: 5px;
    margin-top: 8px;
}


.roc-movie-title {
    color: #3333CC;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.roc-movie-arrow-contens {
    margin-left: 161px;
    margin-top: 17px;
}

.roc-banner-line {
    margin-top: 5px;
    border-top: 2px solid #3333CC;;
    margin-right: 50px;
}

.roc-pack-arrow-contens {
    margin-left: 95px;
    margin-top: 17px;
}

.roc-lesson-arrow-contens {
    margin-left: 52px;
    margin-top: 17px;
}


.news-detail-contents a:visited{
    color: inherit;
}


.roc-others-contens {
    padding: 5px;
    margin-top: 12px;
}

.roc-others-title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}


.arrow-others-contens {
    margin-left: 93px;
    margin-top: 17px;
}

.min_width_60 {
    min-width: 60px;
}

.max_width_70 {
    max-width: 70px;
}

/* オンラインレッスン選択エリア */
.online_radio {
    border: none;
}

.online_radio>div {
    display: flex;
    gap: 10px;
    font-size: 16px;
    margin-bottom: 0.5rem;
}

.online_radio>div>div:nth-of-type(1) {
    color: red;
}

div[name="search-img"] {
    width: calc(33% - 4px);
    cursor: pointer;

}

div[name="search-img"] img {
    width: 100%;
}