@charset "UTF-8";
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
.header {
  background: transparent;
}

.maintitle__img {
  position: relative;
  background-image: url("../images/main.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: top 35% right;
  background-repeat: no-repeat;
  height: calc(150vh - 100px);
  border-radius: 3000px 3000px 0 0;
}
@media all and (max-width: 480px) {
  .maintitle__img {
    background-size: auto;
    background-position: top right 42%;
    height: 120vh;
    margin-top: 20px;
  }
}
.maintitle__img::after {
  position: absolute;
  content: "Tokyo Adventure Line";
  font-family: "hurricane", sans-serif;
  font-weight: 400;
  top: 2%;
  left: -6%;
  font-size: min(18vw, 15rem);
  transform: rotate(-10deg);
  color: #B2B26F;
}
@media all and (max-width: 480px) {
  .maintitle__img::after {
    top: -5px;
    left: 0;
    line-height: 1;
  }
}
@media all and (max-width: 480px) {
  .maintitle__txt h1 {
    font-size: 4.5vw;
  }
}
@media all and (max-width: 1100px) {
  .maintitle__txt-box {
    width: 80%;
  }
  .maintitle__txt-box br.pconly {
    display: none;
  }
}
@media all and (max-width: 896px) {
  .maintitle__txt-box {
    width: 100%;
  }
}
.maintitle__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 30px;
}
.maintitle__inner img {
  max-width: 110px;
  margin: auto;
}
@media all and (max-width: 896px) {
  .maintitle__inner img {
    margin: auto;
    display: block;
  }
}
@media all and (max-width: 480px) {
  .maintitle__inner img {
    max-width: 80px;
  }
}

.rosensearch {
  margin-top: 30px;
}
.rosensearch__list {
  border-bottom: 12px solid #B2B26F;
  height: 190px;
  align-items: center;
}
@media all and (max-width: 480px) {
  .rosensearch__list {
    height: 145px;
  }
}
.rosensearch__list li input[type=checkbox]:checked + span {
  border-color: #B2B26F;
}
@media all and (max-width: 320px) {
  .rosensearch__list li.large span {
    font-size: 100%;
  }
}
.rosensearch__list li span {
  height: 7em;
}
@media all and (max-width: 480px) {
  .rosensearch__list li span {
    height: 8em;
  }
}
.rosensearch__list li span::after {
  bottom: -55px;
}
@media all and (max-width: 896px) {
  .rosensearch__list li span::after {
    bottom: -62px;
  }
}
@media all and (max-width: 480px) {
  .rosensearch__list li span::after {
    bottom: -42px;
  }
}
@media all and (max-width: 390px) {
  .rosensearch__list li span::after {
    bottom: -43px;
  }
}
@media all and (max-width: 375px) {
  .rosensearch__list li span::after {
    bottom: -45px;
  }
}
@media all and (max-width: 360px) {
  .rosensearch__list li span::after {
    bottom: -46px;
  }
}
@media all and (max-width: 340px) {
  .rosensearch__list li span::after {
    bottom: -50px;
  }
}
@media all and (max-width: 320px) {
  .rosensearch__list li span::after {
    bottom: -55px;
  }
}
.rosensearch__list li.large span::after {
  background: url(../images/largest.svg) center center/contain no-repeat;
}
@media all and (max-width: 480px) {
  .rosensearch__list li.large span::after {
    width: 20px;
    height: 20px;
    bottom: -27px;
  }
}
@media all and (max-width: 320px) {
  .rosensearch__list li.large span::after {
    bottom: -38px;
  }
}
