/*コートリスト*/
.c{ float: left; width: 100%; padding: 0 3%; margin:10px 0 0 0; }
.c-box{ float: left; width: 100%; margin:0 0 10px 0; }
.c-name{ float: left; width: 100%; font-weight: bold; font-size: 1.8rem; }
.c-data{ float: left; width: 100%; }
.c-pic{ float: left; width: 20%; margin:0 2% 0 0; }
.c-access{ float: left; width: 100%; margin:5px 0 0 0; line-height:1; font-size: 1.6rem; }
.c-box{ float: left; width: 100%; }

.c-box-right{ float: left; width: 64%; }
.c-surface-tbl{ float: left; width: 100%; margin:0 0 0 0; border-collapse: collapse; font-size: 1.4rem; }
.c-surface-tbl th{ font-weight: normal; padding: 3px 0;}
.c-surface-th-t{ background-color: #8A8A8A; color: #FFF; }
.c-surface-th-h{ background-color: #609DE7; color: #FFF; }
.c-surface-th-o{ background-color: #7DCB65; color: #FFF; }
.c-surface-th-c{ background-color: #BF6E60; color: #FFF; }
.c-surface-col{ width: 25%; }
.c-surface-tbl td{ text-align: center; }
.c-surface-tbl th,
.c-surface-tbl td{ border:#CFCFCF solid 1px; }
.c-surface-tbl td img{ display: block; }
.c-surface-day{ background-color: #FFF9EE;}
.c-surface-night{ background-color: #F7F8FF;}
.c-surface-val{ font-size: 2.2rem; }
.c-surface-val-on{ font-weight: bold; color: #FF4141; }
.c-surface-val-off{ font-weight: bold; color: #999; }

.c a:hover{ cursor: pointer; opacity: 0.6;  }

.c-net{ float: left; width: 100%; }
.c-net-icon{ display: inline-block; padding: 2px 5px; border-radius: 2px; font-size: 1.2rem; line-height: 1.2;}
.c-net-icon-on{ background-color: #FF3D5D; color: #FFF; font-weight: bold; }
.c-net-icon-off{ background-color: #A8A8A8; color: #FFF;  }