/* 「テストシナリオ」タブボタンのwidthサイズ別の設定 120px ※改行対応 */
.tab-buttons_test_scenario span.content_test_scenario3, span.content_test_scenario5{
  font:400 14px 'open sans',sans-serif;
  cursor:pointer;
  display:block;
  width:120px;
  float:left;
  text-align:center;
  height:60px;
  line-height:30px;
  border-bottom:1px solid #ddd;
}

/* 「テストシナリオ」タブボタンのwidthサイズ別（120px）の設定 */
.tab-buttons_test_scenario span.content_test_scenario2, span.content_test_scenario4{
  font:400 14px 'open sans',sans-serif;
  cursor:pointer;
  display:block;
  width:120px;
  float:left;
  text-align:center;
  height:60px;
  line-height:60px;
  border-bottom:1px solid #ddd;
}

/* 「テストシナリオ」タブボタンのwidthサイズ別（150px）の設定 ※改行対応 */
.tab-buttons_test_scenario span.content_test_scenario1{
  font:400 14px 'open sans',sans-serif;
  cursor:pointer;
  display:block;
  width:150px;
  float:left;
  text-align:center;
  height:60px;
  line-height:30px;
  border-bottom:1px solid #ddd;
}

/* 「テストシナリオ」タブボタンのwidthサイズ別（170px）の設定 ※改行対応 */
.tab-buttons_test_scenario span.content_test_scenario6, span.content_test_scenario8{
  font:400 14px 'open sans',sans-serif;
  cursor:pointer;
  display:block;
  width:170px;
  float:left;
  text-align:center;
  height:60px;
  line-height:30px;
  border-bottom:1px solid #ddd;
}

/* 「テストシナリオ」タブボタンのwidthサイズ別（180px）の設定 ※改行対応 */
.tab-buttons_test_scenario span.content_test_scenario7{
  font:400 14px 'open sans',sans-serif;
  cursor:pointer;
  display:block;
  width:190px;
  float:left;
  text-align:center;
  height:60px;
  line-height:30px;
  border-bottom:1px solid #ddd;
}

#lamp_test_scenario{
  width:120px;
  height:3px;
  background:#07ADDC;
  display:block;
  position:absolute;
  top:59px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario1{
  left:0px;
  width:150px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario2{
  left:150px;
  width:120px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario3{
  left:270px;
  width:120px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario4{
  left:390px;
  width:120px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario5{
  left:510px;
  width:120px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario6{
  left:630px;
  width:170px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario7{
  left:800px;
  width:190px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario8{
  left:990px;
  width:170px;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario1_hover{
  left:0px;
  width:150px;
  background:gray;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario2_hover{
  left:150px;
  width:120px;
  background:gray;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario3_hover{
  left:270px;
  width:120px;
  background:gray;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario4_hover{
  left:390px;
  width:120px;
  background:gray;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario5_hover{
  left:510px;
  width:120px;
  background:gray;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario6_hover{
  left:630px;
  width:170px;
  background:gray;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario7_hover{
  left:800px;
  width:190px;
  background:gray;
  transition: all .3s ease-in;
}

#lamp_test_scenario.content_test_scenario8_hover{
  left:990px;
  width:170px;
  background:gray;
  transition: all .3s ease-in;
}

.annotation-list {
  list-style: none;
  counter-reset: custom-counter;
}

.annotation-list li {
  counter-increment: custom-counter;
  position: relative;
}

.annotation-list li::before {
  content: "*" counter(custom-counter);
  position: absolute;
  left: -2em;
  width: 2em;
}