@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
{
    font-weight : bold ;
    font-size   : large ;
    padding     : 0 0 0.5rem 0 ;
    text-align  : center ;
}

*.clsImgBox
{
    text-align : center ;
}

*.clsImgBody
{
    width : 100% ;
}

*.clsLnkBox
{
    padding    : 0.5rem 0 1rem 0 ;
    text-align : center ;
}


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

    *.clsPhotoArea_1
    {
        width                 : 300px ;
        grid-template-columns : 100% ;
    }

    *.clsPhotoArea_2
    {
        width                 : 640px ;
        grid-template-columns : 48% 48% ;
        grid-column-gap       : 4% ;
    }

    *.clsPhotoArea_3
    {
        width                 : 960px ;
        grid-template-columns : 32% 32% 32% ;
        grid-column-gap       : 2% ;
    }

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

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

    *.clsLblBox_3
    {
        grid-area : 1 / 1 / span 1 / span 3 ;
    }

    *.clsImgBox_11 { grid-area : 2 / 1 / span 1 / span 1 ; }
    *.clsImgBox_12 { grid-area : 2 / 2 / span 1 / span 1 ; }
    *.clsImgBox_13 { grid-area : 2 / 3 / span 1 / span 1 ; }

    *.clsLnkBox_11 { grid-area : 3 / 1 / span 1 / span 1 ; }
    *.clsLnkBox_12 { grid-area : 3 / 2 / span 1 / span 1 ; }
    *.clsLnkBox_13 { grid-area : 3 / 3 / 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
    {
        margin-top : 5px ;
    }

    *.clsLnkBox
    {
        display : none ;
    }

    *.forPC { display : none ; }
}