.downloadWrapper {
    font-family: "futura-pt", "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
        "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: url("/assets/common/img/bg-lightbox.png") top center no-repeat
        #fff;
    background-size: cover;
    border-radius: 10px;
    width: min(88vw, 600px);
    max-height: 90vh;
    overflow: auto;
}
.downloadWrapper h1 {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
        sans-serif;
    font-size: clamp(16px, 6vw, 34px);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b2b2b2;
    line-height: 100%;
    text-align: center;
}
.downloadWrapper .error-text {
    text-align: center;
    color: #696969;
    padding: 0px 0px;
    font-size: clamp(13px, 2vw, 15px);
    text-align: left;
}
.downloadWrapper h2 {
    padding: 0 20px 10px;
    font-size: clamp(13px, 2vw, 15px);
    font-weight: bold;
}
.downloadWrapper .dl-area {
    padding: 0px 20px 10px;
    font-size: clamp(10px, 3vw, 15px);
    max-width: 80%;
    margin: auto;
}
.downloadWrapper .dl-area a {
    text-decoration: underline;
    color: #ff0000;
    font-size: clamp(10px, 1.4vw, 12px);
    font-weight: bold;
}

.downloadWrapper .dl-area .half-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 12px;
    max-width: 100%;
}

.downloadWrapper .dl-area .half-wrap article {
    display: grid;
    place-items: center;
    padding: 6px 0;
    min-height: auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
}
.downloadWrapper .dl-area .half-wrap article a:not([href]) {
    opacity: 0.6;
}
.downloadWrapper .dl-area .half-wrap article a {
    display: block;
}
.downloadWrapper .dl-area .half-wrap article.scholar-only-version-box {
    text-align: center;
    margin: 10px 0 0 0;
}
.downloadWrapper .dl-area .half-wrap article.scholar-only-version-box.pt {
    margin: 10px 0 0 0;
    max-width: 48%;
    width: 48%;
}
.downloadWrapper .dl-area .half-wrap article.scholar-only-version-box.pt img {
    margin: 0 auto;
    display: block;
}
.downloadWrapper .dl-area img {
    display: block;
    height: clamp(auto, 6vw, 78px);
    width: auto;
    margin: 0; /* ← 中央が広がる原因の margin-right を削除 */
    pointer-events: none;
}

.downloadWrapper .dl-area img.bnr-apple {
    width: auto;
    height: clamp(42px, 6.5vw, 78px);
    display: block;
    margin: 0 auto;
}
.downloadWrapper .spec {
    padding: 0 20px 12px;
    font-size: clamp(10px, 3vw, 14px);
}
.downloadWrapper .spec .spec-box {
    margin-bottom: 20px;
    word-break: break-word;
}
.downloadWrapper .spec .spec-box .text-hash {
    margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
    .downloadWrapper h2 {
        padding: 20px 45px 10px;
    }
    .downloadWrapper .dl-area {
        padding: 0 45px 0px;
    }
    .downloadWrapper .dl-area .half-wrap article {
        max-width: 100%;
    }
    .downloadWrapper .spec {
        padding: 0 45px 12px;
    }
    .downloadWrapper .dl-area .half-wrap {
        column-gap: 20px;
        row-gap: 14px;
    }
    .downloadWrapper .dl-area .half-wrap article {
        min-height: 96px; /* 大きめに統一 */
    }
    .downloadWrapper .dl-area img,
    .downloadWrapper .dl-area img.bnr-apple {
        height: auto;
    }
}