@charset "utf-8";
/*===========================================
popup program
===========================================*/
body{
    background-color:#fff;
}
.btn{
    background-image:url(../images/icon_file@2x.png?v=20190821);
    background-repeat:no-repeat;
    background-position:15px 50%;
    background-size:16px 16px;
    padding-left:38px;
}
.btn[href *='.pdf']{background-image:url(../images/icon_pdf@2x.png?v=20190821);}
.btn[href *='.doc'], .btn[href *='.docx']{background-image:url(../images/icon_word@2x.png?v=20190821);}

.btnFull{
    position:absolute; top:10px; right:10px;
}

.popupAgendaTitle{
    margin:0;
    padding:10px 170px 0 0;
    color:#1ea1f3;
    font-size:1.5rem;
}
.popupAgendaInfo{
    padding:10px 0;
    line-height:1.4;
}
    .agendaContent thead th{
        text-align:center;
        padding:5px 15px;
        white-space:nowrap;
    }
    .agendaContent tbody th{
        font-size:.875rem;
        padding:15px;
        vertical-align:top;
    }
    .agendaContent tbody td{
        line-height:1.2;
        padding:15px;
    }
        .agendaTime{
            white-space:nowrap;
        }
        .agendaTitleTw{
            color:#000;
            font-size:1.125rem;
        }
        .agendaTitleEn{
            color:#666;
        }
        .agendaContent p{
            margin:5px 0 0;
        }
        .agendaAuthor{
            font-size:.875rem;
        }
        .agendaContent .btnAgenda{
            white-space:nowrap;
            padding-left:38px; padding-right:15px;
        }
@media screen and (max-width:992px){
    .popupAgendaTitle{
        padding:15px 190px 0 10px;
    }
    .popupAgendaInfo{
        padding:10px;
    }
}
@media screen and (max-width:576px){
    .btnFull{
        position:static;
        display:block;
        margin:15px;
    }
    .popupAgendaTitle{
        font-size:1.125rem;
        padding-right:10px;
    }
    .agendaContent thead{
        display:none;
    }
    .agendaContent tbody tr{
        display:block;
        padding:0 10px 15px;
        border-top:1px solid #ddd;
    }
        .agendaContent tbody th,
        .agendaContent tbody td{
            display:block;
            width:100%;
            padding:5px 0;
            position:relative;
            text-align:left;
            border:none;
        }
        .agendaContent tbody th{
            margin-bottom:10px;
        }
            .agendaTime{
                display:block;
                color:brown;
                background:url(../images/menu_icon-program@2x.png) 0 50% no-repeat;
                background-size:16px 16px;
                padding-left:24px;
            }
}