@charset "utf-8";
/* CSS Document */
/* ----- download.css ----- */
/* download css */


/* --- ダウンロードテーブル全体 --- */
.download-table-wrap {
    width: 100%;
    overflow-x: hidden;
    padding-left: 20px !important;
}

/* --- 標準テーブルレイアウト--- */
.download-table {
    width: 100%;
    border-collapse: collapse;
}
/* --- iFrame 周りの余白を削除 ---*/
.iframe-wrap {
    width: 100% !important;
    padding-left: 20px !important;
    border-right: 1px solid #DDD;
}

.download-table thead {
    background: #eee;
    text-align: center;
    vertical-align: middle;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 1px solid #dedede;
}

.download-table tr {
}

.download-table td {
    background: #ffffff;
    text-align: center;
    vertical-align: middle;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border: 1px solid #dedede;
}

.download-table td::before {
}

.download-table button {
    display: block;
    margin: 0.5em auto; 
    padding: 0; 
    color: #0039ae; 
    font-weight: bold; 
    font-size: 1.0em; 
    width: 8em; height: 2.0em; 
    text-decoration: none; 
    border-radius: 4px; 
    border: 1px solid #0039ae; background-color: #dbe9f8;
}


/* --- スマホ用レイアウト --- */
@media screen and (max-width: 480px) {

    /* テーブルをカード型に変更 */
    .download-table thead {
        display: none;
    }

    .download-table tr {
        display: block;
        margin-bottom: 1em;
        border: 1px solid #dedede;
        padding: 1em;
    }

    .download-table td {
        display: block;
        width: 100% !important;
        text-align: left !important;
        border: none !important;
        padding: 0.3em 0 !important;
    }

    .download-table td::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 0.2em;
        color: #333;
    }

    /* ダウンロードボタンを100%幅 */
    .download-table button {
        width: 100% !important;
    }

}

/* --- iframe 100%幅固定 --- */
.iframe-wrap iframe {
    width: 100% !important;
    max-width: 100%;
    border: 1px solid #DDD;
}