.tab-item-wrap .tab-item{
  display:none;
}

.tab-item-wrap .tab-item.is-active{
  display:block;
}

.tab-btn{
  -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.7em 1.2em;
    color: var(--color-text-002);
    text-align: center;
    border-top: 1px solid var(--color-005);
    border-left: 1px solid var(--color-005);
    border-right: 1px solid var(--color-005);
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: var(--color-031);
    position: relative;
}

.tab-btn.is-active {
    margin-bottom: -4px;
    font-weight: 500;
    color: var(--color-008);
    border-top: 2px solid var(--color-008);
    border-bottom: 2px solid white;
    border-left: 2px solid var(--color-008);
    border-right: 2px solid var(--color-008);
    background-color: white;
    z-index: 2;
}

.tab-btn.is-active::before {
    width: 100%;
    background-color: white;
    left: 0;
}

.new-orders .tab-btn{
    color: #fff;
    background-color:#aaa;
}

.new-orders .tab-btn-list li.is-active{
  background-color:#d1bab4;
  border-top: 2px #d1bab4;
  border-left: 2px #d1bab4;
  border-right: 2px #d1bab4;
  background-color: #d1bab4;
}

.new-orders .tab-btn-list li.tab-btn-hotel.is-active {
    border-top: 2px var(--color-035);
    border-left: 2px var(--color-035);
    border-right: 2px var(--color-035);
    background-color: var(--color-035);
}


.new-orders .tab-btn-list li.tab-btn-gourmet.is-active {
    border-top: 2px var(--color-036);
    border-left: 2px var(--color-036);
    border-right: 2px var(--color-036);
    background-color: var(--color-036);
}


.new-orders .tab-btn-list li.tab-btn-sightseeing.is-active {
    border-top: 2px var(--color-037);
    border-left: 2px var(--color-037);
    border-right: 2px var(--color-037);
    background-color: var(--color-037);
}

.new-orders .tab-btn-list li.tab-btn-activities.is-active {
    border-top: 2px var(--color-038);
    border-left: 2px var(--color-038);
    border-right: 2px var(--color-038);
    background-color: var(--color-038);
}

.new-orders .tab-btn-list li.tab-btn-special.is-active {
    border-top: 2px var(--color-040);
    border-left: 2px var(--color-040);
    border-right: 2px var(--color-040);
    background-color: var(--color-040);
}

.new-orders .tab-btn-list li.tab-btn-souvenir.is-active {
    border-top: 2px var(--color-039);
    border-left: 2px var(--color-039);
    border-right: 2px var(--color-039);
    background-color: var(--color-039);
}

/*.new-orders .tab-btn-list li.tab-btn-souvenir.is-active span[class*="icon"] img {
    -webkit-filter: brightness(0) saturate(100%) invert(78%) sepia(35%) saturate(692%) hue-rotate(208deg) brightness(80%) contrast(100%);
    filter: brightness(0) saturate(100%) invert(78%) sepia(35%) saturate(692%) hue-rotate(208deg) brightness(80%) contrast(100%);
}

.new-orders .tab-btn-list li.tab-btn-special.is-active span[class*="icon"] img {
    -webkit-filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(580%) hue-rotate(345deg) brightness(96%) contrast(90%);
    filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(580%) hue-rotate(345deg) brightness(96%) contrast(90%);
}

.new-orders .tab-btn-list li.tab-btn-activities.is-active span[class*="icon"] img {
    -webkit-filter: brightness(0) saturate(100%) invert(68%) sepia(14%) saturate(1147%) hue-rotate(114deg) brightness(91%) contrast(85%);
    filter: brightness(0) saturate(100%) invert(68%) sepia(14%) saturate(1147%) hue-rotate(114deg) brightness(91%) contrast(85%);
}

.new-orders .tab-btn-list li.tab-btn-sightseeing.is-active span[class*="icon"] img {
    -webkit-filter: brightness(0) saturate(100%) invert(80%) sepia(81%) saturate(3415%) hue-rotate(291deg) brightness(96%) contrast(89%);
    filter: brightness(0) saturate(100%) invert(80%) sepia(81%) saturate(3415%) hue-rotate(291deg) brightness(96%) contrast(89%);
}
.new-orders .tab-btn-list li.tab-btn-gourmet.is-active span[class*="icon"] img {
    -webkit-filter: brightness(0) saturate(100%) invert(88%) sepia(14%) saturate(6756%) hue-rotate(310deg) brightness(91%) contrast(89%);
    filter: brightness(0) saturate(100%) invert(88%) sepia(14%) saturate(6756%) hue-rotate(310deg) brightness(91%) contrast(89%);
}

.new-orders .tab-btn-list li.tab-btn-hotel.is-active span[class*="icon"] img {
    -webkit-filter: brightness(0) saturate(100%) invert(62%) sepia(10%) saturate(1820%) hue-rotate(141deg) brightness(93%) contrast(84%);
    filter: brightness(0) saturate(100%) invert(62%) sepia(10%) saturate(1820%) hue-rotate(141deg) brightness(93%) contrast(84%);
}*/

.tab-btn-title{
  min-height:30.69px;
}