@charset "utf-8";

/* カスタムスタイル（任意） */
.mfp-container .mfp-s-ready .mfp-inline-holder {
    position: relative;
}

.mfp-content {
    vertical-align: middle;
}

.white-popup {
    margin: auto;
    background: #fff;
    padding: 2px;
    border-radius: .5rem;
    max-width: calc(100% - 40px);
    position: relative;
}

@media screen and (min-width: 768px) {
    .white-popup {
        max-width: 420px;
    }
}

.white-popup img {
    width: 100%;
    border-radius: 0 0 .5rem .5rem
}

/* 閉じるボタンのアクセシビリティ強化 */
.mfp-close {
    font-size: 28px;
    line-height: 1;
}

.mfp-close-btn-in .mfp-close {
    color: #000;
}