.facebook-area{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

.facebook-info{
    width:550px;
    /* width:350px; */
}


.facebook-info img{
    width:100%;
    height:auto;
    cursor: pointer;
    transition: 0.3s;
}

.ana-button {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 24px;
    background-color: #b8860b;   /* 通常時 */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}

.ana-button:hover {
    background-color: #8b6508;   /* カーソルを乗せた時 */
    color: #fff;                 /* 文字色も固定 */
}

.facebook-info img:hover{
    opacity: 0.85;
}
.ana-event {
    color: #007BFF;
    font-size: 1.2em;    /* 少し大きく */
    font-weight: bold;   /* 太字 */
}
.top-banner{
    margin:15px 0 25px 0;
    text-align:center;
}

.top-banner img{
    /* max-width:900px; */
    max-width:100%;
    /* border-radius:8px; */
    transition:0.3s;
}

.top-banner img:hover{
    opacity:0.85;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {

    .facebook-area {
        display: block;
    }

    .facebook {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .facebook iframe {
        max-width: 100%;
    }

    .facebook-info {
        width: 100%;
    }

    .facebook-info img {
        width: 100%;
        height: auto;
    }

    .ana-button {
        display: block;
        text-align: center;
        width: fit-content;
        margin: 20px auto;
    }
}