.bg-pre {
  background-image: url(/store/O2/2022ss/pre/img/bg_pre6.jpg);
}

.trailers {
  top: 81%;
}

.logo_o2_2 {
  width: 100%;
  left: -25px;
  top: 25px;
  text-align: right;
}

.logo_o2_2 img {
  height: 300px;
  width: auto;
}

.logo_ssa_index {
  left: 25px;
  top: 25px;
  transform: initial;
}

.logo_ssa_index img.pc {
  display: inline-block;
}

.logo_ssa_index img.sp {
  display: none;
}

.yodogawa .inner {
  color: #000;
  width: 524px;
}

.lineup__name {
  margin-bottom: 55px;
}

.lineup .lineup__list {
  justify-content: inherit;
}

.lineup .lineup__list li {
  width: calc(25% - 20px);
  margin-right: calc(20px * 4 / 3);
}

.lineup .lineup__list li.before {
  opacity: .3;
  pointer-events: none;
}

.lineup .lineup__list li:nth-of-type(4n) {
  margin-right: 0;
}

.lineup .lineup__list li img {
  width: 100%;
}

.lineup .lineup__list li p {
  letter-spacing: .1em;
}

.lineup .lineup__list li p:nth-of-type(1) {
  margin-top: 0;
}

.lineup .lineup__list li p span {
  letter-spacing: 0;
}

.lineup .lineup__list li p span.ls25 {
  font-family: "Koburina Gothic W6 JIS2004", sans-serif;
  font-size: 1.6rem;
  letter-spacing: .02em;
}

.info h2,
.index .share__ttl {
  color: #000;
}

@media screen and (max-width: 768px) {
  .logo_o2_2 {
    transform: inherit;
  }
}

@media screen and (max-width: 640px) {
  .bg-pre {
    background-image: url(/store/O2/2022ss/pre/img/bg_index2_sp.jpg);
  }
  .logo_o2_2 {
    height: auto;
    width: 26.069vw;
    top: 6.66vw;
    left: 4.66vw;
    transform: translateX(0);
  }
  .logo_o2_2 img {
    width: 100%;
    height: auto;
  }
  .logo_ssa_index {
    width: 56.302vw;
    top: 6.66vw;
    right: 4.66vw;
    left: auto;
  }
  .logo_ssa_index img.pc {
    display: none;
  }
  .logo_ssa_index img.sp {
    display: inline-block;
  }
  .logo_newitem {
    width: 90.68%;
    height: auto;
    top: 50%;
    transform: translateY(0) translateX(-50%);
  }
  .yodogawa {
    height: auto;
    padding: 15px 0 20px;
  }
  .yodogawa .inner {
    width: 90.68%;
    position: static;
    transform: initial;
    margin: auto;
  }
  .index .lineup {
    padding: 13% 0 40px;
  }
  .index .lineup__name {
    margin-bottom: 12%;
  }
  .index .lineup__name img {
    height: auto;
    width: 60%;
  }
  .lineup .lineup__list li {
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .lineup .lineup__list li:nth-of-type(2n), .lineup .lineup__list li:nth-of-type(4n) {
    margin-right: 0;
  }
  .lineup .lineup__list li p span.ls25 {
    font-size: 1.2rem;
  }
}