@charset "UTF-8";

.flowtd {
  width: 46%;
}

.flowimg {
  max-height: 100px;
  text-align: center;
  margin-top: 20px;
}

.flowtable {
  height: 350px;
}

#digital .grid-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#digital .cell {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  text-align: center;
}

#digital .img-wrap {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
}

#digital .img-wrap img {
  max-width: 100%;
  max-height: 140px;
  height: auto;
  object-fit: contain;
  display: block;
}

.scene img {
    max-height: 150px;
}

.flex-gift-deli img {
    max-height: 150px;
}

@media (max-width: 750px) {
  #digital .grid-table {
    grid-template-columns: repeat(2, 1fr);
  }
  .kaiten {
    transform: rotate(90deg);
  } 
  .spclm2 > * {
    width: 50% !important;
    flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .flowtable {
    height: initial;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .haitatsu .pcDisp {
    display: none !important;
  }
  .haitatsu .spDisp {
    display: block !important;
  }
}