/* モーダル全体の重なり */
.custom-modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.7);
    display: none; /* 初期は非表示 */
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

/* モーダルのコンテンツエリア */
.custom-modal-content {
    width: 90%;
    max-width: 900px;
    height: 80vh;
    background: #fff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

/* 閉じるボタン */
.custom-modal-close {
    position: absolute;
    top: 10px; right: 20px;
    font-size: 30px;
    cursor: pointer;
    z-index: 10000;
}

/* 記事を表示する枠 */
.custom-modal-iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* モーダル表示の時だけ隠す */
body.is-modal .area1,
body.is-modal .area5 {
    display: none !important;
}
body.is-modal.dev-sp .cms-public .article-content {
    margin: 5em 0.5em 3em;
}
body.is-modal .cms-public .back-page-link {
    display: none;
}

.unscrollable {
  overflow: hidden;
}