@charset "utf-8";

html {
    overflow-y: scroll;
}

/* SNS */
.sns {
    margin-top: 70px;
    width: 100%;
    display: flex;
    padding-bottom: 30px;
}

.sns_l {
    width: 50%;
}

.sns_lh {
    display: flex;
    justify-content: flex-end;
}

.h2_sns {
    color: #00a0e6;
    font-size: 320%;
    letter-spacing: 2px;
    padding-bottom: 35px;
    width: 100%;
    max-width: 500px;
    text-align: center;
}

.sns_r {
    width: 50%;
}

.sns_rh {
    display: flex;
}

.sns_rh h4 {
    width: 100%;
    max-width: 500px;
    font-size: 190%;
    font-family: Arial, Helvetica, sans-serif;
}

.sns_lm {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px;
}

.sns_lm_div {
    width: 100%;
    max-width: 500px;
}

.sns_rm {
    display: flex;
    padding: 10px 0 10px 20px;
}

.sns_rm div {
    width: 100%;
    max-width: 500px;
}

/* Thumbnail */
.thumbnail-img img {
    width: 100%;
    max-width: 150px;
}

.news_mm div a span.s1 {
    margin: 0 10px 0 0;
}

/* Kadai */
.kadai01 {
    width: 100%;
}

/* 戻るボタン */
.history_back_btn {
    text-align: center;
    margin: 100px 0 0;
}

.history_back_btn a {
    display: inline-block;
    background: #005ec4;
    color: #fff;
    padding: 12px 30px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 6px;
    box-shadow: 0 4px 0 #003e82;
    transition: all 0.1s ease;
}

.history_back_btn a:hover {
    background: #004fa6;
}

.history_back_btn a:active {
    box-shadow: 0 2px 0 #003e82;
    transform: translateY(2px);
}

/* WP */
.wp p {
    width: 100%;
}

.bukai_div {
    margin-bottom: 120px;
}

/* Training guide colors */
.training_guide_hyogo-training {
    background: #D8F0FA;
}

.training_guide_other-training {
    background: #FCEE9A;
}

/* Information */
.information_information_hyogo {
    background: #D8F0FA;
}

.information_information_ot_association {
    background: #FCEE9A;
}

.information_information_other {
    background: #FFF6F9;
}

.sc_dl_dd1,
.sc_dl_dd2 {
    width: 100%;
}

.sc_dl_dd1 {
    padding: 0 0 5px 0;
}

.kensyuu-point {
    color: #ff0000;
    font-size: 85%;
}

/* カレンダー */
#training-calendar {
    max-width: 1150px;
    margin: 50px 0 120px;
}

#training-calendar-list {
    display: none;
}

.fc-dayGridMonth-button,
.fc-timeGridWeek-button,
.fc-timeGridDay-button {
    display: none !important;
}

.fc-day-other {
    opacity: 0.3 !important;
}

.fc-daygrid-event {
    white-space: wrap !important;
}

.fc-daygrid-event-dot,
.fc-event-time {
    display: none !important;
}

.fc-day-today {
    background-color: rgba(255, 255, 224, 0.3) !important;
}

#calendar-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

#training-calendar .fc-daygrid-day-number {
    font-weight: bold;
}

.fc-toolbar-title {
    margin: 0 115px 0 0 !important;
}

.training-filter {
    margin: 0 0 -130px;
    text-align: right;
}

/* Pagination */
#pagination {
    text-align: center;
    margin: 100px 0;
}

#pagination .page-btn {
    background: #f0f0f0;
    border: none;
    margin: 2px;
    padding: 8px 12px;
    cursor: pointer;
}

#pagination .page-btn.active {
    background: #333;
    color: #fff;
}

#pagination .dots {
    display: inline-block;
    margin: 0 4px;
    color: #888;
}

/* Z-index */
.top {
    z-index: 9999;
}

.fc .fc-view-harness {
    z-index: 1;
}

#training-calendar,
.fc-scroller {
    overflow: visible !important;
}

/* カレンダーイベント色 */
.fc-hyogo {
    background-color: #e74c3c !important;
    border-color: #e74c3c !important;
    color: #fff !important;
}

.fc-other {
    background-color: #27ae60 !important;
    border-color: #27ae60 !important;
    color: #fff !important;
}

.fc-default {
    background-color: #3788d8 !important;
    border-color: #3788d8 !important;
    color: #fff !important;
}

/* WP記事 */
.ot-hyogo-wp {
    width: 100%;
    margin: 50px 0;
    font-size: 115%;
}


.ot-hyogo-wp h3 {
    font-size: 220%;
    color: #00a0e6;
    padding-bottom: 15px;
    margin: 25px 10px 0 10px;
}

.ot-hyogo-wp h4 {
    font-size: 125%;
    margin: 40px 10px 0 10px;
    color: #005ec4;
    padding: 0 0 5px;
}

.ot-hyogo-wp h5 {
    font-size: 115%;
    border-bottom: 1px solid #e4e4e4 !important;
    padding: 0 0 10px;
    margin: 25px 10px 0 10px;
}

.ot-hyogo-wp h6 {
    font-size: 16px;
    margin: 15px 10px 0 10px;
}

.ot-hyogo-wp p {
    margin: 15px 10px 0 10px;
}

.kensyuu-jyouhou {
    margin: 50px 0 80px;
    font-size: 120%;
}

.finished {
    color: #ff0000;
}

.kensyuu-syousai {
    border-top: 1px dotted #ccc;
    margin-top: 50px;
    padding-top: 30px;
}

.ot-hyogo-wp a {
    color: #00a0e6;
    text-decoration: underline;
}

