レスポンシブテーブル

■下ボーダー
pc

.responsive-table-ver2 table {
width: 100%;
border-collapse: collapse;
margin-right: auto;
margin-left: auto;
}

.responsive-table-ver2 th {
padding-top: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
text-align: left;
font-weight: normal;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

.responsive-table-ver2 td {
padding-top: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
text-align: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}

.responsive-table2-ver2 textarea {
width: 80%;
}

スマホ

.responsive-table-ver2 table {
width: 100%;
border-collapse: collapse;
}

.responsive-table-ver2 th {
padding: 10px 10px 0px;
text-align: left;
font-weight: normal;
}

.responsive-table-ver2 td {
padding: 0px 10px 10px;
text-align: left;
}

.responsive-table2-ver2 th {
display: block;
border: none;
font-weight: bold;
}

.responsive-table2-ver2 td {
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

.responsive-table2-ver2 tr:first-child th {
border: none;
}

.responsive-table2-ver2 textarea {
width: 100%;
}