.btn-custom-red {
    --bs-btn-color: var(--bs-white) !important;
    --bs-btn-bg: #b42222 !important;
    --bs-btn-border-color: #b42222 !important;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e15252;
    --bs-btn-hover-border-color: #e04848 !important;
    --bs-btn-focus-shadow-rgb: 44, 122, 187;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #e35d5d;
    --bs-btn-active-border-color: #e05748;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #dc3434;
    --bs-btn-disabled-border-color: #dc3434;
}

.btn-custom-green {
    --bs-btn-color: var(--bs-white) !important;
    --bs-btn-bg: #22b461 !important;
    --bs-btn-border-color: #22b43a !important;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #52e159;
    --bs-btn-hover-border-color: #55e048 !important;
    --bs-btn-focus-shadow-rgb: 44, 122, 187;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #5de35d;
    --bs-btn-active-border-color: #48e04f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #34dc4a;
    --bs-btn-disabled-border-color: #5edc34;
}

img[id^="is-sensitive-image"], video[id^="is-sensitive-video"] {
    position: relative;
    visibility: hidden;
    z-index: 99;
}

.is-sensitive {
    position: absolute;
    color: #fff;
    font-size: 1.5rem;
    top: 50%;
    left: 35%;
    transform: translate(-50%,-35%);
    background: #000;
    padding: 5% 5% 15% 5%;
    max-height: 30vh;
    z-index: 100;
    @media only screen and (max-width: 767px) {
        max-height: 30vh;
        max-width: 40vh;
    }
}

.show-sensitive {
    position: absolute;
    color: #fff;
    font-size: 1.8rem;
    top: 85%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #000;
    align-items: center;
    justify-content: center;
    width: 70%;
    max-width: 320px;
    height: 20px;
    padding: 2px 6px;
    font-family: sans-serif;
    font-size: 10px;
    text-align: center;
    overflow-wrap: anywhere;
    background-color: #696969;
    border-radius: 10px; /* (buttonの高さ / 2) の値 */
    @media only screen and (max-width: 767px) {
        top: 90%;
    }
}