@charset "utf-8";

    .youtube__container{
        position: relative;
        width: 100%;
        height: 56.25%;
        /*
        max-width: 960px;
        max-height: 540px;
        */
        max-width: 3840px;
        max-height: 2160px;
        margin-bottom: 0%;
        padding-bottom: 56.25%; /* 16:9の比率 */
        height: 0;
    }

    .youtube__container iframe{
        max-width: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        left: 10%;
        width: 80%;
        height: 80%;        
    }


    @media screen and (min-width: 981px)
    {
    }

    /* -- -------------------------------------------------------------- -- */

    /* タブレット用 */
    @media screen and (min-width: 481px) and (max-width: 980px) 
    {
    }
    /* -- -------------------------------------------------------------- -- */
   

    /* スマートフォン用 */
    @media screen and (max-width:480px)
    {
    }