h1{float:left; margin:8px 0 0 0; padding: 0 0 0 5px; width:100%; line-height: 1;font-weight: normal; font-size: 1.4rem; color: #63af1c; text-align: left; }

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




/*リスト*/
.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-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: 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;}





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