@charset "utf-8";

/*
 * 協会けんぽ巡回特定健診：モバイル版の関連ページ・フッター調整
 * PC版の表示には影響させない。
 */
.kenpo-mobile-related,
.kenpo-mobile-footer {
    display: none;
}

@media screen and (max-width: 767px) {
    /* PC用サイドメニューはモバイルでは下部の「関連ページ」に置き換える。 */
    #side {
        display: none !important;
    }

    .kenpo-mobile-related {
        display: block;
        width: 100%;
        box-sizing: border-box;
        clear: both;
        margin: 16px 0 0;
        padding: 0 10px 18px;
        background: #fff;
    }

    .kenpo-mobile-related-inner {
        width: 250px;
        max-width: 100%;
        margin: 0 auto;
    }

    .kenpo-mobile-related h3 {
        margin: 0 0 10px;
        padding: 7px 10px;
        border-left: 4px solid #009fe3;
        background: #eef8fc;
        color: #00609c;
        font-size: 15px;
        line-height: 1.4;
        font-weight: bold;
        box-sizing: border-box;
    }

    .kenpo-mobile-related-links,
    .kenpo-mobile-related-links ul.menu {
        width: 250px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .kenpo-mobile-related-links ul.menu {
        list-style: none;
    }

    .kenpo-mobile-related-links li {
        margin-left: 0;
    }

    /* 既存サイトの smenu01～04 の画像・背景をそのまま利用する。 */
    .kenpo-mobile-related-links .sbox1,
    .kenpo-mobile-related-links .sbox3 {
        width: 250px;
        max-width: 100%;
    }

    /* PC用の詳細フッターを非表示にし、info-kk と同じ簡易フッターへ切り替える。 */
    #footer {
        display: none !important;
    }

    .kenpo-mobile-footer {
        display: block;
        clear: both;
        width: 100%;
        box-sizing: border-box;
        border-top: 4px solid #008ecf;
        background: #f5f5f5;
        padding: 24px 12px 14px;
        text-align: center;
        color: #333;
        font-size: 11px;
        line-height: 1.7;
    }

    .kenpo-mobile-footer-name {
        margin: 0 0 12px;
        font-size: 11px;
        line-height: 1.6;
    }

    .kenpo-mobile-footer-name strong {
        font-size: 12px;
    }

    .kenpo-mobile-footer-links {
        margin: 0 auto 16px;
        line-height: 2;
        white-space: normal;
    }

    .kenpo-mobile-footer-links a {
        color: #337ab7;
        text-decoration: none;
        white-space: nowrap;
    }

    .kenpo-mobile-footer-links span {
        display: inline-block;
        margin: 0 5px;
        color: #999;
    }

    .kenpo-mobile-footer-copy {
        font-size: 9px;
        line-height: 1.5;
        color: #555;
    }
}