@charset "utf-8";

.LineUpItemsBox {
  position: relative;
}

.LineUpItemsBox.Close {
  max-height: 1050px;
  overflow: hidden;
}

.LineUpItemsBox.Open {
  max-height: 100%;
}

.LineUpItemsBox .LineUpItemsBoxMore {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: block;
  width: 100%;
  height: 30%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 10%, rgba(255, 255, 255, 0) 50%)
}

.LineUpItemsBox .LineUpItemsBoxMore.Hide {
  display: none;
}

.LineUpItemsBox .LineUpItemsBoxMore .LineUpItemsBoxButton {
  position: absolute;
  bottom: 32px;
  left: 11.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 77%;
  height: 36px;
  line-height: 36px;
  background-color: whitesmoke;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);
}

.LineUpItemsBox .LineUpItemsBoxMore .LineUpItemsBoxButton:hover{
  cursor: pointer;
  opacity: 0.6;
}

.LineUpItemsBox .LineUpItemsBoxMore .LineUpItemsBoxButton span {
  position: relative;
  padding-left: 24px;
  font-size: 1.6rem;
}

.LineUpItemsBox .LineUpItemsBoxMore .LineUpItemsBoxButton span::before {
  position: absolute;
  top: calc(50% - 8px);
  left: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 16px;
  height: 16px;
  content: '';
  background: #451700;
  border-radius: 50%;
}

.LineUpItemsBox .LineUpItemsBoxMore .LineUpItemsBoxButton span::after {
  position: absolute;
  top: calc(50% - 4px);
  left: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 6px;
  height: 6px;
  content: '';
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (max-width: 600px) {
  .LineUpItemsBox.Close {
    max-height: 950px;
    overflow: hidden;
  }

  .LineUpItemsBox .LineUpItemsBoxMore {
      left: 50%;
      transform: translateX(-50%);
      width: 92%;
  }
}