/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 29 2026 | 13:00:33 */
/* ===================================================
   
   =================================================== */

/* Lightning G3版：フッターの3ブロックの幅を固定して左右均等にする */
.site-footer-widgets .container > .row,
.site-footer-widgets .row {
    display: flex !important;
    justify-content: space-between !important; /* 左右の余白を均等にして綺麗に広げる */
    flex-wrap: wrap !important;
}

/* 3つのブロックそれぞれの横幅を約31.5%に固定（3列で綺麗に収まる計算） */
.site-footer-widgets .container > .row > [class*="col-"],
.site-footer-widgets .row > [class*="col-"] {
    flex: 0 0 31.5% !important;
    max-width: 31.5% !important;
    width: 31.5% !important;
}

/* スマホ表示（横幅767px以下）の時は崩れないよう1列（100%）にリセット */
@media (max-width: 767.98px) {
    .site-footer-widgets .container > .row > [class*="col-"],
    .site-footer-widgets .row > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 25px !important; /* ブロック同士の縦の隙間 */
    }
}





/* 特別支援学校向け：フッターのアクセシビリティ改善 */
.site-footer {
    font-size: 16px !important; /* 文字サイズを少し大きめにして視認性を確保 */
    line-height: 1.6 !important;
}

/* フッター内のリンク同士の間隔を広げ、指やマウスで押しやすくする（誤タップ防止） */
.site-footer ul li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dotted #cccccc; /* 境目をわかりやすく */
}

/* リンク文字に必ず下線をつけ、そこがボタン（リンク）であることを明確にする */
.site-footer a {
    text-decoration: underline !important;
}




/* フッター全体の背景色を#5c8da8に変更し、文字の視認性を確保 */
.site-footer {
    background-color: #5c8da8 !important; /* フッター全体の背景色 */
    color: #ffffff !important;             /* 全体の文字色を白に */
}

/* フッター内のリンク（文字）の色の調整 */
.site-footer a {
    color: #ffffff !important;             /* リンク文字も白に */
    text-decoration: underline !important; /* 読みやすさのため下線を強制 */
}

/* フッター内のリンクにマウスを乗せた（ホバー）時の色 */
.site-footer a:hover {
    color: #e6f2f8 !important;             /* 少し薄い水色に変化 */
}

/* 最下部のコピーライト（Copyright）エリアの調整 */
.site-footer-copyright {
    background-color: #4b7891 !important; /* 背景色より少しだけ濃い青にして引き締める */
    color: #ffffff !important;             /* コピーライトの文字色を白に */
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important; /* 境界線を追加 */
}

/* 先ほど配置したカスタムHTML内の受付時間（小さな注記）の文字色を白に変更 */
.footer-school-info .footer-contact span {
    color: #e6f2f8 !important;             /* 読みやすい薄水色に変更 */
}



/* 最下部のライセンス・コピーライトエリアを#5c8da8に変更 */
.site-footer-copyright {
    background-color: #5c8da8 !important; /* 背景色を統一 */
    color: #ffffff !important;             /* 文字色を白に */
  
    padding: 20px 0 !important;            /* 上下の余白を少し広げて押しやすく */
}

/* ライセンスエリア内にあるリンク文字の調整 */
.site-footer-copyright a {
    color: #ffffff !important;
    text-decoration: underline !important;
}