﻿body:has(.iziModal-overlay) {
    /*TODO: モーダル表示中は親画面のスクロールを無効にしたいが、それだと幅が変わりチラつくため対応必要*/
    /*overflow: hidden;*/
}

.eneluke-iziModal.iziModal {
    border-radius: 20px !important;
}

    .eneluke-iziModal.iziModal .iziModal-header {
        min-height: 85px;
        height: auto;
        padding: 10px 15px 12px 15px !important;
        background-color: #f9f9f9 !important;
        box-shadow: unset;
        display: grid;
        grid-template-columns: 1fr auto;
        justify-items: center;
        align-items: center;
        overflow: visible;
    }

        .eneluke-iziModal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
            grid-row: 1;
            grid-column: 1 / -1;
            color: #003686;
            font-size: 24px;
            font-weight: bold;
        }

        .eneluke-iziModal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
            grid-row: 1;
            grid-column: 2;
            position: unset;
            justify-self :end;
        }

        .eneluke-iziModal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
            height: 60px;
            width: 60px;
            background: url(../../img/btn_close_pc.svg) no-repeat 50% 50%;
            opacity: 0.8;
        }

        .eneluke-iziModal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button-close {
            pointer-events: none;
        }

            .eneluke-iziModal.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button-close.active {
                pointer-events: auto;
            }