@CHARSET "UTF-8";

body
{
    background-color : #ffffff ;
    font-family      : "MS PMincho", "Hiragino Mincho Pro", serif ;
    font-style       : normal ;
    font-variant     : normal ;
    font-weight      : normal ;
    font-stretch     : normal ;
    font-size        : medium ;
    font-size-adjust : none ;
}

h1 { text-align : center ; }

:link { color : #0000ff ; }

*.clsLblBox
{
    padding    : 1.5em 0 0.5em 0 ;
    text-align : center ;
}

*.clsImgBox
{
    text-align : center ;
    /* align-self : end ; */
}

*.clsImgBody { width : 100% ; }


@media screen and ( min-width : 481px )
{
    *.clsPhotoArea
    {
        width                 : 800px ;
        margin                : auto ;
        display               : grid ;
        grid-template-columns : 48% 48;
        grid-column-gap       : 4% ;
        grid-template-rows    : auto auto auto ;
        background-color      : transparent /* lightyellow */ ;
    }


    *.clsLnkBox
    {
        display    : inline-block ;
        text-align : center ;
        padding    : 0.5em 0 0.5em 0 ;
    }

    *.clsLblBox_1 { grid-area :  1 / 1 / span 1 / span 1 ; }
    *.clsLblBox_2 { grid-area :  1 / 2 / span 1 / span 1 ; }

    *.clsImgBox_1 { grid-area :  2 / 1 / span 1 / span 1 ; }
    *.clsImgBox_2 { grid-area :  2 / 2 / span 1 / span 1 ; }

    *.forMbl { display : none ; }
}


@media screen and ( max-width : 480px )
{
    h1 { font-size : x-large ; }

    *.clsPhotoArea
    {
        width            : 90% ;
        margin           : auto ;
        background-color : transparent /* lightyellow */ ;
    }

    *.clsImgBox
    {
        /* padding : 0 0 1em 0 ; */
    }

    *.clsLnkBox { display : none ; }

    *.forPC { display : none ; }
}