/* ポップアップを載せる親要素の設定 */
.delivery-popup {
    position: relative;
    display: inline-block;
    color: #1a73e8; /* タイトルの色 */
    cursor: pointer;
    text-decoration: underline;
}

/* ポップアップ中身（初期状態は非表示） */
.delivery-popup .popup-content {
    display: none;
    position: absolute;
    left: 0;
    top: 1.2em; /* 文字のすぐ下に配置 */
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #ccc;
    padding: 8px 12px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 9999; /* 他の要素より必ず前面に出す */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
    font-size: 13px; /* ポップアップ内の文字サイズ */
    line-height: 1.6;
}

/* マウスホバー時に表示 */
.delivery-popup:hover .popup-content {
    display: block;
}

/* ポップアップ内のリンク設定 */
.delivery-popup .popup-content a {
    color: #1a73e8 !important;
    text-decoration: none;
    font-weight: bold;
}
.delivery-popup .popup-content a:hover {
    text-decoration: underline;
}