/* File icons */
.ot-hyogo-wp a[href*=".doc"],
.ot-hyogo-wp a[href*=".docx"] {
    background: url(../../../img/icon/icon-word.png) no-repeat left center;
    padding: 10px 10px 10px 50px;
    display: block;
    width: fit-content;
    margin: 5px 0 0;
}

.ot-hyogo-wp a[href*=".xls"],
.ot-hyogo-wp a[href*=".xlsx"],
.ot-hyogo-wp a[href*=".xlsm"] {
    background: url(../../../img/icon/icon-excel.png) no-repeat left center;
    padding: 10px 10px 10px 50px;
    display: block;
    width: fit-content;
    margin: 5px 0 0;
}

.ot-hyogo-wp a[href*=".ppt"],
.ot-hyogo-wp a[href*=".pptx"] {
    background: url(../../../img/icon/icon-powerpoint.png) no-repeat left center;
    padding: 10px 10px 10px 50px;
    display: block;
    width: fit-content;
    margin: 5px 0 0;
}

.ot-hyogo-wp a[href*=".pdf"] {
    background: url(../../../img/icon/icon-pdf.png) no-repeat left center;
    padding: 10px 10px 10px 50px;
    display: block;
    width: fit-content;
    margin: 5px 0 0;
}


.pdfjs-box {
    position: relative;
}

.pdfjs-overlay {
    position: absolute;
    inset: 0;
    z-index: 10;
    text-indent: -9999px;
    background: none !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 700px;
    margin: 0 !important;
}

.pdfjs-box canvas {
    width: 100%;
    max-width: 700px;
    height: auto;
    display: block;
}


.ot-hyogo-wp a[href^="mailto:"] {
    background: url(../../../img/icon/icon-mail.png) no-repeat left center;
    padding: 10px 10px 10px 40px;
    display: block;
    width: fit-content;
    margin: 5px 0 0;
}

.ot-hyogo-wp a[href*="peatix.com"] {
    background: url(../../../img/icon/icon-link.png) no-repeat left center;
    padding: 10px 10px 10px 45px;
    display: block;
    width: fit-content;
    margin: 5px 0 0;
}

/* List styles */
.ot-hyogo-wp ul {
    margin: 25px 0 10px 10px;
}

.ot-hyogo-wp ul li {
    position: relative;
    padding: 0 0 10px 30px;
}

.ot-hyogo-wp ul li::before {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #00a0e6;
    content: "";
    border-radius: 50%;
    top: 5px;
    left: 0;
}

.ot-hyogo-wp ol {
    counter-reset: li;
    margin: 10px 0 10px 8px;
}

.ot-hyogo-wp ol li {
    padding: 0 0 0 30px;
    line-height: 30px;
    margin-bottom: 10px;
    position: relative;
}

.ot-hyogo-wp ol li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 20px;
    margin-top: 6px;
    border-radius: 50%;
    background-color: #00a0e6;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 20px;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}


.margin-top--100{
    margin-top: -100px;
}

.gakkai-ho {
        width: 98%;
        margin: 20px auto;
        font-size: 115%;
    }

.gakkai-ho dl {
        display: flex;
        margin: 10px 0;
    }
.gakkai-ho dt {
        width: 30%;
        text-align: center;
        font-weight: bold;
        color: #0068b7;
    }
.gakkai-ho dd {
        width: 70%;
    }

.kadai01 {
        width: 98%;
        margin: 15px auto 0 auto;
    }
.kadai01 dt {
    font-size: 130%;
    margin: 15px 0px 15px 10px;
    color: #0068b7;
}

.kadai01 dt::before {
        position: relative;
        top: -1px;
        left: -12px;
        display: inline-block;
        width: 13px;
        height: 13px;
        content: '';
        border-radius: 100%;
        background-color: #005ec4;
    }
.kadai01 dd {
        margin: 15px 10px 0 10px;
    }
.table002 {
        overflow-x: scroll;
    }












/* 999px 以下 */
@media screen and (max-width: 999px) {

    .sns {
        margin-top: 70px;
        width: 100%;
        padding-bottom: 30px;
        display: block;
    }

    .sns_l {
        width: 100%;
    }

    .sns_lh {
        display: block;
    }

    .h2_sns {
        font-size: 320%;
        max-width: 1000px;
        text-align: center;
    }

    .sns_r {
        width: 100%;
        margin-top: 60px;
    }

    .sns_rh {
        display: flex;
    }

    .sns_lm {
        display: block;
        padding: 0;
    }

    .sns_lm_div {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }

    .sns_rm {
        display: block;
        padding: 0;
        text-align: center;
    }

    .sns_rm iframe {
        border: none;
        overflow: hidden;
        margin: auto;
        display: block;
    }
}

/* 800px 以下 */
@media screen and (max-width: 800px) {

    #sbi_images div:nth-child(9) {
        display: none !important;
    }

    .bukai_div {
        margin-bottom: 60px;
    }

    .ot-hyogo-wp {
        width: 100%;
        margin: 50px 0;
        font-size: 100%;
    }
}

/* 768px 以下 */
@media screen and (max-width: 768px) {

    .fc-daygrid-day-frame {
        pointer-events: none;
    }

    .mobile-btn {
        display: block;
        margin: -30px auto 10px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: rgb(124, 211, 129);
        border: none;
        cursor: pointer;
        color: rgb(124, 211, 129);
    }

    #mobile-day-events {
        margin: -60px 0 100px;
    }

    #mobile-day-events div {
        padding: 10px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    .fc-toolbar-title {
        margin: 0 !important;
    }
}