@charset "utf-8";

h2
{
    font-size     : large ;
    margin-bottom : 0 ;
}

/* *.clsDate  { background-color : lightpink ; } */
/* *.clsEvent { background-color : lightgreen ; } */
/* *.clsPlace { background-color : cyan ; } */

#col31 { width : 6em ; }
/* #col32 {} */

*.clsTerm
{
    background-color : transparent /* palegreen */ ;
    padding-bottom   : 0.5em ;
}

*.clsChief
{
    background-color : transparent /* cyan */ ;
    padding-bottom   : 0.5em ;
}


/* For PC or Tablet */
@media screen and ( min-width : 481px )
{
    *.clsCntntArea { margin : 0 0 0.5em 2em ; }

    *.clsDate  { display : inline-block ; width : 17em ; }
    *.clsEvent { display : inline-block ; width : 13em ; }
    *.clsPlace { display : inline-block ; }

    #idTblChief { margin : 0 0 0 2em ; }
}


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

    *.clsCntntArea { margin : 0 0 0.5em 0 ; }

    *.clsDate  { display : block ; }
    *.clsEvent { display : block ; padding-left : 2em ; }
    *.clsPlace { display : block ; padding-left : 2em ; }

    #idTblChief { margin : 0 0 0 0 ; }
}