@charset "utf-8";

#event_all_text {
    font-size: 13px; /* PCでの文字サイズ */
    text-align: center;
}

.event_image-container {
    display: flex;
    /*justify-content: space-between;*/
    justify-content: center;
    align-items:center;
    gap:5px;
}

.event_image-container img {
    max-width: 30%;
    max-height: 300px;
    margin: 5px;
}

.event_top_image{
    max-width:100%;
    height:300px;
    align-items: center;;
}

iframe{
    text-align: center;
    align-items: center;
}

.event_map_aling{
    max-width: 100%;
    max-height: 300px;
    align-items: center;
}

/* スマホや小さい画面でのスタイル変更 */
@media (max-width: 768px) {
    #event_all_text {
        font-size: 11px; /* スマホでの文字サイズ */
        text-align: center;
    }

    .event_image-container {
        display: block;
    }

    .event_image-container img {
        max-width: 100%;
        /*margin-bottom: 10px;*/
        /*margin: 5px;*/
    }
    .event_top_image{
        max-width:100%;
        height:auto;
        align-items: center;;
    }
    
    iframe{
        text-align: center;
        align-items: center;
    }
    .event_map_aling{
        max-width: 100%;
        align-items: center;
    }
}