.step_box{
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

.sb__item{
  position: relative;
  width: 160px;
  height: 26px;
  text-align: center;
  padding-left: 10px;
  float: left;
  border-left: 2px solid #ffffff; /* 間隔になる */
  font-size: 12px;
  line-height: 26px;
  color: white;
}
.sb__item.step--todo{
  background: #DE8650;
}
.sb__item.step--todo:after{
  border-left: 10px solid #DE8650;
}

.sb__item.step--done {
  background: #1B7E5A;
}
.sb__item.step--done:after {
  border-left: 10px solid #1B7E5A;
  z-index: 1;
}

.sb__item.is_disabled {
  background: #eee;
  color: #999999;
}
.sb__item.is_disabled:after {
  border-left: 10px solid #eee;
}

/* 右のでっぱり三角 */
.sb__item:after{
  content: "";
  position: absolute;
  left: 170px;     /* .step#width + .step#padding-left = 80px */
  top: 0;
  width: 0;
  border-top: 13px solid transparent; /* .step#heightの半分 */
  border-bottom: 13px solid transparent; /* .step#heightの半分 */
  border-left: 10px solid #eee;    /* とんがり具合　*/
}

/* 左のひっこみ三角 */
.sb__item:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #ffffff;
}

.todolist-category-large, .todolist-category-small {
  padding-left: 1.5em;
}

.todolist-category-large > span, .todolist-category-small > span{
  cursor: pointer;
}

.todolist-category-large > span:hover, .todolist-category-small > span:hover{
  background-color: #aed0ea;
}

.todolist-your-case {
  background-color: #ffcd00;
}

.tt__cell--subject{
  margin-top: 10px;
}

.showdone {
  margin-top: 5px;
}

.step__change_handler {
  /*cursor: pointer;*/
}

.todolist_table {
  border: none;
  width: 100%;
  margin-left: 0;
  /*margin-top: -13px;*/
}

.todolist_table th,
.todolist_table td {
  border: none;
  padding: 0;
  background-color: transparent;
}

.case-registed-row td:first-child{
  position: relative;
}
.case-registed-row  td:first-child:before{
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -32px;
  background: url(../img/bulb1.png) top left no-repeat;
  background-size: contain;
}

.todolist_table .tt__cell {
  border: 1px solid #dce4ec;
  padding: 2px;
}

tr.tt__row--large_category,
tr.tt__row--small_category {
  cursor: pointer;
}

td.tt__cell.tt__cell--large_category,
td.tt__cell.tt__cell--small_category {
  background-image: url("../../../images/icons/001_26.png");
  background-repeat: no-repeat;
  padding-left: 30px;
}
.menu-close td.tt__cell--large_category,
.menu-close td.tt__cell--small_category {
  background-image: url("../../../images/icons/001_25.png");
  background-repeat: no-repeat;
  padding-left: 30px;
}

th.tt__cell.tt__cell--empty {
  border: none;
}

.tt__cell--empty {
  width: 22px;
}

.tt__cell--checkbox {
  text-align: center;
  width: 7em;
  vertical-align: middle;
}

.todolist_table {
  counter-reset: large-category-number;
}
.tt__row--large_category{
  counter-reset: small-category-number;
}
.tt__cell--large_category__name:before {
  counter-increment: large-category-number;
  content: counter(large-category-number)".";
}
.tt__cell--small_category__name:before {
  counter-increment: small-category-number;
  content: counter(small-category-number)")";
}
.tt__cell--checkbox.tt__cell--done {
  background-color: #e3f9f1;
}
.tt__cell--checkbox.tt__cell--done.is_disabled {
  background-color: #D7D4D0;
}
th.tt__cell--done {
  background-color: #1B7E5A;
  color: white;
  width: 7em;
}
th.tt__cell--done.is_disabled {
  background-color: #7b7b7b;
}
th.tt__cell--done.is_disabled:hover {
  background-color: #3A5149;
}

.tt__cell--checkbox.tt__cell--todo {
  background-color: #fbf3ed;
}
.tt__cell--checkbox.tt__cell--todo.is_disabled {
  background-color: #D7D4D0;
}
th.tt__cell--todo {
  background-color: #DE8650;
  color: white;
  width: 7em;
}
th.tt__cell--todo.is_disabled {
  background-color: #7b7b7b;
}
th.tt__cell--todo.is_disabled:hover {
  background-color: #93522A;
}

.tt__cell--large_category {
  font-weight: bold;
}

.tt__cell--small_category {
}


.case-registed-row {
  border-left: 6px solid #F6931C;
}

.todolist_title {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
}

.tt__cell.is_disabled {
  background-color: #D7D4D0;
}

.tt__cell.is_disabled.step__change_handler {
  background-color: #7B7B7B;
}
.tt__cell.is_disabled.step--done:hover {
  background-color: #3A5149;
}
.tt__cell.is_disabled.step--todo:hover {
  background-color: #93522A;
}

.step__change_handler--btn.is_disabled {
  display: none;
}

/*メモテーブル(閲覧)*/
.memo_table {
  margin-left: 0;
  width: 100%;
  table-layout: fixed;
}

.mt__wrapper:not(:last-child) {
  margin-bottom: 10px;
}

.mt__cell {
  vertical-align: middle;
}

th.mt__cell--empty {
  width: 30px;
}

.mt--done .mt__cell,
.mt--done{
  border: 1px solid #33906F;
}
.mt--todo .mt__cell,
.mt--todo{
  border: 1px solid #E6A47B;
}

.mt--done .mt__head {
  background-color: #1B7E5A;
}
.mt--todo .mt__head {
  background-color: #DE8650;
}

.mt__head>.mt__cell {
  color: white;
}

.mt__head__memo2 {
  width: 6em;
}
.mt__head__memo3 {
  width: 10em;
}

.mt__cell > input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

th.tt__cell--theme {
  background-color: #1B7E5A;
  color: white;
  width: 7em;
}
.tt__div--content {
  margin: 5px 15px;
}
.tt__div--content__list__item {
  margin-left: 10px;
}
.tt__div--content__type {
  cursor: pointer;
}
.tt__div--content__type:before {
  content: '　';
  background-image: url("../../../images/icons/001_26.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  display: inline-block;
}
.tt__div--content__type.menu-close:before {
  background-image: url("../../../images/icons/001_25.png");
}
.tt__div--content__type.no-accordion:before {
  background-image: none;
}
.tt__div--content__list--method,
.tt__div--content__list--method td {
  border: 1px solid #33906F;
}
.tt__div--content__list--research,
.tt__div--content__list--research td {
  border: 1px solid #E6A47B;
}
.tt__div--content__list--database,
.tt__div--content__list--database td {
  border: 1px solid #9CA3F2;
}
.tt__div--content__list--case,
.tt__div--content__list--case td {
  border: 1px solid #9644B4;
}
td.tt__div--content__list__item {
  border-width: 1px 0px 1px 1px;
}
table.tt__div--content__list {
  margin-left: 25px;
}
.tt__div--content__list td {
  padding: 5px 5px;
}
td.tt__div--content__list__item:before {
  content: "・";
}
.tt__div--content__type--title {
  display: inline-block;
  width: 120px;
}
.tt__div--subject--title {
  background-image: url("../../../images/icons/001_26.png");
  background-repeat: no-repeat;
  padding-left: 30px;
  background-size: contain;
  cursor: pointer;
}
.tt__div--subject--title.menu-close {
  background-image: url("../../../images/icons/001_25.png");
}
.contents_icon {
  width: 25px;
}

.input_submit {
    background-color: #DBF6E7;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 4px 20px;
}

.input_cancel {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 4px 10px;
}