/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2025 | 08:46:50 */
/* モーダル */
#yt-short-modal {
    position: fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    display: none;

    /* ここで中央揃え */
    justify-content: center;
    align-items: center;

    display: flex; /* これが必要 */
    z-index: 9999;
}

#yt-short-overlay {
    position: absolute;
    top:0; left:0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.7);
}

#yt-feed-content {
    position: relative;
    z-index: 1000;
    width: auto; /* JSで幅を設定するのでautoでOK */
    max-width: 100%;
    display: flex;
    justify-content: center; /* iframeを中央に */
    align-items: center;     /* iframeを縦中央 */
}


#yt-feed-content iframe {
    width: 100%;
    aspect-ratio: 16 / 9; /* iframeの縦横比はJSで調整されます */
    border: none;
    border-radius: 8px;
}