@charset "utf-8";

/**/
html{
    width:100%;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
body {
    background-color: #fff0eb;
    text-align: left;
    color:#333;
    padding-bottom:5px;
}
.container01{
    width:90%;
    max-width:700px;
    margin:auto;
}
.ttl01{
    text-align:left;
    line-height:1.5;
    font-size:12pt;
    font-weight:bold;
    color:#8D3630;
    margin-bottom:5px;
}
.caption01{
    text-align:left;
    line-height:1.5;
    font-size:12px;
    margin-bottom:5px;
}
#wbgtTable {
    width:100%;
    border-collapse: collapse;
    margin:0;
    background-color:#fff;
    text-align: center;
}
#wbgtTable th,
#wbgtTable td {
    border: 1px solid gray;
    padding:0;
    font-size: 12px;
    width:12.5%;
    height:20px;
}
#wbgtTable th:nth-of-type(1) {
    width:25%;
}
#wbgtTable th {
    background-color: lightgray;
    font-size: 10px;
    font-weight: normal;
}
#wbgtTable td {
    font-weight: bold;
}
#wbgtTable td.dangerous,
#wbgtTable td.severelyAlert,
#wbgtTable td.alert,
#wbgtTable td.caution,
#wbgtTable td.safe {
    height:40px;
}
.dangerous {
    background-color: #DF0000;
    color:#fff;
}
.severelyAlert {
    background-color: #FFB633;
} 
.alert {
    background-color: #FAFF59;
} 
.caution {
    background-color: #C2EEFF;
} 
.safe {
    background-color: #FFFFFF;
}
@media (min-width:768px) {
    #wbgtTable th,
    #wbgtTable td {
        font-size: 14px;
        height:30px;
    }
    #wbgtTable th {
        font-size: 12px;
    }
    #wbgtTable td.dangerous,
    #wbgtTable td.severelyAlert,
    #wbgtTable td.alert,
    #wbgtTable td.caution,
    #wbgtTable td.safe {
    height:50px;
    }
}