.offline_message {
    position: fixed;
    top: 0;
    width: 100%;
    background: var(--fit-color-attention);
    color: var(--fit-color-white);
    font-size: var(--fit-phrase-secondary);
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    z-index: 99999;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.offline_message span {
    display: inline-block;
}




/* 通知ポップアップ全体 */
.push_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
    padding: 40px;
    border-radius: 15px;
    color: var(--fit-color-white);
    max-width: calc(100% - 40px);
    min-width: 320px;

    animation: fadeInUp 0.3s ease-out;
    text-align: center;
}

/* メッセージ部分 */
.push_popup__message {
	margin-bottom: 20px;
	font-size: var(--fit-phrase-primary);
	line-height: var(--fit-line_height-main);
}

/* ボタンエリア */
.push_popup__buttons {
	display: flex;
	justify-content: center;
    flex-direction: column;
	gap: 20px;
    cursor: pointer;
}
.push_popup__buttons .btn {
	width: 100%;
    font-size: var(--fit-phrase-secondary);
    white-space: nowrap;
}

@media only screen and (min-width: 1000px){
    .push_popup__buttons {
        flex-direction: row;
    }
}