.gacha-img {
  display: flex;
  width: 100%;
  height: auto;
  margin-bottom: calc(100vw / 31);
  justify-content: center;
  align-items: center;
}

.gacha-img img {
  width: auto;
  height: auto;
  max-width: calc(100vw /1.75);
}

.gacha-detail-wrapper {
  width: 100%;
  height: auto;
  padding: calc(100vw / 22) calc(100vw / 20);
  border: solid calc(100vw / 360) #d0ac49;
  border-radius: calc(100vw / 108);
  box-sizing: border-box;
  background-color: white;
}

.detail-title {
  display: flex;
  width: 100%;
  margin-bottom: calc(100vw / 67.5);
  font-size: calc(100vw / 31.25);
  justify-content: center;
  align-items: center;
}

.detail-title img {
  width: calc(100vw / 21.7);
  height: calc(100vw / 21.7);
}

.detail-inner-wrapper {
  width: 100%;
  padding-top: calc(100vw / 23.5);
  border-top: dotted calc(100vw / 200) #849898;
  box-sizing: border-box;
}

.gacha-list-wrapper {
  display: flex;
  width: 114%;
  flex-wrap: wrap;
}

.gacha-list-nav {
  width: 49%;
  height: auto;
  margin-right: 2%;
  padding: calc(100vw / 48);
  border: solid calc(100vw / 360) #d0ac49;
  border-radius: calc(100vw / 108);
  box-sizing: border-box;
  background-color: white;
}

.gacha-list-nav:nth-child(even) {
  margin-right: 0;
}

.gacha-list-nav:nth-of-type(n+3) {
  margin-top: calc(100vw / 36);
}

.gacha-list-nav .gacha-list-ul {
  font-size: calc(100vw / 37.5);
  line-height: calc(100vw / 37.5 * 1.8);
}

.gacha-list-title {
  display: flex;
  width: 100%;
  margin-bottom: calc(100vw / 120);
  font-size: calc(100vw / 31.2);
  align-items: center;
}

.gacha-list-title img {
  width: calc(100vw / 26.4);
  height: calc(100vw / 26.4);
  margin-right: calc(100vw / 108);
}
