@charset "utf-8";

table{
table-layout: fixed;
width:100%;
}
table th,
table td {
table-layout: fixed;
}
table th{
text-align:left
}

/* ================================================================================ */
/*      hyo1     */  
/* ================================================================================ */
table.hyo1{
margin-bottom:24px;
border:1px solid #ccc;
background:#fff;
}
table.hyo1 caption{
font-size:100%;
line-height:1.85;
font-weight:bold;
padding-left:6px;
}

table.hyo1 th,
table.hyo1 td{
border:1px solid #ccc;
padding:6px 12px;
color:#333333;
text-overflow: ellipsis;
white-space: pre-wrap;
word-wrap: break-word;
border-left:none;
}
table.hyo1 td{
border-right:none;
}
table.hyo1 th{
background-color: rgba(255,229,238,0.3);
}
.thw30 th{
width:30%;
}


@media (max-width: 767px) { 
#css{width:auto;}

table{
width:98%;
margin:auto;
border:none 0;
background:#fff;
}
table.hyo1 th,
table.hyo1 td{
display:block;
border-left:none 0;
border-right:none 0;
border-top:none 0;
}
.thw30 th{
width:auto;
border:none 0;
}
}