h1{float:left; width: 96%; margin:10px 2% 0 2%;  padding: 10px 2% 8px 2%; font-size: 2.2rem; line-height: 1.2; border:#63af1c solid; border-width: 2px 0px; }
h1 span{ margin:0 0 0 5px; font-size: 1.4rem; }

h2{ float: left; width: 100%; margin:20px 0 0 0 ; padding: 0 4%; font-size: 1.8rem; }
/*menu*/
.menu{ float: left; width: 100%; padding: 0 3%; margin:10px 0 0 0;  }
.menu-box{ float: left; width: 100%; }
.menu-btn{ float: left; margin:0 2px 2px 0; padding: 6px 10px 5px 10px; border-radius: 2px; line-height: 1; font-size: 1.4rem;border:#4790DA solid 1px; }
.menu-btn-on{ background-color:#4790DA; color: #FFF;  }
.menu-btn-off{ color: #4790DA}
.menu-syumoku{ float: left; width: 100%;  }
.menu-area{ float: left; width: 100%; margin:0; }
.menu-btn:hover{ cursor: pointer; background-color:#66A7E8; color: #FFF;  }

/*リスト*/
.t{ float: left; width: 100%; margin:10px 0 0 0; padding: 0 3%; }
.t-box{ float: left; width: 100%; padding: 5px 2%; margin:0 0 5px 0; border-radius: 2px; border:#A4CE9D solid 1px; }
.t-name{ float: left; width: 100%; margin:3px 0 0 0; font-weight: bold; font-size: 1.8rem; line-height: 1.2; }
.t-name-cancel{ color: #999; }
.t-name-cancel-icon{ color: #FF6D6D; }
.t-data{ float: left; width: 100%; margin:3px 0 0 0; font-size: 1.4rem; }
.t-box-now{ background-color: #FFF1F1; }
.t-st-icon{ float: left; display: inline-block; margin:3px 0; background-color: #FF3D3D; color: #FFF; padding: 5px 10px 4px 10px; border-radius: 2px; line-height: 1; font-size: 1.3rem; }
.t-syumoku-icon img{ vertical-align: middle; margin: 0 3px 0 0; }
.t-syumoku-icon-1{ color:#3aabd2;  font-weight: bold; }
.t-syumoku-icon-2{ color:#df5656;  font-weight: bold;}
.t-syumoku-icon-3{ color:#57af6b;  font-weight: bold;}


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