.ext_castMainNavi__itemCont .item.footprint .batch_counter{
  position:absolute;
  top:56%;
  left:33%;
  display:block;
  padding:1px 2px;
  min-width:18px;
  min-height:16px;
  -webkit-border-radius:18px;
  border-radius:18px;
  background:red;
  color:#fff;
  text-align:center;
  font-size:10px;
  font-size:1rem;
  line-height:17px;
  -webkit-animation-name:batch_counter_blink;
  animation-name:batch_counter_blink;
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-delay:1s;
  animation-delay:1s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
  animation-direction:alternate
}

.ext_castMainNavi__itemCont .item.camera .batch_counter{
  position:absolute;
  top:6%;
  left:53%;
  display:block;
  padding:1px 2px;
  min-width:18px;
  min-height:16px;
  -webkit-border-radius:18px;
  border-radius:18px;
  background:red;
  color:#fff;
  text-align:center;
  font-size:10px;
  font-size:1rem;
  line-height:17px;
  -webkit-animation-name:batch_counter_blink;
  animation-name:batch_counter_blink;
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-delay:1s;
  animation-delay:1s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-direction:alternate;
  animation-direction:alternate
}

  .ext_castMainNavi__itemCont02{
    width: 100%;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
  }
  .ext_castMainNavi__itemCont02 .itembox{
    position: relative;
    width: 20%;
    height: 65px;
    float: left;
    text-align: center;
    padding-top: 12px;
    border-right: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
  }
  .ext_castMainNavi__itemCont02 .itembox .batch_counter{
    position:absolute;
    top: 0%;
    right: 3%;
    display: block;
    padding: 1px 2px;
    min-width: 18px;
    min-height: 16px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: #FF3079;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-size: 1rem;
    line-height: 17px;
    -webkit-animation-name:batch_counter_blink;
    animation-name:batch_counter_blink;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
  }

.js_call_setting_open {
    max-height: 0;
    -webkit-transition: max-height 0.4s;
    -moz-transition: max-height 0.4s;
    transition: max-height 0.4s;
    overflow: hidden;
    will-change: scroll-position;
}

.js_call_setting_open.clicked {
    max-height: 650px;
    -webkit-transition: max-height 0.4s;
    -moz-transition: max-height 0.4s;
    transition: max-height 0.4s;
    overflow: hidden;
    will-change: scroll-position;
}
